From f32dd0d02b68bf2aa536fe10b06398e8dba1dc2e Mon Sep 17 00:00:00 2001
From: Hugo Korte <63101006+Hugos68@users.noreply.github.com>
Date: Wed, 1 Jan 2025 22:14:08 +0100
Subject: [PATCH] Add missing `FloatingArrowProps` export. (#147)

---
 .changeset/silly-donkeys-suffer.md            |  5 ++
 packages/floating-ui-svelte/package.json      |  1 +
 .../src/components/floating-arrow.svelte      | 54 ++++++++++++++++++-
 packages/floating-ui-svelte/src/index.ts      |  1 +
 .../test/hooks/use-floating.svelte.ts         |  7 +--
 .../floating-ui-svelte/test/hooks/use-id.ts   |  2 +-
 .../test/hooks/use-interactions.svelte.ts     |  5 +-
 packages/floating-ui-svelte/tsconfig.json     |  6 ++-
 packages/floating-ui-svelte/vite.config.ts    |  3 --
 pnpm-lock.yaml                                |  8 +++
 10 files changed, 76 insertions(+), 16 deletions(-)
 create mode 100644 .changeset/silly-donkeys-suffer.md

diff --git a/.changeset/silly-donkeys-suffer.md b/.changeset/silly-donkeys-suffer.md
new file mode 100644
index 00000000..73ee3510
--- /dev/null
+++ b/.changeset/silly-donkeys-suffer.md
@@ -0,0 +1,5 @@
+---
+"@skeletonlabs/floating-ui-svelte": patch
+---
+
+Add missing `FloatingArrowProps` export.
diff --git a/packages/floating-ui-svelte/package.json b/packages/floating-ui-svelte/package.json
index 6270181c..1c6e688a 100644
--- a/packages/floating-ui-svelte/package.json
+++ b/packages/floating-ui-svelte/package.json
@@ -33,6 +33,7 @@
 		"@testing-library/jest-dom": "^6.6.3",
 		"@testing-library/svelte": "^5.2.6",
 		"@testing-library/user-event": "^14.5.2",
+		"csstype": "^3.1.3",
 		"svelte": "^5.16.0",
 		"typescript": "^5.7.2",
 		"vite": "^6.0.6",
diff --git a/packages/floating-ui-svelte/src/components/floating-arrow.svelte b/packages/floating-ui-svelte/src/components/floating-arrow.svelte
index 0cd2dd28..fda2b9b0 100644
--- a/packages/floating-ui-svelte/src/components/floating-arrow.svelte
+++ b/packages/floating-ui-svelte/src/components/floating-arrow.svelte
@@ -1,9 +1,61 @@
+<script lang="ts" module>
+import type { SVGAttributes } from "svelte/elements";
+import type { FloatingContext } from "../../src/index.js";
+
+export interface FloatingArrowProps extends SVGAttributes<SVGElement> {
+	/** The bound HTML element reference. */
+	ref: Element | null;
+	/** The floating context. */
+	context: FloatingContext;
+	/**
+	 * Width of the arrow.
+	 * @default 14
+	 */
+	width?: number;
+	/**
+	 * Height of the arrow.
+	 * @default 7
+	 */
+	height?: number;
+	/**
+	 * The corner radius (rounding) of the arrow tip.
+	 * @default 0 (sharp)
+	 */
+	tipRadius?: number;
+	/**
+	 * Forces a static offset over dynamic positioning under a certain condition.
+	 * @default undefined (use dynamic position)
+	 */
+	staticOffset?: string | number | null;
+	/**
+	 * Custom path string.
+	 * @default undefined (use dynamic path)
+	 */
+	d?: string;
+	/**
+	 * Stroke (border) color of the arrow.
+	 * @default "none"
+	 */
+	stroke?: string;
+	/**
+	 * Stroke (border) width of the arrow.
+	 * @default 0
+	 */
+	strokeWidth?: number;
+
+	// Styling ---
+	/** Set transform styles. */
+	transform?: string;
+	/** Set fill styles. */
+	fill?: string;
+}
+</script>
+
 <script lang="ts">
 import type { Alignment, Side } from "@floating-ui/dom";
 import { platform } from "@floating-ui/dom";
 import { useId } from "../hooks/use-id.js";
 import { styleObjectToString } from "../internal/style-object-to-string.js";
-import type { FloatingArrowProps } from "../internal/types.js";
 
 let {
 	ref = $bindable(null),
diff --git a/packages/floating-ui-svelte/src/index.ts b/packages/floating-ui-svelte/src/index.ts
index 323937ba..01e509e9 100644
--- a/packages/floating-ui-svelte/src/index.ts
+++ b/packages/floating-ui-svelte/src/index.ts
@@ -1,4 +1,5 @@
 export * from "@floating-ui/dom";
+export * from "./components/floating-arrow.svelte";
 export { default as FloatingArrow } from "./components/floating-arrow.svelte";
 export * from "./hooks/use-click.svelte.js";
 export * from "./hooks/use-dismiss.svelte.js";
diff --git a/packages/floating-ui-svelte/test/hooks/use-floating.svelte.ts b/packages/floating-ui-svelte/test/hooks/use-floating.svelte.ts
index dc6f23f5..70175865 100644
--- a/packages/floating-ui-svelte/test/hooks/use-floating.svelte.ts
+++ b/packages/floating-ui-svelte/test/hooks/use-floating.svelte.ts
@@ -6,11 +6,8 @@ import {
 	offset,
 } from "@floating-ui/dom";
 import { describe, expect, expectTypeOf, it, vi } from "vitest";
-import {
-	type FloatingContext,
-	useFloating,
-} from "../../src/hooks/use-floating.svelte.js";
-import { useId } from "../../src/hooks/use-id.js";
+import { type FloatingContext, useFloating } from "../../src/index.js";
+import { useId } from "../../src/index.js";
 import { withRunes } from "../internal/with-runes.svelte.js";
 
 function createElements(): { reference: HTMLElement; floating: HTMLElement } {
diff --git a/packages/floating-ui-svelte/test/hooks/use-id.ts b/packages/floating-ui-svelte/test/hooks/use-id.ts
index 0b0413e5..403674c0 100644
--- a/packages/floating-ui-svelte/test/hooks/use-id.ts
+++ b/packages/floating-ui-svelte/test/hooks/use-id.ts
@@ -1,5 +1,5 @@
 import { describe, expect, expectTypeOf, test } from "vitest";
-import { useId } from "../../src/hooks/use-id.js";
+import { useId } from "../../src/index.js";
 
 describe("useId", () => {
 	test("returns an id", () => {
diff --git a/packages/floating-ui-svelte/test/hooks/use-interactions.svelte.ts b/packages/floating-ui-svelte/test/hooks/use-interactions.svelte.ts
index 2c1fb701..3dc922e1 100644
--- a/packages/floating-ui-svelte/test/hooks/use-interactions.svelte.ts
+++ b/packages/floating-ui-svelte/test/hooks/use-interactions.svelte.ts
@@ -1,8 +1,5 @@
 import { describe, expect, it, vi } from "vitest";
-import {
-	type ElementProps,
-	useInteractions,
-} from "../../src/hooks/use-interactions.svelte.js";
+import { type ElementProps, useInteractions } from "../../src/index.js";
 import { withRunes } from "../internal/with-runes.svelte";
 
 describe("useInteractions", () => {
diff --git a/packages/floating-ui-svelte/tsconfig.json b/packages/floating-ui-svelte/tsconfig.json
index 6f788f16..666df877 100644
--- a/packages/floating-ui-svelte/tsconfig.json
+++ b/packages/floating-ui-svelte/tsconfig.json
@@ -10,6 +10,8 @@
 		"sourceMap": true,
 		"strict": true,
 		"module": "NodeNext",
-		"moduleResolution": "NodeNext"
-	}
+		"moduleResolution": "NodeNext",
+		"types": ["svelte"]
+	},
+	"include": ["src", "test"]
 }
diff --git a/packages/floating-ui-svelte/vite.config.ts b/packages/floating-ui-svelte/vite.config.ts
index cf8d9416..2860c75a 100644
--- a/packages/floating-ui-svelte/vite.config.ts
+++ b/packages/floating-ui-svelte/vite.config.ts
@@ -8,8 +8,5 @@ export default defineConfig({
 		include: ["./test/{hooks, components}/*.ts"],
 		setupFiles: ["./test/internal/setup.ts"],
 		environment: "jsdom",
-		coverage: {
-			reporter: ["text"],
-		},
 	},
 });
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index f224b8a5..f1c0e7ad 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -42,6 +42,9 @@ importers:
       '@testing-library/user-event':
         specifier: ^14.5.2
         version: 14.5.2(@testing-library/dom@10.4.0)
+      csstype:
+        specifier: ^3.1.3
+        version: 3.1.3
       svelte:
         specifier: ^5.16.0
         version: 5.16.0
@@ -1085,6 +1088,9 @@ packages:
     resolution: {integrity: sha512-h66W1URKpBS5YMI/V8PyXvTMFT8SupJ1IzoIV8IeBC/ji8WVmrO8dGlTi+2dh6whmdk6BiKJLD/ZBkhWbcg6nA==}
     engines: {node: '>=18'}
 
+  csstype@3.1.3:
+    resolution: {integrity: sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==}
+
   data-urls@5.0.0:
     resolution: {integrity: sha512-ZYP5VBHshaDAiVZxjbRVcFJpc+4xGgT0bK3vzy1HLN8jTO975HEbuYzZJcHoQEY5K1a0z8YayJkyVETa08eNTg==}
     engines: {node: '>=18'}
@@ -3178,6 +3184,8 @@ snapshots:
       rrweb-cssom: 0.7.1
     optional: true
 
+  csstype@3.1.3: {}
+
   data-urls@5.0.0:
     dependencies:
       whatwg-mimetype: 4.0.0