@fuzdev/fuz_ui 0.205.0 → 0.205.2

package/README.md

@@ -64,7 +64,7 @@ import 'virtual:fuz.css';
 import ThemeRoot from '@fuzdev/fuz_ui/ThemeRoot.svelte';
 
 // and Fuz TypeScript modules:
-import {type Theme, theme_state_context} from '@fuzdev/fuz_ui/theme_state.svelte.js';
+import {type Theme, theme_state_context} from '@fuzdev/fuz_ui/theme_state.svelte.ts';
 ```
 
 See [the library](https://ui.fuz.dev/docs) for more.

package/dist/Alert.svelte

@@ -2,7 +2,7 @@
 	import type {Snippet} from 'svelte';
 	import type {HTMLAttributes, SvelteHTMLElements} from 'svelte/elements';
 
-	import {alert_status_options, type AlertStatus} from './alert.js';
+	import {alert_status_options, type AlertStatus} from './alert.ts';
 
 	/**
 	 * @see {@link https://www.w3.org/WAI/ARIA/apg/patterns/alert/}

package/dist/Alert.svelte.d.ts

@@ -1,6 +1,6 @@
 import type { Snippet } from 'svelte';
 import type { HTMLAttributes, SvelteHTMLElements } from 'svelte/elements';
-import { type AlertStatus } from './alert.js';
+import { type AlertStatus } from './alert.ts';
 type $$ComponentProps = // generic element attrs, the common denominator of the rendered roots -
 HTMLAttributes<HTMLElement> & {
     status?: AlertStatus;

package/dist/ApiDeclarationList.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import type {Declaration} from './declaration.svelte.js';
+	import type {Declaration} from './declaration.svelte.ts';
 	import DeclarationDetail from './DeclarationDetail.svelte';
 	import TomeSection from './TomeSection.svelte';
 	import TomeSectionHeader from './TomeSectionHeader.svelte';

package/dist/ApiDeclarationList.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { Declaration } from './declaration.svelte.js';
+import type { Declaration } from './declaration.svelte.ts';
 type $$ComponentProps = {
     declarations: Array<Declaration>;
     search_query?: string;

package/dist/ApiIndex.svelte

@@ -1,12 +1,12 @@
 <script lang="ts">
-	import {set_library_context_with_fallback, type Library} from './library.svelte.js';
-	import {tome_get_by_slug, type Tome} from './tome.js';
+	import {set_library_context_with_fallback, type Library} from './library.svelte.ts';
+	import {tome_get_by_slug, type Tome} from './tome.ts';
 	import TomeContent from './TomeContent.svelte';
 	import TomeLink from './TomeLink.svelte';
 	import DocsSearch from './DocsSearch.svelte';
 	import ApiModulesList from './ApiModulesList.svelte';
 	import ApiDeclarationList from './ApiDeclarationList.svelte';
-	import {create_api_search} from './api_search.svelte.js';
+	import {create_api_search} from './api_search.svelte.ts';
 
 	const {
 		library: library_prop,

package/dist/ApiIndex.svelte.d.ts

@@ -1,5 +1,5 @@
-import { type Library } from './library.svelte.js';
-import { type Tome } from './tome.js';
+import { type Library } from './library.svelte.ts';
+import { type Tome } from './tome.ts';
 type $$ComponentProps = {
     /**
      * The library instance to render API docs for.

package/dist/ApiModule.svelte

@@ -5,10 +5,10 @@
 		mdz_code_context,
 		mdz_codeblock_context,
 		mdz_set_context_with_fallback,
-	} from '@fuzdev/mdz/mdz_contexts.js';
+	} from '@fuzdev/mdz/mdz_contexts.ts';
 
-	import {set_library_context_with_fallback, type Library} from './library.svelte.js';
-	import {tome_get_by_slug, type Tome} from './tome.js';
+	import {set_library_context_with_fallback, type Library} from './library.svelte.ts';
+	import {tome_get_by_slug, type Tome} from './tome.ts';
 	import TomeContent from './TomeContent.svelte';
 	import TomeSection from './TomeSection.svelte';
 	import TomeSectionHeader from './TomeSectionHeader.svelte';
@@ -17,7 +17,7 @@
 	import DocsLink from './DocsLink.svelte';
 	import DeclarationLink from './DeclarationLink.svelte';
 	import ApiDeclarationList from './ApiDeclarationList.svelte';
-	import {create_module_declaration_search} from './api_search.svelte.js';
+	import {create_module_declaration_search} from './api_search.svelte.ts';
 
 	const {
 		module_path: module_path_param,

package/dist/ApiModule.svelte.d.ts

@@ -1,5 +1,5 @@
-import { type Library } from './library.svelte.js';
-import { type Tome } from './tome.js';
+import { type Library } from './library.svelte.ts';
+import { type Tome } from './tome.ts';
 type $$ComponentProps = {
     /**
      * The module path parameter from the route (e.g., "lib/Button.svelte").

package/dist/ApiModulesList.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import type {Module} from './module.svelte.js';
+	import type {Module} from './module.svelte.ts';
 	import ModuleLink from './ModuleLink.svelte';
 	import TomeSection from './TomeSection.svelte';
 	import TomeSectionHeader from './TomeSectionHeader.svelte';

package/dist/ApiModulesList.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { Module } from './module.svelte.js';
+import type { Module } from './module.svelte.ts';
 type $$ComponentProps = {
     /**
      * The modules to display.

package/dist/Breadcrumb.svelte

@@ -1,13 +1,13 @@
 <script lang="ts">
-	import {parse_path_pieces} from '@fuzdev/fuz_util/path.js';
+	import {parse_path_pieces} from '@fuzdev/fuz_util/path.ts';
 	import {resolve} from '$app/paths';
 	import {page} from '$app/state';
 	import type {Snippet} from 'svelte';
-	import {strip_start, ensure_end} from '@fuzdev/fuz_util/string.js';
+	import {strip_start, ensure_end} from '@fuzdev/fuz_util/string.ts';
 	import type {SvelteHTMLElements} from 'svelte/elements';
 
 	import Svg from './Svg.svelte';
-	import {site_context} from './site.svelte.js';
+	import {site_context} from './site.svelte.ts';
 
 	const {
 		path,
@@ -61,14 +61,14 @@
 
 <div {...rest} class="breadcrumb {rest.class}">
 	<!-- eslint-disable-next-line svelte/no-navigation-without-resolve -->
-	<a href={root_path} class:selected={root_path === final_base_path + final_selected_path}
+	<a href={root_path} class={{selected: root_path === final_base_path + final_selected_path}}
 		>{#if children}{@render children()}{:else if icon_data}<Svg
 				data={icon_data}
 				size="1em"
 			/>{:else if glyph_text}{glyph_text}{:else}•{/if}</a
 	>{#each path_pieces as path_piece (path_piece)}{#if path_piece.type === 'piece'}<!-- eslint-disable-next-line svelte/no-navigation-without-resolve --><a
 				href={final_base_path + path_piece.path}
-				class:selected={path_piece.path === final_selected_path}>{path_piece.name}</a
+				class={{selected: path_piece.path === final_selected_path}}>{path_piece.name}</a
 			>{:else}<span class="separator"
 				>{#if separator}{@render separator()}{:else}/{/if}</span
 			>{/if}{/each}

package/dist/Card.svelte

@@ -55,13 +55,7 @@
 	this={final_tag}
 	{...rest}
 	{...inferred_attrs}
-	class="card {rest.class} {inferred_attrs?.class}"
-	class:link
-	class:selected
-	class:left
-	class:right
-	class:above
-	class:below
+	class={['card', rest.class, inferred_attrs?.class, {link, selected, left, right, above, below}]}
 >
 	{#if align === 'left' || align === 'above'}
 		{@render icon_snippet()}

package/dist/ColorSchemeInput.svelte

@@ -1,9 +1,9 @@
 <script lang="ts">
-	import {swallow} from '@fuzdev/fuz_util/dom.js';
-	import {color_schemes, type ColorScheme} from '@fuzdev/fuz_css/theme.js';
+	import {swallow} from '@fuzdev/fuz_util/dom.ts';
+	import {color_schemes, type ColorScheme} from '@fuzdev/fuz_css/theme.ts';
 	import type {SvelteHTMLElements} from 'svelte/elements';
 
-	import {theme_state_context} from './theme_state.svelte.js';
+	import {theme_state_context} from './theme_state.svelte.ts';
 
 	const get_theme_state = theme_state_context.get();
 
@@ -22,12 +22,11 @@ https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/menubar_ro
 		{@const selected = color_scheme === value.color_scheme}
 		<button
 			type="button"
-			class="color-scheme color_a"
+			class={['color-scheme color_a', {selected}]}
 			role="menuitemradio"
 			title={selected
 				? `${color_scheme} color scheme is selected`
 				: `select ${color_scheme} color scheme`}
-			class:selected
 			aria-checked={selected}
 			onclick={(e) => {
 				swallow(e);

package/dist/ColorSchemeInput.svelte.d.ts

@@ -1,4 +1,4 @@
-import { type ColorScheme } from '@fuzdev/fuz_css/theme.js';
+import { type ColorScheme } from '@fuzdev/fuz_css/theme.ts';
 import type { SvelteHTMLElements } from 'svelte/elements';
 type $$ComponentProps = SvelteHTMLElements['menu'] & {
     value?: {

package/dist/Contextmenu.svelte

@@ -2,7 +2,7 @@
 	import type {Snippet} from 'svelte';
 	import type {SvelteHTMLElements} from 'svelte/elements';
 
-	import {contextmenu_attachment} from './contextmenu_state.svelte.js';
+	import {contextmenu_attachment} from './contextmenu_state.svelte.ts';
 
 	/* eslint-disable @typescript-eslint/no-unnecessary-type-assertion */
 

package/dist/ContextmenuEntry.svelte

@@ -1,10 +1,10 @@
 <script lang="ts">
 	import {onDestroy, type Snippet} from 'svelte';
-	import {swallow} from '@fuzdev/fuz_util/dom.js';
+	import {swallow} from '@fuzdev/fuz_util/dom.ts';
 
 	import PendingAnimation from './PendingAnimation.svelte';
-	import {contextmenu_context, type ContextmenuRun} from './contextmenu_state.svelte.js';
-	import type {SvgData} from './svg.js';
+	import {contextmenu_context, type ContextmenuRun} from './contextmenu_state.svelte.ts';
+	import type {SvgData} from './svg.ts';
 	import ContextmenuIcon from './ContextmenuIcon.svelte';
 
 	const {
@@ -40,9 +40,7 @@
 <!-- disabling the a11y warning because a parent element handles keyboard events -->
 <!-- svelte-ignore a11y_click_events_have_key_events -->
 <li
-	class="menuitem plain selectable deselectable"
-	class:selected
-	class:disabled
+	class={['menuitem plain selectable deselectable', {selected, disabled}]}
 	role="menuitem"
 	aria-disabled={disabled}
 	tabindex="-1"

package/dist/ContextmenuEntry.svelte.d.ts

@@ -1,6 +1,6 @@
 import { type Snippet } from 'svelte';
-import { type ContextmenuRun } from './contextmenu_state.svelte.js';
-import type { SvgData } from './svg.js';
+import { type ContextmenuRun } from './contextmenu_state.svelte.ts';
+import type { SvgData } from './svg.ts';
 type $$ComponentProps = {
     run: ContextmenuRun;
     icon?: SvgData | string | Snippet;

package/dist/ContextmenuIcon.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import type {Snippet} from 'svelte';
 
-	import type {SvgData} from './svg.js';
+	import type {SvgData} from './svg.ts';
 	import Svg from './Svg.svelte';
 
 	/**

package/dist/ContextmenuIcon.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { Snippet } from 'svelte';
-import type { SvgData } from './svg.js';
+import type { SvgData } from './svg.ts';
 type $$ComponentProps = {
     icon?: SvgData | string | Snippet;
 };

package/dist/ContextmenuLinkEntry.svelte

@@ -1,12 +1,12 @@
 <script lang="ts">
-	import {strip_start} from '@fuzdev/fuz_util/string.js';
-	import {swallow} from '@fuzdev/fuz_util/dom.js';
+	import {strip_start} from '@fuzdev/fuz_util/string.ts';
+	import {swallow} from '@fuzdev/fuz_util/dom.ts';
 	import type {Snippet} from 'svelte';
 	import {page} from '$app/state';
 
-	import {contextmenu_context} from './contextmenu_state.svelte.js';
-	import {icon_external_link, icon_link} from './icons.js';
-	import type {SvgData} from './svg.js';
+	import {contextmenu_context} from './contextmenu_state.svelte.ts';
+	import {icon_external_link, icon_link} from './icons.ts';
+	import type {SvgData} from './svg.ts';
 	import Svg from './Svg.svelte';
 	import ContextmenuIcon from './ContextmenuIcon.svelte';
 
@@ -64,10 +64,7 @@
 	<!-- eslint-disable svelte/no-navigation-without-resolve -->
 	<a
 		bind:this={anchor_el}
-		class="menuitem plain"
-		class:selected
-		class:disabled
-		class:deselectable={!disabled}
+		class={['menuitem plain', {selected, disabled, deselectable: !disabled}]}
 		role="menuitem"
 		aria-disabled={disabled}
 		aria-current={current_page ? 'page' : undefined}

package/dist/ContextmenuLinkEntry.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { Snippet } from 'svelte';
-import type { SvgData } from './svg.js';
+import type { SvgData } from './svg.ts';
 type $$ComponentProps = {
     href: string;
     icon?: SvgData | string | Snippet;

package/dist/ContextmenuMenu.svelte

@@ -13,13 +13,13 @@
 	 * the roots own gesture detection, i.e. how the menu opens. Holds no gesture
 	 * state of its own; the `open_guard` it consults is owned and armed by the root.
 	 */
-	import {swallow} from '@fuzdev/fuz_util/dom.js';
+	import {swallow} from '@fuzdev/fuz_util/dom.ts';
 	import type {ComponentProps, Snippet} from 'svelte';
 
 	import {
 		contextmenu_dimensions_context,
 		type ContextmenuState,
-	} from './contextmenu_state.svelte.js';
+	} from './contextmenu_state.svelte.ts';
 	import ContextmenuLinkEntry from './ContextmenuLinkEntry.svelte';
 	import ContextmenuTextEntry from './ContextmenuTextEntry.svelte';
 	import ContextmenuSeparator from './ContextmenuSeparator.svelte';
@@ -31,7 +31,7 @@
 		contextmenu_calculate_constrained_y,
 		contextmenu_popover_attachment,
 		type ContextmenuOpenGuard,
-	} from './contextmenu_helpers.js';
+	} from './contextmenu_helpers.ts';
 
 	let {
 		contextmenu,

package/dist/ContextmenuMenu.svelte.d.ts

@@ -1,10 +1,10 @@
 export { link_entry_default, text_entry_default, separator_entry_default };
 import type { ComponentProps, Snippet } from 'svelte';
-import { type ContextmenuState } from './contextmenu_state.svelte.js';
+import { type ContextmenuState } from './contextmenu_state.svelte.ts';
 import ContextmenuLinkEntry from './ContextmenuLinkEntry.svelte';
 import ContextmenuTextEntry from './ContextmenuTextEntry.svelte';
 import ContextmenuSeparator from './ContextmenuSeparator.svelte';
-import { type ContextmenuOpenGuard } from './contextmenu_helpers.js';
+import { type ContextmenuOpenGuard } from './contextmenu_helpers.ts';
 type $$ComponentProps = {
     /**
      * The contextmenu state owned by the root.

package/dist/ContextmenuRoot.svelte

@@ -20,7 +20,7 @@
 		contextmenu_context,
 		ContextmenuState,
 		contextmenu_check_global_root,
-	} from './contextmenu_state.svelte.js';
+	} from './contextmenu_state.svelte.ts';
 	import ContextmenuMenu, {
 		link_entry_default,
 		text_entry_default,
@@ -36,7 +36,7 @@
 		ContextmenuBypassTracker,
 		ContextmenuOpenGuard,
 		type ContextmenuRootBaseProps,
-	} from './contextmenu_helpers.js';
+	} from './contextmenu_helpers.ts';
 
 	const {
 		contextmenu = new ContextmenuState(),

package/dist/ContextmenuRoot.svelte.d.ts

@@ -1,4 +1,4 @@
-import { type ContextmenuRootBaseProps } from './contextmenu_helpers.js';
+import { type ContextmenuRootBaseProps } from './contextmenu_helpers.ts';
 declare const ContextmenuRoot: import("svelte").Component<ContextmenuRootBaseProps, {}, "">;
 type ContextmenuRoot = ReturnType<typeof ContextmenuRoot>;
 export default ContextmenuRoot;

package/dist/ContextmenuRootForSafariCompatibility.svelte

@@ -17,7 +17,7 @@
 	 * Otherwise, use the default `ContextmenuRoot.svelte` which is much simpler
 	 * and relies on the standard `contextmenu` event.
 	 */
-	import {swallow} from '@fuzdev/fuz_util/dom.js';
+	import {swallow} from '@fuzdev/fuz_util/dom.ts';
 	import {on} from 'svelte/events';
 
 	import {
@@ -25,7 +25,7 @@
 		ContextmenuState,
 		contextmenu_open,
 		contextmenu_check_global_root,
-	} from './contextmenu_state.svelte.js';
+	} from './contextmenu_state.svelte.ts';
 	import ContextmenuMenu, {
 		link_entry_default,
 		text_entry_default,
@@ -43,7 +43,7 @@
 		ContextmenuBypassTracker,
 		ContextmenuOpenGuard,
 		type ContextmenuRootBaseProps,
-	} from './contextmenu_helpers.js';
+	} from './contextmenu_helpers.ts';
 
 	const {
 		contextmenu = new ContextmenuState(),

package/dist/ContextmenuRootForSafariCompatibility.svelte.d.ts

@@ -1,4 +1,4 @@
-import { type ContextmenuRootBaseProps } from './contextmenu_helpers.js';
+import { type ContextmenuRootBaseProps } from './contextmenu_helpers.ts';
 type $$ComponentProps = ContextmenuRootBaseProps & {
     /**
      * The number of pixels the pointer can be moved without canceling `longpress`.

package/dist/ContextmenuSeparator.svelte

@@ -5,7 +5,7 @@
 </script>
 
 <!-- `aria-orientation` is omitted - it defaults to horizontal, correct for a vertical menu's rule -->
-<li role="separator" {...rest} class:contextmenu-separator={true}></li>
+<li role="separator" {...rest} class={['contextmenu-separator', rest.class]}></li>
 
 <style>
 	.contextmenu-separator {

package/dist/ContextmenuSubmenu.svelte

@@ -1,11 +1,11 @@
 <script lang="ts">
 	import {onDestroy, type Snippet} from 'svelte';
-	import {swallow} from '@fuzdev/fuz_util/dom.js';
+	import {swallow} from '@fuzdev/fuz_util/dom.ts';
 
-	import {contextmenu_context, contextmenu_dimensions_context} from './contextmenu_state.svelte.js';
-	import {contextmenu_calculate_submenu_translate} from './contextmenu_helpers.js';
-	import type {Dimensions} from './dimensions.svelte.js';
-	import type {SvgData} from './svg.js';
+	import {contextmenu_context, contextmenu_dimensions_context} from './contextmenu_state.svelte.ts';
+	import {contextmenu_calculate_submenu_translate} from './contextmenu_helpers.ts';
+	import type {Dimensions} from './dimensions.svelte.ts';
+	import type {SvgData} from './svg.ts';
 	import ContextmenuIcon from './ContextmenuIcon.svelte';
 
 	const {
@@ -68,8 +68,7 @@
 <li role="none" style:--contextmenu_depth={submenu.depth}>
 	<!-- disabling the a11y warning because a parent element handles keyboard events -->
 	<div
-		class="menuitem plain selectable"
-		class:selected
+		class={['menuitem plain selectable', {selected}]}
 		role="menuitem"
 		aria-haspopup="menu"
 		tabindex="-1"

package/dist/ContextmenuSubmenu.svelte.d.ts

@@ -1,5 +1,5 @@
 import { type Snippet } from 'svelte';
-import type { SvgData } from './svg.js';
+import type { SvgData } from './svg.ts';
 type $$ComponentProps = {
     icon?: SvgData | string | Snippet;
     menu: Snippet;

package/dist/ContextmenuTextEntry.svelte

@@ -1,9 +1,9 @@
 <script lang="ts">
 	import type {Snippet} from 'svelte';
 
-	import type {SvgData} from './svg.js';
+	import type {SvgData} from './svg.ts';
 	import ContextmenuEntry from './ContextmenuEntry.svelte';
-	import type {ContextmenuRun} from './contextmenu_state.svelte.js';
+	import type {ContextmenuRun} from './contextmenu_state.svelte.ts';
 
 	const {
 		run,

package/dist/ContextmenuTextEntry.svelte.d.ts

@@ -1,6 +1,6 @@
 import type { Snippet } from 'svelte';
-import type { SvgData } from './svg.js';
-import type { ContextmenuRun } from './contextmenu_state.svelte.js';
+import type { SvgData } from './svg.ts';
+import type { ContextmenuRun } from './contextmenu_state.svelte.ts';
 type $$ComponentProps = {
     run: ContextmenuRun;
     content: string;

package/dist/CopyToClipboard.svelte

@@ -1,10 +1,10 @@
 <script lang="ts">
-	import type {OmitStrict} from '@fuzdev/fuz_util/types.js';
+	import type {OmitStrict} from '@fuzdev/fuz_util/types.ts';
 	import type {Snippet} from 'svelte';
 	import type {SvelteHTMLElements} from 'svelte/elements';
 	import {scale, slide} from 'svelte/transition';
 
-	import {icon_checkmark, icon_copy} from './icons.js';
+	import {icon_checkmark, icon_copy} from './icons.ts';
 	import Svg from './Svg.svelte';
 
 	// TODO @many should this have the Button suffix?
@@ -66,11 +66,11 @@
 	type="button"
 	title="copy to clipboard"
 	{...rest}
-	class="copy-to-clipboard {rest.class}"
-	class:icon_button={children ? false : icon_button}
-	class:copied
-	class:failed
-	class:color_c={failed}
+	class={[
+		'copy-to-clipboard',
+		rest.class,
+		{icon_button: children ? false : icon_button, copied, failed, color_c: failed},
+	]}
 	onclick={(e) => {
 		onclick?.(e); // before the internal handler, which is async
 		void copy(e);

package/dist/CopyToClipboard.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { OmitStrict } from '@fuzdev/fuz_util/types.js';
+import type { OmitStrict } from '@fuzdev/fuz_util/types.ts';
 import type { Snippet } from 'svelte';
 import type { SvelteHTMLElements } from 'svelte/elements';
 type $$ComponentProps = OmitStrict<SvelteHTMLElements['button'], '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;AAsEH,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;AA0EH,QAAA,MAAM,eAAe,sDAAwC,CAAC;AAC9D,KAAK,eAAe,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;AAC1D,eAAe,eAAe,CAAC"}

package/dist/DeclarationDetail.svelte

@@ -12,15 +12,15 @@ 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_from_tsdoc} from '@fuzdev/mdz/tsdoc_mdz.ts';
 	import {
 		mdz_code_context,
 		mdz_codeblock_context,
 		mdz_set_context_with_fallback,
-	} from '@fuzdev/mdz/mdz_contexts.js';
+	} from '@fuzdev/mdz/mdz_contexts.ts';
 	import type {ParameterJsonInput} from 'svelte-docinfo/types.js';
 
-	import type {Declaration} from './declaration.svelte.js';
+	import type {Declaration} from './declaration.svelte.ts';
 	import TypeLink from './TypeLink.svelte';
 	import ModuleLink from './ModuleLink.svelte';
 	import DocsLink from './DocsLink.svelte';

package/dist/DeclarationDetail.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { Declaration } from './declaration.svelte.js';
+import type { Declaration } from './declaration.svelte.ts';
 type $$ComponentProps = {
     declaration: Declaration;
 };

package/dist/DeclarationLink.svelte

@@ -1,10 +1,10 @@
 <script lang="ts">
 	import type {SvelteHTMLElements} from 'svelte/elements';
-	import {ensure_start} from '@fuzdev/fuz_util/string.js';
+	import {ensure_start} from '@fuzdev/fuz_util/string.ts';
 
-	import {library_context} from './library.svelte.js';
-	import {contextmenu_attachment} from './contextmenu_state.svelte.js';
-	import {create_declaration_contextmenu} from './declaration_contextmenu.js';
+	import {library_context} from './library.svelte.ts';
+	import {contextmenu_attachment} from './contextmenu_state.svelte.ts';
+	import {create_declaration_contextmenu} from './declaration_contextmenu.ts';
 
 	const {
 		name,

package/dist/Dialog.svelte

@@ -2,9 +2,9 @@
 	import type {Snippet} from 'svelte';
 	import type {SvelteHTMLElements} from 'svelte/elements';
 	import {SvelteSet} from 'svelte/reactivity';
-	import {swallow} from '@fuzdev/fuz_util/dom.js';
+	import {swallow} from '@fuzdev/fuz_util/dom.ts';
 
-	import {dialog_context, type DialogContext, type DialogAlign} from './dialog.js';
+	import {dialog_context, type DialogContext, type DialogAlign} from './dialog.ts';
 
 	/**
 	 * This component renders a native `<dialog>` opened with `showModal()`, which
@@ -149,8 +149,7 @@
 {#if show}
 	<dialog
 		{...rest}
-		class="dialog {rest.class}"
-		class:align-top={align === 'top'}
+		class={['dialog', rest.class, {'align-top': align === 'top'}]}
 		{@attach setup_dialog}
 	>
 		<div

package/dist/Dialog.svelte.d.ts

@@ -1,6 +1,6 @@
 import type { Snippet } from 'svelte';
 import type { SvelteHTMLElements } from 'svelte/elements';
-import { type DialogContext, type DialogAlign } from './dialog.js';
+import { type DialogContext, type DialogAlign } from './dialog.ts';
 type $$ComponentProps = Omit<SvelteHTMLElements['dialog'], 'children' | 'onclose'> & {
     /**
      * Whether the dialog is shown. When the `<dialog>` mounts it opens via

package/dist/DialogContent.svelte

@@ -2,8 +2,8 @@
 	import type {Snippet} from 'svelte';
 	import type {HTMLAttributes, SvelteHTMLElements} from 'svelte/elements';
 
-	import {dialog_context, type DialogContext, type DialogCloseButtonAttrs} from './dialog.js';
-	import {icon_close} from './icons.js';
+	import {dialog_context, type DialogContext, type DialogCloseButtonAttrs} from './dialog.ts';
+	import {icon_close} from './icons.ts';
 	import Svg from './Svg.svelte';
 
 	/**
@@ -123,7 +123,7 @@ dismiss zone outside the card, where a press lands on the wrapper and closes the
 content with its own overflow (e.g. `Code`) scrolls instead of forcing the card wider. -->
 <div
 	{...rest}
-	class:pane
+	class={[rest.class, {pane}]}
 	style:padding
 	style:margin={gutter}
 	style:max-width={max_width}

package/dist/DialogContent.svelte.d.ts

@@ -1,6 +1,6 @@
 import type { Snippet } from 'svelte';
 import type { HTMLAttributes } from 'svelte/elements';
-import { type DialogContext, type DialogCloseButtonAttrs } from './dialog.js';
+import { type DialogContext, type DialogCloseButtonAttrs } from './dialog.ts';
 type $$ComponentProps = Omit<HTMLAttributes<HTMLDivElement>, 'children'> & {
     /**
      * The content surface's padding, set as an inline style. Defaults to