Refactor TooltipProvider import in SidebarProvider.vue to use local component path. Update TooltipProvider props to include ignoreNonKeyboardFocus for improved accessibility handling.

resources/js/components/ui/sidebar/SidebarProvider.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { HTMLAttributes, Ref } from "vue"
 import { defaultDocument, useEventListener, useMediaQuery, useVModel } from "@vueuse/core"
-import { TooltipProvider } from "reka-ui"
+import { TooltipProvider } from "@/components/ui/tooltip"
 import { computed, ref } from "vue"
 import { cn } from "@/lib/utils"
 import { provideSidebarContext, SIDEBAR_COOKIE_MAX_AGE, SIDEBAR_COOKIE_NAME, SIDEBAR_KEYBOARD_SHORTCUT, SIDEBAR_WIDTH, SIDEBAR_WIDTH_ICON } from "./utils"
@@ -66,7 +66,7 @@ provideSidebarContext({
 </script>
 
 <template>
-  <TooltipProvider :delay-duration="0">
+  <TooltipProvider>
     <div
       data-slot="sidebar-wrapper"
       :style="{

resources/js/components/ui/tooltip/TooltipProvider.vue

@@ -4,6 +4,7 @@ import { TooltipProvider } from "reka-ui"
 
 const props = withDefaults(defineProps<TooltipProviderProps>(), {
   delayDuration: 0,
+  ignoreNonKeyboardFocus: true,
 })
 </script>