@atlaskit/side-navigation 11.2.1 → 12.0.0

package/dist/types/components/NavigationHeader/index.d.ts

@@ -1,3 +1,6 @@
+/**
+ * @deprecated `@atlaskit/side-navigation` is deprecated. Use `@atlaskit/navigation-system` instead.
+ */
 export interface NavigationHeaderProps {
     children: JSX.Element | JSX.Element[];
 }
@@ -8,6 +11,8 @@ export interface NavigationHeaderProps {
  *
  * - [Examples](https://atlassian.design/components/side-navigation/examples#header-and-footer)
  * - [Code](https://atlassian.design/components/side-navigation/code)
+ *
+ * @deprecated `@atlaskit/side-navigation` is deprecated. Use `@atlaskit/navigation-system` instead.
  */
 declare const NavigationHeader: (props: NavigationHeaderProps) => JSX.Element;
 export default NavigationHeader;

package/dist/types/components/NestableNavigationContent/index.d.ts

@@ -4,6 +4,9 @@
  */
 import React from 'react';
 export declare const ROOT_ID = "ATLASKIT_NESTED_ROOT";
+/**
+ * @deprecated `@atlaskit/side-navigation` is deprecated. Use `@atlaskit/navigation-system` instead.
+ */
 export interface NestableNavigationContentProps {
     /**
      * The NestableNavigationContent wraps the entire navigation hierarchy of a side navigation.
@@ -84,6 +87,8 @@ export interface NestableNavigationContentProps {
  *
  * - [Examples](https://atlassian.design/components/side-navigation/examples#nested-navigation)
  * - [Code](https://atlassian.design/components/side-navigation/code)
+ *
+ * @deprecated `@atlaskit/side-navigation` is deprecated. Use `@atlaskit/navigation-system` instead.
  */
 declare const NestableNavigationContent: (props: NestableNavigationContentProps) => JSX.Element;
 export default NestableNavigationContent;

package/dist/types/components/NestableNavigationContent/use-should-nested-element-render.d.ts

@@ -1,3 +1,8 @@
+/**
+ * __useShouldNestedElementRender__
+ *
+ * @deprecated `@atlaskit/side-navigation` is deprecated. Use `@atlaskit/navigation-system` instead.
+ */
 export declare const useShouldNestedElementRender: () => {
     shouldRender: boolean;
 };

package/dist/types/components/NestingItem/index.d.ts

@@ -19,6 +19,9 @@ interface NestingItemOverrides {
         }) => React.ReactNode;
     };
 }
+/**
+ * @deprecated `@atlaskit/side-navigation` is deprecated. Use `@atlaskit/navigation-system` instead.
+ */
 export interface NestingItemProps<TCustomComponentProps = CustomItemComponentProps> {
     /**
      * A unique identifier for the nesting item.
@@ -91,6 +94,8 @@ export interface NestingItemProps<TCustomComponentProps = CustomItemComponentPro
  * NestingItem will render itself differently depending in what context it is rendered in.
  * When not open - it will render itself as an item.
  * When open - it will render its children.
+ *
+ * @deprecated `@atlaskit/side-navigation` is deprecated. Use `@atlaskit/navigation-system` instead.
  */
 declare const NestingItem: <TCustomComponentProps extends CustomItemComponentProps>(props: NestingItemProps<TCustomComponentProps> & Omit<TCustomComponentProps, keyof CustomItemComponentProps>) => JSX.Element;
 export default NestingItem;

package/dist/types/components/Section/heading-item.d.ts

@@ -3,6 +3,9 @@
  * @jsx jsx
  */
 import { type HeadingItemProps as MenuHeadingItemProps } from '@atlaskit/menu';
+/**
+ * @deprecated `@atlaskit/side-navigation` is deprecated. Use `@atlaskit/navigation-system` instead.
+ */
 export interface HeadingItemProps extends MenuHeadingItemProps {
 }
 /**
@@ -10,6 +13,7 @@ export interface HeadingItemProps extends MenuHeadingItemProps {
  *
  * Available for advanced use cases, for most situations providing a `title` to `section` should be enough.
  *
+ * @deprecated `@atlaskit/side-navigation` is deprecated. Use `@atlaskit/navigation-system` instead.
  */
 declare const HeadingItem: (props: HeadingItemProps) => JSX.Element | null;
 export default HeadingItem;

package/dist/types/components/Section/section.d.ts

@@ -1,4 +1,7 @@
 import React from 'react';
+/**
+ * @deprecated `@atlaskit/side-navigation` is deprecated. Use `@atlaskit/navigation-system` instead.
+ */
 export interface SectionProps {
     /**
      * The children of the section.
@@ -34,6 +37,8 @@ export interface SectionProps {
  *
  * - [Examples](https://atlassian.design/components/side-navigation/examples#section)
  * - [Code](https://atlassian.design/components/side-navigation/code)
+ *
+ * @deprecated `@atlaskit/side-navigation` is deprecated. Use `@atlaskit/navigation-system` instead.
  */
 declare const Section: React.ForwardRefExoticComponent<React.PropsWithoutRef<SectionProps> & React.RefAttributes<HTMLElement>>;
 export default Section;

package/dist/types/components/Section/skeleton-heading-item.d.ts

@@ -1,5 +1,8 @@
 import React from 'react';
 import { type SkeletonHeadingItemProps as MenuSkeletonHeadingItemProps } from '@atlaskit/menu';
+/**
+ * @deprecated `@atlaskit/side-navigation` is deprecated. Use `@atlaskit/navigation-system` instead.
+ */
 export interface SkeletonHeadingItemProps extends MenuSkeletonHeadingItemProps {
 }
 /**
@@ -8,6 +11,8 @@ export interface SkeletonHeadingItemProps extends MenuSkeletonHeadingItemProps {
  * A skeleton heading item for use in managing loading states.
  *
  * - [Examples](https://atlassian.design/components/side-navigation/examples#loading)
+ *
+ * @deprecated `@atlaskit/side-navigation` is deprecated. Use `@atlaskit/navigation-system` instead.
  */
 declare const SkeletonHeadingItem: (props: SkeletonHeadingItemProps) => React.JSX.Element | null;
 export default SkeletonHeadingItem;

package/dist/types/components/SideNavigation/index.d.ts

@@ -1,3 +1,6 @@
+/**
+ * @deprecated `@atlaskit/side-navigation` is deprecated. Use `@atlaskit/navigation-system` instead.
+ */
 export interface SideNavigationProps {
     /**
      *  Describes the specific role of this navigation component for people viewing the page with assistive technology.
@@ -34,6 +37,8 @@ export interface SideNavigationProps {
  * - [Examples](https://atlassian.design/components/side-navigation/examples)
  * - [Code](https://atlassian.design/components/side-navigation/code)
  * - [Usage](https://atlassian.design/components/side-navigation/usage)
+ *
+ * @deprecated `@atlaskit/side-navigation` is deprecated. Use `@atlaskit/navigation-system` instead.
  */
 declare const SideNavigation: React.ForwardRefExoticComponent<React.PropsWithoutRef<SideNavigationProps> & React.RefAttributes<HTMLElement>>;
 export default SideNavigation;

package/footer/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/entry-points/footer.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/entry-points/footer.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/entry-points/footer.d.ts"
 }

package/go-back-item/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/entry-points/go-back-item.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/entry-points/go-back-item.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/entry-points/go-back-item.d.ts"
 }

package/header/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/entry-points/header.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/entry-points/header.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/entry-points/header.d.ts"
 }

package/heading-item/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/entry-points/heading-item.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/entry-points/heading-item.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/entry-points/heading-item.d.ts"
 }

package/link-item/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/entry-points/link-item.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/entry-points/link-item.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/entry-points/link-item.d.ts"
 }

package/loading-items/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/entry-points/loading-items.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/entry-points/loading-items.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/entry-points/loading-items.d.ts"
 }

package/navigation-content/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/entry-points/navigation-content.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/entry-points/navigation-content.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/entry-points/navigation-content.d.ts"
 }

package/navigation-footer/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/entry-points/navigation-footer.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/entry-points/navigation-footer.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/entry-points/navigation-footer.d.ts"
 }

package/navigation-header/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/entry-points/navigation-header.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/entry-points/navigation-header.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/entry-points/navigation-header.d.ts"
 }

package/nestable-navigation-content/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/entry-points/nestable-navigation-content.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/entry-points/nestable-navigation-content.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/entry-points/nestable-navigation-content.d.ts"
 }

package/nesting-item/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/entry-points/nesting-item.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/entry-points/nesting-item.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/entry-points/nesting-item.d.ts"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/side-navigation",
-	"version": "11.2.1",
+	"version": "12.0.0",
 	"description": "A highly composable side navigation component that supports nested views.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -29,20 +29,20 @@
 			"name": "Side navigation",
 			"category": "Navigation",
 			"status": {
-				"type": "intent-to-deprecate",
-				"description": "We are planning on deprecating Side navigation. We recommend using Navigation system instead. [View Navigation system documentation](/components/navigation-system)"
+				"type": "deprecated",
+				"description": "This package is deprecated. Use our new [navigation system](/components/navigation-system)."
 			}
 		}
 	},
 	"dependencies": {
-		"@atlaskit/css": "^0.19.0",
-		"@atlaskit/ds-lib": "^7.0.0",
-		"@atlaskit/icon": "^34.3.0",
-		"@atlaskit/menu": "^8.5.0",
-		"@atlaskit/motion": "^6.0.0",
-		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/primitives": "^19.0.0",
-		"@atlaskit/tokens": "^13.0.0",
+		"@atlaskit/css": "^1.0.0",
+		"@atlaskit/ds-lib": "^8.0.0",
+		"@atlaskit/icon": "^36.0.0",
+		"@atlaskit/menu": "^9.0.0",
+		"@atlaskit/motion": "^7.0.0",
+		"@atlaskit/platform-feature-flags": "^2.0.0",
+		"@atlaskit/primitives": "^20.0.0",
+		"@atlaskit/tokens": "^14.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.20.0"
 	},
@@ -53,24 +53,25 @@
 		"@af/accessibility-testing": "workspace:^",
 		"@af/integration-testing": "workspace:^",
 		"@af/visual-regression": "workspace:^",
-		"@atlaskit/atlassian-navigation": "^5.7.0",
-		"@atlaskit/button": "^23.11.0",
-		"@atlaskit/docs": "^11.8.0",
-		"@atlaskit/dropdown-menu": "^16.8.0",
-		"@atlaskit/form": "^15.5.0",
-		"@atlaskit/image": "^3.0.0",
-		"@atlaskit/link": "^3.4.0",
-		"@atlaskit/logo": "^20.0.0",
-		"@atlaskit/pragmatic-drag-and-drop": "^1.8.0",
-		"@atlaskit/pragmatic-drag-and-drop-live-region": "^1.3.0",
-		"@atlaskit/pragmatic-drag-and-drop-react-accessibility": "^2.2.0",
-		"@atlaskit/pragmatic-drag-and-drop-react-drop-indicator": "^3.2.0",
-		"@atlaskit/section-message": "^8.12.0",
-		"@atlaskit/select": "^21.10.0",
-		"@atlaskit/spotlight": "^0.12.0",
+		"@atlaskit/atlassian-navigation": "^6.0.0",
+		"@atlaskit/button": "^24.0.0",
+		"@atlaskit/docs": "^12.0.0",
+		"@atlaskit/dropdown-menu": "^17.0.0",
+		"@atlaskit/form": "^16.0.0",
+		"@atlaskit/image": "^4.0.0",
+		"@atlaskit/link": "^4.0.0",
+		"@atlaskit/logo": "^21.0.0",
+		"@atlaskit/pragmatic-drag-and-drop": "^2.0.0",
+		"@atlaskit/pragmatic-drag-and-drop-live-region": "^2.0.0",
+		"@atlaskit/pragmatic-drag-and-drop-react-accessibility": "^3.0.0",
+		"@atlaskit/pragmatic-drag-and-drop-react-drop-indicator": "^4.0.0",
+		"@atlaskit/section-message": "^9.0.0",
+		"@atlaskit/select": "^22.0.0",
+		"@atlaskit/spotlight": "^1.0.0",
 		"@atlassian/react-compiler-gating": "workspace:^",
 		"@testing-library/react": "^16.3.0",
 		"raf-stub": "^2.0.1",
+		"react": "^18.2.0",
 		"tiny-invariant": "^1.2.0"
 	},
 	"techstack": {
@@ -94,14 +95,6 @@
 			]
 		}
 	},
-	"typesVersions": {
-		">=4.5 <4.9": {
-			"*": [
-				"dist/types-ts4.5/*",
-				"dist/types-ts4.5/index.d.ts"
-			]
-		}
-	},
 	"platform-feature-flags": {
 		"platform-side-navigation-keyboard-focus": {
 			"type": "boolean"

package/section/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/entry-points/section.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/entry-points/section.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/entry-points/section.d.ts"
 }

package/side-navigation/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/entry-points/side-navigation.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/entry-points/side-navigation.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/entry-points/side-navigation.d.ts"
 }

package/skeleton-heading-item/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/entry-points/skeleton-heading-item.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/entry-points/skeleton-heading-item.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/entry-points/skeleton-heading-item.d.ts"
 }

package/skeleton-item/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/entry-points/skeleton-item.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/entry-points/skeleton-item.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/entry-points/skeleton-item.d.ts"
 }

package/use-should-nested-element-render/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/entry-points/use-should-nested-element-render.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/entry-points/use-should-nested-element-render.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/entry-points/use-should-nested-element-render.d.ts"
 }

package/afm-jira/tsconfig.json

@@ -1,51 +0,0 @@
-{
-	"extends": "../../../../tsconfig.local-consumption.json",
-	"compilerOptions": {
-		"target": "es5",
-		"outDir": "../../../../../jira/tsDist/@atlaskit__side-navigation/app",
-		"rootDir": "../",
-		"composite": true,
-		"noCheck": true
-	},
-	"include": [
-		"../src/**/*.ts",
-		"../src/**/*.tsx"
-	],
-	"exclude": [
-		"../src/**/__tests__/*",
-		"../src/**/*.test.*",
-		"../src/**/test.*",
-		"../src/**/examples.*",
-		"../src/**/examples/*",
-		"../src/**/examples/**/*",
-		"../src/**/*.stories.*",
-		"../src/**/stories/*",
-		"../src/**/stories/**/*"
-	],
-	"references": [
-		{
-			"path": "../../css/afm-jira/tsconfig.json"
-		},
-		{
-			"path": "../../ds-lib/afm-jira/tsconfig.json"
-		},
-		{
-			"path": "../../icon/afm-jira/tsconfig.json"
-		},
-		{
-			"path": "../../menu/afm-jira/tsconfig.json"
-		},
-		{
-			"path": "../../motion/afm-jira/tsconfig.json"
-		},
-		{
-			"path": "../../../platform/feature-flags/afm-jira/tsconfig.json"
-		},
-		{
-			"path": "../../primitives/afm-jira/tsconfig.json"
-		},
-		{
-			"path": "../../tokens/afm-jira/tsconfig.json"
-		}
-	]
-}

package/dist/types-ts4.5/common/constants.d.ts

@@ -1,2 +0,0 @@
-export declare const VAR_SEPARATOR_COLOR = "--ds-menu-seperator-color";
-export declare const VAR_SCROLL_INDICATOR_COLOR = "--ds-menu-scroll-indicator-color";

package/dist/types-ts4.5/common/use-child-ids-effect.d.ts

@@ -1,3 +0,0 @@
-import { type MutableRefObject } from 'react';
-declare const useChildIdsEffect: (childIds: MutableRefObject<Set<string>>, id: string) => void;
-export default useChildIdsEffect;

package/dist/types-ts4.5/common/use-child-ids.d.ts

@@ -1,5 +0,0 @@
-import { type MutableRefObject } from 'react';
-declare const useChildIds: (currentStackId: string, committedStack: string[], onUnknownNest?: (stack: string[]) => void) => {
-    childIdsRef: MutableRefObject<Set<string>>;
-};
-export default useChildIds;

package/dist/types-ts4.5/components/Footer/index.d.ts

@@ -1,26 +0,0 @@
-import { type HeaderProps } from '../Header';
-type NewFooterProps = Omit<HeaderProps, 'component' | 'onClick'>;
-type FooterFacadeProps = (HeaderProps & {
-    /**
-     * @private
-     * @deprecated
-     */
-    useDeprecatedApi?: true;
-}) | (NewFooterProps & {
-    /**
-     * @private
-     * @deprecated
-     */
-    useDeprecatedApi?: false;
-    component?: never;
-    onClick?: never;
-});
-export type FooterProps = HeaderProps | NewFooterProps;
-/**
- * __Footer__
- *
- * - [Examples](https://atlassian.design/components/side-navigation/examples#header-and-footer)
- * - [Code](https://atlassian.design/components/side-navigation/code)
- */
-declare const FooterFacade: ({ useDeprecatedApi, description, iconBefore, testId, children, component, onClick, }: FooterFacadeProps) => JSX.Element;
-export default FooterFacade;

package/dist/types-ts4.5/components/Header/header-container.d.ts

@@ -1,8 +0,0 @@
-import { type CustomItemComponentProps } from '@atlaskit/menu';
-/**
- * __Container__
- *
- * A container for Header and Footer that safely handles props to the child component
- */
-declare const HeaderContainer: (props: CustomItemComponentProps) => JSX.Element;
-export default HeaderContainer;

package/dist/types-ts4.5/components/Header/index.d.ts

@@ -1,47 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import React from 'react';
-import { type CustomItemComponentProps } from '@atlaskit/menu';
-export type HeaderProps = {
-    /**
-     * Element to render before the item text.
-     * Generally should be an [icon](https://atlassian.design/components/icon/icon-explorer) component.
-     */
-    iconBefore?: React.ReactNode;
-    /**
-     * Event that is triggered when the element is clicked.
-     */
-    onClick?: (event: React.MouseEvent | React.KeyboardEvent) => void;
-    /**
-     * Description of the item.
-     * This will render smaller text below the primary text of the item as well as slightly increasing the height of the item.
-     */
-    description?: string | JSX.Element;
-    /**
-     * Primary content for the item.
-     */
-    children?: React.ReactNode;
-    /**
-     * A `testId` prop is provided for specified elements,
-     * which is a unique string that appears as a data attribute `data-testid` in the rendered code,
-     * serving as a hook for automated tests.
-     */
-    testId?: string;
-    /**
-     * Custom component to render as an item.
-     * This can be both a functional component or a class component.
-     * __Will return `null` if no component is defined.__
-     * __NOTE:__ Make sure the reference for this component does not change between renders else undefined behavior may happen.
-     */
-    component?: React.ComponentType<CustomItemComponentProps>;
-};
-/**
- * __Header__
- *
- * - [Examples](https://atlassian.design/components/side-navigation/examples#header-and-footer)
- * - [Code](https://atlassian.design/components/side-navigation/code)
- */
-declare const Header: React.ForwardRefExoticComponent<React.PropsWithoutRef<HeaderProps> & React.RefAttributes<HTMLElement>>;
-export default Header;

package/dist/types-ts4.5/components/Item/button-item.d.ts

@@ -1,12 +0,0 @@
-import { type ButtonItemProps } from '@atlaskit/menu';
-/**
- * __Button item__
- *
- * A button item renders an item wrapped in a button tag, used primarily when an
- * action does something other than changing routes.
- *
- * - [Examples](https://atlassian.design/components/side-navigation/examples#button-item)
- * - [Code](https://atlassian.design/components/side-navigation/code)
- */
-declare const ButtonItem: React.ForwardRefExoticComponent<React.PropsWithoutRef<ButtonItemProps> & React.RefAttributes<HTMLElement>>;
-export default ButtonItem;