chore: fix samples

Author: anubra266

packages/svelte/src/lib/components/hover-card/examples/basic.svelte

@@ -1,15 +1,18 @@
 <script lang="ts">
   import { HoverCard } from '@ark-ui/svelte/hover-card'
+  import { Portal } from '@ark-ui/svelte/portal'
 </script>
 
 <HoverCard.Root>
   <HoverCard.Trigger>Hover me</HoverCard.Trigger>
-  <HoverCard.Positioner>
-    <HoverCard.Content>
-      <HoverCard.Arrow>
-        <HoverCard.ArrowTip />
-      </HoverCard.Arrow>
-      Content
-    </HoverCard.Content>
-  </HoverCard.Positioner>
+  <Portal>
+    <HoverCard.Positioner>
+      <HoverCard.Content>
+        <HoverCard.Arrow>
+          <HoverCard.ArrowTip />
+        </HoverCard.Arrow>
+        Content
+      </HoverCard.Content>
+    </HoverCard.Positioner>
+  </Portal>
 </HoverCard.Root>

packages/svelte/src/lib/components/hover-card/examples/controlled.svelte

@@ -1,19 +1,22 @@
 <script lang="ts">
   import { HoverCard } from '@ark-ui/svelte/hover-card'
+  import { Portal } from '@ark-ui/svelte/portal'
 
   let open = $state(false)
 </script>
 
-<p>Open: {open ? 'true' : 'false'}</p>
+<button type="button" onclick={() => (open = !open)}>click me</button>
 
 <HoverCard.Root bind:open>
   <HoverCard.Trigger>Hover me</HoverCard.Trigger>
-  <HoverCard.Positioner>
-    <HoverCard.Content>
-      <HoverCard.Arrow>
-        <HoverCard.ArrowTip />
-      </HoverCard.Arrow>
-      Content
-    </HoverCard.Content>
-  </HoverCard.Positioner>
+  <Portal>
+    <HoverCard.Positioner>
+      <HoverCard.Content>
+        <HoverCard.Arrow>
+          <HoverCard.ArrowTip />
+        </HoverCard.Arrow>
+        Content
+      </HoverCard.Content>
+    </HoverCard.Positioner>
+  </Portal>
 </HoverCard.Root>

website/src/content/showcases.json

@@ -11,6 +11,12 @@
     "url": "https://park-ui.com",
     "image": "https://park-ui.com/opengraph-image.png"
   },
+  {
+    "title": "Tark UI",
+    "description": "Beautiful UI components with Ark UI and Tailwind",
+    "url": "https://tarkui.com",
+    "image": "https://tarkui.com/open-graph.png"
+  },
   {
     "title": "Typebot",
     "description": "Open-source conversational apps builder",