@brainfish-ai/components 0.26.0 → 0.26.1

package/dist/esm/chunks/header-pane.BFXHXxVn.js

@@ -1,559 +0,0 @@
-import React__default, { useContext, useState, useMemo, useRef, useEffect, useCallback, isValidElement } from 'react';
-import { useMediaQuery } from 'usehooks-ts';
-import { a as HeaderNav, H as HEADER_NAV_HEIGHT } from './header-nav.b4hvOsKc.js';
-import { cva } from 'class-variance-authority';
-import { c as cn } from './utils.Cwtlq8dh.js';
-import { ScrollArea } from '../components/ui/scroll-area.js';
-import { F as FeatureFlagProvider } from './feature-flags.DeDEcnd1.js';
-import { Item } from '../components/ui/item.js';
-import { S as Sidebar } from './sidebar.BamKohb5.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 useRightSidebar() {
-  const ctx = React__default.useContext(FullLayoutContext);
-  if (!ctx) {
-    throw new Error("useRightSidebar must be used within a <FullLayout> component.");
-  }
-  return {
-    isOpen: ctx.isRightSidebarOpen,
-    open: ctx.openRightSidebar,
-    close: ctx.closeRightSidebar,
-    toggle: ctx.toggleRightSidebar
-  };
-}
-
-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 { onBrainfishNativeClick, ...rest } = props;
-  const ctx = useFullLayoutContext();
-  if (!ctx) return null;
-  const handleNativeClick = () => {
-    ctx.toggleRightSidebar();
-    onBrainfishNativeClick?.();
-  };
-  return /* @__PURE__ */ React__default.createElement(
-    HeaderNav,
-    {
-      ...rest,
-      showSidebarToggle: !ctx.disableLeftSideNav,
-      isSideNavOpen: ctx.isSideNavOpen,
-      onSideNavigationToggle: ctx.toggleSidebar,
-      onBrainfishNativeClick: handleNativeClick,
-      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(
-        Sidebar,
-        {
-          ...sidebarProps,
-          collapsed: !open,
-          className: "transition-[width] w-[var(--left-nav-width)] h-[calc(100dvh-var(--header-nav-height,0))]"
-        }
-      ),
-      /* @__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, className }) {
-  const ctx = useFullLayoutContext();
-  const mainIsScrollContainer = ctx?.disableMainScrollArea ?? false;
-  return /* @__PURE__ */ React__default.createElement(
-    Item,
-    {
-      className: cn(
-        "p-0",
-        mainIsScrollContainer && "h-[calc(100dvh-var(--header-nav-height))] md:h-[calc(100dvh-var(--header-nav-height)-1rem)] min-h-0 overflow-y-auto p-4 md:p-8",
-        className
-      )
-    },
-    children
-  );
-}
-Main.displayName = "FullLayout.Main";
-
-const FullLayoutRightSidebar = React__default.forwardRef(
-  ({ open, scrollable = true, 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-dvh md:w-96 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" }, scrollable ? /* @__PURE__ */ React__default.createElement(ScrollArea, { className: "h-[calc(100dvh-var(--header-nav-height))] md:h-dvh" }, children) : children)
-    );
-  }
-);
-FullLayoutRightSidebar.displayName = "FullLayoutRightSidebar";
-
-function RightSidebar({ children, scrollable }) {
-  const ctx = useFullLayoutContext();
-  if (!ctx) return null;
-  return /* @__PURE__ */ React__default.createElement(
-    FullLayoutRightSidebar,
-    {
-      ref: ctx.rightSidebarRef,
-      open: ctx.isRightSidebarOpen,
-      scrollable,
-      className: "top-[var(--header-nav-height)]"
-    },
-    children
-  );
-}
-RightSidebar.displayName = "FullLayout.RightSidebar";
-
-const blurryBlob = cva("blurry-blob", {
-  variants: {
-    variant: {
-      topLeft: "",
-      bottomRight: "!top-auto !left-auto !-bottom-[10%] !right-0 rotate-180"
-    }
-  },
-  defaultVariants: {
-    variant: "topLeft"
-  }
-});
-const GooFilter = () => /* @__PURE__ */ React__default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: "fixed top-0 left-0 w-0 h-0" }, /* @__PURE__ */ React__default.createElement("defs", null, /* @__PURE__ */ React__default.createElement("filter", { id: "goo" }, /* @__PURE__ */ React__default.createElement("feGaussianBlur", { in: "SourceGraphic", stdDeviation: "10", result: "blur" }), /* @__PURE__ */ React__default.createElement("feColorMatrix", { in: "blur", mode: "matrix", values: "1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 18 -8", result: "goo" }), /* @__PURE__ */ React__default.createElement("feBlend", { in: "SourceGraphic", in2: "goo" }))));
-const BlurryBlob = ({ className, variant }) => {
-  return /* @__PURE__ */ React__default.createElement("div", { className: cn(blurryBlob({ variant }), className) }, /* @__PURE__ */ React__default.createElement("div", { className: "gradients-container" }, /* @__PURE__ */ React__default.createElement("div", { className: "g1" }), /* @__PURE__ */ React__default.createElement("div", { className: "g2" }), /* @__PURE__ */ React__default.createElement("div", { className: "g3" }), /* @__PURE__ */ React__default.createElement("div", { className: "g4" })));
-};
-
-const MIN_SIDENAV_WIDTH = 260;
-const CLOSE_SIDENAV_THRESHOLD = MIN_SIDENAV_WIDTH - 32;
-const MAX_SIDENAV_WIDTH = 600;
-const RIGHT_SIDEBAR_WIDTH = 384;
-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,
-  disableMainScrollArea = false,
-  className,
-  forceRightSidebarOpen = false
-}) {
-  const [isSideNavOpen, setIsSideNavOpen] = useState(() => typeof window !== "undefined" && window.innerWidth > 767);
-  const [isRightSidebarOpen, setIsRightSidebarOpen] = useState(forceRightSidebarOpen);
-  const [isResizing, setIsResizing] = useState(false);
-  const [gridWidth, setGridWidth] = useState(() => typeof window !== "undefined" ? window.innerWidth : 0);
-  const newMinNavWidth = useMemo(
-    () => gridWidth > 0 ? Math.max(MIN_SIDENAV_WIDTH, Math.min(MAX_SIDENAV_WIDTH, Math.round(gridWidth * 0.18))) : MIN_SIDENAV_WIDTH,
-    [gridWidth]
-  );
-  const [leftNavWidth, setLeftNavWidth] = useState(newMinNavWidth);
-  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(() => {
-    if (!document.body.querySelector(".sbdocs")) {
-      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(newMinNavWidth);
-    sideNavRef.current?.focus();
-  }, [closeOtherSidebar, newMinNavWidth]);
-  const toggleSidebar = useCallback(() => {
-    closeOtherSidebar("left");
-    setIsSideNavOpen((prev) => !prev);
-  }, [closeOtherSidebar]);
-  const openRightSidebar = useCallback(() => {
-    closeOtherSidebar("right");
-    setIsRightSidebarOpen(true);
-  }, [closeOtherSidebar]);
-  const closeRightSidebar = useCallback(() => {
-    setIsRightSidebarOpen(false);
-  }, []);
-  const toggleRightSidebar = useCallback(() => {
-    if (forceRightSidebarOpen) return;
-    closeOtherSidebar("right");
-    setIsRightSidebarOpen((prev) => !prev);
-  }, [closeOtherSidebar, forceRightSidebarOpen]);
-  const applyLeftNavWidth = useCallback(
-    (newWidth) => {
-      if (newWidth < CLOSE_SIDENAV_THRESHOLD) {
-        setLeftNavWidth(newMinNavWidth);
-        setIsSideNavOpen(false);
-        return true;
-      } else {
-        setLeftNavWidth(Math.min(MAX_SIDENAV_WIDTH, newWidth));
-        return false;
-      }
-    },
-    [newMinNavWidth]
-  );
-  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);
-      } else if (e.key === "ArrowRight") {
-        e.preventDefault();
-        applyLeftNavWidth(Math.min(MAX_SIDENAV_WIDTH, leftNavWidth + step));
-      }
-    },
-    [leftNavWidth, applyLeftNavWidth]
-  );
-  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 ariaRange = MAX_SIDENAV_WIDTH - newMinNavWidth;
-  const ariaValuenow = ariaRange === 0 ? 100 : Math.round((leftNavWidth - newMinNavWidth) / ariaRange * 100);
-  const layoutContextValue = useMemo(
-    () => ({
-      isSideNavOpen,
-      isRightSidebarOpen,
-      toggleSidebar,
-      openRightSidebar,
-      closeRightSidebar,
-      toggleRightSidebar,
-      showSidenav,
-      disableLeftSideNav: disableLeftSideNav ?? false,
-      leftNavWidth,
-      isMobile,
-      sideNavRef,
-      rightSidebarRef,
-      sidebarToggleRef,
-      handleResizeStart,
-      handleResizeKeyDown,
-      ariaValuenow,
-      ariaValuemin: 0,
-      ariaValuemax: 100,
-      disableMainScrollArea
-    }),
-    [
-      isSideNavOpen,
-      isRightSidebarOpen,
-      toggleSidebar,
-      openRightSidebar,
-      closeRightSidebar,
-      toggleRightSidebar,
-      showSidenav,
-      leftNavWidth,
-      isMobile,
-      disableLeftSideNav,
-      disableMainScrollArea,
-      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;
-  const mainPanelClasses = "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";
-  return /* @__PURE__ */ React__default.createElement(FullLayoutProvider, { value: layoutContextValue }, /* @__PURE__ */ React__default.createElement(GooFilter, null), /* @__PURE__ */ React__default.createElement(BlurryBlob, { variant: "topLeft" }), /* @__PURE__ */ React__default.createElement(BlurryBlob, { variant: "bottomRight" }), /* @__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 }) }, disableMainScrollArea ? /* @__PURE__ */ React__default.createElement("div", { className: cn("bg-surface", mainPanelClasses) }, /* @__PURE__ */ React__default.createElement("main", { className: "min-w-0 relative" }, main)) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
-        ScrollArea,
-        {
-          className: cn(
-            "bg-surface h-[calc(100dvh-var(--header-nav-height))] md:h-[calc(100dvh-var(--header-nav-height)-1rem)]",
-            mainPanelClasses
-          )
-        },
-        /* @__PURE__ */ React__default.createElement("div", { className: "min-h-full" }, /* @__PURE__ */ React__default.createElement("main", { className: cn("min-w-0 overflow-visible relative p-4 md:p-8") }, main))
-      ), /* @__PURE__ */ React__default.createElement(
-        "div",
-        {
-          "aria-hidden": true,
-          className: "main-scroll-fade pointer-events-none sticky bottom-4 left-0 right-0 h-16 bg-gradient-to-t from-surface to-transparent md:rounded-b-lg"
-        }
-      )))
-    )),
-    hasRightSidebar ? rightSidebar : null
-  ));
-}
-function fullLayoutRootPropsAreEqual(prev, next) {
-  return prev.children === next.children && prev.className === next.className && prev.disableLeftSideNav === next.disableLeftSideNav && prev.disableMainScrollArea === next.disableMainScrollArea;
-}
-const FullLayoutRootMemo = React__default.memo(FullLayoutRoot, fullLayoutRootPropsAreEqual);
-function FullLayoutWithFlags(props) {
-  const { featureFlags, ...layoutProps } = props;
-  return /* @__PURE__ */ React__default.createElement(FeatureFlagProvider, { flags: featureFlags }, /* @__PURE__ */ React__default.createElement(FullLayoutRootMemo, { ...layoutProps }));
-}
-const FullLayout = Object.assign(FullLayoutWithFlags, {
-  MainArea: MainArea,
-  Body: Body,
-  Header: Header,
-  LeftSidebar: LeftSidebar,
-  Main: Main,
-  RightSidebar: RightSidebar
-});
-
-const FullLayoutHeader = React__default.forwardRef(
-  ({ onOpenLeft, onOpenRight, className, children, ...props }, ref) => {
-    return /* @__PURE__ */ React__default.createElement(
-      "header",
-      {
-        ref,
-        "data-slot": "full-layout-header",
-        className: cn("h-16 bg-white shadow-md flex items-center px-4 shrink-0 sticky top-0 z-20", className),
-        ...props
-      },
-      onOpenLeft != null && /* @__PURE__ */ React__default.createElement(
-        "button",
-        {
-          "data-slot": "full-layout-header-trigger-left",
-          type: "button",
-          onClick: onOpenLeft,
-          className: "p-2 hover:bg-gray-100 rounded-lg transition-colors mr-4 lg:hidden",
-          "aria-label": "Toggle menu"
-        },
-        /* @__PURE__ */ React__default.createElement("svg", { className: "size-6", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" }, /* @__PURE__ */ React__default.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 6h16M4 12h16M4 18h16" }))
-      ),
-      /* @__PURE__ */ React__default.createElement("div", { "data-slot": "full-layout-header-center", className: "flex-1 min-w-0" }, children),
-      onOpenRight != null && /* @__PURE__ */ React__default.createElement("div", { "data-slot": "full-layout-header-trigger-right", className: "ml-auto" }, /* @__PURE__ */ React__default.createElement(
-        "button",
-        {
-          type: "button",
-          onClick: onOpenRight,
-          className: "p-2 hover:bg-gray-100 rounded-lg transition-colors",
-          "aria-label": "Toggle chat"
-        },
-        /* @__PURE__ */ React__default.createElement("svg", { className: "size-6", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" }, /* @__PURE__ */ React__default.createElement(
-          "path",
-          {
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            strokeWidth: 2,
-            d: "M8 10h.01M12 10h.01M16 10h.01M9 16H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-5l-5 5v-5z"
-          }
-        ))
-      ))
-    );
-  }
-);
-FullLayoutHeader.displayName = "FullLayoutHeader";
-
-export { FullLayout as F, FullLayoutHeader as a, FullLayoutLeftSidebar as b, FullLayoutNavStateContext as c, FullLayoutProvider as d, FullLayoutRightSidebar as e, useRightSidebar as f, useFullLayoutContext as u };
-//# sourceMappingURL=header-pane.BFXHXxVn.js.map