@brainfish-ai/components 0.20.4 → 0.20.5

package/dist/esm/layouts/full-layout.js

@@ -1,407 +1,7 @@
-import React__default, { useContext, useState, useRef, useEffect, useCallback, useMemo, isValidElement } from 'react';
-import { useMediaQuery } from 'usehooks-ts';
-import { a as HeaderNav, H as HEADER_NAV_HEIGHT } from '../chunks/header-nav.FxSa8fGL.js';
-import { ScrollArea } from '../components/ui/scroll-area.js';
-import { c as cn } from '../chunks/utils.Cwtlq8dh.js';
-import { Item } from '../components/ui/item.js';
-import { S as Sidebar } from '../chunks/sidebar.NrHnIkbU.js';
-
-const FullLayoutNavStateContext = React__default.createContext(null);
-const FullLayoutContext = React__default.createContext(null);
-function FullLayoutProvider({ value, children }) {
-  return /* @__PURE__ */ React__default.createElement(FullLayoutContext.Provider, { value }, children);
-}
-function useFullLayoutContext() {
-  return React__default.useContext(FullLayoutContext);
-}
-
-function MainArea({ children }) {
-  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, children);
-}
-MainArea.displayName = "FullLayout.MainArea";
-
-function Body({ children }) {
-  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, children);
-}
-Body.displayName = "FullLayout.Body";
-
-function Header(props) {
-  const ctx = useFullLayoutContext();
-  if (!ctx) return null;
-  return /* @__PURE__ */ React__default.createElement(
-    HeaderNav,
-    {
-      ...props,
-      showSidebarToggle: !ctx.disableLeftSideNav,
-      isSideNavOpen: ctx.isSideNavOpen,
-      onSideNavigationToggle: ctx.toggleSidebar,
-      onHelpClick: ctx.openRightSidebar,
-      sidebarToggleRef: ctx.sidebarToggleRef
-    }
-  );
-}
-Header.displayName = "FullLayout.Header";
-
-const FullLayoutLeftSidebar = React__default.forwardRef(
-  ({
-    open,
-    widthPx,
-    onResizeStart,
-    onResizeKeyDown,
-    ariaValuenow,
-    ariaValuemin,
-    ariaValuemax,
-    sidebarProps,
-    className,
-    ...props
-  }, ref) => {
-    return /* @__PURE__ */ React__default.createElement(
-      "div",
-      {
-        ref,
-        id: "left-sidebar-pane",
-        "data-slot": "full-layout-left-sidebar",
-        tabIndex: -1,
-        "data-state": open ? "open" : "closed",
-        className: cn(
-          "min-w-0 overflow-hidden flex flex-col relative transition-[width] data-[state=closed]:w-0 data-[state=closed]:pointer-events-none data-[state=open]:w-full md:data-[state=open]:w-[var(--left-nav-width)]",
-          className
-        ),
-        style: {
-          ["--left-nav-width"]: `${widthPx}px`
-        },
-        ...props
-      },
-      /* @__PURE__ */ React__default.createElement(ScrollArea, { className: "h-[calc(100dvh-var(--header-nav-height))]" }, /* @__PURE__ */ React__default.createElement(Sidebar, { ...sidebarProps, collapsed: !open, className: "w-[inherit] transition-[width]" })),
-      /* @__PURE__ */ React__default.createElement(
-        "div",
-        {
-          role: "separator",
-          "aria-orientation": "vertical",
-          "aria-valuenow": ariaValuenow,
-          "aria-valuemin": ariaValuemin,
-          "aria-valuemax": ariaValuemax,
-          "aria-label": "Resize left sidebar",
-          "aria-controls": "left-sidebar-pane",
-          "data-slot": "full-layout-left-sidebar-resize-handle",
-          tabIndex: 0,
-          onMouseDown: onResizeStart,
-          onKeyDown: onResizeKeyDown,
-          className: "hidden lg:block absolute top-0 right-0 bottom-0 w-1 bg-transparent hover:bg-blue-500 cursor-ew-resize shrink-0 [&>div]:pointer-events-none"
-        },
-        /* @__PURE__ */ React__default.createElement("div", { className: "absolute inset-y-0 -right-1 w-3" })
-      )
-    );
-  }
-);
-FullLayoutLeftSidebar.displayName = "FullLayoutLeftSidebar";
-
-function LeftSidebar(props) {
-  const ctx = useFullLayoutContext();
-  const navState = useContext(FullLayoutNavStateContext);
-  if (!ctx) return null;
-  if (ctx.disableLeftSideNav) return null;
-  const sidebarProps = navState != null ? {
-    ...props,
-    appNavActiveId: navState.appNavActiveId ?? props.appNavActiveId,
-    sectionNavActiveId: navState.sectionNavActiveId ?? props.sectionNavActiveId,
-    activeArticleId: navState.activeArticleId ?? props.activeArticleId
-  } : props;
-  return /* @__PURE__ */ React__default.createElement(
-    FullLayoutLeftSidebar,
-    {
-      ref: ctx.sideNavRef,
-      open: ctx.isSideNavOpen,
-      widthPx: ctx.leftNavWidth,
-      onResizeStart: ctx.handleResizeStart,
-      onResizeKeyDown: ctx.handleResizeKeyDown,
-      ariaValuenow: ctx.ariaValuenow,
-      ariaValuemin: ctx.ariaValuemin,
-      ariaValuemax: ctx.ariaValuemax,
-      sidebarProps
-    }
-  );
-}
-LeftSidebar.displayName = "FullLayout.LeftSidebar";
-
-function Main({ children }) {
-  return /* @__PURE__ */ React__default.createElement(Item, { className: "p-0" }, children);
-}
-Main.displayName = "FullLayout.Main";
-
-const FullLayoutRightSidebar = React__default.forwardRef(
-  ({ open, className, children, ...props }, ref) => {
-    return /* @__PURE__ */ React__default.createElement(
-      "aside",
-      {
-        ref,
-        "data-slot": "full-layout-right-sidebar",
-        "data-state": open ? "open" : "closed",
-        className: cn(
-          "bg-background shadow-lg flex flex-col",
-          "fixed h-[calc(100dvh-var(--header-nav-height))] z-10 w-screen transition-transform duration-300 ease-in-out data-[state=closed]:translate-x-full data-[state=open]:translate-x-0",
-          "md:relative md:h-full md:w-80 md:top-0",
-          className
-        ),
-        ...props
-      },
-      /* @__PURE__ */ React__default.createElement("div", { className: "flex flex-col flex-1 min-h-0 overflow-hidden", "data-slot": "full-layout-right-sidebar-content" }, /* @__PURE__ */ React__default.createElement(ScrollArea, { className: "h-[calc(100dvh-var(--header-nav-height))]" }, children))
-    );
-  }
-);
-FullLayoutRightSidebar.displayName = "FullLayoutRightSidebar";
-
-function RightSidebar({ children }) {
-  const ctx = useFullLayoutContext();
-  if (!ctx) return null;
-  return /* @__PURE__ */ React__default.createElement(
-    FullLayoutRightSidebar,
-    {
-      ref: ctx.rightSidebarRef,
-      open: ctx.isRightSidebarOpen,
-      className: "top-[var(--header-nav-height)]"
-    },
-    children
-  );
-}
-RightSidebar.displayName = "FullLayout.RightSidebar";
-
-const MIN_SIDENAV_WIDTH = 260;
-const CLOSE_SIDENAV_THRESHOLD = MIN_SIDENAV_WIDTH - 32;
-const MAX_SIDENAV_WIDTH = 350;
-const RIGHT_SIDEBAR_WIDTH = 320;
-function extractSlots(children, refs) {
-  const out = {};
-  const arr = React__default.Children.toArray(children);
-  for (const key of Object.keys(refs)) {
-    const match = arr.find((c) => isValidElement(c) && c.type === refs[key]);
-    out[key] = match ?? null;
-  }
-  return out;
-}
-function FullLayoutRoot({ children, disableLeftSideNav = false, className }) {
-  const [isSideNavOpen, setIsSideNavOpen] = useState(() => typeof window !== "undefined" && window.innerWidth > 767);
-  const [isRightSidebarOpen, setIsRightSidebarOpen] = useState(false);
-  const [leftNavWidth, setLeftNavWidth] = useState(MIN_SIDENAV_WIDTH);
-  const [isResizing, setIsResizing] = useState(false);
-  const [gridWidth, setGridWidth] = useState(() => typeof window !== "undefined" ? window.innerWidth : 0);
-  const sideNavRef = useRef(null);
-  const rightSidebarRef = useRef(null);
-  const sidebarToggleRef = useRef(null);
-  const gridRef = useRef(null);
-  const prevSideNavOpenRef = useRef(isSideNavOpen);
-  const resizeAcRef = useRef(null);
-  const isMobile = useMediaQuery("(max-width: 767px)");
-  const isWideDesktop = useMediaQuery("(min-width: 1280px)");
-  useEffect(() => {
-    document.body.style.overflow = "hidden";
-    return () => {
-      document.body.style.overflow = "";
-    };
-  }, []);
-  useEffect(() => {
-    const el = gridRef.current;
-    if (!el) return;
-    const ro = new ResizeObserver(([entry]) => setGridWidth(entry.contentRect.width));
-    ro.observe(el);
-    return () => ro.disconnect();
-  }, []);
-  const closeOtherSidebar = useCallback(
-    (opening) => {
-      if (isWideDesktop) return;
-      if (opening === "left") setIsRightSidebarOpen(false);
-      else setIsSideNavOpen(false);
-    },
-    [isWideDesktop]
-  );
-  const showSidenav = useCallback(() => {
-    closeOtherSidebar("left");
-    setIsSideNavOpen(true);
-    setLeftNavWidth(MIN_SIDENAV_WIDTH);
-    sideNavRef.current?.focus();
-  }, [closeOtherSidebar]);
-  const toggleSidebar = useCallback(() => {
-    closeOtherSidebar("left");
-    setIsSideNavOpen((prev) => !prev);
-  }, [closeOtherSidebar]);
-  const toggleRightSidebar = useCallback(() => {
-    closeOtherSidebar("right");
-    setIsRightSidebarOpen((prev) => !prev);
-  }, [closeOtherSidebar]);
-  const applyLeftNavWidth = useCallback((newWidth, useThreshold = true) => {
-    const threshold = useThreshold ? CLOSE_SIDENAV_THRESHOLD : MIN_SIDENAV_WIDTH;
-    if (newWidth < threshold) {
-      setLeftNavWidth(MIN_SIDENAV_WIDTH);
-      setIsSideNavOpen(false);
-      return true;
-    } else {
-      setLeftNavWidth(Math.min(MAX_SIDENAV_WIDTH, newWidth));
-      return false;
-    }
-  }, []);
-  const handleResizeStart = useCallback((e) => {
-    e.preventDefault();
-    resizeAcRef.current = new AbortController();
-    setIsResizing(true);
-  }, []);
-  const endResize = useCallback(() => {
-    setIsResizing(false);
-    document.body.style.cursor = "";
-    document.body.style.userSelect = "";
-  }, []);
-  const handleMouseMove = useCallback(
-    (e) => {
-      if (!isResizing) return;
-      if (applyLeftNavWidth(e.clientX)) {
-        endResize();
-      }
-    },
-    [isResizing, applyLeftNavWidth, endResize]
-  );
-  const handleMouseUp = useCallback(() => endResize(), [endResize]);
-  const setInert = useCallback((el, open) => {
-    if (!el) return;
-    if (open) el.removeAttribute("inert");
-    else el.setAttribute("inert", "");
-  }, []);
-  useEffect(() => {
-    setInert(sideNavRef.current, isSideNavOpen);
-    setInert(rightSidebarRef.current, isRightSidebarOpen);
-  }, [isSideNavOpen, isRightSidebarOpen]);
-  useEffect(() => {
-    if (!isResizing || !resizeAcRef.current) return;
-    const { signal } = resizeAcRef.current;
-    document.body.style.cursor = "ew-resize";
-    document.body.style.userSelect = "none";
-    document.addEventListener("mousemove", handleMouseMove, { signal });
-    document.addEventListener("mouseup", handleMouseUp, { signal });
-    window.addEventListener("mouseup", handleMouseUp, { signal });
-    setInert(sideNavRef.current, false);
-    return () => {
-      resizeAcRef.current?.abort();
-      resizeAcRef.current = null;
-      document.body.style.cursor = "";
-      document.body.style.userSelect = "";
-      setInert(sideNavRef.current, true);
-    };
-  }, [isResizing]);
-  const handleResizeKeyDown = useCallback(
-    (e) => {
-      const step = 16;
-      if (e.key === "ArrowLeft") {
-        e.preventDefault();
-        applyLeftNavWidth(leftNavWidth - step, false);
-      } else if (e.key === "ArrowRight") {
-        e.preventDefault();
-        applyLeftNavWidth(Math.min(MAX_SIDENAV_WIDTH, leftNavWidth + step));
-      }
-    },
-    [leftNavWidth]
-  );
-  const leftCol = disableLeftSideNav ? 0 : isSideNavOpen ? isMobile ? gridWidth : leftNavWidth : 0;
-  const rightCol = isMobile ? 0 : isRightSidebarOpen ? RIGHT_SIDEBAR_WIDTH : 0;
-  useEffect(() => {
-    setIsSideNavOpen(isMobile ? false : true);
-  }, [isMobile]);
-  useEffect(() => {
-    if (prevSideNavOpenRef.current && !isSideNavOpen) {
-      sidebarToggleRef.current?.focus();
-    }
-    prevSideNavOpenRef.current = isSideNavOpen;
-  }, [isSideNavOpen]);
-  const ariaValuenow = Math.round((leftNavWidth - MIN_SIDENAV_WIDTH) / (MAX_SIDENAV_WIDTH - MIN_SIDENAV_WIDTH) * 100);
-  const layoutContextValue = useMemo(
-    () => ({
-      isSideNavOpen,
-      isRightSidebarOpen,
-      toggleSidebar,
-      openRightSidebar: toggleRightSidebar,
-      showSidenav,
-      disableLeftSideNav: disableLeftSideNav ?? false,
-      leftNavWidth,
-      isMobile,
-      sideNavRef,
-      rightSidebarRef,
-      sidebarToggleRef,
-      handleResizeStart,
-      handleResizeKeyDown,
-      ariaValuenow,
-      ariaValuemin: 0,
-      ariaValuemax: 100
-    }),
-    [
-      isSideNavOpen,
-      isRightSidebarOpen,
-      toggleSidebar,
-      toggleRightSidebar,
-      showSidenav,
-      leftNavWidth,
-      isMobile,
-      disableLeftSideNav,
-      handleResizeStart,
-      handleResizeKeyDown,
-      ariaValuenow
-    ]
-  );
-  const { MainArea: mainArea, RightSidebar: rightSidebar } = extractSlots(children, {
-    MainArea: MainArea,
-    RightSidebar: RightSidebar
-  });
-  const mainAreaChildren = isValidElement(mainArea) ? mainArea.props.children : null;
-  const { Header: header, Body: body } = extractSlots(mainAreaChildren ?? null, {
-    Header: Header,
-    Body: Body
-  });
-  const bodyChildren = isValidElement(body) ? body.props.children : null;
-  const { LeftSidebar: leftSidebar, Main: main } = extractSlots(bodyChildren ?? null, {
-    LeftSidebar: LeftSidebar,
-    Main: Main
-  });
-  const hasRightSidebar = rightSidebar != null;
-  return /* @__PURE__ */ React__default.createElement(FullLayoutProvider, { value: layoutContextValue }, /* @__PURE__ */ React__default.createElement(
-    "div",
-    {
-      className: cn(
-        "min-h-screen w-screen bg-background grid transition-[grid-template-columns] duration-300 ease-in-out",
-        className
-      ),
-      style: {
-        gridTemplateColumns: hasRightSidebar ? "minmax(0, 1fr) var(--right-col)" : "minmax(0, 1fr)",
-        ["--right-col"]: hasRightSidebar ? `${rightCol}px` : "0px",
-        ["--header-nav-height"]: `${HEADER_NAV_HEIGHT}px`
-      }
-    },
-    /* @__PURE__ */ React__default.createElement("div", { className: "min-w-0 grid grid-rows-[auto_1fr]" }, header, /* @__PURE__ */ React__default.createElement(
-      "div",
-      {
-        ref: gridRef,
-        "data-sidenav-state": isSideNavOpen ? "open" : "closed",
-        "data-right-sidebar-state": isRightSidebarOpen ? "open" : "closed",
-        className: cn(
-          "group/sidenav group/rightsidebar min-h-0 min-w-0 grid transition-[grid-template-columns] ease-linear"
-        ),
-        style: {
-          gridTemplateColumns: `var(--left-col) minmax(0, 1fr)`,
-          ["--left-col"]: `${leftCol}px`
-        }
-      },
-      disableLeftSideNav ? /* @__PURE__ */ React__default.createElement("div", { className: "w-0" }) : leftSidebar,
-      /* @__PURE__ */ React__default.createElement("div", { className: cn("relative md:mr-4", { "md:mx-4": !isSideNavOpen || disableLeftSideNav }) }, /* @__PURE__ */ React__default.createElement(ScrollArea, { className: " bg-surface h-[calc(100dvh-var(--header-nav-height))] md:h-[calc(100dvh-var(--header-nav-height)-1rem)] md:shadow-[2px_4px_12px_0_rgba(0,0,0,0.14)] md:dark:shadow-[2px_4px_12px_0_rgba(255,255,255,0.14)] md:rounded-lg" }, /* @__PURE__ */ React__default.createElement("main", { className: cn("min-w-0 overflow-visible relative p-4 md:p-8") }, main)), /* @__PURE__ */ React__default.createElement("div", { className: "from-background via-background/90 to-background/40 bg-gradient-to-t blur-xs sticky bottom-0 md:bottom-4 z-10 h-4 md:h-8 shrink-0 rounded-lg mr-4" }))
-    )),
-    hasRightSidebar ? rightSidebar : null
-  ));
-}
-function fullLayoutRootPropsAreEqual(prev, next) {
-  return prev.children === next.children && prev.className === next.className && prev.disableLeftSideNav === next.disableLeftSideNav;
-}
-const FullLayout = Object.assign(React__default.memo(FullLayoutRoot, fullLayoutRootPropsAreEqual), {
-  MainArea: MainArea,
-  Body: Body,
-  Header: Header,
-  LeftSidebar: LeftSidebar,
-  Main: Main,
-  RightSidebar: RightSidebar
-});
-
-export { FullLayout as default };
+import 'react';
+import 'usehooks-ts';
+export { F as default } from '../chunks/layout.C3eMxnqI.js';
+import '../chunks/header-nav.D42PynKd.js';
+import '../components/ui/scroll-area.js';
+import '../chunks/utils.Cwtlq8dh.js';
 //# sourceMappingURL=full-layout.js.map

package/dist/esm/layouts/full-layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"full-layout.js","sources":["../../../src/layouts/full-layout/context.tsx","../../../src/layouts/full-layout/components/main-area.tsx","../../../src/layouts/full-layout/components/body.tsx","../../../src/layouts/full-layout/components/header.tsx","../../../src/layouts/full-layout/left-sidebar-pane.tsx","../../../src/layouts/full-layout/components/left-sidebar.tsx","../../../src/layouts/full-layout/components/main.tsx","../../../src/layouts/full-layout/right-sidebar-pane.tsx","../../../src/layouts/full-layout/components/right-sidebar.tsx","../../../src/layouts/full-layout/layout.tsx"],"sourcesContent":["import React from 'react';\n\n/** Nav state derived from route (e.g. active ids). Provided by Platform; when null, layout uses props only. */\nexport interface FullLayoutNavState {\n  appNavActiveId?: string;\n  sectionNavActiveId?: string;\n  activeArticleId?: string;\n}\n\nconst FullLayoutNavStateContext = React.createContext<FullLayoutNavState | null>(null);\n\nexport { FullLayoutNavStateContext };\n\nexport interface FullLayoutContextValue {\n  isSideNavOpen: boolean;\n  isRightSidebarOpen: boolean;\n  toggleSidebar: () => void;\n  openRightSidebar: () => void;\n  showSidenav: () => void;\n  disableLeftSideNav: boolean;\n  leftNavWidth: number;\n  isMobile: boolean;\n  sideNavRef: React.RefObject<HTMLDivElement | null>;\n  rightSidebarRef: React.RefObject<HTMLElement | null>;\n  sidebarToggleRef: React.RefObject<HTMLButtonElement | null>;\n  handleResizeStart: (e: React.MouseEvent) => void;\n  handleResizeKeyDown: (e: React.KeyboardEvent) => void;\n  ariaValuenow: number;\n  ariaValuemin: number;\n  ariaValuemax: number;\n}\n\nconst FullLayoutContext = React.createContext<FullLayoutContextValue | null>(null);\n\nexport interface FullLayoutProviderProps {\n  value: FullLayoutContextValue;\n  children: React.ReactNode;\n}\n\nexport function FullLayoutProvider({ value, children }: FullLayoutProviderProps) {\n  return <FullLayoutContext.Provider value={value}>{children}</FullLayoutContext.Provider>;\n}\n\nexport function useFullLayoutContext(): FullLayoutContextValue | null {\n  return React.useContext(FullLayoutContext);\n}\n","import React from 'react';\n\nexport function MainArea({ children }: { children?: React.ReactNode }) {\n  return <>{children}</>;\n}\nMainArea.displayName = 'FullLayout.MainArea';\n","import React from 'react';\n\nexport function Body({ children }: { children?: React.ReactNode }) {\n  return <>{children}</>;\n}\nBody.displayName = 'FullLayout.Body';\n","import React, { ComponentProps } from 'react';\n\nimport { HeaderNav } from '../../header-nav';\nimport { useFullLayoutContext } from '../context';\n\nexport function Header(props: ComponentProps<typeof HeaderNav>) {\n  const ctx = useFullLayoutContext();\n  if (!ctx) return null;\n\n  return (\n    <HeaderNav\n      {...props}\n      showSidebarToggle={!ctx.disableLeftSideNav}\n      isSideNavOpen={ctx.isSideNavOpen}\n      onSideNavigationToggle={ctx.toggleSidebar}\n      onHelpClick={ctx.openRightSidebar}\n      sidebarToggleRef={ctx.sidebarToggleRef as React.Ref<HTMLButtonElement>}\n    />\n  );\n}\nHeader.displayName = 'FullLayout.Header';\n","import React, { ComponentProps } from 'react';\n\nimport { Sidebar } from '../sidebar';\n\nimport { ScrollArea } from '@/components/ui/scroll-area';\nimport { cn } from '@/lib/utils';\n\nexport interface FullLayoutLeftSidebarProps extends Omit<React.ComponentPropsWithoutRef<'div'>, 'children'> {\n  open: boolean;\n  widthPx: number;\n  onResizeStart: (e: React.MouseEvent) => void;\n  onResizeKeyDown: (e: React.KeyboardEvent) => void;\n  ariaValuenow: number;\n  ariaValuemin: number;\n  ariaValuemax: number;\n  sidebarProps: ComponentProps<typeof Sidebar>;\n}\n\nconst FullLayoutLeftSidebar = React.forwardRef<HTMLDivElement, FullLayoutLeftSidebarProps>(\n  (\n    {\n      open,\n      widthPx,\n      onResizeStart,\n      onResizeKeyDown,\n      ariaValuenow,\n      ariaValuemin,\n      ariaValuemax,\n      sidebarProps,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    return (\n      <div\n        ref={ref}\n        id=\"left-sidebar-pane\"\n        data-slot=\"full-layout-left-sidebar\"\n        tabIndex={-1}\n        data-state={open ? 'open' : 'closed'}\n        className={cn(\n          'min-w-0 overflow-hidden flex flex-col relative transition-[width] data-[state=closed]:w-0 data-[state=closed]:pointer-events-none data-[state=open]:w-full md:data-[state=open]:w-[var(--left-nav-width)]',\n          className,\n        )}\n        style={{\n          ['--left-nav-width' as string]: `${widthPx}px`,\n        }}\n        {...props}\n      >\n        <ScrollArea className=\"h-[calc(100dvh-var(--header-nav-height))]\">\n          <Sidebar {...sidebarProps} collapsed={!open} className=\"w-[inherit] transition-[width]\" />\n        </ScrollArea>\n        {/* Window Splitter per APG: https://www.w3.org/ARIA/apg/patterns/windowsplitter/ */}\n        {/* eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions -- focusable separator per APG Window Splitter pattern */}\n        <div\n          role=\"separator\"\n          aria-orientation=\"vertical\"\n          aria-valuenow={ariaValuenow}\n          aria-valuemin={ariaValuemin}\n          aria-valuemax={ariaValuemax}\n          aria-label=\"Resize left sidebar\"\n          aria-controls=\"left-sidebar-pane\"\n          data-slot=\"full-layout-left-sidebar-resize-handle\"\n          /* eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex -- focusable separator per APG Window Splitter pattern */\n          tabIndex={0}\n          onMouseDown={onResizeStart}\n          onKeyDown={onResizeKeyDown}\n          className=\"hidden lg:block absolute top-0 right-0 bottom-0 w-1 bg-transparent hover:bg-blue-500 cursor-ew-resize shrink-0 [&>div]:pointer-events-none\"\n        >\n          <div className=\"absolute inset-y-0 -right-1 w-3\" />\n        </div>\n      </div>\n    );\n  },\n);\n\nFullLayoutLeftSidebar.displayName = 'FullLayoutLeftSidebar';\n\nexport { FullLayoutLeftSidebar };\n","import React, { ComponentProps, useContext } from 'react';\n\nimport { Sidebar } from '../../sidebar';\nimport { FullLayoutNavStateContext, useFullLayoutContext } from '../context';\nimport { FullLayoutLeftSidebar } from '../left-sidebar-pane';\n\nexport function LeftSidebar(props: ComponentProps<typeof Sidebar>) {\n  const ctx = useFullLayoutContext();\n  const navState = useContext(FullLayoutNavStateContext);\n  if (!ctx) return null;\n  if (ctx.disableLeftSideNav) return null;\n\n  const sidebarProps: ComponentProps<typeof Sidebar> =\n    navState != null\n      ? {\n          ...props,\n          appNavActiveId: navState.appNavActiveId ?? props.appNavActiveId,\n          sectionNavActiveId: navState.sectionNavActiveId ?? props.sectionNavActiveId,\n          activeArticleId: navState.activeArticleId ?? props.activeArticleId,\n        }\n      : props;\n\n  return (\n    <FullLayoutLeftSidebar\n      ref={ctx.sideNavRef as React.Ref<HTMLDivElement>}\n      open={ctx.isSideNavOpen}\n      widthPx={ctx.leftNavWidth}\n      onResizeStart={ctx.handleResizeStart}\n      onResizeKeyDown={ctx.handleResizeKeyDown}\n      ariaValuenow={ctx.ariaValuenow}\n      ariaValuemin={ctx.ariaValuemin}\n      ariaValuemax={ctx.ariaValuemax}\n      sidebarProps={sidebarProps}\n    />\n  );\n}\nLeftSidebar.displayName = 'FullLayout.LeftSidebar';\n","import React from 'react';\n\nimport { Item } from '@/components/ui/item';\n\nexport function Main({ children }: { children?: React.ReactNode }) {\n  return <Item className=\"p-0\">{children}</Item>;\n}\nMain.displayName = 'FullLayout.Main';\n","import React from 'react';\n\nimport { cn } from '@/lib/utils';\nimport { ScrollArea } from '@/components/ui/scroll-area';\n\nexport interface FullLayoutRightSidebarProps extends Omit<React.ComponentPropsWithoutRef<'aside'>, 'children'> {\n  open: boolean;\n  children: React.ReactNode;\n}\n\nconst FullLayoutRightSidebar = React.forwardRef<HTMLElement, FullLayoutRightSidebarProps>(\n  ({ open, className, children, ...props }, ref) => {\n    return (\n      <aside\n        ref={ref as React.Ref<HTMLDivElement>}\n        data-slot=\"full-layout-right-sidebar\"\n        data-state={open ? 'open' : 'closed'}\n        className={cn(\n          'bg-background shadow-lg flex flex-col',\n          'fixed h-[calc(100dvh-var(--header-nav-height))] z-10 w-screen transition-transform duration-300 ease-in-out data-[state=closed]:translate-x-full data-[state=open]:translate-x-0',\n          'md:relative md:h-full md:w-80 md:top-0',\n          className,\n        )}\n        {...props}\n      >\n        <div className=\"flex flex-col flex-1 min-h-0 overflow-hidden\" data-slot=\"full-layout-right-sidebar-content\">\n          <ScrollArea className=\"h-[calc(100dvh-var(--header-nav-height))]\">{children}</ScrollArea>\n        </div>\n      </aside>\n    );\n  },\n);\n\nFullLayoutRightSidebar.displayName = 'FullLayoutRightSidebar';\n\nexport { FullLayoutRightSidebar };\n","import React from 'react';\n\nimport { useFullLayoutContext } from '../context';\nimport { FullLayoutRightSidebar } from '../right-sidebar-pane';\n\nexport function RightSidebar({ children }: { children?: React.ReactNode }) {\n  const ctx = useFullLayoutContext();\n  if (!ctx) return null;\n\n  return (\n    <FullLayoutRightSidebar\n      ref={ctx.rightSidebarRef as React.Ref<HTMLElement>}\n      open={ctx.isRightSidebarOpen}\n      className=\"top-[var(--header-nav-height)]\"\n    >\n      {children}\n    </FullLayoutRightSidebar>\n  );\n}\nRightSidebar.displayName = 'FullLayout.RightSidebar';\n","import React, { useState, useRef, useEffect, useMemo, useCallback, isValidElement } from 'react';\nimport { useMediaQuery } from 'usehooks-ts';\n\nimport { FullLayoutProvider } from './context';\nimport { HEADER_NAV_HEIGHT } from '../header-nav';\nimport * as Compounds from './components';\n\nimport { ScrollArea } from '@/components/ui/scroll-area';\nimport { cn } from '@/lib/utils';\n\nconst MIN_SIDENAV_WIDTH = 260;\nconst CLOSE_SIDENAV_THRESHOLD = MIN_SIDENAV_WIDTH - 32;\nconst MAX_SIDENAV_WIDTH = 350;\nconst RIGHT_SIDEBAR_WIDTH = 320;\n\nexport interface FullLayoutRootProps {\n  children?: React.ReactNode;\n  disableLeftSideNav?: boolean;\n  className?: string;\n}\n\n// Helper function to extract slots from children\nfunction extractSlots<T extends Record<string, React.ComponentType<any>>>(\n  children: React.ReactNode,\n  refs: T,\n): { [K in keyof T]: React.ReactElement | null } {\n  const out = {} as { [K in keyof T]: React.ReactElement | null };\n  const arr = React.Children.toArray(children);\n  for (const key of Object.keys(refs) as (keyof T)[]) {\n    const match = arr.find((c): c is React.ReactElement => isValidElement(c) && c.type === refs[key]);\n    out[key] = match ?? null;\n  }\n\n  return out;\n}\n\n// --- Root component ---\n\nfunction FullLayoutRoot({ children, disableLeftSideNav = false, className }: FullLayoutRootProps) {\n  // Match isMobile breakpoint (max-width: 767px) so no flash on 768–1023px\n  const [isSideNavOpen, setIsSideNavOpen] = useState(() => typeof window !== 'undefined' && window.innerWidth > 767);\n  const [isRightSidebarOpen, setIsRightSidebarOpen] = useState(false);\n  const [leftNavWidth, setLeftNavWidth] = useState(MIN_SIDENAV_WIDTH);\n  const [isResizing, setIsResizing] = useState(false);\n  const [gridWidth, setGridWidth] = useState(() => (typeof window !== 'undefined' ? window.innerWidth : 0));\n  const sideNavRef = useRef<HTMLDivElement>(null);\n  const rightSidebarRef = useRef<HTMLElement>(null);\n  const sidebarToggleRef = useRef<HTMLButtonElement>(null);\n  const gridRef = useRef<HTMLDivElement>(null);\n  const prevSideNavOpenRef = useRef(isSideNavOpen);\n  const resizeAcRef = useRef<AbortController | null>(null);\n  const isMobile = useMediaQuery('(max-width: 767px)');\n  const isWideDesktop = useMediaQuery('(min-width: 1280px)');\n\n  // Prevent native scrollbar from appearing\n  useEffect(() => {\n    document.body.style.overflow = 'hidden';\n\n    return () => {\n      document.body.style.overflow = '';\n    };\n  }, []);\n\n  // Handle grid width changes\n  useEffect(() => {\n    const el = gridRef.current;\n    if (!el) return;\n\n    const ro = new ResizeObserver(([entry]) => setGridWidth(entry.contentRect.width));\n    ro.observe(el);\n\n    return () => ro.disconnect();\n  }, []);\n\n  // Close other sidebar if opening a new one on wide desktop\n  const closeOtherSidebar = useCallback(\n    (opening: 'left' | 'right') => {\n      if (isWideDesktop) return;\n      if (opening === 'left') setIsRightSidebarOpen(false);\n      else setIsSideNavOpen(false);\n    },\n    [isWideDesktop],\n  );\n\n  // Show left sidebar\n  const showSidenav = useCallback(() => {\n    closeOtherSidebar('left');\n    setIsSideNavOpen(true);\n    setLeftNavWidth(MIN_SIDENAV_WIDTH);\n    sideNavRef.current?.focus();\n  }, [closeOtherSidebar]);\n\n  // Toggle left sidebar\n  const toggleSidebar = useCallback(() => {\n    closeOtherSidebar('left');\n    setIsSideNavOpen((prev) => !prev);\n  }, [closeOtherSidebar]);\n\n  // toggle right sidebar\n  const toggleRightSidebar = useCallback(() => {\n    closeOtherSidebar('right');\n    setIsRightSidebarOpen((prev) => !prev);\n  }, [closeOtherSidebar]);\n\n  // Apply left nav width - used for resizing left sidebar\n  const applyLeftNavWidth = useCallback((newWidth: number, useThreshold = true): boolean => {\n    const threshold = useThreshold ? CLOSE_SIDENAV_THRESHOLD : MIN_SIDENAV_WIDTH;\n\n    if (newWidth < threshold) {\n      setLeftNavWidth(MIN_SIDENAV_WIDTH);\n      setIsSideNavOpen(false);\n\n      return true;\n    } else {\n      // clamp to MAX_SIDENAV_WIDTH\n      setLeftNavWidth(Math.min(MAX_SIDENAV_WIDTH, newWidth));\n\n      return false;\n    }\n  }, []);\n\n  // Handle resize start\n  const handleResizeStart = useCallback((e: React.MouseEvent) => {\n    e.preventDefault();\n    resizeAcRef.current = new AbortController();\n    setIsResizing(true);\n  }, []);\n\n  // Handle resize end\n  const endResize = useCallback(() => {\n    setIsResizing(false);\n    document.body.style.cursor = '';\n    document.body.style.userSelect = '';\n  }, []);\n\n  // Handle mouse move during resize\n  const handleMouseMove = useCallback(\n    (e: MouseEvent) => {\n      if (!isResizing) return;\n      if (applyLeftNavWidth(e.clientX)) {\n        endResize();\n      }\n    },\n    [isResizing, applyLeftNavWidth, endResize],\n  );\n\n  // Handle mouse up during resize\n  const handleMouseUp = useCallback(() => endResize(), [endResize]);\n\n  // Set inert attribute on side nav and right sidebar - disables tabbing to elements inside when sidebar is closed\n  const setInert = useCallback((el: HTMLElement | null, open: boolean) => {\n    if (!el) return;\n    if (open) el.removeAttribute('inert');\n    else el.setAttribute('inert', '');\n  }, []);\n\n  useEffect(() => {\n    setInert(sideNavRef.current, isSideNavOpen);\n    setInert(rightSidebarRef.current, isRightSidebarOpen);\n  }, [isSideNavOpen, isRightSidebarOpen]);\n\n  // Attach resize listeners when isResizing becomes true (controller already set in handleResizeStart)\n  useEffect(() => {\n    if (!isResizing || !resizeAcRef.current) return;\n\n    const { signal } = resizeAcRef.current;\n    document.body.style.cursor = 'ew-resize';\n    document.body.style.userSelect = 'none';\n    document.addEventListener('mousemove', handleMouseMove, { signal });\n    document.addEventListener('mouseup', handleMouseUp, { signal });\n    window.addEventListener('mouseup', handleMouseUp, { signal });\n    setInert(sideNavRef.current, false);\n\n    return () => {\n      resizeAcRef.current?.abort();\n      resizeAcRef.current = null;\n      document.body.style.cursor = '';\n      document.body.style.userSelect = '';\n      setInert(sideNavRef.current, true);\n    };\n  }, [isResizing]);\n\n  // Handle resize key down\n  const handleResizeKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      const step = 16;\n      if (e.key === 'ArrowLeft') {\n        e.preventDefault();\n        applyLeftNavWidth(leftNavWidth - step, false);\n      } else if (e.key === 'ArrowRight') {\n        e.preventDefault();\n        applyLeftNavWidth(Math.min(MAX_SIDENAV_WIDTH, leftNavWidth + step));\n      }\n    },\n    [leftNavWidth],\n  );\n\n  const leftCol = disableLeftSideNav ? 0 : isSideNavOpen ? (isMobile ? gridWidth : leftNavWidth) : 0;\n  const rightCol = isMobile ? 0 : isRightSidebarOpen ? RIGHT_SIDEBAR_WIDTH : 0;\n\n  // Set left sidebar open state based on mobile\n  useEffect(() => {\n    setIsSideNavOpen(isMobile ? false : true);\n  }, [isMobile]);\n\n  // Focus sidebar toggle when left sidebar is closed\n  useEffect(() => {\n    if (prevSideNavOpenRef.current && !isSideNavOpen) {\n      sidebarToggleRef.current?.focus();\n    }\n    prevSideNavOpenRef.current = isSideNavOpen;\n  }, [isSideNavOpen]);\n\n  const ariaValuenow = Math.round(((leftNavWidth - MIN_SIDENAV_WIDTH) / (MAX_SIDENAV_WIDTH - MIN_SIDENAV_WIDTH)) * 100);\n\n  const layoutContextValue = useMemo(\n    () => ({\n      isSideNavOpen,\n      isRightSidebarOpen,\n      toggleSidebar,\n      openRightSidebar: toggleRightSidebar,\n      showSidenav,\n      disableLeftSideNav: disableLeftSideNav ?? false,\n      leftNavWidth,\n      isMobile,\n      sideNavRef,\n      rightSidebarRef,\n      sidebarToggleRef,\n      handleResizeStart,\n      handleResizeKeyDown,\n      ariaValuenow,\n      ariaValuemin: 0,\n      ariaValuemax: 100,\n    }),\n    [\n      isSideNavOpen,\n      isRightSidebarOpen,\n      toggleSidebar,\n      toggleRightSidebar,\n      showSidenav,\n      leftNavWidth,\n      isMobile,\n      disableLeftSideNav,\n      handleResizeStart,\n      handleResizeKeyDown,\n      ariaValuenow,\n    ],\n  );\n\n  // --- Extract slots from children ---\n  const { MainArea: mainArea, RightSidebar: rightSidebar } = extractSlots(children, {\n    MainArea: Compounds.MainArea,\n    RightSidebar: Compounds.RightSidebar,\n  });\n  const mainAreaChildren = isValidElement(mainArea)\n    ? (mainArea.props as { children?: React.ReactNode }).children\n    : null;\n  const { Header: header, Body: body } = extractSlots(mainAreaChildren ?? null, {\n    Header: Compounds.Header,\n    Body: Compounds.Body,\n  });\n  const bodyChildren = isValidElement(body) ? (body.props as { children?: React.ReactNode }).children : null;\n  const { LeftSidebar: leftSidebar, Main: main } = extractSlots(bodyChildren ?? null, {\n    LeftSidebar: Compounds.LeftSidebar,\n    Main: Compounds.Main,\n  });\n\n  const hasRightSidebar = rightSidebar != null;\n\n  // --- Render the layout ---\n  return (\n    <FullLayoutProvider value={layoutContextValue}>\n      <div\n        className={cn(\n          'min-h-screen w-screen bg-background grid transition-[grid-template-columns] duration-300 ease-in-out',\n          className,\n        )}\n        style={{\n          gridTemplateColumns: hasRightSidebar ? 'minmax(0, 1fr) var(--right-col)' : 'minmax(0, 1fr)',\n          ['--right-col' as string]: hasRightSidebar ? `${rightCol}px` : '0px',\n          ['--header-nav-height' as string]: `${HEADER_NAV_HEIGHT}px`,\n        }}\n      >\n        <div className=\"min-w-0 grid grid-rows-[auto_1fr]\">\n          {header}\n\n          <div\n            ref={gridRef}\n            data-sidenav-state={isSideNavOpen ? 'open' : 'closed'}\n            data-right-sidebar-state={isRightSidebarOpen ? 'open' : 'closed'}\n            className={cn(\n              'group/sidenav group/rightsidebar min-h-0 min-w-0 grid transition-[grid-template-columns] ease-linear',\n            )}\n            style={{\n              gridTemplateColumns: `var(--left-col) minmax(0, 1fr)`,\n              ['--left-col' as string]: `${leftCol}px`,\n            }}\n          >\n            {disableLeftSideNav ? <div className=\"w-0\" /> : leftSidebar}\n            <div className={cn('relative md:mr-4', { 'md:mx-4': !isSideNavOpen || disableLeftSideNav })}>\n              <ScrollArea className=\" bg-surface h-[calc(100dvh-var(--header-nav-height))] md:h-[calc(100dvh-var(--header-nav-height)-1rem)] md:shadow-[2px_4px_12px_0_rgba(0,0,0,0.14)] md:dark:shadow-[2px_4px_12px_0_rgba(255,255,255,0.14)] md:rounded-lg\">\n                <main className={cn('min-w-0 overflow-visible relative p-4 md:p-8')}>{main}</main>\n              </ScrollArea>\n              <div className=\"from-background via-background/90 to-background/40 bg-gradient-to-t blur-xs sticky bottom-0 md:bottom-4 z-10 h-4 md:h-8 shrink-0 rounded-lg mr-4\" />\n            </div>\n          </div>\n        </div>\n\n        {hasRightSidebar ? rightSidebar : null}\n      </div>\n    </FullLayoutProvider>\n  );\n}\n\n/**\n * Custom memo comparator: re-render only when these props change by reference/value.\n * Use this so changing other props (e.g. from a parent) does not force the layout shell to re-render.\n */\nfunction fullLayoutRootPropsAreEqual(prev: FullLayoutRootProps, next: FullLayoutRootProps): boolean {\n  return (\n    prev.children === next.children &&\n    prev.className === next.className &&\n    prev.disableLeftSideNav === next.disableLeftSideNav\n  );\n}\n\nconst FullLayout = Object.assign(React.memo(FullLayoutRoot, fullLayoutRootPropsAreEqual), {\n  MainArea: Compounds.MainArea,\n  Body: Compounds.Body,\n  Header: Compounds.Header,\n  LeftSidebar: Compounds.LeftSidebar,\n  Main: Compounds.Main,\n  RightSidebar: Compounds.RightSidebar,\n});\n\nexport default FullLayout;\n"],"names":["React","Compounds.MainArea","Compounds.RightSidebar","Compounds.Header","Compounds.Body","Compounds.LeftSidebar","Compounds.Main"],"mappings":"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"}
+{"version":3,"file":"full-layout.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/dist/esm/layouts/header-nav.js

@@ -1,2 +1,2 @@
-export { H as HEADER_NAV_HEIGHT, a as HeaderNav } from '../chunks/header-nav.FxSa8fGL.js';
+export { H as HEADER_NAV_HEIGHT, a as HeaderNav } from '../chunks/header-nav.D42PynKd.js';
 //# sourceMappingURL=header-nav.js.map

package/dist/full-layout.d.ts

@@ -4,18 +4,59 @@ import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import { Icon } from '@phosphor-icons/react';
 import * as React_2 from 'react';
 
-declare type AccountDropdownItem = {
+declare type AccountDropdownActionItem = {
+    type?: 'action';
     id: string;
     label: string;
+    icon?: React_2.ReactNode;
     onClick: () => void;
 };
 
+declare type AccountDropdownItem = AccountDropdownActionItem | AccountDropdownSubmenuItem;
+
 declare interface AccountDropdownProps extends React_2.ComponentPropsWithoutRef<typeof DropdownMenu> {
     accountPhoto: string;
     accountName: string;
     accountDropdownItems: AccountDropdownItem[];
+    /** Side the dropdown opens on relative to the trigger. Defaults to 'bottom'. */
+    side?: React_2.ComponentPropsWithoutRef<typeof DropdownMenuContent>['side'];
+    /** Alignment of the dropdown relative to the trigger. Defaults to 'end'. */
+    align?: React_2.ComponentPropsWithoutRef<typeof DropdownMenuContent>['align'];
 }
 
+/** Sub-option with a required `value`, used in radio-mode submenus. */
+declare type AccountDropdownRadioSubOption = Omit<AccountDropdownSubOption, 'value' | 'onClick'> & {
+    value: string;
+};
+
+declare type AccountDropdownSubmenuBase = {
+    type: 'submenu';
+    id: string;
+    label: string;
+    icon?: React_2.ReactNode;
+};
+
+declare type AccountDropdownSubmenuItem = AccountDropdownSubmenuBase & ({
+    /** The currently selected value. When provided with onValueChange, renders items as a radio group with selection indicators. */
+    value: string;
+    onValueChange: (value: string) => void;
+    items: AccountDropdownRadioSubOption[];
+} | {
+    value?: never;
+    onValueChange?: never;
+    items: AccountDropdownSubOption[];
+});
+
+declare type AccountDropdownSubOption = {
+    id: string;
+    label: string;
+    icon?: React_2.ReactNode;
+    /** Required for radio mode. */
+    value?: string;
+    /** Used in plain (non-radio) mode. */
+    onClick?: () => void;
+};
+
 declare interface ArticleNavItem extends Omit<SidebarNavItem, 'Icon' | 'items'> {
     status?: 'discovery' | 'unpublished';
     items?: ArticleNavItem[];
@@ -42,6 +83,8 @@ declare namespace Compounds {
 
 declare const DropdownMenu: React_2.FC<DropdownMenuPrimitive.DropdownMenuProps>;
 
+declare const DropdownMenuContent: React_2.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
 declare const FullLayout: default_2.NamedExoticComponent<FullLayoutRootProps> & {
     readonly type: typeof FullLayoutRoot;
 } & {

package/dist/header-nav.d.ts

@@ -1,20 +1,63 @@
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import * as React_2 from 'react';
 
-export declare type AccountDropdownItem = {
+export declare type AccountDropdownActionItem = {
+    type?: 'action';
     id: string;
     label: string;
+    icon?: React_2.ReactNode;
     onClick: () => void;
 };
 
+export declare type AccountDropdownItem = AccountDropdownActionItem | AccountDropdownSubmenuItem;
+
 declare interface AccountDropdownProps extends React_2.ComponentPropsWithoutRef<typeof DropdownMenu> {
     accountPhoto: string;
     accountName: string;
     accountDropdownItems: AccountDropdownItem[];
+    /** Side the dropdown opens on relative to the trigger. Defaults to 'bottom'. */
+    side?: React_2.ComponentPropsWithoutRef<typeof DropdownMenuContent>['side'];
+    /** Alignment of the dropdown relative to the trigger. Defaults to 'end'. */
+    align?: React_2.ComponentPropsWithoutRef<typeof DropdownMenuContent>['align'];
 }
 
+/** Sub-option with a required `value`, used in radio-mode submenus. */
+export declare type AccountDropdownRadioSubOption = Omit<AccountDropdownSubOption, 'value' | 'onClick'> & {
+    value: string;
+};
+
+declare type AccountDropdownSubmenuBase = {
+    type: 'submenu';
+    id: string;
+    label: string;
+    icon?: React_2.ReactNode;
+};
+
+export declare type AccountDropdownSubmenuItem = AccountDropdownSubmenuBase & ({
+    /** The currently selected value. When provided with onValueChange, renders items as a radio group with selection indicators. */
+    value: string;
+    onValueChange: (value: string) => void;
+    items: AccountDropdownRadioSubOption[];
+} | {
+    value?: never;
+    onValueChange?: never;
+    items: AccountDropdownSubOption[];
+});
+
+export declare type AccountDropdownSubOption = {
+    id: string;
+    label: string;
+    icon?: React_2.ReactNode;
+    /** Required for radio mode. */
+    value?: string;
+    /** Used in plain (non-radio) mode. */
+    onClick?: () => void;
+};
+
 declare const DropdownMenu: React_2.FC<DropdownMenuPrimitive.DropdownMenuProps>;
 
+declare const DropdownMenuContent: React_2.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
 export declare const HEADER_NAV_HEIGHT = 60;
 
 export declare const HeaderNav: React_2.ForwardRefExoticComponent<HeaderNavProps & React_2.RefAttributes<HTMLElement>>;