@backstage/ui 0.17.1 → 0.18.0-next.1

package/dist/components/Link/Link.esm.js

@@ -5,45 +5,86 @@ import { useDefinition } from '../../hooks/useDefinition/useDefinition.esm.js';
 import { useResolvedHref } from '../../hooks/useResolvedHref.esm.js';
 import { LinkDefinition } from './definition.esm.js';
 import { getNodeText } from '../../analytics/getNodeText.esm.js';
+import { handleRouterLinkClick } from '../../navigation/useNavigation.esm.js';
 
-const LinkInternal = forwardRef((props, ref) => {
-  const { ownProps, restProps, dataAttributes, analytics } = useDefinition(
-    LinkDefinition,
-    props
-  );
+function LinkView({
+  definitionResult,
+  navigation,
+  forwardedRef
+}) {
+  const { ownProps, restProps, dataAttributes, analytics } = definitionResult;
   const { classes, title, children } = ownProps;
   const internalRef = useRef(null);
-  const linkRef = ref || internalRef;
-  const { linkProps } = useLink(restProps, linkRef);
+  const linkRef = forwardedRef || internalRef;
+  let resolvedLinkProps = restProps;
+  if (navigation.type === "router") {
+    resolvedLinkProps = {
+      ...restProps,
+      href: navigation.ariaHref,
+      routerOptions: navigation.routerOptions
+    };
+  } else if (navigation.type === "native") {
+    resolvedLinkProps = {
+      ...restProps,
+      href: navigation.ariaHref
+    };
+  }
+  const { linkProps } = useLink(resolvedLinkProps, linkRef);
   const { isFocusVisible, focusProps } = useFocusRing();
-  const resolvedHref = useResolvedHref(restProps.href);
+  const fallbackHref = useResolvedHref(restProps.href);
+  const resolvedHref = navigation.type === "native" ? navigation.browserHref : fallbackHref;
   const handleClick = (e) => {
     linkProps.onClick?.(e);
     const text = restProps["aria-label"] ?? getNodeText(children) ?? String(restProps.href ?? "");
     analytics.captureEvent("click", text, {
       attributes: { to: String(restProps.href ?? "") }
     });
+    handleRouterLinkClick(e, navigation);
+  };
+  const { href: _href, ...interactionProps } = mergeProps(
+    linkProps,
+    focusProps
+  );
+  const {
+    href: _restHref,
+    routerOptions: _routerOptions,
+    ...anchorProps
+  } = restProps;
+  const commonProps = {
+    ...interactionProps,
+    ...dataAttributes,
+    ...anchorProps,
+    ref: linkRef,
+    title,
+    className: classes.root,
+    "data-focus-visible": isFocusVisible || void 0,
+    onClick: handleClick,
+    children
   };
+  if (navigation.type === "router") {
+    return /* @__PURE__ */ jsx(
+      navigation.Link,
+      {
+        ...commonProps,
+        ...navigation.routerLinkOptions,
+        to: navigation.to
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx("a", { ...commonProps, href: resolvedHref });
+}
+const Link = forwardRef((props, ref) => {
+  const definitionResult = useDefinition(LinkDefinition, props);
+  const Navigation = definitionResult.navigation;
   return /* @__PURE__ */ jsx(
-    "a",
+    Navigation,
     {
-      ...mergeProps(linkProps, focusProps),
-      ...dataAttributes,
-      ...restProps,
-      href: resolvedHref,
-      ref: linkRef,
-      title,
-      className: classes.root,
-      "data-focus-visible": isFocusVisible || void 0,
-      onClick: handleClick,
-      children
+      props: definitionResult.restProps,
+      view: LinkView,
+      viewProps: { definitionResult, forwardedRef: ref }
     }
   );
 });
-LinkInternal.displayName = "LinkInternal";
-const Link = forwardRef((props, ref) => {
-  return /* @__PURE__ */ jsx(LinkInternal, { ...props, ref });
-});
 Link.displayName = "Link";
 
 export { Link };

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

@@ -1 +1 @@
-{"version":3,"file":"Link.esm.js","sources":["../../../src/components/Link/Link.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { forwardRef, useRef } from 'react';\nimport { mergeProps, useFocusRing, useLink } from 'react-aria';\nimport type { LinkProps } from './types';\nimport { useDefinition } from '../../hooks/useDefinition';\nimport { useResolvedHref } from '../../hooks/useResolvedHref';\nimport { LinkDefinition } from './definition';\nimport { getNodeText } from '../../analytics/getNodeText';\n\nconst LinkInternal = forwardRef<HTMLAnchorElement, LinkProps>((props, ref) => {\n  const { ownProps, restProps, dataAttributes, analytics } = useDefinition(\n    LinkDefinition,\n    props,\n  );\n  const { classes, title, children } = ownProps;\n\n  const internalRef = useRef<HTMLAnchorElement>(null);\n  const linkRef = (ref || internalRef) as React.RefObject<HTMLAnchorElement>;\n\n  const { linkProps } = useLink(restProps, linkRef);\n  const { isFocusVisible, focusProps } = useFocusRing();\n  const resolvedHref = useResolvedHref(restProps.href);\n\n  const handleClick = (e: React.MouseEvent<HTMLAnchorElement>) => {\n    linkProps.onClick?.(e);\n    const text =\n      restProps['aria-label'] ??\n      getNodeText(children) ??\n      String(restProps.href ?? '');\n    analytics.captureEvent('click', text, {\n      attributes: { to: String(restProps.href ?? '') },\n    });\n  };\n\n  return (\n    <a\n      {...mergeProps(linkProps, focusProps)}\n      {...dataAttributes}\n      {...(restProps as React.AnchorHTMLAttributes<HTMLAnchorElement>)}\n      href={resolvedHref}\n      ref={linkRef}\n      title={title}\n      className={classes.root}\n      data-focus-visible={isFocusVisible || undefined}\n      onClick={handleClick}\n    >\n      {children}\n    </a>\n  );\n});\n\nLinkInternal.displayName = 'LinkInternal';\n\n/**\n * A styled anchor element that supports analytics event tracking on click.\n *\n * @public\n */\nexport const Link = forwardRef<HTMLAnchorElement, LinkProps>((props, ref) => {\n  return <LinkInternal {...props} ref={ref} />;\n});\n\nLink.displayName = 'Link';\n"],"names":[],"mappings":";;;;;;;;AAwBA,MAAM,YAAA,GAAe,UAAA,CAAyC,CAAC,KAAA,EAAO,GAAA,KAAQ;AAC5E,EAAA,MAAM,EAAE,QAAA,EAAU,SAAA,EAAW,cAAA,EAAgB,WAAU,GAAI,aAAA;AAAA,IACzD,cAAA;AAAA,IACA;AAAA,GACF;AACA,EAAA,MAAM,EAAE,OAAA,EAAS,KAAA,EAAO,QAAA,EAAS,GAAI,QAAA;AAErC,EAAA,MAAM,WAAA,GAAc,OAA0B,IAAI,CAAA;AAClD,EAAA,MAAM,UAAW,GAAA,IAAO,WAAA;AAExB,EAAA,MAAM,EAAE,SAAA,EAAU,GAAI,OAAA,CAAQ,WAAW,OAAO,CAAA;AAChD,EAAA,MAAM,EAAE,cAAA,EAAgB,UAAA,EAAW,GAAI,YAAA,EAAa;AACpD,EAAA,MAAM,YAAA,GAAe,eAAA,CAAgB,SAAA,CAAU,IAAI,CAAA;AAEnD,EAAA,MAAM,WAAA,GAAc,CAAC,CAAA,KAA2C;AAC9D,IAAA,SAAA,CAAU,UAAU,CAAC,CAAA;AACrB,IAAA,MAAM,IAAA,GACJ,SAAA,CAAU,YAAY,CAAA,IACtB,WAAA,CAAY,QAAQ,CAAA,IACpB,MAAA,CAAO,SAAA,CAAU,IAAA,IAAQ,EAAE,CAAA;AAC7B,IAAA,SAAA,CAAU,YAAA,CAAa,SAAS,IAAA,EAAM;AAAA,MACpC,YAAY,EAAE,EAAA,EAAI,OAAO,SAAA,CAAU,IAAA,IAAQ,EAAE,CAAA;AAAE,KAChD,CAAA;AAAA,EACH,CAAA;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACE,GAAG,UAAA,CAAW,SAAA,EAAW,UAAU,CAAA;AAAA,MACnC,GAAG,cAAA;AAAA,MACH,GAAI,SAAA;AAAA,MACL,IAAA,EAAM,YAAA;AAAA,MACN,GAAA,EAAK,OAAA;AAAA,MACL,KAAA;AAAA,MACA,WAAW,OAAA,CAAQ,IAAA;AAAA,MACnB,sBAAoB,cAAA,IAAkB,MAAA;AAAA,MACtC,OAAA,EAAS,WAAA;AAAA,MAER;AAAA;AAAA,GACH;AAEJ,CAAC,CAAA;AAED,YAAA,CAAa,WAAA,GAAc,cAAA;AAOpB,MAAM,IAAA,GAAO,UAAA,CAAyC,CAAC,KAAA,EAAO,GAAA,KAAQ;AAC3E,EAAA,uBAAO,GAAA,CAAC,YAAA,EAAA,EAAc,GAAG,KAAA,EAAO,GAAA,EAAU,CAAA;AAC5C,CAAC;AAED,IAAA,CAAK,WAAA,GAAc,MAAA;;;;"}
+{"version":3,"file":"Link.esm.js","sources":["../../../src/components/Link/Link.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { forwardRef, useRef } from 'react';\nimport { mergeProps, useFocusRing, useLink } from 'react-aria';\nimport type { LinkProps } from './types';\nimport {\n  useDefinition,\n  type UseDefinitionResult,\n} from '../../hooks/useDefinition';\nimport { useResolvedHref } from '../../hooks/useResolvedHref';\nimport { LinkDefinition } from './definition';\nimport { getNodeText } from '../../analytics/getNodeText';\nimport {\n  handleRouterLinkClick,\n  type AnchorNavigation,\n} from '../../navigation/useNavigation';\n\ntype LinkViewProps = {\n  definitionResult: UseDefinitionResult<typeof LinkDefinition, LinkProps>;\n  navigation: AnchorNavigation;\n  forwardedRef: React.ForwardedRef<HTMLAnchorElement>;\n};\n\nfunction LinkView({\n  definitionResult,\n  navigation,\n  forwardedRef,\n}: LinkViewProps) {\n  const { ownProps, restProps, dataAttributes, analytics } = definitionResult;\n  const { classes, title, children } = ownProps;\n\n  const internalRef = useRef<HTMLAnchorElement>(null);\n  const linkRef = (forwardedRef ||\n    internalRef) as React.RefObject<HTMLAnchorElement>;\n\n  let resolvedLinkProps = restProps;\n  if (navigation.type === 'router') {\n    resolvedLinkProps = {\n      ...restProps,\n      href: navigation.ariaHref,\n      routerOptions: navigation.routerOptions,\n    };\n  } else if (navigation.type === 'native') {\n    resolvedLinkProps = {\n      ...restProps,\n      href: navigation.ariaHref,\n    };\n  }\n  // React Aria Components' Link filters out the native title attribute.\n  // Render the anchor explicitly so truncated links retain their browser tooltip.\n  const { linkProps } = useLink(resolvedLinkProps, linkRef);\n  const { isFocusVisible, focusProps } = useFocusRing();\n  const fallbackHref = useResolvedHref(restProps.href);\n  const resolvedHref =\n    navigation.type === 'native' ? navigation.browserHref : fallbackHref;\n\n  const handleClick = (e: React.MouseEvent<HTMLAnchorElement>) => {\n    linkProps.onClick?.(e);\n    const text =\n      restProps['aria-label'] ??\n      getNodeText(children) ??\n      String(restProps.href ?? '');\n    analytics.captureEvent('click', text, {\n      attributes: { to: String(restProps.href ?? '') },\n    });\n    handleRouterLinkClick(e, navigation);\n  };\n\n  const { href: _href, ...interactionProps } = mergeProps(\n    linkProps,\n    focusProps,\n  ) as React.AnchorHTMLAttributes<HTMLAnchorElement>;\n  const {\n    href: _restHref,\n    routerOptions: _routerOptions,\n    ...anchorProps\n  } = restProps;\n  const commonProps = {\n    ...interactionProps,\n    ...dataAttributes,\n    ...(anchorProps as React.AnchorHTMLAttributes<HTMLAnchorElement>),\n    ref: linkRef,\n    title,\n    className: classes.root,\n    'data-focus-visible': isFocusVisible || undefined,\n    onClick: handleClick,\n    children,\n  };\n\n  if (navigation.type === 'router') {\n    return (\n      <navigation.Link\n        {...commonProps}\n        {...navigation.routerLinkOptions}\n        to={navigation.to}\n      />\n    );\n  }\n\n  return <a {...commonProps} href={resolvedHref} />;\n}\n\n/**\n * A styled anchor element that supports analytics event tracking on click.\n *\n * @public\n */\nexport const Link = forwardRef<HTMLAnchorElement, LinkProps>((props, ref) => {\n  const definitionResult = useDefinition(LinkDefinition, props);\n  const Navigation = definitionResult.navigation;\n\n  return (\n    <Navigation\n      props={definitionResult.restProps}\n      view={LinkView}\n      viewProps={{ definitionResult, forwardedRef: ref }}\n    />\n  );\n});\n\nLink.displayName = 'Link';\n"],"names":[],"mappings":"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"}

package/dist/components/Link/definition.esm.js

@@ -3,8 +3,10 @@ import 'clsx';
 import '../../hooks/useBreakpoint.esm.js';
 import '../../hooks/useBg.esm.js';
 import '../../hooks/useDefinition/helpers.esm.js';
-import '../../analytics/useAnalytics.esm.js';
+import 'react';
+import '../../provider/BUIContext.esm.js';
 import 'react-router-dom';
+import '@backstage/version-bridge';
 import { defineComponent } from '../../hooks/useDefinition/defineComponent.esm.js';
 import styles from './Link.module.css.esm.js';
 
@@ -14,6 +16,7 @@ const LinkDefinition = defineComponent()({
     root: "bui-Link"
   },
   analytics: true,
+  navigation: { type: "anchor" },
   propDefs: {
     noTrack: {},
     variant: { dataAttribute: true, default: "body-medium" },

package/dist/components/Link/definition.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"definition.esm.js","sources":["../../../src/components/Link/definition.ts"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { defineComponent } from '../../hooks/useDefinition';\nimport type { LinkOwnProps } from './types';\nimport styles from './Link.module.css';\n\n/**\n * Component definition for Link\n * @public\n */\nexport const LinkDefinition = defineComponent<LinkOwnProps>()({\n  styles,\n  classNames: {\n    root: 'bui-Link',\n  },\n  analytics: true,\n  propDefs: {\n    noTrack: {},\n    variant: { dataAttribute: true, default: 'body-medium' },\n    weight: { dataAttribute: true, default: 'regular' },\n    color: { dataAttribute: true, default: 'primary' },\n    truncate: { dataAttribute: true },\n    standalone: { dataAttribute: true },\n    title: {},\n    children: {},\n    className: {},\n  },\n});\n"],"names":[],"mappings":";;;;;;;;;;AAwBO,MAAM,cAAA,GAAiB,iBAA8B,CAAE;AAAA,EAC5D,MAAA;AAAA,EACA,UAAA,EAAY;AAAA,IACV,IAAA,EAAM;AAAA,GACR;AAAA,EACA,SAAA,EAAW,IAAA;AAAA,EACX,QAAA,EAAU;AAAA,IACR,SAAS,EAAC;AAAA,IACV,OAAA,EAAS,EAAE,aAAA,EAAe,IAAA,EAAM,SAAS,aAAA,EAAc;AAAA,IACvD,MAAA,EAAQ,EAAE,aAAA,EAAe,IAAA,EAAM,SAAS,SAAA,EAAU;AAAA,IAClD,KAAA,EAAO,EAAE,aAAA,EAAe,IAAA,EAAM,SAAS,SAAA,EAAU;AAAA,IACjD,QAAA,EAAU,EAAE,aAAA,EAAe,IAAA,EAAK;AAAA,IAChC,UAAA,EAAY,EAAE,aAAA,EAAe,IAAA,EAAK;AAAA,IAClC,OAAO,EAAC;AAAA,IACR,UAAU,EAAC;AAAA,IACX,WAAW;AAAC;AAEhB,CAAC;;;;"}
+{"version":3,"file":"definition.esm.js","sources":["../../../src/components/Link/definition.ts"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { defineComponent } from '../../hooks/useDefinition';\nimport type { LinkOwnProps } from './types';\nimport styles from './Link.module.css';\n\n/**\n * Component definition for Link\n * @public\n */\nexport const LinkDefinition = defineComponent<LinkOwnProps>()({\n  styles,\n  classNames: {\n    root: 'bui-Link',\n  },\n  analytics: true,\n  navigation: { type: 'anchor' },\n  propDefs: {\n    noTrack: {},\n    variant: { dataAttribute: true, default: 'body-medium' },\n    weight: { dataAttribute: true, default: 'regular' },\n    color: { dataAttribute: true, default: 'primary' },\n    truncate: { dataAttribute: true },\n    standalone: { dataAttribute: true },\n    title: {},\n    children: {},\n    className: {},\n  },\n});\n"],"names":[],"mappings":";;;;;;;;;;;;AAwBO,MAAM,cAAA,GAAiB,iBAA8B,CAAE;AAAA,EAC5D,MAAA;AAAA,EACA,UAAA,EAAY;AAAA,IACV,IAAA,EAAM;AAAA,GACR;AAAA,EACA,SAAA,EAAW,IAAA;AAAA,EACX,UAAA,EAAY,EAAE,IAAA,EAAM,QAAA,EAAS;AAAA,EAC7B,QAAA,EAAU;AAAA,IACR,SAAS,EAAC;AAAA,IACV,OAAA,EAAS,EAAE,aAAA,EAAe,IAAA,EAAM,SAAS,aAAA,EAAc;AAAA,IACvD,MAAA,EAAQ,EAAE,aAAA,EAAe,IAAA,EAAM,SAAS,SAAA,EAAU;AAAA,IAClD,KAAA,EAAO,EAAE,aAAA,EAAe,IAAA,EAAM,SAAS,SAAA,EAAU;AAAA,IACjD,QAAA,EAAU,EAAE,aAAA,EAAe,IAAA,EAAK;AAAA,IAChC,UAAA,EAAY,EAAE,aAAA,EAAe,IAAA,EAAK;AAAA,IAClC,OAAO,EAAC;AAAA,IACR,UAAU,EAAC;AAAA,IACX,WAAW;AAAC;AAEhB,CAAC;;;;"}

package/dist/components/List/List.esm.js

@@ -8,6 +8,7 @@ import { ButtonIcon } from '../ButtonIcon/ButtonIcon.esm.js';
 import '../ButtonIcon/ButtonIcon.module.css.esm.js';
 import { MenuTrigger, Menu } from '../Menu/Menu.esm.js';
 import '../Menu/definition.esm.js';
+import { BUIRoutingProvider } from '../../navigation/BUIRoutingProvider.esm.js';
 
 const List = (props) => {
   const { ownProps, restProps, dataAttributes } = useDefinition(
@@ -15,7 +16,7 @@ const List = (props) => {
     props
   );
   const { classes, items, children, renderEmptyState } = ownProps;
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(BUIRoutingProvider, { children: /* @__PURE__ */ jsx(
     GridList,
     {
       className: classes.root,
@@ -25,7 +26,7 @@ const List = (props) => {
       ...restProps,
       children
     }
-  );
+  ) });
 };
 const ListRow = (props) => {
   const { ownProps, restProps, dataAttributes } = useDefinition(

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

@@ -1 +1 @@
-{"version":3,"file":"List.esm.js","sources":["../../../src/components/List/List.tsx"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport {\n  GridList as RAGridList,\n  GridListItem as RAGridListItem,\n  Text,\n} from 'react-aria-components';\nimport { RiCheckLine, RiMoreLine } from '@remixicon/react';\nimport { useDefinition } from '../../hooks/useDefinition';\nimport { ListDefinition, ListRowDefinition } from './definition';\nimport type { ListProps, ListRowProps } from './types';\nimport { Box } from '../Box/Box';\nimport { ButtonIcon } from '../ButtonIcon';\nimport { MenuTrigger, Menu } from '../Menu';\n\n/**\n * A list displays a list of interactive rows with support for keyboard\n * navigation, single or multiple selection, and row actions.\n *\n * @public\n */\nexport const List = <T extends object>(props: ListProps<T>) => {\n  const { ownProps, restProps, dataAttributes } = useDefinition(\n    ListDefinition,\n    props,\n  );\n  const { classes, items, children, renderEmptyState } = ownProps;\n\n  return (\n    <RAGridList\n      className={classes.root}\n      items={items}\n      renderEmptyState={renderEmptyState}\n      {...dataAttributes}\n      {...restProps}\n    >\n      {children}\n    </RAGridList>\n  );\n};\n\n/**\n * A row within a List.\n *\n * @public\n */\nexport const ListRow = (props: ListRowProps) => {\n  const { ownProps, restProps, dataAttributes } = useDefinition(\n    ListRowDefinition,\n    props,\n  );\n  const { classes, children, description, icon, menuItems, customActions } =\n    ownProps;\n\n  const textValue = typeof children === 'string' ? children : undefined;\n\n  return (\n    <RAGridListItem\n      textValue={textValue}\n      className={classes.root}\n      {...dataAttributes}\n      {...restProps}\n    >\n      {({ isSelected }) => (\n        <>\n          {isSelected && (\n            <div className={classes.check}>\n              <RiCheckLine />\n            </div>\n          )}\n          {icon && (\n            <Box bg=\"neutral\" className={classes.icon}>\n              {icon}\n            </Box>\n          )}\n          <div className={classes.label}>\n            <span>{children}</span>\n            {description && (\n              <Text slot=\"description\" className={classes.description}>\n                {description}\n              </Text>\n            )}\n          </div>\n          {customActions && (\n            <div className={classes.actions}>{customActions}</div>\n          )}\n          {menuItems && (\n            <div className={classes.actions}>\n              <MenuTrigger>\n                <ButtonIcon\n                  icon={<RiMoreLine />}\n                  size=\"small\"\n                  aria-label=\"More actions\"\n                  variant=\"tertiary\"\n                />\n                <Menu placement=\"bottom end\">{menuItems}</Menu>\n              </MenuTrigger>\n            </div>\n          )}\n        </>\n      )}\n    </RAGridListItem>\n  );\n};\n"],"names":["RAGridList","RAGridListItem"],"mappings":";;;;;;;;;;;AAmCO,MAAM,IAAA,GAAO,CAAmB,KAAA,KAAwB;AAC7D,EAAA,MAAM,EAAE,QAAA,EAAU,SAAA,EAAW,cAAA,EAAe,GAAI,aAAA;AAAA,IAC9C,cAAA;AAAA,IACA;AAAA,GACF;AACA,EAAA,MAAM,EAAE,OAAA,EAAS,KAAA,EAAO,QAAA,EAAU,kBAAiB,GAAI,QAAA;AAEvD,EAAA,uBACE,GAAA;AAAA,IAACA,QAAA;AAAA,IAAA;AAAA,MACC,WAAW,OAAA,CAAQ,IAAA;AAAA,MACnB,KAAA;AAAA,MACA,gBAAA;AAAA,MACC,GAAG,cAAA;AAAA,MACH,GAAG,SAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ;AAOO,MAAM,OAAA,GAAU,CAAC,KAAA,KAAwB;AAC9C,EAAA,MAAM,EAAE,QAAA,EAAU,SAAA,EAAW,cAAA,EAAe,GAAI,aAAA;AAAA,IAC9C,iBAAA;AAAA,IACA;AAAA,GACF;AACA,EAAA,MAAM,EAAE,OAAA,EAAS,QAAA,EAAU,aAAa,IAAA,EAAM,SAAA,EAAW,eAAc,GACrE,QAAA;AAEF,EAAA,MAAM,SAAA,GAAY,OAAO,QAAA,KAAa,QAAA,GAAW,QAAA,GAAW,MAAA;AAE5D,EAAA,uBACE,GAAA;AAAA,IAACC,YAAA;AAAA,IAAA;AAAA,MACC,SAAA;AAAA,MACA,WAAW,OAAA,CAAQ,IAAA;AAAA,MAClB,GAAG,cAAA;AAAA,MACH,GAAG,SAAA;AAAA,MAEH,QAAA,EAAA,CAAC,EAAE,UAAA,EAAW,qBACb,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,QAAA,UAAA,wBACE,KAAA,EAAA,EAAI,SAAA,EAAW,QAAQ,KAAA,EACtB,QAAA,kBAAA,GAAA,CAAC,eAAY,CAAA,EACf,CAAA;AAAA,QAED,IAAA,wBACE,GAAA,EAAA,EAAI,EAAA,EAAG,WAAU,SAAA,EAAW,OAAA,CAAQ,MAClC,QAAA,EAAA,IAAA,EACH,CAAA;AAAA,wBAEF,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,OAAA,CAAQ,KAAA,EACtB,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,UAAM,QAAA,EAAS,CAAA;AAAA,UACf,WAAA,wBACE,IAAA,EAAA,EAAK,IAAA,EAAK,eAAc,SAAA,EAAW,OAAA,CAAQ,aACzC,QAAA,EAAA,WAAA,EACH;AAAA,SAAA,EAEJ,CAAA;AAAA,QACC,iCACC,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,OAAA,CAAQ,SAAU,QAAA,EAAA,aAAA,EAAc,CAAA;AAAA,QAEjD,6BACC,GAAA,CAAC,KAAA,EAAA,EAAI,WAAW,OAAA,CAAQ,OAAA,EACtB,+BAAC,WAAA,EAAA,EACC,QAAA,EAAA;AAAA,0BAAA,GAAA;AAAA,YAAC,UAAA;AAAA,YAAA;AAAA,cACC,IAAA,sBAAO,UAAA,EAAA,EAAW,CAAA;AAAA,cAClB,IAAA,EAAK,OAAA;AAAA,cACL,YAAA,EAAW,cAAA;AAAA,cACX,OAAA,EAAQ;AAAA;AAAA,WACV;AAAA,0BACA,GAAA,CAAC,IAAA,EAAA,EAAK,SAAA,EAAU,YAAA,EAAc,QAAA,EAAA,SAAA,EAAU;AAAA,SAAA,EAC1C,CAAA,EACF;AAAA,OAAA,EAEJ;AAAA;AAAA,GAEJ;AAEJ;;;;"}
+{"version":3,"file":"List.esm.js","sources":["../../../src/components/List/List.tsx"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport {\n  GridList as RAGridList,\n  GridListItem as RAGridListItem,\n  Text,\n} from 'react-aria-components';\nimport { RiCheckLine, RiMoreLine } from '@remixicon/react';\nimport { useDefinition } from '../../hooks/useDefinition';\nimport { ListDefinition, ListRowDefinition } from './definition';\nimport type { ListProps, ListRowProps } from './types';\nimport { Box } from '../Box/Box';\nimport { ButtonIcon } from '../ButtonIcon';\nimport { MenuTrigger, Menu } from '../Menu';\nimport { BUIRoutingProvider } from '../../navigation/BUIRoutingProvider';\n\n/**\n * A list displays a list of interactive rows with support for keyboard\n * navigation, single or multiple selection, and row actions.\n *\n * @public\n */\nexport const List = <T extends object>(props: ListProps<T>) => {\n  const { ownProps, restProps, dataAttributes } = useDefinition(\n    ListDefinition,\n    props,\n  );\n  const { classes, items, children, renderEmptyState } = ownProps;\n\n  return (\n    <BUIRoutingProvider>\n      <RAGridList\n        className={classes.root}\n        items={items}\n        renderEmptyState={renderEmptyState}\n        {...dataAttributes}\n        {...restProps}\n      >\n        {children}\n      </RAGridList>\n    </BUIRoutingProvider>\n  );\n};\n\n/**\n * A row within a List.\n *\n * @public\n */\nexport const ListRow = (props: ListRowProps) => {\n  const { ownProps, restProps, dataAttributes } = useDefinition(\n    ListRowDefinition,\n    props,\n  );\n  const { classes, children, description, icon, menuItems, customActions } =\n    ownProps;\n\n  const textValue = typeof children === 'string' ? children : undefined;\n\n  return (\n    <RAGridListItem\n      textValue={textValue}\n      className={classes.root}\n      {...dataAttributes}\n      {...restProps}\n    >\n      {({ isSelected }) => (\n        <>\n          {isSelected && (\n            <div className={classes.check}>\n              <RiCheckLine />\n            </div>\n          )}\n          {icon && (\n            <Box bg=\"neutral\" className={classes.icon}>\n              {icon}\n            </Box>\n          )}\n          <div className={classes.label}>\n            <span>{children}</span>\n            {description && (\n              <Text slot=\"description\" className={classes.description}>\n                {description}\n              </Text>\n            )}\n          </div>\n          {customActions && (\n            <div className={classes.actions}>{customActions}</div>\n          )}\n          {menuItems && (\n            <div className={classes.actions}>\n              <MenuTrigger>\n                <ButtonIcon\n                  icon={<RiMoreLine />}\n                  size=\"small\"\n                  aria-label=\"More actions\"\n                  variant=\"tertiary\"\n                />\n                <Menu placement=\"bottom end\">{menuItems}</Menu>\n              </MenuTrigger>\n            </div>\n          )}\n        </>\n      )}\n    </RAGridListItem>\n  );\n};\n"],"names":["RAGridList","RAGridListItem"],"mappings":";;;;;;;;;;;;AAoCO,MAAM,IAAA,GAAO,CAAmB,KAAA,KAAwB;AAC7D,EAAA,MAAM,EAAE,QAAA,EAAU,SAAA,EAAW,cAAA,EAAe,GAAI,aAAA;AAAA,IAC9C,cAAA;AAAA,IACA;AAAA,GACF;AACA,EAAA,MAAM,EAAE,OAAA,EAAS,KAAA,EAAO,QAAA,EAAU,kBAAiB,GAAI,QAAA;AAEvD,EAAA,2BACG,kBAAA,EAAA,EACC,QAAA,kBAAA,GAAA;AAAA,IAACA,QAAA;AAAA,IAAA;AAAA,MACC,WAAW,OAAA,CAAQ,IAAA;AAAA,MACnB,KAAA;AAAA,MACA,gBAAA;AAAA,MACC,GAAG,cAAA;AAAA,MACH,GAAG,SAAA;AAAA,MAEH;AAAA;AAAA,GACH,EACF,CAAA;AAEJ;AAOO,MAAM,OAAA,GAAU,CAAC,KAAA,KAAwB;AAC9C,EAAA,MAAM,EAAE,QAAA,EAAU,SAAA,EAAW,cAAA,EAAe,GAAI,aAAA;AAAA,IAC9C,iBAAA;AAAA,IACA;AAAA,GACF;AACA,EAAA,MAAM,EAAE,OAAA,EAAS,QAAA,EAAU,aAAa,IAAA,EAAM,SAAA,EAAW,eAAc,GACrE,QAAA;AAEF,EAAA,MAAM,SAAA,GAAY,OAAO,QAAA,KAAa,QAAA,GAAW,QAAA,GAAW,MAAA;AAE5D,EAAA,uBACE,GAAA;AAAA,IAACC,YAAA;AAAA,IAAA;AAAA,MACC,SAAA;AAAA,MACA,WAAW,OAAA,CAAQ,IAAA;AAAA,MAClB,GAAG,cAAA;AAAA,MACH,GAAG,SAAA;AAAA,MAEH,QAAA,EAAA,CAAC,EAAE,UAAA,EAAW,qBACb,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,QAAA,UAAA,wBACE,KAAA,EAAA,EAAI,SAAA,EAAW,QAAQ,KAAA,EACtB,QAAA,kBAAA,GAAA,CAAC,eAAY,CAAA,EACf,CAAA;AAAA,QAED,IAAA,wBACE,GAAA,EAAA,EAAI,EAAA,EAAG,WAAU,SAAA,EAAW,OAAA,CAAQ,MAClC,QAAA,EAAA,IAAA,EACH,CAAA;AAAA,wBAEF,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,OAAA,CAAQ,KAAA,EACtB,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,UAAM,QAAA,EAAS,CAAA;AAAA,UACf,WAAA,wBACE,IAAA,EAAA,EAAK,IAAA,EAAK,eAAc,SAAA,EAAW,OAAA,CAAQ,aACzC,QAAA,EAAA,WAAA,EACH;AAAA,SAAA,EAEJ,CAAA;AAAA,QACC,iCACC,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,OAAA,CAAQ,SAAU,QAAA,EAAA,aAAA,EAAc,CAAA;AAAA,QAEjD,6BACC,GAAA,CAAC,KAAA,EAAA,EAAI,WAAW,OAAA,CAAQ,OAAA,EACtB,+BAAC,WAAA,EAAA,EACC,QAAA,EAAA;AAAA,0BAAA,GAAA;AAAA,YAAC,UAAA;AAAA,YAAA;AAAA,cACC,IAAA,sBAAO,UAAA,EAAA,EAAW,CAAA;AAAA,cAClB,IAAA,EAAK,OAAA;AAAA,cACL,YAAA,EAAW,cAAA;AAAA,cACX,OAAA,EAAQ;AAAA;AAAA,WACV;AAAA,0BACA,GAAA,CAAC,IAAA,EAAA,EAAK,SAAA,EAAU,YAAA,EAAc,QAAA,EAAA,SAAA,EAAU;AAAA,SAAA,EAC1C,CAAA,EACF;AAAA,OAAA,EAEJ;AAAA;AAAA,GAEJ;AAEJ;;;;"}

package/dist/components/List/List.module.css.esm.js

@@ -1,7 +1,7 @@
 import styleInject from '../../node_modules_dist/style-inject/dist/style-inject.es.esm.js';
 
-var css_248z = "/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n@layer tokens, base, components, utilities;\n\n@layer components {\n  .List_bui-List__5636630214 {\n    box-sizing: border-box;\n    outline: none;\n    display: flex;\n    flex-direction: column;\n\n    gap: var(--bui-space-3);\n\n    &:has([data-selection-mode]) {\n      gap: 0;\n    }\n\n    &[data-focus-visible] {\n      outline: none;\n    }\n  }\n\n  .List_bui-ListRow__5636630214 {\n    box-sizing: border-box;\n    display: flex;\n    align-items: center;\n    gap: var(--bui-space-3);\n    border-radius: var(--bui-radius-2);\n    font-size: var(--bui-font-size-3);\n    font-family: var(--bui-font-regular);\n    color: var(--bui-fg-primary);\n    outline: none;\n\n    &[data-disabled] {\n      cursor: not-allowed;\n      color: var(--bui-fg-disabled);\n    }\n\n    &[data-focus-visible] {\n      outline: 2px solid var(--bui-ring);\n    }\n\n    &[data-selection-mode] {\n      cursor: pointer;\n      padding-block: var(--bui-space-2);\n      padding-inline: var(--bui-space-2);\n\n      &[data-selected] {\n        &:has(+ [data-selected]) {\n          border-end-start-radius: 0;\n          border-end-end-radius: 0;\n        }\n\n        + [data-selected] {\n          border-start-start-radius: 0;\n          border-start-end-radius: 0;\n        }\n      }\n\n      &[data-hovered],\n      &[data-focus-visible] {\n        background-color: var(--bui-bg-neutral-1-hover);\n      }\n\n      &[data-pressed],\n      &[data-selected],\n      &[data-selected][data-hovered],\n      &[data-selected][data-focus-visible],\n      &[data-selected][data-pressed] {\n        background-color: var(--bui-bg-neutral-1-pressed);\n      }\n\n      &[data-on-bg='neutral-1'] {\n        &[data-hovered],\n        &[data-focus-visible] {\n          background-color: var(--bui-bg-neutral-2-hover);\n        }\n\n        &[data-pressed],\n        &[data-selected],\n        &[data-selected][data-hovered],\n        &[data-selected][data-focus-visible],\n        &[data-selected][data-pressed] {\n          background-color: var(--bui-bg-neutral-2-pressed);\n        }\n      }\n\n      &[data-on-bg='neutral-2'] {\n        &[data-hovered],\n        &[data-focus-visible] {\n          background-color: var(--bui-bg-neutral-3-hover);\n        }\n\n        &[data-pressed],\n        &[data-selected],\n        &[data-selected][data-hovered],\n        &[data-selected][data-focus-visible],\n        &[data-selected][data-pressed] {\n          background-color: var(--bui-bg-neutral-3-pressed);\n        }\n      }\n\n      &[data-on-bg='neutral-3'],\n      &[data-on-bg='neutral-4'] {\n        &[data-hovered],\n        &[data-focus-visible] {\n          background-color: var(--bui-bg-neutral-4-hover);\n        }\n\n        &[data-pressed],\n        &[data-selected],\n        &[data-selected][data-hovered],\n        &[data-selected][data-focus-visible],\n        &[data-selected][data-pressed] {\n          background-color: var(--bui-bg-neutral-4-pressed);\n        }\n      }\n    }\n  }\n\n  .List_bui-ListRowCheck__5636630214 {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    width: 1rem;\n    height: 1rem;\n\n    & svg {\n      width: 1rem;\n      height: 1rem;\n    }\n  }\n\n  .List_bui-ListRowIcon__5636630214 {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    width: 2rem;\n    height: 2rem;\n    color: var(--bui-fg-secondary);\n    border-radius: var(--bui-radius-2);\n\n    & svg {\n      width: 1rem;\n      height: 1rem;\n    }\n  }\n\n  .List_bui-ListRowLabel__5636630214 {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    gap: var(--bui-space-1);\n    min-width: 0;\n    overflow: hidden;\n\n    & > * {\n      overflow: hidden;\n      white-space: nowrap;\n      text-overflow: ellipsis;\n    }\n  }\n\n  .List_bui-ListRowDescription__5636630214 {\n    font-size: var(--bui-font-size-2);\n    color: var(--bui-fg-secondary);\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n\n  .List_bui-ListRowActions__5636630214 {\n    display: flex;\n    align-items: center;\n    gap: var(--bui-space-1);\n    flex-shrink: 0;\n    margin-left: auto;\n  }\n}\n";
-var styles = {"bui-List":"List_bui-List__5636630214","bui-ListRow":"List_bui-ListRow__5636630214","bui-ListRowCheck":"List_bui-ListRowCheck__5636630214","bui-ListRowIcon":"List_bui-ListRowIcon__5636630214","bui-ListRowLabel":"List_bui-ListRowLabel__5636630214","bui-ListRowDescription":"List_bui-ListRowDescription__5636630214","bui-ListRowActions":"List_bui-ListRowActions__5636630214"};
+var css_248z = "/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n@layer tokens, base, components, utilities;\n\n@layer components {\n  .List_bui-List__d81bf3f80c {\n    box-sizing: border-box;\n    outline: none;\n    display: flex;\n    flex-direction: column;\n\n    gap: var(--bui-space-3);\n\n    &:has([data-selection-mode]) {\n      gap: 0;\n    }\n\n    &[data-focus-visible] {\n      outline: none;\n    }\n  }\n\n  .List_bui-ListRow__d81bf3f80c {\n    box-sizing: border-box;\n    display: flex;\n    align-items: center;\n    gap: var(--bui-space-3);\n    border-radius: var(--bui-radius-2);\n    font-size: var(--bui-font-size-3);\n    font-family: var(--bui-font-regular);\n    line-height: 1.15;\n    color: var(--bui-fg-primary);\n    outline: none;\n\n    &[data-disabled] {\n      cursor: not-allowed;\n      color: var(--bui-fg-disabled);\n    }\n\n    &[data-focus-visible] {\n      outline: 2px solid var(--bui-ring);\n    }\n\n    &[data-selection-mode] {\n      cursor: pointer;\n      padding-block: var(--bui-space-2);\n      padding-inline: var(--bui-space-2);\n\n      &[data-selected] {\n        &:has(+ [data-selected]) {\n          border-end-start-radius: 0;\n          border-end-end-radius: 0;\n        }\n\n        + [data-selected] {\n          border-start-start-radius: 0;\n          border-start-end-radius: 0;\n        }\n      }\n\n      &[data-hovered],\n      &[data-focus-visible] {\n        background-color: var(--bui-bg-neutral-1-hover);\n      }\n\n      &[data-pressed],\n      &[data-selected],\n      &[data-selected][data-hovered],\n      &[data-selected][data-focus-visible],\n      &[data-selected][data-pressed] {\n        background-color: var(--bui-bg-neutral-1-pressed);\n      }\n\n      &[data-on-bg='neutral-1'] {\n        &[data-hovered],\n        &[data-focus-visible] {\n          background-color: var(--bui-bg-neutral-2-hover);\n        }\n\n        &[data-pressed],\n        &[data-selected],\n        &[data-selected][data-hovered],\n        &[data-selected][data-focus-visible],\n        &[data-selected][data-pressed] {\n          background-color: var(--bui-bg-neutral-2-pressed);\n        }\n      }\n\n      &[data-on-bg='neutral-2'] {\n        &[data-hovered],\n        &[data-focus-visible] {\n          background-color: var(--bui-bg-neutral-3-hover);\n        }\n\n        &[data-pressed],\n        &[data-selected],\n        &[data-selected][data-hovered],\n        &[data-selected][data-focus-visible],\n        &[data-selected][data-pressed] {\n          background-color: var(--bui-bg-neutral-3-pressed);\n        }\n      }\n\n      &[data-on-bg='neutral-3'],\n      &[data-on-bg='neutral-4'] {\n        &[data-hovered],\n        &[data-focus-visible] {\n          background-color: var(--bui-bg-neutral-4-hover);\n        }\n\n        &[data-pressed],\n        &[data-selected],\n        &[data-selected][data-hovered],\n        &[data-selected][data-focus-visible],\n        &[data-selected][data-pressed] {\n          background-color: var(--bui-bg-neutral-4-pressed);\n        }\n      }\n    }\n  }\n\n  .List_bui-ListRowCheck__d81bf3f80c {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    width: 1rem;\n    height: 1rem;\n\n    & svg {\n      width: 1rem;\n      height: 1rem;\n    }\n  }\n\n  .List_bui-ListRowIcon__d81bf3f80c {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    width: 2rem;\n    height: 2rem;\n    color: var(--bui-fg-secondary);\n    border-radius: var(--bui-radius-2);\n\n    & svg {\n      width: 1rem;\n      height: 1rem;\n    }\n  }\n\n  .List_bui-ListRowLabel__d81bf3f80c {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    gap: var(--bui-space-1);\n    min-width: 0;\n    overflow: hidden;\n\n    & > * {\n      overflow: hidden;\n      white-space: nowrap;\n      text-overflow: ellipsis;\n    }\n  }\n\n  .List_bui-ListRowDescription__d81bf3f80c {\n    font-size: var(--bui-font-size-2);\n    color: var(--bui-fg-secondary);\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n\n  .List_bui-ListRowActions__d81bf3f80c {\n    display: flex;\n    align-items: center;\n    gap: var(--bui-space-1);\n    flex-shrink: 0;\n    margin-left: auto;\n  }\n}\n";
+var styles = {"bui-List":"List_bui-List__d81bf3f80c","bui-ListRow":"List_bui-ListRow__d81bf3f80c","bui-ListRowCheck":"List_bui-ListRowCheck__d81bf3f80c","bui-ListRowIcon":"List_bui-ListRowIcon__d81bf3f80c","bui-ListRowLabel":"List_bui-ListRowLabel__d81bf3f80c","bui-ListRowDescription":"List_bui-ListRowDescription__d81bf3f80c","bui-ListRowActions":"List_bui-ListRowActions__d81bf3f80c"};
 styleInject(css_248z);
 
 export { styles as default };

package/dist/components/List/definition.esm.js

@@ -3,8 +3,10 @@ import 'clsx';
 import '../../hooks/useBreakpoint.esm.js';
 import '../../hooks/useBg.esm.js';
 import '../../hooks/useDefinition/helpers.esm.js';
-import '../../analytics/useAnalytics.esm.js';
+import 'react';
+import '../../provider/BUIContext.esm.js';
 import 'react-router-dom';
+import '@backstage/version-bridge';
 import { defineComponent } from '../../hooks/useDefinition/defineComponent.esm.js';
 import styles from './List.module.css.esm.js';
 

package/dist/components/List/definition.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"definition.esm.js","sources":["../../../src/components/List/definition.ts"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { defineComponent } from '../../hooks/useDefinition';\nimport type { ListOwnProps, ListRowOwnProps } from './types';\nimport styles from './List.module.css';\n\n/**\n * Component definition for List\n * @public\n */\nexport const ListDefinition = defineComponent<ListOwnProps>()({\n  styles,\n  classNames: {\n    root: 'bui-List',\n  },\n  propDefs: {\n    items: {},\n    children: {},\n    renderEmptyState: {},\n    className: {},\n  },\n});\n\n/**\n * Component definition for ListRow\n * @public\n */\nexport const ListRowDefinition = defineComponent<ListRowOwnProps>()({\n  styles,\n  bg: 'consumer',\n  classNames: {\n    root: 'bui-ListRow',\n    check: 'bui-ListRowCheck',\n    icon: 'bui-ListRowIcon',\n    label: 'bui-ListRowLabel',\n    description: 'bui-ListRowDescription',\n    actions: 'bui-ListRowActions',\n  },\n  propDefs: {\n    children: {},\n    description: {},\n    icon: {},\n    menuItems: {},\n    customActions: {},\n    className: {},\n  },\n});\n"],"names":[],"mappings":";;;;;;;;;;AAwBO,MAAM,cAAA,GAAiB,iBAA8B,CAAE;AAAA,EAC5D,MAAA;AAAA,EACA,UAAA,EAAY;AAAA,IACV,IAAA,EAAM;AAAA,GACR;AAAA,EACA,QAAA,EAAU;AAAA,IACR,OAAO,EAAC;AAAA,IACR,UAAU,EAAC;AAAA,IACX,kBAAkB,EAAC;AAAA,IACnB,WAAW;AAAC;AAEhB,CAAC;AAMM,MAAM,iBAAA,GAAoB,iBAAiC,CAAE;AAAA,EAClE,MAAA;AAAA,EACA,EAAA,EAAI,UAAA;AAAA,EACJ,UAAA,EAAY;AAAA,IACV,IAAA,EAAM,aAAA;AAAA,IACN,KAAA,EAAO,kBAAA;AAAA,IACP,IAAA,EAAM,iBAAA;AAAA,IACN,KAAA,EAAO,kBAAA;AAAA,IACP,WAAA,EAAa,wBAAA;AAAA,IACb,OAAA,EAAS;AAAA,GACX;AAAA,EACA,QAAA,EAAU;AAAA,IACR,UAAU,EAAC;AAAA,IACX,aAAa,EAAC;AAAA,IACd,MAAM,EAAC;AAAA,IACP,WAAW,EAAC;AAAA,IACZ,eAAe,EAAC;AAAA,IAChB,WAAW;AAAC;AAEhB,CAAC;;;;"}
+{"version":3,"file":"definition.esm.js","sources":["../../../src/components/List/definition.ts"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { defineComponent } from '../../hooks/useDefinition';\nimport type { ListOwnProps, ListRowOwnProps } from './types';\nimport styles from './List.module.css';\n\n/**\n * Component definition for List\n * @public\n */\nexport const ListDefinition = defineComponent<ListOwnProps>()({\n  styles,\n  classNames: {\n    root: 'bui-List',\n  },\n  propDefs: {\n    items: {},\n    children: {},\n    renderEmptyState: {},\n    className: {},\n  },\n});\n\n/**\n * Component definition for ListRow\n * @public\n */\nexport const ListRowDefinition = defineComponent<ListRowOwnProps>()({\n  styles,\n  bg: 'consumer',\n  classNames: {\n    root: 'bui-ListRow',\n    check: 'bui-ListRowCheck',\n    icon: 'bui-ListRowIcon',\n    label: 'bui-ListRowLabel',\n    description: 'bui-ListRowDescription',\n    actions: 'bui-ListRowActions',\n  },\n  propDefs: {\n    children: {},\n    description: {},\n    icon: {},\n    menuItems: {},\n    customActions: {},\n    className: {},\n  },\n});\n"],"names":[],"mappings":";;;;;;;;;;;;AAwBO,MAAM,cAAA,GAAiB,iBAA8B,CAAE;AAAA,EAC5D,MAAA;AAAA,EACA,UAAA,EAAY;AAAA,IACV,IAAA,EAAM;AAAA,GACR;AAAA,EACA,QAAA,EAAU;AAAA,IACR,OAAO,EAAC;AAAA,IACR,UAAU,EAAC;AAAA,IACX,kBAAkB,EAAC;AAAA,IACnB,WAAW;AAAC;AAEhB,CAAC;AAMM,MAAM,iBAAA,GAAoB,iBAAiC,CAAE;AAAA,EAClE,MAAA;AAAA,EACA,EAAA,EAAI,UAAA;AAAA,EACJ,UAAA,EAAY;AAAA,IACV,IAAA,EAAM,aAAA;AAAA,IACN,KAAA,EAAO,kBAAA;AAAA,IACP,IAAA,EAAM,iBAAA;AAAA,IACN,KAAA,EAAO,kBAAA;AAAA,IACP,WAAA,EAAa,wBAAA;AAAA,IACb,OAAA,EAAS;AAAA,GACX;AAAA,EACA,QAAA,EAAU;AAAA,IACR,UAAU,EAAC;AAAA,IACX,aAAa,EAAC;AAAA,IACd,MAAM,EAAC;AAAA,IACP,WAAW,EAAC;AAAA,IACZ,eAAe,EAAC;AAAA,IAChB,WAAW;AAAC;AAEhB,CAAC;;;;"}

package/dist/components/Menu/Menu.esm.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { Menu as Menu$1, Popover, Virtualizer, ListLayout, useFilter, Autocomplete, SearchField, Input, Button, ListBox, MenuItem as MenuItem$1, ListBoxItem, MenuSection as MenuSection$1, Header, Separator, MenuTrigger as MenuTrigger$1, SubmenuTrigger as SubmenuTrigger$1 } from 'react-aria-components';
+import { Menu as Menu$1, Popover, Virtualizer, ListLayout, useFilter, Autocomplete, SearchField, Input, Button, ListBox, MenuSection as MenuSection$1, Header, Separator, MenuTrigger as MenuTrigger$1, SubmenuTrigger as SubmenuTrigger$1, MenuItem as MenuItem$1, ListBoxItem } from 'react-aria-components';
 import { useDefinition } from '../../hooks/useDefinition/useDefinition.esm.js';
 import { MenuDefinition, MenuAutocompleteDefinition, MenuAutocompleteListboxDefinition, MenuItemDefinition, MenuListBoxDefinition, MenuListBoxItemDefinition, MenuSectionDefinition, MenuSeparatorDefinition, MenuEmptyStateDefinition } from './definition.esm.js';
 import { RiCloseCircleLine, RiArrowRightSLine, RiCheckLine } from '@remixicon/react';
@@ -8,6 +8,7 @@ import { getNodeText } from '../../analytics/getNodeText.esm.js';
 import { Box } from '../Box/Box.esm.js';
 import '../Box/Box.module.css.esm.js';
 import { BgReset } from '../../hooks/useBg.esm.js';
+import { getReactAriaAnchorProps } from '../../navigation/useNavigation.esm.js';
 
 const rowHeight = 32;
 const MenuEmptyState = () => {
@@ -188,23 +189,27 @@ const MenuAutocompleteListbox = (props) => {
     ) : listBoxContent
   ] }) }) }) });
 };
-const MenuItem = (props) => {
-  const { ownProps, restProps, dataAttributes, analytics } = useDefinition(
-    MenuItemDefinition,
-    props
-  );
-  const { classes, iconStart, children, href } = ownProps;
+const MenuItemView = ({ definitionResult, navigation }) => {
+  const { ownProps, restProps, dataAttributes, analytics } = definitionResult;
+  const { classes, iconStart, children } = ownProps;
+  const { href } = ownProps;
   const isExternal = href && !isInternalLink(href);
+  const target = restProps.target ?? (isExternal ? "_blank" : void 0);
+  const rel = restProps.rel ?? (isExternal ? "noopener noreferrer" : void 0);
+  const navigationProps = getReactAriaAnchorProps(navigation, {
+    href,
+    routerOptions: restProps.routerOptions
+  });
   return /* @__PURE__ */ jsxs(
     MenuItem$1,
     {
       className: classes.root,
       ...dataAttributes,
-      href,
-      target: isExternal ? "_blank" : void 0,
-      rel: isExternal ? "noopener noreferrer" : void 0,
       textValue: typeof children === "string" ? children : void 0,
       ...restProps,
+      ...navigationProps,
+      target,
+      rel,
       onAction: () => {
         restProps.onAction?.();
         if (href) {
@@ -224,18 +229,35 @@ const MenuItem = (props) => {
     }
   );
 };
-const MenuListBoxItem = (props) => {
-  const { ownProps, restProps } = useDefinition(
-    MenuListBoxItemDefinition,
-    props
+const MenuItem = (props) => {
+  const definitionResult = useDefinition(MenuItemDefinition, props);
+  const Navigation = definitionResult.navigation;
+  return /* @__PURE__ */ jsx(
+    Navigation,
+    {
+      props: {
+        ...definitionResult.restProps,
+        href: definitionResult.ownProps.href
+      },
+      view: MenuItemView,
+      viewProps: { definitionResult }
+    }
   );
+};
+const MenuListBoxItemView = ({
+  definitionResult,
+  navigation
+}) => {
+  const { ownProps, restProps } = definitionResult;
   const { classes, children } = ownProps;
+  const navigationProps = getReactAriaAnchorProps(navigation, restProps);
   return /* @__PURE__ */ jsx(
     ListBoxItem,
     {
       textValue: typeof children === "string" ? children : void 0,
       className: classes.root,
       ...restProps,
+      ...navigationProps,
       children: /* @__PURE__ */ jsxs("div", { className: classes.itemContent, children: [
         /* @__PURE__ */ jsx("div", { className: classes.check, children: /* @__PURE__ */ jsx(RiCheckLine, {}) }),
         children
@@ -243,6 +265,18 @@ const MenuListBoxItem = (props) => {
     }
   );
 };
+const MenuListBoxItem = (props) => {
+  const definitionResult = useDefinition(MenuListBoxItemDefinition, props);
+  const Navigation = definitionResult.navigation;
+  return /* @__PURE__ */ jsx(
+    Navigation,
+    {
+      props: definitionResult.restProps,
+      view: MenuListBoxItemView,
+      viewProps: { definitionResult }
+    }
+  );
+};
 const MenuSection = (props) => {
   const { ownProps, restProps } = useDefinition(MenuSectionDefinition, props);
   const { classes, children, title } = ownProps;

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

@@ -1 +1 @@
-{"version":3,"file":"Menu.esm.js","sources":["../../../src/components/Menu/Menu.tsx"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport {\n  MenuTrigger as RAMenuTrigger,\n  Popover as RAPopover,\n  MenuItem as RAMenuItem,\n  Menu as RAMenu,\n  MenuSection as RAMenuSection,\n  Header as RAMenuHeader,\n  Separator as RAMenuSeparator,\n  SubmenuTrigger as RAMenuSubmenuTrigger,\n  Autocomplete as RAAutocomplete,\n  SearchField as RASearchField,\n  Input as RAInput,\n  Button as RAButton,\n  ListBox as RAListBox,\n  ListBoxItem as RAListBoxItem,\n  useFilter,\n  Virtualizer,\n  ListLayout,\n} from 'react-aria-components';\nimport { useDefinition } from '../../hooks/useDefinition';\nimport {\n  MenuDefinition,\n  MenuListBoxDefinition,\n  MenuAutocompleteDefinition,\n  MenuAutocompleteListboxDefinition,\n  MenuItemDefinition,\n  MenuListBoxItemDefinition,\n  MenuSectionDefinition,\n  MenuSeparatorDefinition,\n  MenuEmptyStateDefinition,\n} from './definition';\nimport type {\n  MenuTriggerProps,\n  SubmenuTriggerProps,\n  MenuProps,\n  MenuAutocompleteProps,\n  MenuItemProps,\n  MenuSectionProps,\n  MenuSeparatorProps,\n  MenuListBoxProps,\n  MenuListBoxItemProps,\n  MenuAutocompleteListBoxProps,\n} from './types';\nimport {\n  RiArrowRightSLine,\n  RiCheckLine,\n  RiCloseCircleLine,\n} from '@remixicon/react';\nimport { isInternalLink } from '../../utils/linkUtils';\nimport { getNodeText } from '../../analytics/getNodeText';\nimport { Box } from '../Box';\nimport { BgReset } from '../../hooks/useBg';\n\n// The height will be used for virtualized menus. It should match the size set in CSS for each menu item.\nconst rowHeight = 32;\n\nconst MenuEmptyState = () => {\n  const { ownProps } = useDefinition(MenuEmptyStateDefinition, {});\n\n  return <div className={ownProps.classes.root}>No results found.</div>;\n};\n\n/**\n * A wrapper that connects a trigger element to a dropdown menu, controlling its open and close state.\n *\n * @public\n */\nexport const MenuTrigger = (props: MenuTriggerProps) => {\n  return <RAMenuTrigger {...props} />;\n};\n\n/** @public */\nexport const SubmenuTrigger = (props: SubmenuTriggerProps) => {\n  return <RAMenuSubmenuTrigger {...props} />;\n};\n\n/** @public */\nexport const Menu = (props: MenuProps<object>) => {\n  const { ownProps, restProps } = useDefinition(MenuDefinition, props);\n  const { classes, placement, virtualized, maxWidth, maxHeight, style } =\n    ownProps;\n\n  let newMaxWidth = maxWidth || (virtualized ? '260px' : 'undefined');\n\n  const menuContent = (\n    <RAMenu\n      className={classes.content}\n      renderEmptyState={() => <MenuEmptyState />}\n      style={{ width: newMaxWidth, maxHeight, ...style }}\n      {...restProps}\n    />\n  );\n\n  return (\n    <RAPopover className={classes.root} placement={placement}>\n      <BgReset>\n        <Box bg=\"neutral\" className={classes.inner}>\n          {virtualized ? (\n            <Virtualizer\n              layout={ListLayout}\n              layoutOptions={{\n                rowHeight,\n              }}\n            >\n              {menuContent}\n            </Virtualizer>\n          ) : (\n            menuContent\n          )}\n        </Box>\n      </BgReset>\n    </RAPopover>\n  );\n};\n\n/** @public */\nexport const MenuListBox = (props: MenuListBoxProps<object>) => {\n  const { ownProps, restProps } = useDefinition(MenuListBoxDefinition, props);\n  const {\n    classes,\n    selectionMode,\n    placement,\n    virtualized,\n    maxWidth,\n    maxHeight,\n    style,\n  } = ownProps;\n  let newMaxWidth = maxWidth || (virtualized ? '260px' : 'undefined');\n\n  const listBoxContent = (\n    <RAListBox\n      className={classes.content}\n      selectionMode={selectionMode}\n      style={{ width: newMaxWidth, maxHeight, ...style }}\n      {...restProps}\n    />\n  );\n\n  return (\n    <RAPopover className={classes.root} placement={placement}>\n      <BgReset>\n        <Box bg=\"neutral\" className={classes.inner}>\n          {virtualized ? (\n            <Virtualizer\n              layout={ListLayout}\n              layoutOptions={{\n                rowHeight,\n              }}\n            >\n              {listBoxContent}\n            </Virtualizer>\n          ) : (\n            listBoxContent\n          )}\n        </Box>\n      </BgReset>\n    </RAPopover>\n  );\n};\n\n/** @public */\nexport const MenuAutocomplete = (props: MenuAutocompleteProps<object>) => {\n  const { ownProps, restProps } = useDefinition(\n    MenuAutocompleteDefinition,\n    props,\n  );\n  const {\n    classes,\n    placement,\n    virtualized,\n    maxWidth,\n    maxHeight,\n    style,\n    placeholder,\n  } = ownProps;\n  const { contains } = useFilter({ sensitivity: 'base' });\n  let newMaxWidth = maxWidth || (virtualized ? '260px' : 'undefined');\n\n  const menuContent = (\n    <RAMenu\n      className={classes.content}\n      renderEmptyState={() => <MenuEmptyState />}\n      style={{ width: newMaxWidth, maxHeight, ...style }}\n      {...restProps}\n    />\n  );\n\n  return (\n    <RAPopover className={classes.root} placement={placement}>\n      <BgReset>\n        <Box bg=\"neutral\" className={classes.inner}>\n          <RAAutocomplete filter={contains}>\n            <RASearchField\n              className={classes.searchField}\n              aria-label={placeholder || 'Search'}\n            >\n              <RAInput\n                className={classes.searchFieldInput}\n                placeholder={placeholder || 'Search...'}\n              />\n              <RAButton className={classes.searchFieldClear}>\n                <RiCloseCircleLine />\n              </RAButton>\n            </RASearchField>\n            {virtualized ? (\n              <Virtualizer\n                layout={ListLayout}\n                layoutOptions={{\n                  rowHeight,\n                }}\n              >\n                {menuContent}\n              </Virtualizer>\n            ) : (\n              menuContent\n            )}\n          </RAAutocomplete>\n        </Box>\n      </BgReset>\n    </RAPopover>\n  );\n};\n\n/** @public */\nexport const MenuAutocompleteListbox = (\n  props: MenuAutocompleteListBoxProps<object>,\n) => {\n  const { ownProps, restProps } = useDefinition(\n    MenuAutocompleteListboxDefinition,\n    props,\n  );\n  const {\n    classes,\n    selectionMode,\n    placement,\n    virtualized,\n    maxWidth,\n    maxHeight,\n    style,\n    placeholder,\n  } = ownProps;\n  const { contains } = useFilter({ sensitivity: 'base' });\n  let newMaxWidth = maxWidth || (virtualized ? '260px' : 'undefined');\n\n  const listBoxContent = (\n    <RAListBox\n      className={classes.content}\n      renderEmptyState={() => <MenuEmptyState />}\n      selectionMode={selectionMode}\n      style={{ width: newMaxWidth, maxHeight, ...style }}\n      {...restProps}\n    />\n  );\n\n  return (\n    <RAPopover className={classes.root} placement={placement}>\n      <BgReset>\n        <Box bg=\"neutral\" className={classes.inner}>\n          <RAAutocomplete filter={contains}>\n            <RASearchField\n              className={classes.searchField}\n              aria-label={placeholder || 'Search'}\n            >\n              <RAInput\n                className={classes.searchFieldInput}\n                placeholder={placeholder || 'Search...'}\n              />\n              <RAButton className={classes.searchFieldClear}>\n                <RiCloseCircleLine />\n              </RAButton>\n            </RASearchField>\n            {virtualized ? (\n              <Virtualizer\n                layout={ListLayout}\n                layoutOptions={{\n                  rowHeight,\n                }}\n              >\n                {listBoxContent}\n              </Virtualizer>\n            ) : (\n              listBoxContent\n            )}\n          </RAAutocomplete>\n        </Box>\n      </BgReset>\n    </RAPopover>\n  );\n};\n\n/** @public */\nexport const MenuItem = (props: MenuItemProps) => {\n  const { ownProps, restProps, dataAttributes, analytics } = useDefinition(\n    MenuItemDefinition,\n    props,\n  );\n  const { classes, iconStart, children, href } = ownProps;\n\n  const isExternal = href && !isInternalLink(href);\n\n  return (\n    <RAMenuItem\n      className={classes.root}\n      {...dataAttributes}\n      href={href}\n      target={isExternal ? '_blank' : undefined}\n      rel={isExternal ? 'noopener noreferrer' : undefined}\n      textValue={typeof children === 'string' ? children : undefined}\n      {...restProps}\n      onAction={() => {\n        restProps.onAction?.();\n        if (href) {\n          const text =\n            restProps['aria-label'] ?? getNodeText(children) ?? String(href);\n          analytics.captureEvent('click', text, {\n            attributes: { to: String(href) },\n          });\n        }\n      }}\n    >\n      <div className={classes.itemContent}>\n        {iconStart}\n        {children}\n      </div>\n      <div className={classes.itemArrow}>\n        <RiArrowRightSLine />\n      </div>\n    </RAMenuItem>\n  );\n};\n\n/** @public */\nexport const MenuListBoxItem = (props: MenuListBoxItemProps) => {\n  const { ownProps, restProps } = useDefinition(\n    MenuListBoxItemDefinition,\n    props,\n  );\n  const { classes, children } = ownProps;\n\n  return (\n    <RAListBoxItem\n      textValue={typeof children === 'string' ? children : undefined}\n      className={classes.root}\n      {...restProps}\n    >\n      <div className={classes.itemContent}>\n        <div className={classes.check}>\n          <RiCheckLine />\n        </div>\n        {children}\n      </div>\n    </RAListBoxItem>\n  );\n};\n\n/** @public */\nexport const MenuSection = (props: MenuSectionProps<object>) => {\n  const { ownProps, restProps } = useDefinition(MenuSectionDefinition, props);\n  const { classes, children, title } = ownProps;\n\n  return (\n    <RAMenuSection className={classes.root} {...restProps}>\n      <RAMenuHeader className={classes.header}>{title}</RAMenuHeader>\n      {children}\n    </RAMenuSection>\n  );\n};\n\n/** @public */\nexport const MenuSeparator = (props: MenuSeparatorProps) => {\n  const { ownProps, restProps } = useDefinition(MenuSeparatorDefinition, props);\n\n  return <RAMenuSeparator className={ownProps.classes.root} {...restProps} />;\n};\n"],"names":["RAMenuTrigger","RAMenuSubmenuTrigger","RAMenu","RAPopover","RAListBox","RAAutocomplete","RASearchField","RAInput","RAButton","RAMenuItem","RAListBoxItem","RAMenuSection","RAMenuHeader","RAMenuSeparator"],"mappings":"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"}
+{"version":3,"file":"Menu.esm.js","sources":["../../../src/components/Menu/Menu.tsx"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport {\n  MenuTrigger as RAMenuTrigger,\n  Popover as RAPopover,\n  MenuItem as RAMenuItem,\n  Menu as RAMenu,\n  MenuSection as RAMenuSection,\n  Header as RAMenuHeader,\n  Separator as RAMenuSeparator,\n  SubmenuTrigger as RAMenuSubmenuTrigger,\n  Autocomplete as RAAutocomplete,\n  SearchField as RASearchField,\n  Input as RAInput,\n  Button as RAButton,\n  ListBox as RAListBox,\n  ListBoxItem as RAListBoxItem,\n  useFilter,\n  Virtualizer,\n  ListLayout,\n} from 'react-aria-components';\nimport {\n  useDefinition,\n  type UseDefinitionResult,\n} from '../../hooks/useDefinition';\nimport {\n  MenuDefinition,\n  MenuListBoxDefinition,\n  MenuAutocompleteDefinition,\n  MenuAutocompleteListboxDefinition,\n  MenuItemDefinition,\n  MenuListBoxItemDefinition,\n  MenuSectionDefinition,\n  MenuSeparatorDefinition,\n  MenuEmptyStateDefinition,\n} from './definition';\nimport type {\n  MenuTriggerProps,\n  SubmenuTriggerProps,\n  MenuProps,\n  MenuAutocompleteProps,\n  MenuItemProps,\n  MenuSectionProps,\n  MenuSeparatorProps,\n  MenuListBoxProps,\n  MenuListBoxItemProps,\n  MenuAutocompleteListBoxProps,\n} from './types';\nimport {\n  RiArrowRightSLine,\n  RiCheckLine,\n  RiCloseCircleLine,\n} from '@remixicon/react';\nimport { isInternalLink } from '../../utils/linkUtils';\nimport { getNodeText } from '../../analytics/getNodeText';\nimport { Box } from '../Box';\nimport { BgReset } from '../../hooks/useBg';\nimport {\n  getReactAriaAnchorProps,\n  type AnchorNavigation,\n} from '../../navigation/useNavigation';\n\n// The height will be used for virtualized menus. It should match the size set in CSS for each menu item.\nconst rowHeight = 32;\n\nconst MenuEmptyState = () => {\n  const { ownProps } = useDefinition(MenuEmptyStateDefinition, {});\n\n  return <div className={ownProps.classes.root}>No results found.</div>;\n};\n\n/**\n * A wrapper that connects a trigger element to a dropdown menu, controlling its open and close state.\n *\n * @public\n */\nexport const MenuTrigger = (props: MenuTriggerProps) => {\n  return <RAMenuTrigger {...props} />;\n};\n\n/** @public */\nexport const SubmenuTrigger = (props: SubmenuTriggerProps) => {\n  return <RAMenuSubmenuTrigger {...props} />;\n};\n\n/** @public */\nexport const Menu = (props: MenuProps<object>) => {\n  const { ownProps, restProps } = useDefinition(MenuDefinition, props);\n  const { classes, placement, virtualized, maxWidth, maxHeight, style } =\n    ownProps;\n\n  let newMaxWidth = maxWidth || (virtualized ? '260px' : 'undefined');\n\n  const menuContent = (\n    <RAMenu\n      className={classes.content}\n      renderEmptyState={() => <MenuEmptyState />}\n      style={{ width: newMaxWidth, maxHeight, ...style }}\n      {...restProps}\n    />\n  );\n\n  return (\n    <RAPopover className={classes.root} placement={placement}>\n      <BgReset>\n        <Box bg=\"neutral\" className={classes.inner}>\n          {virtualized ? (\n            <Virtualizer\n              layout={ListLayout}\n              layoutOptions={{\n                rowHeight,\n              }}\n            >\n              {menuContent}\n            </Virtualizer>\n          ) : (\n            menuContent\n          )}\n        </Box>\n      </BgReset>\n    </RAPopover>\n  );\n};\n\n/** @public */\nexport const MenuListBox = (props: MenuListBoxProps<object>) => {\n  const { ownProps, restProps } = useDefinition(MenuListBoxDefinition, props);\n  const {\n    classes,\n    selectionMode,\n    placement,\n    virtualized,\n    maxWidth,\n    maxHeight,\n    style,\n  } = ownProps;\n  let newMaxWidth = maxWidth || (virtualized ? '260px' : 'undefined');\n\n  const listBoxContent = (\n    <RAListBox\n      className={classes.content}\n      selectionMode={selectionMode}\n      style={{ width: newMaxWidth, maxHeight, ...style }}\n      {...restProps}\n    />\n  );\n\n  return (\n    <RAPopover className={classes.root} placement={placement}>\n      <BgReset>\n        <Box bg=\"neutral\" className={classes.inner}>\n          {virtualized ? (\n            <Virtualizer\n              layout={ListLayout}\n              layoutOptions={{\n                rowHeight,\n              }}\n            >\n              {listBoxContent}\n            </Virtualizer>\n          ) : (\n            listBoxContent\n          )}\n        </Box>\n      </BgReset>\n    </RAPopover>\n  );\n};\n\n/** @public */\nexport const MenuAutocomplete = (props: MenuAutocompleteProps<object>) => {\n  const { ownProps, restProps } = useDefinition(\n    MenuAutocompleteDefinition,\n    props,\n  );\n  const {\n    classes,\n    placement,\n    virtualized,\n    maxWidth,\n    maxHeight,\n    style,\n    placeholder,\n  } = ownProps;\n  const { contains } = useFilter({ sensitivity: 'base' });\n  let newMaxWidth = maxWidth || (virtualized ? '260px' : 'undefined');\n\n  const menuContent = (\n    <RAMenu\n      className={classes.content}\n      renderEmptyState={() => <MenuEmptyState />}\n      style={{ width: newMaxWidth, maxHeight, ...style }}\n      {...restProps}\n    />\n  );\n\n  return (\n    <RAPopover className={classes.root} placement={placement}>\n      <BgReset>\n        <Box bg=\"neutral\" className={classes.inner}>\n          <RAAutocomplete filter={contains}>\n            <RASearchField\n              className={classes.searchField}\n              aria-label={placeholder || 'Search'}\n            >\n              <RAInput\n                className={classes.searchFieldInput}\n                placeholder={placeholder || 'Search...'}\n              />\n              <RAButton className={classes.searchFieldClear}>\n                <RiCloseCircleLine />\n              </RAButton>\n            </RASearchField>\n            {virtualized ? (\n              <Virtualizer\n                layout={ListLayout}\n                layoutOptions={{\n                  rowHeight,\n                }}\n              >\n                {menuContent}\n              </Virtualizer>\n            ) : (\n              menuContent\n            )}\n          </RAAutocomplete>\n        </Box>\n      </BgReset>\n    </RAPopover>\n  );\n};\n\n/** @public */\nexport const MenuAutocompleteListbox = (\n  props: MenuAutocompleteListBoxProps<object>,\n) => {\n  const { ownProps, restProps } = useDefinition(\n    MenuAutocompleteListboxDefinition,\n    props,\n  );\n  const {\n    classes,\n    selectionMode,\n    placement,\n    virtualized,\n    maxWidth,\n    maxHeight,\n    style,\n    placeholder,\n  } = ownProps;\n  const { contains } = useFilter({ sensitivity: 'base' });\n  let newMaxWidth = maxWidth || (virtualized ? '260px' : 'undefined');\n\n  const listBoxContent = (\n    <RAListBox\n      className={classes.content}\n      renderEmptyState={() => <MenuEmptyState />}\n      selectionMode={selectionMode}\n      style={{ width: newMaxWidth, maxHeight, ...style }}\n      {...restProps}\n    />\n  );\n\n  return (\n    <RAPopover className={classes.root} placement={placement}>\n      <BgReset>\n        <Box bg=\"neutral\" className={classes.inner}>\n          <RAAutocomplete filter={contains}>\n            <RASearchField\n              className={classes.searchField}\n              aria-label={placeholder || 'Search'}\n            >\n              <RAInput\n                className={classes.searchFieldInput}\n                placeholder={placeholder || 'Search...'}\n              />\n              <RAButton className={classes.searchFieldClear}>\n                <RiCloseCircleLine />\n              </RAButton>\n            </RASearchField>\n            {virtualized ? (\n              <Virtualizer\n                layout={ListLayout}\n                layoutOptions={{\n                  rowHeight,\n                }}\n              >\n                {listBoxContent}\n              </Virtualizer>\n            ) : (\n              listBoxContent\n            )}\n          </RAAutocomplete>\n        </Box>\n      </BgReset>\n    </RAPopover>\n  );\n};\n\ntype MenuItemViewProps = {\n  definitionResult: UseDefinitionResult<\n    typeof MenuItemDefinition,\n    MenuItemProps\n  >;\n  navigation: AnchorNavigation;\n};\n\nconst MenuItemView = ({ definitionResult, navigation }: MenuItemViewProps) => {\n  const { ownProps, restProps, dataAttributes, analytics } = definitionResult;\n  const { classes, iconStart, children } = ownProps;\n  const { href } = ownProps;\n\n  const isExternal = href && !isInternalLink(href);\n  const target = restProps.target ?? (isExternal ? '_blank' : undefined);\n  const rel = restProps.rel ?? (isExternal ? 'noopener noreferrer' : undefined);\n  const navigationProps = getReactAriaAnchorProps(navigation, {\n    href,\n    routerOptions: restProps.routerOptions,\n  });\n\n  return (\n    <RAMenuItem\n      className={classes.root}\n      {...dataAttributes}\n      textValue={typeof children === 'string' ? children : undefined}\n      {...restProps}\n      {...navigationProps}\n      target={target}\n      rel={rel}\n      onAction={() => {\n        restProps.onAction?.();\n        if (href) {\n          const text =\n            restProps['aria-label'] ?? getNodeText(children) ?? String(href);\n          analytics.captureEvent('click', text, {\n            attributes: { to: String(href) },\n          });\n        }\n      }}\n    >\n      <div className={classes.itemContent}>\n        {iconStart}\n        {children}\n      </div>\n      <div className={classes.itemArrow}>\n        <RiArrowRightSLine />\n      </div>\n    </RAMenuItem>\n  );\n};\n\n/** @public */\nexport const MenuItem = (props: MenuItemProps) => {\n  const definitionResult = useDefinition(MenuItemDefinition, props);\n  const Navigation = definitionResult.navigation;\n\n  return (\n    <Navigation\n      props={{\n        ...definitionResult.restProps,\n        href: definitionResult.ownProps.href,\n      }}\n      view={MenuItemView}\n      viewProps={{ definitionResult }}\n    />\n  );\n};\n\ntype MenuListBoxItemViewProps = {\n  definitionResult: UseDefinitionResult<\n    typeof MenuListBoxItemDefinition,\n    MenuListBoxItemProps\n  >;\n  navigation: AnchorNavigation;\n};\n\nconst MenuListBoxItemView = ({\n  definitionResult,\n  navigation,\n}: MenuListBoxItemViewProps) => {\n  const { ownProps, restProps } = definitionResult;\n  const { classes, children } = ownProps;\n  const navigationProps = getReactAriaAnchorProps(navigation, restProps);\n\n  return (\n    <RAListBoxItem\n      textValue={typeof children === 'string' ? children : undefined}\n      className={classes.root}\n      {...restProps}\n      {...navigationProps}\n    >\n      <div className={classes.itemContent}>\n        <div className={classes.check}>\n          <RiCheckLine />\n        </div>\n        {children}\n      </div>\n    </RAListBoxItem>\n  );\n};\n\n/** @public */\nexport const MenuListBoxItem = (props: MenuListBoxItemProps) => {\n  const definitionResult = useDefinition(MenuListBoxItemDefinition, props);\n  const Navigation = definitionResult.navigation;\n\n  return (\n    <Navigation\n      props={definitionResult.restProps}\n      view={MenuListBoxItemView}\n      viewProps={{ definitionResult }}\n    />\n  );\n};\n\n/** @public */\nexport const MenuSection = (props: MenuSectionProps<object>) => {\n  const { ownProps, restProps } = useDefinition(MenuSectionDefinition, props);\n  const { classes, children, title } = ownProps;\n\n  return (\n    <RAMenuSection className={classes.root} {...restProps}>\n      <RAMenuHeader className={classes.header}>{title}</RAMenuHeader>\n      {children}\n    </RAMenuSection>\n  );\n};\n\n/** @public */\nexport const MenuSeparator = (props: MenuSeparatorProps) => {\n  const { ownProps, restProps } = useDefinition(MenuSeparatorDefinition, props);\n\n  return <RAMenuSeparator className={ownProps.classes.root} {...restProps} />;\n};\n"],"names":["RAMenuTrigger","RAMenuSubmenuTrigger","RAMenu","RAPopover","RAListBox","RAAutocomplete","RASearchField","RAInput","RAButton","RAMenuItem","RAListBoxItem","RAMenuSection","RAMenuHeader","RAMenuSeparator"],"mappings":"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"}

package/dist/components/Menu/Menu.module.css.esm.js

@@ -1,7 +1,7 @@
 import styleInject from '../../node_modules_dist/style-inject/dist/style-inject.es.esm.js';
 
-var css_248z = "/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n@layer tokens, base, components, utilities;\n\n@layer components {\n  .Menu_bui-MenuPopover__1811272318 {\n    --menu-border-radius: var(--bui-radius-2);\n    display: flex;\n    flex-direction: column;\n    box-shadow: var(--bui-shadow);\n    border: 1px solid var(--bui-border-1);\n    border-radius: var(--menu-border-radius);\n    background: var(--bui-bg-app);\n    color: var(--bui-fg-primary);\n    outline: none;\n    transition: transform 200ms, opacity 200ms;\n    /* Let React Aria handle height constraints naturally */\n    min-height: 0;\n    /* Remove overflow from popover since ScrollArea will handle it */\n    overflow: hidden;\n\n    &[data-entering],\n    &[data-exiting] {\n      transform: var(--origin);\n      opacity: 0;\n    }\n\n    &[data-placement='top'] {\n      --origin: translateY(8px);\n    }\n\n    &[data-placement='bottom'] {\n      --origin: translateY(-8px);\n    }\n\n    &[data-placement='right'] {\n      --origin: translateX(-8px);\n    }\n\n    &[data-placement='left'] {\n      --origin: translateX(8px);\n    }\n  }\n\n  .Menu_bui-MenuInner__1811272318 {\n    border-radius: var(--menu-border-radius);\n    display: flex;\n    flex-direction: column;\n    min-height: 0;\n    overflow: hidden;\n  }\n\n  .Menu_bui-MenuContent__1811272318 {\n    max-height: inherit;\n    box-sizing: border-box;\n    overflow: auto;\n    min-width: 150px;\n    outline: none;\n    padding-block: var(--bui-space-1);\n  }\n\n  .Menu_bui-MenuItem__1811272318 {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    height: 2rem;\n    padding-inline: var(--bui-space-2);\n    border-radius: var(--bui-radius-2);\n    outline: none;\n    color: var(--bui-fg-primary);\n    font-size: var(--bui-font-size-3);\n    gap: var(--bui-space-6);\n    cursor: pointer;\n    margin-inline: var(--bui-space-1);\n\n    &[data-focus-visible] {\n      outline: 2px solid var(--bui-ring);\n      outline-offset: -2px;\n    }\n\n    &[data-focused] {\n      background: var(--bui-bg-neutral-2);\n      color: var(--bui-fg-primary);\n    }\n\n    &[data-open] {\n      background: var(--bui-bg-neutral-2);\n      color: var(--bui-fg-primary);\n    }\n\n    &[data-color='danger'] {\n      color: var(--bui-fg-danger);\n    }\n\n    &[data-color='danger'][data-focused] {\n      background: var(--bui-bg-danger);\n      color: var(--bui-fg-danger);\n    }\n\n    &[data-has-submenu] {\n      & > .Menu_bui-MenuItemArrow__1811272318 {\n        display: block;\n      }\n    }\n  }\n\n  .Menu_bui-MenuItemListBox__1811272318 {\n    display: flex;\n    align-items: center;\n    height: 2rem;\n    padding-inline: var(--bui-space-2);\n    border-radius: var(--bui-radius-2);\n    outline: none;\n    color: var(--bui-fg-primary);\n    font-size: var(--bui-font-size-3);\n    cursor: pointer;\n\n    &[data-focus-visible] {\n      outline: 2px solid var(--bui-ring);\n      outline-offset: -2px;\n    }\n\n    &[data-hovered],\n    &[data-focused] {\n      background: var(--bui-bg-neutral-2);\n      color: var(--bui-fg-primary);\n    }\n\n    &[data-selected] .Menu_bui-MenuItemListBoxCheck__1811272318 {\n      & > svg {\n        opacity: 1;\n        color: var(--bui-fg-primary);\n      }\n    }\n  }\n\n  .Menu_bui-MenuItemListBoxCheck__1811272318 {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 1rem;\n    height: 1rem;\n\n    & > svg {\n      opacity: 0;\n      width: 1rem;\n      height: 1rem;\n    }\n  }\n\n  .Menu_bui-MenuItemContent__1811272318 {\n    display: flex;\n    align-items: center;\n    gap: var(--bui-space-2);\n\n    & > svg {\n      width: 1rem;\n      height: 1rem;\n    }\n  }\n\n  .Menu_bui-MenuItemArrow__1811272318 {\n    display: none;\n    width: 1rem;\n    height: 1rem;\n\n    & > svg {\n      width: 1rem;\n      height: 1rem;\n    }\n  }\n\n  .Menu_bui-MenuSection__1811272318 {\n    &:first-child .Menu_bui-MenuSectionHeader__1811272318 {\n      padding-top: 0;\n    }\n  }\n\n  .Menu_bui-MenuSectionHeader__1811272318 {\n    height: 2rem;\n    display: flex;\n    align-items: center;\n    padding-top: var(--bui-space-3);\n    padding-left: var(--bui-space-3);\n    color: var(--bui-fg-primary);\n    font-size: var(--bui-font-size-1);\n    font-weight: bold;\n    letter-spacing: 0.05rem;\n    text-transform: uppercase;\n  }\n\n  .Menu_bui-MenuSeparator__1811272318 {\n    height: 1px;\n    background: var(--bui-border-1);\n    margin-inline: var(--bui-space-1_5);\n    margin-block: var(--bui-space-1);\n  }\n\n  .Menu_bui-MenuSearchField__1811272318 {\n    font-family: var(--bui-font-regular);\n    width: 100%;\n    flex-shrink: 0;\n    display: flex;\n    align-items: center;\n    border-bottom: 1px solid var(--bui-border-1);\n    background-color: var(--bui-bg-neutral-1);\n    height: 2rem;\n\n    &[data-empty] {\n      .Menu_bui-MenuSearchFieldClear__1811272318 {\n        visibility: hidden;\n      }\n    }\n  }\n\n  .Menu_bui-MenuSearchFieldInput__1811272318 {\n    flex: 1;\n    display: flex;\n    align-items: center;\n    padding: 0;\n    border: none;\n    background-color: transparent;\n    font-size: var(--bui-font-size-3);\n    font-family: var(--bui-font-regular);\n    font-weight: var(--bui-font-weight-regular);\n    color: var(--bui-fg-primary);\n    width: 100%;\n    height: 100%;\n    outline: none;\n    cursor: inherit;\n\n    &::-webkit-search-cancel-button,\n    &::-webkit-search-decoration {\n      -webkit-appearance: none;\n    }\n\n    &::placeholder {\n      color: var(--bui-fg-secondary);\n    }\n\n    &:first-child {\n      padding-inline: var(--bui-space-3) 0;\n    }\n  }\n\n  .Menu_bui-MenuSearchFieldClear__1811272318 {\n    flex: 0 0 auto;\n    display: grid;\n    place-content: center;\n    background-color: transparent;\n    border: none;\n    padding: 0;\n    margin: 0;\n    cursor: pointer;\n    color: var(--bui-fg-secondary);\n    transition: color 0.2s ease-in-out;\n    width: 2rem;\n    height: 2rem;\n\n    &:hover {\n      color: var(--bui-fg-primary);\n    }\n\n    & > svg {\n      width: 1rem;\n      height: 1rem;\n    }\n  }\n\n  .Menu_bui-MenuEmptyState__1811272318 {\n    padding-inline: var(--bui-space-3);\n    padding-block: var(--bui-space-2);\n    color: var(--bui-fg-secondary);\n    font-size: var(--bui-font-size-3);\n    font-family: var(--bui-font-regular);\n    font-weight: var(--bui-font-weight-regular);\n  }\n}\n";
-var styles = {"bui-MenuPopover":"Menu_bui-MenuPopover__1811272318","bui-MenuInner":"Menu_bui-MenuInner__1811272318","bui-MenuContent":"Menu_bui-MenuContent__1811272318","bui-MenuItem":"Menu_bui-MenuItem__1811272318","bui-MenuItemArrow":"Menu_bui-MenuItemArrow__1811272318","bui-MenuItemListBox":"Menu_bui-MenuItemListBox__1811272318","bui-MenuItemListBoxCheck":"Menu_bui-MenuItemListBoxCheck__1811272318","bui-MenuItemContent":"Menu_bui-MenuItemContent__1811272318","bui-MenuSection":"Menu_bui-MenuSection__1811272318","bui-MenuSectionHeader":"Menu_bui-MenuSectionHeader__1811272318","bui-MenuSeparator":"Menu_bui-MenuSeparator__1811272318","bui-MenuSearchField":"Menu_bui-MenuSearchField__1811272318","bui-MenuSearchFieldClear":"Menu_bui-MenuSearchFieldClear__1811272318","bui-MenuSearchFieldInput":"Menu_bui-MenuSearchFieldInput__1811272318","bui-MenuEmptyState":"Menu_bui-MenuEmptyState__1811272318"};
+var css_248z = "/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n@layer tokens, base, components, utilities;\n\n@layer components {\n  .Menu_bui-MenuPopover__1069404df8 {\n    --menu-border-radius: var(--bui-radius-2);\n    display: flex;\n    flex-direction: column;\n    box-shadow: var(--bui-shadow);\n    border: 1px solid var(--bui-border-1);\n    border-radius: var(--menu-border-radius);\n    background: var(--bui-bg-app);\n    color: var(--bui-fg-primary);\n    outline: none;\n    transition: transform 200ms, opacity 200ms;\n    /* Let React Aria handle height constraints naturally */\n    min-height: 0;\n    /* Remove overflow from popover since ScrollArea will handle it */\n    overflow: hidden;\n\n    &[data-entering],\n    &[data-exiting] {\n      transform: var(--origin);\n      opacity: 0;\n    }\n\n    &[data-placement='top'] {\n      --origin: translateY(8px);\n    }\n\n    &[data-placement='bottom'] {\n      --origin: translateY(-8px);\n    }\n\n    &[data-placement='right'] {\n      --origin: translateX(-8px);\n    }\n\n    &[data-placement='left'] {\n      --origin: translateX(8px);\n    }\n  }\n\n  .Menu_bui-MenuInner__1069404df8 {\n    border-radius: var(--menu-border-radius);\n    display: flex;\n    flex-direction: column;\n    min-height: 0;\n    overflow: hidden;\n  }\n\n  .Menu_bui-MenuContent__1069404df8 {\n    max-height: inherit;\n    box-sizing: border-box;\n    overflow: auto;\n    min-width: 150px;\n    outline: none;\n    padding-block: var(--bui-space-1);\n  }\n\n  .Menu_bui-MenuItem__1069404df8 {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    height: 2rem;\n    padding-inline: var(--bui-space-2);\n    border-radius: var(--bui-radius-2);\n    outline: none;\n    color: var(--bui-fg-primary);\n    font-size: var(--bui-font-size-3);\n    line-height: 1.15;\n    gap: var(--bui-space-6);\n    cursor: pointer;\n    margin-inline: var(--bui-space-1);\n\n    &[data-focus-visible] {\n      outline: 2px solid var(--bui-ring);\n      outline-offset: -2px;\n    }\n\n    &[data-focused] {\n      background: var(--bui-bg-neutral-2);\n      color: var(--bui-fg-primary);\n    }\n\n    &[data-open] {\n      background: var(--bui-bg-neutral-2);\n      color: var(--bui-fg-primary);\n    }\n\n    &[data-color='danger'] {\n      color: var(--bui-fg-danger);\n    }\n\n    &[data-color='danger'][data-focused] {\n      background: var(--bui-bg-danger);\n      color: var(--bui-fg-danger);\n    }\n\n    &[data-has-submenu] {\n      & > .Menu_bui-MenuItemArrow__1069404df8 {\n        display: block;\n      }\n    }\n  }\n\n  .Menu_bui-MenuItemListBox__1069404df8 {\n    display: flex;\n    align-items: center;\n    height: 2rem;\n    padding-inline: var(--bui-space-2);\n    border-radius: var(--bui-radius-2);\n    outline: none;\n    color: var(--bui-fg-primary);\n    font-size: var(--bui-font-size-3);\n    line-height: 1.15;\n    cursor: pointer;\n\n    &[data-focus-visible] {\n      outline: 2px solid var(--bui-ring);\n      outline-offset: -2px;\n    }\n\n    &[data-hovered],\n    &[data-focused] {\n      background: var(--bui-bg-neutral-2);\n      color: var(--bui-fg-primary);\n    }\n\n    &[data-selected] .Menu_bui-MenuItemListBoxCheck__1069404df8 {\n      & > svg {\n        opacity: 1;\n        color: var(--bui-fg-primary);\n      }\n    }\n  }\n\n  .Menu_bui-MenuItemListBoxCheck__1069404df8 {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 1rem;\n    height: 1rem;\n\n    & > svg {\n      opacity: 0;\n      width: 1rem;\n      height: 1rem;\n    }\n  }\n\n  .Menu_bui-MenuItemContent__1069404df8 {\n    display: flex;\n    align-items: center;\n    gap: var(--bui-space-2);\n\n    & > svg {\n      width: 1rem;\n      height: 1rem;\n    }\n  }\n\n  .Menu_bui-MenuItemArrow__1069404df8 {\n    display: none;\n    width: 1rem;\n    height: 1rem;\n\n    & > svg {\n      width: 1rem;\n      height: 1rem;\n    }\n  }\n\n  .Menu_bui-MenuSection__1069404df8 {\n    &:first-child .Menu_bui-MenuSectionHeader__1069404df8 {\n      padding-top: 0;\n    }\n  }\n\n  .Menu_bui-MenuSectionHeader__1069404df8 {\n    height: 2rem;\n    display: flex;\n    align-items: center;\n    padding-top: var(--bui-space-3);\n    padding-left: var(--bui-space-3);\n    color: var(--bui-fg-primary);\n    font-size: var(--bui-font-size-1);\n    line-height: 1.15;\n    font-weight: bold;\n    letter-spacing: 0.05rem;\n    text-transform: uppercase;\n  }\n\n  .Menu_bui-MenuSeparator__1069404df8 {\n    height: 1px;\n    background: var(--bui-border-1);\n    margin-inline: var(--bui-space-1_5);\n    margin-block: var(--bui-space-1);\n  }\n\n  .Menu_bui-MenuSearchField__1069404df8 {\n    font-family: var(--bui-font-regular);\n    width: 100%;\n    flex-shrink: 0;\n    display: flex;\n    align-items: center;\n    border-bottom: 1px solid var(--bui-border-1);\n    background-color: var(--bui-bg-neutral-1);\n    height: 2rem;\n\n    &[data-empty] {\n      .Menu_bui-MenuSearchFieldClear__1069404df8 {\n        visibility: hidden;\n      }\n    }\n  }\n\n  .Menu_bui-MenuSearchFieldInput__1069404df8 {\n    flex: 1;\n    display: flex;\n    align-items: center;\n    padding: 0;\n    border: none;\n    background-color: transparent;\n    font-size: var(--bui-font-size-3);\n    font-family: var(--bui-font-regular);\n    font-weight: var(--bui-font-weight-regular);\n    line-height: 1.15;\n    color: var(--bui-fg-primary);\n    width: 100%;\n    height: 100%;\n    outline: none;\n    cursor: inherit;\n\n    &::-webkit-search-cancel-button,\n    &::-webkit-search-decoration {\n      -webkit-appearance: none;\n    }\n\n    &::placeholder {\n      color: var(--bui-fg-secondary);\n    }\n\n    &:first-child {\n      padding-inline: var(--bui-space-3) 0;\n    }\n  }\n\n  .Menu_bui-MenuSearchFieldClear__1069404df8 {\n    flex: 0 0 auto;\n    display: grid;\n    place-content: center;\n    background-color: transparent;\n    border: none;\n    padding: 0;\n    margin: 0;\n    cursor: pointer;\n    color: var(--bui-fg-secondary);\n    transition: color 0.2s ease-in-out;\n    width: 2rem;\n    height: 2rem;\n\n    &:hover {\n      color: var(--bui-fg-primary);\n    }\n\n    & > svg {\n      width: 1rem;\n      height: 1rem;\n    }\n  }\n\n  .Menu_bui-MenuEmptyState__1069404df8 {\n    padding-inline: var(--bui-space-3);\n    padding-block: var(--bui-space-2);\n    color: var(--bui-fg-secondary);\n    font-size: var(--bui-font-size-3);\n    font-family: var(--bui-font-regular);\n    font-weight: var(--bui-font-weight-regular);\n    line-height: 1.15;\n  }\n}\n";
+var styles = {"bui-MenuPopover":"Menu_bui-MenuPopover__1069404df8","bui-MenuInner":"Menu_bui-MenuInner__1069404df8","bui-MenuContent":"Menu_bui-MenuContent__1069404df8","bui-MenuItem":"Menu_bui-MenuItem__1069404df8","bui-MenuItemArrow":"Menu_bui-MenuItemArrow__1069404df8","bui-MenuItemListBox":"Menu_bui-MenuItemListBox__1069404df8","bui-MenuItemListBoxCheck":"Menu_bui-MenuItemListBoxCheck__1069404df8","bui-MenuItemContent":"Menu_bui-MenuItemContent__1069404df8","bui-MenuSection":"Menu_bui-MenuSection__1069404df8","bui-MenuSectionHeader":"Menu_bui-MenuSectionHeader__1069404df8","bui-MenuSeparator":"Menu_bui-MenuSeparator__1069404df8","bui-MenuSearchField":"Menu_bui-MenuSearchField__1069404df8","bui-MenuSearchFieldClear":"Menu_bui-MenuSearchFieldClear__1069404df8","bui-MenuSearchFieldInput":"Menu_bui-MenuSearchFieldInput__1069404df8","bui-MenuEmptyState":"Menu_bui-MenuEmptyState__1069404df8"};
 styleInject(css_248z);
 
 export { styles as default };

package/dist/components/Menu/definition.esm.js

@@ -3,8 +3,10 @@ import 'clsx';
 import '../../hooks/useBreakpoint.esm.js';
 import '../../hooks/useBg.esm.js';
 import '../../hooks/useDefinition/helpers.esm.js';
-import '../../analytics/useAnalytics.esm.js';
+import 'react';
+import '../../provider/BUIContext.esm.js';
 import 'react-router-dom';
+import '@backstage/version-bridge';
 import { defineComponent } from '../../hooks/useDefinition/defineComponent.esm.js';
 import styles from './Menu.module.css.esm.js';
 
@@ -65,6 +67,7 @@ const MenuItemDefinition = defineComponent()({
     itemArrow: "bui-MenuItemArrow"
   },
   analytics: true,
+  navigation: { type: "anchor" },
   propDefs: {
     iconStart: {},
     children: {},
@@ -81,6 +84,7 @@ const MenuListBoxItemDefinition = defineComponent()({
     itemContent: "bui-MenuItemContent",
     check: "bui-MenuItemListBoxCheck"
   },
+  navigation: { type: "anchor" },
   propDefs: {
     children: {},
     className: {}