@brainfish-ai/components 0.19.7 → 0.20.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brainfish-ai/components",
-  "version": "0.19.7",
+  "version": "0.20.1",
   "description": "Brainfish Components",
   "license": "MIT",
   "main": "./dist/esm/index.js",
@@ -15,12 +15,17 @@
     },
     "./styles.css": "./dist/esm/global.css",
     "./tailwind": "./dist/esm/tailwind.preset.js",
-    "./*": {
+    "./components/*": {
       "types": "./dist/*.d.ts",
       "import": "./dist/esm/components/*.js",
       "default": "./dist/esm/components/*.js"
     },
-    "./components/*": {
+    "./layouts/*": {
+      "types": "./dist/layouts/*.d.ts",
+      "import": "./dist/esm/layouts/*.js",
+      "default": "./dist/esm/layouts/*.js"
+    },
+    "./*": {
       "types": "./dist/*.d.ts",
       "import": "./dist/esm/components/*.js",
       "default": "./dist/esm/components/*.js"
@@ -50,7 +55,7 @@
     "**/*.css"
   ],
   "engines": {
-    "node": ">=20"
+    "node": "22.x"
   },
   "scripts": {
     "start": "NODE_ENV=development BABEL_ENV=development yarn storybook",
@@ -69,16 +74,17 @@
     "storybook:deploy": "yarn storybook:build && touch ./storybook-static/.nojekyll && gh-pages -d ./storybook-static -t true"
   },
   "peerDependencies": {
-    "@phosphor-icons/react": "^2.1.7",
-    "@tailwindcss/container-queries": "^0.1.1",
-    "class-variance-authority": "^0.7.0",
+    "@phosphor-icons/react": "2.x",
+    "@tailwindcss/container-queries": "0.1.x",
+    "class-variance-authority": "0.7.x",
     "clsx": "2.x",
-    "date-fns": "^4.1.0",
-    "path-to-regexp": "^8.2.0",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "tailwind-merge": "^2.0.0",
-    "tailwindcss-animate": "^1.0.7"
+    "date-fns": "4.x",
+    "path-to-regexp": "8.x",
+    "react": "18.x",
+    "react-dom": "18.x",
+    "tailwind-merge": "2.x",
+    "tailwindcss-animate": "1.x",
+    "usehooks-ts": "3.x"
   },
   "devDependencies": {
     "@radix-ui/react-slot": "^1.2.4",
@@ -138,6 +144,7 @@
     "tailwindcss-animate": "^1.0.7",
     "tslib": "^2.6.2",
     "typescript": "5.2.2",
+    "usehooks-ts": "^3.1.1",
     "vite": "^6.3.5",
     "vite-plugin-dts": "^4.3.0",
     "vite-plugin-lib-inject-css": "^2.2.2",

package/dist/esm/components/header-nav.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"header-nav.js","sources":["../../../src/components/header-nav/account-dropdown.tsx","../../../src/components/header-nav/header-nav.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from '../ui/dropdown-menu';\nimport { Button } from '../ui/button';\n\nexport type AccountDropdownItem = {\n  id: string;\n  label: string;\n  onClick: () => void;\n};\n\nexport interface AccountDropdownProps extends React.ComponentPropsWithoutRef<typeof DropdownMenu> {\n  accountPhoto: string;\n  accountName: string;\n  accountDropdownItems: AccountDropdownItem[];\n}\n\nexport function AccountDropdown({ accountPhoto, accountName, accountDropdownItems, ...props }: AccountDropdownProps) {\n  return (\n    <DropdownMenu {...props}>\n      <DropdownMenuTrigger asChild>\n        <Button size=\"icon\" variant=\"ghost\" className=\"rounded-full\" aria-label=\"Toggle account dropdown\">\n          <img\n            src={accountPhoto}\n            alt={`${accountName}'s account`}\n            width={32}\n            height={32}\n            className=\"rounded-full border border-background\"\n          />\n        </Button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent align=\"end\">\n        <DropdownMenuGroup>\n          {accountDropdownItems.map((accountDropdownItem) => (\n            <DropdownMenuItem key={accountDropdownItem.id} onClick={accountDropdownItem.onClick}>\n              {accountDropdownItem.label}\n            </DropdownMenuItem>\n          ))}\n        </DropdownMenuGroup>\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n}\n","import * as React from 'react';\nimport { Question, SidebarSimple, Sparkle } from '@phosphor-icons/react';\n\nimport { Logo } from '../logo';\nimport { Button } from '../ui/button';\nimport { AccountDropdown, AccountDropdownProps } from './account-dropdown';\n\nimport { cn } from '@/lib/utils';\n\ninterface HeaderNavProps extends React.ComponentPropsWithoutRef<'header'>, Omit<AccountDropdownProps, 'dir'> {\n  onSideNavigationToggle: () => void;\n  onHelpClick: () => void;\n  showSuggestionAction?: boolean;\n  suggestionAction?: React.ReactNode;\n  onSuggestionActionClick?: () => void;\n}\n\nexport const HeaderNav = React.forwardRef<HTMLElement, HeaderNavProps>(function HeaderNav(\n  {\n    className,\n    onSideNavigationToggle,\n    onHelpClick,\n    accountName,\n    accountPhoto,\n    accountDropdownItems,\n    showSuggestionAction,\n    suggestionAction,\n    onSuggestionActionClick,\n    ...props\n  },\n  ref,\n) {\n  const hasSuggestionAction = showSuggestionAction && !!suggestionAction && !!onSuggestionActionClick;\n\n  return (\n    <header ref={ref} {...props} className={cn('px-4 py-3', className)}>\n      <nav aria-label=\"Account navigation\" className=\"flex justify-between items-center\">\n        <div className=\"flex items-center gap-2\">\n          <Logo variant=\"full\" color=\"outline\" width={140} height={22} />\n          <Button\n            size=\"icon\"\n            variant=\"ghost\"\n            aria-label=\"Toggle side navigation\"\n            className=\"[&_svg]:size-6\"\n            onClick={onSideNavigationToggle}\n          >\n            <SidebarSimple aria-hidden=\"true\" />\n          </Button>\n        </div>\n        <div className=\"flex items-center gap-4\">\n          {hasSuggestionAction && (\n            <Button variant=\"suggestion\" onClick={onSuggestionActionClick}>\n              <Sparkle weight=\"fill\" aria-hidden=\"true\" /> {suggestionAction}\n            </Button>\n          )}\n          <Button size=\"icon\" variant=\"ghost\" aria-label=\"Open help\" className=\"[&_svg]:size-6\" onClick={onHelpClick}>\n            <Question aria-hidden=\"true\" />\n          </Button>\n          <AccountDropdown\n            accountName={accountName}\n            accountPhoto={accountPhoto}\n            accountDropdownItems={accountDropdownItems}\n          />\n        </div>\n      </nav>\n    </header>\n  );\n});\n"],"names":["HeaderNav"],"mappings":"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"}

package/dist/esm/components/sidebar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sidebar.js","sources":["../../../src/components/sidebar/context.tsx","../../../src/components/sidebar/app-nav/app-nav.tsx","../../../src/components/sidebar/article-nav/article-search.tsx","../../../src/components/sidebar/article-nav/article-item.tsx","../../../src/components/sidebar/article-nav/article-tree.tsx","../../../src/components/sidebar/article-nav/article-nav.tsx","../../../src/components/sidebar/section-nav/section-nav.tsx","../../../src/components/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  onMoveArticle?: (moved: { id: string; parentId: string | null; index: number }) => 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  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      onMoveArticle,\n      isSearching,\n      handleSearchArticles,\n    }),\n    [\n      isSearching,\n      collapsed,\n      ItemLinkComponent,\n      activeArticleId,\n      onSelectArticle,\n      onSearchArticles,\n      onAddArticle,\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',\n            item.id === activeId ? 'bg-primary font-bold' : '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, Dot, DotsThree, 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 { blue } from '@/colors/blue';\nimport { dark } from '@/colors/dark';\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}\n\nexport function ArticleItem({\n  item,\n  hasChildItems,\n  isSelected,\n  isExpanded,\n  ItemLinkComponent,\n  onAddArticle,\n}: ArticleItemProps) {\n  const handleArticleClick = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    onAddArticle(item.value.id);\n  };\n\n  return (\n    <div\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 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      {hasChildItems ? (\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        <Dot aria-hidden=\"true\" weight=\"bold\" className=\"scale-[2.5]\" />\n      )}\n\n      <ItemLinkComponent\n        href={item.value.href}\n        data-sidebar-item-id={item.value.id}\n        data-sidebar-item-type=\"article\"\n        className=\"min-w-0 text-default text-sm truncate flex-1 after:absolute after:inset-0 after:z-10\"\n      >\n        {item.value.label}\n      </ItemLinkComponent>\n\n      {item.value.status && (\n        <div className=\"ml-auto\">\n          {item.value.status === 'discovery' && (\n            <>\n              <span className=\"sr-only\">Knowledge Discovery</span>\n              <Circle aria-hidden=\"true\" fill={blue[600]} weight=\"fill\" className=\"size-2\" />\n            </>\n          )}\n          {item.value.status === 'unpublished' && (\n            <>\n              <span className=\"sr-only\">Unpublished Changes</span>\n              <Circle aria-hidden=\"true\" fill={dark[600]} weight=\"bold\" className=\"size-2\" />\n            </>\n          )}\n        </div>\n      )}\n\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' : 'bg-accent',\n        )}\n      >\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        >\n          <DotsThree aria-hidden=\"true\" weight=\"bold\" />\n        </Button>\n\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={handleArticleClick}\n        >\n          <Plus aria-hidden=\"true\" />\n        </Button>\n      </ButtonGroup>\n    </div>\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 { ItemLinkComponent, activeArticleId, onSelectArticle, onMoveArticle, onAddArticle } = 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 targetArticleId = articlesTree.getItem(e.target.key);\n      if (!targetArticleId) 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 = targetArticleId.children?.length ?? 0;\n\n        articlesTree.move(movedArticleId, movedToParentId, movedToIndex);\n      } else {\n        movedToParentId = targetArticleId.parentKey?.toString() ?? null;\n\n        const siblings = movedToParentId ? articlesTree.getItem(movedToParentId)?.children ?? [] : articlesTree.items;\n\n        const targetIndex = siblings.findIndex((i) => i.key === e.target.key);\n        movedToIndex = e.target.dropPosition === 'before' ? targetIndex : targetIndex + 1;\n\n        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\n      onMoveArticle?.({\n        id: movedArticleId.toString(),\n        parentId: movedToParentId,\n        index: movedToIndex,\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={(parentId) => onAddArticle?.(parentId)}\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',\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    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      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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"}