@mastra/playground-ui 63.1.0-alpha.2 → 63.1.0-alpha.4

package/dist/components/Sidebar.es.js

@@ -12,6 +12,7 @@ import { quietTextHoverInGroup, quietTextHover } from '../primitives/typography.
 import { S as ScrollArea, a as ScrollAreaViewport } from '../scroll-area-D6gKFavi.js';
 import { c as cva } from '../index-D_f78K7e.js';
 import { controlHeight } from '../primitives/control-size.es.js';
+import { textStyle } from '../primitives/text.es.js';
 import { D as Drawer, d as DrawerContent, c as DrawerClose, o as DrawerTitle, e as DrawerDescription } from '../drawer-CwVDeB8H.js';
 import { ResizeHandleIndicator } from '../primitives/resize-handle-indicator.es.js';
 import { z } from 'zod/v4';
@@ -593,6 +594,36 @@ function SidebarNavSeparator({ className, ...props }) {
   );
 }
 
+function SidebarNavShowMore({
+  foldedCount,
+  expanded,
+  onExpandedChange,
+  state: stateProp,
+  className,
+  ...props
+}) {
+  const context = useMaybeSidebarState();
+  const state = stateProp ?? context?.state ?? "default";
+  if (state === "collapsed" || foldedCount <= 0) return null;
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      "aria-expanded": expanded,
+      onClick: () => onExpandedChange(!expanded),
+      className: cn(
+        textStyle({ variant: "caption", tone: "muted" }),
+        "self-start rounded-md pl-3 text-left hover:text-foreground",
+        controlStateColorTransition,
+        focusRing,
+        className
+      ),
+      ...props,
+      children: expanded ? "Show less" : `Show ${foldedCount} more`
+    }
+  );
+}
+
 const SidebarNavStackContext = React__default.createContext(void 0);
 function useSidebarNavStack() {
   const context = React__default.useContext(SidebarNavStackContext);
@@ -1595,6 +1626,7 @@ const Sidebar = Object.assign(SidebarRoot, {
   NavList: SidebarNavList,
   NavSection: SidebarNavSection,
   NavSeparator: SidebarNavSeparator,
+  NavShowMore: SidebarNavShowMore,
   NavStack: SidebarNavStack,
   Provider: SidebarProvider,
   SearchTrigger: SidebarSearchTrigger,
@@ -1612,5 +1644,5 @@ function getIsLinkActive(link, pathname, siblings = []) {
   );
 }
 
-export { Sidebar, SidebarBrand, SidebarCommandHeader, SidebarFooter, SidebarFooterMeta, SidebarHeader, SidebarMeter, SidebarMobileTrigger, SidebarNav, SidebarNavHeader, SidebarNavLink, SidebarNavStack, SidebarProvider, SidebarRoot, SidebarSearchTrigger, SidebarSections, SidebarTrigger, getIsLinkActive, navItemClasses, useMaybeSidebar, useMaybeSidebarState, useMobileDrawer, useSidebar };
+export { Sidebar, SidebarBrand, SidebarCommandHeader, SidebarFooter, SidebarFooterMeta, SidebarHeader, SidebarMeter, SidebarMobileTrigger, SidebarNav, SidebarNavHeader, SidebarNavLink, SidebarNavShowMore, SidebarNavStack, SidebarProvider, SidebarRoot, SidebarSearchTrigger, SidebarSections, SidebarTrigger, getIsLinkActive, navItemClasses, useMaybeSidebar, useMaybeSidebarState, useMobileDrawer, useSidebar };
 //# sourceMappingURL=Sidebar.es.js.map