From c2c0ff82547125031f12ecc8cc058796ed993ef5 Mon Sep 17 00:00:00 2001
From: DongHY1 <hi@daviddong.me>
Date: Wed, 22 May 2024 15:00:27 +0800
Subject: [PATCH] fix: add TooltipProvider for Dashboard03,05,06,07

---
 .../registry/default/block/Dashboard03.vue    | 274 ++++++++++--------
 .../registry/default/block/Dashboard05.vue    | 184 ++++++------
 .../registry/default/block/Dashboard06.vue    | 181 ++++++------
 .../registry/default/block/Dashboard07.vue    | 181 ++++++------
 4 files changed, 440 insertions(+), 380 deletions(-)

diff --git a/apps/www/src/lib/registry/default/block/Dashboard03.vue b/apps/www/src/lib/registry/default/block/Dashboard03.vue
index 3b60b282..c2e1024f 100644
--- a/apps/www/src/lib/registry/default/block/Dashboard03.vue
+++ b/apps/www/src/lib/registry/default/block/Dashboard03.vue
@@ -14,7 +14,7 @@ import { Input } from '@/lib/registry/default/ui/input'
 import { Label } from '@/lib/registry/default/ui/label'
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/lib/registry/default/ui/select'
 import { Textarea } from '@/lib/registry/default/ui/textarea'
-import { Tooltip, TooltipContent, TooltipTrigger } from '@/lib/registry/default/ui/tooltip'
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/lib/registry/default/ui/tooltip'
 </script>
 
 <template>
@@ -26,113 +26,127 @@ import { Tooltip, TooltipContent, TooltipTrigger } from '@/lib/registry/default/
         </Button>
       </div>
       <nav class="grid gap-1 p-2">
-        <Tooltip>
-          <TooltipTrigger as-child>
-            <Button
-              variant="ghost"
-              size="icon"
-              class="rounded-lg bg-muted"
-              aria-label="Playground"
-            >
-              <SquareTerminal class="size-5" />
-            </Button>
-          </TooltipTrigger>
-          <TooltipContent side="right" :side-offset="5">
-            Playground
-          </TooltipContent>
-        </Tooltip>
-        <Tooltip>
-          <TooltipTrigger as-child>
-            <Button
-              variant="ghost"
-              size="icon"
-              class="rounded-lg"
-              aria-label="Models"
-            >
-              <Bot class="size-5" />
-            </Button>
-          </TooltipTrigger>
-          <TooltipContent side="right" :side-offset="5">
-            Models
-          </TooltipContent>
-        </Tooltip>
-        <Tooltip>
-          <TooltipTrigger as-child>
-            <Button
-              variant="ghost"
-              size="icon"
-              class="rounded-lg"
-              aria-label="API"
-            >
-              <Code2 class="size-5" />
-            </Button>
-          </TooltipTrigger>
-          <TooltipContent side="right" :side-offset="5">
-            API
-          </TooltipContent>
-        </Tooltip>
-        <Tooltip>
-          <TooltipTrigger as-child>
-            <Button
-              variant="ghost"
-              size="icon"
-              class="rounded-lg"
-              aria-label="Documentation"
-            >
-              <Book class="size-5" />
-            </Button>
-          </TooltipTrigger>
-          <TooltipContent side="right" :side-offset="5">
-            Documentation
-          </TooltipContent>
-        </Tooltip>
-        <Tooltip>
-          <TooltipTrigger as-child>
-            <Button
-              variant="ghost"
-              size="icon"
-              class="rounded-lg"
-              aria-label="Settings"
-            >
-              <Settings2 class="size-5" />
-            </Button>
-          </TooltipTrigger>
-          <TooltipContent side="right" :side-offset="5">
-            Settings
-          </TooltipContent>
-        </Tooltip>
+        <TooltipProvider>
+          <Tooltip>
+            <TooltipTrigger as-child>
+              <Button
+                variant="ghost"
+                size="icon"
+                class="rounded-lg bg-muted"
+                aria-label="Playground"
+              >
+                <SquareTerminal class="size-5" />
+              </Button>
+            </TooltipTrigger>
+            <TooltipContent side="right" :side-offset="5">
+              Playground
+            </TooltipContent>
+          </Tooltip>
+        </TooltipProvider>
+        <TooltipProvider>
+          <Tooltip>
+            <TooltipTrigger as-child>
+              <Button
+                variant="ghost"
+                size="icon"
+                class="rounded-lg"
+                aria-label="Models"
+              >
+                <Bot class="size-5" />
+              </Button>
+            </TooltipTrigger>
+            <TooltipContent side="right" :side-offset="5">
+              Models
+            </TooltipContent>
+          </Tooltip>
+        </TooltipProvider>
+        <TooltipProvider>
+          <Tooltip>
+            <TooltipTrigger as-child>
+              <Button
+                variant="ghost"
+                size="icon"
+                class="rounded-lg"
+                aria-label="API"
+              >
+                <Code2 class="size-5" />
+              </Button>
+            </TooltipTrigger>
+            <TooltipContent side="right" :side-offset="5">
+              API
+            </TooltipContent>
+          </Tooltip>
+        </TooltipProvider>
+        <TooltipProvider>
+          <Tooltip>
+            <TooltipTrigger as-child>
+              <Button
+                variant="ghost"
+                size="icon"
+                class="rounded-lg"
+                aria-label="Documentation"
+              >
+                <Book class="size-5" />
+              </Button>
+            </TooltipTrigger>
+            <TooltipContent side="right" :side-offset="5">
+              Documentation
+            </TooltipContent>
+          </Tooltip>
+        </TooltipProvider>
+        <TooltipProvider>
+          <Tooltip>
+            <TooltipTrigger as-child>
+              <Button
+                variant="ghost"
+                size="icon"
+                class="rounded-lg"
+                aria-label="Settings"
+              >
+                <Settings2 class="size-5" />
+              </Button>
+            </TooltipTrigger>
+            <TooltipContent side="right" :side-offset="5">
+              Settings
+            </TooltipContent>
+          </Tooltip>
+        </TooltipProvider>
       </nav>
       <nav class="mt-auto grid gap-1 p-2">
-        <Tooltip>
-          <TooltipTrigger as-child>
-            <Button
-              variant="ghost"
-              size="icon"
-              class="mt-auto rounded-lg"
-              aria-label="Help"
-            >
-              <LifeBuoy class="size-5" />
-            </Button>
-          </TooltipTrigger>
-          <TooltipContent side="right" :side-offset="5">
-            Help
-          </TooltipContent>
-        </Tooltip>
-        <Tooltip>
-          <TooltipTrigger as-child>
-            <Button
-              variant="ghost"
-              size="icon"
-              class="mt-auto rounded-lg"
-              aria-label="Account"
-            >
-              <SquareUser class="size-5" />
-            </Button>
-          </TooltipTrigger>
-          <TooltipContent side="right" :side-offset="5">
-            Account
-          </TooltipContent>
-        </Tooltip>
+        <TooltipProvider>
+          <Tooltip>
+            <TooltipTrigger as-child>
+              <Button
+                variant="ghost"
+                size="icon"
+                class="mt-auto rounded-lg"
+                aria-label="Help"
+              >
+                <LifeBuoy class="size-5" />
+              </Button>
+            </TooltipTrigger>
+            <TooltipContent side="right" :side-offset="5">
+              Help
+            </TooltipContent>
+          </Tooltip>
+        </TooltipProvider>
+        <TooltipProvider>
+          <Tooltip>
+            <TooltipTrigger as-child>
+              <Button
+                variant="ghost"
+                size="icon"
+                class="mt-auto rounded-lg"
+                aria-label="Account"
+              >
+                <SquareUser class="size-5" />
+              </Button>
+            </TooltipTrigger>
+            <TooltipContent side="right" :side-offset="5">
+              Account
+            </TooltipContent>
+          </Tooltip>
+        </TooltipProvider>
       </nav>
     </aside>
     <div class="flex flex-col">
@@ -406,28 +420,32 @@ import { Tooltip, TooltipContent, TooltipTrigger } from '@/lib/registry/default/
               class="min-h-12 resize-none border-0 p-3 shadow-none focus-visible:ring-0"
             />
             <div class="flex items-center p-3 pt-0">
-              <Tooltip>
-                <TooltipTrigger as-child>
-                  <Button variant="ghost" size="icon">
-                    <Paperclip class="size-4" />
-                    <span class="sr-only">Attach file</span>
-                  </Button>
-                </TooltipTrigger>
-                <TooltipContent side="top">
-                  Attach File
-                </TooltipContent>
-              </Tooltip>
-              <Tooltip>
-                <TooltipTrigger as-child>
-                  <Button variant="ghost" size="icon">
-                    <Mic class="size-4" />
-                    <span class="sr-only">Use Microphone</span>
-                  </Button>
-                </TooltipTrigger>
-                <TooltipContent side="top">
-                  Use Microphone
-                </TooltipContent>
-              </Tooltip>
+              <TooltipProvider>
+                <Tooltip>
+                  <TooltipTrigger as-child>
+                    <Button variant="ghost" size="icon">
+                      <Paperclip class="size-4" />
+                      <span class="sr-only">Attach file</span>
+                    </Button>
+                  </TooltipTrigger>
+                  <TooltipContent side="top">
+                    Attach File
+                  </TooltipContent>
+                </Tooltip>
+              </TooltipProvider>
+              <TooltipProvider>
+                <Tooltip>
+                  <TooltipTrigger as-child>
+                    <Button variant="ghost" size="icon">
+                      <Mic class="size-4" />
+                      <span class="sr-only">Use Microphone</span>
+                    </Button>
+                  </TooltipTrigger>
+                  <TooltipContent side="top">
+                    Use Microphone
+                  </TooltipContent>
+                </Tooltip>
+              </TooltipProvider>
               <Button type="submit" size="sm" class="ml-auto gap-1.5">
                 Send Message
                 <CornerDownLeft class="size-3.5" />
diff --git a/apps/www/src/lib/registry/default/block/Dashboard05.vue b/apps/www/src/lib/registry/default/block/Dashboard05.vue
index bdb52d2c..502bef01 100644
--- a/apps/www/src/lib/registry/default/block/Dashboard05.vue
+++ b/apps/www/src/lib/registry/default/block/Dashboard05.vue
@@ -63,6 +63,7 @@ import {
 import {
   Tooltip,
   TooltipContent,
+  TooltipProvider,
   TooltipTrigger,
 } from '@/lib/registry/default/ui/tooltip'
 import { Checkbox } from '@/lib/registry/default/ui/checkbox'
@@ -79,92 +80,107 @@ import { Checkbox } from '@/lib/registry/default/ui/checkbox'
           <Package2 class="h-4 w-4 transition-all group-hover:scale-110" />
           <span class="sr-only">Acme Inc</span>
         </a>
-        <Tooltip>
-          <TooltipTrigger as-child>
-            <a
-              href="#"
-              class="flex h-9 w-9 items-center justify-center rounded-lg text-muted-foreground transition-colors hover:text-foreground md:h-8 md:w-8"
-            >
-              <Home class="h-5 w-5" />
-              <span class="sr-only">Dashboard</span>
-            </a>
-          </TooltipTrigger>
-          <TooltipContent side="right">
-            Dashboard
-          </TooltipContent>
-        </Tooltip>
-        <Tooltip>
-          <TooltipTrigger as-child>
-            <a
-              href="#"
-              class="flex h-9 w-9 items-center justify-center rounded-lg bg-accent text-accent-foreground transition-colors hover:text-foreground md:h-8 md:w-8"
-            >
-              <ShoppingCart class="h-5 w-5" />
-              <span class="sr-only">Orders</span>
-            </a>
-          </TooltipTrigger>
-          <TooltipContent side="right">
-            Orders
-          </TooltipContent>
-        </Tooltip>
-        <Tooltip>
-          <TooltipTrigger as-child>
-            <a
-              href="#"
-              class="flex h-9 w-9 items-center justify-center rounded-lg text-muted-foreground transition-colors hover:text-foreground md:h-8 md:w-8"
-            >
-              <Package class="h-5 w-5" />
-              <span class="sr-only">Products</span>
-            </a>
-          </TooltipTrigger>
-          <TooltipContent side="right">
-            Products
-          </TooltipContent>
-        </Tooltip>
-        <Tooltip>
-          <TooltipTrigger as-child>
-            <a
-              href="#"
-              class="flex h-9 w-9 items-center justify-center rounded-lg text-muted-foreground transition-colors hover:text-foreground md:h-8 md:w-8"
-            >
-              <Users2 class="h-5 w-5" />
-              <span class="sr-only">Customers</span>
-            </a>
-          </TooltipTrigger>
-          <TooltipContent side="right">
-            Customers
-          </TooltipContent>
-        </Tooltip>
-        <Tooltip>
-          <TooltipTrigger as-child>
-            <a
-              href="#"
-              class="flex h-9 w-9 items-center justify-center rounded-lg text-muted-foreground transition-colors hover:text-foreground md:h-8 md:w-8"
-            >
-              <LineChart class="h-5 w-5" />
-              <span class="sr-only">Analytics</span>
-            </a>
-          </TooltipTrigger>
-          <TooltipContent side="right">
-            Analytics
-          </TooltipContent>
-        </Tooltip>
+        <TooltipProvider>
+          <Tooltip>
+            <TooltipTrigger as-child>
+              <a
+                href="#"
+                class="flex h-9 w-9 items-center justify-center rounded-lg text-muted-foreground transition-colors hover:text-foreground md:h-8 md:w-8"
+              >
+                <Home class="h-5 w-5" />
+                <span class="sr-only">Dashboard</span>
+              </a>
+            </TooltipTrigger>
+            <TooltipContent side="right">
+              Dashboard
+            </TooltipContent>
+          </Tooltip>
+        </TooltipProvider>
+        <TooltipProvider>
+          <Tooltip>
+            <TooltipTrigger as-child>
+              <a
+                href="#"
+                class="flex h-9 w-9 items-center justify-center rounded-lg bg-accent text-accent-foreground transition-colors hover:text-foreground md:h-8 md:w-8"
+              >
+                <ShoppingCart class="h-5 w-5" />
+                <span class="sr-only">Orders</span>
+              </a>
+            </TooltipTrigger>
+            <TooltipContent side="right">
+              Orders
+            </TooltipContent>
+          </Tooltip>
+        </TooltipProvider>
+
+        <TooltipProvider>
+          <Tooltip>
+            <TooltipTrigger as-child>
+              <a
+                href="#"
+                class="flex h-9 w-9 items-center justify-center rounded-lg text-muted-foreground transition-colors hover:text-foreground md:h-8 md:w-8"
+              >
+                <Package class="h-5 w-5" />
+                <span class="sr-only">Products</span>
+              </a>
+            </TooltipTrigger>
+            <TooltipContent side="right">
+              Products
+            </TooltipContent>
+          </Tooltip>
+        </TooltipProvider>
+
+        <TooltipProvider>
+          <Tooltip>
+            <TooltipTrigger as-child>
+              <a
+                href="#"
+                class="flex h-9 w-9 items-center justify-center rounded-lg text-muted-foreground transition-colors hover:text-foreground md:h-8 md:w-8"
+              >
+                <Users2 class="h-5 w-5" />
+                <span class="sr-only">Customers</span>
+              </a>
+            </TooltipTrigger>
+            <TooltipContent side="right">
+              Customers
+            </TooltipContent>
+          </Tooltip>
+        </TooltipProvider>
+
+        <TooltipProvider>
+          <Tooltip>
+            <TooltipTrigger as-child>
+              <a
+                href="#"
+                class="flex h-9 w-9 items-center justify-center rounded-lg text-muted-foreground transition-colors hover:text-foreground md:h-8 md:w-8"
+              >
+                <LineChart class="h-5 w-5" />
+                <span class="sr-only">Analytics</span>
+              </a>
+            </TooltipTrigger>
+            <TooltipContent side="right">
+              Analytics
+            </TooltipContent>
+          </Tooltip>
+        </TooltipProvider>
       </nav>
       <nav class="mt-auto flex flex-col items-center gap-4 px-2 sm:py-5">
-        <Tooltip>
-          <TooltipTrigger as-child>
-            <a
-              href="#"
-              class="flex h-9 w-9 items-center justify-center rounded-lg text-muted-foreground transition-colors hover:text-foreground md:h-8 md:w-8"
-            >
-              <Settings class="h-5 w-5" />
-              <span class="sr-only">Settings</span>
-            </a>
-          </TooltipTrigger>
-          <TooltipContent side="right">
-            Settings
-          </TooltipContent>
-        </Tooltip>
+        <TooltipProvider>
+          <Tooltip>
+            <TooltipTrigger as-child>
+              <a
+                href="#"
+                class="flex h-9 w-9 items-center justify-center rounded-lg text-muted-foreground transition-colors hover:text-foreground md:h-8 md:w-8"
+              >
+                <Settings class="h-5 w-5" />
+                <span class="sr-only">Settings</span>
+              </a>
+            </TooltipTrigger>
+            <TooltipContent side="right">
+              Settings
+            </TooltipContent>
+          </Tooltip>
+        </TooltipProvider>
       </nav>
     </aside>
     <div class="flex flex-col sm:gap-4 sm:py-4 sm:pl-14">
diff --git a/apps/www/src/lib/registry/default/block/Dashboard06.vue b/apps/www/src/lib/registry/default/block/Dashboard06.vue
index dad34329..b074d848 100644
--- a/apps/www/src/lib/registry/default/block/Dashboard06.vue
+++ b/apps/www/src/lib/registry/default/block/Dashboard06.vue
@@ -53,6 +53,7 @@ import {
 import {
   Tooltip,
   TooltipContent,
+  TooltipProvider,
   TooltipTrigger,
 } from '@/lib/registry/default/ui/tooltip'
 </script>
@@ -68,92 +69,104 @@ import {
           <Package2 class="h-4 w-4 transition-all group-hover:scale-110" />
           <span class="sr-only">Acme Inc</span>
         </a>
-        <Tooltip>
-          <TooltipTrigger as-child>
-            <a
-              href="#"
-              class="flex h-9 w-9 items-center justify-center rounded-lg text-muted-foreground transition-colors hover:text-foreground md:h-8 md:w-8"
-            >
-              <Home class="h-5 w-5" />
-              <span class="sr-only">Dashboard</span>
-            </a>
-          </TooltipTrigger>
-          <TooltipContent side="right">
-            Dashboard
-          </TooltipContent>
-        </Tooltip>
-        <Tooltip>
-          <TooltipTrigger as-child>
-            <a
-              href="#"
-              class="flex h-9 w-9 items-center justify-center rounded-lg transition-colors hover:text-foreground md:h-8 md:w-8"
-            >
-              <ShoppingCart class="h-5 w-5" />
-              <span class="sr-only">Orders</span>
-            </a>
-          </TooltipTrigger>
-          <TooltipContent side="right">
-            Orders
-          </TooltipContent>
-        </Tooltip>
-        <Tooltip>
-          <TooltipTrigger as-child>
-            <a
-              href="#"
-              class="flex h-9 w-9 items-center justify-center rounded-lg bg-accent text-accent-foreground transition-colors hover:text-foreground md:h-8 md:w-8"
-            >
-              <Package class="h-5 w-5" />
-              <span class="sr-only">Products</span>
-            </a>
-          </TooltipTrigger>
-          <TooltipContent side="right">
-            Products
-          </TooltipContent>
-        </Tooltip>
-        <Tooltip>
-          <TooltipTrigger as-child>
-            <a
-              href="#"
-              class="flex h-9 w-9 items-center justify-center rounded-lg text-muted-foreground transition-colors hover:text-foreground md:h-8 md:w-8"
-            >
-              <Users2 class="h-5 w-5" />
-              <span class="sr-only">Customers</span>
-            </a>
-          </TooltipTrigger>
-          <TooltipContent side="right">
-            Customers
-          </TooltipContent>
-        </Tooltip>
-        <Tooltip>
-          <TooltipTrigger as-child>
-            <a
-              href="#"
-              class="flex h-9 w-9 items-center justify-center rounded-lg text-muted-foreground transition-colors hover:text-foreground md:h-8 md:w-8"
-            >
-              <LineChart class="h-5 w-5" />
-              <span class="sr-only">Analytics</span>
-            </a>
-          </TooltipTrigger>
-          <TooltipContent side="right">
-            Analytics
-          </TooltipContent>
-        </Tooltip>
+        <TooltipProvider>
+          <Tooltip>
+            <TooltipTrigger as-child>
+              <a
+                href="#"
+                class="flex h-9 w-9 items-center justify-center rounded-lg text-muted-foreground transition-colors hover:text-foreground md:h-8 md:w-8"
+              >
+                <Home class="h-5 w-5" />
+                <span class="sr-only">Dashboard</span>
+              </a>
+            </TooltipTrigger>
+            <TooltipContent side="right">
+              Dashboard
+            </TooltipContent>
+          </Tooltip>
+        </TooltipProvider>
+        <TooltipProvider>
+          <Tooltip>
+            <TooltipTrigger as-child>
+              <a
+                href="#"
+                class="flex h-9 w-9 items-center justify-center rounded-lg transition-colors hover:text-foreground md:h-8 md:w-8"
+              >
+                <ShoppingCart class="h-5 w-5" />
+                <span class="sr-only">Orders</span>
+              </a>
+            </TooltipTrigger>
+            <TooltipContent side="right">
+              Orders
+            </TooltipContent>
+          </Tooltip>
+        </TooltipProvider>
+        <TooltipProvider>
+          <Tooltip>
+            <TooltipTrigger as-child>
+              <a
+                href="#"
+                class="flex h-9 w-9 items-center justify-center rounded-lg bg-accent text-accent-foreground transition-colors hover:text-foreground md:h-8 md:w-8"
+              >
+                <Package class="h-5 w-5" />
+                <span class="sr-only">Products</span>
+              </a>
+            </TooltipTrigger>
+            <TooltipContent side="right">
+              Products
+            </TooltipContent>
+          </Tooltip>
+        </TooltipProvider>
+        <TooltipProvider>
+          <Tooltip>
+            <TooltipTrigger as-child>
+              <a
+                href="#"
+                class="flex h-9 w-9 items-center justify-center rounded-lg text-muted-foreground transition-colors hover:text-foreground md:h-8 md:w-8"
+              >
+                <Users2 class="h-5 w-5" />
+                <span class="sr-only">Customers</span>
+              </a>
+            </TooltipTrigger>
+            <TooltipContent side="right">
+              Customers
+            </TooltipContent>
+          </Tooltip>
+        </TooltipProvider>
+        <TooltipProvider>
+          <Tooltip>
+            <TooltipTrigger as-child>
+              <a
+                href="#"
+                class="flex h-9 w-9 items-center justify-center rounded-lg text-muted-foreground transition-colors hover:text-foreground md:h-8 md:w-8"
+              >
+                <LineChart class="h-5 w-5" />
+                <span class="sr-only">Analytics</span>
+              </a>
+            </TooltipTrigger>
+            <TooltipContent side="right">
+              Analytics
+            </TooltipContent>
+          </Tooltip>
+        </TooltipProvider>
       </nav>
       <nav class="mt-auto flex flex-col items-center gap-4 px-2 py-4">
-        <Tooltip>
-          <TooltipTrigger as-child>
-            <a
-              href="#"
-              class="flex h-9 w-9 items-center justify-center rounded-lg text-muted-foreground transition-colors hover:text-foreground md:h-8 md:w-8"
-            >
-              <Settings class="h-5 w-5" />
-              <span class="sr-only">Settings</span>
-            </a>
-          </TooltipTrigger>
-          <TooltipContent side="right">
-            Settings
-          </TooltipContent>
-        </Tooltip>
+        <TooltipProvider>
+          <Tooltip>
+            <TooltipTrigger as-child>
+              <a
+                href="#"
+                class="flex h-9 w-9 items-center justify-center rounded-lg text-muted-foreground transition-colors hover:text-foreground md:h-8 md:w-8"
+              >
+                <Settings class="h-5 w-5" />
+                <span class="sr-only">Settings</span>
+              </a>
+            </TooltipTrigger>
+            <TooltipContent side="right">
+              Settings
+            </TooltipContent>
+          </Tooltip>
+        </TooltipProvider>
       </nav>
     </aside>
     <div class="flex flex-col sm:gap-4 sm:py-4 sm:pl-14">
diff --git a/apps/www/src/lib/registry/default/block/Dashboard07.vue b/apps/www/src/lib/registry/default/block/Dashboard07.vue
index 5ee3afa9..86b10bed 100644
--- a/apps/www/src/lib/registry/default/block/Dashboard07.vue
+++ b/apps/www/src/lib/registry/default/block/Dashboard07.vue
@@ -56,6 +56,7 @@ import {
 import {
   Tooltip,
   TooltipContent,
+  TooltipProvider,
   TooltipTrigger,
 } from '@/lib/registry/default/ui/tooltip'
 </script>
@@ -71,92 +72,104 @@ import {
           <Package2 class="h-4 w-4 transition-all group-hover:scale-110" />
           <span class="sr-only">Acme Inc</span>
         </a>
-        <Tooltip>
-          <TooltipTrigger as-child>
-            <a
-              href="#"
-              class="flex h-9 w-9 items-center justify-center rounded-lg text-muted-foreground transition-colors hover:text-foreground md:h-8 md:w-8"
-            >
-              <Home class="h-5 w-5" />
-              <span class="sr-only">Dashboard</span>
-            </a>
-          </TooltipTrigger>
-          <TooltipContent side="right">
-            Dashboard
-          </TooltipContent>
-        </Tooltip>
-        <Tooltip>
-          <TooltipTrigger as-child>
-            <a
-              href="#"
-              class="flex h-9 w-9 items-center justify-center rounded-lg bg-accent text-accent-foreground transition-colors hover:text-foreground md:h-8 md:w-8"
-            >
-              <ShoppingCart class="h-5 w-5" />
-              <span class="sr-only">Orders</span>
-            </a>
-          </TooltipTrigger>
-          <TooltipContent side="right">
-            Orders
-          </TooltipContent>
-        </Tooltip>
-        <Tooltip>
-          <TooltipTrigger as-child>
-            <a
-              href="#"
-              class="flex h-9 w-9 items-center justify-center rounded-lg text-muted-foreground transition-colors hover:text-foreground md:h-8 md:w-8"
-            >
-              <Package class="h-5 w-5" />
-              <span class="sr-only">Products</span>
-            </a>
-          </TooltipTrigger>
-          <TooltipContent side="right">
-            Products
-          </TooltipContent>
-        </Tooltip>
-        <Tooltip>
-          <TooltipTrigger as-child>
-            <a
-              href="#"
-              class="flex h-9 w-9 items-center justify-center rounded-lg text-muted-foreground transition-colors hover:text-foreground md:h-8 md:w-8"
-            >
-              <Users2 class="h-5 w-5" />
-              <span class="sr-only">Customers</span>
-            </a>
-          </TooltipTrigger>
-          <TooltipContent side="right">
-            Customers
-          </TooltipContent>
-        </Tooltip>
-        <Tooltip>
-          <TooltipTrigger as-child>
-            <a
-              href="#"
-              class="flex h-9 w-9 items-center justify-center rounded-lg text-muted-foreground transition-colors hover:text-foreground md:h-8 md:w-8"
-            >
-              <LineChart class="h-5 w-5" />
-              <span class="sr-only">Analytics</span>
-            </a>
-          </TooltipTrigger>
-          <TooltipContent side="right">
-            Analytics
-          </TooltipContent>
-        </Tooltip>
+        <TooltipProvider>
+          <Tooltip>
+            <TooltipTrigger as-child>
+              <a
+                href="#"
+                class="flex h-9 w-9 items-center justify-center rounded-lg text-muted-foreground transition-colors hover:text-foreground md:h-8 md:w-8"
+              >
+                <Home class="h-5 w-5" />
+                <span class="sr-only">Dashboard</span>
+              </a>
+            </TooltipTrigger>
+            <TooltipContent side="right">
+              Dashboard
+            </TooltipContent>
+          </Tooltip>
+        </TooltipProvider>
+        <TooltipProvider>
+          <Tooltip>
+            <TooltipTrigger as-child>
+              <a
+                href="#"
+                class="flex h-9 w-9 items-center justify-center rounded-lg bg-accent text-accent-foreground transition-colors hover:text-foreground md:h-8 md:w-8"
+              >
+                <ShoppingCart class="h-5 w-5" />
+                <span class="sr-only">Orders</span>
+              </a>
+            </TooltipTrigger>
+            <TooltipContent side="right">
+              Orders
+            </TooltipContent>
+          </Tooltip>
+        </TooltipProvider>
+        <TooltipProvider>
+          <Tooltip>
+            <TooltipTrigger as-child>
+              <a
+                href="#"
+                class="flex h-9 w-9 items-center justify-center rounded-lg text-muted-foreground transition-colors hover:text-foreground md:h-8 md:w-8"
+              >
+                <Package class="h-5 w-5" />
+                <span class="sr-only">Products</span>
+              </a>
+            </TooltipTrigger>
+            <TooltipContent side="right">
+              Products
+            </TooltipContent>
+          </Tooltip>
+        </TooltipProvider>
+        <TooltipProvider>
+          <Tooltip>
+            <TooltipTrigger as-child>
+              <a
+                href="#"
+                class="flex h-9 w-9 items-center justify-center rounded-lg text-muted-foreground transition-colors hover:text-foreground md:h-8 md:w-8"
+              >
+                <Users2 class="h-5 w-5" />
+                <span class="sr-only">Customers</span>
+              </a>
+            </TooltipTrigger>
+            <TooltipContent side="right">
+              Customers
+            </TooltipContent>
+          </Tooltip>
+        </TooltipProvider>
+        <TooltipProvider>
+          <Tooltip>
+            <TooltipTrigger as-child>
+              <a
+                href="#"
+                class="flex h-9 w-9 items-center justify-center rounded-lg text-muted-foreground transition-colors hover:text-foreground md:h-8 md:w-8"
+              >
+                <LineChart class="h-5 w-5" />
+                <span class="sr-only">Analytics</span>
+              </a>
+            </TooltipTrigger>
+            <TooltipContent side="right">
+              Analytics
+            </TooltipContent>
+          </Tooltip>
+        </TooltipProvider>
       </nav>
       <nav class="mt-auto flex flex-col items-center gap-4 px-2 sm:py-5">
-        <Tooltip>
-          <TooltipTrigger as-child>
-            <a
-              href="#"
-              class="flex h-9 w-9 items-center justify-center rounded-lg text-muted-foreground transition-colors hover:text-foreground md:h-8 md:w-8"
-            >
-              <Settings class="h-5 w-5" />
-              <span class="sr-only">Settings</span>
-            </a>
-          </TooltipTrigger>
-          <TooltipContent side="right">
-            Settings
-          </TooltipContent>
-        </Tooltip>
+        <TooltipProvider>
+          <Tooltip>
+            <TooltipTrigger as-child>
+              <a
+                href="#"
+                class="flex h-9 w-9 items-center justify-center rounded-lg text-muted-foreground transition-colors hover:text-foreground md:h-8 md:w-8"
+              >
+                <Settings class="h-5 w-5" />
+                <span class="sr-only">Settings</span>
+              </a>
+            </TooltipTrigger>
+            <TooltipContent side="right">
+              Settings
+            </TooltipContent>
+          </Tooltip>
+        </TooltipProvider>
       </nav>
     </aside>
     <div class="flex flex-col sm:gap-4 sm:py-4 sm:pl-14">