From fe9b5c36f35be5455b781bbcc55f073605f458a0 Mon Sep 17 00:00:00 2001
From: jzunigax2 <125698953+jzunigax2@users.noreply.github.com>
Date: Thu, 7 May 2026 15:46:09 -0600
Subject: [PATCH 1/3] feat(sidenav): add notification slot above storage

---
 src/components/navigation/sidenav/Sidenav.tsx | 26 ++++++++++++-------
 1 file changed, 16 insertions(+), 10 deletions(-)

diff --git a/src/components/navigation/sidenav/Sidenav.tsx b/src/components/navigation/sidenav/Sidenav.tsx
index 3986f93..cdcc014 100644
--- a/src/components/navigation/sidenav/Sidenav.tsx
+++ b/src/components/navigation/sidenav/Sidenav.tsx
@@ -39,6 +39,7 @@ export interface SidenavProps {
   showSubsections?: boolean;
   isCollapsed?: boolean;
   storage?: SidenavStorageProps;
+  notification?: ReactNode;
   onToggleCollapse?: () => void;
 }
 
@@ -55,6 +56,7 @@ export interface SidenavProps {
  * @property {boolean} showSubsections - Determines whether to display the subsections of the sidenav
  * @property {boolean} isCollapsed - Determines whether the sidenav is collapsed or not
  * @property {SidenavStorage} storage - The storage information displayed at the bottom of the sidenav
+ * @property {ReactNode} notification - Optional notification node rendered above the storage section (hidden when collapsed)
  * @property {() => void} onToggleCollapse - A callback function triggered when the collapse button is clicked
  */
 const Sidenav = ({
@@ -66,6 +68,7 @@ const Sidenav = ({
   showSubsections,
   isCollapsed = false,
   storage,
+  notification,
   onToggleCollapse,
 }: SidenavProps) => {
   return (
@@ -94,18 +97,21 @@ const Sidenav = ({
         </div>
       </div>
 
-      {storage && (
+      {(notification || storage) && (
         <div
-          className={`transition-all overflow-hidden duration-300 ${isCollapsed ? 'opacity-0 invisible delay-200' : 'opacity-100 delay-0'}`}
+          className={`flex flex-col transition-all overflow-hidden duration-300 ${isCollapsed ? 'opacity-0 invisible delay-200' : 'opacity-100 delay-0'}`}
         >
-          <SidenavStorage
-            usage={storage.usage}
-            limit={storage.limit}
-            percentage={storage.percentage}
-            onUpgradeClick={storage.onUpgradeClick}
-            upgradeLabel={storage.upgradeLabel}
-            isLoading={storage.isLoading}
-          />
+          {notification && <div className="px-2 pb-2">{notification}</div>}
+          {storage && (
+            <SidenavStorage
+              usage={storage.usage}
+              limit={storage.limit}
+              percentage={storage.percentage}
+              onUpgradeClick={storage.onUpgradeClick}
+              upgradeLabel={storage.upgradeLabel}
+              isLoading={storage.isLoading}
+            />
+          )}
         </div>
       )}
     </div>

From eaf8967826a95d20d23b289af6775fe165027690 Mon Sep 17 00:00:00 2001
From: jzunigax2 <125698953+jzunigax2@users.noreply.github.com>
Date: Thu, 7 May 2026 15:51:49 -0600
Subject: [PATCH 2/3] chore: bump version to 0.1.16

---
 package.json | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index f60e025..c18ae22 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@internxt/ui",
-  "version": "0.1.15",
+  "version": "0.1.16",
   "description": "Library of Internxt components",
   "repository": {
     "type": "git",
@@ -98,4 +98,4 @@
       "prettier --write"
     ]
   }
-}
+}
\ No newline at end of file

From abecabce1ec1fb4e8fb041f67412a1e829d31596 Mon Sep 17 00:00:00 2001
From: jzunigax2 <125698953+jzunigax2@users.noreply.github.com>
Date: Thu, 7 May 2026 20:44:39 -0600
Subject: [PATCH 3/3] fix(sidenav): update snapshot in Sidenav component

---
 .../sidenav/__test__/__snapshots__/Sidenav.test.tsx.snap        | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/navigation/sidenav/__test__/__snapshots__/Sidenav.test.tsx.snap b/src/components/navigation/sidenav/__test__/__snapshots__/Sidenav.test.tsx.snap
index f9c9a4d..4b12928 100644
--- a/src/components/navigation/sidenav/__test__/__snapshots__/Sidenav.test.tsx.snap
+++ b/src/components/navigation/sidenav/__test__/__snapshots__/Sidenav.test.tsx.snap
@@ -717,7 +717,7 @@ exports[`Sidenav Component > should match snapshot with storage 1`] = `
       </div>
     </div>
     <div
-      class="transition-all overflow-hidden duration-300 opacity-100 delay-0"
+      class="flex flex-col transition-all overflow-hidden duration-300 opacity-100 delay-0"
     >
       <div
         class="flex flex-col w-full gap-2.5 px-2 pb-5"