@fuzdev/fuz_ui 0.169.0

package/dist/ContextmenuSubmenu.svelte

@@ -0,0 +1,116 @@
+<script lang="ts">
+	import type {Snippet} from 'svelte';
+	import {swallow} from '@fuzdev/fuz_util/dom.js';
+
+	import {contextmenu_context, contextmenu_dimensions_context} from './contextmenu_state.svelte.js';
+	import type {Dimensions} from './dimensions.svelte.js';
+
+	const {
+		icon,
+		menu,
+		children,
+	}: {
+		icon?: Snippet;
+		menu: Snippet;
+		children: Snippet;
+	} = $props();
+
+	const contextmenu = contextmenu_context.get();
+
+	const submenu = contextmenu.add_submenu();
+
+	const {layout} = contextmenu;
+
+	const selected = $derived(submenu.selected);
+
+	let el: HTMLElement | undefined = $state();
+
+	const parent_dimensions = contextmenu_dimensions_context.get();
+	const dimensions = contextmenu_dimensions_context.set();
+
+	let translate_x = $state(0);
+	let translate_y = $state(0);
+	$effect(() => {
+		if (el) update_position(el, layout, parent_dimensions);
+	});
+	const update_position = (el: HTMLElement, layout: Dimensions, parent_dimensions: Dimensions) => {
+		const {x, y, width, height} = el.getBoundingClientRect();
+		dimensions.width = width;
+		dimensions.height = height;
+		const base_x = x - translate_x;
+		const base_y = y - translate_y;
+		const overflow_right = base_x + width + parent_dimensions.width - layout.width;
+		if (overflow_right <= 0) {
+			translate_x = parent_dimensions.width;
+		} else {
+			const overflow_left = width - base_x;
+			if (overflow_left <= 0) {
+				translate_x = -width;
+			} else if (overflow_left > overflow_right) {
+				translate_x = parent_dimensions.width - overflow_right;
+			} else {
+				translate_x = overflow_left - width;
+			}
+		}
+		translate_y = Math.min(0, layout.height - (base_y + height));
+	};
+</script>
+
+<li role="none" style:--contextmenu_depth={submenu.depth}>
+	<!-- disabling the a11y warning because a parent element handles keyboard events -->
+	<div
+		class="menu_item plain selectable"
+		class:selected
+		role="menuitem"
+		aria-label="contextmenu submenmu"
+		aria-haspopup="menu"
+		tabindex="-1"
+		onmouseenter={(e) => {
+			swallow(e);
+			// This timeout fixes a bug on mobile where the mouseenter event
+			// fires immediately when the contextmenu appears,
+			// and then the newly mounted selected entry immediately receives a click event.
+			// The timeout ensures the click event is not passed through.
+			setTimeout(() => contextmenu.select(submenu));
+		}}
+		aria-expanded={selected}
+	>
+		<div class="content">
+			<div class="icon">
+				{@render icon?.()}
+			</div>
+			<div class="title">{@render children()}</div>
+		</div>
+		<div class="chevron" aria-hidden="true"></div>
+	</div>
+	{#if selected}
+		<menu
+			bind:this={el}
+			class="pane unstyled"
+			style:transform="translate3d({translate_x}px, {translate_y}px, 0)"
+			style:max-height="{layout.height}px">{@render menu()}</menu
+		>
+	{/if}
+</li>
+
+<style>
+	li {
+		position: relative;
+	}
+	.chevron {
+		padding-left: 5px;
+	}
+	menu {
+		z-index: var(--contextmenu_depth);
+		position: absolute;
+		/* TODO this is a hack to avoid the pixel gap, probably change to 0 after adding transparent bg hitbox */
+		left: -1px;
+		top: 0;
+		max-width: var(--contextmenu_width);
+		width: 100%;
+	}
+	/* TODO hacky, needed because the base `.menu_item` added z-index */
+	.menu_item {
+		z-index: unset;
+	}
+</style>

package/dist/ContextmenuSubmenu.svelte.d.ts

@@ -0,0 +1,10 @@
+import type { Snippet } from 'svelte';
+type $$ComponentProps = {
+    icon?: Snippet;
+    menu: Snippet;
+    children: Snippet;
+};
+declare const ContextmenuSubmenu: import("svelte").Component<$$ComponentProps, {}, "">;
+type ContextmenuSubmenu = ReturnType<typeof ContextmenuSubmenu>;
+export default ContextmenuSubmenu;
+//# sourceMappingURL=ContextmenuSubmenu.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContextmenuSubmenu.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/ContextmenuSubmenu.svelte"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,OAAO,EAAC,MAAM,QAAQ,CAAC;AAMnC,KAAK,gBAAgB,GAAI;IACxB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;CAClB,CAAC;AAkFH,QAAA,MAAM,kBAAkB,sDAAwC,CAAC;AACjE,KAAK,kBAAkB,GAAG,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAChE,eAAe,kBAAkB,CAAC"}

package/dist/ContextmenuTextEntry.svelte

@@ -0,0 +1,21 @@
+<script lang="ts">
+	import ContextmenuEntry from './ContextmenuEntry.svelte';
+	import type {ContextmenuRun} from './contextmenu_state.svelte.js';
+
+	const {
+		run,
+		content,
+		icon: icon_text,
+	}: {
+		run: ContextmenuRun;
+		content: string; // TODO @many rethink this API
+		icon: string; // TODO @many rethink this API
+	} = $props();
+
+	// TODO consider making this the implicit default entry, so consumers can simply declare `{run, content}`
+</script>
+
+<ContextmenuEntry {run}>
+	{#snippet icon()}{icon_text}{/snippet}
+	{content}
+</ContextmenuEntry>

package/dist/ContextmenuTextEntry.svelte.d.ts

@@ -0,0 +1,10 @@
+import type { ContextmenuRun } from './contextmenu_state.svelte.js';
+type $$ComponentProps = {
+    run: ContextmenuRun;
+    content: string;
+    icon: string;
+};
+declare const ContextmenuTextEntry: import("svelte").Component<$$ComponentProps, {}, "">;
+type ContextmenuTextEntry = ReturnType<typeof ContextmenuTextEntry>;
+export default ContextmenuTextEntry;
+//# sourceMappingURL=ContextmenuTextEntry.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContextmenuTextEntry.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/ContextmenuTextEntry.svelte"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,+BAA+B,CAAC;AAEjE,KAAK,gBAAgB,GAAI;IACxB,GAAG,EAAE,cAAc,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;CACb,CAAC;AAqBH,QAAA,MAAM,oBAAoB,sDAAwC,CAAC;AACnE,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,oBAAoB,CAAC,CAAC;AACpE,eAAe,oBAAoB,CAAC"}

package/dist/CopyToClipboard.svelte

@@ -0,0 +1,81 @@
+<script lang="ts">
+	import type {OmitStrict} from '@fuzdev/fuz_util/types.js';
+	import type {Snippet} from 'svelte';
+	import type {SvelteHTMLElements} from 'svelte/elements';
+	import {scale, slide} from 'svelte/transition';
+
+	// TODO @many should this have the Button suffix?
+
+	// TODO add docs entry, see also PasteFromClipboard.svelte
+
+	const {
+		text,
+		copied_display_duration = 1000,
+		allow_copying_empty_string,
+		icon_button = true,
+		oncopy,
+		disabled: disabled_prop,
+		children,
+		class: class_prop,
+		...rest
+	}: OmitStrict<SvelteHTMLElements['button'], 'children'> & {
+		text: string | null;
+		copied_display_duration?: number;
+		allow_copying_empty_string?: boolean;
+		/**
+		 * Defaults to `true`, ignored if `children` is provided.
+		 */
+		icon_button?: boolean;
+		oncopy?: (text: string | null, e: MouseEvent) => void;
+		children?: Snippet<[copied: boolean, failed: boolean]>;
+	} = $props();
+
+	// These are for visual feedback
+	let copied = $state(false);
+	let failed = $state(false);
+	let copy_timeout: NodeJS.Timeout | undefined;
+
+	const copy = async (e: MouseEvent) => {
+		clearTimeout(copy_timeout);
+		if (text === null) return; // allows copying ''
+
+		copied = false;
+		failed = false;
+
+		try {
+			await navigator.clipboard.writeText(text);
+			copied = true;
+		} catch (_err) {
+			failed = true;
+			return;
+		}
+
+		// Reset after display duration
+		copy_timeout = setTimeout(() => {
+			copied = false;
+		}, copied_display_duration);
+
+		oncopy?.(text, e);
+	};
+</script>
+
+<button
+	type="button"
+	title="copy to clipboard"
+	{...rest}
+	class="copy_to_clipboard {class_prop}"
+	class:icon_button={children ? false : icon_button}
+	class:copied
+	class:failed
+	class:color_c={failed}
+	onclick={copy}
+	disabled={disabled_prop ?? (allow_copying_empty_string ? text === null : !text)}
+>
+	{#if children}
+		{@render children(copied, failed)}
+	{:else if copied}
+		<div in:scale={{duration: 200}}>✓</div>
+	{:else}
+		<div in:slide>⧉</div>
+	{/if}
+</button>

package/dist/CopyToClipboard.svelte.d.ts

@@ -0,0 +1,18 @@
+import type { OmitStrict } from '@fuzdev/fuz_util/types.js';
+import type { Snippet } from 'svelte';
+import type { SvelteHTMLElements } from 'svelte/elements';
+type $$ComponentProps = OmitStrict<SvelteHTMLElements['button'], 'children'> & {
+    text: string | null;
+    copied_display_duration?: number;
+    allow_copying_empty_string?: boolean;
+    /**
+     * Defaults to `true`, ignored if `children` is provided.
+     */
+    icon_button?: boolean;
+    oncopy?: (text: string | null, e: MouseEvent) => void;
+    children?: Snippet<[copied: boolean, failed: boolean]>;
+};
+declare const CopyToClipboard: import("svelte").Component<$$ComponentProps, {}, "">;
+type CopyToClipboard = ReturnType<typeof CopyToClipboard>;
+export default CopyToClipboard;
+//# sourceMappingURL=CopyToClipboard.svelte.d.ts.map

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

@@ -0,0 +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;AAGvD,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;AAgEH,QAAA,MAAM,eAAe,sDAAwC,CAAC;AAC9D,KAAK,eAAe,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;AAC1D,eAAe,eAAe,CAAC"}

package/dist/DeclarationDetail.svelte

@@ -0,0 +1,340 @@
+<script lang="ts">
+	import Code from '@fuzdev/fuz_code/Code.svelte';
+
+	import type {Declaration} from './declaration.svelte.js';
+	import Details from './Details.svelte';
+	import TypeLink from './TypeLink.svelte';
+	import ModuleLink from './ModuleLink.svelte';
+	import Mdz from './Mdz.svelte';
+
+	const {declaration}: {declaration: Declaration} = $props();
+</script>
+
+<!-- Metadata -->
+<p class="row justify_content_space_between">
+	<ModuleLink module_path={declaration.module_path} />
+	{#if declaration.url_github}
+		<!-- eslint-disable-next-line svelte/no-navigation-without-resolve -->
+		<a class="chip" href={declaration.url_github} target="_blank" rel="noopener">view source</a>
+	{/if}
+</p>
+
+<!-- eslint-disable-next-line @typescript-eslint/no-deprecated -->
+{#if declaration.is_deprecated}
+	<p>
+		<strong>⚠️ deprecated:</strong>
+		<!-- eslint-disable-next-line @typescript-eslint/no-deprecated -->
+		{declaration.deprecated_message}
+	</p>
+{/if}
+
+<!-- type signature -->
+{#if declaration.type_signature}
+	<Code content={declaration.type_signature} lang="ts" class="mb_lg" />
+{/if}
+
+<!-- documentation -->
+{#if declaration.has_documentation}
+	<Mdz content={declaration.doc_comment!} />
+{/if}
+
+<!-- parameters -->
+{#if declaration.parameters?.length}
+	<section>
+		{#each declaration.parameters as param (param)}
+			<section>
+				<h4>
+					<code
+						>{param.name}{#if param.optional}<strong>?</strong>{/if}</code
+					>
+				</h4>
+				{#if param.description}
+					<Mdz content={param.description} />
+				{/if}
+				<div class="row gap_md">
+					<strong>type</strong>
+					<TypeLink type={param.type} />
+				</div>
+				{#if param.optional || param.default_value}
+					<div class="row gap_md">
+						{#if param.optional}
+							<span class="chip">optional</span>
+						{/if}
+						{#if param.default_value}
+							<strong>default</strong>
+							<Code content={param.default_value} lang="ts" />
+						{/if}
+					</div>
+				{/if}
+			</section>
+		{/each}
+	</section>
+{/if}
+
+<!-- component props (for Svelte components) -->
+{#if declaration.props?.length}
+	<section>
+		{#each declaration.props as prop (prop)}
+			<section>
+				<h4>
+					<code
+						>{prop.name}{#if prop.optional}<strong>?</strong>{/if}</code
+					>
+				</h4>
+				{#if prop.description}
+					<Mdz content={prop.description} />
+				{/if}
+				<div class="row gap_md mb_lg">
+					<strong>type</strong>
+					<TypeLink type={prop.type} />
+				</div>
+				{#if prop.optional || prop.bindable || prop.default_value}
+					<div class="row gap_md">
+						{#if prop.optional}
+							<span class="chip">optional</span>
+						{/if}
+						{#if prop.bindable}
+							<span class="chip">bindable</span>
+						{/if}
+						{#if prop.default_value}
+							<strong>default</strong>
+							<Code content={prop.default_value} lang="ts" />
+						{/if}
+					</div>
+				{/if}
+			</section>
+		{/each}
+	</section>
+{/if}
+
+<!-- returns -->
+{#if declaration.return_type}
+	<section>
+		<h4>returns</h4>
+		<Code content={declaration.return_type} lang="ts" />
+		{#if declaration.return_description}
+			<Mdz content={declaration.return_description} />
+		{/if}
+	</section>
+{/if}
+
+<!-- generics -->
+{#if declaration.generic_params?.length}
+	<section>
+		<h4>generics</h4>
+		{#each declaration.generic_params as generic (generic)}
+			<section>
+				<h4><code>{generic.name}</code></h4>
+				{#if generic.constraint}
+					<div class="row gap_md">
+						<strong>constraint</strong>
+						<TypeLink type={generic.constraint} />
+					</div>
+				{/if}
+				{#if generic.default_type}
+					<div class="row gap_md">
+						<strong>default</strong>
+						<TypeLink type={generic.default_type} />
+					</div>
+				{/if}
+			</section>
+		{/each}
+	</section>
+{/if}
+
+<!-- Extends/Implements -->
+{#if declaration.extends?.length || declaration.implements?.length}
+	<section>
+		<h4>inheritance</h4>
+		{#if declaration.extends?.length}
+			<div>
+				<strong>extends:</strong>
+				<ul>
+					{#each declaration.extends as ext (ext)}
+						<li><TypeLink type={ext} /></li>
+					{/each}
+				</ul>
+			</div>
+		{/if}
+		{#if declaration.implements?.length}
+			<div>
+				<strong>implements:</strong>
+				<ul>
+					{#each declaration.implements as impl (impl)}
+						<li><TypeLink type={impl} /></li>
+					{/each}
+				</ul>
+			</div>
+		{/if}
+	</section>
+{/if}
+
+<!-- throws -->
+{#if declaration.throws?.length}
+	<section>
+		<h4>throws</h4>
+		<ul>
+			{#each declaration.throws as thrown (thrown)}
+				<li>
+					{#if thrown.type}
+						<code>{thrown.type}</code> - {thrown.description}
+					{:else}
+						{thrown.description}
+					{/if}
+				</li>
+			{/each}
+		</ul>
+	</section>
+{/if}
+
+<!-- since -->
+{#if declaration.since}
+	<section>
+		<h4>since</h4>
+		<p>{declaration.since}</p>
+	</section>
+{/if}
+
+<!-- examples -->
+{#if declaration.examples?.length}
+	<section>
+		<h4>examples</h4>
+		{#each declaration.examples as example, i (example)}
+			<Details>
+				{#snippet summary()}Example {i + 1}{/snippet}
+				<Code content={example} lang="ts" />
+			</Details>
+		{/each}
+	</section>
+{/if}
+
+<!-- see also -->
+{#if declaration.see_also?.length}
+	<section>
+		<h4>see also</h4>
+		<ul>
+			{#each declaration.see_also as ref (ref)}
+				<li>
+					<Mdz content={ref} />
+				</li>
+			{/each}
+		</ul>
+	</section>
+{/if}
+
+<!-- members (for classes) -->
+{#if declaration.members?.length}
+	<section>
+		{#each declaration.members as member (member)}
+			<section>
+				<h4><code>{member.name}</code></h4>
+				{#if member.doc_comment}
+					<Mdz content={member.doc_comment} />
+				{/if}
+				{#if member.type_signature}
+					<p class="row gap_md">
+						<strong>type</strong>
+						<TypeLink
+							type={member.kind === 'constructor'
+								? `new ${member.type_signature}`
+								: member.type_signature}
+						/>
+					</p>
+				{/if}
+				{#if member.modifiers?.length}
+					<div class="row gap_md">
+						{#each member.modifiers as modifier (modifier)}
+							<span class="chip">{modifier}</span>
+						{/each}
+					</div>
+				{/if}
+				<!-- parameters for methods and constructors -->
+				{#if member.parameters?.length}
+					<section>
+						{#each member.parameters as param (param)}
+							<section>
+								<h5>
+									<code
+										>{param.name}{#if param.optional}<strong>?</strong>{/if}</code
+									>
+								</h5>
+								{#if param.description}
+									<Mdz content={param.description} />
+								{/if}
+								<div class="row gap_md">
+									<strong>type</strong>
+									<TypeLink type={param.type} />
+								</div>
+								{#if param.optional || param.default_value}
+									<div class="row gap_md">
+										{#if param.optional}
+											<span class="chip">optional</span>
+										{/if}
+										{#if param.default_value}
+											<strong>default</strong>
+											<Code content={param.default_value} lang="ts" />
+										{/if}
+									</div>
+								{/if}
+							</section>
+						{/each}
+					</section>
+				{/if}
+				<!-- return type for methods -->
+				{#if member.return_type}
+					<div class="row gap_md">
+						<strong>returns</strong>
+						<TypeLink type={member.return_type} />
+					</div>
+					{#if member.return_description}
+						<Mdz content={member.return_description} />
+					{/if}
+				{/if}
+				<!-- throws for methods and constructors -->
+				{#if member.throws?.length}
+					<div>
+						<strong>throws</strong>
+						<ul>
+							{#each member.throws as thrown (thrown)}
+								<li>
+									{#if thrown.type}
+										<code>{thrown.type}</code> - {thrown.description}
+									{:else}
+										{thrown.description}
+									{/if}
+								</li>
+							{/each}
+						</ul>
+					</div>
+				{/if}
+			</section>
+		{/each}
+	</section>
+{/if}
+
+<!-- properties (for types/interfaces) -->
+{#if declaration.properties?.length}
+	<section>
+		{#each declaration.properties as prop (prop)}
+			<section>
+				<h4><code>{prop.name}</code></h4>
+				{#if prop.doc_comment}
+					<Mdz content={prop.doc_comment} />
+				{/if}
+				{#if prop.type_signature}
+					<div class="row gap_md">
+						<strong>type</strong>
+						<TypeLink type={prop.type_signature} />
+					</div>
+				{/if}
+				{#if prop.modifiers?.length}
+					<div class="row gap_md">
+						{#each prop.modifiers as modifier (modifier)}
+							<span class="chip">{modifier}</span>
+						{/each}
+					</div>
+				{/if}
+			</section>
+		{/each}
+	</section>
+{/if}

package/dist/DeclarationDetail.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { Declaration } from './declaration.svelte.js';
+type $$ComponentProps = {
+    declaration: Declaration;
+};
+declare const DeclarationDetail: import("svelte").Component<$$ComponentProps, {}, "">;
+type DeclarationDetail = ReturnType<typeof DeclarationDetail>;
+export default DeclarationDetail;
+//# sourceMappingURL=DeclarationDetail.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DeclarationDetail.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/DeclarationDetail.svelte"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,yBAAyB,CAAC;AAMxD,KAAK,gBAAgB,GAAI;IAAC,WAAW,EAAE,WAAW,CAAA;CAAC,CAAC;AAgVrD,QAAA,MAAM,iBAAiB,sDAAwC,CAAC;AAChE,KAAK,iBAAiB,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAC9D,eAAe,iBAAiB,CAAC"}

package/dist/DeclarationLink.svelte

@@ -0,0 +1,50 @@
+<script lang="ts">
+	import type {SvelteHTMLElements} from 'svelte/elements';
+
+	import {library_context} from './library.svelte.js';
+	import {contextmenu_attachment} from './contextmenu_state.svelte.js';
+	import {create_declaration_contextmenu} from './declaration_contextmenu.js';
+
+	const {
+		name,
+		children,
+		class: class_prop = 'chip',
+		...rest
+	}: SvelteHTMLElements['a'] & {
+		name: string;
+	} = $props();
+
+	const library = library_context.get();
+
+	const declaration = $derived(library.lookup_declaration(name));
+
+	const contextmenu_entries = $derived(
+		declaration ? create_declaration_contextmenu(declaration) : undefined,
+	);
+
+	// TODO @many support full https:// url variants - automatic detection? library prop?
+</script>
+
+{#if declaration}
+	<!-- TODO maybe colors per declaration.kind? -->
+	<!-- eslint-disable svelte/no-navigation-without-resolve -->
+	<a
+		{...rest}
+		class="declaration_link {class_prop}"
+		href={declaration.url_api}
+		{@attach contextmenu_attachment(contextmenu_entries)}
+	>
+		{#if children}
+			{@render children()}
+		{:else}
+			{name}
+		{/if}
+	</a>
+{:else}
+	<!-- Fallback to plain text if not found -->
+	{#if children}
+		{@render children()}
+	{:else}
+		{name}
+	{/if}
+{/if}

package/dist/DeclarationLink.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { SvelteHTMLElements } from 'svelte/elements';
+type $$ComponentProps = SvelteHTMLElements['a'] & {
+    name: string;
+};
+declare const DeclarationLink: import("svelte").Component<$$ComponentProps, {}, "">;
+type DeclarationLink = ReturnType<typeof DeclarationLink>;
+export default DeclarationLink;
+//# sourceMappingURL=DeclarationLink.svelte.d.ts.map

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

@@ -0,0 +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"}