@fuzdev/fuz_ui 0.172.0 → 0.174.0

package/dist/DocsPageLinks.svelte.d.ts

@@ -1,4 +1,5 @@
-type $$ComponentProps = {
+import type { SvelteHTMLElements } from 'svelte/elements';
+type $$ComponentProps = SvelteHTMLElements['div'] & {
     sidebar?: boolean;
     expand_width?: boolean;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"DocsPageLinks.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/DocsPageLinks.svelte"],"names":[],"mappings":"AASC,KAAK,gBAAgB,GAAI;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AA2CH,QAAA,MAAM,aAAa,sDAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}
+{"version":3,"file":"DocsPageLinks.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/DocsPageLinks.svelte"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,iBAAiB,CAAC;AAKvD,KAAK,gBAAgB,GAAI,kBAAkB,CAAC,KAAK,CAAC,GAAG;IACpD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AA6CH,QAAA,MAAM,aAAa,sDAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}

package/dist/DocsPrimaryNav.svelte

@@ -2,6 +2,7 @@
 	import {is_iframed} from '@fuzdev/fuz_util/dom.js';
 	import type {Snippet} from 'svelte';
 	import {scrollY} from 'svelte/reactivity/window';
+	import type {SvelteHTMLElements} from 'svelte/elements';
 
 	import type {Library} from './library.svelte.js';
 	import Breadcrumb from './Breadcrumb.svelte';
@@ -10,7 +11,8 @@
 		library,
 		breadcrumb_children,
 		children,
-	}: {
+		...rest
+	}: SvelteHTMLElements['div'] & {
 		library: Library;
 		breadcrumb_children?: Snippet<[is_primary_nav: boolean]>;
 		children?: Snippet;
@@ -23,7 +25,7 @@
 </script>
 
 {#if enabled}
-	<div class="docs_primary_nav" class:scrolled>
+	<div {...rest} class="docs_primary_nav {rest.class}" class:scrolled>
 		<div class="background" aria-hidden="true"></div>
 		<div class="content">
 			<nav aria-label="Primary nav">

package/dist/DocsPrimaryNav.svelte.d.ts

@@ -1,6 +1,7 @@
 import type { Snippet } from 'svelte';
+import type { SvelteHTMLElements } from 'svelte/elements';
 import type { Library } from './library.svelte.js';
-type $$ComponentProps = {
+type $$ComponentProps = SvelteHTMLElements['div'] & {
     library: Library;
     breadcrumb_children?: Snippet<[is_primary_nav: boolean]>;
     children?: Snippet;

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

@@ -1 +1 @@
-{"version":3,"file":"DocsPrimaryNav.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/DocsPrimaryNav.svelte"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAC,OAAO,EAAC,MAAM,QAAQ,CAAC;AAGpC,OAAO,KAAK,EAAC,OAAO,EAAC,MAAM,qBAAqB,CAAC;AAGhD,KAAK,gBAAgB,GAAI;IACxB,OAAO,EAAE,OAAO,CAAC;IACjB,mBAAmB,CAAC,EAAE,OAAO,CAAC,CAAC,cAAc,EAAE,OAAO,CAAC,CAAC,CAAC;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AA2CH,QAAA,MAAM,cAAc,sDAAwC,CAAC;AAC7D,KAAK,cAAc,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AACxD,eAAe,cAAc,CAAC"}
+{"version":3,"file":"DocsPrimaryNav.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/DocsPrimaryNav.svelte"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAC,OAAO,EAAC,MAAM,QAAQ,CAAC;AAEpC,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,iBAAiB,CAAC;AAExD,OAAO,KAAK,EAAC,OAAO,EAAC,MAAM,qBAAqB,CAAC;AAGhD,KAAK,gBAAgB,GAAI,kBAAkB,CAAC,KAAK,CAAC,GAAG;IACpD,OAAO,EAAE,OAAO,CAAC;IACjB,mBAAmB,CAAC,EAAE,OAAO,CAAC,CAAC,cAAc,EAAE,OAAO,CAAC,CAAC,CAAC;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AA6CH,QAAA,MAAM,cAAc,sDAAwC,CAAC;AAC7D,KAAK,cAAc,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AACxD,eAAe,cAAc,CAAC"}

package/dist/DocsSecondaryNav.svelte

@@ -1,11 +1,14 @@
 <script lang="ts">
+	import type {SvelteHTMLElements} from 'svelte/elements';
+
 	import DocsMenu from './DocsMenu.svelte';
 	import {Tome} from './tome.js';
 
 	const {
 		tomes,
 		sidebar = true,
-	}: {
+		...rest
+	}: SvelteHTMLElements['aside'] & {
 		tomes: Array<Tome>;
 		sidebar?: boolean; // TODO @many dialog navs (this shouldn't exist)
 	} = $props();
@@ -13,7 +16,7 @@
 	const expand_width = $derived(!sidebar);
 </script>
 
-<aside class="docs_secondary_nav unstyled" class:sidebar>
+<aside {...rest} class="docs_secondary_nav unstyled {rest.class}" class:sidebar>
 	<nav aria-label="Secondary nav">
 		<DocsMenu {tomes} {expand_width} />
 	</nav>

package/dist/DocsSecondaryNav.svelte.d.ts

@@ -1,5 +1,6 @@
+import type { SvelteHTMLElements } from 'svelte/elements';
 import { Tome } from './tome.js';
-type $$ComponentProps = {
+type $$ComponentProps = SvelteHTMLElements['aside'] & {
     tomes: Array<Tome>;
     sidebar?: boolean;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"DocsSecondaryNav.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/DocsSecondaryNav.svelte"],"names":[],"mappings":"AAIA,OAAO,EAAC,IAAI,EAAC,MAAM,WAAW,CAAC;AAE9B,KAAK,gBAAgB,GAAI;IACxB,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAuBH,QAAA,MAAM,gBAAgB,sDAAwC,CAAC;AAC/D,KAAK,gBAAgB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAC5D,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"DocsSecondaryNav.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/DocsSecondaryNav.svelte"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,iBAAiB,CAAC;AAGxD,OAAO,EAAC,IAAI,EAAC,MAAM,WAAW,CAAC;AAE9B,KAAK,gBAAgB,GAAI,kBAAkB,CAAC,OAAO,CAAC,GAAG;IACtD,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AA0BH,QAAA,MAAM,gBAAgB,sDAAwC,CAAC;AAC/D,KAAK,gBAAgB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAC5D,eAAe,gBAAgB,CAAC"}

package/dist/DocsTertiaryNav.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
 	import {page} from '$app/state';
+	import type {SvelteHTMLElements} from 'svelte/elements';
 
 	import DocsModulesList from './DocsModulesList.svelte';
 	import DocsPageLinks from './DocsPageLinks.svelte';
@@ -14,7 +15,8 @@
 		tomes,
 		tomes_by_name,
 		sidebar = true,
-	}: {
+		...rest
+	}: SvelteHTMLElements['aside'] & {
 		tomes: Array<Tome>;
 		tomes_by_name: Map<string, Tome>;
 		sidebar?: boolean; // TODO @many dialog navs (this shouldn't exist)
@@ -51,7 +53,7 @@
 </script>
 
 <!-- TODO probably add a `nav` wrapper? around which? -->
-<aside class="docs_tertiary_nav unstyled">
+<aside {...rest} class="docs_tertiary_nav unstyled {rest.class}">
 	{#if should_show_page_links}
 		<DocsPageLinks {sidebar} expand_width />
 	{/if}

package/dist/DocsTertiaryNav.svelte.d.ts

@@ -1,5 +1,6 @@
+import type { SvelteHTMLElements } from 'svelte/elements';
 import { Tome } from './tome.js';
-type $$ComponentProps = {
+type $$ComponentProps = SvelteHTMLElements['aside'] & {
     tomes: Array<Tome>;
     tomes_by_name: Map<string, Tome>;
     sidebar?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"DocsTertiaryNav.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/DocsTertiaryNav.svelte"],"names":[],"mappings":"AAOA,OAAO,EAAmB,IAAI,EAAC,MAAM,WAAW,CAAC;AAOhD,KAAK,gBAAgB,GAAI;IACxB,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC;IACnB,aAAa,EAAE,GAAG,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;IACjC,OAAO,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AA6FH,QAAA,MAAM,eAAe,sDAAwC,CAAC;AAC9D,KAAK,eAAe,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;AAC1D,eAAe,eAAe,CAAC"}
+{"version":3,"file":"DocsTertiaryNav.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/DocsTertiaryNav.svelte"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,iBAAiB,CAAC;AAIxD,OAAO,EAAmB,IAAI,EAAC,MAAM,WAAW,CAAC;AAOhD,KAAK,gBAAgB,GAAI,kBAAkB,CAAC,OAAO,CAAC,GAAG;IACtD,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC;IACnB,aAAa,EAAE,GAAG,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;IACjC,OAAO,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AA+FH,QAAA,MAAM,eAAe,sDAAwC,CAAC;AAC9D,KAAK,eAAe,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;AAC1D,eAAe,eAAe,CAAC"}

package/dist/GithubLink.svelte

@@ -10,7 +10,6 @@
 		path,
 		href: href_prop,
 		children,
-		class: class_prop,
 		...rest
 	}: SvelteHTMLElements['a'] & {
 		/**
@@ -22,8 +21,12 @@
 		path?: string;
 	} = $props();
 
-	if (DEV && !path && !href_prop) {
-		throw new Error('GithubLink requires either `path` or `href` prop');
+	if (DEV) {
+		$effect.pre(() => {
+			if (!path && !href_prop) {
+				throw new Error('GithubLink requires either `path` or `href` prop');
+			}
+		});
 	}
 
 	const href = $derived(
@@ -60,13 +63,8 @@
 
 <!-- TODO -next-line doesnt work? -->
 <!-- eslint-disable svelte/no-navigation-without-resolve -->
-<a {...rest} {href} class="github_link chip white_space_nowrap {class_prop}" rel="noopener"
-	><Svg
-		data={logo_github}
-		inline
-		size="var(--icon_size_xs)"
-		attrs={{class: 'mx_xs3 vertical_align_middle'}}
-	/>
+<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>
 	{:else if final_children}

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;AAgEH,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;CACd,CAAC;AAmEH,QAAA,MAAM,UAAU,sDAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}

package/dist/Glyph.svelte

@@ -4,7 +4,6 @@
 	const {
 		glyph,
 		size,
-		class: class_prop,
 		...rest
 	}: SvelteHTMLElements['span'] & {
 		glyph: string;
@@ -19,7 +18,7 @@
 
 <span
 	{...rest}
-	class="glyph display_inline_block text_align_center line_height_1 white_space_nowrap font_weight_400 {class_prop}"
+	class="glyph display_inline_block text_align_center line_height_1 white_space_nowrap font_weight_400 {rest.class}"
 	style:width={final_size}
 	style:height={final_size}
 	style:min-width={final_size}

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

@@ -1 +1 @@
-{"version":3,"file":"Glyph.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/Glyph.svelte"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,iBAAiB,CAAC;AAEvD,KAAK,gBAAgB,GAAI,kBAAkB,CAAC,MAAM,CAAC,GAAG;IACrD,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC1B,CAAC;AAqBH,QAAA,MAAM,KAAK,sDAAwC,CAAC;AACpD,KAAK,KAAK,GAAG,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC;AACtC,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Glyph.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/Glyph.svelte"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,iBAAiB,CAAC;AAEvD,KAAK,gBAAgB,GAAI,kBAAkB,CAAC,MAAM,CAAC,GAAG;IACrD,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC1B,CAAC;AAoBH,QAAA,MAAM,KAAK,sDAAwC,CAAC;AACpD,KAAK,KAAK,GAAG,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC;AACtC,eAAe,KAAK,CAAC"}

package/dist/Hashlink.svelte

@@ -1,15 +1,10 @@
 <script lang="ts">
 	import type {SvelteHTMLElements} from 'svelte/elements';
 
-	const {
-		fragment,
-		children,
-		class: class_prop,
-		...rest
-	}: SvelteHTMLElements['a'] & {fragment: string} = $props();
+	const {fragment, children, ...rest}: SvelteHTMLElements['a'] & {fragment: string} = $props();
 </script>
 
-<a {...rest} class="hashlink {class_prop}" href="#{fragment}" aria-label="hashlink"
+<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>

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

@@ -1 +1 @@
-{"version":3,"file":"Hashlink.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/Hashlink.svelte"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,iBAAiB,CAAC;AAEvD,KAAK,gBAAgB,GAAI,kBAAkB,CAAC,GAAG,CAAC,GAAG;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAC,CAAC;AAmBvE,QAAA,MAAM,QAAQ,sDAAwC,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"Hashlink.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/Hashlink.svelte"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,iBAAiB,CAAC;AAEvD,KAAK,gBAAgB,GAAI,kBAAkB,CAAC,GAAG,CAAC,GAAG;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAC,CAAC;AAcvE,QAAA,MAAM,QAAQ,sDAAwC,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}

package/dist/HueInput.svelte

@@ -1,18 +1,18 @@
 <script lang="ts">
 	import type {Hue} from '@fuzdev/fuz_util/colors.js';
 	import type {Snippet} from 'svelte';
+	import type {SvelteHTMLElements} from 'svelte/elements';
 
 	let {
 		value = $bindable(180),
-		oninput,
 		children,
-	}: {
+		...rest
+	}: SvelteHTMLElements['div'] & {
 		value?: Hue;
-		oninput?: (hue: Hue) => void;
 		children?: Snippet;
 	} = $props();
 
-	// TODO probably upstream this to belt
+	// TODO probably upstream this to fuz_util
 	const parse_hue = (v: any): Hue | null => {
 		const t = typeof v;
 		if (t === 'number') return v;
@@ -24,7 +24,6 @@
 
 	const update_hue = (v: Hue) => {
 		value = v;
-		oninput?.(value);
 	};
 
 	const on_input_event = (e: Event & {currentTarget: EventTarget & HTMLInputElement}) => {
@@ -44,7 +43,7 @@
 </script>
 
 <!-- TODO consider making this a text input or otherwise editable directly -->
-<div class="hue_input" style:--hue={value}>
+<div {...rest} class="hue_input {rest.class}" style:--hue={value}>
 	<label>
 		{#if children}<div class="title">{@render children()}</div>{/if}
 		<div class="preview">

package/dist/HueInput.svelte.d.ts

@@ -1,8 +1,8 @@
 import type { Hue } from '@fuzdev/fuz_util/colors.js';
 import type { Snippet } from 'svelte';
-type $$ComponentProps = {
+import type { SvelteHTMLElements } from 'svelte/elements';
+type $$ComponentProps = SvelteHTMLElements['div'] & {
     value?: Hue;
-    oninput?: (hue: Hue) => void;
     children?: Snippet;
 };
 declare const HueInput: import("svelte").Component<$$ComponentProps, {}, "value">;

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

@@ -1 +1 @@
-{"version":3,"file":"HueInput.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/HueInput.svelte"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,GAAG,EAAC,MAAM,4BAA4B,CAAC;AACpD,OAAO,KAAK,EAAC,OAAO,EAAC,MAAM,QAAQ,CAAC;AAEnC,KAAK,gBAAgB,GAAI;IACxB,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AA6DH,QAAA,MAAM,QAAQ,2DAAwC,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"HueInput.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/HueInput.svelte"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,GAAG,EAAC,MAAM,4BAA4B,CAAC;AACpD,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,GAAG;IACpD,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AA6DH,QAAA,MAAM,QAAQ,2DAAwC,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}

package/dist/ImgOrSvg.svelte

@@ -9,27 +9,27 @@
 		height,
 		svg_attrs,
 		img_attrs,
-		attrs,
-	}: {
-		src: string;
-		label?: string;
-		/**
-		 * Sets both the `width` and `height` of the svg. Overridden by the `width` and `height` props.
-		 */
-		size?: string;
-		/**
-		 * Sets the `width` of the svg. Overrides `size`.
-		 */
-		width?: string;
-		/**
-		 * Sets the `height` of the svg. Overrides `size`.
-		 */
-		height?: string;
-		svg_attrs?: SvelteHTMLElements['svg'];
-		img_attrs?: SvelteHTMLElements['img'];
-		/** Shared attributes for both img and svg. */
-		attrs?: Pick<SvelteHTMLElements['div'], 'class' | 'style'>; // TODO more shared attributes? can't use `div` directly for svg, users can always assert the type as a hacky workaround
-	} = $props();
+		...rest
+	}: SvelteHTMLElements['img'] &
+		SvelteHTMLElements['svg'] & {
+			src: string;
+			label?: string;
+			/**
+			 * Sets both the `width` and `height` of the svg. Overridden by the `width` and `height` props.
+			 */
+			size?: string;
+			/**
+			 * Sets the `width` of the svg. Overrides `size`.
+			 */
+			width?: string;
+			/**
+			 * Sets the `height` of the svg. Overrides `size`.
+			 */
+			height?: string;
+			svg_attrs?: SvelteHTMLElements['svg'];
+			img_attrs?: SvelteHTMLElements['img'];
+			/** Shared attributes for both img and svg. */
+		} = $props();
 
 	const final_width = $derived(width ?? size);
 	const final_height = $derived(height ?? size);
@@ -38,7 +38,7 @@
 {#if src.endsWith('.svg')}
 	<svg
 		role="img"
-		{...attrs}
+		{...rest as SvelteHTMLElements['svg']}
 		{...svg_attrs}
 		aria-label={label}
 		style:width={final_width}
@@ -48,7 +48,7 @@
 	</svg>
 {:else}
 	<img
-		{...attrs}
+		{...rest}
 		{...img_attrs}
 		{src}
 		alt={label}

package/dist/ImgOrSvg.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { SvelteHTMLElements } from 'svelte/elements';
-type $$ComponentProps = {
+type $$ComponentProps = SvelteHTMLElements['img'] & SvelteHTMLElements['svg'] & {
     src: string;
     label?: string;
     /**
@@ -16,8 +16,6 @@ type $$ComponentProps = {
     height?: string;
     svg_attrs?: SvelteHTMLElements['svg'];
     img_attrs?: SvelteHTMLElements['img'];
-    /** Shared attributes for both img and svg. */
-    attrs?: Pick<SvelteHTMLElements['div'], 'class' | 'style'>;
 };
 declare const ImgOrSvg: import("svelte").Component<$$ComponentProps, {}, "">;
 type ImgOrSvg = ReturnType<typeof ImgOrSvg>;

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;IACxB,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;IACtC,8CAA8C;IAC9C,KAAK,CAAC,EAAE,IAAI,CAAC,kBAAkB,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC,CAAC;CAC3D,CAAC;AA6BH,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,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"}

package/dist/LibraryDetail.svelte

@@ -100,7 +100,7 @@
 											src={library.logo_url}
 											label={library.logo_alt}
 											size="16px"
-											attrs={{class: 'mr_xs'}}
+											class="mr_xs"
 										/>
 									{/if}
 									{format_url(library.homepage_url)}
@@ -143,8 +143,10 @@
 								title="data"
 								href={url_well_known(library.homepage_url, 'package.json')}>package.json</a
 							>
-							<a class="chip" title="data" href={url_well_known(library.homepage_url, 'src.json')}
-								>src.json</a
+							<a
+								class="chip"
+								title="data"
+								href={url_well_known(library.homepage_url, 'library.json')}>library.json</a
 							>
 						</div>
 					{/if}

package/dist/MdnLink.svelte

@@ -8,7 +8,6 @@
 	const {
 		path,
 		children,
-		class: class_prop,
 		...rest
 	}: SvelteHTMLElements['a'] & {
 		path: string;
@@ -25,13 +24,8 @@
 
 <!-- TODO -next-line doesnt work? -->
 <!-- eslint-disable svelte/no-navigation-without-resolve -->
-<a {...rest} {href} class="mdn_link chip white_space_nowrap {class_prop}" rel="noopener"
-	><Svg
-		data={logo_mdn}
-		inline
-		size="var(--icon_size_xs)"
-		attrs={{class: 'mx_xs3 vertical_align_middle'}}
-	/>
+<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>
 	{:else}

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;AAmCH,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;CACb,CAAC;AAkCH,QAAA,MAAM,OAAO,sDAAwC,CAAC;AACtD,KAAK,OAAO,GAAG,UAAU,CAAC,OAAO,OAAO,CAAC,CAAC;AAC1C,eAAe,OAAO,CAAC"}

package/dist/PasteFromClipboard.svelte

@@ -7,7 +7,6 @@
 		onclipboardtext,
 		onerror,
 		children,
-		class: class_prop,
 		...rest
 	}: SvelteHTMLElements['button'] & {
 		onclipboardtext: (text: string) => void;
@@ -21,7 +20,7 @@
 	type="button"
 	title="paste from clipboard"
 	{...rest}
-	class="paste_from_clipboard {class_prop}"
+	class="paste_from_clipboard {rest.class}"
 	onclick={async () => {
 		try {
 			const text = await navigator.clipboard.readText();

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

@@ -1 +1 @@
-{"version":3,"file":"PasteFromClipboard.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/PasteFromClipboard.svelte"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,iBAAiB,CAAC;AAEvD,KAAK,gBAAgB,GAAI,kBAAkB,CAAC,QAAQ,CAAC,GAAG;IACvD,eAAe,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CACjC,CAAC;AA8BH,QAAA,MAAM,kBAAkB,sDAAwC,CAAC;AACjE,KAAK,kBAAkB,GAAG,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAChE,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"PasteFromClipboard.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/PasteFromClipboard.svelte"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,iBAAiB,CAAC;AAEvD,KAAK,gBAAgB,GAAI,kBAAkB,CAAC,QAAQ,CAAC,GAAG;IACvD,eAAe,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CACjC,CAAC;AA6BH,QAAA,MAAM,kBAAkB,sDAAwC,CAAC;AACjE,KAAK,kBAAkB,GAAG,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAChE,eAAe,kBAAkB,CAAC"}

package/dist/PendingAnimation.svelte

@@ -7,7 +7,6 @@
 		inline,
 		running = true,
 		item_attrs,
-		class: class_prop,
 		children,
 		...rest
 	}: OmitStrict<SvelteHTMLElements['span'], 'children'> & {
@@ -22,7 +21,7 @@
 
 <span
 	{...rest}
-	class="pending_animation {class_prop}"
+	class="pending_animation {rest.class}"
 	class:running
 	class:display_flex={!inline}
 	class:display_inline_flex={inline}

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

@@ -1 +1 @@
-{"version":3,"file":"PendingAnimation.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/PendingAnimation.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;AAEvD,KAAK,gBAAgB,GAAI,UAAU,CAAC,kBAAkB,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC,GAAG;IAC7E,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,kBAAkB,CAAC,MAAM,CAAC,CAAC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC;CACpC,CAAC;AAwBH,QAAA,MAAM,gBAAgB,sDAAwC,CAAC;AAC/D,KAAK,gBAAgB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAC5D,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"PendingAnimation.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/PendingAnimation.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;AAEvD,KAAK,gBAAgB,GAAI,UAAU,CAAC,kBAAkB,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC,GAAG;IAC7E,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,kBAAkB,CAAC,MAAM,CAAC,CAAC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC;CACpC,CAAC;AAuBH,QAAA,MAAM,gBAAgB,sDAAwC,CAAC;AAC/D,KAAK,gBAAgB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAC5D,eAAe,gBAAgB,CAAC"}

package/dist/PendingButton.svelte

@@ -12,7 +12,6 @@
 		disabled: disabled_prop,
 		animation,
 		children,
-		class: class_prop,
 		...rest
 	}: SvelteHTMLElements['button'] & {
 		pending: boolean;
@@ -35,7 +34,7 @@
 	bind:this={el}
 	type="button"
 	{...rest}
-	class="pending_button {class_prop}"
+	class="pending_button {rest.class}"
 	disabled={disabled_prop ?? pending}
 	title={title_prop}
 	class:pending

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

@@ -1 +1 @@
-{"version":3,"file":"PendingButton.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/PendingButton.svelte"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,OAAO,EAAC,MAAM,QAAQ,CAAC;AAGpC,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,iBAAiB,CAAC;AAEvD,KAAK,gBAAgB,GAAI,kBAAkB,CAAC,QAAQ,CAAC,GAAG;IACvD,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;CAClB,CAAC;AA6CH,QAAA,MAAM,aAAa;sBAxBQ,YAAY,KAAG,IAAI;MAwBa,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}
+{"version":3,"file":"PendingButton.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/PendingButton.svelte"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,OAAO,EAAC,MAAM,QAAQ,CAAC;AAGpC,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,iBAAiB,CAAC;AAEvD,KAAK,gBAAgB,GAAI,kBAAkB,CAAC,QAAQ,CAAC,GAAG;IACvD,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;CAClB,CAAC;AA4CH,QAAA,MAAM,aAAa;sBAxBQ,YAAY,KAAG,IAAI;MAwBa,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}

package/dist/Spiders.svelte

@@ -41,7 +41,7 @@
 <!-- TODO show when intersected in viewport, maybe inline `svelte-intersect` in Fuz? -->
 <div class="spiders" style:--spider_count={spiders.length}>
 	{#each shuffled as color, i (color)}
-		<Svg data={logo_fuz} fill={color} attrs={{style: `transform: rotate(${rotations[i]}deg)`}} />
+		<Svg data={logo_fuz} fill={color} style="transform: rotate(${rotations[i]}deg)" />
 	{/each}
 </div>
 

package/dist/Svg.svelte

@@ -35,8 +35,8 @@
 		label,
 		inline,
 		shrink = true,
-		attrs,
-	}: {
+		...rest
+	}: SvelteHTMLElements['svg'] & {
 		data: SvgData;
 		/**
 		 * Overrides `data.fill`.
@@ -60,7 +60,6 @@
 		 */
 		inline?: boolean;
 		shrink?: boolean;
-		attrs?: SvelteHTMLElements['svg'];
 	} = $props();
 
 	const final_fill = $derived(fill ?? data.fill ?? 'var(--text_color, #000)'); // can be overridden by each path's `fill` attribute
@@ -69,9 +68,9 @@
 
 	// merge `style` so users don't accidentally clobber any style data - maybe support other attrs or somehow clean this up?
 	const style = $derived(
-		data.attrs?.style && attrs?.style
-			? ensure_end(data.attrs.style, ';') + ' ' + attrs.style
-			: (data.attrs?.style ?? attrs?.style),
+		data.attrs?.style && rest.style
+			? ensure_end(data.attrs.style, ';') + ' ' + rest.style
+			: (data.attrs?.style ?? rest.style),
 	);
 
 	// TODO dont use @html
@@ -80,7 +79,7 @@
 <svg
 	viewBox={data.viewBox ?? '0 0 100 100'}
 	{...data.attrs}
-	{...attrs}
+	{...rest}
 	aria-label={label ?? data.label}
 	class:display_inline_block={inline}
 	class:position_relative={inline}

package/dist/Svg.svelte.d.ts

@@ -22,7 +22,7 @@ export interface SvgData {
      */
     viewBox?: string | null;
 }
-type $$ComponentProps = {
+type $$ComponentProps = SvelteHTMLElements['svg'] & {
     data: SvgData;
     /**
      * Overrides `data.fill`.
@@ -46,7 +46,6 @@ type $$ComponentProps = {
      */
     inline?: boolean;
     shrink?: boolean;
-    attrs?: SvelteHTMLElements['svg'];
 };
 declare const Svg: import("svelte").Component<$$ComponentProps, {}, "">;
 type Svg = ReturnType<typeof Svg>;

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

@@ -1 +1 @@
-{"version":3,"file":"Svg.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/Svg.svelte"],"names":[],"mappings":"AAIC,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,iBAAiB,CAAC;AAExD,MAAM,WAAW,OAAO;IACvB;;;;OAIG;IACH,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAC,GAAG,kBAAkB,CAAC,MAAM,CAAC,CAAC,GAAG,IAAI,CAAC;IAC/D,KAAK,CAAC,EAAE,kBAAkB,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC;IACzC,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACxB;AAED,KAAK,gBAAgB,GAAI;IACxB,IAAI,EAAE,OAAO,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,kBAAkB,CAAC,KAAK,CAAC,CAAC;CAClC,CAAC;AAyCH,QAAA,MAAM,GAAG,sDAAwC,CAAC;AAClD,KAAK,GAAG,GAAG,UAAU,CAAC,OAAO,GAAG,CAAC,CAAC;AAClC,eAAe,GAAG,CAAC"}
+{"version":3,"file":"Svg.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/Svg.svelte"],"names":[],"mappings":"AAIC,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,iBAAiB,CAAC;AAExD,MAAM,WAAW,OAAO;IACvB;;;;OAIG;IACH,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAC,GAAG,kBAAkB,CAAC,MAAM,CAAC,CAAC,GAAG,IAAI,CAAC;IAC/D,KAAK,CAAC,EAAE,kBAAkB,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC;IACzC,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACxB;AAED,KAAK,gBAAgB,GAAI,kBAAkB,CAAC,KAAK,CAAC,GAAG;IACpD,IAAI,EAAE,OAAO,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAyCH,QAAA,MAAM,GAAG,sDAAwC,CAAC;AAClD,KAAK,GAAG,GAAG,UAAU,CAAC,OAAO,GAAG,CAAC,CAAC;AAClC,eAAe,GAAG,CAAC"}

package/dist/ThemeInput.svelte

@@ -2,6 +2,7 @@
 	import {swallow} from '@fuzdev/fuz_util/dom.js';
 	import type {Theme} from '@fuzdev/fuz_css/theme.js';
 	import {default_themes} from '@fuzdev/fuz_css/themes.js';
+	import type {SvelteHTMLElements} from 'svelte/elements';
 
 	import {themer_context} from './themer.svelte.js';
 
@@ -14,7 +15,8 @@
 		},
 		onselect,
 		onedit,
-	}: {
+		...rest
+	}: SvelteHTMLElements['menu'] & {
 		selected_theme?: {theme: Theme};
 		themes?: Array<Theme>;
 		enable_editing?: boolean;
@@ -24,7 +26,7 @@
 	} = $props();
 </script>
 
-<menu class="theme_input unstyled">
+<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}

package/dist/ThemeInput.svelte.d.ts

@@ -1,5 +1,6 @@
 import type { Theme } from '@fuzdev/fuz_css/theme.js';
-type $$ComponentProps = {
+import type { SvelteHTMLElements } from 'svelte/elements';
+type $$ComponentProps = SvelteHTMLElements['menu'] & {
     selected_theme?: {
         theme: Theme;
     };

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

@@ -1 +1 @@
-{"version":3,"file":"ThemeInput.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/ThemeInput.svelte"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAC,KAAK,EAAC,MAAM,0BAA0B,CAAC;AAKnD,KAAK,gBAAgB,GAAI;IACxB,cAAc,CAAC,EAAE;QAAC,KAAK,EAAE,KAAK,CAAA;KAAC,CAAC;IAChC,MAAM,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,MAAM,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,GAAG,OAAO,CAAC,GAAG,IAAI,CAAC;IACnD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAClC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CAChC,CAAC;AA+CH,QAAA,MAAM,UAAU,sDAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}
+{"version":3,"file":"ThemeInput.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/ThemeInput.svelte"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAC,KAAK,EAAC,MAAM,0BAA0B,CAAC;AAEpD,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,iBAAiB,CAAC;AAIvD,KAAK,gBAAgB,GAAI,kBAAkB,CAAC,MAAM,CAAC,GAAG;IACrD,cAAc,CAAC,EAAE;QAAC,KAAK,EAAE,KAAK,CAAA;KAAC,CAAC;IAChC,MAAM,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,MAAM,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,GAAG,OAAO,CAAC,GAAG,IAAI,CAAC;IACnD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAClC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CAChC,CAAC;AAiDH,QAAA,MAAM,UAAU,sDAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}