xertica-ui 2.5.1 → 2.5.2

package/dist/{sidebar-CeTMuzOx.cjs → sidebar-BvF5I2Ue.cjs}

@@ -1,20 +1,18 @@
-'use strict';
-
-const jsxRuntime = require('react/jsx-runtime');
-const React = require('react');
-const lucideReact = require('lucide-react');
-const button = require('./button-0BlA47It.cjs');
-const XerticaXLogo = require('./XerticaXLogo-qBPhwK3g.cjs');
-const breadcrumb = require('./breadcrumb-BKtHF4gk.cjs');
-const dropdownMenu = require('./dropdown-menu-BMcykFDf.cjs');
-const avatar = require('./avatar-BCM7YQRC.cjs');
-const LayoutContext = require('./LayoutContext-BEq_-n98.cjs');
-const framerMotion = require('framer-motion');
-const reactI18next = require('react-i18next');
-const input = require('./input-C_UiS2Py.cjs');
-const tooltip = require('./tooltip-D8n9UYoU.cjs');
-const CustomTooltipContent = require('./CustomTooltipContent-BhdIeBEg.cjs');
-
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const lucideReact = require("lucide-react");
+const button = require("./button-Bnv9SvYK.cjs");
+const XerticaXLogo = require("./XerticaXLogo-8TTzBjHw.cjs");
+const breadcrumb = require("./breadcrumb-DjSxkjlQ.cjs");
+const dropdownMenu = require("./dropdown-menu-B_uEXNc4.cjs");
+const avatar = require("./avatar-CuYu2MKt.cjs");
+const LayoutContext = require("./LayoutContext-C4kKN9RV.cjs");
+const framerMotion = require("framer-motion");
+const reactI18next = require("react-i18next");
+const input = require("./input-CNFHVKvo.cjs");
+const tooltip = require("./tooltip-CwgSdy3h.cjs");
+const CustomTooltipContent = require("./CustomTooltipContent-BT6brkVJ.cjs");
 function Header({
   title,
   breadcrumbs,
@@ -30,8 +28,9 @@ function Header({
   renderLink,
   breadcrumbSlot
 }) {
+  var _a;
   const layout = LayoutContext.useOptionalLayout();
-  const toggleSidebar = layout?.toggleSidebar ?? (() => {
+  const toggleSidebar = (layout == null ? void 0 : layout.toggleSidebar) ?? (() => {
   });
   return /* @__PURE__ */ jsxRuntime.jsx(
     "header",
@@ -71,7 +70,7 @@ function Header({
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 shrink-0 ml-4", children: [
           showLanguageSelector && /* @__PURE__ */ jsxRuntime.jsx(XerticaXLogo.LanguageSelector, { variant: "minimal", showIcon: false, className: "hidden sm:flex" }),
           showThemeToggle && /* @__PURE__ */ jsxRuntime.jsx(XerticaXLogo.ThemeToggle, { className: "hover:bg-accent" }),
-          actions?.map((action) => /* @__PURE__ */ jsxRuntime.jsxs(
+          actions == null ? void 0 : actions.map((action) => /* @__PURE__ */ jsxRuntime.jsxs(
             button.Button,
             {
               variant: "ghost",
@@ -116,7 +115,7 @@ function Header({
                 /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs leading-none text-muted-foreground", children: user.email || "user@example.com" })
               ] }) }),
               /* @__PURE__ */ jsxRuntime.jsx(dropdownMenu.DropdownMenuSeparator, {}),
-              user.menuItems?.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(dropdownMenu.DropdownMenuItem, { onClick: item.onClick, className: item.className, children: [
+              (_a = user.menuItems) == null ? void 0 : _a.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(dropdownMenu.DropdownMenuItem, { onClick: item.onClick, className: item.className, children: [
                 item.icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mr-2", children: item.icon }),
                 item.label
               ] }, item.id)),
@@ -155,7 +154,6 @@ function Header({
     }
   );
 }
-
 const SidebarContext = React.createContext(null);
 function useSidebarContext() {
   const ctx = React.useContext(SidebarContext);
@@ -176,9 +174,9 @@ function SidebarRoot({
   const layoutContext = LayoutContext.useOptionalLayout();
   const [localExpanded, setLocalExpanded] = React.useState(false);
   const [isMobileViewport, setIsMobileViewport] = React.useState(false);
-  const expanded = expandedProp !== void 0 ? expandedProp : layoutContext?.sidebarExpanded ?? localExpanded;
-  const onToggle = onToggleProp || layoutContext?.toggleSidebar || (() => setLocalExpanded((prev) => !prev));
-  const width = widthProp !== void 0 ? widthProp : layoutContext?.sidebarWidth ?? 280;
+  const expanded = expandedProp !== void 0 ? expandedProp : (layoutContext == null ? void 0 : layoutContext.sidebarExpanded) ?? localExpanded;
+  const onToggle = onToggleProp || (layoutContext == null ? void 0 : layoutContext.toggleSidebar) || (() => setLocalExpanded((prev) => !prev));
+  const width = widthProp !== void 0 ? widthProp : (layoutContext == null ? void 0 : layoutContext.sidebarWidth) ?? 280;
   const navigate = navigateProp || ((path) => {
     if (typeof window !== "undefined") window.location.href = path;
   });
@@ -244,25 +242,13 @@ function SidebarNav({
   routes = [],
   variant = "default"
 }) {
-  const { expanded, isMobileViewport, navigate, location, onToggle } = useSidebarContext();
+  const { expanded, navigate, location, onToggle } = useSidebarContext();
   const { t } = reactI18next.useTranslation();
   const navRef = React.useRef(null);
   const [localActiveItem, setLocalActiveItem] = React.useState(null);
   const [hasOverflow, setHasOverflow] = React.useState(false);
   const [visibleItems, setVisibleItems] = React.useState([]);
   const [overflowItems, setOverflowItems] = React.useState([]);
-  const [openSubmenus, setOpenSubmenus] = React.useState(/* @__PURE__ */ new Set());
-  const toggleSubmenu = (path) => {
-    setOpenSubmenus((prev) => {
-      const next = new Set(prev);
-      if (next.has(path)) {
-        next.delete(path);
-      } else {
-        next.add(path);
-      }
-      return next;
-    });
-  };
   const labelTranslations = React.useMemo(
     () => ({
       home: "Início",
@@ -337,8 +323,9 @@ function SidebarNav({
             action.variant === "destructive" ? "text-destructive focus:text-destructive" : ""
           ),
           onClick: (e) => {
+            var _a;
             e.stopPropagation();
-            action.onClick?.(null);
+            (_a = action.onClick) == null ? void 0 : _a.call(action, null);
           },
           children: [
             Icon && /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "h-4 w-4 flex-shrink-0" }),
@@ -389,80 +376,6 @@ function SidebarNav({
         /* @__PURE__ */ jsxRuntime.jsx(CustomTooltipContent.CustomTooltipContent, { side: "right", sideOffset: 0, children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: item.label }) })
       ] }, item.path);
     }
-    if (isMobileViewport && hasChildren) {
-      const isOpen = openSubmenus.has(item.path);
-      return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(
-          "div",
-          {
-            className: button.cn(
-              "group/item flex items-center w-full h-10 rounded-[var(--radius-button)] transition-all duration-200",
-              activeClass
-            ),
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsxs(
-                "button",
-                {
-                  onClick: () => handleNavigate(item.path),
-                  className: "flex items-center gap-3 px-3 flex-1 h-full min-w-0 text-left",
-                  children: [
-                    Icon && /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "w-5 h-5 flex-shrink-0" }),
-                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate flex-1", children: item.label })
-                  ]
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                "button",
-                {
-                  onClick: (e) => {
-                    e.stopPropagation();
-                    toggleSubmenu(item.path);
-                  },
-                  className: "h-full px-2 pr-2.5 flex items-center justify-center text-sidebar-foreground/40 hover:text-sidebar-foreground transition-colors",
-                  "aria-label": t("sidebar.submenu", { label: item.label }),
-                  "aria-expanded": isOpen,
-                  children: /* @__PURE__ */ jsxRuntime.jsx(
-                    lucideReact.ChevronRight,
-                    {
-                      className: button.cn("w-4 h-4 transition-transform duration-200", isOpen && "rotate-90")
-                    }
-                  )
-                }
-              )
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { initial: false, children: isOpen && /* @__PURE__ */ jsxRuntime.jsx(
-          framerMotion.motion.div,
-          {
-            initial: { height: 0, opacity: 0 },
-            animate: { height: "auto", opacity: 1 },
-            exit: { height: 0, opacity: 0 },
-            transition: { duration: 0.2 },
-            className: "overflow-hidden",
-            children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ml-4 mt-0.5 mb-0.5 space-y-0.5", children: item.children.map((child) => {
-              const ChildIcon = child.icon;
-              const isChildActive = location.pathname === child.path || location.pathname.startsWith(child.path + "/");
-              return /* @__PURE__ */ jsxRuntime.jsxs(
-                "button",
-                {
-                  onClick: () => handleNavigate(child.path),
-                  className: button.cn(
-                    "w-full h-9 flex items-center gap-2.5 px-3 rounded-[var(--radius-button)] transition-all duration-200 text-left",
-                    isChildActive ? "bg-sidebar-foreground/15 text-sidebar-foreground" : "text-sidebar-foreground/70 hover:bg-sidebar-foreground/10 hover:text-sidebar-foreground"
-                  ),
-                  children: [
-                    ChildIcon && /* @__PURE__ */ jsxRuntime.jsx(ChildIcon, { className: "h-4 w-4 flex-shrink-0" }),
-                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-sm", children: child.label })
-                  ]
-                },
-                child.path
-              );
-            }) })
-          }
-        ) })
-      ] }, item.path);
-    }
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
@@ -651,13 +564,14 @@ function SidebarSearch({
   fixedArea,
   search
 }) {
+  var _a, _b;
   const { expanded } = useSidebarContext();
   const { t } = reactI18next.useTranslation();
   const [isFilterOpen, setIsFilterOpen] = React.useState(false);
   if (!(fixedArea && fixedArea.show || search && search.show)) return null;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-shrink-0 px-4 pb-4 space-y-4 border-b border-sidebar-border/30 mb-2", children: [
-    fixedArea?.show && fixedArea.content && expanded && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "animate-in fade-in slide-in-from-top-1 duration-300", children: fixedArea.content }),
-    search?.show && expanded && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    (fixedArea == null ? void 0 : fixedArea.show) && fixedArea.content && expanded && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "animate-in fade-in slide-in-from-top-1 duration-300", children: fixedArea.content }),
+    (search == null ? void 0 : search.show) && expanded && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex-1", children: [
           /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: "absolute left-2.5 top-1/2 -translate-y-1/2 h-4 w-4 text-sidebar-foreground/50" }),
@@ -668,12 +582,15 @@ function SidebarSearch({
               placeholder: search.placeholder || t("sidebar.searchPlaceholder"),
               "aria-label": search.placeholder || t("sidebar.searchPlaceholder"),
               value: search.value,
-              onChange: (e) => search.onChange?.(e.target.value),
+              onChange: (e) => {
+                var _a2;
+                return (_a2 = search.onChange) == null ? void 0 : _a2.call(search, e.target.value);
+              },
               className: "w-full h-9 bg-sidebar-foreground/10 border-sidebar-border text-sidebar-foreground placeholder:text-sidebar-foreground/50 pl-9 focus-visible:ring-1 focus-visible:ring-sidebar-foreground/30 focus-visible:ring-offset-0"
             }
           )
         ] }),
-        search.filter?.show && search.filter.content && /* @__PURE__ */ jsxRuntime.jsx(
+        ((_a = search.filter) == null ? void 0 : _a.show) && search.filter.content && /* @__PURE__ */ jsxRuntime.jsx(
           button.Button,
           {
             variant: "ghost",
@@ -688,7 +605,7 @@ function SidebarSearch({
           }
         )
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { children: isFilterOpen && search.filter?.show && search.filter.content && /* @__PURE__ */ jsxRuntime.jsx(
+      /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { children: isFilterOpen && ((_b = search.filter) == null ? void 0 : _b.show) && search.filter.content && /* @__PURE__ */ jsxRuntime.jsx(
         framerMotion.motion.div,
         {
           initial: { height: 0, opacity: 0 },
@@ -700,12 +617,15 @@ function SidebarSearch({
         }
       ) })
     ] }),
-    !expanded && (fixedArea?.show || search?.show) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center gap-4 py-2", children: [
-      fixedArea?.show && fixedArea.icon && /* @__PURE__ */ jsxRuntime.jsxs(tooltip.Tooltip, { children: [
+    !expanded && ((fixedArea == null ? void 0 : fixedArea.show) || (search == null ? void 0 : search.show)) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center gap-4 py-2", children: [
+      (fixedArea == null ? void 0 : fixedArea.show) && fixedArea.icon && /* @__PURE__ */ jsxRuntime.jsxs(tooltip.Tooltip, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(tooltip.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
           "button",
           {
-            onClick: () => fixedArea.onClick?.(),
+            onClick: () => {
+              var _a2;
+              return (_a2 = fixedArea.onClick) == null ? void 0 : _a2.call(fixedArea);
+            },
             className: "h-10 w-10 flex items-center justify-center rounded-[var(--radius-button)] bg-primary text-primary-foreground shadow-sm hover:bg-primary/90 transition-all",
             "aria-label": t("assistant.newConversation"),
             children: React.isValidElement(fixedArea.icon) ? fixedArea.icon : /* @__PURE__ */ jsxRuntime.jsx(fixedArea.icon, { className: "h-5 w-5" })
@@ -713,7 +633,7 @@ function SidebarSearch({
         ) }),
         /* @__PURE__ */ jsxRuntime.jsx(CustomTooltipContent.CustomTooltipContent, { side: "right", children: t("assistant.newConversation") })
       ] }),
-      search?.show && /* @__PURE__ */ jsxRuntime.jsxs(tooltip.Tooltip, { children: [
+      (search == null ? void 0 : search.show) && /* @__PURE__ */ jsxRuntime.jsxs(tooltip.Tooltip, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(tooltip.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
           "button",
           {
@@ -757,18 +677,18 @@ function SidebarFooter({
           className: "w-full h-10 flex items-center justify-center px-0 rounded-[var(--radius-button)] transition-all duration-200 text-sidebar-foreground/80 hover:bg-sidebar-foreground/15 hover:text-sidebar-foreground",
           "aria-label": t("sidebar.userProfile"),
           children: /* @__PURE__ */ jsxRuntime.jsxs(avatar.Avatar, { className: "w-7 h-7 flex-shrink-0", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(avatar.AvatarImage, { src: user?.avatar, alt: user?.name || "User" }),
-            /* @__PURE__ */ jsxRuntime.jsx(avatar.AvatarFallback, { className: "bg-sidebar-foreground/15 text-sidebar-foreground text-xs", children: user?.name ? user.name.charAt(0).toUpperCase() : "U" })
+            /* @__PURE__ */ jsxRuntime.jsx(avatar.AvatarImage, { src: user == null ? void 0 : user.avatar, alt: (user == null ? void 0 : user.name) || "User" }),
+            /* @__PURE__ */ jsxRuntime.jsx(avatar.AvatarFallback, { className: "bg-sidebar-foreground/15 text-sidebar-foreground text-xs", children: (user == null ? void 0 : user.name) ? user.name.charAt(0).toUpperCase() : "U" })
           ] })
         }
       ) }),
-      /* @__PURE__ */ jsxRuntime.jsx(CustomTooltipContent.CustomTooltipContent, { side: "right", sideOffset: 0, children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: user?.name || t("sidebar.profile") }) })
+      /* @__PURE__ */ jsxRuntime.jsx(CustomTooltipContent.CustomTooltipContent, { side: "right", sideOffset: 0, children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: (user == null ? void 0 : user.name) || t("sidebar.profile") }) })
     ] }) : /* @__PURE__ */ jsxRuntime.jsxs("button", { className: "w-full h-10 flex items-center gap-3 px-3 justify-start rounded-[var(--radius-button)] transition-all duration-200 text-sidebar-foreground/80 hover:bg-sidebar-foreground/15 hover:text-sidebar-foreground", children: [
       /* @__PURE__ */ jsxRuntime.jsxs(avatar.Avatar, { className: "w-7 h-7 flex-shrink-0", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(avatar.AvatarImage, { src: user?.avatar, alt: user?.name || "User" }),
-        /* @__PURE__ */ jsxRuntime.jsx(avatar.AvatarFallback, { className: "bg-sidebar-foreground/15 text-sidebar-foreground text-xs", children: user?.name ? user.name.charAt(0).toUpperCase() : "U" })
+        /* @__PURE__ */ jsxRuntime.jsx(avatar.AvatarImage, { src: user == null ? void 0 : user.avatar, alt: (user == null ? void 0 : user.name) || "User" }),
+        /* @__PURE__ */ jsxRuntime.jsx(avatar.AvatarFallback, { className: "bg-sidebar-foreground/15 text-sidebar-foreground text-xs", children: (user == null ? void 0 : user.name) ? user.name.charAt(0).toUpperCase() : "U" })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sidebar-foreground truncate", children: user?.name || t("sidebar.profile") })
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sidebar-foreground truncate", children: (user == null ? void 0 : user.name) || t("sidebar.profile") })
     ] })),
     showSettings && (!expanded ? /* @__PURE__ */ jsxRuntime.jsxs(tooltip.Tooltip, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(tooltip.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -876,6 +796,5 @@ Sidebar.Header = SidebarHeader;
 Sidebar.Search = SidebarSearch;
 Sidebar.Nav = SidebarNav;
 Sidebar.Footer = SidebarFooter;
-
 exports.Header = Header;
 exports.Sidebar = Sidebar;

package/dist/{sidebar-q7P2Godd.cjs → sidebar-C5B_LHek.cjs}

@@ -3,7 +3,7 @@ const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const lucideReact = require("lucide-react");
 const button = require("./button-Bnv9SvYK.cjs");
-const XerticaXLogo = require("./XerticaXLogo-CQUUjXoH.cjs");
+const XerticaXLogo = require("./XerticaXLogo-CziKMQil.cjs");
 const breadcrumb = require("./breadcrumb-DjSxkjlQ.cjs");
 const dropdownMenu = require("./dropdown-menu-B_uEXNc4.cjs");
 const avatar = require("./avatar-CuYu2MKt.cjs");

package/dist/{sidebar-CrQDDdcz.js → sidebar-CA6_ek3f.js}

@@ -2,11 +2,11 @@ import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import React__default, { createContext, useState, useEffect, useRef, useMemo, useContext } from "react";
 import { Menu, Settings, User, LogOut, ArrowLeft, Search, Filter, MoreVertical, ChevronRight } from "lucide-react";
 import { B as Button, c as cn } from "./button-C6uvh0rV.js";
-import { L as LanguageSelector, T as ThemeToggle, X as XerticaLogo, a as XerticaXLogo } from "./XerticaXLogo-B7xQ5dhi.js";
+import { L as LanguageSelector, T as ThemeToggle, X as XerticaLogo, a as XerticaXLogo } from "./XerticaXLogo-DHz5SugF.js";
 import { B as Breadcrumb, d as BreadcrumbList, b as BreadcrumbItem, c as BreadcrumbLink, e as BreadcrumbPage, f as BreadcrumbSeparator } from "./breadcrumb-DIJ0X3Ot.js";
 import { D as DropdownMenu, n as DropdownMenuTrigger, b as DropdownMenuContent, e as DropdownMenuLabel, i as DropdownMenuSeparator, d as DropdownMenuItem, k as DropdownMenuSub, m as DropdownMenuSubTrigger, f as DropdownMenuPortal, l as DropdownMenuSubContent } from "./dropdown-menu-CFuCssWA.js";
 import { A as Avatar, b as AvatarImage, a as AvatarFallback } from "./avatar-Cxyofu1H.js";
-import { a as useOptionalLayout } from "./LayoutContext-Bav3UMEA.js";
+import { a as useOptionalLayout } from "./LayoutContext-CGEe1oPq.js";
 import { AnimatePresence, motion } from "framer-motion";
 import { useTranslation } from "react-i18next";
 import { I as Input, S as ScrollArea, P as Popover, c as PopoverTrigger, b as PopoverContent } from "./input-wPYg0d0P.js";
@@ -27,8 +27,9 @@ function Header({
   renderLink,
   breadcrumbSlot
 }) {
+  var _a;
   const layout = useOptionalLayout();
-  const toggleSidebar = layout?.toggleSidebar ?? (() => {
+  const toggleSidebar = (layout == null ? void 0 : layout.toggleSidebar) ?? (() => {
   });
   return /* @__PURE__ */ jsx(
     "header",
@@ -68,7 +69,7 @@ function Header({
         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 shrink-0 ml-4", children: [
           showLanguageSelector && /* @__PURE__ */ jsx(LanguageSelector, { variant: "minimal", showIcon: false, className: "hidden sm:flex" }),
           showThemeToggle && /* @__PURE__ */ jsx(ThemeToggle, { className: "hover:bg-accent" }),
-          actions?.map((action) => /* @__PURE__ */ jsxs(
+          actions == null ? void 0 : actions.map((action) => /* @__PURE__ */ jsxs(
             Button,
             {
               variant: "ghost",
@@ -113,7 +114,7 @@ function Header({
                 /* @__PURE__ */ jsx("p", { className: "text-xs leading-none text-muted-foreground", children: user.email || "user@example.com" })
               ] }) }),
               /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
-              user.menuItems?.map((item) => /* @__PURE__ */ jsxs(DropdownMenuItem, { onClick: item.onClick, className: item.className, children: [
+              (_a = user.menuItems) == null ? void 0 : _a.map((item) => /* @__PURE__ */ jsxs(DropdownMenuItem, { onClick: item.onClick, className: item.className, children: [
                 item.icon && /* @__PURE__ */ jsx("span", { className: "mr-2", children: item.icon }),
                 item.label
               ] }, item.id)),
@@ -172,9 +173,9 @@ function SidebarRoot({
   const layoutContext = useOptionalLayout();
   const [localExpanded, setLocalExpanded] = useState(false);
   const [isMobileViewport, setIsMobileViewport] = useState(false);
-  const expanded = expandedProp !== void 0 ? expandedProp : layoutContext?.sidebarExpanded ?? localExpanded;
-  const onToggle = onToggleProp || layoutContext?.toggleSidebar || (() => setLocalExpanded((prev) => !prev));
-  const width = widthProp !== void 0 ? widthProp : layoutContext?.sidebarWidth ?? 280;
+  const expanded = expandedProp !== void 0 ? expandedProp : (layoutContext == null ? void 0 : layoutContext.sidebarExpanded) ?? localExpanded;
+  const onToggle = onToggleProp || (layoutContext == null ? void 0 : layoutContext.toggleSidebar) || (() => setLocalExpanded((prev) => !prev));
+  const width = widthProp !== void 0 ? widthProp : (layoutContext == null ? void 0 : layoutContext.sidebarWidth) ?? 280;
   const navigate = navigateProp || ((path) => {
     if (typeof window !== "undefined") window.location.href = path;
   });
@@ -321,8 +322,9 @@ function SidebarNav({
             action.variant === "destructive" ? "text-destructive focus:text-destructive" : ""
           ),
           onClick: (e) => {
+            var _a;
             e.stopPropagation();
-            action.onClick?.(null);
+            (_a = action.onClick) == null ? void 0 : _a.call(action, null);
           },
           children: [
             Icon && /* @__PURE__ */ jsx(Icon, { className: "h-4 w-4 flex-shrink-0" }),
@@ -561,13 +563,14 @@ function SidebarSearch({
   fixedArea,
   search
 }) {
+  var _a, _b;
   const { expanded } = useSidebarContext();
   const { t } = useTranslation();
   const [isFilterOpen, setIsFilterOpen] = useState(false);
   if (!(fixedArea && fixedArea.show || search && search.show)) return null;
   return /* @__PURE__ */ jsxs("div", { className: "flex-shrink-0 px-4 pb-4 space-y-4 border-b border-sidebar-border/30 mb-2", children: [
-    fixedArea?.show && fixedArea.content && expanded && /* @__PURE__ */ jsx("div", { className: "animate-in fade-in slide-in-from-top-1 duration-300", children: fixedArea.content }),
-    search?.show && expanded && /* @__PURE__ */ jsxs(Fragment, { children: [
+    (fixedArea == null ? void 0 : fixedArea.show) && fixedArea.content && expanded && /* @__PURE__ */ jsx("div", { className: "animate-in fade-in slide-in-from-top-1 duration-300", children: fixedArea.content }),
+    (search == null ? void 0 : search.show) && expanded && /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ jsxs("div", { className: "relative flex-1", children: [
           /* @__PURE__ */ jsx(Search, { className: "absolute left-2.5 top-1/2 -translate-y-1/2 h-4 w-4 text-sidebar-foreground/50" }),
@@ -578,12 +581,15 @@ function SidebarSearch({
               placeholder: search.placeholder || t("sidebar.searchPlaceholder"),
               "aria-label": search.placeholder || t("sidebar.searchPlaceholder"),
               value: search.value,
-              onChange: (e) => search.onChange?.(e.target.value),
+              onChange: (e) => {
+                var _a2;
+                return (_a2 = search.onChange) == null ? void 0 : _a2.call(search, e.target.value);
+              },
               className: "w-full h-9 bg-sidebar-foreground/10 border-sidebar-border text-sidebar-foreground placeholder:text-sidebar-foreground/50 pl-9 focus-visible:ring-1 focus-visible:ring-sidebar-foreground/30 focus-visible:ring-offset-0"
             }
           )
         ] }),
-        search.filter?.show && search.filter.content && /* @__PURE__ */ jsx(
+        ((_a = search.filter) == null ? void 0 : _a.show) && search.filter.content && /* @__PURE__ */ jsx(
           Button,
           {
             variant: "ghost",
@@ -598,7 +604,7 @@ function SidebarSearch({
           }
         )
       ] }),
-      /* @__PURE__ */ jsx(AnimatePresence, { children: isFilterOpen && search.filter?.show && search.filter.content && /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx(AnimatePresence, { children: isFilterOpen && ((_b = search.filter) == null ? void 0 : _b.show) && search.filter.content && /* @__PURE__ */ jsx(
         motion.div,
         {
           initial: { height: 0, opacity: 0 },
@@ -610,12 +616,15 @@ function SidebarSearch({
         }
       ) })
     ] }),
-    !expanded && (fixedArea?.show || search?.show) && /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-4 py-2", children: [
-      fixedArea?.show && fixedArea.icon && /* @__PURE__ */ jsxs(Tooltip, { children: [
+    !expanded && ((fixedArea == null ? void 0 : fixedArea.show) || (search == null ? void 0 : search.show)) && /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-4 py-2", children: [
+      (fixedArea == null ? void 0 : fixedArea.show) && fixedArea.icon && /* @__PURE__ */ jsxs(Tooltip, { children: [
         /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
           "button",
           {
-            onClick: () => fixedArea.onClick?.(),
+            onClick: () => {
+              var _a2;
+              return (_a2 = fixedArea.onClick) == null ? void 0 : _a2.call(fixedArea);
+            },
             className: "h-10 w-10 flex items-center justify-center rounded-[var(--radius-button)] bg-primary text-primary-foreground shadow-sm hover:bg-primary/90 transition-all",
             "aria-label": t("assistant.newConversation"),
             children: React__default.isValidElement(fixedArea.icon) ? fixedArea.icon : /* @__PURE__ */ jsx(fixedArea.icon, { className: "h-5 w-5" })
@@ -623,7 +632,7 @@ function SidebarSearch({
         ) }),
         /* @__PURE__ */ jsx(CustomTooltipContent, { side: "right", children: t("assistant.newConversation") })
       ] }),
-      search?.show && /* @__PURE__ */ jsxs(Tooltip, { children: [
+      (search == null ? void 0 : search.show) && /* @__PURE__ */ jsxs(Tooltip, { children: [
         /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
           "button",
           {
@@ -667,18 +676,18 @@ function SidebarFooter({
           className: "w-full h-10 flex items-center justify-center px-0 rounded-[var(--radius-button)] transition-all duration-200 text-sidebar-foreground/80 hover:bg-sidebar-foreground/15 hover:text-sidebar-foreground",
           "aria-label": t("sidebar.userProfile"),
           children: /* @__PURE__ */ jsxs(Avatar, { className: "w-7 h-7 flex-shrink-0", children: [
-            /* @__PURE__ */ jsx(AvatarImage, { src: user?.avatar, alt: user?.name || "User" }),
-            /* @__PURE__ */ jsx(AvatarFallback, { className: "bg-sidebar-foreground/15 text-sidebar-foreground text-xs", children: user?.name ? user.name.charAt(0).toUpperCase() : "U" })
+            /* @__PURE__ */ jsx(AvatarImage, { src: user == null ? void 0 : user.avatar, alt: (user == null ? void 0 : user.name) || "User" }),
+            /* @__PURE__ */ jsx(AvatarFallback, { className: "bg-sidebar-foreground/15 text-sidebar-foreground text-xs", children: (user == null ? void 0 : user.name) ? user.name.charAt(0).toUpperCase() : "U" })
           ] })
         }
       ) }),
-      /* @__PURE__ */ jsx(CustomTooltipContent, { side: "right", sideOffset: 0, children: /* @__PURE__ */ jsx("p", { children: user?.name || t("sidebar.profile") }) })
+      /* @__PURE__ */ jsx(CustomTooltipContent, { side: "right", sideOffset: 0, children: /* @__PURE__ */ jsx("p", { children: (user == null ? void 0 : user.name) || t("sidebar.profile") }) })
     ] }) : /* @__PURE__ */ jsxs("button", { className: "w-full h-10 flex items-center gap-3 px-3 justify-start rounded-[var(--radius-button)] transition-all duration-200 text-sidebar-foreground/80 hover:bg-sidebar-foreground/15 hover:text-sidebar-foreground", children: [
       /* @__PURE__ */ jsxs(Avatar, { className: "w-7 h-7 flex-shrink-0", children: [
-        /* @__PURE__ */ jsx(AvatarImage, { src: user?.avatar, alt: user?.name || "User" }),
-        /* @__PURE__ */ jsx(AvatarFallback, { className: "bg-sidebar-foreground/15 text-sidebar-foreground text-xs", children: user?.name ? user.name.charAt(0).toUpperCase() : "U" })
+        /* @__PURE__ */ jsx(AvatarImage, { src: user == null ? void 0 : user.avatar, alt: (user == null ? void 0 : user.name) || "User" }),
+        /* @__PURE__ */ jsx(AvatarFallback, { className: "bg-sidebar-foreground/15 text-sidebar-foreground text-xs", children: (user == null ? void 0 : user.name) ? user.name.charAt(0).toUpperCase() : "U" })
       ] }),
-      /* @__PURE__ */ jsx("span", { className: "text-sidebar-foreground truncate", children: user?.name || t("sidebar.profile") })
+      /* @__PURE__ */ jsx("span", { className: "text-sidebar-foreground truncate", children: (user == null ? void 0 : user.name) || t("sidebar.profile") })
     ] })),
     showSettings && (!expanded ? /* @__PURE__ */ jsxs(Tooltip, { children: [
       /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(