first commit

resources/js/components/ui/sidebar/SidebarContent.svelte

@@ -0,0 +1,14 @@
+<script lang="ts">
+    import type { Snippet } from 'svelte';
+    import { cn } from '@/lib/utils';
+
+    let { class: className = '', children }: { class?: string; children?: Snippet } = $props();
+</script>
+
+<div
+    data-slot="sidebar-content"
+    data-sidebar="content"
+    class={cn('flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden', className)}
+>
+    {@render children?.()}
+</div>