@brainfish-ai/components 0.21.1 → 0.21.2

package/dist/esm/chunks/{layout.zKOfkHvJ.js → layout.DoGej6-0.js}

@@ -4,7 +4,7 @@ import { a as HeaderNav, H as HEADER_NAV_HEIGHT } from './header-nav.D42PynKd.js
 import { ScrollArea } from '../components/ui/scroll-area.js';
 import { c as cn } from './utils.Cwtlq8dh.js';
 import { Item } from '../components/ui/item.js';
-import { S as Sidebar } from './sidebar.TmitnaWX.js';
+import { S as Sidebar } from './sidebar.CXE4WUtM.js';
 
 const FullLayoutNavStateContext = React__default.createContext(null);
 const FullLayoutContext = React__default.createContext(null);
@@ -427,4 +427,4 @@ const FullLayout = Object.assign(React__default.memo(FullLayoutRoot, fullLayoutR
 });
 
 export { FullLayout as F, FullLayoutProvider as a, useRightSidebar as b, FullLayoutNavStateContext as c, FullLayoutLeftSidebar as d, FullLayoutRightSidebar as e, useFullLayoutContext as u };
-//# sourceMappingURL=layout.zKOfkHvJ.js.map
+//# sourceMappingURL=layout.DoGej6-0.js.map

package/dist/esm/chunks/{layout.zKOfkHvJ.js.map → layout.DoGej6-0.js.map}

@@ -1 +1 @@
-{"version":3,"file":"layout.zKOfkHvJ.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  closeRightSidebar: () => void;\n  toggleRightSidebar: () => 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\nexport interface UseRightSidebarReturn {\n  /** Whether the right sidebar is currently open. */\n  isOpen: boolean;\n  /** Open the right sidebar (no-op if already open). */\n  open: () => void;\n  /** Close the right sidebar (no-op if already closed). */\n  close: () => void;\n  /** Toggle the right sidebar open/closed. */\n  toggle: () => void;\n}\n\n/**\n * Convenience hook for programmatically controlling the right sidebar.\n *\n * Must be used inside a `<FullLayout>` tree.\n *\n * @example\n * ```tsx\n * function MyComponent() {\n *   const rightSidebar = useRightSidebar();\n *   return <button onClick={rightSidebar.open}>Open sidebar</button>;\n * }\n * ```\n */\nexport function useRightSidebar(): UseRightSidebarReturn {\n  const ctx = React.useContext(FullLayoutContext);\n  if (!ctx) {\n    throw new Error('useRightSidebar must be used within a <FullLayout> component.');\n  }\n\n  return {\n    isOpen: ctx.isRightSidebarOpen,\n    open: ctx.openRightSidebar,\n    close: ctx.closeRightSidebar,\n    toggle: ctx.toggleRightSidebar,\n  };\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.toggleRightSidebar}\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  // Open right sidebar (no-op if already open)\n  const openRightSidebar = useCallback(() => {\n    closeOtherSidebar('right');\n    setIsRightSidebarOpen(true);\n  }, [closeOtherSidebar]);\n\n  // Close right sidebar (no-op if already closed)\n  const closeRightSidebar = useCallback(() => {\n    setIsRightSidebarOpen(false);\n  }, []);\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,\n      closeRightSidebar,\n      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      openRightSidebar,\n      closeRightSidebar,\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":"layout.DoGej6-0.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  closeRightSidebar: () => void;\n  toggleRightSidebar: () => 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\nexport interface UseRightSidebarReturn {\n  /** Whether the right sidebar is currently open. */\n  isOpen: boolean;\n  /** Open the right sidebar (no-op if already open). */\n  open: () => void;\n  /** Close the right sidebar (no-op if already closed). */\n  close: () => void;\n  /** Toggle the right sidebar open/closed. */\n  toggle: () => void;\n}\n\n/**\n * Convenience hook for programmatically controlling the right sidebar.\n *\n * Must be used inside a `<FullLayout>` tree.\n *\n * @example\n * ```tsx\n * function MyComponent() {\n *   const rightSidebar = useRightSidebar();\n *   return <button onClick={rightSidebar.open}>Open sidebar</button>;\n * }\n * ```\n */\nexport function useRightSidebar(): UseRightSidebarReturn {\n  const ctx = React.useContext(FullLayoutContext);\n  if (!ctx) {\n    throw new Error('useRightSidebar must be used within a <FullLayout> component.');\n  }\n\n  return {\n    isOpen: ctx.isRightSidebarOpen,\n    open: ctx.openRightSidebar,\n    close: ctx.closeRightSidebar,\n    toggle: ctx.toggleRightSidebar,\n  };\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.toggleRightSidebar}\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  // Open right sidebar (no-op if already open)\n  const openRightSidebar = useCallback(() => {\n    closeOtherSidebar('right');\n    setIsRightSidebarOpen(true);\n  }, [closeOtherSidebar]);\n\n  // Close right sidebar (no-op if already closed)\n  const closeRightSidebar = useCallback(() => {\n    setIsRightSidebarOpen(false);\n  }, []);\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,\n      closeRightSidebar,\n      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      openRightSidebar,\n      closeRightSidebar,\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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"}

package/dist/esm/chunks/{review-list.jCfkezEr.js → review-list.SJeUesuH.js}

@@ -38,11 +38,21 @@ const ReviewListItem = React.forwardRef(function ReviewListItem2({ title, timest
 
 const ReviewsContext = createContext(null);
 function ReviewsSelectionProvider({ children, defaultSelectedItem = null }) {
-  const [selectedItem, setSelectedItem] = useState(defaultSelectedItem);
-  const handleSelect = useCallback((item) => setSelectedItem(item), []);
+  const [userSelectedItem, setUserSelectedItem] = useState(null);
+  const selectedItem = userSelectedItem ?? defaultSelectedItem;
+  const [loadedDiffDoc, setLoadedDiffDoc] = useState(null);
+  const [loadingDiff, setLoadingDiff] = useState(false);
+  const handleSelect = useCallback((item) => setUserSelectedItem(item), []);
   const value = useMemo(
-    () => ({ selectedItem, setSelectedItem: handleSelect }),
-    [selectedItem, handleSelect]
+    () => ({
+      selectedItem,
+      setSelectedItem: handleSelect,
+      loadedDiffDoc,
+      setLoadedDiffDoc,
+      loadingDiff,
+      setLoadingDiff
+    }),
+    [selectedItem, handleSelect, loadedDiffDoc, loadingDiff]
   );
   return /* @__PURE__ */ React__default.createElement(ReviewsContext.Provider, { value }, children);
 }
@@ -69,4 +79,4 @@ const ReviewList = forwardRef(({ items, className, ...props }, ref) => {
 ReviewList.displayName = "ReviewList";
 
 export { ReviewListItem as R, ReviewList as a, ReviewsSelectionProvider as b, useReviewsSelection as u };
-//# sourceMappingURL=review-list.jCfkezEr.js.map
+//# sourceMappingURL=review-list.SJeUesuH.js.map

package/dist/esm/chunks/review-list.SJeUesuH.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"review-list.SJeUesuH.js","sources":["../../../src/scenes/knowledge-review/review-list/edit-count.tsx","../../../src/scenes/knowledge-review/review-list/review-list-item.tsx","../../../src/scenes/knowledge-review/context.tsx","../../../src/scenes/knowledge-review/review-list/review-list.tsx"],"sourcesContent":["import React from 'react';\nimport { Circle } from '@phosphor-icons/react';\n\nexport function EditCount({ count }: { count: number }) {\n  return (\n    <span className=\"inline-flex items-center gap-0.5\">\n      <Circle size={8} weight=\"fill\" aria-hidden=\"true\" className=\"text-blue\" />\n      <span className=\"text-xs leading-4 text-subtle\">\n        {count} {count === 1 ? 'edit' : 'edits'}\n      </span>\n    </span>\n  );\n}\n","import * as React from 'react';\n\nimport { EditCount } from './edit-count';\n\nimport { cn } from '@/lib/utils';\nimport { formatDistance } from '@/lib/formatDate';\nimport { StatusBadge } from '@/components/convos/status-badge';\n\nexport interface ReviewListItemProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Unique identifier for the knowledge article */\n  id: string;\n  /** Primary text displayed in the first row */\n  title: string;\n  /** Content rendered in the top-right corner (e.g. relative timestamp) */\n  timestamp: Date;\n  /** Icon rendered at the start of the second row */\n  icon?: React.ReactNode;\n  /** Text or content next to the icon in the second row */\n  description?: React.ReactNode;\n  /** Whether this item is new */\n  isNew?: boolean;\n  /** Number of edits for this item */\n  editCount?: number;\n  /** Whether this item is currently selected */\n  isSelected?: boolean;\n}\n\nexport const ReviewListItem = React.forwardRef<HTMLButtonElement, ReviewListItemProps>(function ReviewListItem(\n  { title, timestamp, icon, description, isNew, editCount, isSelected = false, className, ...props },\n  ref,\n) {\n  let status: React.ReactNode | undefined;\n  if (isNew) {\n    status = <StatusBadge variant=\"success\">New</StatusBadge>;\n  } else if (editCount) {\n    status = <EditCount count={editCount} />;\n  }\n\n  return (\n    <button\n      {...props}\n      ref={ref}\n      type=\"button\"\n      aria-pressed={isSelected}\n      className={cn(\n        'relative flex w-full flex-col gap-1 bg-surface rounded p-4 cursor-pointer transition-colors text-left border border-transparent',\n        isSelected\n          ? [\n              'shadow-[0px_1px_3px_0px_rgba(95,95,95,0.26)]',\n              'after:content-[\"\"] after:block after:absolute after:right-[-2px] after:top-1/2 after:-translate-y-1/2 after:w-1 after:h-14 after:rounded-sm after:bg-primary',\n            ]\n          : 'hover:bg-dark-100 hover:border-dark-300',\n        className,\n      )}\n    >\n      {/* Row 1: Title + Timestamp */}\n      <span className=\"flex items-center justify-between w-full gap-2\">\n        <span className={cn('text-sm text-default truncate min-w-0 flex-1', isSelected ? 'font-bold' : 'font-normal')}>\n          {title}\n        </span>\n        {timestamp && <span className=\"text-xs leading-4 text-subtlest shrink-0\">{formatDistance(timestamp)}</span>}\n      </span>\n\n      {/* Row 2: Icon + Description + Status */}\n      {(icon || description || status) && (\n        <span className=\"flex items-center gap-1 leading-4\">\n          {icon && <span className=\"shrink-0 flex items-center\">{icon}</span>}\n          {description && <span className=\"text-xs text-subtle\">{description}</span>}\n          {status && <span className=\"shrink-0 ml-1 flex items-center\">{status}</span>}\n        </span>\n      )}\n    </button>\n  );\n});\n","import React, { createContext, useCallback, useContext, useMemo, useState } from 'react';\n\nimport type { ReviewListItemProps } from './review-list/review-list-item';\n\nexport type LoadedDiffDoc = {\n  diffTitle: string;\n  diffContent: React.ReactNode;\n};\n\ntype ReviewsSelectionValue = {\n  selectedItem: ReviewListItemProps | null;\n  setSelectedItem: (item: ReviewListItemProps | null) => void;\n  loadedDiffDoc: LoadedDiffDoc | null;\n  setLoadedDiffDoc: (doc: LoadedDiffDoc | null) => void;\n  loadingDiff: boolean;\n  setLoadingDiff: (loading: boolean) => void;\n};\n\nconst ReviewsContext = createContext<ReviewsSelectionValue | null>(null);\n\ntype ReviewsProviderProps = {\n  children: React.ReactNode;\n  /** Optional initial selection (e.g. from server or mock data) */\n  defaultSelectedItem?: ReviewListItemProps | null;\n};\n\nexport function ReviewsSelectionProvider({ children, defaultSelectedItem = null }: ReviewsProviderProps) {\n  const [userSelectedItem, setUserSelectedItem] = useState<ReviewListItemProps | null>(null);\n  const selectedItem = userSelectedItem ?? defaultSelectedItem;\n\n  const [loadedDiffDoc, setLoadedDiffDoc] = useState<LoadedDiffDoc | null>(null);\n  const [loadingDiff, setLoadingDiff] = useState(false);\n\n  const handleSelect = useCallback((item: ReviewListItemProps | null) => setUserSelectedItem(item), []);\n  const value = useMemo<ReviewsSelectionValue>(\n    () => ({\n      selectedItem,\n      setSelectedItem: handleSelect,\n      loadedDiffDoc,\n      setLoadedDiffDoc,\n      loadingDiff,\n      setLoadingDiff,\n    }),\n    [selectedItem, handleSelect, loadedDiffDoc, loadingDiff],\n  );\n\n  return <ReviewsContext.Provider value={value}>{children}</ReviewsContext.Provider>;\n}\n\nexport function useReviewsSelection(): ReviewsSelectionValue {\n  const ctx = useContext(ReviewsContext);\n  if (!ctx) {\n    throw new Error('useReviewsSelection must be used within ReviewsSelectionProvider');\n  }\n\n  return ctx;\n}\n","import React, { forwardRef } from 'react';\n\nimport { ReviewListItem, ReviewListItemProps } from './review-list-item';\nimport { useReviewsSelection } from '../context';\n\nimport { cn } from '@/lib/utils';\n\ninterface ReviewListProps {\n  items: ReviewListItemProps[];\n  className?: string;\n}\n\nexport const ReviewList = forwardRef<HTMLUListElement, ReviewListProps>(({ items, className, ...props }, ref) => {\n  const { selectedItem, setSelectedItem } = useReviewsSelection();\n\n  return (\n    <ul\n      ref={ref}\n      className={cn('bg-muted border border-dark-300 rounded-lg p-2 space-y-2 list-none', className)}\n      {...props}\n    >\n      {items.map((item) => (\n        <li key={item.id}>\n          <ReviewListItem {...item} isSelected={selectedItem?.id === item.id} onClick={() => setSelectedItem(item)} />\n        </li>\n      ))}\n    </ul>\n  );\n});\nReviewList.displayName = 'ReviewList';\n"],"names":["React","ReviewListItem"],"mappings":"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"}

package/dist/esm/chunks/{sidebar.TmitnaWX.js → sidebar.CXE4WUtM.js}

@@ -16,6 +16,7 @@ function SidebarProvider({
   onSearchArticles,
   onAddArticle,
   onMoreActions,
+  canMoveArticle,
   onMoveArticle,
   children
 }) {
@@ -36,6 +37,7 @@ function SidebarProvider({
       onSelectArticle,
       onAddArticle,
       onMoreActions,
+      canMoveArticle,
       onMoveArticle,
       isSearching,
       handleSearchArticles
@@ -49,6 +51,7 @@ function SidebarProvider({
       onSearchArticles,
       onAddArticle,
       onMoreActions,
+      canMoveArticle,
       onMoveArticle,
       handleSearchArticles
     ]
@@ -222,7 +225,15 @@ function getParentKeys(items, targetId, parents = []) {
   return null;
 }
 function ArticleTree({ articles }) {
-  const { ItemLinkComponent, activeArticleId, onSelectArticle, onMoveArticle, onAddArticle, onMoreActions } = useSidebar();
+  const {
+    ItemLinkComponent,
+    activeArticleId,
+    onSelectArticle,
+    canMoveArticle,
+    onMoveArticle,
+    onAddArticle,
+    onMoreActions
+  } = useSidebar();
   const articlesTree = useTreeData({
     initialItems: articles,
     getKey: (articleItem) => articleItem.id,
@@ -235,30 +246,44 @@ function ArticleTree({ articles }) {
     onMove: (e) => {
       const movedArticleId = Array.from(e.keys)[0];
       if (!movedArticleId) return;
-      const targetArticleId = articlesTree.getItem(e.target.key);
-      if (!targetArticleId) return;
+      const targetItem = articlesTree.getItem(e.target.key);
+      if (!targetItem) return;
       let movedToParentId;
       let movedToIndex;
       if (e.target.dropPosition === "on") {
         movedToParentId = e.target.key.toString();
-        movedToIndex = targetArticleId.children?.length ?? 0;
-        articlesTree.move(movedArticleId, movedToParentId, movedToIndex);
+        movedToIndex = targetItem.children?.length ?? 0;
       } else {
-        movedToParentId = targetArticleId.parentKey?.toString() ?? null;
+        movedToParentId = targetItem.parentKey?.toString() ?? null;
         const siblings = movedToParentId ? articlesTree.getItem(movedToParentId)?.children ?? [] : articlesTree.items;
         const targetIndex = siblings.findIndex((i) => i.key === e.target.key);
         movedToIndex = e.target.dropPosition === "before" ? targetIndex : targetIndex + 1;
-        if (e.target.dropPosition === "before") {
-          articlesTree.moveBefore(e.target.key, e.keys);
-        } else {
-          articlesTree.moveAfter(e.target.key, e.keys);
-        }
       }
-      onMoveArticle?.({
+      const moveDetails = {
         id: movedArticleId.toString(),
         parentId: movedToParentId,
         index: movedToIndex
-      });
+      };
+      if (canMoveArticle && !canMoveArticle(moveDetails)) {
+        return;
+      }
+      const movedItem = articlesTree.getItem(movedArticleId);
+      const originalParentId = movedItem?.parentKey?.toString() ?? null;
+      const originalSiblings = originalParentId ? articlesTree.getItem(originalParentId)?.children ?? [] : articlesTree.items;
+      const originalIndex = originalSiblings.findIndex((i) => i.key === movedArticleId);
+      if (e.target.dropPosition === "on") {
+        articlesTree.move(movedArticleId, movedToParentId, movedToIndex);
+      } else if (e.target.dropPosition === "before") {
+        articlesTree.moveBefore(e.target.key, e.keys);
+      } else {
+        articlesTree.moveAfter(e.target.key, e.keys);
+      }
+      const result = onMoveArticle?.(moveDetails);
+      if (result && typeof result.then === "function") {
+        result.catch(() => {
+          articlesTree.move(movedArticleId, originalParentId, originalIndex);
+        });
+      }
     },
     renderDropIndicator: (target) => /* @__PURE__ */ React.createElement(
       DropIndicator,
@@ -353,6 +378,7 @@ const Sidebar = React.forwardRef(function Sidebar2({
   onSearchArticles,
   onAddArticle,
   onMoreActions,
+  canMoveArticle,
   onMoveArticle,
   ...props
 }, ref) {
@@ -366,6 +392,7 @@ const Sidebar = React.forwardRef(function Sidebar2({
       onSearchArticles,
       onAddArticle,
       onMoreActions,
+      canMoveArticle,
       onMoveArticle
     },
     /* @__PURE__ */ React.createElement(
@@ -407,4 +434,4 @@ const Sidebar = React.forwardRef(function Sidebar2({
 });
 
 export { Sidebar as S, useSidebar as u };
-//# sourceMappingURL=sidebar.TmitnaWX.js.map
+//# sourceMappingURL=sidebar.CXE4WUtM.js.map

package/dist/esm/chunks/sidebar.CXE4WUtM.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar.CXE4WUtM.js","sources":["../../../src/layouts/sidebar/context.tsx","../../../src/layouts/sidebar/app-nav/app-nav.tsx","../../../src/layouts/sidebar/article-nav/article-search.tsx","../../../src/layouts/sidebar/article-nav/article-item.tsx","../../../src/layouts/sidebar/article-nav/article-tree.tsx","../../../src/layouts/sidebar/article-nav/article-nav.tsx","../../../src/layouts/sidebar/section-nav/section-nav.tsx","../../../src/layouts/sidebar/sidebar.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { ItemLinkComponent } from './types';\n\nexport interface SidebarContextProps {\n  collapsed: boolean;\n  ItemLinkComponent: ItemLinkComponent;\n  activeArticleId?: string;\n  onSelectArticle?: (id: string) => void;\n  onSearchArticles?: (value: string) => void;\n  onAddArticle?: (parentId: string | null) => void;\n  onMoreActions?: (articleId: string) => void;\n  canMoveArticle?: (move: { id: string; parentId: string | null; index: number }) => boolean;\n  onMoveArticle?: (moved: { id: string; parentId: string | null; index: number }) => void | Promise<void>;\n}\n\nexport interface SidebarContextValue extends SidebarContextProps {\n  handleSearchArticles: (value: string) => void;\n  isSearching: boolean;\n}\n\nconst SidebarContext = React.createContext<SidebarContextValue | null>(null);\n\nexport function SidebarProvider({\n  collapsed,\n  ItemLinkComponent,\n  activeArticleId,\n  onSelectArticle,\n  onSearchArticles,\n  onAddArticle,\n  onMoreActions,\n  canMoveArticle,\n  onMoveArticle,\n  children,\n}: React.PropsWithChildren<SidebarContextProps>) {\n  const [isSearching, setIsSearching] = React.useState<boolean>(false);\n\n  const handleSearchArticles = React.useCallback(\n    (value: string) => {\n      setIsSearching(value.trim() !== '');\n      onSearchArticles?.(value);\n    },\n    [onSearchArticles],\n  );\n\n  const contextValue = React.useMemo<SidebarContextValue>(\n    () => ({\n      collapsed,\n      ItemLinkComponent,\n      activeArticleId,\n      onSearchArticles,\n      onSelectArticle,\n      onAddArticle,\n      onMoreActions,\n      canMoveArticle,\n      onMoveArticle,\n      isSearching,\n      handleSearchArticles,\n    }),\n    [\n      isSearching,\n      collapsed,\n      ItemLinkComponent,\n      activeArticleId,\n      onSelectArticle,\n      onSearchArticles,\n      onAddArticle,\n      onMoreActions,\n      canMoveArticle,\n      onMoveArticle,\n      handleSearchArticles,\n    ],\n  );\n\n  return <SidebarContext.Provider value={contextValue}>{children}</SidebarContext.Provider>;\n}\n\nexport function useSidebar() {\n  const sidebarContext = React.useContext(SidebarContext);\n\n  if (!sidebarContext) throw new Error('useSidebar must be used within SidebarProvider');\n\n  return sidebarContext;\n}\n","import * as React from 'react';\nimport { ArrowBendUpLeft } from '@phosphor-icons/react';\n\nimport type { SidebarNavItem } from '../types';\nimport { useSidebar } from '../context';\n\nimport { Button } from '@/components/ui/button';\nimport { cn } from '@/lib/utils';\n\nexport interface AppNavProps {\n  className?: string;\n  items?: SidebarNavItem[];\n  activeId?: string;\n  showBack?: boolean;\n  onBack?: () => void;\n}\n\nexport function AppNav({ className, items, activeId, showBack, onBack }: AppNavProps) {\n  const { collapsed, ItemLinkComponent } = useSidebar();\n\n  const hasBack = !!showBack && !!onBack;\n\n  return (\n    <nav className={cn('flex flex-col gap-2', className)} aria-label=\"App navigation\">\n      {hasBack && (\n        <Button\n          variant=\"link\"\n          className={cn('py-2 text-base text-default w-full', collapsed ? 'justify-center' : 'justify-start')}\n          size=\"icon\"\n          onClick={onBack}\n        >\n          <ArrowBendUpLeft aria-hidden=\"true\" />\n          <span className={cn(collapsed && 'sr-only')}>back to Brainfish</span>\n        </Button>\n      )}\n      {items?.map((item) => (\n        <ItemLinkComponent\n          key={item.id}\n          className={cn(\n            'flex p-2 rounded-lg gap-1 text-base text-default items-center hover:text-primary-foreground focus:text-primary-foreground',\n            item.id === activeId\n              ? 'bg-primary text-primary-foreground font-bold'\n              : 'hover:bg-lime-100 focus:bg-lime-100',\n          )}\n          href={item.href}\n          data-sidebar-item-id={item.id}\n          data-sidebar-item-type=\"app\"\n          data-sidebar-app-nav-item-selected={item.id === activeId}\n        >\n          {item.Icon ? <item.Icon weight={item.id === activeId ? 'fill' : 'regular'} size={16} /> : null}\n          <span className={cn('transition-opacity duration-200', collapsed && 'opacity-0 sr-only')}>{item.label}</span>\n        </ItemLinkComponent>\n      ))}\n    </nav>\n  );\n}\n","import * as React from 'react';\nimport { MagnifyingGlass } from '@phosphor-icons/react';\n\nimport { useSidebar } from '../context';\n\nimport { useDebounce } from '@/lib/hooks';\nimport { Input } from '@/components/ui/input';\n\nexport function ArticleSearch() {\n  const { handleSearchArticles } = useSidebar();\n  const [searchInteracted, setSearchInteracted] = React.useState(false); // [!code ++]\n  const [searchValue, setSearchValue] = React.useState<string>('');\n  const debouncedSearchValue = useDebounce(searchValue, 500);\n\n  React.useEffect(() => {\n    if (searchInteracted) handleSearchArticles?.(debouncedSearchValue);\n  }, [debouncedSearchValue, handleSearchArticles, searchInteracted]);\n\n  return (\n    <Input\n      className=\"mb-2 h-auto text-subtlest border-border-subtle\"\n      endIcon={MagnifyingGlass}\n      value={searchValue}\n      onChange={(e) => {\n        if (!searchInteracted) setSearchInteracted(true);\n        setSearchValue(e.target.value);\n      }}\n      placeholder=\"Find an article\"\n      aria-label=\"Find an article\"\n    />\n  );\n}\n","import * as React from 'react';\nimport { CaretRight, Circle, DotsThree, Lightning, Plus } from '@phosphor-icons/react';\nimport { Key, TreeItemContentRenderProps, Button as AriaButton } from 'react-aria-components';\n\nimport { ArticleNavItem, ItemLinkComponent } from '../types';\n\nimport { cn } from '@/lib/utils';\nimport { Button } from '@/components/ui/button';\nimport { ButtonGroup } from '@/components/ui/button-group';\n\ntype ArticleItemTreeNode = {\n  key: Key;\n  value: ArticleNavItem;\n  children: ArticleItemTreeNode[] | null;\n};\n\nexport interface ArticleItemProps extends TreeItemContentRenderProps {\n  ItemLinkComponent: ItemLinkComponent;\n  item: ArticleItemTreeNode;\n  onAddArticle?: (parentId: string) => void;\n  onMoreActions?: (articleId: string) => void;\n}\n\nexport function ArticleItem({\n  item,\n  hasChildItems,\n  isSelected,\n  isExpanded,\n  ItemLinkComponent,\n  onAddArticle,\n  onMoreActions,\n}: ArticleItemProps) {\n  const handleAddClick = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    onAddArticle?.(item.value.id);\n  };\n\n  const handleMoreClick = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    onMoreActions?.(item.value.id);\n  };\n\n  const showActions = !!(onAddArticle || onMoreActions);\n\n  const chevronIcon = (\n    <AriaButton slot=\"chevron\" className=\"relative z-30 flex p-0 h-auto w-auto [&_svg]:size-4\">\n      <CaretRight aria-hidden=\"true\" className={cn('transition-transform', isExpanded && 'rotate-90')} />\n    </AriaButton>\n  );\n\n  const discoveryIcon = (\n    <>\n      <span className=\"sr-only\">Knowledge Discovery</span>\n      <Lightning aria-hidden=\"true\" weight=\"fill\" className=\"size-4 shrink-0 text-blue-600\" />\n    </>\n  );\n\n  const unpublishedIcon = (\n    <span className=\"flex size-4 shrink-0 items-center justify-center\">\n      <span className=\"sr-only\">Unpublished Changes</span>\n      <Circle aria-hidden=\"true\" weight=\"bold\" className=\"size-2\" />\n    </span>\n  );\n\n  const publishedIcon = (\n    <span className=\"flex size-4 shrink-0 items-center justify-center\">\n      <Circle aria-hidden=\"true\" className=\"size-2\" weight=\"fill\" />\n    </span>\n  );\n\n  const renderStatusIcon = (status: ArticleNavItem['status'], showPublishedIcon: boolean) => {\n    if (status === 'discovery') {\n      return discoveryIcon;\n    } else if (status === 'unpublished') {\n      return unpublishedIcon;\n    }\n\n    if (showPublishedIcon) {\n      return publishedIcon;\n    }\n\n    return null;\n  };\n\n  return (\n    <span\n      className={cn(\n        'group relative flex items-center gap-1 rounded-md p-1 pl-[calc(var(--tree-item-level)*0.5rem)]',\n        isSelected\n          ? 'bg-lime-100 text-primary-foreground font-bold before:absolute before:left-0 before:top-1/2 before:h-1/2 before:w-0.5 before:-translate-y-1/2 before:bg-lime-400'\n          : 'hover:bg-accent hover:text-accent-foreground',\n      )}\n    >\n      <AriaButton slot=\"drag\" className=\"sr-only\">\n        Drag {item.value.label}\n      </AriaButton>\n\n      {hasChildItems && chevronIcon}\n      {renderStatusIcon(item.value.status, !hasChildItems)}\n\n      <ItemLinkComponent\n        href={item.value.href}\n        data-sidebar-item-id={item.value.id}\n        data-sidebar-item-type=\"article\"\n        className={cn(\n          'min-w-0 text-default text-sm truncate flex-1 after:absolute after:inset-0 after:z-10',\n          isSelected ? 'text-primary-foreground' : 'text-default',\n        )}\n      >\n        {item.value.label}\n      </ItemLinkComponent>\n\n      {showActions && (\n        <ButtonGroup\n          orientation=\"horizontal\"\n          className={cn(\n            'absolute right-0 top-0 bottom-0 z-20 hidden items-center rounded-xl',\n            'group-hover:flex group-focus-within:flex',\n            isSelected ? 'bg-lime-100 text-primary-foreground' : 'bg-accent',\n          )}\n        >\n          {onMoreActions && (\n            <Button\n              variant=\"ghost\"\n              size=\"icon\"\n              aria-label={`More actions for ${item.value.label}`}\n              className=\"size-4 [&_svg]:size-3.5\"\n              onClick={handleMoreClick}\n            >\n              <DotsThree aria-hidden=\"true\" weight=\"bold\" />\n            </Button>\n          )}\n\n          {onAddArticle && (\n            <Button\n              variant=\"ghost\"\n              size=\"icon\"\n              aria-label={`Add article to ${item.value.label}`}\n              className=\"size-4 [&_svg]:size-3.5\"\n              onClick={handleAddClick}\n            >\n              <Plus aria-hidden=\"true\" />\n            </Button>\n          )}\n        </ButtonGroup>\n      )}\n    </span>\n  );\n}\n","import * as React from 'react';\nimport {\n  useDragAndDrop,\n  useTreeData,\n  Tree,\n  TreeItem,\n  TreeItemContent,\n  Collection,\n  DropIndicator,\n} from 'react-aria-components';\n\nimport { ArticleNavItem } from '../types';\nimport { ArticleItem } from './article-item';\nimport { useSidebar } from '../context';\n\ninterface ArticleTreeProps {\n  articles: ArticleNavItem[];\n}\n\nfunction getParentKeys(items: ArticleNavItem[], targetId: string, parents: string[] = []): string[] | null {\n  for (const item of items) {\n    if (item.id === targetId) {\n      return parents;\n    }\n    if (item.items && item.items.length > 0) {\n      const result = getParentKeys(item.items, targetId, [...parents, item.id]);\n      if (result) return result;\n    }\n  }\n\n  return null;\n}\n\nexport function ArticleTree({ articles }: ArticleTreeProps) {\n  const {\n    ItemLinkComponent,\n    activeArticleId,\n    onSelectArticle,\n    canMoveArticle,\n    onMoveArticle,\n    onAddArticle,\n    onMoreActions,\n  } = useSidebar();\n\n  const articlesTree = useTreeData({\n    initialItems: articles,\n    getKey: (articleItem) => articleItem.id,\n    getChildren: (articleItem) => articleItem.items ?? [],\n  });\n\n  const { dragAndDropHooks } = useDragAndDrop({\n    getItems: (_keys, items: typeof articlesTree.items) =>\n      items.map((item) => ({\n        'text/plain': item.value.label,\n      })),\n    onMove: (e) => {\n      const movedArticleId = Array.from(e.keys)[0];\n      if (!movedArticleId) return;\n\n      const targetItem = articlesTree.getItem(e.target.key);\n      if (!targetItem) return;\n\n      let movedToParentId: string | null;\n      let movedToIndex: number;\n\n      if (e.target.dropPosition === 'on') {\n        movedToParentId = e.target.key.toString();\n        movedToIndex = targetItem.children?.length ?? 0;\n      } else {\n        movedToParentId = targetItem.parentKey?.toString() ?? null;\n        const siblings = movedToParentId ? (articlesTree.getItem(movedToParentId)?.children ?? []) : articlesTree.items;\n        const targetIndex = siblings.findIndex((i) => i.key === e.target.key);\n        movedToIndex = e.target.dropPosition === 'before' ? targetIndex : targetIndex + 1;\n      }\n\n      const moveDetails = {\n        id: movedArticleId.toString(),\n        parentId: movedToParentId,\n        index: movedToIndex,\n      };\n\n      if (canMoveArticle && !canMoveArticle(moveDetails)) {\n        return;\n      }\n\n      const movedItem = articlesTree.getItem(movedArticleId);\n      const originalParentId = movedItem?.parentKey?.toString() ?? null;\n      const originalSiblings = originalParentId\n        ? (articlesTree.getItem(originalParentId)?.children ?? [])\n        : articlesTree.items;\n      const originalIndex = originalSiblings.findIndex((i) => i.key === movedArticleId);\n\n      if (e.target.dropPosition === 'on') {\n        articlesTree.move(movedArticleId, movedToParentId, movedToIndex);\n      } else if (e.target.dropPosition === 'before') {\n        articlesTree.moveBefore(e.target.key, e.keys);\n      } else {\n        articlesTree.moveAfter(e.target.key, e.keys);\n      }\n\n      const result = onMoveArticle?.(moveDetails);\n\n      if (result && typeof result.then === 'function') {\n        result.catch(() => {\n          articlesTree.move(movedArticleId, originalParentId, originalIndex);\n        });\n      }\n    },\n    renderDropIndicator: (target) => (\n      <DropIndicator\n        target={target}\n        className=\"outline outline-1 outline-lime-200 ml-[calc(var(--tree-item-level)*0.5rem)]\"\n      />\n    ),\n  });\n\n  const initialExpandedKeys = React.useMemo(() => {\n    if (!activeArticleId || !articlesTree?.items) return new Set<string>();\n\n    const path = getParentKeys(\n      articlesTree.items.map((node) => node.value),\n      activeArticleId,\n    );\n\n    return path ? new Set(path) : new Set<string>();\n  }, [articlesTree, activeArticleId]);\n\n  return (\n    <Tree\n      aria-label=\"Articles tree\"\n      items={articlesTree.items}\n      dragAndDropHooks={dragAndDropHooks}\n      className=\"flex flex-col gap-1\"\n      selectionBehavior=\"toggle\"\n      selectionMode=\"single\"\n      defaultExpandedKeys={initialExpandedKeys}\n      defaultSelectedKeys={new Set(activeArticleId ? [activeArticleId] : [])}\n      disallowEmptySelection\n      onSelectionChange={(selection) => {\n        if (selection !== 'all') {\n          const selected = Array.from(selection)?.[0];\n\n          selected && onSelectArticle?.(selected.toString());\n        }\n      }}\n    >\n      {function renderItem(item) {\n        return (\n          <TreeItem className=\"list-none overflow-hidden\" textValue={item.value.label} id={item.value.id}>\n            <TreeItemContent>\n              {(props) => (\n                <ArticleItem\n                  ItemLinkComponent={ItemLinkComponent}\n                  item={item}\n                  onAddArticle={onAddArticle ? (parentId) => onAddArticle(parentId) : undefined}\n                  onMoreActions={onMoreActions ? (articleId) => onMoreActions(articleId) : undefined}\n                  {...props}\n                />\n              )}\n            </TreeItemContent>\n\n            {item.children && <Collection items={item.children}>{renderItem}</Collection>}\n          </TreeItem>\n        );\n      }}\n    </Tree>\n  );\n}\n","import * as React from 'react';\nimport { Article } from '@phosphor-icons/react';\n\nimport { useSidebar } from '../context';\nimport { ArticleNavItem } from '../types';\nimport { ArticleSearch } from './article-search';\nimport { ArticleTree } from './article-tree';\n\nimport { cn } from '@/lib/utils';\nimport { Button } from '@/components/ui/button';\n\nexport interface ArticleNavProps {\n  className?: string;\n  articles?: ArticleNavItem[];\n}\n\nexport function ArticleNav({ articles, className }: ArticleNavProps) {\n  const { isSearching, onAddArticle } = useSidebar();\n\n  return (\n    <div className={cn('flex flex-col gap-0.5 px-4', className)}>\n      {!isSearching && (!articles || articles.length === 0) ? (\n        <Button variant=\"ghost\" className=\"text-subtlest\" onClick={() => onAddArticle?.(null)}>\n          <Article aria-hidden=\"true\" />\n          Create first article or folder\n        </Button>\n      ) : (\n        <>\n          <ArticleSearch />\n          {articles?.length ? (\n            <nav aria-label=\"Articles navigation\" className=\"max-h-[450px] overflow-y-auto\">\n              <ArticleTree articles={articles} />\n            </nav>\n          ) : isSearching && articles?.length === 0 ? (\n            <span>No articles found</span>\n          ) : null}\n        </>\n      )}\n    </div>\n  );\n}\n","import * as React from 'react';\n\nimport { SidebarNavItem } from '../types';\nimport { useSidebar } from '../context';\n\nimport { cn } from '@/lib/utils';\n\nexport interface SectionNavProps {\n  className?: string;\n  items: SidebarNavItem[];\n  activeId?: string;\n}\n\nexport function SectionNav({ className, items, activeId }: SectionNavProps) {\n  const { ItemLinkComponent } = useSidebar();\n\n  return (\n    <nav className={cn('flex flex-col', className)} aria-label=\"App section navigation\">\n      {items.map((item) => (\n        <ItemLinkComponent\n          key={item.id}\n          href={item.href}\n          data-sidebar-item-id={item.id}\n          data-sidebar-item-type=\"section\"\n          data-sidebar-section-nav-item-selected={item.id === activeId}\n          className={cn(\n            'flex p-2 mx-4 text-base text-default relative rounded-lg',\n            'after:transition-opacity after:absolute after:top-0 after:bottom-0 after:-right-2 after:w-2 after:bg-primary after:rounded-l-md after:opacity-0',\n            'hover:bg-lime-100 focus:bg-lime-100 hover:text-primary-foreground focus:text-primary-foreground',\n            item.id === activeId && 'font-bold after:opacity-100',\n          )}\n        >\n          {item.label}\n        </ItemLinkComponent>\n      ))}\n    </nav>\n  );\n}\n","import * as React from 'react';\n\nimport { SidebarNavItem, ArticleNavItem } from './types';\nimport { SidebarContextProps, SidebarProvider } from './context';\nimport { AppNav } from './app-nav';\nimport { ArticleNav } from './article-nav';\nimport { SectionNav } from './section-nav';\n\nimport { cn } from '@/lib/utils';\n\nexport interface SidebarProps extends React.ComponentPropsWithoutRef<'aside'>, SidebarContextProps {\n  showAppBack?: boolean;\n  onAppBack?: () => void;\n  appNavItems?: SidebarNavItem[];\n  appNavActiveId?: string;\n  showArticles?: boolean;\n  articles?: ArticleNavItem[];\n  sectionNavItems?: SidebarNavItem[];\n  sectionNavActiveId?: string;\n}\n\nexport const Sidebar = React.forwardRef<HTMLElement, SidebarProps>(function Sidebar(\n  {\n    className,\n    ItemLinkComponent,\n    collapsed,\n    showAppBack,\n    onAppBack,\n    appNavItems,\n    appNavActiveId,\n    sectionNavItems,\n    sectionNavActiveId,\n    activeArticleId,\n    showArticles,\n    articles,\n    onSelectArticle,\n    onSearchArticles,\n    onAddArticle,\n    onMoreActions,\n    canMoveArticle,\n    onMoveArticle,\n    ...props\n  },\n  ref,\n) {\n  return (\n    <SidebarProvider\n      collapsed={!!collapsed}\n      ItemLinkComponent={ItemLinkComponent}\n      activeArticleId={activeArticleId}\n      onSelectArticle={onSelectArticle}\n      onSearchArticles={onSearchArticles}\n      onAddArticle={onAddArticle}\n      onMoreActions={onMoreActions}\n      canMoveArticle={canMoveArticle}\n      onMoveArticle={onMoveArticle}\n    >\n      <aside\n        ref={ref}\n        {...props}\n        className={cn(\n          'py-4 transition-width duration-200 ease-in-out flex flex-col',\n          collapsed ? 'w-[64px]' : 'w-[260px]',\n          className,\n        )}\n        aria-label=\"Application navigation\"\n      >\n        <AppNav\n          className={cn(\n            'px-4',\n            appNavItems && appNavItems.length > 0 && 'pb-6',\n            !collapsed && 'border-b border-border-subtle',\n          )}\n          showBack={showAppBack}\n          items={appNavItems}\n          activeId={appNavActiveId}\n          onBack={onAppBack}\n        />\n\n        {!collapsed && (\n          <>\n            {showArticles && <ArticleNav className=\"py-4\" articles={articles} />}\n            {sectionNavItems && sectionNavItems.length > 0 && (\n              <SectionNav\n                className={cn('py-4', !collapsed && 'border-t border-subtle')}\n                items={sectionNavItems}\n                activeId={sectionNavActiveId}\n              />\n            )}\n          </>\n        )}\n      </aside>\n    </SidebarProvider>\n  );\n});\n"],"names":["ItemLinkComponent","AriaButton","Sidebar"],"mappings":"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"}

package/dist/esm/components/ui/button.js

@@ -14,14 +14,14 @@ const buttonVariants = cva(
         outline: "border border-input border-border shadow-sm hover:bg-accent hover:text-accent-foreground",
         secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
         suggestion: "bg-blue-600 text-white rounded-full",
-        ghost: "hover:bg-accent hover:text-accent-foreground",
+        ghost: "hover:bg-dark-200 active:bg-dark-400",
         link: "text-foreground underline-offset-4 hover:underline",
         shadow: "bg-primary text-primary rounded border border-border shadow-[2px_2px_0_0_#0A0A0D] hover:shadow-none !transition-shadow duration-300 ease-in-out active:shadow-[inset_2px_2px_0_0_#262626] dark:shadow-[2px_2px_0_0_#FFF] dark:hover:shadow-none dark:active:shadow-[inset_2px_2px_0_0_#FFF]",
         shadowSurface: "bg-surface text-dark-900 rounded border border-border shadow-[2px_2px_0_0_#0A0A0D] hover:shadow-none !transition-shadow duration-300 ease-in-out active:shadow-[inset_2px_2px_0_0_#262626] dark:shadow-[2px_2px_0_0_#FFF] dark:hover:shadow-none dark:active:shadow-[inset_2px_2px_0_0_#FFF]",
         dark: "bg-dark-700 text-white dark:text-primary shadow hover:bg-dark-800 dark:bg-primary dark:hover:bg-primary/80 focus-visible:bg-dark-800 dark:focus-visible:bg-primary/80"
       },
       size: {
-        default: "h-9 px-4 py-2",
+        default: "h-9 p-2",
         xs: "h-8 rounded-md px-2 text-sm",
         sm: "h-8 rounded-md px-3 text-sm",
         lg: "h-10 rounded-md px-8",

package/dist/esm/components/ui/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","sources":["../../../../src/components/ui/button.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Slot } from '@radix-ui/react-slot';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nimport { cn } from '@/lib/utils';\n\nconst buttonVariants = cva(\n  'inline-flex items-center text-dark-900 justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-5 [&_svg]:shrink-0',\n  {\n    variants: {\n      variant: {\n        default: 'bg-primary text-primary border border-primary shadow hover:bg-primary/90',\n        destructive: 'bg-destructive text-destructive border border-destructive shadow-sm hover:bg-destructive/90',\n        success: 'bg-success text-success border border-success shadow-sm hover:bg-success/90',\n        outline: 'border border-input border-border shadow-sm hover:bg-accent hover:text-accent-foreground',\n        secondary: 'bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80',\n        suggestion: 'bg-blue-600 text-white rounded-full',\n        ghost: 'hover:bg-accent hover:text-accent-foreground',\n        link: 'text-foreground underline-offset-4 hover:underline',\n        shadow:\n          'bg-primary text-primary rounded border border-border shadow-[2px_2px_0_0_#0A0A0D] hover:shadow-none !transition-shadow duration-300 ease-in-out active:shadow-[inset_2px_2px_0_0_#262626] dark:shadow-[2px_2px_0_0_#FFF] dark:hover:shadow-none dark:active:shadow-[inset_2px_2px_0_0_#FFF]',\n        shadowSurface:\n          'bg-surface text-dark-900 rounded border border-border shadow-[2px_2px_0_0_#0A0A0D] hover:shadow-none !transition-shadow duration-300 ease-in-out active:shadow-[inset_2px_2px_0_0_#262626] dark:shadow-[2px_2px_0_0_#FFF] dark:hover:shadow-none dark:active:shadow-[inset_2px_2px_0_0_#FFF]',\n        dark: 'bg-dark-700 text-white dark:text-primary shadow hover:bg-dark-800 dark:bg-primary dark:hover:bg-primary/80 focus-visible:bg-dark-800 dark:focus-visible:bg-primary/80',\n      },\n      size: {\n        default: 'h-9 px-4 py-2',\n        xs: 'h-8 rounded-md px-2 text-sm',\n        sm: 'h-8 rounded-md px-3 text-sm',\n        lg: 'h-10 rounded-md px-8',\n        icon: 'h-9 w-9 [&_svg]:size-5',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  },\n);\n\nexport interface ButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof buttonVariants> {\n  asChild?: boolean;\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ className, variant, size, asChild = false, ...props }, ref) => {\n    const Comp = asChild ? Slot : 'button';\n\n    return <Comp className={cn(buttonVariants({ variant, size, className }))} ref={ref} {...props} />;\n  },\n);\nButton.displayName = 'Button';\n\nexport { Button, buttonVariants };\n"],"names":[],"mappings":";;;;;AAMA,MAAM,cAAA,GAAiB,GAAA;AAAA,EACrB,qTAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,0EAAA;AAAA,QACT,WAAA,EAAa,6FAAA;AAAA,QACb,OAAA,EAAS,6EAAA;AAAA,QACT,OAAA,EAAS,0FAAA;AAAA,QACT,SAAA,EAAW,wEAAA;AAAA,QACX,UAAA,EAAY,qCAAA;AAAA,QACZ,KAAA,EAAO,8CAAA;AAAA,QACP,IAAA,EAAM,oDAAA;AAAA,QACN,MAAA,EACE,6RAAA;AAAA,QACF,aAAA,EACE,8RAAA;AAAA,QACF,IAAA,EAAM;AAAA,OACR;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,OAAA,EAAS,eAAA;AAAA,QACT,EAAA,EAAI,6BAAA;AAAA,QACJ,EAAA,EAAI,6BAAA;AAAA,QACJ,EAAA,EAAI,sBAAA;AAAA,QACJ,IAAA,EAAM;AAAA;AACR,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS,SAAA;AAAA,MACT,IAAA,EAAM;AAAA;AACR;AAEJ;AAQA,MAAM,SAAS,KAAA,CAAM,UAAA;AAAA,EACnB,CAAC,EAAE,SAAA,EAAW,OAAA,EAAS,IAAA,EAAM,UAAU,KAAA,EAAO,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AAChE,IAAA,MAAM,IAAA,GAAO,UAAU,IAAA,GAAO,QAAA;AAE9B,IAAA,uBAAO,KAAA,CAAA,aAAA,CAAC,IAAA,EAAA,EAAK,SAAA,EAAW,EAAA,CAAG,eAAe,EAAE,OAAA,EAAS,IAAA,EAAM,SAAA,EAAW,CAAC,CAAA,EAAG,GAAA,EAAW,GAAG,KAAA,EAAO,CAAA;AAAA,EACjG;AACF;AACA,MAAA,CAAO,WAAA,GAAc,QAAA;;;;"}
+{"version":3,"file":"button.js","sources":["../../../../src/components/ui/button.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Slot } from '@radix-ui/react-slot';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nimport { cn } from '@/lib/utils';\n\nconst buttonVariants = cva(\n  'inline-flex items-center text-dark-900 justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-5 [&_svg]:shrink-0',\n  {\n    variants: {\n      variant: {\n        default: 'bg-primary text-primary border border-primary shadow hover:bg-primary/90',\n        destructive: 'bg-destructive text-destructive border border-destructive shadow-sm hover:bg-destructive/90',\n        success: 'bg-success text-success border border-success shadow-sm hover:bg-success/90',\n        outline: 'border border-input border-border shadow-sm hover:bg-accent hover:text-accent-foreground',\n        secondary: 'bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80',\n        suggestion: 'bg-blue-600 text-white rounded-full',\n        ghost: 'hover:bg-dark-200 active:bg-dark-400',\n        link: 'text-foreground underline-offset-4 hover:underline',\n        shadow:\n          'bg-primary text-primary rounded border border-border shadow-[2px_2px_0_0_#0A0A0D] hover:shadow-none !transition-shadow duration-300 ease-in-out active:shadow-[inset_2px_2px_0_0_#262626] dark:shadow-[2px_2px_0_0_#FFF] dark:hover:shadow-none dark:active:shadow-[inset_2px_2px_0_0_#FFF]',\n        shadowSurface:\n          'bg-surface text-dark-900 rounded border border-border shadow-[2px_2px_0_0_#0A0A0D] hover:shadow-none !transition-shadow duration-300 ease-in-out active:shadow-[inset_2px_2px_0_0_#262626] dark:shadow-[2px_2px_0_0_#FFF] dark:hover:shadow-none dark:active:shadow-[inset_2px_2px_0_0_#FFF]',\n        dark: 'bg-dark-700 text-white dark:text-primary shadow hover:bg-dark-800 dark:bg-primary dark:hover:bg-primary/80 focus-visible:bg-dark-800 dark:focus-visible:bg-primary/80',\n      },\n      size: {\n        default: 'h-9 p-2',\n        xs: 'h-8 rounded-md px-2 text-sm',\n        sm: 'h-8 rounded-md px-3 text-sm',\n        lg: 'h-10 rounded-md px-8',\n        icon: 'h-9 w-9 [&_svg]:size-5',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  },\n);\n\nexport interface ButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {\n  asChild?: boolean;\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ className, variant, size, asChild = false, ...props }, ref) => {\n    const Comp = asChild ? Slot : 'button';\n\n    return <Comp className={cn(buttonVariants({ variant, size, className }))} ref={ref} {...props} />;\n  },\n);\nButton.displayName = 'Button';\n\nexport { Button, buttonVariants };\n"],"names":[],"mappings":";;;;;AAMA,MAAM,cAAA,GAAiB,GAAA;AAAA,EACrB,qTAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,0EAAA;AAAA,QACT,WAAA,EAAa,6FAAA;AAAA,QACb,OAAA,EAAS,6EAAA;AAAA,QACT,OAAA,EAAS,0FAAA;AAAA,QACT,SAAA,EAAW,wEAAA;AAAA,QACX,UAAA,EAAY,qCAAA;AAAA,QACZ,KAAA,EAAO,sCAAA;AAAA,QACP,IAAA,EAAM,oDAAA;AAAA,QACN,MAAA,EACE,6RAAA;AAAA,QACF,aAAA,EACE,8RAAA;AAAA,QACF,IAAA,EAAM;AAAA,OACR;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,OAAA,EAAS,SAAA;AAAA,QACT,EAAA,EAAI,6BAAA;AAAA,QACJ,EAAA,EAAI,6BAAA;AAAA,QACJ,EAAA,EAAI,sBAAA;AAAA,QACJ,IAAA,EAAM;AAAA;AACR,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS,SAAA;AAAA,MACT,IAAA,EAAM;AAAA;AACR;AAEJ;AAOA,MAAM,SAAS,KAAA,CAAM,UAAA;AAAA,EACnB,CAAC,EAAE,SAAA,EAAW,OAAA,EAAS,IAAA,EAAM,UAAU,KAAA,EAAO,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AAChE,IAAA,MAAM,IAAA,GAAO,UAAU,IAAA,GAAO,QAAA;AAE9B,IAAA,uBAAO,KAAA,CAAA,aAAA,CAAC,IAAA,EAAA,EAAK,SAAA,EAAW,EAAA,CAAG,eAAe,EAAE,OAAA,EAAS,IAAA,EAAM,SAAA,EAAW,CAAC,CAAA,EAAG,GAAA,EAAW,GAAG,KAAA,EAAO,CAAA;AAAA,EACjG;AACF;AACA,MAAA,CAAO,WAAA,GAAc,QAAA;;;;"}