fix(Sidebar): component import and registry dependencies

Author: zernonia

apps/www/src/lib/registry/default/ui/sidebar/Sidebar.vue

@@ -1,20 +1,14 @@
 <script setup lang="ts">
-import type { HTMLAttributes } from 'vue'
-import Sheet from '@/lib/registry/default/ui/sheet/Sheet.vue'
-import SheetContent from '@/lib/registry/default/ui/sheet/SheetContent.vue'
+import type { SidebarProps } from '.'
+import { Sheet, SheetContent } from '@/lib/registry/default/ui/sheet'
 import { cn } from '@/lib/utils'
 import { SIDEBAR_WIDTH_MOBILE, useSidebar } from './utils'
 
 defineOptions({
   inheritAttrs: false,
 })
 
-const props = withDefaults(defineProps<{
-  side?: 'left' | 'right'
-  variant?: 'sidebar' | 'floating' | 'inset'
-  collapsible?: 'offcanvas' | 'icon' | 'none'
-  class?: HTMLAttributes['class']
-}>(), {
+const props = withDefaults(defineProps<SidebarProps>(), {
   side: 'left',
   variant: 'sidebar',
   collapsible: 'offcanvas',

apps/www/src/lib/registry/default/ui/sidebar/SidebarInput.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from 'vue'
-import Input from '@/lib/registry/default/ui/input/Input.vue'
+import { Input } from '@/lib/registry/default/ui/input'
 import { cn } from '@/lib/utils'
 
 const props = defineProps<{

apps/www/src/lib/registry/default/ui/sidebar/SidebarMenuButton.vue

@@ -1,7 +1,5 @@
 <script setup lang="ts">
-import Tooltip from '@/lib/registry/default/ui/tooltip/Tooltip.vue'
-import TooltipContent from '@/lib/registry/default/ui/tooltip/TooltipContent.vue'
-import TooltipTrigger from '@/lib/registry/default/ui/tooltip/TooltipTrigger.vue'
+import { Tooltip, TooltipContent, TooltipTrigger } from '@/lib/registry/default/ui/tooltip'
 import { type Component, computed } from 'vue'
 import SidebarMenuButtonChild, { type SidebarMenuButtonProps } from './SidebarMenuButtonChild.vue'
 import { useSidebar } from './utils'

apps/www/src/lib/registry/default/ui/sidebar/SidebarMenuSkeleton.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import Skeleton from '@/lib/registry/default/ui/skeleton/Skeleton.vue'
+import { Skeleton } from '@/lib/registry/default/ui/skeleton'
 import { cn } from '@/lib/utils'
 import { computed, type HTMLAttributes } from 'vue'
 

apps/www/src/lib/registry/default/ui/sidebar/SidebarProvider.vue

@@ -72,6 +72,7 @@ provideSidebarContext({
         '--sidebar-width-icon': SIDEBAR_WIDTH_ICON,
       }"
       :class="cn('group/sidebar-wrapper flex min-h-svh w-full text-sidebar-foreground has-[[data-variant=inset]]:bg-sidebar', props.class)"
+      v-bind="$attrs"
     >
       <slot />
     </div>

apps/www/src/lib/registry/default/ui/sidebar/SidebarSeparator.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from 'vue'
-import Separator from '@/lib/registry/default/ui/separator/Separator.vue'
+import { Separator } from '@/lib/registry/default/ui/separator'
 import { cn } from '@/lib/utils'
 
 const props = defineProps<{

apps/www/src/lib/registry/default/ui/sidebar/SidebarTrigger.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from 'vue'
-import Button from '@/lib/registry/default/ui/button/Button.vue'
+import { Button } from '@/lib/registry/default/ui/button'
 import { cn } from '@/lib/utils'
 import { PanelLeft } from 'lucide-vue-next'
 import { useSidebar } from './utils'

apps/www/src/lib/registry/default/ui/sidebar/index.ts

@@ -1,5 +1,13 @@
+import type { HTMLAttributes } from 'vue'
 import { cva, type VariantProps } from 'class-variance-authority'
 
+export interface SidebarProps {
+  side?: 'left' | 'right'
+  variant?: 'sidebar' | 'floating' | 'inset'
+  collapsible?: 'offcanvas' | 'icon' | 'none'
+  class?: HTMLAttributes['class']
+}
+
 export { default as Sidebar } from './Sidebar.vue'
 export { default as SidebarContent } from './SidebarContent.vue'
 export { default as SidebarFooter } from './SidebarFooter.vue'

apps/www/src/lib/registry/new-york/ui/sidebar/Sidebar.vue

@@ -1,20 +1,14 @@
 <script setup lang="ts">
-import type { HTMLAttributes } from 'vue'
-import Sheet from '@/lib/registry/new-york/ui/sheet/Sheet.vue'
-import SheetContent from '@/lib/registry/new-york/ui/sheet/SheetContent.vue'
+import type { SidebarProps } from '.'
+import { Sheet, SheetContent } from '@/lib/registry/new-york/ui/sheet'
 import { cn } from '@/lib/utils'
 import { SIDEBAR_WIDTH_MOBILE, useSidebar } from './utils'
 
 defineOptions({
   inheritAttrs: false,
 })
 
-const props = withDefaults(defineProps<{
-  side?: 'left' | 'right'
-  variant?: 'sidebar' | 'floating' | 'inset'
-  collapsible?: 'offcanvas' | 'icon' | 'none'
-  class?: HTMLAttributes['class']
-}>(), {
+const props = withDefaults(defineProps<SidebarProps>(), {
   side: 'left',
   variant: 'sidebar',
   collapsible: 'offcanvas',

apps/www/src/lib/registry/new-york/ui/sidebar/SidebarInput.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from 'vue'
-import Input from '@/lib/registry/new-york/ui/input/Input.vue'
+import { Input } from '@/lib/registry/new-york/ui/input'
 import { cn } from '@/lib/utils'
 
 const props = defineProps<{