@axium/client 0.15.1 → 0.15.3

package/assets/styles.css

@@ -171,6 +171,11 @@ progress::-moz-progress-bar {
 	background-color: hsl(0 0 var(--fg-light));
 }
 
+::selection,
+::target-text {
+	background-color: var(--bg-accent);
+}
+
 :not(input).error {
 	padding: 1em;
 	border-radius: 0.5em;

package/lib/Popover.svelte

@@ -1,13 +1,25 @@
 <script lang="ts">
+	import type { HTMLAttributes } from 'svelte/elements';
 	import Icon from './Icon.svelte';
-	const { children, toggle, showToggle }: { children(): any; toggle?(): any; showToggle?: 'hover' | 'always' } = $props();
+	const {
+		children,
+		toggle,
+		showToggle,
+		popover,
+		...rest
+	}: {
+		children(): any;
+		toggle?(): any;
+		showToggle?: 'hover' | 'always';
+		popover?: 'auto' | 'hint' | 'manual';
+	} & HTMLAttributes<HTMLDivElement> = $props();
 
-	let popover = $state<HTMLDivElement>();
+	let popoverElement = $state<HTMLDivElement>();
 
 	function onclick(e: MouseEvent) {
 		e.stopPropagation();
 		// @ts-expect-error 2345
-		popover?.togglePopover({ source: e.currentTarget });
+		popoverElement?.togglePopover({ source: e.currentTarget });
 	}
 </script>
 
@@ -20,7 +32,7 @@
 		</span>
 	{/if}
 
-	<div popover bind:this={popover}>
+	<div popover={popover || 'auto'} bind:this={popoverElement} {...rest}>
 		{@render children()}
 	</div>
 </div>

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@axium/client",
-	"version": "0.15.1",
+	"version": "0.15.3",
 	"author": "James Prevett <jp@jamespre.dev>",
 	"funding": {
 		"type": "individual",