INIT

node_modules/bits-ui/dist/bits/utilities/arrow/arrow.svelte

@@ -0,0 +1,30 @@
+<script lang="ts">
+	import { mergeProps } from "svelte-toolbelt";
+	import type { ArrowProps } from "./types.js";
+	import { useId } from "../../../internal/use-id.js";
+
+	let {
+		id = useId(),
+		children,
+		child,
+		width = 10,
+		height = 5,
+		...restProps
+	}: ArrowProps = $props();
+
+	const mergedProps = $derived(mergeProps(restProps, { id }));
+</script>
+
+{#if child}
+	{@render child({ props: mergedProps })}
+{:else}
+	<span {...mergedProps}>
+		{#if children}
+			{@render children?.()}
+		{:else}
+			<svg {width} {height} viewBox="0 0 30 10" preserveAspectRatio="none" data-arrow="">
+				<polygon points="0,0 30,0 15,10" fill="currentColor" />
+			</svg>
+		{/if}
+	</span>
+{/if}