v1.0.0 initial release

resources/views/components/nav/dropdown-item.blade.php

@@ -0,0 +1,12 @@
+@props([
+    'title' => '',
+])
+
+<li class="z-10">
+    <details>
+        <summary>{{ $title }}</summary>
+        <ul class="p-2 bg-primary">
+            {{ $slot }}
+        </ul>
+    </details>
+</li>

resources/views/components/nav/menu-item.blade.php

@@ -0,0 +1,6 @@
+@props([
+    'label' => '',
+    'link' => null,
+])
+
+<li><a class="whitespace-nowrap" @if($link) href="{{ $link }}" @endif>{{ $label }}</a></li>

resources/views/components/nav/navbar.blade.php

@@ -0,0 +1,33 @@
+<div class="navbar bg-primary text-primary-content shadow-sm">
+    <div class="navbar-start">
+        <!-- Mobile Dropdown -->
+        <div class="dropdown">
+            <div tabindex="0" role="button" class="btn btn-ghost lg:hidden">
+                <x-heroicon-m-bars-4 class="h-5 w-5" />
+            </div>
+            <ul tabindex="0"
+                class="menu menu-sm dropdown-content bg-primary rounded-box z-1 mt-3 w-52 p-2 shadow">
+                {{ $menu }}
+            </ul>
+        </div>
+
+        <!-- Brand -->
+        @if($brand)
+            <a class="btn btn-ghost text-xl">
+                {{ $brand }}
+            </a>
+        @endif
+    </div>
+
+    <!-- Desktop Menu -->
+    <div class="navbar-center hidden lg:flex">
+        <ul class="menu menu-horizontal px-1">
+            {{ $menu }}
+        </ul>
+    </div>
+
+    <!-- User -->
+    <div class="navbar-end">
+        {{ $user ?? '' }}
+    </div>
+</div>

resources/views/components/nav/user-dropdown.blade.php

@@ -0,0 +1,17 @@
+@props([
+    'avatar' => 'https://upload.wikimedia.org/wikipedia/commons/9/99/Sample_User_Icon.png?20200919003010',
+])
+
+<div class="dropdown dropdown-end">
+    <div tabindex="0" role="button" class="btn btn-ghost btn-circle avatar">
+        <div class="w-10 rounded-full">
+            <img
+                    alt="User avatar"
+                    src="{{ $avatar }}" />
+        </div>
+    </div>
+    <ul tabindex="0"
+        class="menu menu-sm dropdown-content bg-primary rounded-box mt-3 w-52 p-2 z-50 drop-shadow-xl">
+        {{ $slot }}
+    </ul>
+</div>