@fuzdev/fuz_ui 0.203.0 → 0.203.1

package/dist/ContextmenuEntry.svelte

@@ -4,6 +4,8 @@
 
 	import PendingAnimation from './PendingAnimation.svelte';
 	import {contextmenu_context, type ContextmenuRun} from './contextmenu_state.svelte.js';
+	import type {SvgData} from './svg.js';
+	import ContextmenuIcon from './ContextmenuIcon.svelte';
 
 	const {
 		run,
@@ -12,7 +14,7 @@
 		disabled: disabled_prop = false,
 	}: {
 		run: ContextmenuRun;
-		icon?: string | Snippet;
+		icon?: SvgData | string | Snippet;
 		children: Snippet;
 		disabled?: boolean;
 	} = $props();
@@ -65,11 +67,7 @@
 >
 	<div class="content">
 		<div class="icon">
-			{#if typeof icon === 'string'}
-				{icon}
-			{:else if icon}
-				{@render icon()}
-			{/if}
+			<ContextmenuIcon {icon} />
 		</div>
 		<div class="title">{@render children()}</div>
 		{#if pending}<PendingAnimation />{:else if error_message}⚠️{/if}

package/dist/ContextmenuEntry.svelte.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"ContextmenuEntry.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/ContextmenuEntry.svelte"],"names":[],"mappings":"AAGA,OAAO,EAAY,KAAK,OAAO,EAAC,MAAM,QAAQ,CAAC;AAI/C,OAAO,EAAsB,KAAK,cAAc,EAAC,MAAM,+BAA+B,CAAC;AAEtF,KAAK,gBAAgB,GAAI;IACxB,GAAG,EAAE,cAAc,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACxB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAkEH,QAAA,MAAM,gBAAgB,sDAAwC,CAAC;AAC/D,KAAK,gBAAgB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAC5D,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"ContextmenuEntry.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/ContextmenuEntry.svelte"],"names":[],"mappings":"AAGA,OAAO,EAAY,KAAK,OAAO,EAAC,MAAM,QAAQ,CAAC;AAI/C,OAAO,EAAsB,KAAK,cAAc,EAAC,MAAM,+BAA+B,CAAC;AACvF,OAAO,KAAK,EAAC,OAAO,EAAC,MAAM,UAAU,CAAC;AAGrC,KAAK,gBAAgB,GAAI;IACxB,GAAG,EAAE,cAAc,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC;IAClC,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAgEH,QAAA,MAAM,gBAAgB,sDAAwC,CAAC;AAC/D,KAAK,gBAAgB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAC5D,eAAe,gBAAgB,CAAC"}

package/dist/ContextmenuIcon.svelte

@@ -0,0 +1,30 @@
+<script lang="ts">
+	import type {Snippet} from 'svelte';
+
+	import type {SvgData} from './svg.js';
+	import Svg from './Svg.svelte';
+
+	/**
+	 * Renders a contextmenu entry's `icon` value, shared by `ContextmenuEntry`,
+	 * `ContextmenuSubmenu`, and `ContextmenuLinkEntry`. Renders nothing when
+	 * `icon` is `undefined`.
+	 *
+	 * @module
+	 */
+
+	const {
+		icon,
+	}: {
+		icon?: SvgData | string | Snippet;
+	} = $props();
+</script>
+
+{#if typeof icon === 'string'}
+	{icon}
+{:else if typeof icon === 'object'}
+	<!-- `SvgData` is a plain object; detect it positively by shape rather than
+	     introspecting the snippet (whose runtime form is opaque/unsupported). -->
+	<Svg data={icon} />
+{:else if icon}
+	{@render icon()}
+{/if}

package/dist/ContextmenuIcon.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { Snippet } from 'svelte';
+import type { SvgData } from './svg.js';
+type $$ComponentProps = {
+    icon?: SvgData | string | Snippet;
+};
+declare const ContextmenuIcon: import("svelte").Component<$$ComponentProps, {}, "">;
+type ContextmenuIcon = ReturnType<typeof ContextmenuIcon>;
+export default ContextmenuIcon;
+//# sourceMappingURL=ContextmenuIcon.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContextmenuIcon.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/ContextmenuIcon.svelte"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,OAAO,EAAC,MAAM,QAAQ,CAAC;AAEpC,OAAO,KAAK,EAAC,OAAO,EAAC,MAAM,UAAU,CAAC;AAGrC,KAAK,gBAAgB,GAAI;IACxB,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC;CAClC,CAAC;AA+BH,QAAA,MAAM,eAAe,sDAAwC,CAAC;AAC9D,KAAK,eAAe,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;AAC1D,eAAe,eAAe,CAAC"}

package/dist/ContextmenuLinkEntry.svelte

@@ -8,6 +8,7 @@
 	import {icon_external_link, icon_link} from './icons.js';
 	import type {SvgData} from './svg.js';
 	import Svg from './Svg.svelte';
+	import ContextmenuIcon from './ContextmenuIcon.svelte';
 
 	const {
 		href,
@@ -92,15 +93,7 @@
 		<div class="content">
 			<div class="icon">
 				{#if icon}
-					{#if typeof icon === 'string'}
-						{icon}
-					{:else if typeof icon === 'object'}
-						<!-- `SvgData` is a plain object; detect it positively by shape rather than
-						     introspecting the snippet (whose runtime form is opaque/unsupported). -->
-						<Svg data={icon} />
-					{:else}
-						{@render icon()}
-					{/if}
+					<ContextmenuIcon {icon} />
 				{:else}
 					<Svg data={external ? icon_external_link : icon_link} />
 				{/if}

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

@@ -1 +1 @@
-{"version":3,"file":"ContextmenuLinkEntry.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/ContextmenuLinkEntry.svelte"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAC,OAAO,EAAC,MAAM,QAAQ,CAAC;AAKpC,OAAO,KAAK,EAAC,OAAO,EAAC,MAAM,UAAU,CAAC;AAGrC,KAAK,gBAAgB,GAAI;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AA+FH,QAAA,MAAM,oBAAoB,sDAAwC,CAAC;AACnE,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,oBAAoB,CAAC,CAAC;AACpE,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"ContextmenuLinkEntry.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/ContextmenuLinkEntry.svelte"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAC,OAAO,EAAC,MAAM,QAAQ,CAAC;AAKpC,OAAO,KAAK,EAAC,OAAO,EAAC,MAAM,UAAU,CAAC;AAIrC,KAAK,gBAAgB,GAAI;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAyFH,QAAA,MAAM,oBAAoB,sDAAwC,CAAC;AACnE,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,oBAAoB,CAAC,CAAC;AACpE,eAAe,oBAAoB,CAAC"}

package/dist/ContextmenuSubmenu.svelte

@@ -5,13 +5,15 @@
 	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 ContextmenuIcon from './ContextmenuIcon.svelte';
 
 	const {
 		icon,
 		menu,
 		children,
 	}: {
-		icon?: Snippet;
+		icon?: SvgData | string | Snippet;
 		menu: Snippet;
 		children: Snippet;
 	} = $props();
@@ -87,7 +89,7 @@
 	>
 		<div class="content">
 			<div class="icon">
-				{@render icon?.()}
+				<ContextmenuIcon {icon} />
 			</div>
 			<div class="title">{@render children()}</div>
 		</div>

package/dist/ContextmenuSubmenu.svelte.d.ts

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

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

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

package/dist/ContextmenuTextEntry.svelte

@@ -1,25 +1,23 @@
 <script lang="ts">
+	import type {Snippet} from 'svelte';
+
 	import type {SvgData} from './svg.js';
-	import Svg from './Svg.svelte';
 	import ContextmenuEntry from './ContextmenuEntry.svelte';
 	import type {ContextmenuRun} from './contextmenu_state.svelte.js';
 
 	const {
 		run,
 		content,
-		icon: icon_value,
+		icon,
 	}: {
 		run: ContextmenuRun;
 		content: string; // TODO @many rethink this API
-		icon: SvgData | string;
+		icon?: SvgData | string | Snippet;
 	} = $props();
 
 	// TODO consider making this the implicit default entry, so consumers can simply declare `{run, content}`
 </script>
 
-<ContextmenuEntry {run}>
-	{#snippet icon()}{#if typeof icon_value === 'string'}{icon_value}{:else}<Svg
-				data={icon_value}
-			/>{/if}{/snippet}
+<ContextmenuEntry {run} {icon}>
 	{content}
 </ContextmenuEntry>

package/dist/ContextmenuTextEntry.svelte.d.ts

@@ -1,9 +1,10 @@
+import type { Snippet } from 'svelte';
 import type { SvgData } from './svg.js';
 import type { ContextmenuRun } from './contextmenu_state.svelte.js';
 type $$ComponentProps = {
     run: ContextmenuRun;
     content: string;
-    icon: SvgData | string;
+    icon?: SvgData | string | Snippet;
 };
 declare const ContextmenuTextEntry: import("svelte").Component<$$ComponentProps, {}, "">;
 type ContextmenuTextEntry = ReturnType<typeof ContextmenuTextEntry>;

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fuzdev/fuz_ui",
-  "version": "0.203.0",
+  "version": "0.203.1",
   "description": "Svelte UI library",
   "tagline": "friendly user zystem",
   "glyph": "🧶",