@dryui/ui 1.7.1 → 1.7.3

package/dist/alert/alert.svelte

@@ -77,7 +77,7 @@
 		--dry-alert-border: var(--dry-color-stroke-info);
 		--dry-alert-icon-color: var(--dry-color-fill-info);
 		--dry-radius-nested: max(
-			0px,
+			var(--dry-radius-sm),
 			calc(
 				var(--dry-alert-radius, var(--dry-surface-radius, var(--dry-radius-lg))) -
 					var(--dry-alert-padding, var(--dry-space-6))

package/dist/card/card-root.svelte

@@ -66,7 +66,7 @@
 	[data-card] {
 		--dry-card-radius: var(--dry-radius-2xl);
 		--dry-radius-nested: max(
-			0px,
+			var(--dry-radius-sm),
 			calc(var(--dry-card-radius) - var(--dry-card-padding, var(--dry-space-8)))
 		);
 		--dry-btn-radius: var(--dry-radius-nested);

package/dist/context-menu/context-menu-content.svelte

@@ -1,7 +1,12 @@
 <script lang="ts">
 	import type { Snippet } from 'svelte';
 	import type { HTMLAttributes } from 'svelte/elements';
-	import { createDismiss, createMenuNavigation } from '@dryui/primitives';
+	import {
+		createDismiss,
+		createMenuNavigation,
+		tryShowPopover,
+		tryHidePopover
+	} from '@dryui/primitives';
 	import { getContextMenuCtx } from './context.svelte.js';
 
 	interface Props extends HTMLAttributes<HTMLDivElement> {
@@ -34,12 +39,11 @@
 			node.style.position = 'fixed';
 			node.style.left = `${ctx.position.x}px`;
 			node.style.top = `${ctx.position.y}px`;
-			if (!node.matches(':popover-open')) {
-				node.showPopover();
-				menu.focusFirst();
-			}
-		} else if (node.matches(':popover-open')) {
-			node.hidePopover();
+			const wasOpen = node.matches(':popover-open');
+			tryShowPopover(node);
+			if (!wasOpen) menu.focusFirst();
+		} else {
+			tryHidePopover(node);
 		}
 	}
 

package/dist/dropdown-menu/dropdown-menu-content.svelte

@@ -93,7 +93,7 @@
 		grid-template-columns: minmax(12rem, auto);
 		padding: var(--dry-menu-padding, var(--dry-space-2));
 		--dry-radius-nested: max(
-			0px,
+			var(--dry-radius-sm),
 			calc(
 				var(--dry-menu-radius, var(--dry-radius-lg)) - var(--dry-menu-padding, var(--dry-space-2))
 			)

package/dist/internal/modal-content.svelte

@@ -126,7 +126,7 @@
 		--dry-dialog-border: var(--dry-overlay-border, var(--dry-color-stroke-weak));
 		--dry-dialog-padding: var(--dry-space-8);
 		--dry-radius-nested: max(
-			0px,
+			var(--dry-radius-sm),
 			calc(
 				var(--dry-dialog-radius, var(--dry-overlay-radius, var(--dry-radius-2xl))) -
 					var(--dry-dialog-padding)
@@ -195,7 +195,10 @@
 		--dry-dialog-shadow: var(--dry-shadow-overlay);
 		--dry-dialog-padding: var(--dry-space-6);
 		--dry-dialog-max-width: 32rem;
-		--dry-radius-nested: max(0px, calc(var(--dry-dialog-radius) - var(--dry-dialog-padding)));
+		--dry-radius-nested: max(
+			var(--dry-radius-sm),
+			calc(var(--dry-dialog-radius) - var(--dry-dialog-padding))
+		);
 		--dry-btn-radius: var(--dry-radius-nested);
 
 		container-type: inline-size;

package/dist/list/list-item.svelte

@@ -100,6 +100,8 @@
 		--dry-btn-accent-weak: var(--dry-list-item-hover-bg);
 		--dry-btn-on-accent: inherit;
 		--dry-btn-radius: var(--dry-list-item-radius);
+		--dry-btn-justify: stretch;
+		--dry-btn-align: stretch;
 		box-shadow: none;
 		cursor: pointer;
 	}

package/dist/popover/popover-content.svelte

@@ -60,7 +60,10 @@
 		--dry-popover-radius: var(--dry-overlay-radius, var(--dry-radius-lg));
 		--dry-popover-shadow: var(--dry-overlay-shadow, var(--dry-shadow-lg));
 		--dry-popover-padding: var(--dry-space-4);
-		--dry-radius-nested: max(0px, calc(var(--dry-popover-radius) - var(--dry-popover-padding)));
+		--dry-radius-nested: max(
+			var(--dry-radius-sm),
+			calc(var(--dry-popover-radius) - var(--dry-popover-padding))
+		);
 		--dry-btn-radius: var(--dry-radius-nested);
 
 		inset: unset;

package/dist/toast/toast-provider.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import type { Snippet } from 'svelte';
 	import type { HTMLAttributes } from 'svelte/elements';
-	import { toastStore } from '@dryui/primitives';
+	import { toastStore, tryShowPopover, tryHidePopover } from '@dryui/primitives';
 	import ToastRoot from './toast-root.svelte';
 	import ToastTitle from './toast-title.svelte';
 	import ToastDescription from './toast-description.svelte';
@@ -25,19 +25,8 @@
 
 	$effect(() => {
 		if (!panelEl) return;
-		if (visible) {
-			try {
-				if (!panelEl.matches(':popover-open')) panelEl.showPopover();
-			} catch {
-				// already open
-			}
-		} else {
-			try {
-				if (panelEl.matches(':popover-open')) panelEl.hidePopover();
-			} catch {
-				// already closed
-			}
-		}
+		if (visible) tryShowPopover(panelEl);
+		else tryHidePopover(panelEl);
 	});
 </script>
 

package/dist/toast/toast-root.svelte

@@ -59,7 +59,7 @@
 <style>
 	[data-part='root'] {
 		--dry-toast-accent: var(--dry-color-fill-info);
-		--dry-radius-nested: max(0px, calc(var(--dry-radius-lg) - var(--dry-space-4)));
+		--dry-radius-nested: max(var(--dry-radius-sm), calc(var(--dry-radius-lg) - var(--dry-space-4)));
 		--dry-btn-radius: var(--dry-radius-nested);
 
 		position: relative;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dryui/ui",
-  "version": "1.7.1",
+  "version": "1.7.3",
   "description": "Zero-dependency styled Svelte 5 components with scoped styles and --dry-* CSS variable theming.",
   "author": "Rob Balfre",
   "license": "MIT",
@@ -784,7 +784,7 @@
     "postpack": "bun ../../scripts/postpack-exports.ts"
   },
   "dependencies": {
-    "@dryui/primitives": "^1.7.1"
+    "@dryui/primitives": "^1.7.3"
   },
   "peerDependencies": {
     "svelte": "^5.55.1"