From a40620d69b3536514e121562111f0726d5f567eb Mon Sep 17 00:00:00 2001
From: WK Wong <wingkwong.code@gmail.com>
Date: Wed, 29 Jan 2025 19:52:55 +0800
Subject: [PATCH 1/2] refactor: remove dropdown menu width

---
 apps/docs/app/examples/navbar/with-dropdown-menu/page.tsx      | 1 -
 apps/docs/content/components/navbar/with-dropdown-menu.raw.jsx | 1 -
 packages/components/navbar/stories/navbar.stories.tsx          | 1 -
 3 files changed, 3 deletions(-)

diff --git a/apps/docs/app/examples/navbar/with-dropdown-menu/page.tsx b/apps/docs/app/examples/navbar/with-dropdown-menu/page.tsx
index 4d3cafa58e..b3e3e80d56 100644
--- a/apps/docs/app/examples/navbar/with-dropdown-menu/page.tsx
+++ b/apps/docs/app/examples/navbar/with-dropdown-menu/page.tsx
@@ -59,7 +59,6 @@ export default function Page() {
           </NavbarItem>
           <DropdownMenu
             aria-label="ACME features"
-            className="w-[340px]"
             itemClasses={{
               base: "gap-4",
             }}
diff --git a/apps/docs/content/components/navbar/with-dropdown-menu.raw.jsx b/apps/docs/content/components/navbar/with-dropdown-menu.raw.jsx
index 533d17ebbd..11762cda4e 100644
--- a/apps/docs/content/components/navbar/with-dropdown-menu.raw.jsx
+++ b/apps/docs/content/components/navbar/with-dropdown-menu.raw.jsx
@@ -252,7 +252,6 @@ export default function App() {
           </NavbarItem>
           <DropdownMenu
             aria-label="ACME features"
-            className="w-[340px]"
             itemClasses={{
               base: "gap-4",
             }}
diff --git a/packages/components/navbar/stories/navbar.stories.tsx b/packages/components/navbar/stories/navbar.stories.tsx
index f632aeffb0..dca3978869 100644
--- a/packages/components/navbar/stories/navbar.stories.tsx
+++ b/packages/components/navbar/stories/navbar.stories.tsx
@@ -265,7 +265,6 @@ const WithDropdownTemplate = (args: NavbarProps) => {
             </NavbarItem>
             <DropdownMenu
               aria-label="ACME features"
-              className="w-[340px]"
               itemClasses={{
                 base: "gap-4",
                 wrapper: "py-3",

From dfd2eb759516b37717e2a94797f280e52a5a48e3 Mon Sep 17 00:00:00 2001
From: WK Wong <wingkwong.code@gmail.com>
Date: Fri, 31 Jan 2025 22:28:06 +0800
Subject: [PATCH 2/2] refactor: shorter description

---
 .../examples/navbar/with-dropdown-menu/page.tsx | 10 +++++-----
 .../navbar/with-dropdown-menu.raw.jsx           | 10 +++++-----
 .../navbar/stories/navbar.stories.tsx           | 17 +++++------------
 3 files changed, 15 insertions(+), 22 deletions(-)

diff --git a/apps/docs/app/examples/navbar/with-dropdown-menu/page.tsx b/apps/docs/app/examples/navbar/with-dropdown-menu/page.tsx
index b3e3e80d56..e744da8357 100644
--- a/apps/docs/app/examples/navbar/with-dropdown-menu/page.tsx
+++ b/apps/docs/app/examples/navbar/with-dropdown-menu/page.tsx
@@ -65,35 +65,35 @@ export default function Page() {
           >
             <DropdownItem
               key="autoscaling"
-              description="ACME scales apps to meet user demand, automagically, based on load."
+              description="ACME scales apps based on demand and load"
               startContent={icons.scale}
             >
               Autoscaling
             </DropdownItem>
             <DropdownItem
               key="usage_metrics"
-              description="Real-time metrics to debug issues. Slow query added? We’ll show you exactly where."
+              description="Real-time metrics to debug issues"
               startContent={icons.activity}
             >
               Usage Metrics
             </DropdownItem>
             <DropdownItem
               key="production_ready"
-              description="ACME runs on ACME, join us and others serving requests at web scale."
+              description="ACME runs on ACME, join us at web scale"
               startContent={icons.flash}
             >
               Production Ready
             </DropdownItem>
             <DropdownItem
               key="99_uptime"
-              description="Applications stay on the grid with high availability and high uptime guarantees."
+              description="High availability and uptime guarantees"
               startContent={icons.server}
             >
               +99% Uptime
             </DropdownItem>
             <DropdownItem
               key="supreme_support"
-              description="Overcome any challenge with a supporting team ready to respond."
+              description="Support team ready to respond"
               startContent={icons.user}
             >
               +Supreme Support
diff --git a/apps/docs/content/components/navbar/with-dropdown-menu.raw.jsx b/apps/docs/content/components/navbar/with-dropdown-menu.raw.jsx
index 11762cda4e..cdd2f941eb 100644
--- a/apps/docs/content/components/navbar/with-dropdown-menu.raw.jsx
+++ b/apps/docs/content/components/navbar/with-dropdown-menu.raw.jsx
@@ -258,35 +258,35 @@ export default function App() {
           >
             <DropdownItem
               key="autoscaling"
-              description="ACME scales apps to meet user demand, automagically, based on load."
+              description="ACME scales apps based on demand and load"
               startContent={icons.scale}
             >
               Autoscaling
             </DropdownItem>
             <DropdownItem
               key="usage_metrics"
-              description="Real-time metrics to debug issues. Slow query added? We’ll show you exactly where."
+              description="Real-time metrics to debug issues"
               startContent={icons.activity}
             >
               Usage Metrics
             </DropdownItem>
             <DropdownItem
               key="production_ready"
-              description="ACME runs on ACME, join us and others serving requests at web scale."
+              description="ACME runs on ACME, join us at web scale"
               startContent={icons.flash}
             >
               Production Ready
             </DropdownItem>
             <DropdownItem
               key="99_uptime"
-              description="Applications stay on the grid with high availability and high uptime guarantees."
+              description="High availability and uptime guarantees"
               startContent={icons.server}
             >
               +99% Uptime
             </DropdownItem>
             <DropdownItem
               key="supreme_support"
-              description="Overcome any challenge with a supporting team ready to respond."
+              description="Support team ready to respond"
               startContent={icons.user}
             >
               +Supreme Support
diff --git a/packages/components/navbar/stories/navbar.stories.tsx b/packages/components/navbar/stories/navbar.stories.tsx
index dca3978869..604bf508b3 100644
--- a/packages/components/navbar/stories/navbar.stories.tsx
+++ b/packages/components/navbar/stories/navbar.stories.tsx
@@ -272,42 +272,35 @@ const WithDropdownTemplate = (args: NavbarProps) => {
             >
               <DropdownItem
                 key="autoscaling"
-                description="ACME scales apps to meet user demand, automagically, based on load."
+                description="ACME scales apps based on demand and load"
                 startContent={icons.scale}
               >
                 Autoscaling
               </DropdownItem>
-              <DropdownItem
-                key="safe_and_sound"
-                description="A secure mission control, without the policy headache. Permissions, 2FA, and more."
-                startContent={icons.lock}
-              >
-                Safe and Sound
-              </DropdownItem>
               <DropdownItem
                 key="usage_metrics"
-                description="Real-time metrics to debug issues. Slow query added? We’ll show you exactly where."
+                description="Real-time metrics to debug issues"
                 startContent={icons.activity}
               >
                 Usage Metrics
               </DropdownItem>
               <DropdownItem
                 key="production_ready"
-                description="ACME runs on ACME, join us and others serving requests at web scale."
+                description="ACME runs on ACME, join us at web scale"
                 startContent={icons.flash}
               >
                 Production Ready
               </DropdownItem>
               <DropdownItem
                 key="99_uptime"
-                description="Applications stay on the grid with high availability and high uptime guarantees."
+                description="High availability and uptime guarantees"
                 startContent={icons.server}
               >
                 +99% Uptime
               </DropdownItem>
               <DropdownItem
                 key="supreme_support"
-                description="Overcome any challenge with a supporting team ready to respond."
+                description="Support team ready to respond"
                 startContent={icons.user}
               >
                 +Supreme Support