@14ch/svelte-ui 0.0.22 → 0.0.24

package/dist/components/Input.svelte

@@ -653,7 +653,7 @@
 <div
 	class="input
 	input--focus-{focusStyle}
-	input--type-{resolvedType}"
+	input--type-{type}"
 	class:input--inline={inline}
 	class:input--linkify={isLinkifyActive}
 	class:input--auto-resize={inline}

package/dist/components/PopupMenu.svelte

@@ -69,7 +69,9 @@
 
 	const executeMenuItem = (item: MenuItem, event?: MouseEvent) => {
 		event?.stopPropagation();
-		event?.preventDefault();
+		if (!item.href) {
+			event?.preventDefault();
+		}
 		if (item.callback) {
 			item.callback();
 		}
@@ -261,6 +263,7 @@
 								tabindex="-1"
 								aria-describedby={item.icon ? `${getMenuItemId(actionableIndex)}-icon` : undefined}
 								href={item.href}
+								target={item.target}
 								onclick={(e) => executeMenuItem(item, e)}
 								onmouseenter={() => handleMouseEnter(actionableIndex)}
 								onfocus={() => handleFocus(actionableIndex)}

package/dist/types/menuItem.d.ts

@@ -1,6 +1,7 @@
 export type MenuItem = {
     label: string;
     href?: string;
+    target?: '_blank' | '_self' | '_parent' | '_top';
     callback?: () => void;
     icon?: string;
     matchingPath?: string[];

package/package.json

@@ -2,7 +2,7 @@
 	"name": "@14ch/svelte-ui",
 	"description": "Modern Svelte UI components library with TypeScript support",
 	"private": false,
-	"version": "0.0.22",
+	"version": "0.0.24",
 	"type": "module",
 	"keywords": [
 		"svelte",