xertica-ui 2.3.0 → 2.4.0

package/dist/layout.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const sidebar = require('./sidebar-DyYvgyBj.cjs');
+const sidebar = require('./sidebar-BS1p2V7t.cjs');
 const React = require('react');
 const useMobile = require('./use-mobile-BdXTRb0Z.cjs');
 

package/dist/layout.es.js

@@ -1,4 +1,4 @@
-export { H as Header, S as Sidebar } from './sidebar-3XyzjVBw.js';
+export { H as Header, S as Sidebar } from './sidebar-B4ZWaMrE.js';
 import { useState, useRef, useCallback, useEffect } from 'react';
 import { u as useIsMobile } from './use-mobile-Ce2cBAQe.js';
 

package/dist/pages.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const VerifyEmailPage = require('./VerifyEmailPage-By3Jf__L.cjs');
+const VerifyEmailPage = require('./VerifyEmailPage-u_Dn7t1U.cjs');
 
 
 

package/dist/pages.es.js

@@ -1 +1 @@
-export { F as ForgotPasswordPage, H as HomeContent, a as HomePage, L as LoginPage, R as ResetPasswordPage, T as TemplateContent, b as TemplatePage, V as VerifyEmailPage } from './VerifyEmailPage-DgIid028.js';
+export { F as ForgotPasswordPage, H as HomeContent, a as HomePage, L as LoginPage, R as ResetPasswordPage, T as TemplateContent, b as TemplatePage, V as VerifyEmailPage } from './VerifyEmailPage-X14vhdyl.js';

package/dist/{sidebar-DAaY8bRU.cjs → sidebar-B3EYhli0.cjs}

@@ -3,11 +3,11 @@ 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-Zw2B276b.cjs");
+const XerticaXLogo = require("./XerticaXLogo-kslQ8Tk_.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-B45-e9DI.cjs");
+const LayoutContext = require("./LayoutContext-C4kKN9RV.cjs");
 const framerMotion = require("framer-motion");
 const reactI18next = require("react-i18next");
 const input = require("./input-CNFHVKvo.cjs");
@@ -28,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",
@@ -69,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",
@@ -114,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)),
@@ -173,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;
   });
@@ -322,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" }),
@@ -562,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" }),
@@ -579,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",
@@ -599,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 },
@@ -611,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" })
@@ -624,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",
           {
@@ -668,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(

package/dist/{sidebar-B6SlKZYN.js → sidebar-B4ZWaMrE.js}

@@ -2,7 +2,7 @@ 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-DZHzN1Gd.js';
-import { L as LanguageSelector, T as ThemeToggle, X as XerticaLogo, a as XerticaXLogo } from './XerticaXLogo-DZbo4vOE.js';
+import { L as LanguageSelector, T as ThemeToggle, X as XerticaLogo, a as XerticaXLogo } from './XerticaXLogo-BX3ueACh.js';
 import { B as Breadcrumb, d as BreadcrumbList, b as BreadcrumbItem, c as BreadcrumbLink, e as BreadcrumbPage, f as BreadcrumbSeparator } from './breadcrumb-ifNsA7Zl.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-Dn_eV2Xb.js';
 import { A as Avatar, b as AvatarImage, a as AvatarFallback } from './avatar-3kO2Anrp.js';