@aic-kits/react 0.33.2 → 0.34.6

package/dist/components/Header/HeaderSearch.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+export interface HeaderSearchProps {
+    /**
+     * Called when the search icon is clicked
+     */
+    onSearchClick?: () => void;
+    /**
+     * Whether the search is currently active
+     */
+    isSearchActive?: boolean;
+    /**
+     * Whether the search is loading
+     */
+    isSearchLoading?: boolean;
+}
+export declare const HeaderSearch: React.FC<HeaderSearchProps>;

package/dist/components/Header/NavItem.d.ts

@@ -5,4 +5,4 @@ export interface NavItemContainerProps extends NavItemProps {
     onMouseEnter?: () => void;
     onToggleDropdown?: () => void;
 }
-export declare const NavItem: ({ label, isActive, isLoading, dropdownItems, onClick, size, isDropdownOpen, isDropdownItem, onMouseEnter, onToggleDropdown, paddingX, paddingY, }: NavItemContainerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const NavItem: ({ label, icon, iconSize, isActive, isLoading, dropdownItems, onClick, size, isDropdownOpen, isDropdownItem, onMouseEnter, onToggleDropdown, paddingX, paddingY, isRound, }: NavItemContainerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Header/index.d.ts

@@ -6,4 +6,5 @@ export declare const Header: ForwardRefExoticComponent<HeaderProps & {
 export * from './types';
 export * from './HeaderLogo';
 export * from './HeaderNav';
+export * from './HeaderSearch';
 export * from './HeaderAuth';

package/dist/components/Header/types.d.ts

@@ -1,10 +1,19 @@
+import { Icon } from '@phosphor-icons/react';
 import { Color, Size, Space } from '../../theme';
 import { BoxProps } from '../Box';
 export interface NavItemProps {
     /**
      * Label for the navigation item
      */
-    label: string;
+    label?: string;
+    /**
+     * Icon to display before the label
+     */
+    icon?: Icon;
+    /**
+     * Size of the icon in pixels. Overrides the default theme icon size.
+     */
+    iconSize?: Size | number;
     /**
      * Whether this navigation item is currently active
      */
@@ -37,6 +46,10 @@ export interface NavItemProps {
      * Size of the navigation item
      */
     size?: 'large' | 'medium';
+    /**
+     * Whether the navigation item should be round (circular)
+     */
+    isRound?: boolean;
 }
 export interface HeaderProps extends BoxProps {
     /**
@@ -91,6 +104,18 @@ export interface HeaderProps extends BoxProps {
      * Maximum height of the header
      */
     profileDropdownMaxHeight?: number | Size;
+    /**
+     * Called when the search icon is clicked
+     */
+    onSearchClick?: () => void;
+    /**
+     * Whether the search is currently active
+     */
+    isSearchActive?: boolean;
+    /**
+     * Whether the search is loading
+     */
+    isSearchLoading?: boolean;
 }
 export interface HeaderHandle {
     /**