react-shadcn-kit 0.0.7 → 0.1.0

package/dist/default-layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"default-layout.js","sources":["../src/default-layout.tsx"],"sourcesContent":["import React from \"react\";\nimport { SidebarProvider, SidebarInset } from \"@/atoms/sidebar\";\nimport { AppSidebar } from \"@/organisms/app-sidebar\";\nimport { AppNavbar } from \"@/organisms/app-navbar\";\nimport * as LucideIcons from \"lucide-react\";\n\nexport type Placement = \"left\" | \"right\" | \"top\" | \"bottom\";\nexport type NavbarHeight = \"sm\" | \"md\" | \"lg\" | string;\nexport type RouteType = \"public\" | \"auth\" | \"private\";\nexport type HttpMethod = \"GET\" | \"POST\";\n\nexport type LayoutRules = {\n  [key in RouteType]?: { navbar?: boolean; sidebar?: boolean };\n};\n\nexport type UserConfig = {\n  name?: string;\n  image?: string;\n  username?: string;\n  email?: string;\n  roles?: string[];\n};\n\nexport type SearchConfig = {\n  enabled?: boolean;\n  placeholder?: string;\n  action?: string;\n  method?: HttpMethod;\n  debounceTimeMs?: number;\n  suggestionsApi?: string;\n};\n\nexport type NotificationsList = {\n  title: string;\n  image?: string;\n  description: string;\n  date: string;\n  read: boolean;\n};\n\nexport type NotificationConfig = {\n  enabled?: boolean;\n  isNewNotification?: boolean;\n  count?: number;\n  showBadge?: boolean;\n  notifications?: NotificationsList[];\n};\n\nexport type MenuItem = {\n  label: string;\n  href: string;\n  icon?: string;\n  disabled?: boolean;\n};\n\nexport type BrandingConfig = {\n  logoUrl?: string;\n  logoAlt?: string;\n  title?: string;\n  subtitle?: string;\n};\n\nexport type BaseComponentConfig = {\n  showThemeToggle?: boolean;\n  showUserMenu?: boolean;\n  search?: SearchConfig;\n  scrollable?: boolean;\n  branding?: BrandingConfig;\n  showSidebarTrigger?: boolean;\n  customContent?: React.ReactNode;\n  notifications?: NotificationConfig;\n};\n\nexport type NavbarConfig = BaseComponentConfig & {\n  height?: NavbarHeight;\n  items?: MenuItem[];\n};\n\nexport type SidebarGroup = {\n  label: string;\n  items: MenuItem[];\n  collapsible?: boolean;\n};\n\nexport type SidebarConfig = BaseComponentConfig & {\n  width?: string;\n  placement?: Placement;\n  groups?: SidebarGroup[];\n};\n\nexport type ComponentConfig = {\n  navbar?: NavbarConfig;\n  sidebar?: SidebarConfig;\n};\n\nexport type LayoutConfig = {\n  layoutRules?: LayoutRules;\n  user?: UserConfig;\n  search?: SearchConfig;\n  components?: ComponentConfig;\n  appName?: string;\n  theme?: \"light\" | \"dark\" | \"system\";\n};\n\nconst getIcon = (name: string) => {\n  // @ts-ignore – dynamic access to lucide icons\n  return (LucideIcons as any)[name] ?? (LucideIcons as any)[\"Circle\"];\n};\n\nexport default function DefaultLayout({\n  children,\n  layoutConfig,\n}: {\n  children: React.ReactNode;\n  layoutConfig: LayoutConfig;\n}) {\n  const { navbar = {}, sidebar = {} } = layoutConfig.components || {};\n\n  const navbarItems = navbar.items?.map((item) => ({\n    ...item,\n    icon: getIcon(item.icon || \"\"),\n  }));\n\n  const sidebarGroups = sidebar.groups?.map((group) => ({\n    ...group,\n    items: group.items.map((item) => ({\n      ...item,\n      icon: getIcon(item.icon || \"\"),\n    })),\n  }));\n\n  const sidebarProviderStyle: React.CSSProperties = {\n    \"--sidebar-width\": sidebar.width || \"250px\",\n  } as React.CSSProperties;\n\n  const layoutRules = layoutConfig.layoutRules || {\n    public: { navbar: true, sidebar: true },\n    auth: { navbar: true, sidebar: true },\n    private: { navbar: true, sidebar: true },\n  };\n\n  const showSidebar = layoutRules.public?.sidebar ?? true;\n  const showNavbar = layoutRules.public?.navbar ?? true;\n\n  const notifications =\n    navbar.notifications?.enabled && navbar.notifications.count\n      ? Array.from({ length: navbar.notifications.count }).map(() => ({\n          title: \"New Notification\",\n          description: \"You have a new notification.\",\n          date: \"Just now\",\n          read: !navbar.notifications?.isNewNotification,\n        }))\n      : [];\n\n  const scrollable = sidebar.scrollable ?? true;\n  const maxWidth = undefined;\n\n  return (\n    <div style={{ \"--header-height\": \"calc(var(--spacing, 14))\" } as React.CSSProperties}>\n      <SidebarProvider defaultOpen={true} className=\"flex flex-col\" style={sidebarProviderStyle}>\n        {showNavbar && (\n          <AppNavbar\n            items={navbarItems}\n            searchPlaceholder={navbar.search?.placeholder}\n            showSearch={navbar.search?.enabled ?? false}\n            showThemeToggle={navbar.showThemeToggle}\n            showUserMenu={navbar.showUserMenu}\n            showNotifications={navbar.notifications?.enabled}\n            notifications={notifications}\n            user={layoutConfig.user}\n            userMenuItems={undefined}\n            branding={navbar.branding}\n            labels={undefined}\n            style={{ height: navbar.height }}\n            showSidebarTrigger={showSidebar && (navbar.showSidebarTrigger ?? true)}\n          />\n        )}\n        <div className=\"flex flex-1\">\n          {showSidebar && (\n            <AppSidebar\n              side={sidebar.placement === \"right\" ? \"right\" : \"left\"}\n              scrollable={scrollable}\n              fixed={true}\n              groups={sidebarGroups}\n              showThemeToggle={sidebar.showThemeToggle}\n              user={layoutConfig.user}\n              userMenuItems={undefined}\n              branding={sidebar.branding}\n              labels={undefined}\n              hideBranding={false}\n            />\n          )}\n          <SidebarInset>\n            <div className=\"p-4 mx-auto w-full\" style={maxWidth ? { maxWidth } : undefined}>\n              {children}\n            </div>\n          </SidebarInset>\n        </div>\n      </SidebarProvider>\n    </div>\n  );\n}\n"],"names":["jsx","jsxs","SidebarProvider","SidebarInset","AppSidebar","AppNavbar","LucideIcons","getIcon","name","DefaultLayout","children","layoutConfig","navbar","sidebar","navbarItems","item","sidebarGroups","group","sidebarProviderStyle","layoutRules","showSidebar","showNavbar","notifications","scrollable"],"mappings":"AAwGA,SAAA,OAAAA,GAAA,QAAAC,SAAA;AAAA,SAAA,mBAAAC,GAAA,gBAAAC,SAAA;AAAA,SAAA,cAAAC,SAAA;AAAA,SAAA,aAAAC,SAAA;AAAA,YAAAC,OAAA;AAAA,MAAMC,IAAU,CAACC,MAEPF,EAAoBE,CAAI,KAAMF,EAAoB;AAG5D,SAAwBG,EAAc;AAAA,EACpC,UAAAC;AAAA,EACA,cAAAC;AACF,GAGG;AACD,QAAM,EAAE,QAAAC,IAAS,IAAI,SAAAC,IAAU,CAAA,MAAOF,EAAa,cAAc,CAAA,GAE3DG,IAAcF,EAAO,OAAO,IAAI,CAACG,OAAU;AAAA,IAC/C,GAAGA;AAAA,IACH,MAAMR,EAAQQ,EAAK,QAAQ,EAAE;AAAA,EAAA,EAC7B,GAEIC,IAAgBH,EAAQ,QAAQ,IAAI,CAACI,OAAW;AAAA,IACpD,GAAGA;AAAA,IACH,OAAOA,EAAM,MAAM,IAAI,CAACF,OAAU;AAAA,MAChC,GAAGA;AAAA,MACH,MAAMR,EAAQQ,EAAK,QAAQ,EAAE;AAAA,IAAA,EAC7B;AAAA,EAAA,EACF,GAEIG,IAA4C;AAAA,IAChD,mBAAmBL,EAAQ,SAAS;AAAA,EAAA,GAGhCM,IAAcR,EAAa,eAAe;AAAA,IAC9C,QAAQ,EAAE,QAAQ,IAAM,SAAS,GAAA;AAAA,EAGnC,GAEMS,IAAcD,EAAY,QAAQ,WAAW,IAC7CE,IAAaF,EAAY,QAAQ,UAAU,IAE3CG,IACJV,EAAO,eAAe,WAAWA,EAAO,cAAc,QAClD,MAAM,KAAK,EAAE,QAAQA,EAAO,cAAc,OAAO,EAAE,IAAI,OAAO;AAAA,IAC5D,OAAO;AAAA,IACP,aAAa;AAAA,IACb,MAAM;AAAA,IACN,MAAM,CAACA,EAAO,eAAe;AAAA,EAAA,EAC7B,IACF,CAAA,GAEAW,IAAaV,EAAQ,cAAc;AAGzC,SACE,gBAAAb,EAAC,OAAA,EAAI,OAAO,EAAE,mBAAmB,2BAAA,GAC/B,UAAA,gBAAAC,EAACC,GAAA,EAAgB,aAAa,IAAM,WAAU,iBAAgB,OAAOgB,GAClE,UAAA;AAAA,IAAAG,KACC,gBAAArB;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,OAAOS;AAAA,QACP,mBAAmBF,EAAO,QAAQ;AAAA,QAClC,YAAYA,EAAO,QAAQ,WAAW;AAAA,QACtC,iBAAiBA,EAAO;AAAA,QACxB,cAAcA,EAAO;AAAA,QACrB,mBAAmBA,EAAO,eAAe;AAAA,QACzC,eAAAU;AAAA,QACA,MAAMX,EAAa;AAAA,QACnB,eAAe;AAAA,QACf,UAAUC,EAAO;AAAA,QACjB,QAAQ;AAAA,QACR,OAAO,EAAE,QAAQA,EAAO,OAAA;AAAA,QACxB,oBAAoBQ,MAAgBR,EAAO,sBAAsB;AAAA,MAAA;AAAA,IAAA;AAAA,IAGrE,gBAAAX,EAAC,OAAA,EAAI,WAAU,eACZ,UAAA;AAAA,MAAAmB,KACC,gBAAApB;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,MAAMS,EAAQ,cAAc,UAAU,UAAU;AAAA,UAChD,YAAAU;AAAA,UACA,OAAO;AAAA,UACP,QAAQP;AAAA,UACR,iBAAiBH,EAAQ;AAAA,UACzB,MAAMF,EAAa;AAAA,UACnB,eAAe;AAAA,UACf,UAAUE,EAAQ;AAAA,UAClB,QAAQ;AAAA,UACR,cAAc;AAAA,QAAA;AAAA,MAAA;AAAA,MAGlB,gBAAAb,EAACG,GAAA,EACC,UAAA,gBAAAH,EAAC,OAAA,EAAI,WAAU,sBAAqB,OAAiC,QAClE,UAAAU,GACH,EAAA,CACF;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;"}
+{"version":3,"file":"default-layout.js","sources":["../src/default-layout.tsx"],"sourcesContent":["import React from \"react\";\nimport { SidebarProvider, SidebarInset } from \"@/atoms/sidebar\";\nimport { AppSidebar } from \"@/organisms/app-sidebar\";\nimport { AppNavbar } from \"@/organisms/app-navbar\";\nimport * as LucideIcons from \"lucide-react\";\n\nexport type Placement = \"left\" | \"right\" | \"top\" | \"bottom\";\nexport type NavbarHeight = \"sm\" | \"md\" | \"lg\" | string;\nexport type RouteType = \"public\" | \"auth\" | \"private\";\nexport type HttpMethod = \"GET\" | \"POST\";\n\nexport type LayoutRules = {\n  [key in RouteType]?: { navbar?: boolean; sidebar?: boolean };\n};\n\nexport type UserConfig = {\n  name?: string;\n  image?: string;\n  username?: string;\n  email?: string;\n  roles?: string[];\n};\n\nexport type SearchConfig = {\n  enabled?: boolean;\n  placeholder?: string;\n  action?: string;\n  method?: HttpMethod;\n  debounceTimeMs?: number;\n  suggestionsApi?: string;\n};\n\nexport type NotificationsList = {\n  title: string;\n  image?: string;\n  description: string;\n  date: string;\n  read: boolean;\n};\n\nexport type NotificationConfig = {\n  enabled?: boolean;\n  isNewNotification?: boolean;\n  count?: number;\n  showBadge?: boolean;\n  notifications?: NotificationsList[];\n};\n\nexport type MenuItem = {\n  label: string;\n  href: string;\n  icon?: string;\n  disabled?: boolean;\n};\n\nexport type BrandingConfig = {\n  logoUrl?: string;\n  logoAlt?: string;\n  title?: string;\n  subtitle?: string;\n};\n\nexport type LoginButtonConfig = {\n  label?: string;\n  href?: string;\n  variant?: \"default\" | \"destructive\" | \"outline\" | \"secondary\" | \"ghost\" | \"link\";\n  onClick?: () => void;\n};\n\nexport type BaseComponentConfig = {\n  showThemeToggle?: boolean;\n  showUserMenu?: boolean;\n  loginButton?: LoginButtonConfig;\n  search?: SearchConfig;\n  scrollable?: boolean;\n  branding?: BrandingConfig;\n  showSidebarTrigger?: boolean;\n  customContent?: React.ReactNode;\n  notifications?: NotificationConfig;\n};\n\nexport type NavbarConfig = BaseComponentConfig & {\n  height?: NavbarHeight;\n  items?: MenuItem[];\n  userMenuItems?: { label: string; href?: string; icon?: string; onClick?: () => void }[];\n};\n\nexport type SidebarGroup = {\n  label: string;\n  items: MenuItem[];\n  collapsible?: boolean;\n};\n\nexport type SidebarConfig = BaseComponentConfig & {\n  width?: string;\n  placement?: Placement;\n  groups?: SidebarGroup[];\n  userMenuItems?: { label: string; href?: string; icon?: string; onClick?: () => void }[];\n};\n\nexport type ComponentConfig = {\n  navbar?: NavbarConfig;\n  sidebar?: SidebarConfig;\n};\n\nexport type LayoutConfig = {\n  layoutRules?: LayoutRules;\n  user?: UserConfig;\n  search?: SearchConfig;\n  components?: ComponentConfig;\n  appName?: string;\n  theme?: \"light\" | \"dark\" | \"system\";\n};\n\nconst getIcon = (name: string) => {\n  // @ts-ignore – dynamic access to lucide icons\n  return (LucideIcons as any)[name] ?? (LucideIcons as any)[\"Circle\"];\n};\n\nexport default function DefaultLayout({\n  children,\n  layoutConfig,\n}: {\n  children: React.ReactNode;\n  layoutConfig: LayoutConfig;\n}) {\n  const { navbar = {}, sidebar = {} } = layoutConfig.components || {};\n\n  const navbarItems = navbar.items?.map((item) => ({\n    ...item,\n    icon: getIcon(item.icon || \"\"),\n  }));\n\n  const navbarUserMenuItems = navbar.userMenuItems?.map((item) => ({\n    ...item,\n    icon: item.icon ? getIcon(item.icon) : undefined,\n  }));\n\n  const sidebarGroups = sidebar.groups?.map((group) => ({\n    ...group,\n    items: group.items.map((item) => ({\n      ...item,\n      icon: getIcon(item.icon || \"\"),\n    })),\n  }));\n\n  const sidebarUserMenuItems = sidebar.userMenuItems?.map((item) => ({\n    ...item,\n    icon: item.icon ? getIcon(item.icon) : undefined,\n  }));\n\n  const sidebarProviderStyle: React.CSSProperties = {\n    \"--sidebar-width\": sidebar.width || \"250px\",\n  } as React.CSSProperties;\n\n  const layoutRules = layoutConfig.layoutRules || {\n    public: { navbar: true, sidebar: true },\n    auth: { navbar: true, sidebar: true },\n    private: { navbar: true, sidebar: true },\n  };\n\n  const showSidebar = layoutRules.public?.sidebar ?? true;\n  const showNavbar = layoutRules.public?.navbar ?? true;\n\n  const notifications =\n    navbar.notifications?.enabled && navbar.notifications.count\n      ? Array.from({ length: navbar.notifications.count }).map(() => ({\n          title: \"New Notification\",\n          description: \"You have a new notification.\",\n          date: \"Just now\",\n          read: !navbar.notifications?.isNewNotification,\n        }))\n      : [];\n\n  const scrollable = sidebar.scrollable ?? true;\n  const maxWidth = undefined;\n\n  return (\n    <div style={{ \"--header-height\": \"calc(var(--spacing, 14))\" } as React.CSSProperties}>\n      <SidebarProvider defaultOpen={true} className=\"flex flex-col\" style={sidebarProviderStyle}>\n        {showNavbar && (\n          <AppNavbar\n            items={navbarItems}\n            searchPlaceholder={navbar.search?.placeholder}\n            showSearch={navbar.search?.enabled ?? false}\n            showThemeToggle={navbar.showThemeToggle}\n            showUserMenu={navbar.showUserMenu}\n            showNotifications={navbar.notifications?.enabled}\n            notifications={notifications}\n            user={layoutConfig.user}\n            userMenuItems={navbarUserMenuItems}\n            branding={navbar.branding}\n            labels={undefined}\n            style={{ height: navbar.height }}\n            showSidebarTrigger={showSidebar && (navbar.showSidebarTrigger ?? true)}\n            loginButton={navbar.loginButton}\n          />\n        )}\n        <div className=\"flex flex-1\">\n          {showSidebar && (\n            <AppSidebar\n              side={sidebar.placement === \"right\" ? \"right\" : \"left\"}\n              scrollable={scrollable}\n              fixed={true}\n              groups={sidebarGroups}\n              showThemeToggle={sidebar.showThemeToggle}\n              user={layoutConfig.user}\n              userMenuItems={sidebarUserMenuItems}\n              branding={sidebar.branding}\n              labels={undefined}\n              hideBranding={false}\n              showUserMenu={sidebar.showUserMenu}\n              loginButton={sidebar.loginButton}\n            />\n          )}\n          <SidebarInset>\n            <div className=\"p-4 mx-auto w-full\" style={maxWidth ? { maxWidth } : undefined}>\n              {children}\n            </div>\n          </SidebarInset>\n        </div>\n      </SidebarProvider>\n    </div>\n  );\n}\n"],"names":["jsx","jsxs","SidebarProvider","SidebarInset","AppSidebar","AppNavbar","LucideIcons","getIcon","name","DefaultLayout","children","layoutConfig","navbar","sidebar","navbarItems","item","navbarUserMenuItems","sidebarGroups","group","sidebarUserMenuItems","sidebarProviderStyle","layoutRules","showSidebar","showNavbar","notifications","scrollable"],"mappings":"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"}

package/dist/organisms/app-navbar.d.ts

@@ -1,4 +1,4 @@
-import { UserConfig, BrandingConfig, MenuItem, NotificationsList } from '../default-layout';
+import { UserConfig, BrandingConfig, MenuItem, NotificationsList, LoginButtonConfig } from '../default-layout';
 interface NavbarLabels {
     profile?: string;
     notifications?: string;
@@ -31,6 +31,7 @@ interface AppNavbarProps {
     showNotifications?: boolean;
     className?: string;
     style?: React.CSSProperties;
+    loginButton?: LoginButtonConfig;
 }
-export declare function AppNavbar({ items, searchPlaceholder, user, userMenuItems, notifications, branding, labels, showSearch, showSidebarTrigger, showUserMenu, showThemeToggle, showNotifications, className, style, }: AppNavbarProps): import("react/jsx-runtime").JSX.Element;
+export declare function AppNavbar({ items, searchPlaceholder, user, userMenuItems, notifications, branding, labels, showSearch, showSidebarTrigger, showUserMenu, showThemeToggle, showNotifications, className, style, loginButton, }: AppNavbarProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/organisms/app-navbar.js

@@ -1,94 +1,103 @@
-import { jsxs as r, jsx as e, Fragment as w } from "react/jsx-runtime";
-import { Search as v, Bell as b } from "lucide-react";
-import { Input as M } from "../atoms/input.js";
-import { Button as D } from "../atoms/button.js";
-import { SidebarTrigger as S } from "../atoms/sidebar.js";
-import { Separator as k } from "../atoms/separator.js";
+import { jsxs as r, jsx as e, Fragment as b } from "react/jsx-runtime";
+import { Search as M, Bell as k } from "lucide-react";
+import { Input as D } from "../atoms/input.js";
+import { Button as d } from "../atoms/button.js";
+import { SidebarTrigger as C } from "../atoms/sidebar.js";
+import { Separator as S } from "../atoms/separator.js";
 import { ThemeToggle as y } from "../molecules/theme-toggle.js";
-import { UserMenu as T } from "../molecules/user-menu.js";
-import { DropdownMenu as j, DropdownMenuTrigger as I, DropdownMenuContent as U, DropdownMenuLabel as z, DropdownMenuSeparator as A, DropdownMenuItem as B } from "../atoms/dropdown-menu.js";
-function K({
-  items: c = [],
-  searchPlaceholder: d = "Search...",
-  user: a,
-  userMenuItems: p,
-  notifications: o = [],
-  branding: l,
-  labels: n,
-  showSearch: h = !0,
-  showSidebarTrigger: u = !0,
-  showUserMenu: f = !0,
+import { UserMenu as L } from "../molecules/user-menu.js";
+import { DropdownMenu as T, DropdownMenuTrigger as j, DropdownMenuContent as I, DropdownMenuLabel as U, DropdownMenuSeparator as z, DropdownMenuItem as A } from "../atoms/dropdown-menu.js";
+function P({
+  items: h = [],
+  searchPlaceholder: p = "Search...",
+  user: t,
+  userMenuItems: f,
+  notifications: s = [],
+  branding: o,
+  labels: m,
+  showSearch: u = !0,
+  showSidebarTrigger: N = !0,
+  showUserMenu: x = !0,
   showThemeToggle: g = !0,
-  showNotifications: N = !0,
-  className: m,
-  style: x
+  showNotifications: w = !0,
+  className: i,
+  style: v,
+  loginButton: l
 }) {
   return /* @__PURE__ */ r(
     "header",
     {
-      className: "flex h-16 shrink-0 items-center gap-2 border-b px-4 bg-background sticky top-0 z-50" + (m ? ` ${m}` : ""),
-      style: x,
+      className: "flex h-16 shrink-0 items-center gap-2 border-b px-4 bg-background sticky top-0 z-50" + (i ? ` ${i}` : ""),
+      style: v,
       children: [
-        u && /* @__PURE__ */ r(w, { children: [
-          /* @__PURE__ */ e(S, { className: "-ml-1" }),
-          /* @__PURE__ */ e(k, { orientation: "vertical", className: "mr-2 h-4" })
+        N && /* @__PURE__ */ r(b, { children: [
+          /* @__PURE__ */ e(C, { className: "-ml-1" }),
+          /* @__PURE__ */ e(S, { orientation: "vertical", className: "mr-2 h-4" })
         ] }),
-        l && /* @__PURE__ */ r("a", { href: "#", className: "flex items-center gap-2 mr-4", children: [
-          l.logoUrl && /* @__PURE__ */ e("img", { src: l.logoUrl, alt: l.logoAlt || "Logo", className: "h-6 w-6" }),
-          l.title && /* @__PURE__ */ e("span", { className: "font-semibold", children: l.title })
+        o && /* @__PURE__ */ r("a", { href: "#", className: "flex items-center gap-2 mr-4", children: [
+          o.logoUrl && /* @__PURE__ */ e("img", { src: o.logoUrl, alt: o.logoAlt || "Logo", className: "h-6 w-6" }),
+          o.title && /* @__PURE__ */ e("span", { className: "font-semibold", children: o.title })
         ] }),
-        /* @__PURE__ */ e("nav", { className: "flex items-center gap-6 text-sm font-medium", children: c?.map((t, s) => {
-          const i = t.icon;
+        /* @__PURE__ */ e("nav", { className: "flex items-center gap-6 text-sm font-medium", children: h?.map((a, n) => {
+          const c = a.icon;
           return /* @__PURE__ */ r(
             "a",
             {
-              href: t.href,
-              className: `transition-colors hover:text-foreground/80 ${t.disabled ? "pointer-events-none opacity-50" : "text-foreground/60"}`,
+              href: a.href,
+              className: `transition-colors hover:text-foreground/80 ${a.disabled ? "pointer-events-none opacity-50" : "text-foreground/60"}`,
               children: [
-                i && /* @__PURE__ */ e(i, { className: "inline-block mr-1 h-4 w-4" }),
-                t.label
+                c && /* @__PURE__ */ e(c, { className: "inline-block mr-1 h-4 w-4" }),
+                a.label
               ]
             },
-            s
+            n
           );
         }) }),
         /* @__PURE__ */ r("div", { className: "ml-auto flex items-center gap-2", children: [
-          h && /* @__PURE__ */ r("div", { className: "relative", children: [
-            /* @__PURE__ */ e(v, { className: "absolute left-2 top-2.5 h-4 w-4 text-muted-foreground" }),
-            /* @__PURE__ */ e(M, { placeholder: d, className: "pl-8 w-[200px] lg:w-[300px]" })
+          u && /* @__PURE__ */ r("div", { className: "relative", children: [
+            /* @__PURE__ */ e(M, { className: "absolute left-2 top-2.5 h-4 w-4 text-muted-foreground" }),
+            /* @__PURE__ */ e(D, { placeholder: p, className: "pl-8 w-[200px] lg:w-[300px]" })
           ] }),
           g && /* @__PURE__ */ e(y, {}),
-          f && a && a.name && a.email && /* @__PURE__ */ e(
-            T,
+          x && (t && t.name && t.email ? /* @__PURE__ */ e(
+            L,
             {
-              user: { name: a.name, email: a.email, avatar: a.image },
-              items: p
+              user: { name: t.name, email: t.email, avatar: t.image },
+              items: f
             }
-          ),
-          N && o && o.length > 0 && /* @__PURE__ */ r(j, { children: [
-            /* @__PURE__ */ e(I, { asChild: !0, children: /* @__PURE__ */ r(D, { variant: "ghost", size: "icon", className: "relative", children: [
-              /* @__PURE__ */ e(b, { className: "h-5 w-5" }),
-              o.some((t) => !t.read) && /* @__PURE__ */ e("span", { className: "absolute right-2 top-2 h-2 w-2 rounded-full bg-red-600" }),
-              /* @__PURE__ */ e("span", { className: "sr-only", children: n?.notifications || "Notifications" })
+          ) : l && /* @__PURE__ */ e(
+            d,
+            {
+              variant: l.variant || "default",
+              onClick: l.onClick,
+              asChild: !!l.href,
+              children: l.href ? /* @__PURE__ */ e("a", { href: l.href, children: l.label || "Login" }) : l.label || "Login"
+            }
+          )),
+          w && s && s.length > 0 && /* @__PURE__ */ r(T, { children: [
+            /* @__PURE__ */ e(j, { asChild: !0, children: /* @__PURE__ */ r(d, { variant: "ghost", size: "icon", className: "relative", children: [
+              /* @__PURE__ */ e(k, { className: "h-5 w-5" }),
+              s.some((a) => !a.read) && /* @__PURE__ */ e("span", { className: "absolute right-2 top-2 h-2 w-2 rounded-full bg-red-600" }),
+              /* @__PURE__ */ e("span", { className: "sr-only", children: m?.notifications || "Notifications" })
             ] }) }),
-            /* @__PURE__ */ r(U, { align: "end", className: "w-80", children: [
-              /* @__PURE__ */ e(z, { children: n?.notifications || "Notifications" }),
-              /* @__PURE__ */ e(A, {}),
-              o.map((t, s) => /* @__PURE__ */ r(
-                B,
+            /* @__PURE__ */ r(I, { align: "end", className: "w-80", children: [
+              /* @__PURE__ */ e(U, { children: m?.notifications || "Notifications" }),
+              /* @__PURE__ */ e(z, {}),
+              s.map((a, n) => /* @__PURE__ */ r(
+                A,
                 {
                   className: "flex flex-col items-start gap-1 p-3 cursor-pointer",
                   children: [
                     /* @__PURE__ */ r("div", { className: "flex w-full items-center justify-between", children: [
-                      /* @__PURE__ */ e("span", { className: "font-medium", children: t.title }),
-                      /* @__PURE__ */ e("span", { className: "text-xs text-muted-foreground", children: t.date })
+                      /* @__PURE__ */ e("span", { className: "font-medium", children: a.title }),
+                      /* @__PURE__ */ e("span", { className: "text-xs text-muted-foreground", children: a.date })
                     ] }),
-                    /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground line-clamp-2", children: t.description })
+                    /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground line-clamp-2", children: a.description })
                   ]
                 },
-                s
+                n
               )),
-              o.length === 0 && /* @__PURE__ */ e("div", { className: "p-4 text-center text-sm text-muted-foreground", children: n?.noNotifications || "No new notifications" })
+              s.length === 0 && /* @__PURE__ */ e("div", { className: "p-4 text-center text-sm text-muted-foreground", children: m?.noNotifications || "No new notifications" })
             ] })
           ] })
         ] })
@@ -97,6 +106,6 @@ function K({
   );
 }
 export {
-  K as AppNavbar
+  P as AppNavbar
 };
 //# sourceMappingURL=app-navbar.js.map

package/dist/organisms/app-navbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"app-navbar.js","sources":["../../src/organisms/app-navbar.tsx"],"sourcesContent":["\"use client\";\n\nimport { Search, Bell } from \"lucide-react\";\nimport { Input } from \"@/atoms/input\";\nimport { Button } from \"@/atoms/button\";\nimport { SidebarTrigger } from \"@/atoms/sidebar\";\nimport { Separator } from \"@/atoms/separator\";\nimport { ThemeToggle } from \"@/molecules/theme-toggle\";\nimport { UserMenu } from \"@/molecules/user-menu\";\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from \"@/atoms/dropdown-menu\";\nimport type { UserConfig, BrandingConfig, MenuItem, NotificationsList } from \"@/default-layout\";\n\ninterface NavbarLabels {\n  profile?: string;\n  notifications?: string;\n  noNotifications?: string;\n}\n\ninterface UserMenuItem {\n  label: string;\n  href?: string;\n  icon?: React.ComponentType<{ className?: string }>;\n  onClick?: () => void;\n}\n\ninterface AppNavbarProps {\n  items?: (MenuItem & { icon?: React.ComponentType<{ className?: string }> })[];\n  searchPlaceholder?: string;\n  user?: UserConfig;\n  userMenuItems?: UserMenuItem[];\n  notifications?: NotificationsList[];\n  branding?: BrandingConfig;\n  labels?: NavbarLabels;\n  showSearch?: boolean;\n  showSidebarTrigger?: boolean;\n  showUserMenu?: boolean;\n  showThemeToggle?: boolean;\n  showNotifications?: boolean;\n  className?: string;\n  style?: React.CSSProperties;\n}\n\nexport function AppNavbar({\n  items = [],\n  searchPlaceholder = \"Search...\",\n  user,\n  userMenuItems,\n  notifications = [],\n  branding,\n  labels,\n  showSearch = true,\n  showSidebarTrigger = true,\n  showUserMenu = true,\n  showThemeToggle = true,\n  showNotifications = true,\n  className,\n  style,\n}: AppNavbarProps) {\n  return (\n    <header\n      className={\n        \"flex h-16 shrink-0 items-center gap-2 border-b px-4 bg-background sticky top-0 z-50\" +\n        (className ? ` ${className}` : \"\")\n      }\n      style={style}\n    >\n      {showSidebarTrigger && (\n        <>\n          <SidebarTrigger className=\"-ml-1\" />\n          <Separator orientation=\"vertical\" className=\"mr-2 h-4\" />\n        </>\n      )}\n\n      {branding && (\n        <a href=\"#\" className=\"flex items-center gap-2 mr-4\">\n          {branding.logoUrl && (\n            <img src={branding.logoUrl} alt={branding.logoAlt || \"Logo\"} className=\"h-6 w-6\" />\n          )}\n          {branding.title && <span className=\"font-semibold\">{branding.title}</span>}\n        </a>\n      )}\n\n      <nav className=\"flex items-center gap-6 text-sm font-medium\">\n        {items?.map((item, index) => {\n          const Icon = item.icon;\n          return (\n            <a\n              key={index}\n              href={item.href}\n              className={`transition-colors hover:text-foreground/80 ${\n                item.disabled ? \"pointer-events-none opacity-50\" : \"text-foreground/60\"\n              }`}\n            >\n              {Icon && <Icon className=\"inline-block mr-1 h-4 w-4\" />}\n              {item.label}\n            </a>\n          );\n        })}\n      </nav>\n\n      <div className=\"ml-auto flex items-center gap-2\">\n        {showSearch && (\n          <div className=\"relative\">\n            <Search className=\"absolute left-2 top-2.5 h-4 w-4 text-muted-foreground\" />\n            <Input placeholder={searchPlaceholder} className=\"pl-8 w-[200px] lg:w-[300px]\" />\n          </div>\n        )}\n\n        {showThemeToggle && <ThemeToggle />}\n        {showUserMenu && user && user.name && user.email && (\n          <UserMenu\n            user={{ name: user.name, email: user.email, avatar: user.image }}\n            items={userMenuItems}\n          />\n        )}\n\n        {showNotifications && notifications && notifications.length > 0 && (\n          <DropdownMenu>\n            <DropdownMenuTrigger asChild>\n              <Button variant=\"ghost\" size=\"icon\" className=\"relative\">\n                <Bell className=\"h-5 w-5\" />\n                {notifications.some((n) => !n.read) && (\n                  <span className=\"absolute right-2 top-2 h-2 w-2 rounded-full bg-red-600\" />\n                )}\n                <span className=\"sr-only\">{labels?.notifications || \"Notifications\"}</span>\n              </Button>\n            </DropdownMenuTrigger>\n            <DropdownMenuContent align=\"end\" className=\"w-80\">\n              <DropdownMenuLabel>{labels?.notifications || \"Notifications\"}</DropdownMenuLabel>\n              <DropdownMenuSeparator />\n              {notifications.map((notification, index) => (\n                <DropdownMenuItem\n                  key={index}\n                  className=\"flex flex-col items-start gap-1 p-3 cursor-pointer\"\n                >\n                  <div className=\"flex w-full items-center justify-between\">\n                    <span className=\"font-medium\">{notification.title}</span>\n                    <span className=\"text-xs text-muted-foreground\">{notification.date}</span>\n                  </div>\n                  <p className=\"text-sm text-muted-foreground line-clamp-2\">\n                    {notification.description}\n                  </p>\n                </DropdownMenuItem>\n              ))}\n              {notifications.length === 0 && (\n                <div className=\"p-4 text-center text-sm text-muted-foreground\">\n                  {labels?.noNotifications || \"No new notifications\"}\n                </div>\n              )}\n            </DropdownMenuContent>\n          </DropdownMenu>\n        )}\n      </div>\n    </header>\n  );\n}\n"],"names":["jsxs","jsx","Fragment","Search","Bell","Input","Button","SidebarTrigger","Separator","ThemeToggle","UserMenu","DropdownMenu","DropdownMenuTrigger","DropdownMenuContent","DropdownMenuLabel","DropdownMenuSeparator","DropdownMenuItem","AppNavbar","items","searchPlaceholder","user","userMenuItems","notifications","branding","labels","showSearch","showSidebarTrigger","showUserMenu","showThemeToggle","showNotifications","className","style","item","index","Icon","n","notification"],"mappings":"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"}
+{"version":3,"file":"app-navbar.js","sources":["../../src/organisms/app-navbar.tsx"],"sourcesContent":["\"use client\";\n\nimport { Search, Bell } from \"lucide-react\";\nimport { Input } from \"@/atoms/input\";\nimport { Button } from \"@/atoms/button\";\nimport { SidebarTrigger } from \"@/atoms/sidebar\";\nimport { Separator } from \"@/atoms/separator\";\nimport { ThemeToggle } from \"@/molecules/theme-toggle\";\nimport { UserMenu } from \"@/molecules/user-menu\";\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from \"@/atoms/dropdown-menu\";\nimport type {\n  UserConfig,\n  BrandingConfig,\n  MenuItem,\n  NotificationsList,\n  LoginButtonConfig,\n} from \"@/default-layout\";\n\ninterface NavbarLabels {\n  profile?: string;\n  notifications?: string;\n  noNotifications?: string;\n}\n\ninterface UserMenuItem {\n  label: string;\n  href?: string;\n  icon?: React.ComponentType<{ className?: string }>;\n  onClick?: () => void;\n}\n\ninterface AppNavbarProps {\n  items?: (MenuItem & { icon?: React.ComponentType<{ className?: string }> })[];\n  searchPlaceholder?: string;\n  user?: UserConfig;\n  userMenuItems?: UserMenuItem[];\n  notifications?: NotificationsList[];\n  branding?: BrandingConfig;\n  labels?: NavbarLabels;\n  showSearch?: boolean;\n  showSidebarTrigger?: boolean;\n  showUserMenu?: boolean;\n  showThemeToggle?: boolean;\n  showNotifications?: boolean;\n  className?: string;\n  style?: React.CSSProperties;\n  loginButton?: LoginButtonConfig;\n}\n\nexport function AppNavbar({\n  items = [],\n  searchPlaceholder = \"Search...\",\n  user,\n  userMenuItems,\n  notifications = [],\n  branding,\n  labels,\n  showSearch = true,\n  showSidebarTrigger = true,\n  showUserMenu = true,\n  showThemeToggle = true,\n  showNotifications = true,\n  className,\n  style,\n  loginButton,\n}: AppNavbarProps) {\n  return (\n    <header\n      className={\n        \"flex h-16 shrink-0 items-center gap-2 border-b px-4 bg-background sticky top-0 z-50\" +\n        (className ? ` ${className}` : \"\")\n      }\n      style={style}\n    >\n      {showSidebarTrigger && (\n        <>\n          <SidebarTrigger className=\"-ml-1\" />\n          <Separator orientation=\"vertical\" className=\"mr-2 h-4\" />\n        </>\n      )}\n\n      {branding && (\n        <a href=\"#\" className=\"flex items-center gap-2 mr-4\">\n          {branding.logoUrl && (\n            <img src={branding.logoUrl} alt={branding.logoAlt || \"Logo\"} className=\"h-6 w-6\" />\n          )}\n          {branding.title && <span className=\"font-semibold\">{branding.title}</span>}\n        </a>\n      )}\n\n      <nav className=\"flex items-center gap-6 text-sm font-medium\">\n        {items?.map((item, index) => {\n          const Icon = item.icon;\n          return (\n            <a\n              key={index}\n              href={item.href}\n              className={`transition-colors hover:text-foreground/80 ${\n                item.disabled ? \"pointer-events-none opacity-50\" : \"text-foreground/60\"\n              }`}\n            >\n              {Icon && <Icon className=\"inline-block mr-1 h-4 w-4\" />}\n              {item.label}\n            </a>\n          );\n        })}\n      </nav>\n\n      <div className=\"ml-auto flex items-center gap-2\">\n        {showSearch && (\n          <div className=\"relative\">\n            <Search className=\"absolute left-2 top-2.5 h-4 w-4 text-muted-foreground\" />\n            <Input placeholder={searchPlaceholder} className=\"pl-8 w-[200px] lg:w-[300px]\" />\n          </div>\n        )}\n\n        {showThemeToggle && <ThemeToggle />}\n        {showUserMenu &&\n          (user && user.name && user.email ? (\n            <UserMenu\n              user={{ name: user.name, email: user.email, avatar: user.image }}\n              items={userMenuItems}\n            />\n          ) : (\n            loginButton && (\n              <Button\n                variant={loginButton.variant || \"default\"}\n                onClick={loginButton.onClick}\n                asChild={!!loginButton.href}\n              >\n                {loginButton.href ? (\n                  <a href={loginButton.href}>{loginButton.label || \"Login\"}</a>\n                ) : (\n                  loginButton.label || \"Login\"\n                )}\n              </Button>\n            )\n          ))}\n\n        {showNotifications && notifications && notifications.length > 0 && (\n          <DropdownMenu>\n            <DropdownMenuTrigger asChild>\n              <Button variant=\"ghost\" size=\"icon\" className=\"relative\">\n                <Bell className=\"h-5 w-5\" />\n                {notifications.some((n) => !n.read) && (\n                  <span className=\"absolute right-2 top-2 h-2 w-2 rounded-full bg-red-600\" />\n                )}\n                <span className=\"sr-only\">{labels?.notifications || \"Notifications\"}</span>\n              </Button>\n            </DropdownMenuTrigger>\n            <DropdownMenuContent align=\"end\" className=\"w-80\">\n              <DropdownMenuLabel>{labels?.notifications || \"Notifications\"}</DropdownMenuLabel>\n              <DropdownMenuSeparator />\n              {notifications.map((notification, index) => (\n                <DropdownMenuItem\n                  key={index}\n                  className=\"flex flex-col items-start gap-1 p-3 cursor-pointer\"\n                >\n                  <div className=\"flex w-full items-center justify-between\">\n                    <span className=\"font-medium\">{notification.title}</span>\n                    <span className=\"text-xs text-muted-foreground\">{notification.date}</span>\n                  </div>\n                  <p className=\"text-sm text-muted-foreground line-clamp-2\">\n                    {notification.description}\n                  </p>\n                </DropdownMenuItem>\n              ))}\n              {notifications.length === 0 && (\n                <div className=\"p-4 text-center text-sm text-muted-foreground\">\n                  {labels?.noNotifications || \"No new notifications\"}\n                </div>\n              )}\n            </DropdownMenuContent>\n          </DropdownMenu>\n        )}\n      </div>\n    </header>\n  );\n}\n"],"names":["jsxs","jsx","Fragment","Search","Bell","Input","Button","SidebarTrigger","Separator","ThemeToggle","UserMenu","DropdownMenu","DropdownMenuTrigger","DropdownMenuContent","DropdownMenuLabel","DropdownMenuSeparator","DropdownMenuItem","AppNavbar","items","searchPlaceholder","user","userMenuItems","notifications","branding","labels","showSearch","showSidebarTrigger","showUserMenu","showThemeToggle","showNotifications","className","style","loginButton","item","index","Icon","n","notification"],"mappings":"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"}

package/dist/organisms/app-sidebar.d.ts

@@ -1,5 +1,5 @@
 import { Sidebar } from '../atoms/sidebar';
-import { UserConfig, BrandingConfig, SidebarGroup as SidebarGroupType, MenuItem } from '../default-layout';
+import { UserConfig, BrandingConfig, SidebarGroup as SidebarGroupType, MenuItem, LoginButtonConfig } from '../default-layout';
 interface SidebarLabels {
     logout?: string;
 }
@@ -30,6 +30,8 @@ interface AppSidebarProps extends React.ComponentProps<typeof Sidebar> {
     hideBranding?: boolean;
     showThemeToggle?: boolean;
     scrollable?: boolean;
+    showUserMenu?: boolean;
+    loginButton?: LoginButtonConfig;
 }
-export declare function AppSidebar({ groups, header, footer, user, userMenuItems, branding, labels, fixed, hideBranding, showThemeToggle, className, style, side, variant, collapsible, scrollable, ...props }: AppSidebarProps): import("react/jsx-runtime").JSX.Element;
+export declare function AppSidebar({ groups, header, footer, user, userMenuItems, branding, labels, fixed, hideBranding, showThemeToggle, className, style, side, variant, collapsible, scrollable, showUserMenu, loginButton, ...props }: AppSidebarProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/organisms/app-sidebar.js

@@ -1,117 +1,120 @@
 import { jsxs as l, jsx as e } from "react/jsx-runtime";
-import { ChevronDown as p, LogOut as q } from "lucide-react";
-import { SidebarThemeToggle as H } from "../molecules/sidebar-theme-toggle.js";
-import { Sidebar as E, SidebarHeader as u, SidebarMenu as s, SidebarMenuItem as c, SidebarMenuButton as d, SidebarContent as J, SidebarGroup as K, SidebarGroupLabel as f, SidebarGroupContent as g, SidebarMenuSub as P, SidebarMenuSubItem as Q, SidebarMenuSubButton as R, SidebarFooter as V } from "../atoms/sidebar.js";
-import { Collapsible as N, CollapsibleTrigger as x, CollapsibleContent as S } from "../atoms/collapsible.js";
-import { cn as W } from "../lib/utils.js";
-import { Avatar as C, AvatarImage as w, AvatarFallback as M } from "../atoms/avatar.js";
-import { DropdownMenu as X, DropdownMenuTrigger as Y, DropdownMenuContent as Z, DropdownMenuLabel as _, DropdownMenuSeparator as $, DropdownMenuItem as v } from "../atoms/dropdown-menu.js";
-function ce({
+import { ChevronDown as f, LogOut as J } from "lucide-react";
+import { SidebarThemeToggle as K } from "../molecules/sidebar-theme-toggle.js";
+import { Button as P } from "../atoms/button.js";
+import { Sidebar as Q, SidebarHeader as u, SidebarMenu as c, SidebarMenuItem as o, SidebarMenuButton as s, SidebarContent as R, SidebarGroup as V, SidebarGroupLabel as g, SidebarGroupContent as N, SidebarMenuSub as W, SidebarMenuSubItem as X, SidebarMenuSubButton as Y, SidebarFooter as Z } from "../atoms/sidebar.js";
+import { Collapsible as x, CollapsibleTrigger as C, CollapsibleContent as S } from "../atoms/collapsible.js";
+import { cn as _ } from "../lib/utils.js";
+import { Avatar as w, AvatarImage as v, AvatarFallback as M } from "../atoms/avatar.js";
+import { DropdownMenu as $, DropdownMenuTrigger as B, DropdownMenuContent as ee, DropdownMenuLabel as le, DropdownMenuSeparator as ae, DropdownMenuItem as y } from "../atoms/dropdown-menu.js";
+function pe({
   groups: A = [],
-  header: o,
-  footer: y,
+  header: h,
+  footer: D,
   user: n,
   userMenuItems: b,
-  branding: D,
-  labels: I,
-  fixed: z,
-  hideBranding: L = !1,
-  showThemeToggle: T = !0,
-  className: U,
-  style: j,
-  side: k = "left",
-  variant: B,
-  collapsible: G,
-  scrollable: ee = !1,
-  ...O
+  branding: I,
+  labels: L,
+  fixed: k,
+  hideBranding: z = !1,
+  showThemeToggle: j = !0,
+  className: T,
+  style: U,
+  side: G = "left",
+  variant: O,
+  collapsible: F,
+  scrollable: re = !1,
+  showUserMenu: q = !0,
+  loginButton: i,
+  ...H
 }) {
-  const i = L ? void 0 : D;
+  const t = z ? void 0 : I;
   return /* @__PURE__ */ l(
-    E,
+    Q,
     {
-      side: k,
-      variant: B,
-      collapsible: G,
-      className: W(z ? void 0 : "absolute h-full", U),
-      style: j,
-      ...O,
+      side: G,
+      variant: O,
+      collapsible: F,
+      className: _(k ? void 0 : "absolute h-full", T),
+      style: U,
+      ...H,
       children: [
-        o && /* @__PURE__ */ e(u, { children: o }),
-        i && !o && /* @__PURE__ */ e(u, { children: /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e(d, { size: "lg", asChild: !0, children: /* @__PURE__ */ l("a", { href: "#", children: [
-          /* @__PURE__ */ e("div", { className: "bg-sidebar-primary text-sidebar-primary-foreground flex aspect-square size-8 items-center justify-center rounded-lg", children: i.logoUrl && /* @__PURE__ */ e(
+        h && /* @__PURE__ */ e(u, { children: h }),
+        t && !h && /* @__PURE__ */ e(u, { children: /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(s, { size: "lg", asChild: !0, children: /* @__PURE__ */ l("a", { href: "#", children: [
+          /* @__PURE__ */ e("div", { className: "bg-sidebar-primary text-sidebar-primary-foreground flex aspect-square size-8 items-center justify-center rounded-lg", children: t.logoUrl && /* @__PURE__ */ e(
             "img",
             {
-              src: i.logoUrl,
-              alt: i.logoAlt || "Logo",
+              src: t.logoUrl,
+              alt: t.logoAlt || "Logo",
               className: "size-4"
             }
           ) }),
           /* @__PURE__ */ l("div", { className: "grid flex-1 text-left text-sm leading-tight", children: [
-            i.title && /* @__PURE__ */ e("span", { className: "truncate font-semibold", children: i.title }),
-            i.subtitle && /* @__PURE__ */ e("span", { className: "truncate text-xs", children: i.subtitle })
+            t.title && /* @__PURE__ */ e("span", { className: "truncate font-semibold", children: t.title }),
+            t.subtitle && /* @__PURE__ */ e("span", { className: "truncate text-xs", children: t.subtitle })
           ] })
         ] }) }) }) }) }),
-        /* @__PURE__ */ e(J, { children: A?.map((r, h) => /* @__PURE__ */ l(K, { children: [
-          r.label && (r.collapsible ? /* @__PURE__ */ l(N, { defaultOpen: !0, className: "group/collapsible", children: [
-            /* @__PURE__ */ e(f, { asChild: !0, children: /* @__PURE__ */ l(x, { children: [
+        /* @__PURE__ */ e(R, { children: A?.map((r, m) => /* @__PURE__ */ l(V, { children: [
+          r.label && (r.collapsible ? /* @__PURE__ */ l(x, { defaultOpen: !0, className: "group/collapsible", children: [
+            /* @__PURE__ */ e(g, { asChild: !0, children: /* @__PURE__ */ l(C, { children: [
               r.label,
-              /* @__PURE__ */ e(p, { className: "ml-auto transition-transform group-data-[state=open]/collapsible:rotate-180" })
+              /* @__PURE__ */ e(f, { className: "ml-auto transition-transform group-data-[state=open]/collapsible:rotate-180" })
             ] }) }),
-            /* @__PURE__ */ e(S, { children: /* @__PURE__ */ e(g, { children: /* @__PURE__ */ e(s, { children: r.items?.map((a) => {
-              const t = a.icon;
-              return /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e(d, { asChild: !0, children: /* @__PURE__ */ l("a", { href: a.href, children: [
-                t && /* @__PURE__ */ e(t, {}),
+            /* @__PURE__ */ e(S, { children: /* @__PURE__ */ e(N, { children: /* @__PURE__ */ e(c, { children: r.items?.map((a) => {
+              const d = a.icon;
+              return /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(s, { asChild: !0, children: /* @__PURE__ */ l("a", { href: a.href, children: [
+                d && /* @__PURE__ */ e(d, {}),
                 /* @__PURE__ */ e("span", { children: a.label })
               ] }) }) }, a.href);
             }) }) }) })
-          ] }) : /* @__PURE__ */ e(f, { children: r.label })),
-          !r.collapsible && /* @__PURE__ */ e(g, { children: /* @__PURE__ */ e(s, { children: r.items?.map((a) => {
-            const t = a.icon, F = "items" in a && Array.isArray(a.items) && a.items.length > 0;
-            return /* @__PURE__ */ e(c, { children: F ? /* @__PURE__ */ l(N, { className: "group/collapsible", children: [
-              /* @__PURE__ */ e(d, { asChild: !0, children: /* @__PURE__ */ l(x, { children: [
-                t && /* @__PURE__ */ e(t, {}),
+          ] }) : /* @__PURE__ */ e(g, { children: r.label })),
+          !r.collapsible && /* @__PURE__ */ e(N, { children: /* @__PURE__ */ e(c, { children: r.items?.map((a) => {
+            const d = a.icon, E = "items" in a && Array.isArray(a.items) && a.items.length > 0;
+            return /* @__PURE__ */ e(o, { children: E ? /* @__PURE__ */ l(x, { className: "group/collapsible", children: [
+              /* @__PURE__ */ e(s, { asChild: !0, children: /* @__PURE__ */ l(C, { children: [
+                d && /* @__PURE__ */ e(d, {}),
                 /* @__PURE__ */ e("span", { children: a.label }),
-                /* @__PURE__ */ e(p, { className: "ml-auto transition-transform group-data-[state=open]/collapsible:rotate-180" })
+                /* @__PURE__ */ e(f, { className: "ml-auto transition-transform group-data-[state=open]/collapsible:rotate-180" })
               ] }) }),
-              /* @__PURE__ */ e(S, { children: /* @__PURE__ */ e(P, { children: ("items" in a && Array.isArray(a.items) ? a.items : []).map((m) => /* @__PURE__ */ e(Q, { children: /* @__PURE__ */ e(R, { asChild: !0, children: /* @__PURE__ */ e("a", { href: m.href, children: /* @__PURE__ */ e("span", { children: m.label }) }) }) }, m.href)) }) })
-            ] }) : /* @__PURE__ */ e(d, { asChild: !0, children: /* @__PURE__ */ l("a", { href: a.href, children: [
-              t && /* @__PURE__ */ e(t, {}),
+              /* @__PURE__ */ e(S, { children: /* @__PURE__ */ e(W, { children: ("items" in a && Array.isArray(a.items) ? a.items : []).map((p) => /* @__PURE__ */ e(X, { children: /* @__PURE__ */ e(Y, { asChild: !0, children: /* @__PURE__ */ e("a", { href: p.href, children: /* @__PURE__ */ e("span", { children: p.label }) }) }) }, p.href)) }) })
+            ] }) : /* @__PURE__ */ e(s, { asChild: !0, children: /* @__PURE__ */ l("a", { href: a.href, children: [
+              d && /* @__PURE__ */ e(d, {}),
               /* @__PURE__ */ e("span", { children: a.label })
             ] }) }) }, a.href);
           }) }) })
-        ] }, r.label || h)) }),
-        /* @__PURE__ */ l(V, { children: [
-          T && /* @__PURE__ */ e(H, {}),
-          n && /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(c, { children: /* @__PURE__ */ l(X, { children: [
-            /* @__PURE__ */ e(Y, { asChild: !0, children: /* @__PURE__ */ l(
-              d,
+        ] }, r.label || m)) }),
+        /* @__PURE__ */ l(Z, { children: [
+          j && /* @__PURE__ */ e(K, {}),
+          n ? /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e(o, { children: /* @__PURE__ */ l($, { children: [
+            /* @__PURE__ */ e(B, { asChild: !0, children: /* @__PURE__ */ l(
+              s,
               {
                 size: "lg",
                 className: "data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground",
                 children: [
-                  /* @__PURE__ */ l(C, { className: "h-8 w-8 rounded-lg", children: [
-                    /* @__PURE__ */ e(w, { src: n.image, alt: n.name }),
+                  /* @__PURE__ */ l(w, { className: "h-8 w-8 rounded-lg", children: [
+                    /* @__PURE__ */ e(v, { src: n.image, alt: n.name }),
                     /* @__PURE__ */ e(M, { className: "rounded-lg", children: n.name?.[0] || "U" })
                   ] }),
                   /* @__PURE__ */ l("div", { className: "grid flex-1 text-left text-sm leading-tight", children: [
                     /* @__PURE__ */ e("span", { className: "truncate font-semibold", children: n.name }),
                     /* @__PURE__ */ e("span", { className: "truncate text-xs", children: n.email })
                   ] }),
-                  /* @__PURE__ */ e(p, { className: "ml-auto size-4" })
+                  /* @__PURE__ */ e(f, { className: "ml-auto size-4" })
                 ]
               }
             ) }),
             /* @__PURE__ */ l(
-              Z,
+              ee,
               {
                 className: "w-(--radix-dropdown-menu-trigger-width) min-w-56 rounded-lg",
                 side: "bottom",
                 align: "end",
                 sideOffset: 4,
                 children: [
-                  /* @__PURE__ */ e(_, { className: "p-0 font-normal", children: /* @__PURE__ */ l("div", { className: "flex items-center gap-2 px-1 py-1.5 text-left text-sm", children: [
-                    /* @__PURE__ */ l(C, { className: "h-8 w-8 rounded-lg", children: [
-                      /* @__PURE__ */ e(w, { src: n.image, alt: n.name }),
+                  /* @__PURE__ */ e(le, { className: "p-0 font-normal", children: /* @__PURE__ */ l("div", { className: "flex items-center gap-2 px-1 py-1.5 text-left text-sm", children: [
+                    /* @__PURE__ */ l(w, { className: "h-8 w-8 rounded-lg", children: [
+                      /* @__PURE__ */ e(v, { src: n.image, alt: n.name }),
                       /* @__PURE__ */ e(M, { className: "rounded-lg", children: n.name?.[0] || "U" })
                     ] }),
                     /* @__PURE__ */ l("div", { className: "grid flex-1 text-left text-sm leading-tight", children: [
@@ -119,29 +122,38 @@ function ce({
                       /* @__PURE__ */ e("span", { className: "truncate text-xs", children: n.email })
                     ] })
                   ] }) }),
-                  /* @__PURE__ */ e($, {}),
-                  b?.map((r, h) => {
+                  /* @__PURE__ */ e(ae, {}),
+                  b?.map((r, m) => {
                     const a = r.icon;
-                    return /* @__PURE__ */ e(v, { asChild: !0, children: /* @__PURE__ */ l("a", { href: r.href || "#", onClick: r.onClick, children: [
+                    return /* @__PURE__ */ e(y, { asChild: !0, children: /* @__PURE__ */ l("a", { href: r.href || "#", onClick: r.onClick, children: [
                       a && /* @__PURE__ */ e(a, { className: "mr-2 h-4 w-4" }),
                       /* @__PURE__ */ e("span", { children: r.label })
-                    ] }) }, h);
+                    ] }) }, m);
                   }),
-                  !b && /* @__PURE__ */ l(v, { children: [
-                    /* @__PURE__ */ e(q, { className: "mr-2 h-4 w-4" }),
-                    /* @__PURE__ */ e("span", { children: I?.logout || "Log out" })
+                  !b && /* @__PURE__ */ l(y, { children: [
+                    /* @__PURE__ */ e(J, { className: "mr-2 h-4 w-4" }),
+                    /* @__PURE__ */ e("span", { children: L?.logout || "Log out" })
                   ] })
                 ]
               }
             )
-          ] }) }) }),
-          y
+          ] }) }) }) : q && i && /* @__PURE__ */ e("div", { className: "p-2", children: /* @__PURE__ */ e(
+            P,
+            {
+              variant: i.variant || "default",
+              onClick: i.onClick,
+              asChild: !!i.href,
+              className: "w-full justify-start",
+              children: i.href ? /* @__PURE__ */ e("a", { href: i.href, children: i.label || "Login" }) : i.label || "Login"
+            }
+          ) }),
+          D
         ] })
       ]
     }
   );
 }
 export {
-  ce as AppSidebar
+  pe as AppSidebar
 };
 //# sourceMappingURL=app-sidebar.js.map