@yusr_systems/ui 2.4.0 → 3.1.0

package/dist/index.d.ts

@@ -13,6 +13,7 @@ import { ClassValue } from 'clsx';
 import { ColumnName } from '@yusr_systems/core';
 import { Combobox as Combobox_2 } from '@base-ui/react/combobox';
 import { Command as Command_2 } from 'cmdk';
+import { Context } from 'react';
 import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
 import { DayButton } from 'react-day-picker';
 import { DayPicker } from 'react-day-picker';
@@ -28,6 +29,7 @@ import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import { FilterCondition } from '@yusr_systems/core';
 import { FilterResult } from '@yusr_systems/core';
 import { JSX } from 'react/jsx-runtime';
+import { JSX as JSX_2 } from 'react';
 import * as LabelPrimitive from '@radix-ui/react-label';
 import { Locale } from 'react-day-picker';
 import { PayloadAction } from '@reduxjs/toolkit';
@@ -991,6 +993,8 @@ export declare function SideBarCompanyData({ company }: {
 
 export declare function SidebarContent({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
 
+export declare const SidebarContext: Context<YusrSidBarProps | null>;
+
 declare type SidebarContextProps = {
     state: "expanded" | "collapsed";
     open: boolean;
@@ -1090,7 +1094,7 @@ export declare function SidebarProvider({ defaultOpen, open: openProp, onOpenCha
 
 export declare function SidebarRail({ className, ...props }: React_2.ComponentProps<"button">): JSX.Element;
 
-export declare function SideBarSecondaryMenu({ items, onLogout, ...props }: SideBarSecondaryMenuProps): JSX.Element;
+export declare function SideBarSecondaryMenu({ items, onLogout, LinkComponent, ...props }: SideBarSecondaryMenuProps): JSX.Element;
 
 export declare interface SideBarSecondaryMenuProps extends React_2.ComponentPropsWithoutRef<typeof SidebarGroup> {
     items: {
@@ -1099,6 +1103,7 @@ export declare interface SideBarSecondaryMenuProps extends React_2.ComponentProp
         icon: React_2.ReactNode;
     }[];
     onLogout: () => void;
+    LinkComponent?: React_2.ElementType;
 }
 
 export declare function SidebarSeparator({ className, ...props }: React_2.ComponentProps<typeof Separator>): JSX.Element;
@@ -1297,6 +1302,13 @@ declare interface UsernameObject {
 
 export declare function useSidebar(): SidebarContextProps;
 
+/**
+ * Returns the props of the nearest SidebarProvider.
+ * Must be used within a SidebarProvider.
+ * @returns {YusrSidBarProps} The props of the nearest SidebarProvider.
+ */
+export declare const useSidebarContext: () => YusrSidBarProps;
+
 export declare function useStorageFile<T>(setFormData: React.Dispatch<React.SetStateAction<T>>, fieldName: keyof T): {
     fileInputRef: RefObject<HTMLInputElement | null>;
     handleFileChange: (event: React.ChangeEvent<HTMLInputElement>) => Promise<void>;
@@ -1310,6 +1322,31 @@ export declare const useTheme: () => ThemeProviderState;
 
 export declare function YusrBusBackground(): JSX.Element;
 
+export declare type YusrSidBarProps = {
+    LinkComponent?: React.ElementType;
+    logos: {
+        logoFullDark: string;
+        logoFullLight: string;
+        logoOnlyDark: string;
+        logoOnlyLight: string;
+    };
+    displayCompany?: {
+        name: string;
+        logo: string;
+    };
+    navMain?: {
+        title: string;
+        url: string;
+        icon: JSX_2.Element;
+        hasAuth: boolean;
+    }[];
+    navSecondary?: {
+        title: string;
+        url: string;
+        icon: JSX_2.Element;
+    }[];
+};
+
 export declare function YusrSideBarMainMenu({ items, LinkComponent, }: {
     items: {
         title: string;