@fuzdev/fuz_ui 0.206.7 → 0.206.9

package/dist/ProjectLinks.svelte

@@ -1,49 +1,15 @@
 <script lang="ts">
 	import Svg from './Svg.svelte';
-	import type {SvgData} from './svg.js';
-	import {
-		// TODO when fuz.dev is ready
-		// logo_fuz,
-		logo_fuz_ui,
-		logo_fuz_code,
-		logo_fuz_blog,
-		logo_fuz_mastodon,
-		logo_fuz_gitops,
-		logo_fuz_template,
-		logo_fuz_css,
-		logo_fuz_util,
-		logo_gro,
-		logo_svelte_docinfo,
-		logo_fuz_app,
-		logo_tsv,
-	} from './logos.js';
+	import Sparkline from './Sparkline.svelte';
+	import { project_items, type ProjectItem } from './projects.js';
+	import { project_stats_data } from './project_stats_data.js';
+	import { project_stats_label, project_stats_to_monthly_series } from './project_stats.js';
 
-	// TODO refactor
-	interface ProjectItem {
-		name: string;
-		url: string;
-		logo: SvgData;
-		description: string;
-		glyph: string;
-		color_class: string;
-	}
-
-	// TODO ideally this wouldn't duplicate metadata like descriptions, but adding fuz_gitops to this repo is heavy
-	// prettier-ignore
-	const project_items: Array<ProjectItem> = [
-		{name: 'fuz_app', url: 'https://app.fuz.dev/', logo: logo_fuz_app, description: '[pre-alpha] fullstack app library', glyph: '🗝', color_class: 'color_j_50'},
-		{name: 'fuz_css', url: 'https://css.fuz.dev/', logo: logo_fuz_css, description: 'CSS framework and design system for semantic HTML', glyph: '🌿', color_class: 'color_b_50'},
-		{name: 'fuz_ui', url: 'https://ui.fuz.dev/', logo: logo_fuz_ui, description: 'Svelte UI library', glyph: '🧶', color_class: 'color_c_50'},
-		{name: 'fuz_template', url: 'https://template.fuz.dev/', logo: logo_fuz_template, description: 'a static web app and Node library template with TypeScript, Svelte, SvelteKit, Vite, esbuild, Gro, and Fuz', glyph: '❄', color_class: 'color_h_50'},
-		{name: 'fuz_blog', url: 'https://blog.fuz.dev/', logo: logo_fuz_blog, description: 'blog software from scratch with SvelteKit', glyph: '🖊️', color_class: 'color_e_50'},
-		{name: 'fuz_code', url: 'https://code.fuz.dev/', logo: logo_fuz_code, description: 'syntax styling utilities and components for TypeScript, Svelte, Markdown, and more', glyph: '🎨', color_class: 'color_g_50'},
-		{name: 'fuz_mastodon', url: 'https://mastodon.fuz.dev/', logo: logo_fuz_mastodon, description: 'Mastodon components and helpers for Svelte, SvelteKit, and Fuz', glyph: '🦣', color_class: 'color_d_50'},
-		{name: 'fuz_gitops', url: 'https://gitops.fuz.dev/', logo: logo_fuz_gitops, description: 'a tool for managing many repos', glyph: '🪄', color_class: 'color_a_50'},
-		{name: 'svelte-docinfo', url: 'https://svelte-docinfo.fuz.dev/', logo: logo_svelte_docinfo, description: 'static analysis for TypeScript and Svelte', glyph: '📜', color_class: 'color_i_50'},
-		{name: 'fuz_util', url: 'https://util.fuz.dev/', logo: logo_fuz_util, description: 'utility belt for JS', glyph: '🦕', color_class: 'color_f_50'},
-		{name: 'gro', url: 'https://github.com/fuzdev/gro', logo: logo_gro, description: 'task runner and toolkit extending SvelteKit', glyph: '🌰', color_class: 'color_f_50'},
-		{name: 'tsv', url: 'https://tsv.fuz.dev/', logo: logo_tsv, description: 'precise language tools for TypeScript/JS, CSS, and Svelte in Rust', glyph: '🪶', color_class: 'color_h_50'},
-	];
+	const { series, max } = project_stats_to_monthly_series(project_stats_data);
+	const series_by_name = new Map(series.map((s) => [s.name, s.counts]));
+	const label_by_name = new Map(
+		project_stats_data.projects.map((p) => [p.name, project_stats_label(p)])
+	);
 </script>
 
 <h2 class="mt_0 mb_xl2">Packages</h2>
@@ -52,19 +18,31 @@
 		{@render package_thumbnail(project_item)}
 	{/each}
 </menu>
+<small class="display:block text-align:right">
+	the charts show public commit activity<br />since Gro planted on August 7, 2019
+</small>
 
 {#snippet package_thumbnail(project_item: ProjectItem)}
+	{@const counts = series_by_name.get(project_item.name)}
 	<!-- eslint-disable-next-line svelte/no-navigation-without-resolve -->
-	<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)" />
+	<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-name row align-items:start {project_item.color_class}">
+				{project_item.name}
+				{#if counts}
+					{@const stats_label = label_by_name.get(project_item.name)}
+					<div class="thumbnail-sparkline pl_md {project_item.color_class}" title={stats_label}>
+						<Sparkline values={counts} {max} scale={1 / 3} end_dot label={stats_label} />
+					</div>
+				{/if}
+			</div>
 			<div class="thumbnail-description font_size_md text_70 font-weight:500">
 				{project_item.description}
 				{project_item.glyph}
 			</div>
-		</div></a
-	>
+		</div>
+	</a>
 {/snippet}
 
 <style>
@@ -101,4 +79,7 @@
 				transparent
 			);
 	}
+	.thumbnail-sparkline {
+		margin-left: auto;
+	}
 </style>

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

@@ -1 +1 @@
-{"version":3,"file":"ProjectLinks.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/ProjectLinks.svelte"],"names":[],"mappings":"AA8EA,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IACtG,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AAKD,QAAA,MAAM,YAAY;;kBAA+E,CAAC;AAChF,KAAK,YAAY,GAAG,YAAY,CAAC,OAAO,YAAY,CAAC,CAAC;AACxD,eAAe,YAAY,CAAC"}
+{"version":3,"file":"ProjectLinks.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/ProjectLinks.svelte"],"names":[],"mappings":"AA4DA,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IACtG,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AAKD,QAAA,MAAM,YAAY;;kBAA+E,CAAC;AAChF,KAAK,YAAY,GAAG,YAAY,CAAC,OAAO,YAAY,CAAC,CAAC;AACxD,eAAe,YAAY,CAAC"}

package/dist/Redirect.svelte

@@ -1,14 +1,14 @@
 <script lang="ts">
-	import {page} from '$app/state';
-	import {strip_start} from '@fuzdev/fuz_util/string.ts';
-	import {goto} from '$app/navigation';
-	import {onMount, type Snippet} from 'svelte';
+	import { page } from '$app/state';
+	import { strip_start } from '@fuzdev/fuz_util/string.ts';
+	import { goto } from '$app/navigation';
+	import { onMount, type Snippet } from 'svelte';
 
 	const {
 		host = '',
 		path = page.url.pathname,
 		auto = true,
-		children,
+		children
 	}: {
 		/**
 		 * The target host to redirect to. Defaults to `''` (relative URL).
@@ -28,7 +28,7 @@
 	const url = $derived(host + path);
 
 	onMount(() => {
-		if (auto) void goto(url, {replaceState: true}); // eslint-disable-line svelte/no-navigation-without-resolve
+		if (auto) void goto(url, { replaceState: true }); // eslint-disable-line svelte/no-navigation-without-resolve
 	});
 </script>
 
@@ -36,7 +36,11 @@
 	{#if auto}<meta http-equiv="refresh" content="0; URL={url}" />{/if}
 </svelte:head>
 
-{#if children}{@render children(url)}{:else}<p>
+{#if children}
+	{@render children(url)}
+{:else}
+	<p>
 		<!-- eslint-disable-next-line svelte/no-navigation-without-resolve -->
 		redirect to <a href={url}>{strip_start(url, 'https://')}</a>
-	</p>{/if}
+	</p>
+{/if}

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

@@ -1 +1 @@
-{"version":3,"file":"Redirect.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/Redirect.svelte"],"names":[],"mappings":"AAMA,OAAO,EAAU,KAAK,OAAO,EAAC,MAAM,QAAQ,CAAC;AAE5C,KAAK,gBAAgB,GAAI;IACxB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC,CAAC;CAClC,CAAC;AAgCH,QAAA,MAAM,QAAQ,sDAAwC,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"Redirect.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/Redirect.svelte"],"names":[],"mappings":"AAMA,OAAO,EAAW,KAAK,OAAO,EAAE,MAAM,QAAQ,CAAC;AAE9C,KAAK,gBAAgB,GAAI;IACxB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC,CAAC;CAClC,CAAC;AAoCH,QAAA,MAAM,QAAQ,sDAAwC,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}

package/dist/Sparkline.svelte

@@ -0,0 +1,131 @@
+<script lang="ts">
+	import type { OmitStrict } from '@fuzdev/fuz_util/types.ts';
+	import type { SvelteHTMLElements } from 'svelte/elements';
+
+	import { sparkline_geometry, type SparklineScale } from './sparkline.js';
+
+	/**
+	 * Renders values as a small inline SVG line graph.
+	 *
+	 * Designed for comparable small multiples: pass a shared `max` so a set of
+	 * sparklines renders at the same vertical scale instead of each stretching
+	 * to fit. The stroke uses `currentColor`, so color it by setting `color` on
+	 * the component or a parent (e.g. a fuz_css `color_*` class). Each point's
+	 * stroke alpha scales with its value, from `alpha_floor` at 0 up to 1 at
+	 * `max`, de-emphasizing quiet stretches.
+	 *
+	 * `scale` controls only the geometry: the nonlinear options compress the
+	 * top of the range so small values stay legible under a large shared
+	 * `max`, while the alpha fade keeps tracking the linear ratio so it still
+	 * encodes true magnitude.
+	 *
+	 * The background is a light wash of `currentColor`, overridable with the
+	 * `--sparkline_bg` custom property.
+	 *
+	 * @module
+	 */
+
+	const {
+		values,
+		max,
+		scale = 'linear',
+		width = 100,
+		height = 24,
+		stroke_width = 2,
+		alpha_floor = 0.4,
+		end_dot = false,
+		label,
+		...rest
+	}: OmitStrict<SvelteHTMLElements['svg'], 'values' | 'width' | 'height' | 'scale'> & {
+		values: Array<number>;
+		/**
+		 * The value rendered at full height and full alpha.
+		 * Pass a shared max across sparklines for comparable scales.
+		 * Defaults to the local max of `values`.
+		 */
+		max?: number;
+		/**
+		 * Vertical scale for the line's geometry — see `SparklineScale`.
+		 * The alpha fade always tracks the linear ratio regardless of `scale`.
+		 */
+		scale?: SparklineScale;
+		/**
+		 * Width of the svg in px.
+		 */
+		width?: number;
+		/**
+		 * Height of the svg in px.
+		 */
+		height?: number;
+		stroke_width?: number;
+		/**
+		 * Stroke alpha at a value of 0, scaling linearly to 1 at `max`.
+		 */
+		alpha_floor?: number;
+		/**
+		 * Renders a dot at the final point, anchoring the "now" end of the line.
+		 */
+		end_dot?: boolean;
+		/**
+		 * Accessible label. When omitted the svg is `aria-hidden`.
+		 */
+		label?: string;
+	} = $props();
+
+	const gradient_id = $props.id();
+
+	const geometry = $derived(
+		sparkline_geometry(values, { width, height, max, scale, stroke_width, alpha_floor, end_dot })
+	);
+</script>
+
+<svg
+	{...rest}
+	{width}
+	{height}
+	viewBox="0 0 {width} {height}"
+	role={label ? 'img' : undefined}
+	aria-label={label}
+	aria-hidden={label ? undefined : true}
+>
+	{#if geometry}
+		<defs>
+			<linearGradient
+				id={gradient_id}
+				gradientUnits="userSpaceOnUse"
+				x1="0"
+				y1="0"
+				x2={width}
+				y2="0"
+			>
+				{#each geometry.stops as stop, index (index)}
+					<stop offset={stop.offset} stop-color="currentColor" stop-opacity={stop.opacity} />
+				{/each}
+			</linearGradient>
+		</defs>
+		<polyline
+			points={geometry.points}
+			fill="none"
+			stroke="url(#{gradient_id})"
+			stroke-width={stroke_width}
+			stroke-linejoin="round"
+			stroke-linecap="round"
+		/>
+		{#if end_dot}
+			<circle
+				cx={geometry.end_x}
+				cy={geometry.end_y}
+				r={geometry.dot_radius}
+				fill="currentColor"
+				fill-opacity={geometry.end_alpha}
+			/>
+		{/if}
+	{/if}
+</svg>
+
+<style>
+	svg {
+		background: var(--sparkline_bg, color-mix(in hsl, currentColor 8%, transparent));
+		border-radius: var(--border_radius_xs);
+	}
+</style>

package/dist/Sparkline.svelte.d.ts

@@ -0,0 +1,42 @@
+import type { OmitStrict } from '@fuzdev/fuz_util/types.ts';
+import type { SvelteHTMLElements } from 'svelte/elements';
+import { type SparklineScale } from './sparkline.js';
+type $$ComponentProps = OmitStrict<SvelteHTMLElements['svg'], 'values' | 'width' | 'height' | 'scale'> & {
+    values: Array<number>;
+    /**
+     * The value rendered at full height and full alpha.
+     * Pass a shared max across sparklines for comparable scales.
+     * Defaults to the local max of `values`.
+     */
+    max?: number;
+    /**
+     * Vertical scale for the line's geometry — see `SparklineScale`.
+     * The alpha fade always tracks the linear ratio regardless of `scale`.
+     */
+    scale?: SparklineScale;
+    /**
+     * Width of the svg in px.
+     */
+    width?: number;
+    /**
+     * Height of the svg in px.
+     */
+    height?: number;
+    stroke_width?: number;
+    /**
+     * Stroke alpha at a value of 0, scaling linearly to 1 at `max`.
+     */
+    alpha_floor?: number;
+    /**
+     * Renders a dot at the final point, anchoring the "now" end of the line.
+     */
+    end_dot?: boolean;
+    /**
+     * Accessible label. When omitted the svg is `aria-hidden`.
+     */
+    label?: string;
+};
+declare const Sparkline: import("svelte").Component<$$ComponentProps, {}, "">;
+type Sparkline = ReturnType<typeof Sparkline>;
+export default Sparkline;
+//# sourceMappingURL=Sparkline.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Sparkline.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/Sparkline.svelte"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAC5D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAE1D,OAAO,EAAsB,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAExE,KAAK,gBAAgB,GAAI,UAAU,CAAC,kBAAkB,CAAC,KAAK,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC,GAAG;IACzG,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACtB;;;;OAIG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAoEH,QAAA,MAAM,SAAS,sDAAwC,CAAC;AACxD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}

package/dist/Spiders.svelte

@@ -6,12 +6,12 @@
 </script>
 
 <script lang="ts">
-	import {random_int, shuffle} from '@fuzdev/fuz_util/random.ts';
-	import {create_random_alea} from '@fuzdev/fuz_util/random_alea.ts';
-	import type {SvelteHTMLElements} from 'svelte/elements';
+	import { random_int, shuffle } from '@fuzdev/fuz_util/random.ts';
+	import { create_random_alea } from '@fuzdev/fuz_util/random_alea.ts';
+	import type { SvelteHTMLElements } from 'svelte/elements';
 
 	import Svg from './Svg.svelte';
-	import {logo_fuz} from './logos.js';
+	import { logo_fuz } from './logos.js';
 
 	const {
 		spiders = [
@@ -24,7 +24,7 @@
 			'var(--color_g_50)',
 			'var(--color_h_50)',
 			'var(--color_i_50)',
-			'var(--color_j_50)',
+			'var(--color_j_50)'
 		],
 		seed = minute_of_day(),
 		random = create_random_alea(seed),

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

@@ -1 +1 @@
-{"version":3,"file":"Spiders.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/Spiders.svelte"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,iBAAiB,CAAC;AAKvD,KAAK,gBAAgB,GAAI;IACxB,OAAO,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACxB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,IAAI,CAAC,MAAM,CAAC;CAC5B,GAAG,kBAAkB,CAAC,KAAK,CAAC,CAAC;AA6C/B,QAAA,MAAM,OAAO,sDAAwC,CAAC;AACtD,KAAK,OAAO,GAAG,UAAU,CAAC,OAAO,OAAO,CAAC,CAAC;AAC1C,eAAe,OAAO,CAAC"}
+{"version":3,"file":"Spiders.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/Spiders.svelte"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAKzD,KAAK,gBAAgB,GAAI;IACxB,OAAO,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACxB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,IAAI,CAAC,MAAM,CAAC;CAC5B,GAAG,kBAAkB,CAAC,KAAK,CAAC,CAAC;AA6C/B,QAAA,MAAM,OAAO,sDAAwC,CAAC;AACtD,KAAK,OAAO,GAAG,UAAU,CAAC,OAAO,OAAO,CAAC,CAAC;AAC1C,eAAe,OAAO,CAAC"}

package/dist/StyleVariableButton.svelte

@@ -1,8 +1,8 @@
 <script lang="ts">
-	import type {SvelteHTMLElements} from 'svelte/elements';
-	import {default_variables} from '@fuzdev/fuz_css/variables.ts';
+	import type { SvelteHTMLElements } from 'svelte/elements';
+	import { default_variables } from '@fuzdev/fuz_css/variables.ts';
 
-	import {selected_variable_context} from './style_variable_helpers.svelte.js';
+	import { selected_variable_context } from './style_variable_helpers.svelte.js';
 
 	const {
 		name,
@@ -31,14 +31,14 @@
 <button
 	type="button"
 	{...rest}
-	class={[rest.class, {inline, plain}]}
+	class={[rest.class, { inline, plain }]}
 	onclick={(e) => {
 		selected_variable.value = variable;
 		onclick?.(e);
 	}}
-	>{#if children}{@render children()}{:else}<span class="font_family_mono">{name}</span
-		>{/if}</button
 >
+	{#if children}{@render children()}{:else}<span class="font_family_mono">{name}</span>{/if}
+</button>
 
 <style>
 	button {

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

@@ -1 +1 @@
-{"version":3,"file":"StyleVariableButton.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/StyleVariableButton.svelte"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,iBAAiB,CAAC;AAKvD,KAAK,gBAAgB,GAAI,kBAAkB,CAAC,QAAQ,CAAC,GAAG;IACvD,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AAoCH,QAAA,MAAM,mBAAmB,sDAAwC,CAAC;AAClE,KAAK,mBAAmB,GAAG,UAAU,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAClE,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"StyleVariableButton.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/StyleVariableButton.svelte"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAKzD,KAAK,gBAAgB,GAAI,kBAAkB,CAAC,QAAQ,CAAC,GAAG;IACvD,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AAsCH,QAAA,MAAM,mBAAmB,sDAAwC,CAAC;AAClE,KAAK,mBAAmB,GAAG,UAAU,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAClE,eAAe,mBAAmB,CAAC"}

package/dist/Svg.svelte

@@ -1,8 +1,8 @@
 <script lang="ts">
-	import {ensure_end} from '@fuzdev/fuz_util/string.ts';
-	import type {SvelteHTMLElements} from 'svelte/elements';
+	import { ensure_end } from '@fuzdev/fuz_util/string.ts';
+	import type { SvelteHTMLElements } from 'svelte/elements';
 
-	import type {SvgData} from './svg.js';
+	import type { SvgData } from './svg.js';
 
 	/**
 	 * Renders an `SvgData` icon definition to inline `svg` markup, never via `@html`.
@@ -71,7 +71,7 @@
 	const style = $derived(
 		data.style && rest.style
 			? ensure_end(data.style, ';') + ' ' + rest.style
-			: (data.style ?? rest.style),
+			: (data.style ?? rest.style)
 	);
 </script>
 
@@ -79,7 +79,7 @@
 	viewBox={data.viewBox ?? '0 0 100 100'}
 	{...rest}
 	aria-label={label ?? data.label ?? rest['aria-label']}
-	class={[rest.class, {inline}]}
+	class={[rest.class, { inline }]}
 	style:width={final_width}
 	style:height={final_height}
 	style:flex-shrink={shrink ? 1 : 0}

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":"AAIA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,iBAAiB,CAAC;AAExD,OAAO,KAAK,EAAC,OAAO,EAAC,MAAM,UAAU,CAAC;AAErC,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;AAqFH,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":"AAIA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAE1D,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAEvC,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;AAqFH,QAAA,MAAM,GAAG,sDAAwC,CAAC;AAClD,KAAK,GAAG,GAAG,UAAU,CAAC,OAAO,GAAG,CAAC,CAAC;AAClC,eAAe,GAAG,CAAC"}

package/dist/Teleport.svelte

@@ -1,10 +1,10 @@
 <script lang="ts">
-	import {onDestroy, type Snippet} from 'svelte';
+	import { onDestroy, type Snippet } from 'svelte';
 
 	const {
 		to,
 		onmove,
-		children,
+		children
 	}: {
 		/**
 		 * Defaults to `undefined` to lessen friction with SSR.

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

@@ -1 +1 @@
-{"version":3,"file":"Teleport.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/Teleport.svelte"],"names":[],"mappings":"AAGA,OAAO,EAAY,KAAK,OAAO,EAAC,MAAM,QAAQ,CAAC;AAE9C,KAAK,gBAAgB,GAAI;IACxB;;;;OAIG;IACH,EAAE,CAAC,EAAE,WAAW,GAAG,SAAS,GAAG,IAAI,CAAC;IACpC,MAAM,CAAC,EAAE,CAAC,EAAE,EAAE,WAAW,EAAE,EAAE,EAAE,WAAW,KAAK,IAAI,CAAC;IACpD,QAAQ,EAAE,OAAO,CAAC;CAClB,CAAC;AAuCH,QAAA,MAAM,QAAQ,sDAAwC,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"Teleport.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/Teleport.svelte"],"names":[],"mappings":"AAGA,OAAO,EAAa,KAAK,OAAO,EAAE,MAAM,QAAQ,CAAC;AAEhD,KAAK,gBAAgB,GAAI;IACxB;;;;OAIG;IACH,EAAE,CAAC,EAAE,WAAW,GAAG,SAAS,GAAG,IAAI,CAAC;IACpC,MAAM,CAAC,EAAE,CAAC,EAAE,EAAE,WAAW,EAAE,EAAE,EAAE,WAAW,KAAK,IAAI,CAAC;IACpD,QAAQ,EAAE,OAAO,CAAC;CAClB,CAAC;AAuCH,QAAA,MAAM,QAAQ,sDAAwC,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}

package/dist/ThemeInput.svelte

@@ -1,10 +1,10 @@
 <script lang="ts">
-	import {swallow} from '@fuzdev/fuz_util/dom.ts';
-	import type {Theme} from '@fuzdev/fuz_css/theme.ts';
-	import {default_themes} from '@fuzdev/fuz_css/themes.ts';
-	import type {SvelteHTMLElements} from 'svelte/elements';
+	import { swallow } from '@fuzdev/fuz_util/dom.ts';
+	import type { Theme } from '@fuzdev/fuz_css/theme.ts';
+	import { default_themes } from '@fuzdev/fuz_css/themes.ts';
+	import type { SvelteHTMLElements } from 'svelte/elements';
 
-	import {theme_state_context} from './theme_state.svelte.js';
+	import { theme_state_context } from './theme_state.svelte.js';
 
 	const get_theme_state = theme_state_context.get();
 
@@ -19,7 +19,7 @@
 		onedit,
 		...rest
 	}: SvelteHTMLElements['menu'] & {
-		selected_theme?: {theme: Theme};
+		selected_theme?: { theme: Theme };
 		themes?: Array<Theme>;
 		enable_editing?: boolean;
 		select?: ((theme: Theme) => void | boolean) | null;
@@ -35,7 +35,7 @@
 		<li class="row" role="none">
 			<button
 				type="button"
-				class={['theme-button color_a', {selected}]}
+				class={['theme-button color_a', { selected }]}
 				role="menuitemradio"
 				aria-label="{theme.name} theme"
 				aria-checked={selected}
@@ -55,8 +55,10 @@
 					onclick={(e) => {
 						swallow(e);
 						onedit?.(theme);
-					}}>•••</button
+					}}
 				>
+					•••
+				</button>
 			{/if}
 		</li>
 	{/each}

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;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;AAmDH,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,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAEtD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAIzD,KAAK,gBAAgB,GAAI,kBAAkB,CAAC,MAAM,CAAC,GAAG;IACrD,cAAc,CAAC,EAAE;QAAE,KAAK,EAAE,KAAK,CAAA;KAAE,CAAC;IAClC,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;AAqDH,QAAA,MAAM,UAAU,sDAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}

package/dist/ThemeRoot.svelte

@@ -3,10 +3,10 @@
 </script>
 
 <script lang="ts">
-	import {onMount, type Snippet} from 'svelte';
-	import {render_theme_style, type Theme} from '@fuzdev/fuz_css/theme.ts';
-	import {DEFAULT_THEME} from '@fuzdev/fuz_css/themes.ts';
-	import {DEV} from 'esm-env';
+	import { onMount, type Snippet } from 'svelte';
+	import { render_theme_style, type Theme } from '@fuzdev/fuz_css/theme.ts';
+	import { DEFAULT_THEME } from '@fuzdev/fuz_css/themes.ts';
+	import { DEV } from 'esm-env';
 
 	import {
 		load_color_scheme as default_load_color_scheme,
@@ -15,9 +15,9 @@
 		save_theme as default_save_theme,
 		load_theme as default_load_theme,
 		theme_state_context,
-		ThemeState,
+		ThemeState
 	} from './theme_state.svelte.js';
-	import {effect_with_count} from './rune_helpers.svelte.js';
+	import { effect_with_count } from './rune_helpers.svelte.js';
 
 	const {
 		sync_color_scheme = default_sync_color_scheme,
@@ -28,9 +28,9 @@
 		theme_fallback,
 		theme_state = new ThemeState({
 			theme: load_theme(theme_fallback),
-			color_scheme: load_color_scheme(),
+			color_scheme: load_color_scheme()
 		}),
-		children,
+		children
 	}: {
 		sync_color_scheme?: typeof default_sync_color_scheme;
 		load_color_scheme?: typeof default_load_color_scheme;
@@ -72,10 +72,9 @@
 
 	const selected_theme_name = $derived(theme_state.theme.name);
 	const style = $derived(
-		selected_theme_name ===
-		DEFAULT_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
+		selected_theme_name === DEFAULT_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
 			? null
-			: render_theme_style(theme_state.theme),
+			: render_theme_style(theme_state.theme)
 	);
 	const theme_style_html = $derived(style ? `<style>${style}</style>` : null);
 

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

@@ -1 +1 @@
-{"version":3,"file":"ThemeRoot.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/ThemeRoot.svelte"],"names":[],"mappings":"AAMA,OAAO,EAAU,KAAK,OAAO,EAAC,MAAM,QAAQ,CAAC;AAC7C,OAAO,EAAqB,KAAK,KAAK,EAAC,MAAM,0BAA0B,CAAC;AAIxE,OAAO,EACL,iBAAiB,IAAI,yBAAyB,EAC9C,iBAAiB,IAAI,yBAAyB,EAC9C,iBAAiB,IAAI,yBAAyB,EAC9C,UAAU,IAAI,kBAAkB,EAChC,UAAU,IAAI,kBAAkB,EAEhC,UAAU,EACV,MAAM,yBAAyB,CAAC;AAGjC,KAAK,gBAAgB,GAAI;IACxB,iBAAiB,CAAC,EAAE,OAAO,yBAAyB,CAAC;IACrD,iBAAiB,CAAC,EAAE,OAAO,yBAAyB,CAAC;IACrD,iBAAiB,CAAC,EAAE,OAAO,yBAAyB,CAAC;IACrD,UAAU,CAAC,EAAE,OAAO,kBAAkB,CAAC;IACvC,UAAU,CAAC,EAAE,OAAO,kBAAkB,CAAC;IACvC,cAAc,CAAC,EAAE,KAAK,GAAG,SAAS,CAAC;IACnC;;;OAGG;IACH,WAAW,CAAC,EAAE,UAAU,CAAC;IACzB,QAAQ,EAAE,OAAO,CAChB;QAAC,WAAW,EAAE,UAAU;QAAE,KAAK,EAAE,MAAM,GAAG,IAAI;QAAE,gBAAgB,EAAE,MAAM,GAAG,IAAI;KAAC,CAChF,CAAC;CACF,CAAC;AAqFH,QAAA,MAAM,SAAS,sDAAwC,CAAC;AACxD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}
+{"version":3,"file":"ThemeRoot.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/ThemeRoot.svelte"],"names":[],"mappings":"AAMA,OAAO,EAAW,KAAK,OAAO,EAAE,MAAM,QAAQ,CAAC;AAC/C,OAAO,EAAsB,KAAK,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAI1E,OAAO,EACL,iBAAiB,IAAI,yBAAyB,EAC9C,iBAAiB,IAAI,yBAAyB,EAC9C,iBAAiB,IAAI,yBAAyB,EAC9C,UAAU,IAAI,kBAAkB,EAChC,UAAU,IAAI,kBAAkB,EAEhC,UAAU,EACV,MAAM,yBAAyB,CAAC;AAGjC,KAAK,gBAAgB,GAAI;IACxB,iBAAiB,CAAC,EAAE,OAAO,yBAAyB,CAAC;IACrD,iBAAiB,CAAC,EAAE,OAAO,yBAAyB,CAAC;IACrD,iBAAiB,CAAC,EAAE,OAAO,yBAAyB,CAAC;IACrD,UAAU,CAAC,EAAE,OAAO,kBAAkB,CAAC;IACvC,UAAU,CAAC,EAAE,OAAO,kBAAkB,CAAC;IACvC,cAAc,CAAC,EAAE,KAAK,GAAG,SAAS,CAAC;IACnC;;;OAGG;IACH,WAAW,CAAC,EAAE,UAAU,CAAC;IACzB,QAAQ,EAAE,OAAO,CAChB;QAAC,WAAW,EAAE,UAAU;QAAE,KAAK,EAAE,MAAM,GAAG,IAAI;QAAE,gBAAgB,EAAE,MAAM,GAAG,IAAI;KAAC,CAChF,CAAC;CACF,CAAC;AAoFH,QAAA,MAAM,SAAS,sDAAwC,CAAC;AACxD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}

package/dist/TomeContent.svelte

@@ -1,13 +1,13 @@
 <script lang="ts">
-	import type {Snippet} from 'svelte';
-	import type {SvelteHTMLElements} from 'svelte/elements';
-	import {page} from '$app/state';
-	import {resolve} from '$app/paths';
+	import type { Snippet } from 'svelte';
+	import type { SvelteHTMLElements } from 'svelte/elements';
+	import { page } from '$app/state';
+	import { resolve } from '$app/paths';
 
 	import TomeHeader from './TomeHeader.svelte';
-	import {tome_context, type Tome} from './tome.js';
-	import {DOCS_PATH_DEFAULT, docs_links_context} from './docs_helpers.svelte.js';
-	import {intersect} from './intersect.svelte.js';
+	import { tome_context, type Tome } from './tome.js';
+	import { DOCS_PATH_DEFAULT, docs_links_context } from './docs_helpers.svelte.js';
+	import { intersect } from './intersect.svelte.js';
 
 	const {
 		tome,
@@ -36,14 +36,14 @@
 	class="tome-content width_atmost_md mb_xl9 {rest.class}"
 	{@attach intersect(() =>
 		at_root
-			? ({intersecting}) => {
+			? ({ intersecting }) => {
 					if (intersecting) {
 						docs_links.fragments_onscreen.add(fragment);
 					} else {
 						docs_links.fragments_onscreen.delete(fragment);
 					}
 				}
-			: null,
+			: null
 	)}
 >
 	<header
@@ -51,13 +51,13 @@
 		{@attach intersect(() =>
 			at_root
 				? null
-				: ({intersecting}) => {
+				: ({ intersecting }) => {
 						if (intersecting) {
 							docs_links.fragments_onscreen.add(fragment);
 						} else {
 							docs_links.fragments_onscreen.delete(fragment);
 						}
-					},
+					}
 		)}
 	>
 		{#if header}

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

@@ -1 +1 @@
-{"version":3,"file":"TomeContent.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/TomeContent.svelte"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,OAAO,EAAC,MAAM,QAAQ,CAAC;AACpC,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,iBAAiB,CAAC;AAKxD,OAAO,EAAe,KAAK,IAAI,EAAC,MAAM,WAAW,CAAC;AAIjD,KAAK,gBAAgB,GAAI,kBAAkB,CAAC,SAAS,CAAC,GAAG;IACxD,IAAI,EAAE,IAAI,CAAC;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;CAClB,CAAC;AA8DH,QAAA,MAAM,WAAW,sDAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}
+{"version":3,"file":"TomeContent.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/TomeContent.svelte"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAK1D,OAAO,EAAgB,KAAK,IAAI,EAAE,MAAM,WAAW,CAAC;AAInD,KAAK,gBAAgB,GAAI,kBAAkB,CAAC,SAAS,CAAC,GAAG;IACxD,IAAI,EAAE,IAAI,CAAC;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;CAClB,CAAC;AA8DH,QAAA,MAAM,WAAW,sDAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}