@akira-io/ui 1.3.1 → 2.1.0

package/dist/{chunk-SZUXATOF.js → chunk-XLAOE5MV.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-ZQXZ4UGE.js";
+import {
+  hrefToString,
+  resolveLink
+} from "./chunk-L2H5GIF7.js";
+import {
+  Separator
+} from "./chunk-53V4J7MC.js";
+import {
+  Button,
+  cn,
+  compactRadius
+} from "./chunk-PPWJK5T3.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
-//# sourceMappingURL=chunk-SZUXATOF.js.map
+export {
+  SIDEBAR_COLLAPSED_GROUPS_KEY,
+  useCollapsedGroup,
+  useInitials,
+  NavFooter,
+  NavMain,
+  UserInfo,
+  UserMenuContent,
+  NavUser,
+  AppSidebar,
+  Breadcrumbs,
+  AppSidebarHeader,
+  Heading,
+  SettingsLayout
+};
+//# sourceMappingURL=chunk-XLAOE5MV.js.map

package/dist/chunk-XLAOE5MV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/use-collapsed-groups.tsx","../src/hooks/use-initials.tsx","../src/shells/nav-footer.tsx","../src/shells/nav-main.tsx","../src/shells/user-info.tsx","../src/shells/user-menu-content.tsx","../src/shells/nav-user.tsx","../src/shells/app-sidebar.tsx","../src/shells/breadcrumbs.tsx","../src/shells/app-sidebar-header.tsx","../src/shells/heading.tsx","../src/shells/settings-layout.tsx"],"sourcesContent":["import { useCallback, useState } from 'react';\n\nexport const SIDEBAR_COLLAPSED_GROUPS_KEY = 'akira-ui:collapsed-nav-groups';\n\nfunction readCollapsedGroups(): string[] | null {\n    if (typeof window === 'undefined') {\n        return null;\n    }\n\n    try {\n        const raw = window.localStorage.getItem(SIDEBAR_COLLAPSED_GROUPS_KEY);\n\n        if (raw === null) {\n            return null;\n        }\n\n        const parsed: unknown = JSON.parse(raw);\n\n        return Array.isArray(parsed)\n            ? parsed.filter(\n                  (entry): entry is string => typeof entry === 'string',\n              )\n            : null;\n    } catch {\n        return null;\n    }\n}\n\nfunction writeCollapsedGroups(groups: string[]): void {\n    if (typeof window === 'undefined') {\n        return;\n    }\n\n    try {\n        window.localStorage.setItem(\n            SIDEBAR_COLLAPSED_GROUPS_KEY,\n            JSON.stringify(groups),\n        );\n    } catch {\n        return;\n    }\n}\n\nfunction withGroup(groups: string[], group: string, collapsed: boolean) {\n    if (!collapsed) {\n        return groups.filter((entry) => entry !== group);\n    }\n\n    return groups.includes(group) ? groups : [...groups, group];\n}\n\nexport interface CollapsedGroupsOptions {\n    group: string;\n    defaultOpen?: boolean;\n    collapsedGroups?: string[];\n    onCollapsedChange?: (collapsedGroups: string[]) => void;\n}\n\nexport function useCollapsedGroup({\n    group,\n    defaultOpen = true,\n    collapsedGroups,\n    onCollapsedChange,\n}: CollapsedGroupsOptions) {\n    const isControlled =\n        collapsedGroups !== undefined && onCollapsedChange !== undefined;\n\n    const [storedGroups, setStoredGroups] = useState<string[]>(\n        () => readCollapsedGroups() ?? (defaultOpen ? [] : [group]),\n    );\n\n    const setOpen = useCallback(\n        (open: boolean) => {\n            if (isControlled) {\n                onCollapsedChange(withGroup(collapsedGroups, group, !open));\n\n                return;\n            }\n\n            const next = withGroup(\n                readCollapsedGroups() ?? storedGroups,\n                group,\n                !open,\n            );\n\n            setStoredGroups(next);\n            writeCollapsedGroups(next);\n        },\n        [collapsedGroups, group, isControlled, onCollapsedChange, storedGroups],\n    );\n\n    const source = isControlled ? collapsedGroups : storedGroups;\n\n    return { open: !source.includes(group), setOpen };\n}\n","import { useCallback } from 'react';\n\nexport function useInitials() {\n    return useCallback((fullName: string): string => {\n        const names = fullName.trim().split(' ');\n\n        if (names.length === 0) return '';\n        if (names.length === 1) return names[0].charAt(0).toUpperCase();\n\n        const firstInitial = names[0].charAt(0);\n        const lastInitial = names[names.length - 1].charAt(0);\n\n        return `${firstInitial}${lastInitial}`.toUpperCase();\n    }, []);\n}\n","import { type ComponentPropsWithoutRef } from 'react';\n\nimport { Icon } from '@/components/ui/icon';\nimport {\n    SidebarGroup,\n    SidebarGroupContent,\n    SidebarMenu,\n    SidebarMenuButton,\n    SidebarMenuItem,\n} from '@/components/ui/sidebar';\nimport { hrefToString } from '@/lib/href';\nimport type { NavItem } from '@/types';\n\nexport function NavFooter({\n    items,\n    className,\n    ...props\n}: ComponentPropsWithoutRef<typeof SidebarGroup> & {\n    items: NavItem[];\n}) {\n    return (\n        <SidebarGroup\n            {...props}\n            className={`group-data-[collapsible=icon]:p-0 ${className || ''}`}\n        >\n            <SidebarGroupContent>\n                <SidebarMenu>\n                    {items.map((item) => (\n                        <SidebarMenuItem key={item.title}>\n                            <SidebarMenuButton\n                                asChild\n                                className=\"text-muted-foreground hover:text-foreground\"\n                            >\n                                <a\n                                    href={hrefToString(item.href)}\n                                    target=\"_blank\"\n                                    rel=\"noopener noreferrer\"\n                                >\n                                    {item.icon && (\n                                        <Icon\n                                            iconNode={item.icon}\n                                            className=\"h-5 w-5\"\n                                        />\n                                    )}\n                                    <span>{item.title}</span>\n                                </a>\n                            </SidebarMenuButton>\n                        </SidebarMenuItem>\n                    ))}\n                </SidebarMenu>\n            </SidebarGroupContent>\n        </SidebarGroup>\n    );\n}\n","import { ChevronDown } from 'lucide-react';\n\nimport {\n    Collapsible,\n    CollapsibleContent,\n    CollapsibleTrigger,\n} from '@/components/ui/collapsible';\nimport {\n    SidebarGroup,\n    SidebarGroupLabel,\n    SidebarMenu,\n    SidebarMenuButton,\n    SidebarMenuItem,\n} from '@/components/ui/sidebar';\nimport { useCollapsedGroup } from '@/hooks/use-collapsed-groups';\nimport { hrefToString, resolveLink } from '@/lib/href';\nimport { cn } from '@/lib/utils';\nimport type { LinkComponent, NavItem } from '@/types';\n\nfunction isItemActive(item: NavItem, currentUrl: string): boolean {\n    if (item.isActive !== undefined) {\n        return item.isActive;\n    }\n\n    if (!currentUrl) {\n        return false;\n    }\n\n    return currentUrl.startsWith(hrefToString(item.href));\n}\n\nexport interface NavMainProps {\n    items: NavItem[];\n    label?: string;\n    currentUrl?: string;\n    linkComponent?: LinkComponent;\n    collapsible?: boolean;\n    defaultOpen?: boolean;\n    collapsedGroups?: string[];\n    onCollapsedChange?: (collapsedGroups: string[]) => void;\n}\n\nexport function NavMain({\n    items = [],\n    label = 'Platform',\n    currentUrl = '',\n    linkComponent,\n    collapsible = false,\n    defaultOpen = true,\n    collapsedGroups,\n    onCollapsedChange,\n}: NavMainProps) {\n    const Link = resolveLink(linkComponent);\n    const holdsCurrentRoute = items.some((item) =>\n        isItemActive(item, currentUrl),\n    );\n    const { open, setOpen } = useCollapsedGroup({\n        group: label,\n        defaultOpen,\n        collapsedGroups,\n        onCollapsedChange,\n    });\n    const expanded = open || holdsCurrentRoute;\n\n    const menu = (\n        <SidebarMenu>\n            {items.map((item) => (\n                <SidebarMenuItem key={item.title}>\n                    <SidebarMenuButton\n                        asChild\n                        isActive={isItemActive(item, currentUrl)}\n                        tooltip={{ children: item.title }}\n                    >\n                        <Link href={item.href} prefetch>\n                            {item.icon && <item.icon />}\n                            <span>{item.title}</span>\n                        </Link>\n                    </SidebarMenuButton>\n                </SidebarMenuItem>\n            ))}\n        </SidebarMenu>\n    );\n\n    if (!collapsible || !label) {\n        return (\n            <SidebarGroup className=\"px-2 py-0\">\n                {label && <SidebarGroupLabel>{label}</SidebarGroupLabel>}\n                {menu}\n            </SidebarGroup>\n        );\n    }\n\n    return (\n        <SidebarGroup className=\"px-2 py-0\">\n            <Collapsible open={expanded} onOpenChange={setOpen}>\n                <CollapsibleTrigger asChild>\n                    <SidebarGroupLabel className=\"w-full cursor-pointer justify-between\">\n                        {label}\n                        <ChevronDown\n                            className={cn(\n                                'size-4 transition-transform',\n                                !expanded && '-rotate-90',\n                            )}\n                        />\n                    </SidebarGroupLabel>\n                </CollapsibleTrigger>\n                <CollapsibleContent>{menu}</CollapsibleContent>\n            </Collapsible>\n        </SidebarGroup>\n    );\n}\n","import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar';\nimport { useInitials } from '@/hooks/use-initials';\nimport { compactRadius } from '@/lib/language';\nimport { cn } from '@/lib/utils';\nimport type { SharedUser } from '@/types';\n\nexport function UserInfo({\n    user,\n    showEmail = false,\n}: {\n    user: SharedUser;\n    showEmail?: boolean;\n}) {\n    const getInitials = useInitials();\n\n    return (\n        <>\n            <Avatar\n                className={cn(\n                    compactRadius,\n                    'group-data-[collapsible=icon]:size-10',\n                )}\n            >\n                <AvatarImage src={user.avatar} alt={user.name} />\n                <AvatarFallback\n                    className={cn(compactRadius, 'bg-muted text-foreground')}\n                >\n                    {getInitials(user.name)}\n                </AvatarFallback>\n            </Avatar>\n            <div\n                data-slot=\"user-info-identity\"\n                className=\"text-sm leading-tight grid flex-1 text-left group-data-[collapsible=icon]:hidden\"\n            >\n                <span className=\"font-medium truncate\">{user.name}</span>\n                {showEmail && (\n                    <span className=\"text-xs truncate text-muted-foreground\">\n                        {user.email}\n                    </span>\n                )}\n            </div>\n        </>\n    );\n}\n","import { LogOut, Settings } from 'lucide-react';\n\nimport {\n    DropdownMenuGroup,\n    DropdownMenuItem,\n    DropdownMenuLabel,\n    DropdownMenuSeparator,\n} from '@/components/ui/dropdown-menu';\nimport { resolveLink } from '@/lib/href';\nimport type { LinkComponent, SharedUser, UrlLike } from '@/types';\nimport { UserInfo } from './user-info';\n\ninterface UserMenuContentProps {\n    user: SharedUser;\n    settingsHref: UrlLike;\n    logoutHref: UrlLike;\n    linkComponent?: LinkComponent;\n    onSettingsClick?: () => void;\n    onLogout?: () => void;\n    settingsLabel?: string;\n    logoutLabel?: string;\n}\n\nexport function UserMenuContent({\n    user,\n    settingsHref,\n    logoutHref,\n    linkComponent,\n    onSettingsClick,\n    onLogout,\n    settingsLabel = 'Settings',\n    logoutLabel = 'Log out',\n}: UserMenuContentProps) {\n    const Link = resolveLink(linkComponent);\n\n    return (\n        <>\n            <DropdownMenuLabel className=\"p-0 font-normal\">\n                <div className=\"gap-2 px-1 py-1.5 text-sm flex items-center text-left\">\n                    <UserInfo user={user} showEmail={true} />\n                </div>\n            </DropdownMenuLabel>\n            <DropdownMenuSeparator />\n            <DropdownMenuGroup>\n                <DropdownMenuItem asChild>\n                    <Link\n                        className=\"block w-full\"\n                        href={settingsHref}\n                        as=\"button\"\n                        prefetch\n                        onClick={onSettingsClick}\n                    >\n                        <Settings className=\"mr-2\" />\n                        {settingsLabel}\n                    </Link>\n                </DropdownMenuItem>\n            </DropdownMenuGroup>\n            <DropdownMenuSeparator />\n            <DropdownMenuItem asChild>\n                <Link\n                    className=\"block w-full\"\n                    href={logoutHref}\n                    as=\"button\"\n                    onClick={onLogout}\n                    data-test=\"logout-button\"\n                >\n                    <LogOut className=\"mr-2\" />\n                    {logoutLabel}\n                </Link>\n            </DropdownMenuItem>\n        </>\n    );\n}\n","import { ChevronsUpDown } from 'lucide-react';\n\nimport {\n    DropdownMenu,\n    DropdownMenuContent,\n    DropdownMenuTrigger,\n} from '@/components/ui/dropdown-menu';\nimport {\n    SidebarMenu,\n    SidebarMenuButton,\n    SidebarMenuItem,\n    useSidebar,\n} from '@/components/ui/sidebar';\nimport { useIsMobile } from '@/hooks/use-mobile';\nimport type { LinkComponent, SharedUser, UrlLike } from '@/types';\nimport { UserInfo } from './user-info';\nimport { UserMenuContent } from './user-menu-content';\n\ninterface NavUserProps {\n    user: SharedUser;\n    settingsHref: UrlLike;\n    logoutHref: UrlLike;\n    linkComponent?: LinkComponent;\n    onSettingsClick?: () => void;\n    onLogout?: () => void;\n}\n\nexport function NavUser({\n    user,\n    settingsHref,\n    logoutHref,\n    linkComponent,\n    onSettingsClick,\n    onLogout,\n}: NavUserProps) {\n    const { state } = useSidebar();\n    const isMobile = useIsMobile();\n\n    return (\n        <SidebarMenu>\n            <SidebarMenuItem>\n                <DropdownMenu>\n                    <DropdownMenuTrigger asChild>\n                        <SidebarMenuButton\n                            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\"\n                            data-test=\"sidebar-menu-button\"\n                        >\n                            <UserInfo user={user} />\n                            <ChevronsUpDown\n                                data-slot=\"nav-user-chevron\"\n                                className=\"size-4 ml-auto group-data-[collapsible=icon]:hidden\"\n                            />\n                        </SidebarMenuButton>\n                    </DropdownMenuTrigger>\n                    <DropdownMenuContent\n                        className=\"min-w-56 rounded-xl w-(--radix-dropdown-menu-trigger-width)\"\n                        align=\"end\"\n                        side={\n                            isMobile\n                                ? 'bottom'\n                                : state === 'collapsed'\n                                  ? 'left'\n                                  : 'bottom'\n                        }\n                    >\n                        <UserMenuContent\n                            user={user}\n                            settingsHref={settingsHref}\n                            logoutHref={logoutHref}\n                            linkComponent={linkComponent}\n                            onSettingsClick={onSettingsClick}\n                            onLogout={onLogout}\n                        />\n                    </DropdownMenuContent>\n                </DropdownMenu>\n            </SidebarMenuItem>\n        </SidebarMenu>\n    );\n}\n","import { type ReactNode } from 'react';\n\nimport {\n    Sidebar,\n    SidebarContent,\n    SidebarFooter,\n    SidebarHeader,\n    SidebarMenu,\n    SidebarMenuButton,\n    SidebarMenuItem,\n} from '@/components/ui/sidebar';\nimport { hrefToString, resolveLink } from '@/lib/href';\nimport type {\n    LinkComponent,\n    NavGroup,\n    NavItem,\n    SharedUser,\n    UrlLike,\n} from '@/types';\nimport { NavFooter } from './nav-footer';\nimport { NavMain } from './nav-main';\nimport { NavUser } from './nav-user';\n\nfunction mostSpecificActiveHref(\n    groups: NavGroup[],\n    currentUrl: string,\n): string {\n    let best = '';\n    for (const group of groups) {\n        for (const item of group.items) {\n            const href = hrefToString(item.href);\n            const matches =\n                currentUrl === href || currentUrl.startsWith(`${href}/`);\n            if (matches && href.length > best.length) {\n                best = href;\n            }\n        }\n    }\n    return best;\n}\n\ninterface AppSidebarProps {\n    logo: ReactNode;\n    logoHref: UrlLike;\n    groups: NavGroup[];\n    footerItems?: NavItem[];\n    user: SharedUser;\n    settingsHref: UrlLike;\n    logoutHref: UrlLike;\n    currentUrl?: string;\n    linkComponent?: LinkComponent;\n    collapsibleGroups?: boolean;\n    collapsedGroups?: string[];\n    onCollapsedChange?: (collapsedGroups: string[]) => void;\n    onSettingsClick?: () => void;\n    onLogout?: () => void;\n}\n\nexport function AppSidebar({\n    logo,\n    logoHref,\n    groups,\n    footerItems = [],\n    user,\n    settingsHref,\n    logoutHref,\n    currentUrl = '',\n    linkComponent,\n    collapsibleGroups = false,\n    collapsedGroups,\n    onCollapsedChange,\n    onSettingsClick,\n    onLogout,\n}: AppSidebarProps) {\n    const Link = resolveLink(linkComponent);\n    const activeHref = mostSpecificActiveHref(groups, currentUrl);\n    const resolvedGroups = groups.map((group) => ({\n        ...group,\n        items: group.items.map((item) => ({\n            ...item,\n            isActive: hrefToString(item.href) === activeHref,\n        })),\n    }));\n\n    return (\n        <Sidebar collapsible=\"icon\" variant=\"inset\">\n            <SidebarHeader>\n                <SidebarMenu>\n                    <SidebarMenuItem>\n                        <SidebarMenuButton asChild>\n                            <Link href={logoHref} prefetch>\n                                {logo}\n                            </Link>\n                        </SidebarMenuButton>\n                    </SidebarMenuItem>\n                </SidebarMenu>\n            </SidebarHeader>\n\n            <SidebarContent>\n                {resolvedGroups.map((group, index) => (\n                    <NavMain\n                        key={group.label ?? index}\n                        items={group.items}\n                        label={group.label ?? ''}\n                        currentUrl={currentUrl}\n                        linkComponent={linkComponent}\n                        collapsible={collapsibleGroups}\n                        collapsedGroups={collapsedGroups}\n                        onCollapsedChange={onCollapsedChange}\n                    />\n                ))}\n            </SidebarContent>\n\n            <SidebarFooter>\n                {footerItems.length > 0 && (\n                    <NavFooter items={footerItems} className=\"mt-auto\" />\n                )}\n                <NavUser\n                    user={user}\n                    settingsHref={settingsHref}\n                    logoutHref={logoutHref}\n                    linkComponent={linkComponent}\n                    onSettingsClick={onSettingsClick}\n                    onLogout={onLogout}\n                />\n            </SidebarFooter>\n        </Sidebar>\n    );\n}\n","import { Fragment } from 'react';\n\nimport {\n    Breadcrumb,\n    BreadcrumbItem,\n    BreadcrumbLink,\n    BreadcrumbList,\n    BreadcrumbPage,\n    BreadcrumbSeparator,\n} from '@/components/ui/breadcrumb';\nimport { resolveLink } from '@/lib/href';\nimport type {\n    BreadcrumbItem as BreadcrumbItemType,\n    LinkComponent,\n} from '@/types';\n\nexport function Breadcrumbs({\n    breadcrumbs,\n    linkComponent,\n}: {\n    breadcrumbs: BreadcrumbItemType[];\n    linkComponent?: LinkComponent;\n}) {\n    const Link = resolveLink(linkComponent);\n\n    if (breadcrumbs.length === 0) {\n        return null;\n    }\n\n    return (\n        <Breadcrumb>\n            <BreadcrumbList>\n                {breadcrumbs.map((item, index) => {\n                    const isLast = index === breadcrumbs.length - 1;\n                    return (\n                        <Fragment key={index}>\n                            <BreadcrumbItem>\n                                {isLast ? (\n                                    <BreadcrumbPage>\n                                        {item.title}\n                                    </BreadcrumbPage>\n                                ) : (\n                                    <BreadcrumbLink asChild>\n                                        <Link href={item.href}>\n                                            {item.title}\n                                        </Link>\n                                    </BreadcrumbLink>\n                                )}\n                            </BreadcrumbItem>\n                            {!isLast && <BreadcrumbSeparator />}\n                        </Fragment>\n                    );\n                })}\n            </BreadcrumbList>\n        </Breadcrumb>\n    );\n}\n","import { Search } from 'lucide-react';\nimport { useEffect, useState } from 'react';\n\nimport { SidebarTrigger } from '@/components/ui/sidebar';\nimport type {\n    BreadcrumbItem as BreadcrumbItemType,\n    LinkComponent,\n} from '@/types';\nimport { Breadcrumbs } from './breadcrumbs';\n\ninterface AppSidebarHeaderProps {\n    breadcrumbs?: BreadcrumbItemType[];\n    linkComponent?: LinkComponent;\n    onSearchClick?: () => void;\n    searchLabel?: string;\n}\n\nexport function AppSidebarHeader({\n    breadcrumbs = [],\n    linkComponent,\n    onSearchClick,\n    searchLabel = 'Search...',\n}: AppSidebarHeaderProps) {\n    const [modifier, setModifier] = useState('Ctrl');\n\n    useEffect(() => {\n        const platform = navigator.userAgent;\n        setModifier(/Mac|iPhone|iPad|iPod/.test(platform) ? '⌘' : 'Ctrl');\n    }, []);\n\n    return (\n        <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\">\n            <div className=\"gap-2 flex items-center\">\n                <SidebarTrigger className=\"-ml-1\" />\n                <Breadcrumbs\n                    breadcrumbs={breadcrumbs}\n                    linkComponent={linkComponent}\n                />\n            </div>\n\n            {onSearchClick && (\n                <button\n                    type=\"button\"\n                    onClick={onSearchClick}\n                    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\"\n                >\n                    <Search className=\"size-4\" />\n                    <span>{searchLabel}</span>\n                    <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\">\n                        <span>{modifier}</span>\n                        <span>K</span>\n                    </kbd>\n                </button>\n            )}\n        </header>\n    );\n}\n","export function Heading({\n    title,\n    description,\n}: {\n    title: string;\n    description?: string;\n}) {\n    return (\n        <div className=\"mb-8 space-y-0.5\">\n            <h2 className=\"text-xl font-semibold tracking-tight\">{title}</h2>\n            {description && (\n                <p className=\"text-sm text-muted-foreground\">{description}</p>\n            )}\n        </div>\n    );\n}\n","import { type PropsWithChildren } from 'react';\n\nimport { Button } from '@/components/ui/button';\nimport { Separator } from '@/components/ui/separator';\nimport { hrefToString, resolveLink } from '@/lib/href';\nimport { cn } from '@/lib/utils';\nimport type { LinkComponent, NavItem } from '@/types';\nimport { Heading } from './heading';\n\nexport interface SettingsLayoutProps {\n    items: NavItem[];\n    linkComponent?: LinkComponent;\n    currentPath?: string;\n    title?: string;\n    description?: string;\n    wide?: boolean;\n}\n\nexport function SettingsLayout({\n    items,\n    linkComponent,\n    currentPath,\n    title = 'Settings',\n    description = 'Manage your profile and account settings',\n    wide = false,\n    children,\n}: PropsWithChildren<SettingsLayoutProps>) {\n    const Link = resolveLink(linkComponent);\n    const activePath =\n        currentPath ??\n        (typeof window === 'undefined' ? '' : window.location.pathname);\n\n    return (\n        <div className=\"px-4 py-6\">\n            <Heading title={title} description={description} />\n\n            <div className=\"lg:flex-row lg:space-x-12 flex flex-col\">\n                <aside className=\"max-w-xl lg:w-48 w-full\">\n                    <nav className=\"space-y-1 space-x-0 flex flex-col\">\n                        {items.map((item, index) => {\n                            const href = hrefToString(item.href);\n                            return (\n                                <Button\n                                    key={`${href}-${index}`}\n                                    size=\"sm\"\n                                    variant=\"ghost\"\n                                    asChild\n                                    className={cn('w-full justify-start', {\n                                        'bg-muted': activePath === href,\n                                    })}\n                                >\n                                    <Link href={item.href}>\n                                        {item.icon && (\n                                            <item.icon className=\"h-4 w-4\" />\n                                        )}\n                                        {item.title}\n                                    </Link>\n                                </Button>\n                            );\n                        })}\n                    </nav>\n                </aside>\n\n                <Separator className=\"my-6 lg:hidden\" />\n\n                <div\n                    className={cn(\n                        wide ? 'min-w-0 flex-1' : 'md:max-w-2xl flex-1',\n                    )}\n                >\n                    <section\n                        className={cn(\n                            'space-y-12',\n                            wide ? 'max-w-5xl' : 'max-w-xl',\n                        )}\n                    >\n                        {children}\n                    </section>\n                </div>\n            </div>\n        </div>\n    );\n}\n"],"mappings":"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","names":["useCallback","jsx","jsxs","jsx","jsxs","Fragment","jsx","jsxs","jsx","jsxs","jsx","jsxs","Fragment","jsx","jsxs","Fragment","useState","jsx","jsxs","useState","jsx","jsxs","jsx","jsxs"]}