@akira-io/ui 1.3.1 → 2.0.0

package/dist/chunk-SZUXATOF.js

@@ -1,11 +1,53 @@
-import { SidebarGroup, SidebarGroupContent, SidebarMenu, SidebarMenuItem, SidebarMenuButton, Icon, SidebarGroupLabel, Collapsible, CollapsibleTrigger, CollapsibleContent, Avatar, AvatarImage, AvatarFallback, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuGroup, DropdownMenuItem, useSidebar, useIsMobile, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, Sidebar, SidebarHeader, SidebarContent, SidebarFooter, Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbPage, BreadcrumbLink, BreadcrumbSeparator, SidebarTrigger } from './chunk-B3L6PRLX.js';
-import { hrefToString, resolveLink } from './chunk-L2H5GIF7.js';
-import { Separator } from './chunk-3Z2VGVPI.js';
-import { cn, compactRadius, Button } from './chunk-KHOA4TEI.js';
-import { useState, useCallback, Fragment as Fragment$1, useEffect } from 'react';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { ChevronDown, Settings, LogOut, ChevronsUpDown, Search } from 'lucide-react';
+import {
+  Avatar,
+  AvatarFallback,
+  AvatarImage,
+  Breadcrumb,
+  BreadcrumbItem,
+  BreadcrumbLink,
+  BreadcrumbList,
+  BreadcrumbPage,
+  BreadcrumbSeparator,
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger,
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuSeparator,
+  DropdownMenuTrigger,
+  Icon,
+  Sidebar,
+  SidebarContent,
+  SidebarFooter,
+  SidebarGroup,
+  SidebarGroupContent,
+  SidebarGroupLabel,
+  SidebarHeader,
+  SidebarMenu,
+  SidebarMenuButton,
+  SidebarMenuItem,
+  SidebarTrigger,
+  useIsMobile,
+  useSidebar
+} from "./chunk-B3L6PRLX.js";
+import {
+  hrefToString,
+  resolveLink
+} from "./chunk-L2H5GIF7.js";
+import {
+  Separator
+} from "./chunk-3Z2VGVPI.js";
+import {
+  Button,
+  cn,
+  compactRadius
+} from "./chunk-KHOA4TEI.js";
 
+// src/hooks/use-collapsed-groups.tsx
+import { useCallback, useState } from "react";
 var SIDEBAR_COLLAPSED_GROUPS_KEY = "akira-ui:collapsed-nav-groups";
 function readCollapsedGroups() {
   if (typeof window === "undefined") {
@@ -72,8 +114,11 @@ function useCollapsedGroup({
   const source = isControlled ? collapsedGroups : storedGroups;
   return { open: !source.includes(group), setOpen };
 }
+
+// src/hooks/use-initials.tsx
+import { useCallback as useCallback2 } from "react";
 function useInitials() {
-  return useCallback((fullName) => {
+  return useCallback2((fullName) => {
     const names = fullName.trim().split(" ");
     if (names.length === 0) return "";
     if (names.length === 1) return names[0].charAt(0).toUpperCase();
@@ -82,6 +127,9 @@ function useInitials() {
     return `${firstInitial}${lastInitial}`.toUpperCase();
   }, []);
 }
+
+// src/shells/nav-footer.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
 function NavFooter({
   items,
   className,
@@ -120,6 +168,10 @@ function NavFooter({
     }
   );
 }
+
+// src/shells/nav-main.tsx
+import { ChevronDown } from "lucide-react";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 function isItemActive(item, currentUrl) {
   if (item.isActive !== void 0) {
     return item.isActive;
@@ -150,28 +202,28 @@ function NavMain({
     onCollapsedChange
   });
   const expanded = open || holdsCurrentRoute;
-  const menu = /* @__PURE__ */ jsx(SidebarMenu, { children: items.map((item) => /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsx(
+  const menu = /* @__PURE__ */ jsx2(SidebarMenu, { children: items.map((item) => /* @__PURE__ */ jsx2(SidebarMenuItem, { children: /* @__PURE__ */ jsx2(
     SidebarMenuButton,
     {
       asChild: true,
       isActive: isItemActive(item, currentUrl),
       tooltip: { children: item.title },
-      children: /* @__PURE__ */ jsxs(Link, { href: item.href, prefetch: true, children: [
-        item.icon && /* @__PURE__ */ jsx(item.icon, {}),
-        /* @__PURE__ */ jsx("span", { children: item.title })
+      children: /* @__PURE__ */ jsxs2(Link, { href: item.href, prefetch: true, children: [
+        item.icon && /* @__PURE__ */ jsx2(item.icon, {}),
+        /* @__PURE__ */ jsx2("span", { children: item.title })
       ] })
     }
   ) }, item.title)) });
   if (!collapsible || !label) {
-    return /* @__PURE__ */ jsxs(SidebarGroup, { className: "px-2 py-0", children: [
-      label && /* @__PURE__ */ jsx(SidebarGroupLabel, { children: label }),
+    return /* @__PURE__ */ jsxs2(SidebarGroup, { className: "px-2 py-0", children: [
+      label && /* @__PURE__ */ jsx2(SidebarGroupLabel, { children: label }),
       menu
     ] });
   }
-  return /* @__PURE__ */ jsx(SidebarGroup, { className: "px-2 py-0", children: /* @__PURE__ */ jsxs(Collapsible, { open: expanded, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsx(CollapsibleTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(SidebarGroupLabel, { className: "w-full cursor-pointer justify-between", children: [
+  return /* @__PURE__ */ jsx2(SidebarGroup, { className: "px-2 py-0", children: /* @__PURE__ */ jsxs2(Collapsible, { open: expanded, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx2(CollapsibleTrigger, { asChild: true, children: /* @__PURE__ */ jsxs2(SidebarGroupLabel, { className: "w-full cursor-pointer justify-between", children: [
       label,
-      /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx2(
         ChevronDown,
         {
           className: cn(
@@ -181,16 +233,19 @@ function NavMain({
         }
       )
     ] }) }),
-    /* @__PURE__ */ jsx(CollapsibleContent, { children: menu })
+    /* @__PURE__ */ jsx2(CollapsibleContent, { children: menu })
   ] }) });
 }
+
+// src/shells/user-info.tsx
+import { Fragment, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 function UserInfo({
   user,
   showEmail = false
 }) {
   const getInitials = useInitials();
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs3(Fragment, { children: [
+    /* @__PURE__ */ jsxs3(
       Avatar,
       {
         className: cn(
@@ -198,8 +253,8 @@ function UserInfo({
           "group-data-[collapsible=icon]:size-10"
         ),
         children: [
-          /* @__PURE__ */ jsx(AvatarImage, { src: user.avatar, alt: user.name }),
-          /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx3(AvatarImage, { src: user.avatar, alt: user.name }),
+          /* @__PURE__ */ jsx3(
             AvatarFallback,
             {
               className: cn(compactRadius, "bg-muted text-foreground"),
@@ -209,19 +264,23 @@ function UserInfo({
         ]
       }
     ),
-    /* @__PURE__ */ jsxs(
+    /* @__PURE__ */ jsxs3(
       "div",
       {
         "data-slot": "user-info-identity",
         className: "text-sm leading-tight grid flex-1 text-left group-data-[collapsible=icon]:hidden",
         children: [
-          /* @__PURE__ */ jsx("span", { className: "font-medium truncate", children: user.name }),
-          showEmail && /* @__PURE__ */ jsx("span", { className: "text-xs truncate text-muted-foreground", children: user.email })
+          /* @__PURE__ */ jsx3("span", { className: "font-medium truncate", children: user.name }),
+          showEmail && /* @__PURE__ */ jsx3("span", { className: "text-xs truncate text-muted-foreground", children: user.email })
         ]
       }
     )
   ] });
 }
+
+// src/shells/user-menu-content.tsx
+import { LogOut, Settings } from "lucide-react";
+import { Fragment as Fragment2, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 function UserMenuContent({
   user,
   settingsHref,
@@ -233,10 +292,10 @@ function UserMenuContent({
   logoutLabel = "Log out"
 }) {
   const Link = resolveLink(linkComponent);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(DropdownMenuLabel, { className: "p-0 font-normal", children: /* @__PURE__ */ jsx("div", { className: "gap-2 px-1 py-1.5 text-sm flex items-center text-left", children: /* @__PURE__ */ jsx(UserInfo, { user, showEmail: true }) }) }),
-    /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
-    /* @__PURE__ */ jsx(DropdownMenuGroup, { children: /* @__PURE__ */ jsx(DropdownMenuItem, { asChild: true, children: /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs4(Fragment2, { children: [
+    /* @__PURE__ */ jsx4(DropdownMenuLabel, { className: "p-0 font-normal", children: /* @__PURE__ */ jsx4("div", { className: "gap-2 px-1 py-1.5 text-sm flex items-center text-left", children: /* @__PURE__ */ jsx4(UserInfo, { user, showEmail: true }) }) }),
+    /* @__PURE__ */ jsx4(DropdownMenuSeparator, {}),
+    /* @__PURE__ */ jsx4(DropdownMenuGroup, { children: /* @__PURE__ */ jsx4(DropdownMenuItem, { asChild: true, children: /* @__PURE__ */ jsxs4(
       Link,
       {
         className: "block w-full",
@@ -245,13 +304,13 @@ function UserMenuContent({
         prefetch: true,
         onClick: onSettingsClick,
         children: [
-          /* @__PURE__ */ jsx(Settings, { className: "mr-2" }),
+          /* @__PURE__ */ jsx4(Settings, { className: "mr-2" }),
           settingsLabel
         ]
       }
     ) }) }),
-    /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
-    /* @__PURE__ */ jsx(DropdownMenuItem, { asChild: true, children: /* @__PURE__ */ jsxs(
+    /* @__PURE__ */ jsx4(DropdownMenuSeparator, {}),
+    /* @__PURE__ */ jsx4(DropdownMenuItem, { asChild: true, children: /* @__PURE__ */ jsxs4(
       Link,
       {
         className: "block w-full",
@@ -260,13 +319,17 @@ function UserMenuContent({
         onClick: onLogout,
         "data-test": "logout-button",
         children: [
-          /* @__PURE__ */ jsx(LogOut, { className: "mr-2" }),
+          /* @__PURE__ */ jsx4(LogOut, { className: "mr-2" }),
           logoutLabel
         ]
       }
     ) })
   ] });
 }
+
+// src/shells/nav-user.tsx
+import { ChevronsUpDown } from "lucide-react";
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 function NavUser({
   user,
   settingsHref,
@@ -277,15 +340,15 @@ function NavUser({
 }) {
   const { state } = useSidebar();
   const isMobile = useIsMobile();
-  return /* @__PURE__ */ jsx(SidebarMenu, { children: /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsxs(DropdownMenu, { children: [
-    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsx5(SidebarMenu, { children: /* @__PURE__ */ jsx5(SidebarMenuItem, { children: /* @__PURE__ */ jsxs5(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx5(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs5(
       SidebarMenuButton,
       {
         className: "group group-data-[collapsible=icon]:p-0! cursor-pointer bg-sidebar-accent text-sidebar-accent-foreground hover:bg-sidebar-accent-hover data-[state=open]:bg-sidebar-accent-hover",
         "data-test": "sidebar-menu-button",
         children: [
-          /* @__PURE__ */ jsx(UserInfo, { user }),
-          /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx5(UserInfo, { user }),
+          /* @__PURE__ */ jsx5(
             ChevronsUpDown,
             {
               "data-slot": "nav-user-chevron",
@@ -295,13 +358,13 @@ function NavUser({
         ]
       }
     ) }),
-    /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx5(
       DropdownMenuContent,
       {
         className: "min-w-56 rounded-xl w-(--radix-dropdown-menu-trigger-width)",
         align: "end",
         side: isMobile ? "bottom" : state === "collapsed" ? "left" : "bottom",
-        children: /* @__PURE__ */ jsx(
+        children: /* @__PURE__ */ jsx5(
           UserMenuContent,
           {
             user,
@@ -316,6 +379,9 @@ function NavUser({
     )
   ] }) }) });
 }
+
+// src/shells/app-sidebar.tsx
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
 function mostSpecificActiveHref(groups, currentUrl) {
   let best = "";
   for (const group of groups) {
@@ -354,9 +420,9 @@ function AppSidebar({
       isActive: hrefToString(item.href) === activeHref
     }))
   }));
-  return /* @__PURE__ */ jsxs(Sidebar, { collapsible: "icon", variant: "inset", children: [
-    /* @__PURE__ */ jsx(SidebarHeader, { children: /* @__PURE__ */ jsx(SidebarMenu, { children: /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsx(SidebarMenuButton, { asChild: true, children: /* @__PURE__ */ jsx(Link, { href: logoHref, prefetch: true, children: logo }) }) }) }) }),
-    /* @__PURE__ */ jsx(SidebarContent, { children: resolvedGroups.map((group, index) => /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs6(Sidebar, { collapsible: "icon", variant: "inset", children: [
+    /* @__PURE__ */ jsx6(SidebarHeader, { children: /* @__PURE__ */ jsx6(SidebarMenu, { children: /* @__PURE__ */ jsx6(SidebarMenuItem, { children: /* @__PURE__ */ jsx6(SidebarMenuButton, { asChild: true, children: /* @__PURE__ */ jsx6(Link, { href: logoHref, prefetch: true, children: logo }) }) }) }) }),
+    /* @__PURE__ */ jsx6(SidebarContent, { children: resolvedGroups.map((group, index) => /* @__PURE__ */ jsx6(
       NavMain,
       {
         items: group.items,
@@ -369,9 +435,9 @@ function AppSidebar({
       },
       group.label ?? index
     )) }),
-    /* @__PURE__ */ jsxs(SidebarFooter, { children: [
-      footerItems.length > 0 && /* @__PURE__ */ jsx(NavFooter, { items: footerItems, className: "mt-auto" }),
-      /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsxs6(SidebarFooter, { children: [
+      footerItems.length > 0 && /* @__PURE__ */ jsx6(NavFooter, { items: footerItems, className: "mt-auto" }),
+      /* @__PURE__ */ jsx6(
         NavUser,
         {
           user,
@@ -385,6 +451,10 @@ function AppSidebar({
     ] })
   ] });
 }
+
+// src/shells/breadcrumbs.tsx
+import { Fragment as Fragment3 } from "react";
+import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
 function Breadcrumbs({
   breadcrumbs,
   linkComponent
@@ -393,29 +463,34 @@ function Breadcrumbs({
   if (breadcrumbs.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ jsx(Breadcrumb, { children: /* @__PURE__ */ jsx(BreadcrumbList, { children: breadcrumbs.map((item, index) => {
+  return /* @__PURE__ */ jsx7(Breadcrumb, { children: /* @__PURE__ */ jsx7(BreadcrumbList, { children: breadcrumbs.map((item, index) => {
     const isLast = index === breadcrumbs.length - 1;
-    return /* @__PURE__ */ jsxs(Fragment$1, { children: [
-      /* @__PURE__ */ jsx(BreadcrumbItem, { children: isLast ? /* @__PURE__ */ jsx(BreadcrumbPage, { children: item.title }) : /* @__PURE__ */ jsx(BreadcrumbLink, { asChild: true, children: /* @__PURE__ */ jsx(Link, { href: item.href, children: item.title }) }) }),
-      !isLast && /* @__PURE__ */ jsx(BreadcrumbSeparator, {})
+    return /* @__PURE__ */ jsxs7(Fragment3, { children: [
+      /* @__PURE__ */ jsx7(BreadcrumbItem, { children: isLast ? /* @__PURE__ */ jsx7(BreadcrumbPage, { children: item.title }) : /* @__PURE__ */ jsx7(BreadcrumbLink, { asChild: true, children: /* @__PURE__ */ jsx7(Link, { href: item.href, children: item.title }) }) }),
+      !isLast && /* @__PURE__ */ jsx7(BreadcrumbSeparator, {})
     ] }, index);
   }) }) });
 }
+
+// src/shells/app-sidebar-header.tsx
+import { Search } from "lucide-react";
+import { useEffect, useState as useState2 } from "react";
+import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
 function AppSidebarHeader({
   breadcrumbs = [],
   linkComponent,
   onSearchClick,
   searchLabel = "Search..."
 }) {
-  const [modifier, setModifier] = useState("Ctrl");
+  const [modifier, setModifier] = useState2("Ctrl");
   useEffect(() => {
     const platform = navigator.userAgent;
     setModifier(/Mac|iPhone|iPad|iPod/.test(platform) ? "\u2318" : "Ctrl");
   }, []);
-  return /* @__PURE__ */ jsxs("header", { className: "h-16 gap-2 px-6 group-has-data-[collapsible=icon]/sidebar-wrapper:h-12 md:px-4 flex shrink-0 items-center border-b border-sidebar-border/50 transition-[width,height] ease-linear", children: [
-    /* @__PURE__ */ jsxs("div", { className: "gap-2 flex items-center", children: [
-      /* @__PURE__ */ jsx(SidebarTrigger, { className: "-ml-1" }),
-      /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs8("header", { className: "h-16 gap-2 px-6 group-has-data-[collapsible=icon]/sidebar-wrapper:h-12 md:px-4 flex shrink-0 items-center border-b border-sidebar-border/50 transition-[width,height] ease-linear", children: [
+    /* @__PURE__ */ jsxs8("div", { className: "gap-2 flex items-center", children: [
+      /* @__PURE__ */ jsx8(SidebarTrigger, { className: "-ml-1" }),
+      /* @__PURE__ */ jsx8(
         Breadcrumbs,
         {
           breadcrumbs,
@@ -423,33 +498,39 @@ function AppSidebarHeader({
         }
       )
     ] }),
-    onSearchClick && /* @__PURE__ */ jsxs(
+    onSearchClick && /* @__PURE__ */ jsxs8(
       "button",
       {
         type: "button",
         onClick: onSearchClick,
         className: "h-9 w-56 gap-2 rounded-xl px-3 text-sm ml-auto flex items-center border border-border/60 bg-muted/30 text-muted-foreground transition-colors hover:bg-muted/50",
         children: [
-          /* @__PURE__ */ jsx(Search, { className: "size-4" }),
-          /* @__PURE__ */ jsx("span", { children: searchLabel }),
-          /* @__PURE__ */ jsxs("kbd", { className: "gap-0.5 px-1.5 py-0.5 font-semibold rounded-xl ml-auto inline-flex items-center border border-border/60 bg-background font-sans text-[10px] text-muted-foreground", children: [
-            /* @__PURE__ */ jsx("span", { children: modifier }),
-            /* @__PURE__ */ jsx("span", { children: "K" })
+          /* @__PURE__ */ jsx8(Search, { className: "size-4" }),
+          /* @__PURE__ */ jsx8("span", { children: searchLabel }),
+          /* @__PURE__ */ jsxs8("kbd", { className: "gap-0.5 px-1.5 py-0.5 font-semibold rounded-xl ml-auto inline-flex items-center border border-border/60 bg-background font-sans text-[10px] text-muted-foreground", children: [
+            /* @__PURE__ */ jsx8("span", { children: modifier }),
+            /* @__PURE__ */ jsx8("span", { children: "K" })
           ] })
         ]
       }
     )
   ] });
 }
+
+// src/shells/heading.tsx
+import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
 function Heading({
   title,
   description
 }) {
-  return /* @__PURE__ */ jsxs("div", { className: "mb-8 space-y-0.5", children: [
-    /* @__PURE__ */ jsx("h2", { className: "text-xl font-semibold tracking-tight", children: title }),
-    description && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: description })
+  return /* @__PURE__ */ jsxs9("div", { className: "mb-8 space-y-0.5", children: [
+    /* @__PURE__ */ jsx9("h2", { className: "text-xl font-semibold tracking-tight", children: title }),
+    description && /* @__PURE__ */ jsx9("p", { className: "text-sm text-muted-foreground", children: description })
   ] });
 }
+
+// src/shells/settings-layout.tsx
+import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
 function SettingsLayout({
   items,
   linkComponent,
@@ -461,12 +542,12 @@ function SettingsLayout({
 }) {
   const Link = resolveLink(linkComponent);
   const activePath = currentPath ?? (typeof window === "undefined" ? "" : window.location.pathname);
-  return /* @__PURE__ */ jsxs("div", { className: "px-4 py-6", children: [
-    /* @__PURE__ */ jsx(Heading, { title, description }),
-    /* @__PURE__ */ jsxs("div", { className: "lg:flex-row lg:space-x-12 flex flex-col", children: [
-      /* @__PURE__ */ jsx("aside", { className: "max-w-xl lg:w-48 w-full", children: /* @__PURE__ */ jsx("nav", { className: "space-y-1 space-x-0 flex flex-col", children: items.map((item, index) => {
+  return /* @__PURE__ */ jsxs10("div", { className: "px-4 py-6", children: [
+    /* @__PURE__ */ jsx10(Heading, { title, description }),
+    /* @__PURE__ */ jsxs10("div", { className: "lg:flex-row lg:space-x-12 flex flex-col", children: [
+      /* @__PURE__ */ jsx10("aside", { className: "max-w-xl lg:w-48 w-full", children: /* @__PURE__ */ jsx10("nav", { className: "space-y-1 space-x-0 flex flex-col", children: items.map((item, index) => {
         const href = hrefToString(item.href);
-        return /* @__PURE__ */ jsx(
+        return /* @__PURE__ */ jsx10(
           Button,
           {
             size: "sm",
@@ -475,22 +556,22 @@ function SettingsLayout({
             className: cn("w-full justify-start", {
               "bg-muted": activePath === href
             }),
-            children: /* @__PURE__ */ jsxs(Link, { href: item.href, children: [
-              item.icon && /* @__PURE__ */ jsx(item.icon, { className: "h-4 w-4" }),
+            children: /* @__PURE__ */ jsxs10(Link, { href: item.href, children: [
+              item.icon && /* @__PURE__ */ jsx10(item.icon, { className: "h-4 w-4" }),
               item.title
             ] })
           },
           `${href}-${index}`
         );
       }) }) }),
-      /* @__PURE__ */ jsx(Separator, { className: "my-6 lg:hidden" }),
-      /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx10(Separator, { className: "my-6 lg:hidden" }),
+      /* @__PURE__ */ jsx10(
         "div",
         {
           className: cn(
             wide ? "min-w-0 flex-1" : "md:max-w-2xl flex-1"
           ),
-          children: /* @__PURE__ */ jsx(
+          children: /* @__PURE__ */ jsx10(
             "section",
             {
               className: cn(
@@ -506,6 +587,19 @@ function SettingsLayout({
   ] });
 }
 
-export { AppSidebar, AppSidebarHeader, Breadcrumbs, Heading, NavFooter, NavMain, NavUser, SIDEBAR_COLLAPSED_GROUPS_KEY, SettingsLayout, UserInfo, UserMenuContent, useCollapsedGroup, useInitials };
-//# sourceMappingURL=chunk-SZUXATOF.js.map
+export {
+  SIDEBAR_COLLAPSED_GROUPS_KEY,
+  useCollapsedGroup,
+  useInitials,
+  NavFooter,
+  NavMain,
+  UserInfo,
+  UserMenuContent,
+  NavUser,
+  AppSidebar,
+  Breadcrumbs,
+  AppSidebarHeader,
+  Heading,
+  SettingsLayout
+};
 //# sourceMappingURL=chunk-SZUXATOF.js.map