@fuzdev/fuz_ui 0.203.1 → 0.205.0

package/dist/Alert.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import type {Snippet} from 'svelte';
-	import type {SvelteHTMLElements} from 'svelte/elements';
+	import type {HTMLAttributes, SvelteHTMLElements} from 'svelte/elements';
 
 	import {alert_status_options, type AlertStatus} from './alert.js';
 
@@ -18,21 +18,28 @@
 		onclick,
 		disabled,
 		icon,
+		button_attrs,
+		div_attrs,
 		children,
 		...rest
-	}: SvelteHTMLElements['div'] &
-		SvelteHTMLElements['button'] & {
-			status?: AlertStatus;
-			color?: string;
-			// TODO this API is a mess in part because of the types, maybe an explicit `AlertButton` is better,
-			// or rethink the design because `role="alert"` can't be put on buttons.
-			// $props must be destructured, so we can't use a union with narrowing right?
-			// so `disabled` only makes sense if `onclick` is defined, and we dont get the other HTMLButtonElement attributes
-			onclick?: (() => void) | undefined;
-			disabled?: boolean;
-			icon?: string | Snippet<[icon: string]> | null | undefined; // TODO experimenting with this, gets complex in the impl
-			children: Snippet;
-		} = $props();
+	}: // generic element attrs, the common denominator of the rendered roots -
+	// branch-specific attributes go in `button_attrs`/`div_attrs`
+	HTMLAttributes<HTMLElement> & {
+		status?: AlertStatus;
+		color?: string;
+		// TODO maybe an explicit `AlertButton` is better,
+		// or rethink the design because `role="alert"` can't be put on buttons -
+		// `disabled` and `button_attrs` only make sense when `onclick` is defined
+		/** Renders the alert as a `<button>` when provided. */
+		onclick?: (() => void) | undefined;
+		disabled?: boolean;
+		icon?: string | Snippet<[icon: string]> | null | undefined; // TODO experimenting with this, gets complex in the impl
+		/** Button attributes, applied only when `onclick` renders the alert as a `<button>`. */
+		button_attrs?: SvelteHTMLElements['button'];
+		/** Div attributes, applied only when the alert renders as a `<div>` (no `onclick`). */
+		div_attrs?: SvelteHTMLElements['div'];
+		children: Snippet;
+	} = $props();
 
 	const options = $derived(alert_status_options[status]);
 	// TODO change this to use the hue and put transparency on the borders, or add a borderColor option
@@ -47,15 +54,22 @@
 	<button
 		type="button"
 		{...rest}
-		class="alert {rest.class}"
+		{...button_attrs}
+		class="alert {rest.class} {button_attrs?.class}"
 		style:--text_color={final_color}
 		{onclick}
-		{disabled}
+		disabled={disabled ?? button_attrs?.disabled}
 	>
 		{@render content()}
 	</button>
 {:else}
-	<div role="alert" {...rest} class="alert panel {rest.class}" style:--text_color={final_color}>
+	<div
+		role="alert"
+		{...rest}
+		{...div_attrs}
+		class="alert panel {rest.class} {div_attrs?.class}"
+		style:--text_color={final_color}
+	>
 		{@render content()}
 	</div>
 {/if}

package/dist/Alert.svelte.d.ts

@@ -1,12 +1,18 @@
 import type { Snippet } from 'svelte';
-import type { SvelteHTMLElements } from 'svelte/elements';
+import type { HTMLAttributes, SvelteHTMLElements } from 'svelte/elements';
 import { type AlertStatus } from './alert.js';
-type $$ComponentProps = SvelteHTMLElements['div'] & SvelteHTMLElements['button'] & {
+type $$ComponentProps = // generic element attrs, the common denominator of the rendered roots -
+HTMLAttributes<HTMLElement> & {
     status?: AlertStatus;
     color?: string;
+    /** Renders the alert as a `<button>` when provided. */
     onclick?: (() => void) | undefined;
     disabled?: boolean;
     icon?: string | Snippet<[icon: string]> | null | undefined;
+    /** Button attributes, applied only when `onclick` renders the alert as a `<button>`. */
+    button_attrs?: SvelteHTMLElements['button'];
+    /** Div attributes, applied only when the alert renders as a `<div>` (no `onclick`). */
+    div_attrs?: SvelteHTMLElements['div'];
     children: Snippet;
 };
 declare const Alert: import("svelte").Component<$$ComponentProps, {}, "">;

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

@@ -1 +1 @@
-{"version":3,"file":"Alert.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/Alert.svelte"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,OAAO,EAAC,MAAM,QAAQ,CAAC;AACpC,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,iBAAiB,CAAC;AAExD,OAAO,EAAuB,KAAK,WAAW,EAAC,MAAM,YAAY,CAAC;AAEjE,KAAK,gBAAgB,GAAI,kBAAkB,CAAC,KAAK,CAAC,GACjD,kBAAkB,CAAC,QAAQ,CAAC,GAAG;IAC9B,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IAKf,OAAO,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;IAC3D,QAAQ,EAAE,OAAO,CAAC;CAClB,CAAC;AAgEJ,QAAA,MAAM,KAAK,sDAAwC,CAAC;AACpD,KAAK,KAAK,GAAG,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC;AACtC,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Alert.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/Alert.svelte"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,OAAO,EAAC,MAAM,QAAQ,CAAC;AACpC,OAAO,KAAK,EAAC,cAAc,EAAE,kBAAkB,EAAC,MAAM,iBAAiB,CAAC;AAExE,OAAO,EAAuB,KAAK,WAAW,EAAC,MAAM,YAAY,CAAC;AAEjE,KAAK,gBAAgB,GAErB,AAFyB,wEAAwE;AAEjG,cAAc,CAAC,WAAW,CAAC,GAAG;IAC7B,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IAIf,uDAAuD;IACvD,OAAO,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;IAC3D,wFAAwF;IACxF,YAAY,CAAC,EAAE,kBAAkB,CAAC,QAAQ,CAAC,CAAC;IAC5C,uFAAuF;IACvF,SAAS,CAAC,EAAE,kBAAkB,CAAC,KAAK,CAAC,CAAC;IACtC,QAAQ,EAAE,OAAO,CAAC;CAClB,CAAC;AAkEH,QAAA,MAAM,KAAK,sDAAwC,CAAC;AACpD,KAAK,KAAK,GAAG,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC;AACtC,eAAe,KAAK,CAAC"}

package/dist/ApiModule.svelte

@@ -1,4 +1,12 @@
 <script lang="ts">
+	import Code from '@fuzdev/fuz_code/Code.svelte';
+	import Mdz from '@fuzdev/mdz/Mdz.svelte';
+	import {
+		mdz_code_context,
+		mdz_codeblock_context,
+		mdz_set_context_with_fallback,
+	} from '@fuzdev/mdz/mdz_contexts.js';
+
 	import {set_library_context_with_fallback, type Library} from './library.svelte.js';
 	import {tome_get_by_slug, type Tome} from './tome.js';
 	import TomeContent from './TomeContent.svelte';
@@ -6,8 +14,8 @@
 	import TomeSectionHeader from './TomeSectionHeader.svelte';
 	import DocsSearch from './DocsSearch.svelte';
 	import ModuleLink from './ModuleLink.svelte';
+	import DocsLink from './DocsLink.svelte';
 	import DeclarationLink from './DeclarationLink.svelte';
-	import Mdz from './Mdz.svelte';
 	import ApiDeclarationList from './ApiDeclarationList.svelte';
 	import {create_module_declaration_search} from './api_search.svelte.js';
 
@@ -35,6 +43,11 @@
 	const get_library = set_library_context_with_fallback(() => library_prop, 'ApiModule');
 	const library = $derived(get_library());
 
+	// 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);
+	mdz_set_context_with_fallback(mdz_codeblock_context, () => Code);
+
 	// normalize module_path to string (could be array from [...module_path] route param)
 	const module_path = $derived(
 		Array.isArray(module_path_param) ? module_path_param.join('/') : module_path_param,

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

@@ -1 +1 @@
-{"version":3,"file":"ApiModule.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/ApiModule.svelte"],"names":[],"mappings":"AAGA,OAAO,EAAoC,KAAK,OAAO,EAAC,MAAM,qBAAqB,CAAC;AACpF,OAAO,EAAmB,KAAK,IAAI,EAAC,MAAM,WAAW,CAAC;AAWrD,KAAK,gBAAgB,GAAI;IACxB;;OAEG;IACH,WAAW,EAAE,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;IACpC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,CAAC;CACZ,CAAC;AAoLH,QAAA,MAAM,SAAS,sDAAwC,CAAC;AACxD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}
+{"version":3,"file":"ApiModule.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/ApiModule.svelte"],"names":[],"mappings":"AAWA,OAAO,EAAoC,KAAK,OAAO,EAAC,MAAM,qBAAqB,CAAC;AACpF,OAAO,EAAmB,KAAK,IAAI,EAAC,MAAM,WAAW,CAAC;AAWrD,KAAK,gBAAgB,GAAI;IACxB;;OAEG;IACH,WAAW,EAAE,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;IACpC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,CAAC;CACZ,CAAC;AA6LH,QAAA,MAAM,SAAS,sDAAwC,CAAC;AACxD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}

package/dist/Card.svelte

@@ -1,7 +1,8 @@
 <script lang="ts">
 	import {page} from '$app/state';
+	import {DEV} from 'esm-env';
 	import type {Snippet} from 'svelte';
-	import type {SvelteHTMLElements} from 'svelte/elements';
+	import type {HTMLAttributes, SvelteHTMLElements} from 'svelte/elements';
 
 	// TODO think through Alert+Card APIs together, one can be a button and the other a link atm
 
@@ -10,20 +11,37 @@
 		tag,
 		align = 'left',
 		icon,
+		a_attrs,
 		children,
 		...rest
-	}: SvelteHTMLElements['div'] &
-		SvelteHTMLElements['a'] & {
-			tag?: string | undefined;
-			align?: 'left' | 'right' | 'above' | 'below';
-			icon?: string | Snippet;
-			children: Snippet;
-		} = $props();
+	}: // generic element attrs, the common denominator of the rendered roots -
+	// branch-specific attributes go in `a_attrs`
+	HTMLAttributes<HTMLElement> & {
+		/** Renders the card as an `<a>` when provided. */
+		href?: string | undefined;
+		tag?: string | undefined;
+		align?: 'left' | 'right' | 'above' | 'below';
+		icon?: string | Snippet;
+		/** Anchor attributes, applied only when `href` renders the card as an `<a>`. */
+		a_attrs?: SvelteHTMLElements['a'];
+		children: Snippet;
+	} = $props();
 
 	const link = $derived(!!href);
 	const selected = $derived(link && page.url.pathname === href);
 	const final_tag = $derived(tag ?? (link ? 'a' : 'div'));
-	const inferred_attrs = $derived(link ? {href} : undefined);
+	const inferred_attrs = $derived(link ? {...a_attrs, href} : undefined);
+
+	if (DEV) {
+		$effect(() => {
+			if (href && final_tag !== 'a') {
+				// eslint-disable-next-line no-console
+				console.error(
+					`Card received href "${href}" with tag "${final_tag}" - href renders only on an anchor`,
+				);
+			}
+		});
+	}
 
 	const left = $derived(align === 'left');
 	const right = $derived(align === 'right');
@@ -37,7 +55,7 @@
 	this={final_tag}
 	{...rest}
 	{...inferred_attrs}
-	class="card {rest.class}"
+	class="card {rest.class} {inferred_attrs?.class}"
 	class:link
 	class:selected
 	class:left

package/dist/Card.svelte.d.ts

@@ -1,9 +1,14 @@
 import type { Snippet } from 'svelte';
-import type { SvelteHTMLElements } from 'svelte/elements';
-type $$ComponentProps = SvelteHTMLElements['div'] & SvelteHTMLElements['a'] & {
+import type { HTMLAttributes, SvelteHTMLElements } from 'svelte/elements';
+type $$ComponentProps = // generic element attrs, the common denominator of the rendered roots -
+HTMLAttributes<HTMLElement> & {
+    /** Renders the card as an `<a>` when provided. */
+    href?: string | undefined;
     tag?: string | undefined;
     align?: 'left' | 'right' | 'above' | 'below';
     icon?: string | Snippet;
+    /** Anchor attributes, applied only when `href` renders the card as an `<a>`. */
+    a_attrs?: SvelteHTMLElements['a'];
     children: Snippet;
 };
 declare const Card: import("svelte").Component<$$ComponentProps, {}, "">;

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

@@ -1 +1 @@
-{"version":3,"file":"Card.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/Card.svelte"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAC,OAAO,EAAC,MAAM,QAAQ,CAAC;AACpC,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,iBAAiB,CAAC;AAEvD,KAAK,gBAAgB,GAAI,kBAAkB,CAAC,KAAK,CAAC,GACjD,kBAAkB,CAAC,GAAG,CAAC,GAAG;IACzB,GAAG,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC;IAC7C,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACxB,QAAQ,EAAE,OAAO,CAAC;CAClB,CAAC;AAyDJ,QAAA,MAAM,IAAI,sDAAwC,CAAC;AACnD,KAAK,IAAI,GAAG,UAAU,CAAC,OAAO,IAAI,CAAC,CAAC;AACpC,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Card.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/Card.svelte"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAC,OAAO,EAAC,MAAM,QAAQ,CAAC;AACpC,OAAO,KAAK,EAAC,cAAc,EAAE,kBAAkB,EAAC,MAAM,iBAAiB,CAAC;AAEvE,KAAK,gBAAgB,GAErB,AAFyB,wEAAwE;AAEjG,cAAc,CAAC,WAAW,CAAC,GAAG;IAC7B,kDAAkD;IAClD,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,GAAG,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC;IAC7C,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACxB,gFAAgF;IAChF,OAAO,CAAC,EAAE,kBAAkB,CAAC,GAAG,CAAC,CAAC;IAClC,QAAQ,EAAE,OAAO,CAAC;CAClB,CAAC;AAsEH,QAAA,MAAM,IAAI,sDAAwC,CAAC;AACnD,KAAK,IAAI,GAAG,UAAU,CAAC,OAAO,IAAI,CAAC,CAAC;AACpC,eAAe,IAAI,CAAC"}

package/dist/CopyToClipboard.svelte

@@ -17,6 +17,7 @@
 		allow_copying_empty_string,
 		icon_button = true,
 		oncopy,
+		onclick,
 		disabled: disabled_prop,
 		children,
 		...rest
@@ -70,7 +71,10 @@
 	class:copied
 	class:failed
 	class:color_c={failed}
-	onclick={copy}
+	onclick={(e) => {
+		onclick?.(e); // before the internal handler, which is async
+		void copy(e);
+	}}
 	disabled={disabled_prop ?? (allow_copying_empty_string ? text === null : !text)}
 >
 	{#if children}

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

@@ -1 +1 @@
-{"version":3,"file":"CopyToClipboard.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/CopyToClipboard.svelte"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,2BAA2B,CAAC;AAC1D,OAAO,KAAK,EAAC,OAAO,EAAC,MAAM,QAAQ,CAAC;AACpC,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,iBAAiB,CAAC;AAMvD,KAAK,gBAAgB,GAAI,UAAU,CAAC,kBAAkB,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC,GAAG;IAC/E,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,EAAE,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAC,CAAC,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;CACvD,CAAC;AAkEH,QAAA,MAAM,eAAe,sDAAwC,CAAC;AAC9D,KAAK,eAAe,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;AAC1D,eAAe,eAAe,CAAC"}
+{"version":3,"file":"CopyToClipboard.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/CopyToClipboard.svelte"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,2BAA2B,CAAC;AAC1D,OAAO,KAAK,EAAC,OAAO,EAAC,MAAM,QAAQ,CAAC;AACpC,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,iBAAiB,CAAC;AAMvD,KAAK,gBAAgB,GAAI,UAAU,CAAC,kBAAkB,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC,GAAG;IAC/E,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,EAAE,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAC,CAAC,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;CACvD,CAAC;AAsEH,QAAA,MAAM,eAAe,sDAAwC,CAAC;AAC9D,KAAK,eAAe,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;AAC1D,eAAe,eAAe,CAAC"}

package/dist/DeclarationDetail.svelte

@@ -11,16 +11,27 @@ including parameters, props, members, overloads, intersects, and more.
 -->
 <script lang="ts">
 	import Code from '@fuzdev/fuz_code/Code.svelte';
+	import Mdz from '@fuzdev/mdz/Mdz.svelte';
+	import {mdz_from_tsdoc} from '@fuzdev/mdz/tsdoc_mdz.js';
+	import {
+		mdz_code_context,
+		mdz_codeblock_context,
+		mdz_set_context_with_fallback,
+	} from '@fuzdev/mdz/mdz_contexts.js';
 	import type {ParameterJsonInput} from 'svelte-docinfo/types.js';
 
 	import type {Declaration} from './declaration.svelte.js';
 	import TypeLink from './TypeLink.svelte';
 	import ModuleLink from './ModuleLink.svelte';
-	import Mdz from './Mdz.svelte';
-	import {tsdoc_see_to_mdz} from './tsdoc_mdz.js';
+	import DocsLink from './DocsLink.svelte';
 
 	const {declaration}: {declaration: Declaration} = $props();
 
+	// 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);
+	mdz_set_context_with_fallback(mdz_codeblock_context, () => Code);
+
 	// Optional prose metadata shared by component props and nested members,
 	// rendered in a compact form (the top-level declaration uses prominent
 	// sections for the same fields instead).
@@ -94,7 +105,7 @@ including parameters, props, members, overloads, intersects, and more.
 		<p><strong>see also</strong></p>
 		<ul>
 			{#each item.seeAlso as ref (ref)}
-				<li><Mdz content={tsdoc_see_to_mdz(ref)} /></li>
+				<li><Mdz content={mdz_from_tsdoc(ref)} /></li>
 			{/each}
 		</ul>
 	{/if}
@@ -392,7 +403,7 @@ including parameters, props, members, overloads, intersects, and more.
 		<ul>
 			{#each declaration.see_also as ref (ref)}
 				<li>
-					<Mdz content={tsdoc_see_to_mdz(ref)} />
+					<Mdz content={mdz_from_tsdoc(ref)} />
 				</li>
 			{/each}
 		</ul>

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":"AAMA,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,yBAAyB,CAAC;AAiBxD,KAAK,gBAAgB,GAAI;IAAC,WAAW,EAAE,WAAW,CAAA;CAAC,CAAC;AAqbrD;;;;;;;;GAQG;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,EAAC,WAAW,EAAC,MAAM,yBAAyB,CAAC;AAgBxD,KAAK,gBAAgB,GAAI;IAAC,WAAW,EAAE,WAAW,CAAA;CAAC,CAAC;AA4brD;;;;;;;;GAQG;AACH,QAAA,MAAM,iBAAiB,sDAAwC,CAAC;AAChE,KAAK,iBAAiB,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAC9D,eAAe,iBAAiB,CAAC"}

package/dist/DocsLink.svelte

@@ -1,5 +1,7 @@
 <script lang="ts">
 	import type {Snippet} from 'svelte';
+	import type {HTMLAttributes, SvelteHTMLElements} from 'svelte/elements';
+	import type {OmitStrict} from '@fuzdev/fuz_util/types.js';
 
 	import ModuleLink from './ModuleLink.svelte';
 	import DeclarationLink from './DeclarationLink.svelte';
@@ -11,12 +13,21 @@
 		reference,
 		hash,
 		display_text,
+		a_attrs,
+		code_attrs,
 		children: children_prop,
-	}: {
+		...rest
+	}: // generic element attrs, the common denominator of the rendered roots -
+	// assignable to the anchor rest of `DeclarationLink`/`ModuleLink` and exact for `<code>`
+	OmitStrict<HTMLAttributes<HTMLElement>, 'children'> & {
 		reference: string;
 		/** URL fragment to append, with or without the `#`. */
 		hash?: string;
 		display_text?: string | null;
+		/** Anchor attributes, applied only when the reference resolves to a declaration or module link. */
+		a_attrs?: SvelteHTMLElements['a'];
+		/** Code attributes, applied only to the fallback `<code>` when the reference doesn't resolve. */
+		code_attrs?: SvelteHTMLElements['code'];
 		children?: Snippet<[Declaration | undefined, Module | undefined]>;
 	} = $props();
 
@@ -29,15 +40,15 @@
 </script>
 
 {#if declaration}
-	<DeclarationLink name={reference} {hash}>
+	<DeclarationLink {...rest} {...a_attrs} name={reference} {hash}>
 		{@render children()}
 	</DeclarationLink>
 {:else if module}
-	<ModuleLink module_path={module.path} {hash}>
+	<ModuleLink {...rest} {...a_attrs} module_path={module.path} {hash}>
 		{@render children()}
 	</ModuleLink>
 {:else}
-	<code>{@render children()}</code>
+	<code {...rest} {...code_attrs}>{@render children()}</code>
 {/if}
 
 {#snippet children()}{#if children_prop}{@render children_prop(

package/dist/DocsLink.svelte.d.ts

@@ -1,11 +1,18 @@
 import type { Snippet } from 'svelte';
+import type { HTMLAttributes, SvelteHTMLElements } from 'svelte/elements';
+import type { OmitStrict } from '@fuzdev/fuz_util/types.js';
 import type { Declaration } from './declaration.svelte.js';
 import type { Module } from './module.svelte.js';
-type $$ComponentProps = {
+type $$ComponentProps = // generic element attrs, the common denominator of the rendered roots -
+OmitStrict<HTMLAttributes<HTMLElement>, 'children'> & {
     reference: string;
     /** URL fragment to append, with or without the `#`. */
     hash?: string;
     display_text?: string | null;
+    /** Anchor attributes, applied only when the reference resolves to a declaration or module link. */
+    a_attrs?: SvelteHTMLElements['a'];
+    /** Code attributes, applied only to the fallback `<code>` when the reference doesn't resolve. */
+    code_attrs?: SvelteHTMLElements['code'];
     children?: Snippet<[Declaration | undefined, Module | undefined]>;
 };
 declare const DocsLink: import("svelte").Component<$$ComponentProps, {}, "">;

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

@@ -1 +1 @@
-{"version":3,"file":"DocsLink.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/DocsLink.svelte"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,OAAO,EAAC,MAAM,QAAQ,CAAC;AAKpC,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,yBAAyB,CAAC;AACzD,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,oBAAoB,CAAC;AAE9C,KAAK,gBAAgB,GAAI;IACxB,SAAS,EAAE,MAAM,CAAC;IAClB,uDAAuD;IACvD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC,CAAC,WAAW,GAAG,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC,CAAC,CAAC;CAClE,CAAC;AA4CH,QAAA,MAAM,QAAQ,sDAAwC,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"DocsLink.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/DocsLink.svelte"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,OAAO,EAAC,MAAM,QAAQ,CAAC;AACpC,OAAO,KAAK,EAAC,cAAc,EAAE,kBAAkB,EAAC,MAAM,iBAAiB,CAAC;AACxE,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,2BAA2B,CAAC;AAK1D,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,yBAAyB,CAAC;AACzD,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,oBAAoB,CAAC;AAE9C,KAAK,gBAAgB,GAErB,AAFyB,wEAAwE;AAEjG,UAAU,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC,GAAG;IACrD,SAAS,EAAE,MAAM,CAAC;IAClB,uDAAuD;IACvD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,mGAAmG;IACnG,OAAO,CAAC,EAAE,kBAAkB,CAAC,GAAG,CAAC,CAAC;IAClC,iGAAiG;IACjG,UAAU,CAAC,EAAE,kBAAkB,CAAC,MAAM,CAAC,CAAC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC,CAAC,WAAW,GAAG,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC,CAAC,CAAC;CAClE,CAAC;AAiDH,QAAA,MAAM,QAAQ,sDAAwC,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}

package/dist/DocsMenu.svelte

@@ -29,7 +29,7 @@
 
 <!-- eslint-disable svelte/no-navigation-without-resolve -->
 
-<DocsList {...rest} {expand_width} margin={false} class="docs-menu">
+<DocsList {...rest} {expand_width} margin={false} class="docs-menu {rest.class}">
 	<ul class="unstyled">
 		{#each Object.entries(tomes_by_category) as [category, tomes] (category)}
 			<li class="category">

package/dist/DocsPageLinks.svelte

@@ -20,7 +20,7 @@
 	const hash = $derived(page.url.hash.slice(1));
 </script>
 
-<DocsList {...rest} {expand_width} class="docs-page-links">
+<DocsList {...rest} {expand_width} class="docs-page-links {rest.class}">
 	<h4 class="mb_sm">on this page</h4>
 	{#if sidebar}
 		<div class="sidebar-wrapper">{@render content()}</div>

package/dist/EcosystemLinks.svelte

@@ -1,14 +1,17 @@
 <script lang="ts">
+	import type {SvelteHTMLElements} from 'svelte/elements';
+
 	import {FUZ_DEV_URL} from './constants.js';
 
 	const {
 		selected,
-	}: {
+		...rest
+	}: SvelteHTMLElements['ul'] & {
 		selected?: 'fuz.dev';
 	} = $props();
 </script>
 
-<ul>
+<ul {...rest}>
 	<li>
 		<!-- eslint-disable-next-line svelte/no-navigation-without-resolve -->
 		<a rel="me" href={FUZ_DEV_URL} class:selected={selected === 'fuz.dev'}>fuz.dev</a>

package/dist/EcosystemLinks.svelte.d.ts

@@ -1,4 +1,5 @@
-type $$ComponentProps = {
+import type { SvelteHTMLElements } from 'svelte/elements';
+type $$ComponentProps = SvelteHTMLElements['ul'] & {
     selected?: 'fuz.dev';
 };
 declare const EcosystemLinks: import("svelte").Component<$$ComponentProps, {}, "">;

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

@@ -1 +1 @@
-{"version":3,"file":"EcosystemLinks.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/EcosystemLinks.svelte"],"names":[],"mappings":"AAKC,KAAK,gBAAgB,GAAI;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB,CAAC;AAwBH,QAAA,MAAM,cAAc,sDAAwC,CAAC;AAC7D,KAAK,cAAc,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AACxD,eAAe,cAAc,CAAC"}
+{"version":3,"file":"EcosystemLinks.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/EcosystemLinks.svelte"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,iBAAiB,CAAC;AAIvD,KAAK,gBAAgB,GAAI,kBAAkB,CAAC,IAAI,CAAC,GAAG;IACnD,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB,CAAC;AA2BH,QAAA,MAAM,cAAc,sDAAwC,CAAC;AAC7D,KAAK,cAAc,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AACxD,eAAe,cAAc,CAAC"}

package/dist/EcosystemLinksPanel.svelte

@@ -1,17 +1,19 @@
 <script lang="ts">
 	import type {Snippet} from 'svelte';
+	import type {SvelteHTMLElements} from 'svelte/elements';
 
 	import EcosystemLinks from './EcosystemLinks.svelte';
 	import ProjectLinks from './ProjectLinks.svelte';
 
 	const {
 		children,
-	}: {
+		...rest
+	}: SvelteHTMLElements['section'] & {
 		children?: Snippet;
 	} = $props();
 </script>
 
-<section class="panel p_lg">
+<section {...rest} class="panel p_lg {rest.class}">
 	{#if children}
 		{@render children()}
 	{:else}

package/dist/EcosystemLinksPanel.svelte.d.ts

@@ -1,5 +1,6 @@
 import type { Snippet } from 'svelte';
-type $$ComponentProps = {
+import type { SvelteHTMLElements } from 'svelte/elements';
+type $$ComponentProps = SvelteHTMLElements['section'] & {
     children?: Snippet;
 };
 declare const EcosystemLinksPanel: import("svelte").Component<$$ComponentProps, {}, "">;

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

@@ -1 +1 @@
-{"version":3,"file":"EcosystemLinksPanel.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/EcosystemLinksPanel.svelte"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,OAAO,EAAC,MAAM,QAAQ,CAAC;AAKnC,KAAK,gBAAgB,GAAI;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AA4BH,QAAA,MAAM,mBAAmB,sDAAwC,CAAC;AAClE,KAAK,mBAAmB,GAAG,UAAU,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAClE,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"EcosystemLinksPanel.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/EcosystemLinksPanel.svelte"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,OAAO,EAAC,MAAM,QAAQ,CAAC;AACpC,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,iBAAiB,CAAC;AAKvD,KAAK,gBAAgB,GAAI,kBAAkB,CAAC,SAAS,CAAC,GAAG;IACxD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AA8BH,QAAA,MAAM,mBAAmB,sDAAwC,CAAC;AAClE,KAAK,mBAAmB,GAAG,UAAU,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAClE,eAAe,mBAAmB,CAAC"}

package/dist/Hashlink.svelte

@@ -4,7 +4,7 @@
 	const {fragment, children, ...rest}: SvelteHTMLElements['a'] & {fragment: string} = $props();
 </script>
 
-<a {...rest} class="hashlink {rest.class}" href="#{fragment}" aria-label="hashlink"
+<a aria-label="hashlink" {...rest} class="hashlink {rest.class}" href="#{fragment}"
 	>{#if children}{@render children()}{:else}#{/if}</a
 >
 <span class="hashlink-scroll-target" id={fragment} aria-hidden="true"></span>

package/dist/ImgOrSvg.svelte

@@ -10,7 +10,9 @@
 		svg_attrs,
 		img_attrs,
 		...rest
-	}: SvelteHTMLElements['img'] &
+	}: // the intersection makes rest shared attributes valid for whichever branch renders -
+	// branch-specific attributes go in `svg_attrs`/`img_attrs`
+	SvelteHTMLElements['img'] &
 		SvelteHTMLElements['svg'] & {
 			src: string;
 			label?: string;
@@ -28,7 +30,6 @@
 			height?: string;
 			svg_attrs?: SvelteHTMLElements['svg'];
 			img_attrs?: SvelteHTMLElements['img'];
-			/** Shared attributes for both img and svg. */
 		} = $props();
 
 	const final_width = $derived(width ?? size);
@@ -38,9 +39,9 @@
 {#if src.endsWith('.svg')}
 	<svg
 		role="img"
-		{...rest as SvelteHTMLElements['svg']}
+		{...rest}
 		{...svg_attrs}
-		aria-label={label}
+		aria-label={label ?? svg_attrs?.['aria-label'] ?? rest['aria-label']}
 		style:width={final_width}
 		style:height={final_height}
 	>
@@ -51,7 +52,7 @@
 		{...rest}
 		{...img_attrs}
 		{src}
-		alt={label}
+		alt={label ?? img_attrs?.alt ?? rest.alt}
 		style:width={final_width}
 		style:height={final_height}
 	/>

package/dist/ImgOrSvg.svelte.d.ts

@@ -1,5 +1,6 @@
 import type { SvelteHTMLElements } from 'svelte/elements';
-type $$ComponentProps = SvelteHTMLElements['img'] & SvelteHTMLElements['svg'] & {
+type $$ComponentProps = // the intersection makes rest shared attributes valid for whichever branch renders -
+SvelteHTMLElements['img'] & SvelteHTMLElements['svg'] & {
     src: string;
     label?: string;
     /**

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

@@ -1 +1 @@
-{"version":3,"file":"ImgOrSvg.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/ImgOrSvg.svelte"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,iBAAiB,CAAC;AAEvD,KAAK,gBAAgB,GAAI,kBAAkB,CAAC,KAAK,CAAC,GACjD,kBAAkB,CAAC,KAAK,CAAC,GAAG;IAC3B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,kBAAkB,CAAC,KAAK,CAAC,CAAC;IACtC,SAAS,CAAC,EAAE,kBAAkB,CAAC,KAAK,CAAC,CAAC;CAEtC,CAAC;AA6BJ,QAAA,MAAM,QAAQ,sDAAwC,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"ImgOrSvg.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/ImgOrSvg.svelte"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,iBAAiB,CAAC;AAEvD,KAAK,gBAAgB,GAErB,AAFyB,qFAAqF;AAE9G,kBAAkB,CAAC,KAAK,CAAC,GACxB,kBAAkB,CAAC,KAAK,CAAC,GAAG;IAC3B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,kBAAkB,CAAC,KAAK,CAAC,CAAC;IACtC,SAAS,CAAC,EAAE,kBAAkB,CAAC,KAAK,CAAC,CAAC;CACtC,CAAC;AA6BJ,QAAA,MAAM,QAAQ,sDAAwC,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}

package/dist/LibraryDetail.svelte

@@ -10,7 +10,9 @@ with file-type coloring. Uses svelte-docinfo's file type predicates for module c
 <script lang="ts">
 	import {page} from '$app/state';
 	import {format_url} from '@fuzdev/fuz_util/url.js';
+	import type {OmitStrict} from '@fuzdev/fuz_util/types.js';
 	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';
@@ -28,7 +30,8 @@ with file-type coloring. Uses svelte-docinfo's file type predicates for module c
 		npm_url,
 		homepage_url,
 		children,
-	}: {
+		...rest
+	}: OmitStrict<SvelteHTMLElements['div'], 'children'> & {
 		library: Library;
 		/**
 		 * Link the module/declaration index to the library's own deployed docs
@@ -57,7 +60,7 @@ with file-type coloring. Uses svelte-docinfo's file type predicates for module c
 
 <!-- eslint-disable svelte/no-navigation-without-resolve -->
 
-<div class="library-detail">
+<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">

package/dist/LibraryDetail.svelte.d.ts

@@ -1,6 +1,8 @@
+import type { OmitStrict } from '@fuzdev/fuz_util/types.js';
 import type { Snippet } from 'svelte';
+import type { SvelteHTMLElements } from 'svelte/elements';
 import { type Library } from './library.svelte.js';
-type $$ComponentProps = {
+type $$ComponentProps = OmitStrict<SvelteHTMLElements['div'], 'children'> & {
     library: Library;
     /**
      * Link the module/declaration index to the library's own deployed docs

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

@@ -1 +1 @@
-{"version":3,"file":"LibraryDetail.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/LibraryDetail.svelte"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAC,OAAO,EAAC,MAAM,QAAQ,CAAC;AAEpC,OAAO,EAAkB,KAAK,OAAO,EAAC,MAAM,qBAAqB,CAAC;AAOjE,KAAK,gBAAgB,GAAI;IACxB,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;AAmKH;;;;;;GAMG;AACH,QAAA,MAAM,aAAa,sDAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}
+{"version":3,"file":"LibraryDetail.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/LibraryDetail.svelte"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,2BAA2B,CAAC;AAC1D,OAAO,KAAK,EAAC,OAAO,EAAC,MAAM,QAAQ,CAAC;AACpC,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,iBAAiB,CAAC;AAExD,OAAO,EAAkB,KAAK,OAAO,EAAC,MAAM,qBAAqB,CAAC;AAOjE,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;AAsKH;;;;;;GAMG;AACH,QAAA,MAAM,aAAa,sDAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}

package/dist/LibrarySummary.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
 	import {page} from '$app/state';
 	import type {Snippet} from 'svelte';
+	import type {SvelteHTMLElements} from 'svelte/elements';
 	import {format_url} from '@fuzdev/fuz_util/url.js';
 
 	import type {Library} from './library.svelte.js';
@@ -15,7 +16,8 @@
 		npm_url,
 		homepage_url,
 		children,
-	}: {
+		...rest
+	}: SvelteHTMLElements['div'] & {
 		library: Library;
 		repo_name?: Snippet<[repo_name: string]>;
 		logo?: Snippet<[logo_url: string, logo_alt: string]>;
@@ -29,7 +31,7 @@
 	const {pkg_json} = $derived(library);
 </script>
 
-<div class="library-summary">
+<div {...rest} class="library-summary {rest.class}">
 	<!-- TODO maybe continue this snippet pattern, or maybe simplify? -->
 	<header class="box mb_lg">
 		{#if repo_name}