@brainfish-ai/components 0.19.7 → 0.20.1

package/dist/header-nav.d.ts

@@ -15,14 +15,20 @@ declare interface AccountDropdownProps extends React_2.ComponentPropsWithoutRef<
 
 declare const DropdownMenu: React_2.FC<DropdownMenuPrimitive.DropdownMenuProps>;
 
+export declare const HEADER_NAV_HEIGHT = 60;
+
 export declare const HeaderNav: React_2.ForwardRefExoticComponent<HeaderNavProps & React_2.RefAttributes<HTMLElement>>;
 
 declare interface HeaderNavProps extends React_2.ComponentPropsWithoutRef<'header'>, Omit<AccountDropdownProps, 'dir'> {
+    isSideNavOpen?: boolean;
     onSideNavigationToggle: () => void;
     onHelpClick: () => void;
     showSuggestionAction?: boolean;
     suggestionAction?: React_2.ReactNode;
     onSuggestionActionClick?: () => void;
+    showSidebarToggle?: boolean;
+    /** Ref for the sidebar toggle button; used by layout to move focus here when sidebar is collapsed. */
+    sidebarToggleRef?: React_2.Ref<HTMLButtonElement>;
 }
 
 export { }

package/dist/index.d.ts

@@ -35,6 +35,18 @@ export declare function AccordionItem({ className, ...props }: React_2.Component
 
 export declare function AccordionTrigger({ className, children, ...props }: React_2.ComponentProps<typeof AccordionPrimitive.Trigger>): React_2.JSX.Element;
 
+export declare type AccountDropdownItem = {
+    id: string;
+    label: string;
+    onClick: () => void;
+};
+
+declare interface AccountDropdownProps extends React_2.ComponentPropsWithoutRef<typeof DropdownMenu> {
+    accountPhoto: string;
+    accountName: string;
+    accountDropdownItems: AccountDropdownItem[];
+}
+
 declare type Action = {
     id: string;
     type: ActionType;
@@ -259,6 +271,11 @@ declare type AppendNewAnswer = {
     };
 };
 
+export declare interface ArticleNavItem extends Omit<SidebarNavItem, 'Icon' | 'items'> {
+    status?: 'discovery' | 'unpublished';
+    items?: ArticleNavItem[];
+}
+
 export declare function Badge({ className, variant, ...props }: BadgeProps): React_2.JSX.Element;
 
 export declare interface BadgeProps extends React_2.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
@@ -1029,6 +1046,22 @@ declare type GetActionInputs = {
  */
 export declare const getCachedFonts: () => FontOption[] | null;
 
+export declare const HEADER_NAV_HEIGHT = 60;
+
+export declare const HeaderNav: React_2.ForwardRefExoticComponent<HeaderNavProps & React_2.RefAttributes<HTMLElement>>;
+
+declare interface HeaderNavProps extends React_2.ComponentPropsWithoutRef<'header'>, Omit<AccountDropdownProps, 'dir'> {
+    isSideNavOpen?: boolean;
+    onSideNavigationToggle: () => void;
+    onHelpClick: () => void;
+    showSuggestionAction?: boolean;
+    suggestionAction?: React_2.ReactNode;
+    onSuggestionActionClick?: () => void;
+    showSidebarToggle?: boolean;
+    /** Ref for the sidebar toggle button; used by layout to move focus here when sidebar is collapsed. */
+    sidebarToggleRef?: React_2.Ref<HTMLButtonElement>;
+}
+
 /**
  * A flexible icon component that supports both Phosphor icons and image-based icons.
  *
@@ -1098,6 +1131,11 @@ export declare function ItemGroup({ className, ...props }: React_2.ComponentProp
 
 export declare function ItemHeader({ className, ...props }: React_2.ComponentProps<"div">): React_2.JSX.Element;
 
+export declare type ItemLinkComponent = React_2.ComponentType<React_2.ComponentPropsWithoutRef<'a'> & {
+    'data-sidebar-item-id'?: string;
+    'data-sidebar-item-type'?: 'app' | 'article' | 'section';
+}>;
+
 export declare function ItemMedia({ className, variant, ...props }: React_2.ComponentProps<"div"> & VariantProps<typeof itemMediaVariants>): React_2.JSX.Element;
 
 declare const itemMediaVariants: (props?: ({
@@ -1358,6 +1396,46 @@ declare const sheetVariants: (props?: ({
     side?: "left" | "right" | "bottom" | "top" | null | undefined;
 } & ClassProp) | undefined) => string;
 
+export declare const Sidebar: React_2.ForwardRefExoticComponent<SidebarProps & React_2.RefAttributes<HTMLElement>>;
+
+declare interface SidebarContextProps {
+    collapsed: boolean;
+    ItemLinkComponent: ItemLinkComponent;
+    activeArticleId?: string;
+    onSelectArticle?: (id: string) => void;
+    onSearchArticles?: (value: string) => void;
+    onAddArticle?: (parentId: string | null) => void;
+    onMoveArticle?: (moved: {
+        id: string;
+        parentId: string | null;
+        index: number;
+    }) => void;
+}
+
+export declare interface SidebarContextValue extends SidebarContextProps {
+    handleSearchArticles: (value: string) => void;
+    isSearching: boolean;
+}
+
+export declare interface SidebarNavItem {
+    id: string;
+    label: string;
+    href: string;
+    Icon?: Icon_2;
+    items?: SidebarNavItem[];
+}
+
+export declare interface SidebarProps extends React_2.ComponentPropsWithoutRef<'aside'>, SidebarContextProps {
+    showAppBack?: boolean;
+    onAppBack?: () => void;
+    appNavItems?: SidebarNavItem[];
+    appNavActiveId?: string;
+    showArticles?: boolean;
+    articles?: ArticleNavItem[];
+    sectionNavItems?: SidebarNavItem[];
+    sectionNavActiveId?: string;
+}
+
 export declare function SimpleSelect({ options, value, onChange, placeholder, disabled, className, appendToBody, }: SimpleSelectProps): React_2.JSX.Element;
 
 export declare interface SimpleSelectProps {
@@ -1504,6 +1582,8 @@ export declare interface UseFontOptionsReturn {
 
 export declare const useIsChatSearchDirty: () => boolean;
 
+export declare function useSidebar(): SidebarContextValue;
+
 export declare const ZoomableImage: React_2.FC<ZoomableImageProps>;
 
 declare interface ZoomableImageProps {

package/dist/layouts/full-layout.d.ts

@@ -0,0 +1,4 @@
+export {}
+import _default from '../src/layouts/full-layout/layout'
+export default _default
+export {}

package/dist/layouts/header-nav.d.ts

@@ -0,0 +1,2 @@
+export * from '../src/layouts/header-nav/index'
+export {}

package/dist/layouts/sidebar.d.ts

@@ -0,0 +1,2 @@
+export * from '../src/layouts/sidebar/index'
+export {}