@tradalab/lyra 1.9.0 → 1.11.0

package/dist/shell/index.js

@@ -1,17 +1,17 @@
 "use client";
-import { SidebarInset, SidebarProvider, Sidebar, SidebarGroup, SidebarGroupLabel, SidebarGroupContent, SidebarMenu, SidebarMenuItem, SidebarMenuButton, useSidebar, defaultAccountMenuLabels, Avatar, AvatarImage, AvatarFallback, initialsOf, ScrollArea, ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuSeparator, ScrollBar, Breadcrumb, BreadcrumbList, BreadcrumbSeparator, BreadcrumbItem, BreadcrumbPage, BreadcrumbLink, InputGroup, InputGroupAddon, InputGroupInput } from '../chunk-V6TVUMAU.js';
+import { SidebarInset, SidebarProvider, Sidebar, SidebarGroup, SidebarGroupLabel, SidebarGroupContent, SidebarMenu, SidebarMenuItem, SidebarMenuButton, useSidebar, defaultAccountMenuLabels, Avatar, AvatarImage, AvatarFallback, initialsOf, ScrollArea, ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuSeparator, ScrollBar, Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbPage, BreadcrumbLink, BreadcrumbSeparator, InputGroup, InputGroupAddon, InputGroupInput } from '../chunk-V6TVUMAU.js';
 import '../chunk-QYA2HGKW.js';
 import { Card, CardTitle, CardDescription } from '../chunk-ZG5ZPKFL.js';
 import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuSeparator, DropdownMenuLabel, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuItem } from '../chunk-SQA4ILAK.js';
 import { Button } from '../chunk-KFQOYZ64.js';
 import { cn } from '../chunk-XH55BHUU.js';
 import { jsx, jsxs, Fragment as Fragment$1 } from 'react/jsx-runtime';
-import Link from 'next/link';
+import Link2 from 'next/link';
 import { usePathname } from 'next/navigation';
 import { Fragment, useRef, useEffect } from 'react';
 import { ChevronsUpDown, CircleUser, Palette, Sun, Moon, Monitor, UserRoundCog, LogOut, LogIn, Pin, X, PinOff, ListX, Trash2, ChevronDown, Search } from 'lucide-react';
-import { useTheme } from 'next-themes';
 import { iconNames, DynamicIcon } from 'lucide-react/dynamic';
+import { useTheme } from 'next-themes';
 
 function AppShell({ children, ...rest }) {
   return /* @__PURE__ */ jsx(SidebarProvider, { ...rest, children });
@@ -103,21 +103,27 @@ function useActiveRoute() {
     }
   };
 }
+var looksExternal = (href) => /^([a-z][a-z0-9+.-]*:)?\/\//i.test(href) || /^(mailto|tel):/i.test(href);
 function NavItem({
   href,
   label,
   icon,
   tooltip,
-  matchMode = "prefix"
+  matchMode = "prefix",
+  external
 }) {
   const { isActive } = useActiveRoute();
+  const isExternal = external ?? looksExternal(href);
   return /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsx(
     SidebarMenuButton,
     {
       asChild: true,
-      isActive: isActive(href, matchMode),
+      isActive: !isExternal && isActive(href, matchMode),
       tooltip,
-      children: /* @__PURE__ */ jsxs(Link, { href, children: [
+      children: isExternal ? /* @__PURE__ */ jsxs("a", { href, target: "_blank", rel: "noopener noreferrer", children: [
+        icon,
+        /* @__PURE__ */ jsx("span", { children: label })
+      ] }) : /* @__PURE__ */ jsxs(Link2, { href, children: [
         icon,
         /* @__PURE__ */ jsx("span", { children: label })
       ] })
@@ -191,6 +197,100 @@ function NavBrand({
     )
   ] }) : /* @__PURE__ */ jsx(SidebarMenuButton, { size: "lg", asChild: true, tooltip: app.name, children: /* @__PURE__ */ jsx("a", { href: app.href, children: /* @__PURE__ */ jsx(BrandContent, { app }) }) }) }) });
 }
+var APP_ICON_NAMES = iconNames;
+var ICON_NAME_SET = new Set(iconNames);
+function toIconName(name) {
+  return name.replace(/([a-z0-9])([A-Z])/g, "$1-$2").replace(/[\s_]+/g, "-").toLowerCase();
+}
+function isLucideIcon(name) {
+  return ICON_NAME_SET.has(toIconName(name));
+}
+var APP_COLORS = [
+  "#64748b",
+  "#ef4444",
+  "#f97316",
+  "#f59e0b",
+  "#eab308",
+  "#22c55e",
+  "#10b981",
+  "#14b8a6",
+  "#06b6d4",
+  "#3b82f6",
+  "#6366f1",
+  "#8b5cf6",
+  "#a855f7",
+  "#ec4899",
+  "#f43f5e"
+];
+function isIconUrl(s) {
+  return /^(https?:)?\/\//.test(s) || s.startsWith("/") || s.startsWith("data:");
+}
+function hexA(hex, alpha) {
+  const a = Math.round(alpha * 255).toString(16).padStart(2, "0");
+  return /^#[0-9a-fA-F]{6}$/.test(hex) ? `${hex}${a}` : hex;
+}
+function AppGlyph({ icon, color, name, className }) {
+  const box = cn("flex size-9 shrink-0 items-center justify-center rounded-none", className);
+  if (icon && isIconUrl(icon)) {
+    return /* @__PURE__ */ jsx(
+      "span",
+      {
+        "aria-hidden": true,
+        className: cn(box, "bg-muted bg-cover bg-center"),
+        style: { backgroundImage: `url("${encodeURI(icon)}")` }
+      }
+    );
+  }
+  const tint = color ? { backgroundColor: hexA(color, 0.14) } : void 0;
+  const fg = color ? { color } : void 0;
+  const iconName = icon ? toIconName(icon) : "";
+  if (iconName && ICON_NAME_SET.has(iconName)) {
+    return /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: cn(box, !color && "bg-primary/10"), style: tint, children: /* @__PURE__ */ jsx(
+      DynamicIcon,
+      {
+        name: iconName,
+        className: cn("size-5", !color && "text-primary"),
+        style: fg
+      }
+    ) });
+  }
+  const ch = (name || icon || "?").charAt(0).toUpperCase();
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "aria-hidden": true,
+      className: cn(box, "text-sm font-semibold", !color && "bg-primary/10 text-primary"),
+      style: color ? { ...tint, ...fg } : void 0,
+      children: ch
+    }
+  );
+}
+function AppSwitcher({
+  app,
+  sections,
+  appsLabel,
+  fallback
+}) {
+  const groups = sections.filter((s) => s.apps.length > 0).map((s) => ({
+    key: s.key,
+    label: s.label,
+    apps: s.apps.map((a) => ({
+      name: a.name,
+      description: a.description,
+      href: a.url,
+      icon: /* @__PURE__ */ jsx(AppGlyph, { icon: a.icon, color: a.color, name: a.name })
+    }))
+  }));
+  return /* @__PURE__ */ jsx(
+    NavBrand,
+    {
+      app,
+      groups: groups.length ? groups : void 0,
+      apps: groups.length ? void 0 : fallback,
+      appsLabel
+    }
+  );
+}
 var defaultNavUserThemeLabels = {
   theme: "Theme",
   light: "Light",
@@ -499,19 +599,23 @@ function TabBar({
     }
   );
 }
-function Breadcrumbs({ separator, labels, ...rest }) {
+function Breadcrumbs({ separator, labels, leading, ...rest }) {
   const { pathname } = useActiveRoute();
   const segments = pathname.split("/").filter(Boolean);
-  if (segments.length === 0) return null;
+  if (segments.length === 0 && !leading) return null;
   const last = segments.length - 1;
-  return /* @__PURE__ */ jsx(Breadcrumb, { ...rest, children: /* @__PURE__ */ jsx(BreadcrumbList, { children: segments.map((seg, i) => {
-    const href = "/" + segments.slice(0, i + 1).join("/");
-    const label = labels?.[seg] ?? seg;
-    return /* @__PURE__ */ jsxs(Fragment, { children: [
-      i > 0 ? /* @__PURE__ */ jsx(BreadcrumbSeparator, { children: separator }) : null,
-      /* @__PURE__ */ jsx(BreadcrumbItem, { children: i === last ? /* @__PURE__ */ jsx(BreadcrumbPage, { children: label }) : /* @__PURE__ */ jsx(BreadcrumbLink, { asChild: true, children: /* @__PURE__ */ jsx(Link, { href, children: label }) }) })
-    ] }, href);
-  }) }) });
+  const hideLeading = leading?.hideOnMobile ?? true;
+  return /* @__PURE__ */ jsx(Breadcrumb, { ...rest, children: /* @__PURE__ */ jsxs(BreadcrumbList, { children: [
+    leading ? /* @__PURE__ */ jsx(BreadcrumbItem, { className: hideLeading ? "hidden md:block" : void 0, children: segments.length === 0 ? /* @__PURE__ */ jsx(BreadcrumbPage, { children: leading.label }) : leading.href ? /* @__PURE__ */ jsx(BreadcrumbLink, { asChild: true, children: /* @__PURE__ */ jsx(Link2, { href: leading.href, children: leading.label }) }) : leading.label }) : null,
+    segments.map((seg, i) => {
+      const href = "/" + segments.slice(0, i + 1).join("/");
+      const label = labels?.[seg] ?? seg;
+      return /* @__PURE__ */ jsxs(Fragment, { children: [
+        i > 0 || leading ? /* @__PURE__ */ jsx(BreadcrumbSeparator, { className: i === 0 && hideLeading && leading ? "hidden md:block" : void 0, children: separator }) : null,
+        /* @__PURE__ */ jsx(BreadcrumbItem, { children: i === last ? /* @__PURE__ */ jsx(BreadcrumbPage, { children: label }) : /* @__PURE__ */ jsx(BreadcrumbLink, { asChild: true, children: /* @__PURE__ */ jsx(Link2, { href, children: label }) }) })
+      ] }, href);
+    })
+  ] }) });
 }
 var defaultAppGridLabels = {
   searchPlaceholder: "Search apps\u2026",
@@ -585,75 +689,7 @@ function AppTile({ app }) {
     }
   );
 }
-var APP_ICON_NAMES = iconNames;
-var ICON_NAME_SET = new Set(iconNames);
-function toIconName(name) {
-  return name.replace(/([a-z0-9])([A-Z])/g, "$1-$2").replace(/[\s_]+/g, "-").toLowerCase();
-}
-function isLucideIcon(name) {
-  return ICON_NAME_SET.has(toIconName(name));
-}
-var APP_COLORS = [
-  "#64748b",
-  "#ef4444",
-  "#f97316",
-  "#f59e0b",
-  "#eab308",
-  "#22c55e",
-  "#10b981",
-  "#14b8a6",
-  "#06b6d4",
-  "#3b82f6",
-  "#6366f1",
-  "#8b5cf6",
-  "#a855f7",
-  "#ec4899",
-  "#f43f5e"
-];
-function isIconUrl(s) {
-  return /^(https?:)?\/\//.test(s) || s.startsWith("/") || s.startsWith("data:");
-}
-function hexA(hex, alpha) {
-  const a = Math.round(alpha * 255).toString(16).padStart(2, "0");
-  return /^#[0-9a-fA-F]{6}$/.test(hex) ? `${hex}${a}` : hex;
-}
-function AppGlyph({ icon, color, name, className }) {
-  const box = cn("flex size-9 shrink-0 items-center justify-center rounded-none", className);
-  if (icon && isIconUrl(icon)) {
-    return /* @__PURE__ */ jsx(
-      "span",
-      {
-        "aria-hidden": true,
-        className: cn(box, "bg-muted bg-cover bg-center"),
-        style: { backgroundImage: `url("${encodeURI(icon)}")` }
-      }
-    );
-  }
-  const tint = color ? { backgroundColor: hexA(color, 0.14) } : void 0;
-  const fg = color ? { color } : void 0;
-  const iconName = icon ? toIconName(icon) : "";
-  if (iconName && ICON_NAME_SET.has(iconName)) {
-    return /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: cn(box, !color && "bg-primary/10"), style: tint, children: /* @__PURE__ */ jsx(
-      DynamicIcon,
-      {
-        name: iconName,
-        className: cn("size-5", !color && "text-primary"),
-        style: fg
-      }
-    ) });
-  }
-  const ch = (name || icon || "?").charAt(0).toUpperCase();
-  return /* @__PURE__ */ jsx(
-    "span",
-    {
-      "aria-hidden": true,
-      className: cn(box, "text-sm font-semibold", !color && "bg-primary/10 text-primary"),
-      style: color ? { ...tint, ...fg } : void 0,
-      children: ch
-    }
-  );
-}
 
-export { APP_COLORS, APP_ICON_NAMES, AppGlyph, AppGrid, AppShell, AppShellBody, AppShellHeader, AppShellMain, AppTile, Breadcrumbs, NavBrand, NavGroup, NavItem, NavSection, NavUser, SidebarDock, SidebarPanel, StackedSidebar, TabBar, defaultAppGridLabels, defaultNavBrandAppsLabel, defaultNavUserThemeLabels, defaultTabBarLabels, isIconUrl, isLucideIcon, toIconName, useActiveRoute };
+export { APP_COLORS, APP_ICON_NAMES, AppGlyph, AppGrid, AppShell, AppShellBody, AppShellHeader, AppShellMain, AppSwitcher, AppTile, Breadcrumbs, NavBrand, NavGroup, NavItem, NavSection, NavUser, SidebarDock, SidebarPanel, StackedSidebar, TabBar, defaultAppGridLabels, defaultNavBrandAppsLabel, defaultNavUserThemeLabels, defaultTabBarLabels, isIconUrl, isLucideIcon, toIconName, useActiveRoute };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map