@fuzdev/fuz_ui 0.191.3 → 0.192.0

package/dist/DocsTertiaryNav.svelte

@@ -49,12 +49,12 @@
 </script>
 
 <!-- TODO probably add a `nav` wrapper? around which? -->
-<aside {...rest} class="docs_tertiary_nav unstyled {rest.class}">
+<aside {...rest} class="docs-tertiary-nav unstyled {rest.class}">
 	{#if should_show_page_links}
 		<DocsPageLinks {sidebar} expand_width />
 	{/if}
 	{#if tomes_related_to_selected.length}
-		<section class="related_section">
+		<section class="related-section">
 			<h4 class="mb_sm">related tomes</h4>
 			<ul class="unstyled">
 				{#each tomes_related_to_selected as tome (tome.name)}
@@ -64,7 +64,7 @@
 		</section>
 	{/if}
 	{#if modules_related_to_selected.length}
-		<section class="related_section">
+		<section class="related-section">
 			<h4 class="mb_sm">related modules</h4>
 			<ul class="unstyled">
 				{#each modules_related_to_selected as module (module.path)}
@@ -74,7 +74,7 @@
 		</section>
 	{/if}
 	{#if declarations_related_to_selected.length}
-		<section class="related_section">
+		<section class="related-section">
 			<h4 class="mb_sm">related declarations</h4>
 			<ul class="unstyled">
 				{#each declarations_related_to_selected as declaration (declaration.name)}
@@ -86,7 +86,7 @@
 </aside>
 
 <style>
-	.docs_tertiary_nav {
+	.docs-tertiary-nav {
 		/* TODO @many lots of duplicate code between `DocsSecondaryNav` and `DocsTertiaryNav` */
 		position: fixed;
 		right: 0;
@@ -104,7 +104,7 @@
 
 	/* sync this breakpoint with `/docs/+layout` */
 	@media (max-width: 1000px) {
-		.docs_tertiary_nav {
+		.docs-tertiary-nav {
 			position: static;
 			background-color: initial;
 			overflow: initial;

package/dist/GithubLink.svelte

@@ -75,7 +75,7 @@
 
 <!-- TODO -next-line doesnt work? -->
 <!-- eslint-disable svelte/no-navigation-without-resolve -->
-<a {...rest} {href} class="github_link white-space:nowrap {rest.class}" rel="noopener"
+<a {...rest} {href} class="github-link white-space:nowrap {rest.class}" rel="noopener"
 	><Svg data={logo_github} inline size="var(--icon_size_xs)" class="mx_xs3 vertical-align:middle" />
 	{#if typeof final_children === 'string'}
 		<span class="font_family_mono">{final_children}</span>

package/dist/Hashlink.svelte

@@ -7,7 +7,7 @@
 <a {...rest} class="hashlink {rest.class}" href="#{fragment}" aria-label="hashlink"
 	>{#if children}{@render children()}{:else}#{/if}</a
 >
-<span class="hashlink_scroll_target" id={fragment} aria-hidden="true"></span>
+<span class="hashlink-scroll-target" id={fragment} aria-hidden="true"></span>
 
 <style>
 	/* TODO @many how can this be done generically so it's composable? currently using `:global` at usage site - ideally we'd continue to use :hover instead of JS */
@@ -21,7 +21,7 @@
 		transition: opacity var(--duration_2);
 	}
 
-	.hashlink_scroll_target {
+	.hashlink-scroll-target {
 		position: absolute;
 		top: calc(var(--font_size, var(--font_size_md)) * -4);
 		left: 0;

package/dist/HueInput.svelte

@@ -32,7 +32,7 @@
 		update_hue(parsed);
 	};
 
-	let el: HTMLInputElement | undefined = $state();
+	let el: HTMLInputElement | undefined = $state.raw();
 
 	const set_hue_from_minimap = (e: MouseEvent & {currentTarget: EventTarget & HTMLElement}) => {
 		const rect = e.currentTarget.getBoundingClientRect();
@@ -43,15 +43,15 @@
 </script>
 
 <!-- TODO consider making this a text input or otherwise editable directly -->
-<div {...rest} class="hue_input {rest.class}" style:--hue={value}>
-	<label>
+<div {...rest} class="hue-input {rest.class}" style:--hue={value}>
+	<label class="unstyled">
 		{#if children}<div class="title">{@render children()}</div>{/if}
 		<div class="preview">
 			hue
 			<input type="number" step="0" class="hue" {value} oninput={on_input_event} />
 		</div>
 	</label>
-	<div class="minimap_wrapper">
+	<div class="minimap-wrapper">
 		<div class="minimap" onclick={set_hue_from_minimap} aria-hidden="true"></div>
 	</div>
 	<input
@@ -66,7 +66,7 @@
 </div>
 
 <style>
-	.hue_input {
+	.hue-input {
 		--outline_color: hsl(var(--hue) 50% 60%);
 		/* TODO @many figure these variables out so they're easily customized (similar pattern in a lot of places) */
 		/* --thumb_background_color: hsl(var(--hue) 50% 50%); */
@@ -84,7 +84,7 @@
 		border-top-left-radius: var(--border_radius, var(--border_radius_md));
 		border-top-right-radius: var(--border_radius, var(--border_radius_md));
 	}
-	.minimap_wrapper {
+	.minimap-wrapper {
 		padding: 0 var(--input_padding_x);
 		background: hsl(0 50% 50%) 0%;
 	}

package/dist/LibraryDetail.svelte

@@ -45,7 +45,7 @@
 
 <!-- eslint-disable svelte/no-navigation-without-resolve -->
 
-<div class="library_detail">
+<div class="library-detail">
 	<!-- TODO maybe continue this snippet pattern, or maybe simplify? -->
 	<div class="info">
 		<div class="display:flex flex:1">
@@ -55,7 +55,7 @@
 					{#if repo_name}
 						{@render repo_name(library.repo_name)}
 					{:else}
-						<div class="repo_name">
+						<div class="repo-name">
 							{library.repo_name}{#if package_json.glyph}&nbsp;{package_json.glyph}{/if}
 						</div>
 					{/if}
@@ -79,7 +79,7 @@
 					{#if npm_url}
 						{@render npm_url(library.npm_url)}
 					{:else}
-						<blockquote class="npm_url">npm i -D {package_json.name}</blockquote>
+						<blockquote class="npm-url">npm i -D {package_json.name}</blockquote>
 					{/if}
 				{/if}
 				<!-- TODO accessible HTML -->
@@ -175,7 +175,7 @@
 						class:css={module_is_css(module.path)}
 						class:json={module_is_json(module.path)}
 					>
-						<div class="module_content">
+						<div class="module-content">
 							<span class="font_size_xl">
 								<ModuleLink module_path={module.path}>
 									{module.path}
@@ -204,7 +204,7 @@
 <!-- TODO better rendering, also show author, etc -->
 
 <style>
-	.library_detail {
+	.library-detail {
 		display: flex;
 		flex-direction: column;
 		align-items: flex-start;
@@ -232,12 +232,12 @@
 		width: 100%;
 		margin-bottom: var(--space_lg);
 	}
-	.repo_name {
+	.repo-name {
 		font-family: var(--font_family_serif);
 		font-size: var(--font_size_xl2);
 		font-weight: 400;
 	}
-	.npm_url {
+	.npm-url {
 		font-family: var(--font_family_mono);
 		text-align: center;
 		margin-bottom: var(--space_lg);
@@ -269,7 +269,7 @@
 		margin-bottom: var(--space_xs);
 		--link_color: var(--text_70);
 	}
-	.module_content {
+	.module-content {
 		background-color: var(--shade_10);
 		border-radius: var(--border_radius_sm);
 		padding: var(--space_xs);

package/dist/LibrarySummary.svelte

@@ -29,13 +29,13 @@
 	const {package_json} = $derived(library);
 </script>
 
-<div class="library_summary">
+<div class="library-summary">
 	<!-- TODO maybe continue this snippet pattern, or maybe simplify? -->
 	<header class="box mb_lg">
 		{#if repo_name}
 			{@render repo_name(library.repo_name)}
 		{:else}
-			<div class="repo_name">{library.repo_name}</div>
+			<div class="repo-name">{library.repo_name}</div>
 		{/if}
 		<!-- TODO maybe add `icon_alt` to package.json -->
 		<!-- TODO what about svg logos? maybe a package.json logo url that defaults to favicon? -->
@@ -118,14 +118,14 @@
 <!-- TODO better rendering, also show author, etc -->
 
 <style>
-	.library_summary {
+	.library-summary {
 		padding: var(--space_lg);
 		display: flex;
 		flex-direction: column;
 		align-items: center;
 		max-width: var(--max_width, var(--distance_sm));
 	}
-	.repo_name {
+	.repo-name {
 		font-family: var(--font_family_serif);
 		font-size: var(--font_size_xl2);
 		font-weight: 400;

package/dist/MdnLink.svelte

@@ -28,7 +28,7 @@
 
 <!-- TODO -next-line doesnt work? -->
 <!-- eslint-disable svelte/no-navigation-without-resolve -->
-<a {...rest} {href} class="mdn_link white-space:nowrap {rest.class}" rel="noopener"
+<a {...rest} {href} class="mdn-link white-space:nowrap {rest.class}" rel="noopener"
 	><Svg data={logo_mdn} inline size="var(--icon_size_xs)" class="mx_xs3 vertical-align:middle" />
 	{#if typeof final_children === 'string'}
 		<span class="font_family_mono">{final_children}</span>

package/dist/ModuleLink.svelte

@@ -33,7 +33,7 @@
 	<!-- eslint-disable svelte/no-navigation-without-resolve -->
 	<a
 		{...rest}
-		class="module_link {class_prop} {color_class}"
+		class="module-link {class_prop} {color_class}"
 		href={module.url_api + (hash ? ensure_start(hash, '#') : '')}
 		{@attach contextmenu_attachment(contextmenu_entries)}
 	>

package/dist/PasteFromClipboard.svelte

@@ -20,7 +20,7 @@
 	type="button"
 	title="paste from clipboard"
 	{...rest}
-	class="paste_from_clipboard {rest.class}"
+	class="paste-from-clipboard {rest.class}"
 	onclick={async () => {
 		try {
 			const text = await navigator.clipboard.readText();

package/dist/PendingAnimation.svelte

@@ -21,7 +21,7 @@
 
 <span
 	{...rest}
-	class="pending_animation {rest.class} {inline
+	class="pending-animation {rest.class} {inline
 		? 'display:inline-flex align-items:center'
 		: 'display:flex'}"
 	class:running
@@ -35,7 +35,7 @@
 >
 
 <style>
-	.pending_animation span {
+	.pending-animation span {
 		font-size: var(--font_size, inherit);
 		display: inline-block;
 		transform: scale3d(var(--scale_x, 0.4), var(--scale_y, 0.4), var(--scale_z, 0.4));

package/dist/PendingButton.svelte

@@ -20,7 +20,7 @@
 		children: Snippet;
 	} = $props();
 
-	let el: HTMLButtonElement | undefined = $state();
+	let el: HTMLButtonElement | undefined = $state.raw();
 
 	export const focus = (options?: FocusOptions): void => el?.focus(options);
 
@@ -31,7 +31,7 @@
 	bind:this={el}
 	type="button"
 	{...rest}
-	class="pending_button {rest.class}"
+	class="pending-button {rest.class}"
 	disabled={disabled_prop ?? pending}
 	title={title_prop}
 	class:pending

package/dist/ProjectLinks.svelte

@@ -55,8 +55,8 @@
 	<a class="thumbnail row shade_00 px_md py_xs border_radius_sm mb_lg" href={project_item.url}
 		><Svg shrink={false} data={project_item.logo} size="var(--icon_size_lg)" />
 		<div class="pl_lg width_atmost_sm">
-			<div class="thumbnail_name {project_item.color_class}">{project_item.name}</div>
-			<div class="thumbnail_description font_size_md text_70 font-weight:500">
+			<div class="thumbnail-name {project_item.color_class}">{project_item.name}</div>
+			<div class="thumbnail-description font_size_md text_70 font-weight:500">
 				{project_item.description}
 				{project_item.glyph}
 			</div>
@@ -83,10 +83,10 @@
 
 		/* show the underline only on the name, not the description */
 		text-decoration: none;
-		.thumbnail_name {
+		.thumbnail-name {
 			text-decoration: underline;
 		}
-		.thumbnail_description {
+		.thumbnail-description {
 			text-decoration: none;
 		}
 	}

package/dist/Teleport.svelte

@@ -16,7 +16,7 @@
 		children: Snippet;
 	} = $props();
 
-	let el: HTMLElement | undefined | null = $state();
+	let el: HTMLElement | undefined | null = $state.raw();
 
 	$effect(() => {
 		if (el && to) {
@@ -24,7 +24,7 @@
 		}
 	});
 
-	let moved = $state(false);
+	let moved = $state.raw(false);
 
 	const move = (el: HTMLElement, to: HTMLElement): void => {
 		moved = true;

package/dist/ThemeInput.svelte

@@ -28,14 +28,14 @@
 	} = $props();
 </script>
 
-<menu {...rest} class="theme_input unstyled {rest.class}">
+<menu {...rest} class="theme-input unstyled {rest.class}">
 	{#each themes as theme (theme.name)}
 		<!-- TODO @many proper equality check, won't work when we allow editing, need an id or unique names and a deep equality check -->
 		{@const selected = theme.name === selected_theme.theme.name}
 		<li class="row" role="none">
 			<button
 				type="button"
-				class="theme_button color_a"
+				class="theme-button color_a"
 				role="menuitemradio"
 				aria-label="{theme.name} theme"
 				aria-checked={selected}
@@ -64,15 +64,15 @@
 </menu>
 
 <style>
-	.theme_button {
+	.theme-button {
 		flex: 1;
 		border-radius: 0;
 	}
-	li:first-child .theme_button {
+	li:first-child .theme-button {
 		border-top-left-radius: var(--border_radius_sm);
 		border-top-right-radius: var(--border_radius_sm);
 	}
-	li:last-child .theme_button {
+	li:last-child .theme-button {
 		border-bottom-left-radius: var(--border_radius_sm);
 		border-bottom-right-radius: var(--border_radius_sm);
 	}

package/dist/TomeContent.svelte

@@ -30,7 +30,7 @@
 </script>
 
 <section
-	class="tome_content width_atmost_md mb_xl9"
+	class="tome-content width_atmost_md mb_xl9"
 	{@attach intersect(() =>
 		at_root
 			? ({intersecting}) => {

package/dist/TomeHeader.svelte

@@ -26,7 +26,7 @@
 	const {path, path_is_selected} = $derived(to_docs_path_info(path_slug, page.url.pathname));
 </script>
 
-<svelte:element this={path_is_selected ? 'h1' : 'h2'} {...props} class="tome_header">
+<svelte:element this={path_is_selected ? 'h1' : 'h2'} {...props} class="tome-header">
 	{#if path_is_selected}
 		{@render content(tome.name)}
 	{:else}
@@ -41,7 +41,7 @@
 {/snippet}
 
 <style>
-	.tome_header {
+	.tome-header {
 		position: relative;
 		display: flex;
 		align-items: center;
@@ -49,7 +49,7 @@
 		margin-top: var(--space_xl4);
 	}
 	/* TODO @many how can this be done composably? currently using `:global` at usage site - ideally we'd continue to use :hover instead of JS */
-	.tome_header:hover :global(.hashlink) {
+	.tome-header:hover :global(.hashlink) {
 		opacity: 1;
 	}
 </style>

package/dist/TomeLink.svelte

@@ -29,6 +29,6 @@
 </script>
 
 <!-- eslint-disable-next-line svelte/no-navigation-without-resolve -->
-<a {...rest} class="tome_link {class_prop}" href={to_tome_pathname(name, docs_path, hash)}
+<a {...rest} class="tome-link {class_prop}" href={to_tome_pathname(name, docs_path, hash)}
 	>{#if children}{@render children()}{:else}{name}{/if}</a
 >

package/dist/TomeSection.svelte

@@ -39,7 +39,7 @@
 	// Provide own section ID to direct children (header) via context
 	section_id_context.set(section_id);
 
-	let get_fragment: (() => string) | undefined = $state();
+	let get_fragment: (() => string) | undefined = $state.raw();
 
 	register_section_header_context.set((gf) => {
 		if (DEV && get_fragment !== undefined) {

package/dist/TomeSectionHeader.svelte

@@ -60,7 +60,7 @@
 </script>
 
 <header>
-	<svelte:element this={final_tag} {...rest} class:tome_section_header={true}>
+	<svelte:element this={final_tag} {...rest} class:tome-section-header={true}>
 		<div class="flex:1">
 			{#if children}
 				{@render children()}
@@ -73,14 +73,14 @@
 </header>
 
 <style>
-	.tome_section_header {
+	.tome-section-header {
 		position: relative;
 		display: flex;
 		align-items: center;
 		justify-content: space-between;
 	}
 	/* TODO @many how can this be done composably? currently using `:global` at usage site - ideally we'd continue to use :hover instead of JS */
-	.tome_section_header:hover :global(.hashlink) {
+	.tome-section-header:hover :global(.hashlink) {
 		opacity: 1;
 	}
 </style>

package/dist/api_search.svelte.js

@@ -2,7 +2,7 @@
  * Creates unified search state for the API index page (modules and declarations).
  */
 export const create_api_search = (library) => {
-    let query = $state('');
+    let query = $state.raw('');
     // Module filtering
     const all_modules = $derived(library.modules_sorted);
     const filtered_modules = $derived.by(() => {
@@ -50,7 +50,7 @@ export const create_api_search = (library) => {
  * Creates search state for module-specific declaration lists.
  */
 export const create_module_declaration_search = (declarations) => {
-    let query = $state('');
+    let query = $state.raw('');
     const all = $derived(declarations);
     const filtered = $derived.by(() => {
         const trimmed_query = query.trim();

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

@@ -1 +1 @@
-{"version":3,"file":"contextmenu_state.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/contextmenu_state.svelte.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"contextmenu_state.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/contextmenu_state.svelte.ts"],"names":[],"mappings":"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"}

package/dist/contextmenu_state.svelte.js

@@ -10,9 +10,9 @@ export class EntryState {
     menu;
     run;
     disabled;
-    selected = $state(false);
-    pending = $state(false);
-    error_message = $state(null);
+    selected = $state.raw(false);
+    pending = $state.raw(false);
+    error_message = $state.raw(null);
     promise = $state.raw(null);
     constructor(menu, run, disabled = () => false) {
         this.menu = menu;
@@ -24,7 +24,7 @@ export class SubmenuState {
     is_menu = true;
     menu;
     depth;
-    selected = $state(false);
+    selected = $state.raw(false);
     items = $state.raw([]);
     constructor(menu, depth) {
         this.menu = menu;
@@ -51,11 +51,11 @@ export class ContextmenuState {
      */
     has_custom_layout;
     // State for external consumers.
-    opened = $state(false);
-    x = $state(0);
-    y = $state(0);
+    opened = $state.raw(false);
+    x = $state.raw(0);
+    y = $state.raw(0);
     params = $state.raw([]);
-    error = $state();
+    error = $state.raw();
     // These arrays use immutable updates (reassignment, not mutation).
     // If you need reactivity, use `$contextmenu` in a reactive statement to react to all changes, and
     // then access the immutable `contextmenu.root_menu` and `contextmenu.selections`.
@@ -259,6 +259,8 @@ export class ContextmenuState {
     }
     select_last() {
         const { items } = this.selections.at(-1)?.menu ?? this.root_menu;
+        if (!items.length)
+            return;
         this.select(items.at(-1));
     }
     /**