@fuzdev/fuz_ui 0.177.0 → 0.177.1

package/dist/ApiIndex.svelte

@@ -31,7 +31,7 @@
 		minimal?: boolean;
 	} = $props();
 
-	const search = create_declaration_search(library);
+	const search = $derived(create_declaration_search(library));
 </script>
 
 <svelte:head>

package/dist/ContextmenuRoot.svelte

@@ -267,8 +267,8 @@
 		}
 	};
 
-	const keyboard_handlers = contextmenu_create_keyboard_handlers(contextmenu);
-	const keydown = contextmenu_create_keydown_handler(keyboard_handlers);
+	const keyboard_handlers = $derived(contextmenu_create_keyboard_handlers(contextmenu));
+	const keydown = $derived(contextmenu_create_keydown_handler(keyboard_handlers));
 </script>
 
 <svelte:window

package/dist/ContextmenuRootForSafariCompatibility.svelte

@@ -376,8 +376,8 @@
 		}
 	};
 
-	const keyboard_handlers = contextmenu_create_keyboard_handlers(contextmenu);
-	const keydown = contextmenu_create_keydown_handler(keyboard_handlers);
+	const keyboard_handlers = $derived(contextmenu_create_keyboard_handlers(contextmenu));
+	const keydown = $derived(contextmenu_create_keydown_handler(keyboard_handlers));
 
 	/**
 	 * Creates an attachment that registers touch event listeners with { passive: false }

package/dist/DeclarationDetail.svelte

@@ -31,7 +31,7 @@
 
 <!-- type signature -->
 {#if declaration.type_signature}
-	<Code content={declaration.type_signature} lang="ts" class="mb_lg" />
+	<Code lang="ts" content={declaration.type_signature} />
 {/if}
 
 <!-- documentation -->
@@ -63,7 +63,7 @@
 						{/if}
 						{#if param.default_value}
 							<strong>default</strong>
-							<Code content={param.default_value} lang="ts" />
+							<Code lang="ts" content={param.default_value} />
 						{/if}
 					</div>
 				{/if}
@@ -99,7 +99,7 @@
 						{/if}
 						{#if prop.default_value}
 							<strong>default</strong>
-							<Code content={prop.default_value} lang="ts" />
+							<Code lang="ts" content={prop.default_value} />
 						{/if}
 					</div>
 				{/if}
@@ -112,7 +112,7 @@
 {#if declaration.return_type}
 	<section>
 		<h4>returns</h4>
-		<Code content={declaration.return_type} lang="ts" />
+		<Code lang="ts" content={declaration.return_type} />
 		{#if declaration.return_description}
 			<Mdz content={declaration.return_description} />
 		{/if}
@@ -203,7 +203,7 @@
 		{#each declaration.examples as example, i (example)}
 			<Details>
 				{#snippet summary()}Example {i + 1}{/snippet}
-				<Code content={example} lang="ts" />
+				<Code lang="ts" content={example} />
 			</Details>
 		{/each}
 	</section>
@@ -273,7 +273,7 @@
 										{/if}
 										{#if param.default_value}
 											<strong>default</strong>
-											<Code content={param.default_value} lang="ts" />
+											<Code lang="ts" content={param.default_value} />
 										{/if}
 									</div>
 								{/if}

package/dist/DeclarationLink.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
 	import type {SvelteHTMLElements} from 'svelte/elements';
+	import {ensure_start} from '@fuzdev/fuz_util/string.js';
 
 	import {library_context} from './library.svelte.js';
 	import {contextmenu_attachment} from './contextmenu_state.svelte.js';
@@ -7,11 +8,14 @@
 
 	const {
 		name,
+		hash,
 		children,
 		class: class_prop = 'chip',
 		...rest
 	}: SvelteHTMLElements['a'] & {
 		name: string;
+		/** URL fragment to append, with or without the `#`. */
+		hash?: string;
 	} = $props();
 
 	const library = library_context.get();
@@ -31,7 +35,7 @@
 	<a
 		{...rest}
 		class="declaration_link {class_prop}"
-		href={declaration.url_api}
+		href={declaration.url_api + (hash ? ensure_start(hash, '#') : '')}
 		{@attach contextmenu_attachment(contextmenu_entries)}
 	>
 		{#if children}

package/dist/DeclarationLink.svelte.d.ts

@@ -1,6 +1,8 @@
 import type { SvelteHTMLElements } from 'svelte/elements';
 type $$ComponentProps = SvelteHTMLElements['a'] & {
     name: string;
+    /** URL fragment to append, with or without the `#`. */
+    hash?: string;
 };
 declare const DeclarationLink: import("svelte").Component<$$ComponentProps, {}, "">;
 type DeclarationLink = ReturnType<typeof DeclarationLink>;

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

@@ -1 +1 @@
-{"version":3,"file":"DeclarationLink.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/DeclarationLink.svelte"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,iBAAiB,CAAC;AAMvD,KAAK,gBAAgB,GAAI,kBAAkB,CAAC,GAAG,CAAC,GAAG;IAClD,IAAI,EAAE,MAAM,CAAC;CACb,CAAC;AA+CH,QAAA,MAAM,eAAe,sDAAwC,CAAC;AAC9D,KAAK,eAAe,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;AAC1D,eAAe,eAAe,CAAC"}
+{"version":3,"file":"DeclarationLink.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/DeclarationLink.svelte"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,iBAAiB,CAAC;AAOvD,KAAK,gBAAgB,GAAI,kBAAkB,CAAC,GAAG,CAAC,GAAG;IAClD,IAAI,EAAE,MAAM,CAAC;IACb,uDAAuD;IACvD,IAAI,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAiDH,QAAA,MAAM,eAAe,sDAAwC,CAAC;AAC9D,KAAK,eAAe,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;AAC1D,eAAe,eAAe,CAAC"}

package/dist/DocsLink.svelte

@@ -9,10 +9,13 @@
 
 	const {
 		reference,
+		hash,
 		display_text,
 		children: children_prop,
 	}: {
 		reference: string;
+		/** URL fragment to append, with or without the `#`. */
+		hash?: string;
 		display_text?: string | null;
 		children?: Snippet<[Declaration | undefined, Module | undefined]>;
 	} = $props();
@@ -24,11 +27,11 @@
 </script>
 
 {#if declaration}
-	<DeclarationLink name={reference}>
+	<DeclarationLink name={reference} {hash}>
 		{@render children()}
 	</DeclarationLink>
 {:else if module}
-	<ModuleLink module_path={module.path}>
+	<ModuleLink module_path={module.path} {hash}>
 		{@render children()}
 	</ModuleLink>
 {:else}

package/dist/DocsLink.svelte.d.ts

@@ -3,6 +3,8 @@ import type { Declaration } from './declaration.svelte.js';
 import type { Module } from './module.svelte.js';
 type $$ComponentProps = {
     reference: string;
+    /** URL fragment to append, with or without the `#`. */
+    hash?: string;
     display_text?: string | null;
     children?: Snippet<[Declaration | undefined, Module | undefined]>;
 };

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,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;AAyCH,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;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;AA0CH,QAAA,MAAM,QAAQ,sDAAwC,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}

package/dist/GithubLink.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import {strip_start} from '@fuzdev/fuz_util/string.js';
+	import {ensure_start, strip_start} from '@fuzdev/fuz_util/string.js';
 	import type {SvelteHTMLElements} from 'svelte/elements';
 	import {DEV} from 'esm-env';
 
@@ -8,6 +8,7 @@
 
 	const {
 		path,
+		hash,
 		href: href_prop,
 		children,
 		...rest
@@ -19,6 +20,8 @@
 		 * @example https://github.com/fuzdev/fuz_ui/issues/123
 		 */
 		path?: string;
+		/** URL fragment to append, with or without the `#`. */
+		hash?: string;
 	} = $props();
 
 	if (DEV) {
@@ -30,12 +33,12 @@
 	}
 
 	const href = $derived(
-		href_prop ??
+		(href_prop ??
 			(path
 				? path.startsWith('https://')
 					? path
 					: `https://github.com/${strip_start(path, '/')}`
-				: ''),
+				: '')) + (hash ? ensure_start(hash, '#') : ''),
 	);
 
 	// extract meaningful display text from the path

package/dist/GithubLink.svelte.d.ts

@@ -7,6 +7,8 @@ type $$ComponentProps = SvelteHTMLElements['a'] & {
      * @example https://github.com/fuzdev/fuz_ui/issues/123
      */
     path?: string;
+    /** URL fragment to append, with or without the `#`. */
+    hash?: string;
 };
 declare const GithubLink: import("svelte").Component<$$ComponentProps, {}, "">;
 type GithubLink = ReturnType<typeof GithubLink>;

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

@@ -1 +1 @@
-{"version":3,"file":"GithubLink.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/GithubLink.svelte"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,iBAAiB,CAAC;AAMvD,KAAK,gBAAgB,GAAI,kBAAkB,CAAC,GAAG,CAAC,GAAG;IAClD;;;;;OAKG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAmEH,QAAA,MAAM,UAAU,sDAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}
+{"version":3,"file":"GithubLink.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/GithubLink.svelte"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,iBAAiB,CAAC;AAMvD,KAAK,gBAAgB,GAAI,kBAAkB,CAAC,GAAG,CAAC,GAAG;IAClD;;;;;OAKG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,uDAAuD;IACvD,IAAI,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAoEH,QAAA,MAAM,UAAU,sDAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}

package/dist/MdnLink.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import {strip_end, strip_start} from '@fuzdev/fuz_util/string.js';
+	import {ensure_start, strip_end, strip_start} from '@fuzdev/fuz_util/string.js';
 	import type {SvelteHTMLElements} from 'svelte/elements';
 
 	import Svg from './Svg.svelte';
@@ -7,16 +7,20 @@
 
 	const {
 		path,
+		hash,
 		children,
 		...rest
 	}: SvelteHTMLElements['a'] & {
 		path: string;
+		/** URL fragment to append, with or without the `#`. */
+		hash?: string;
 	} = $props();
 
 	const href = $derived(
-		path.startsWith('https://')
+		(path.startsWith('https://')
 			? path
-			: `https://developer.mozilla.org/en-US/docs/${strip_start(path, '/')}`,
+			: `https://developer.mozilla.org/en-US/docs/${strip_start(path, '/')}`) +
+			(hash ? ensure_start(hash, '#') : ''),
 	);
 
 	const final_children = $derived(children ?? strip_end(path, '/').split('/').at(-1)!);

package/dist/MdnLink.svelte.d.ts

@@ -1,6 +1,8 @@
 import type { SvelteHTMLElements } from 'svelte/elements';
 type $$ComponentProps = SvelteHTMLElements['a'] & {
     path: string;
+    /** URL fragment to append, with or without the `#`. */
+    hash?: string;
 };
 declare const MdnLink: import("svelte").Component<$$ComponentProps, {}, "">;
 type MdnLink = ReturnType<typeof MdnLink>;

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

@@ -1 +1 @@
-{"version":3,"file":"MdnLink.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/MdnLink.svelte"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,iBAAiB,CAAC;AAKvD,KAAK,gBAAgB,GAAI,kBAAkB,CAAC,GAAG,CAAC,GAAG;IAClD,IAAI,EAAE,MAAM,CAAC;CACb,CAAC;AAkCH,QAAA,MAAM,OAAO,sDAAwC,CAAC;AACtD,KAAK,OAAO,GAAG,UAAU,CAAC,OAAO,OAAO,CAAC,CAAC;AAC1C,eAAe,OAAO,CAAC"}
+{"version":3,"file":"MdnLink.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/MdnLink.svelte"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,iBAAiB,CAAC;AAKvD,KAAK,gBAAgB,GAAI,kBAAkB,CAAC,GAAG,CAAC,GAAG;IAClD,IAAI,EAAE,MAAM,CAAC;IACb,uDAAuD;IACvD,IAAI,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAoCH,QAAA,MAAM,OAAO,sDAAwC,CAAC;AACtD,KAAK,OAAO,GAAG,UAAU,CAAC,OAAO,OAAO,CAAC,CAAC;AAC1C,eAAe,OAAO,CAAC"}

package/dist/ModuleLink.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
 	import type {SvelteHTMLElements} from 'svelte/elements';
+	import {ensure_start} from '@fuzdev/fuz_util/string.js';
 
 	import {library_context} from './library.svelte.js';
 	import {contextmenu_attachment} from './contextmenu_state.svelte.js';
@@ -7,11 +8,14 @@
 
 	const {
 		module_path,
+		hash,
 		children,
 		class: class_prop = 'chip',
 		...rest
 	}: SvelteHTMLElements['a'] & {
 		module_path: string; // TODO maybe rename?
+		/** URL fragment to append, with or without the `#`. */
+		hash?: string;
 	} = $props();
 
 	const library = library_context.get();
@@ -28,7 +32,7 @@
 	<a
 		{...rest}
 		class="module_link {class_prop}"
-		href={module.url_api}
+		href={module.url_api + (hash ? ensure_start(hash, '#') : '')}
 		{@attach contextmenu_attachment(contextmenu_entries)}
 	>
 		<!-- eslint-enable svelte/no-navigation-without-resolve -->

package/dist/ModuleLink.svelte.d.ts

@@ -1,6 +1,8 @@
 import type { SvelteHTMLElements } from 'svelte/elements';
 type $$ComponentProps = SvelteHTMLElements['a'] & {
     module_path: string;
+    /** URL fragment to append, with or without the `#`. */
+    hash?: string;
 };
 declare const ModuleLink: import("svelte").Component<$$ComponentProps, {}, "">;
 type ModuleLink = ReturnType<typeof ModuleLink>;

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

@@ -1 +1 @@
-{"version":3,"file":"ModuleLink.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/ModuleLink.svelte"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,iBAAiB,CAAC;AAMvD,KAAK,gBAAgB,GAAI,kBAAkB,CAAC,GAAG,CAAC,GAAG;IAClD,WAAW,EAAE,MAAM,CAAC;CACpB,CAAC;AA6CH,QAAA,MAAM,UAAU,sDAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}
+{"version":3,"file":"ModuleLink.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/ModuleLink.svelte"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,iBAAiB,CAAC;AAOvD,KAAK,gBAAgB,GAAI,kBAAkB,CAAC,GAAG,CAAC,GAAG;IAClD,WAAW,EAAE,MAAM,CAAC;IACpB,uDAAuD;IACvD,IAAI,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AA+CH,QAAA,MAAM,UAAU,sDAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}

package/dist/TomeContent.svelte

@@ -24,7 +24,7 @@
 
 	tome_context.set(tome); // TODO make reactive?
 
-	const fragment = docs_slugify(tome.name);
+	const fragment = $derived(docs_slugify(tome.name));
 
 	const at_root = $derived(page.url.pathname === resolve(docs_path as any));
 </script>

package/dist/TomeLink.svelte

@@ -15,10 +15,15 @@
 	}: SvelteHTMLElements['a'] & {
 		name: string; // TODO type, generate from `tomes`?
 		docs_path?: string;
+		/** URL fragment to append, with or without the `#`. */
 		hash?: string;
 	} = $props();
 
-	if (DEV) get_tome_by_name(name); // throws if not found
+	if (DEV) {
+		$effect(() => {
+			get_tome_by_name(name); // throws if not found
+		});
+	}
 
 	// TODO add contextmenu behavior
 </script>

package/dist/TomeLink.svelte.d.ts

@@ -2,6 +2,7 @@ import type { SvelteHTMLElements } from 'svelte/elements';
 type $$ComponentProps = SvelteHTMLElements['a'] & {
     name: string;
     docs_path?: string;
+    /** URL fragment to append, with or without the `#`. */
     hash?: string;
 };
 declare const TomeLink: import("svelte").Component<$$ComponentProps, {}, "">;

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

@@ -1 +1 @@
-{"version":3,"file":"TomeLink.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/TomeLink.svelte"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,iBAAiB,CAAC;AAKvD,KAAK,gBAAgB,GAAI,kBAAkB,CAAC,GAAG,CAAC,GAAG;IAClD,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AA2BH,QAAA,MAAM,QAAQ,sDAAwC,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"TomeLink.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/TomeLink.svelte"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,iBAAiB,CAAC;AAKvD,KAAK,gBAAgB,GAAI,kBAAkB,CAAC,GAAG,CAAC,GAAG;IAClD,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uDAAuD;IACvD,IAAI,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AA+BH,QAAA,MAAM,QAAQ,sDAAwC,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}

package/dist/TomeSectionHeader.svelte

@@ -24,7 +24,7 @@
 		children?: Snippet;
 	} = $props();
 
-	const fragment = docs_slugify(text);
+	const fragment = $derived(docs_slugify(text));
 
 	const register_section_header = register_section_header_context.get();
 	if (!register_section_header) {
@@ -35,7 +35,7 @@
 
 	// Auto-detect tag based on depth if not explicitly provided
 	const depth = section_depth_context.get();
-	const final_tag = tag ?? (depth === 1 ? 'h2' : depth === 2 ? 'h3' : 'h4');
+	const final_tag = $derived(tag ?? (depth === 1 ? 'h2' : depth === 2 ? 'h3' : 'h4'));
 
 	// Get own section's ID from context
 	const my_section_id = section_id_context.get();

package/dist/TypeLink.svelte

@@ -4,7 +4,14 @@
 	import DeclarationLink from './DeclarationLink.svelte';
 	import {library_context} from './library.svelte.js';
 
-	const {type}: {type: string} = $props();
+	const {
+		type,
+		hash,
+	}: {
+		type: string;
+		/** URL fragment to append, with or without the `#`. */
+		hash?: string;
+	} = $props();
 
 	const library = library_context.get();
 
@@ -13,7 +20,7 @@
 </script>
 
 {#if library.lookup_declaration(type)}
-	<DeclarationLink name={type} />
+	<DeclarationLink name={type} {hash} />
 {:else}
-	<Code inline content={type} lang="ts" />
+	<Code lang="ts" content={type} inline />
 {/if}

package/dist/TypeLink.svelte.d.ts

@@ -1,5 +1,7 @@
 type $$ComponentProps = {
     type: string;
+    /** URL fragment to append, with or without the `#`. */
+    hash?: string;
 };
 declare const TypeLink: import("svelte").Component<$$ComponentProps, {}, "">;
 type TypeLink = ReturnType<typeof TypeLink>;

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

@@ -1 +1 @@
-{"version":3,"file":"TypeLink.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/TypeLink.svelte"],"names":[],"mappings":"AAQC,KAAK,gBAAgB,GAAI;IAAC,IAAI,EAAE,MAAM,CAAA;CAAC,CAAC;AAuBzC,QAAA,MAAM,QAAQ,sDAAwC,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"TypeLink.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/TypeLink.svelte"],"names":[],"mappings":"AAQC,KAAK,gBAAgB,GAAI;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,uDAAuD;IACvD,IAAI,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AA0BH,QAAA,MAAM,QAAQ,sDAAwC,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}

package/dist/contextmenu_helpers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"contextmenu_helpers.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/contextmenu_helpers.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,+BAA+B,CAAC;AAGpE,eAAO,MAAM,iCAAiC,KAAK,CAAC;AACpD,eAAO,MAAM,iCAAiC,KAAK,CAAC;AACpD,eAAO,MAAM,iCAAiC,MAAM,CAAC;AACrD,eAAO,MAAM,yCAAyC,KAAK,CAAC;AAC5D,eAAO,MAAM,sCAAsC,MAAM,CAAC;AAC1D,eAAO,MAAM,4CAA4C,KAAK,CAAC;AAE/D;;GAEG;AACH,eAAO,MAAM,2BAA2B,GACvC,QAAQ,WAAW,GAAG,IAAI,EAC1B,UAAU,OAAO,KACf,MAAM,IAAI,WAAW,GAAG,UAIF,CAAC;AAI1B,eAAO,MAAM,oCAAoC,GAChD,aAAa,gBAAgB,KAC3B,GAAG,CAAC,MAAM,EAAE,MAAM,IAAI,CAWtB,CAAC;AAEJ,eAAO,MAAM,kCAAkC,GAC9C,mBAAmB,GAAG,CAAC,MAAM,EAAE,MAAM,IAAI,CAAC,KACxC,CAAC,CAAC,CAAC,EAAE,aAAa,KAAK,IAAI,CAO7B,CAAC;AAEF,eAAO,MAAM,mCAAmC,GAC/C,QAAQ,MAAM,EACd,YAAY,MAAM,EAClB,cAAc,MAAM,KAClB,MAAoE,CAAC;AAExE,eAAO,MAAM,mCAAmC,GAC/C,QAAQ,MAAM,EACd,aAAa,MAAM,EACnB,eAAe,MAAM,KACnB,MAAsE,CAAC"}
+{"version":3,"file":"contextmenu_helpers.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/contextmenu_helpers.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,+BAA+B,CAAC;AAGpE,eAAO,MAAM,iCAAiC,KAAK,CAAC;AACpD,eAAO,MAAM,iCAAiC,KAAK,CAAC;AACpD,eAAO,MAAM,iCAAiC,MAAM,CAAC;AACrD,eAAO,MAAM,yCAAyC,KAAK,CAAC;AAC5D,eAAO,MAAM,sCAAsC,MAAM,CAAC;AAC1D,eAAO,MAAM,4CAA4C,KAAK,CAAC;AAE/D;;GAEG;AACH,eAAO,MAAM,2BAA2B,GACvC,QAAQ,WAAW,GAAG,IAAI,EAC1B,UAAU,OAAO,KACf,MAAM,IAAI,WAAW,GAAG,UAIF,CAAC;AAI1B,eAAO,MAAM,oCAAoC,GAChD,aAAa,gBAAgB,KAC3B,GAAG,CAAC,MAAM,EAAE,MAAM,IAAI,CAWtB,CAAC;AAEJ,eAAO,MAAM,kCAAkC,GAC7C,mBAAmB,GAAG,CAAC,MAAM,EAAE,MAAM,IAAI,CAAC,KAAG,CAAC,CAAC,CAAC,EAAE,aAAa,KAAK,IAAI,CAMxE,CAAC;AAEH,eAAO,MAAM,mCAAmC,GAC/C,QAAQ,MAAM,EACd,YAAY,MAAM,EAClB,cAAc,MAAM,KAClB,MAAoE,CAAC;AAExE,eAAO,MAAM,mCAAmC,GAC/C,QAAQ,MAAM,EACd,aAAa,MAAM,EACnB,eAAe,MAAM,KACnB,MAAsE,CAAC"}

package/dist/contextmenu_helpers.js

@@ -26,14 +26,12 @@ export const contextmenu_create_keyboard_handlers = (contextmenu) => new Map([
     [' ', () => contextmenu.activate_selected()],
     ['Enter', () => contextmenu.activate_selected()],
 ]);
-export const contextmenu_create_keydown_handler = (keyboard_handlers) => {
-    return (e) => {
-        const handler = keyboard_handlers.get(e.key);
-        if (!handler || is_editable(e.target))
-            return;
-        swallow(e);
-        handler();
-    };
+export const contextmenu_create_keydown_handler = (keyboard_handlers) => (e) => {
+    const handler = keyboard_handlers.get(e.key);
+    if (!handler || is_editable(e.target))
+        return;
+    swallow(e);
+    handler();
 };
 export const contextmenu_calculate_constrained_x = (menu_x, menu_width, layout_width) => menu_x + Math.min(0, layout_width - (menu_x + menu_width));
 export const contextmenu_calculate_constrained_y = (menu_y, menu_height, layout_height) => menu_y + Math.min(0, layout_height - (menu_y + menu_height));

package/dist/tome.d.ts

@@ -9,6 +9,9 @@ export declare const Tome: z.ZodObject<{
     related_declarations: z.ZodArray<z.ZodString>;
 }, z.core.$strip>;
 export type Tome = z.infer<typeof Tome>;
+/**
+ * @param hash - URL fragment to append, with or without the `#`.
+ */
 export declare const to_tome_pathname: (item: Tome | string, docs_path?: string, hash?: string) => string;
 export declare const tomes_context: {
     get: (error_message?: string) => Map<string, {

package/dist/tome.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tome.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/tome.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,QAAQ,CAAC;AACtC,OAAO,EAAC,CAAC,EAAC,MAAM,KAAK,CAAC;AAKtB,eAAO,MAAM,IAAI;;;;;;;iBAQf,CAAC;AACH,MAAM,MAAM,IAAI,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,IAAI,CAAC,CAAC;AAExC,eAAO,MAAM,gBAAgB,GAC5B,MAAM,IAAI,GAAG,MAAM,EACnB,kBAA6B,EAC7B,OAAO,MAAM,KACX,MAIF,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAsC,CAAC;AAEjE,eAAO,MAAM,gBAAgB,GAAI,MAAM,MAAM,KAAG,IAK/C,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAyB,CAAC"}
+{"version":3,"file":"tome.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/tome.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,QAAQ,CAAC;AACtC,OAAO,EAAC,CAAC,EAAC,MAAM,KAAK,CAAC;AAMtB,eAAO,MAAM,IAAI;;;;;;;iBAQf,CAAC;AACH,MAAM,MAAM,IAAI,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,IAAI,CAAC,CAAC;AAExC;;GAEG;AACH,eAAO,MAAM,gBAAgB,GAC5B,MAAM,IAAI,GAAG,MAAM,EACnB,kBAA6B,EAC7B,OAAO,MAAM,KACX,MAIF,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAsC,CAAC;AAEjE,eAAO,MAAM,gBAAgB,GAAI,MAAM,MAAM,KAAG,IAK/C,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAyB,CAAC"}

package/dist/tome.js

@@ -1,5 +1,6 @@
 import { resolve } from '$app/paths';
 import { z } from 'zod';
+import { ensure_start } from '@fuzdev/fuz_util/string.js';
 import { create_context } from './context_helpers.js';
 import { DOCS_PATH_DEFAULT, docs_slugify } from './docs_helpers.svelte.js';
 export const Tome = z.object({
@@ -11,10 +12,13 @@ export const Tome = z.object({
     related_modules: z.array(z.string()),
     related_declarations: z.array(z.string()),
 });
+/**
+ * @param hash - URL fragment to append, with or without the `#`.
+ */
 export const to_tome_pathname = (item, docs_path = DOCS_PATH_DEFAULT, hash) => {
     const name = typeof item === 'string' ? item : item.name;
     const path = docs_path + '/' + docs_slugify(name);
-    return resolve((hash ? path + '#' + hash : path));
+    return resolve((hash ? path + ensure_start(hash, '#') : path));
 };
 export const tomes_context = create_context();
 export const get_tome_by_name = (name) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fuzdev/fuz_ui",
-  "version": "0.177.0",
+  "version": "0.177.1",
   "description": "Svelte UI library",
   "motto": "friendly user zystem",
   "glyph": "🧶",
@@ -61,7 +61,7 @@
   },
   "devDependencies": {
     "@changesets/changelog-git": "^0.2.1",
-    "@fuzdev/fuz_code": "^0.38.0",
+    "@fuzdev/fuz_code": "^0.39.0",
     "@fuzdev/fuz_css": "^0.42.1",
     "@fuzdev/fuz_util": "^0.45.1",
     "@jridgewell/trace-mapping": "^0.3.31",

package/src/lib/contextmenu_helpers.ts

@@ -39,16 +39,14 @@ export const contextmenu_create_keyboard_handlers = (
 		['Enter', () => contextmenu.activate_selected()],
 	]);
 
-export const contextmenu_create_keydown_handler = (
-	keyboard_handlers: Map<string, () => void>,
-): ((e: KeyboardEvent) => void) => {
-	return (e: KeyboardEvent): void => {
+export const contextmenu_create_keydown_handler =
+	(keyboard_handlers: Map<string, () => void>): ((e: KeyboardEvent) => void) =>
+	(e: KeyboardEvent): void => {
 		const handler = keyboard_handlers.get(e.key);
 		if (!handler || is_editable(e.target)) return;
 		swallow(e);
 		handler();
 	};
-};
 
 export const contextmenu_calculate_constrained_x = (
 	menu_x: number,

package/src/lib/tome.ts

@@ -1,6 +1,7 @@
 import {resolve} from '$app/paths';
 import type {Component} from 'svelte';
 import {z} from 'zod';
+import {ensure_start} from '@fuzdev/fuz_util/string.js';
 
 import {create_context} from './context_helpers.js';
 import {DOCS_PATH_DEFAULT, docs_slugify} from './docs_helpers.svelte.js';
@@ -16,6 +17,9 @@ export const Tome = z.object({
 });
 export type Tome = z.infer<typeof Tome>;
 
+/**
+ * @param hash - URL fragment to append, with or without the `#`.
+ */
 export const to_tome_pathname = (
 	item: Tome | string,
 	docs_path = DOCS_PATH_DEFAULT,
@@ -23,7 +27,7 @@ export const to_tome_pathname = (
 ): string => {
 	const name = typeof item === 'string' ? item : item.name;
 	const path = docs_path + '/' + docs_slugify(name);
-	return resolve((hash ? path + '#' + hash : path) as any);
+	return resolve((hash ? path + ensure_start(hash, '#') : path) as any);
 };
 
 export const tomes_context = create_context<Map<string, Tome>>();