Close #9 and close #8 - bump version

Author: chrsgrrtt

README.md

@@ -5,7 +5,7 @@ A collection of unstyled, headless custom elements designed to make building ric
 ## Overview
 
 **Hyperkit**  
-Version: 0.0.4  
+Version: 0.0.5  
 [Github](https://github.com/hyperlaunch/hyperkit)
 
 **Headless Elements, Supercharged UIs**  
@@ -19,6 +19,8 @@ The monorepo includes the following elements:
 - **Popover**: A simple popover element for showing contextual information or interactive content in an overlay.
 - **Detail & Accordion**: Expandable content elements, with optional accordion functionality and smooth transitions.
 - **Select**: A flexible select element that integrates with inputs and fires change events on selection.
+- **Form**: Submit forms with Ajax, handle redirections, and display server responses.
+- **Link**: Fetch pages via Ajax, manage navigation, and enhance perceived speed.
 - **Fieldset Repeater**: A dynamic form component allowing users to add and remove repeated sets of input fields.
 - **Masked Input**: An input element for applying custom masks to user input.
 - **Sortable List**: A drag-and-drop sortable list with optional position tracking.

packages/docs/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@hyperkitxyz/docs",
-	"version": "0.0.4",
+	"version": "0.0.5",
 	"dependencies": {
 		"@fontsource/poppins": "^5.1.0",
 		"@hyperkitxyz/elements": "workspace:*",

packages/docs/src/astro-components/Layout.astro

@@ -73,7 +73,7 @@ const pageTitle = [title, name].filter(Boolean).join(" — ");
         <span
           class="px-2 py-1 text-xs font-medium shadow-sm rounded-full bg-zinc-300 dark:bg-zinc-700 text-zinc-800 dark:text-zinc-200"
         >
-          0.0.4
+          0.0.5
         </span>
       </h1>
 

packages/elements/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@hyperkitxyz/elements",
 	"main": "./src/index.ts",
-	"version": "0.0.4",
+	"version": "0.0.5",
 	"repository": {
 		"type": "git",
 		"url": "git+https://github.com/hyperlaunch/hyperkit.git"

packages/elements/src/form.ts

@@ -25,13 +25,15 @@ class HyperkitForm extends HyperkitViewTransitioner {
 	}
 
 	get action() {
-		return this.form?.action || document.location.href;
+		return String(this.form?.action);
 	}
 
 	async handleGet() {
-		const queryString = new URLSearchParams(this.formData).toString();
+		const formData = this.formData;
+		// biome-ignore lint/suspicious/noExplicitAny: <explanation>
+		const queryString = new URLSearchParams(formData as any).toString();
 
-		const url = `${this.action}?${queryString}`;
+		const url = `${this.action?.split("?")[0]}?${queryString}`;
 
 		await this.startViewTransition();
 		const html = await this.getPotentiallyCachedContent({ url, bust: true });

packages/elements/src/link.ts

@@ -25,7 +25,20 @@ class HyperkitLink extends HyperkitViewTransitioner {
 		return String(this.anchor?.getAttribute("href"));
 	}
 
-	async handleNavigation(event: Event) {
+	opensOutsideTab(event: MouseEvent) {
+		const isMiddleClick = event.button === 1;
+
+		const isCtrlOrMetaClick =
+			(event.ctrlKey || event.metaKey) && event.button === 0;
+
+		const isShiftClick = event.shiftKey && event.button === 0;
+
+		return isMiddleClick || isCtrlOrMetaClick || isShiftClick;
+	}
+
+	async handleNavigation(event: MouseEvent | TouchEvent) {
+		if (event instanceof MouseEvent && this.opensOutsideTab(event)) return;
+
 		event.preventDefault();
 
 		try {

packages/elements/src/select.ts

@@ -114,7 +114,7 @@ class HyperkitSelect extends HyperkitDisclosureContent<{
 
 		this.value = current || undefined;
 
-		if (this.connectedInput) this.connectedInput.value = String(current);
+		if (this.connectedInput) this.connectedInput.value = current;
 
 		this.fire("change", { detail: { previous, current } });