@backstage/ui 0.17.2-next.0 → 0.18.0-next.2

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

@@ -1 +1 @@
-{"version":3,"file":"definition.esm.js","sources":["../../../src/components/TextAreaField/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 { TextAreaFieldOwnProps } from './types';\nimport styles from './TextAreaField.module.css';\n\n/**\n * Component definition for TextAreaField\n * @public\n */\nexport const TextAreaFieldDefinition = defineComponent<TextAreaFieldOwnProps>()(\n  {\n    styles,\n    classNames: {\n      root: 'bui-TextAreaField',\n      textArea: 'bui-TextArea',\n    },\n    bg: 'consumer',\n    propDefs: {\n      size: { dataAttribute: true, default: 'small' },\n      className: {},\n      placeholder: {},\n      rows: { default: 3 },\n      label: {},\n      description: {},\n      secondaryLabel: {},\n    },\n  },\n);\n"],"names":[],"mappings":";;;;;;;;;;AAwBO,MAAM,0BAA0B,eAAA,EAAuC;AAAA,EAC5E;AAAA,IACE,MAAA;AAAA,IACA,UAAA,EAAY;AAAA,MACV,IAAA,EAAM,mBAAA;AAAA,MACN,QAAA,EAAU;AAAA,KACZ;AAAA,IACA,EAAA,EAAI,UAAA;AAAA,IACJ,QAAA,EAAU;AAAA,MACR,IAAA,EAAM,EAAE,aAAA,EAAe,IAAA,EAAM,SAAS,OAAA,EAAQ;AAAA,MAC9C,WAAW,EAAC;AAAA,MACZ,aAAa,EAAC;AAAA,MACd,IAAA,EAAM,EAAE,OAAA,EAAS,CAAA,EAAE;AAAA,MACnB,OAAO,EAAC;AAAA,MACR,aAAa,EAAC;AAAA,MACd,gBAAgB;AAAC;AACnB;AAEJ;;;;"}
+{"version":3,"file":"definition.esm.js","sources":["../../../src/components/TextAreaField/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 { TextAreaFieldOwnProps } from './types';\nimport styles from './TextAreaField.module.css';\n\n/**\n * Component definition for TextAreaField\n * @public\n */\nexport const TextAreaFieldDefinition = defineComponent<TextAreaFieldOwnProps>()(\n  {\n    styles,\n    classNames: {\n      root: 'bui-TextAreaField',\n      textArea: 'bui-TextArea',\n    },\n    bg: 'consumer',\n    propDefs: {\n      size: { dataAttribute: true, default: 'small' },\n      className: {},\n      placeholder: {},\n      rows: { default: 3 },\n      label: {},\n      description: {},\n      secondaryLabel: {},\n    },\n  },\n);\n"],"names":[],"mappings":";;;;;;;;;;;;AAwBO,MAAM,0BAA0B,eAAA,EAAuC;AAAA,EAC5E;AAAA,IACE,MAAA;AAAA,IACA,UAAA,EAAY;AAAA,MACV,IAAA,EAAM,mBAAA;AAAA,MACN,QAAA,EAAU;AAAA,KACZ;AAAA,IACA,EAAA,EAAI,UAAA;AAAA,IACJ,QAAA,EAAU;AAAA,MACR,IAAA,EAAM,EAAE,aAAA,EAAe,IAAA,EAAM,SAAS,OAAA,EAAQ;AAAA,MAC9C,WAAW,EAAC;AAAA,MACZ,aAAa,EAAC;AAAA,MACd,IAAA,EAAM,EAAE,OAAA,EAAS,CAAA,EAAE;AAAA,MACnB,OAAO,EAAC;AAAA,MACR,aAAa,EAAC;AAAA,MACd,gBAAgB;AAAC;AACnB;AAEJ;;;;"}

package/dist/components/TextField/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 './TextField.module.css.esm.js';
 

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

@@ -1 +1 @@
-{"version":3,"file":"definition.esm.js","sources":["../../../src/components/TextField/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 { TextFieldOwnProps } from './types';\nimport styles from './TextField.module.css';\n\n/**\n * Component definition for TextField\n * @public\n */\nexport const TextFieldDefinition = defineComponent<TextFieldOwnProps>()({\n  styles,\n  classNames: {\n    root: 'bui-TextField',\n    inputWrapper: 'bui-InputWrapper',\n    input: 'bui-Input',\n    inputIcon: 'bui-InputIcon',\n    inputAction: 'bui-InputAction',\n  },\n  bg: 'consumer',\n  propDefs: {\n    size: { dataAttribute: true, default: 'small' },\n    className: {},\n    icon: {},\n    placeholder: {},\n    label: {},\n    description: {},\n    secondaryLabel: {},\n  },\n});\n"],"names":[],"mappings":";;;;;;;;;;AAwBO,MAAM,mBAAA,GAAsB,iBAAmC,CAAE;AAAA,EACtE,MAAA;AAAA,EACA,UAAA,EAAY;AAAA,IACV,IAAA,EAAM,eAAA;AAAA,IACN,YAAA,EAAc,kBAAA;AAAA,IACd,KAAA,EAAO,WAAA;AAAA,IACP,SAAA,EAAW,eAAA;AAAA,IACX,WAAA,EAAa;AAAA,GACf;AAAA,EACA,EAAA,EAAI,UAAA;AAAA,EACJ,QAAA,EAAU;AAAA,IACR,IAAA,EAAM,EAAE,aAAA,EAAe,IAAA,EAAM,SAAS,OAAA,EAAQ;AAAA,IAC9C,WAAW,EAAC;AAAA,IACZ,MAAM,EAAC;AAAA,IACP,aAAa,EAAC;AAAA,IACd,OAAO,EAAC;AAAA,IACR,aAAa,EAAC;AAAA,IACd,gBAAgB;AAAC;AAErB,CAAC;;;;"}
+{"version":3,"file":"definition.esm.js","sources":["../../../src/components/TextField/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 { TextFieldOwnProps } from './types';\nimport styles from './TextField.module.css';\n\n/**\n * Component definition for TextField\n * @public\n */\nexport const TextFieldDefinition = defineComponent<TextFieldOwnProps>()({\n  styles,\n  classNames: {\n    root: 'bui-TextField',\n    inputWrapper: 'bui-InputWrapper',\n    input: 'bui-Input',\n    inputIcon: 'bui-InputIcon',\n    inputAction: 'bui-InputAction',\n  },\n  bg: 'consumer',\n  propDefs: {\n    size: { dataAttribute: true, default: 'small' },\n    className: {},\n    icon: {},\n    placeholder: {},\n    label: {},\n    description: {},\n    secondaryLabel: {},\n  },\n});\n"],"names":[],"mappings":";;;;;;;;;;;;AAwBO,MAAM,mBAAA,GAAsB,iBAAmC,CAAE;AAAA,EACtE,MAAA;AAAA,EACA,UAAA,EAAY;AAAA,IACV,IAAA,EAAM,eAAA;AAAA,IACN,YAAA,EAAc,kBAAA;AAAA,IACd,KAAA,EAAO,WAAA;AAAA,IACP,SAAA,EAAW,eAAA;AAAA,IACX,WAAA,EAAa;AAAA,GACf;AAAA,EACA,EAAA,EAAI,UAAA;AAAA,EACJ,QAAA,EAAU;AAAA,IACR,IAAA,EAAM,EAAE,aAAA,EAAe,IAAA,EAAM,SAAS,OAAA,EAAQ;AAAA,IAC9C,WAAW,EAAC;AAAA,IACZ,MAAM,EAAC;AAAA,IACP,aAAa,EAAC;AAAA,IACd,OAAO,EAAC;AAAA,IACR,aAAa,EAAC;AAAA,IACd,gBAAgB;AAAC;AAErB,CAAC;;;;"}

package/dist/components/ToggleButton/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 './ToggleButton.module.css.esm.js';
 

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

@@ -1 +1 @@
-{"version":3,"file":"definition.esm.js","sources":["../../../src/components/ToggleButton/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 { ToggleButtonOwnProps } from './types';\nimport styles from './ToggleButton.module.css';\n\n/**\n * Component definition for ToggleButton\n * @public\n */\nexport const ToggleButtonDefinition = defineComponent<ToggleButtonOwnProps>()({\n  styles,\n  classNames: {\n    root: 'bui-ToggleButton',\n    content: 'bui-ToggleButtonContent',\n  },\n  propDefs: {\n    size: { dataAttribute: true, default: 'small' },\n    iconStart: {},\n    iconEnd: {},\n    children: {},\n    className: {},\n  },\n});\n"],"names":[],"mappings":";;;;;;;;;;AAwBO,MAAM,sBAAA,GAAyB,iBAAsC,CAAE;AAAA,EAC5E,MAAA;AAAA,EACA,UAAA,EAAY;AAAA,IACV,IAAA,EAAM,kBAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA,EACA,QAAA,EAAU;AAAA,IACR,IAAA,EAAM,EAAE,aAAA,EAAe,IAAA,EAAM,SAAS,OAAA,EAAQ;AAAA,IAC9C,WAAW,EAAC;AAAA,IACZ,SAAS,EAAC;AAAA,IACV,UAAU,EAAC;AAAA,IACX,WAAW;AAAC;AAEhB,CAAC;;;;"}
+{"version":3,"file":"definition.esm.js","sources":["../../../src/components/ToggleButton/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 { ToggleButtonOwnProps } from './types';\nimport styles from './ToggleButton.module.css';\n\n/**\n * Component definition for ToggleButton\n * @public\n */\nexport const ToggleButtonDefinition = defineComponent<ToggleButtonOwnProps>()({\n  styles,\n  classNames: {\n    root: 'bui-ToggleButton',\n    content: 'bui-ToggleButtonContent',\n  },\n  propDefs: {\n    size: { dataAttribute: true, default: 'small' },\n    iconStart: {},\n    iconEnd: {},\n    children: {},\n    className: {},\n  },\n});\n"],"names":[],"mappings":";;;;;;;;;;;;AAwBO,MAAM,sBAAA,GAAyB,iBAAsC,CAAE;AAAA,EAC5E,MAAA;AAAA,EACA,UAAA,EAAY;AAAA,IACV,IAAA,EAAM,kBAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA,EACA,QAAA,EAAU;AAAA,IACR,IAAA,EAAM,EAAE,aAAA,EAAe,IAAA,EAAM,SAAS,OAAA,EAAQ;AAAA,IAC9C,WAAW,EAAC;AAAA,IACZ,SAAS,EAAC;AAAA,IACV,UAAU,EAAC;AAAA,IACX,WAAW;AAAC;AAEhB,CAAC;;;;"}

package/dist/components/ToggleButtonGroup/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 './ToggleButtonGroup.module.css.esm.js';
 

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

@@ -1 +1 @@
-{"version":3,"file":"definition.esm.js","sources":["../../../src/components/ToggleButtonGroup/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 { ToggleButtonGroupOwnProps } from './types';\nimport styles from './ToggleButtonGroup.module.css';\n\n/**\n * Component definition for ToggleButtonGroup\n * @public\n */\nexport const ToggleButtonGroupDefinition =\n  defineComponent<ToggleButtonGroupOwnProps>()({\n    styles,\n    classNames: {\n      root: 'bui-ToggleButtonGroup',\n    },\n    propDefs: {\n      className: {},\n      children: {},\n    },\n  });\n"],"names":[],"mappings":";;;;;;;;;;AAwBO,MAAM,2BAAA,GACX,iBAA2C,CAAE;AAAA,EAC3C,MAAA;AAAA,EACA,UAAA,EAAY;AAAA,IACV,IAAA,EAAM;AAAA,GACR;AAAA,EACA,QAAA,EAAU;AAAA,IACR,WAAW,EAAC;AAAA,IACZ,UAAU;AAAC;AAEf,CAAC;;;;"}
+{"version":3,"file":"definition.esm.js","sources":["../../../src/components/ToggleButtonGroup/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 { ToggleButtonGroupOwnProps } from './types';\nimport styles from './ToggleButtonGroup.module.css';\n\n/**\n * Component definition for ToggleButtonGroup\n * @public\n */\nexport const ToggleButtonGroupDefinition =\n  defineComponent<ToggleButtonGroupOwnProps>()({\n    styles,\n    classNames: {\n      root: 'bui-ToggleButtonGroup',\n    },\n    propDefs: {\n      className: {},\n      children: {},\n    },\n  });\n"],"names":[],"mappings":";;;;;;;;;;;;AAwBO,MAAM,2BAAA,GACX,iBAA2C,CAAE;AAAA,EAC3C,MAAA;AAAA,EACA,UAAA,EAAY;AAAA,IACV,IAAA,EAAM;AAAA,GACR;AAAA,EACA,QAAA,EAAU;AAAA,IACR,WAAW,EAAC;AAAA,IACZ,UAAU;AAAC;AAEf,CAAC;;;;"}

package/dist/components/Tooltip/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 './Tooltip.module.css.esm.js';
 

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

@@ -1 +1 @@
-{"version":3,"file":"definition.esm.js","sources":["../../../src/components/Tooltip/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 { TooltipOwnProps } from './types';\nimport styles from './Tooltip.module.css';\n\n/**\n * Component definition for Tooltip\n * @public\n */\nexport const TooltipDefinition = defineComponent<TooltipOwnProps>()({\n  styles,\n  classNames: {\n    tooltip: 'bui-Tooltip',\n    content: 'bui-TooltipContent',\n    arrow: 'bui-TooltipArrow',\n  },\n  propDefs: {\n    children: {},\n    className: {},\n  },\n});\n"],"names":[],"mappings":";;;;;;;;;;AAwBO,MAAM,iBAAA,GAAoB,iBAAiC,CAAE;AAAA,EAClE,MAAA;AAAA,EACA,UAAA,EAAY;AAAA,IACV,OAAA,EAAS,aAAA;AAAA,IACT,OAAA,EAAS,oBAAA;AAAA,IACT,KAAA,EAAO;AAAA,GACT;AAAA,EACA,QAAA,EAAU;AAAA,IACR,UAAU,EAAC;AAAA,IACX,WAAW;AAAC;AAEhB,CAAC;;;;"}
+{"version":3,"file":"definition.esm.js","sources":["../../../src/components/Tooltip/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 { TooltipOwnProps } from './types';\nimport styles from './Tooltip.module.css';\n\n/**\n * Component definition for Tooltip\n * @public\n */\nexport const TooltipDefinition = defineComponent<TooltipOwnProps>()({\n  styles,\n  classNames: {\n    tooltip: 'bui-Tooltip',\n    content: 'bui-TooltipContent',\n    arrow: 'bui-TooltipArrow',\n  },\n  propDefs: {\n    children: {},\n    className: {},\n  },\n});\n"],"names":[],"mappings":";;;;;;;;;;;;AAwBO,MAAM,iBAAA,GAAoB,iBAAiC,CAAE;AAAA,EAClE,MAAA;AAAA,EACA,UAAA,EAAY;AAAA,IACV,OAAA,EAAS,aAAA;AAAA,IACT,OAAA,EAAS,oBAAA;AAAA,IACT,KAAA,EAAO;AAAA,GACT;AAAA,EACA,QAAA,EAAU;AAAA,IACR,UAAU,EAAC;AAAA,IACX,WAAW;AAAC;AAEhB,CAAC;;;;"}

package/dist/components/VisuallyHidden/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 './VisuallyHidden.module.css.esm.js';
 

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

@@ -1 +1 @@
-{"version":3,"file":"definition.esm.js","sources":["../../../src/components/VisuallyHidden/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 { VisuallyHiddenOwnProps } from './types';\nimport styles from './VisuallyHidden.module.css';\n\n/**\n * Component definition for VisuallyHidden\n * @public\n */\nexport const VisuallyHiddenDefinition =\n  defineComponent<VisuallyHiddenOwnProps>()({\n    styles,\n    classNames: {\n      root: 'bui-VisuallyHidden',\n    },\n    propDefs: {\n      className: {},\n    },\n  });\n"],"names":[],"mappings":";;;;;;;;;;AAwBO,MAAM,wBAAA,GACX,iBAAwC,CAAE;AAAA,EACxC,MAAA;AAAA,EACA,UAAA,EAAY;AAAA,IACV,IAAA,EAAM;AAAA,GACR;AAAA,EACA,QAAA,EAAU;AAAA,IACR,WAAW;AAAC;AAEhB,CAAC;;;;"}
+{"version":3,"file":"definition.esm.js","sources":["../../../src/components/VisuallyHidden/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 { VisuallyHiddenOwnProps } from './types';\nimport styles from './VisuallyHidden.module.css';\n\n/**\n * Component definition for VisuallyHidden\n * @public\n */\nexport const VisuallyHiddenDefinition =\n  defineComponent<VisuallyHiddenOwnProps>()({\n    styles,\n    classNames: {\n      root: 'bui-VisuallyHidden',\n    },\n    propDefs: {\n      className: {},\n    },\n  });\n"],"names":[],"mappings":";;;;;;;;;;;;AAwBO,MAAM,wBAAA,GACX,iBAAwC,CAAE;AAAA,EACxC,MAAA;AAAA,EACA,UAAA,EAAY;AAAA,IACV,IAAA,EAAM;AAAA,GACR;AAAA,EACA,QAAA,EAAU;AAAA,IACR,WAAW;AAAC;AAEhB,CAAC;;;;"}

package/dist/hooks/useDefinition/useDefinition.esm.js

@@ -4,25 +4,19 @@ import { useBreakpoint } from '../useBreakpoint.esm.js';
 import { useBgProvider, useBgConsumer, BgProvider } from '../useBg.esm.js';
 import { resolveDefinitionProps, processUtilityProps } from './helpers.esm.js';
 import { useAnalytics, noopTracker } from '../../analytics/useAnalytics.esm.js';
-import { useInRouterContext, useResolvedPath, createPath } from 'react-router-dom';
-import { isExternalLink } from '../../utils/linkUtils.esm.js';
+import { useDefinitionNavigation } from './useDefinitionNavigation.esm.js';
 
 function useDefinition(definition, props, options) {
   const { breakpoint } = useBreakpoint();
-  let hrefResolvedProps = props;
-  const hasRouter = useInRouterContext();
-  if (hasRouter) {
-    const rawHref = props.href;
-    const resolved = useResolvedPath(rawHref ?? "");
-    if (rawHref !== void 0 && !isExternalLink(rawHref)) {
-      hrefResolvedProps = { ...props, href: createPath(resolved) };
-    }
-  }
   const { ownPropsResolved, restProps } = resolveDefinitionProps(
     definition,
-    hrefResolvedProps,
+    props,
     breakpoint
   );
+  let navigation;
+  if (definition.navigation) {
+    navigation = useDefinitionNavigation(definition.navigation);
+  }
   const dataAttributes = {};
   for (const [key, config] of Object.entries(definition.propDefs)) {
     const finalValue = ownPropsResolved[key];
@@ -79,7 +73,8 @@ function useDefinition(definition, props, options) {
     restProps,
     dataAttributes,
     utilityStyle,
-    ...definition.analytics ? { analytics } : {}
+    ...definition.analytics ? { analytics } : {},
+    ...definition.navigation ? { navigation } : {}
   };
 }
 

package/dist/hooks/useDefinition/useDefinition.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDefinition.esm.js","sources":["../../../src/hooks/useDefinition/useDefinition.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 { ReactNode } from 'react';\nimport clsx from 'clsx';\nimport { useBreakpoint } from '../useBreakpoint';\nimport { useBgProvider, useBgConsumer, BgProvider } from '../useBg';\nimport { resolveDefinitionProps, processUtilityProps } from './helpers';\nimport { useAnalytics } from '../../analytics/useAnalytics';\nimport { noopTracker } from '../../analytics/useAnalytics';\nimport {\n  useResolvedPath,\n  useInRouterContext,\n  createPath,\n} from 'react-router-dom';\nimport { isExternalLink } from '../../utils/linkUtils';\nimport type {\n  ComponentConfig,\n  UseDefinitionOptions,\n  UseDefinitionResult,\n  UtilityKeys,\n} from './types';\n\nexport function useDefinition<\n  D extends ComponentConfig<any, any>,\n  P extends Record<string, any>,\n>(\n  definition: D,\n  props: P,\n  options?: UseDefinitionOptions<D>,\n): UseDefinitionResult<D, P> {\n  const { breakpoint } = useBreakpoint();\n\n  let hrefResolvedProps = props;\n  const hasRouter = useInRouterContext();\n  if (hasRouter) {\n    const rawHref = (props as any).href;\n    const resolved = useResolvedPath(rawHref ?? '');\n    if (rawHref !== undefined && !isExternalLink(rawHref)) {\n      hrefResolvedProps = { ...props, href: createPath(resolved) } as P;\n    }\n  }\n\n  // Resolve all props centrally — applies responsive values and defaults\n  const { ownPropsResolved, restProps } = resolveDefinitionProps(\n    definition,\n    hrefResolvedProps,\n    breakpoint,\n  );\n\n  const dataAttributes: Record<string, string | undefined> = {};\n\n  for (const [key, config] of Object.entries(definition.propDefs)) {\n    const finalValue = ownPropsResolved[key];\n\n    if (finalValue !== undefined) {\n      // Skip data-bg for bg prop when the provider path handles it\n      if (key === 'bg' && definition.bg === 'provider') continue;\n\n      if ((config as any).dataAttribute) {\n        // eslint-disable-next-line no-restricted-syntax\n        dataAttributes[`data-${key.toLowerCase()}`] = String(finalValue);\n      }\n    }\n  }\n\n  // Provider: resolve bg and provide context for children\n  const providerBg = useBgProvider(\n    definition.bg === 'provider' ? ownPropsResolved.bg : undefined,\n  );\n\n  // Consumer: read parent context bg\n  const consumerBg = useBgConsumer();\n\n  // Provider: set data-bg from the resolved provider bg\n  if (definition.bg === 'provider' && providerBg.bg !== undefined) {\n    dataAttributes['data-bg'] = String(providerBg.bg);\n  }\n\n  // Consumer: set data-on-bg from the parent context\n  if (definition.bg === 'consumer' && consumerBg.bg !== undefined) {\n    dataAttributes['data-on-bg'] = String(consumerBg.bg);\n  }\n\n  const { utilityClasses, utilityStyle } = processUtilityProps<UtilityKeys<D>>(\n    props,\n    (definition.utilityProps ?? []) as readonly UtilityKeys<D>[],\n  );\n\n  // Analytics: conditionally call useAnalytics based on definition flag\n  let analytics = noopTracker;\n  if (definition.analytics) {\n    const tracker = useAnalytics();\n    analytics = ownPropsResolved.noTrack ? noopTracker : tracker;\n  }\n\n  const utilityTarget =\n    options?.utilityTarget !== undefined ? options.utilityTarget : 'root';\n  const classNameTarget =\n    options?.classNameTarget !== undefined ? options.classNameTarget : 'root';\n\n  const classes: Record<string, string> = {};\n\n  for (const [name, cssKey] of Object.entries(definition.classNames)) {\n    classes[name] = clsx(\n      cssKey as string,\n      definition.styles[cssKey as keyof typeof definition.styles],\n      utilityTarget === name && utilityClasses,\n      classNameTarget === name && ownPropsResolved.className,\n    );\n  }\n\n  let children: ReactNode | undefined;\n  let childrenWithBgProvider: ReactNode | undefined;\n\n  if (definition.bg === 'provider') {\n    childrenWithBgProvider = providerBg.bg ? (\n      <BgProvider bg={providerBg.bg}>{props.children}</BgProvider>\n    ) : (\n      props.children\n    );\n  } else {\n    children = props.children;\n  }\n\n  return {\n    ownProps: {\n      classes,\n      ...ownPropsResolved,\n      ...(definition.bg === 'provider'\n        ? { childrenWithBgProvider }\n        : { children }),\n    },\n    restProps,\n    dataAttributes,\n    utilityStyle,\n    ...(definition.analytics ? { analytics } : {}),\n  } as unknown as UseDefinitionResult<D, P>;\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"useDefinition.esm.js","sources":["../../../src/hooks/useDefinition/useDefinition.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 { ReactNode } from 'react';\nimport clsx from 'clsx';\nimport { useBreakpoint } from '../useBreakpoint';\nimport { useBgProvider, useBgConsumer, BgProvider } from '../useBg';\nimport { resolveDefinitionProps, processUtilityProps } from './helpers';\nimport { useAnalytics } from '../../analytics/useAnalytics';\nimport { noopTracker } from '../../analytics/useAnalytics';\nimport { useDefinitionNavigation } from './useDefinitionNavigation';\nimport type {\n  ComponentConfig,\n  UseDefinitionOptions,\n  UseDefinitionResult,\n  UtilityKeys,\n} from './types';\n\nexport function useDefinition<\n  D extends ComponentConfig<any, any>,\n  P extends Record<string, any>,\n>(\n  definition: D,\n  props: P,\n  options?: UseDefinitionOptions<D>,\n): UseDefinitionResult<D, P> {\n  const { breakpoint } = useBreakpoint();\n\n  // Resolve all props centrally — applies responsive values and defaults\n  const { ownPropsResolved, restProps } = resolveDefinitionProps(\n    definition,\n    props,\n    breakpoint,\n  );\n\n  let navigation;\n  if (definition.navigation) {\n    // Component definitions are module constants, so this hook condition is\n    // stable for the lifetime of the component.\n    navigation = useDefinitionNavigation(definition.navigation);\n  }\n\n  const dataAttributes: Record<string, string | undefined> = {};\n\n  for (const [key, config] of Object.entries(definition.propDefs)) {\n    const finalValue = ownPropsResolved[key];\n\n    if (finalValue !== undefined) {\n      // Skip data-bg for bg prop when the provider path handles it\n      if (key === 'bg' && definition.bg === 'provider') continue;\n\n      if ((config as any).dataAttribute) {\n        // eslint-disable-next-line no-restricted-syntax\n        dataAttributes[`data-${key.toLowerCase()}`] = String(finalValue);\n      }\n    }\n  }\n\n  // Provider: resolve bg and provide context for children\n  const providerBg = useBgProvider(\n    definition.bg === 'provider' ? ownPropsResolved.bg : undefined,\n  );\n\n  // Consumer: read parent context bg\n  const consumerBg = useBgConsumer();\n\n  // Provider: set data-bg from the resolved provider bg\n  if (definition.bg === 'provider' && providerBg.bg !== undefined) {\n    dataAttributes['data-bg'] = String(providerBg.bg);\n  }\n\n  // Consumer: set data-on-bg from the parent context\n  if (definition.bg === 'consumer' && consumerBg.bg !== undefined) {\n    dataAttributes['data-on-bg'] = String(consumerBg.bg);\n  }\n\n  const { utilityClasses, utilityStyle } = processUtilityProps<UtilityKeys<D>>(\n    props,\n    (definition.utilityProps ?? []) as readonly UtilityKeys<D>[],\n  );\n\n  // Analytics: conditionally call useAnalytics based on definition flag\n  let analytics = noopTracker;\n  if (definition.analytics) {\n    const tracker = useAnalytics();\n    analytics = ownPropsResolved.noTrack ? noopTracker : tracker;\n  }\n\n  const utilityTarget =\n    options?.utilityTarget !== undefined ? options.utilityTarget : 'root';\n  const classNameTarget =\n    options?.classNameTarget !== undefined ? options.classNameTarget : 'root';\n\n  const classes: Record<string, string> = {};\n\n  for (const [name, cssKey] of Object.entries(definition.classNames)) {\n    classes[name] = clsx(\n      cssKey as string,\n      definition.styles[cssKey as keyof typeof definition.styles],\n      utilityTarget === name && utilityClasses,\n      classNameTarget === name && ownPropsResolved.className,\n    );\n  }\n\n  let children: ReactNode | undefined;\n  let childrenWithBgProvider: ReactNode | undefined;\n\n  if (definition.bg === 'provider') {\n    childrenWithBgProvider = providerBg.bg ? (\n      <BgProvider bg={providerBg.bg}>{props.children}</BgProvider>\n    ) : (\n      props.children\n    );\n  } else {\n    children = props.children;\n  }\n\n  return {\n    ownProps: {\n      classes,\n      ...ownPropsResolved,\n      ...(definition.bg === 'provider'\n        ? { childrenWithBgProvider }\n        : { children }),\n    },\n    restProps,\n    dataAttributes,\n    utilityStyle,\n    ...(definition.analytics ? { analytics } : {}),\n    ...(definition.navigation ? { navigation } : {}),\n  } as unknown as UseDefinitionResult<D, P>;\n}\n"],"names":[],"mappings":"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"}

package/dist/hooks/useDefinition/useDefinitionNavigation.esm.js

@@ -0,0 +1,50 @@
+import { jsx } from 'react/jsx-runtime';
+import { useAnchorNavigation } from '../../navigation/useNavigation.esm.js';
+import { useRoutingIntegration } from '../../navigation/useRouting.esm.js';
+
+function NavigationView({
+  navigation,
+  view: View,
+  viewProps
+}) {
+  const props = { ...viewProps, navigation };
+  return /* @__PURE__ */ jsx(View, { ...props });
+}
+function RoutedAnchorNavigation({
+  props,
+  view,
+  viewProps
+}) {
+  const navigation = useAnchorNavigation(props);
+  return /* @__PURE__ */ jsx(NavigationView, { navigation, view, viewProps });
+}
+function NativeAnchorNavigation({
+  props,
+  view,
+  viewProps
+}) {
+  let navigation = {
+    type: "none",
+    canMatchRoute: false
+  };
+  if (props.href) {
+    navigation = {
+      type: "native",
+      canMatchRoute: false,
+      ariaHref: props.href,
+      browserHref: props.href
+    };
+  }
+  return /* @__PURE__ */ jsx(NavigationView, { navigation, view, viewProps });
+}
+function useDefinitionNavigation(_config) {
+  const routing = useRoutingIntegration({ fallback: true });
+  const inRouterContext = routing.useInRouterContext();
+  if (inRouterContext) {
+    return RoutedAnchorNavigation;
+  }
+  return NativeAnchorNavigation;
+}
+
+export { useDefinitionNavigation };
+//# sourceMappingURL=useDefinitionNavigation.esm.js.map

package/dist/hooks/useDefinition/useDefinitionNavigation.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDefinitionNavigation.esm.js","sources":["../../../src/hooks/useDefinition/useDefinitionNavigation.tsx"],"sourcesContent":["/*\n * Copyright 2026 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 type { ComponentType, ReactElement } from 'react';\nimport {\n  useAnchorNavigation,\n  type AnchorNavigation,\n  type NavigationProps,\n} from '../../navigation/useNavigation';\nimport { useRoutingIntegration } from '../../navigation/useRouting';\nimport type {\n  DefinitionNavigationComponent,\n  DefinitionNavigationConfig,\n} from './types';\n\ntype NavigationResolverProps<N, P extends object> = {\n  props: NavigationProps;\n  view: ComponentType<P & { navigation: N }>;\n  viewProps: P;\n};\n\ntype AnchorNavigationProps<P extends object> = NavigationResolverProps<\n  AnchorNavigation,\n  P\n>;\n\nfunction NavigationView<N, P extends object>({\n  navigation,\n  view: View,\n  viewProps,\n}: Omit<NavigationResolverProps<N, P>, 'props'> & {\n  navigation: N;\n}): ReactElement {\n  const props = { ...viewProps, navigation } as P & { navigation: N };\n  return <View {...props} />;\n}\n\nfunction RoutedAnchorNavigation<P extends object>({\n  props,\n  view,\n  viewProps,\n}: AnchorNavigationProps<P>): ReactElement {\n  const navigation = useAnchorNavigation(props);\n  return (\n    <NavigationView navigation={navigation} view={view} viewProps={viewProps} />\n  );\n}\n\nfunction NativeAnchorNavigation<P extends object>({\n  props,\n  view,\n  viewProps,\n}: AnchorNavigationProps<P>): ReactElement {\n  let navigation: AnchorNavigation = {\n    type: 'none',\n    canMatchRoute: false,\n  };\n  if (props.href) {\n    navigation = {\n      type: 'native',\n      canMatchRoute: false,\n      ariaHref: props.href,\n      browserHref: props.href,\n    };\n  }\n\n  return (\n    <NavigationView navigation={navigation} view={view} viewProps={viewProps} />\n  );\n}\n\n/**\n * Selects a resolver component so router-specific hooks only mount when a\n * React Router context is available. The resolver injects the normalized\n * navigation into the component view as an ordinary React prop.\n */\nexport function useDefinitionNavigation(\n  _config: DefinitionNavigationConfig,\n): DefinitionNavigationComponent {\n  const routing = useRoutingIntegration({ fallback: true });\n  const inRouterContext = routing.useInRouterContext();\n\n  if (inRouterContext) {\n    return RoutedAnchorNavigation;\n  }\n  return NativeAnchorNavigation;\n}\n"],"names":[],"mappings":";;;;AAuCA,SAAS,cAAA,CAAoC;AAAA,EAC3C,UAAA;AAAA,EACA,IAAA,EAAM,IAAA;AAAA,EACN;AACF,CAAA,EAEiB;AACf,EAAA,MAAM,KAAA,GAAQ,EAAE,GAAG,SAAA,EAAW,UAAA,EAAW;AACzC,EAAA,uBAAO,GAAA,CAAC,IAAA,EAAA,EAAM,GAAG,KAAA,EAAO,CAAA;AAC1B;AAEA,SAAS,sBAAA,CAAyC;AAAA,EAChD,KAAA;AAAA,EACA,IAAA;AAAA,EACA;AACF,CAAA,EAA2C;AACzC,EAAA,MAAM,UAAA,GAAa,oBAAoB,KAAK,CAAA;AAC5C,EAAA,uBACE,GAAA,CAAC,cAAA,EAAA,EAAe,UAAA,EAAwB,IAAA,EAAY,SAAA,EAAsB,CAAA;AAE9E;AAEA,SAAS,sBAAA,CAAyC;AAAA,EAChD,KAAA;AAAA,EACA,IAAA;AAAA,EACA;AACF,CAAA,EAA2C;AACzC,EAAA,IAAI,UAAA,GAA+B;AAAA,IACjC,IAAA,EAAM,MAAA;AAAA,IACN,aAAA,EAAe;AAAA,GACjB;AACA,EAAA,IAAI,MAAM,IAAA,EAAM;AACd,IAAA,UAAA,GAAa;AAAA,MACX,IAAA,EAAM,QAAA;AAAA,MACN,aAAA,EAAe,KAAA;AAAA,MACf,UAAU,KAAA,CAAM,IAAA;AAAA,MAChB,aAAa,KAAA,CAAM;AAAA,KACrB;AAAA,EACF;AAEA,EAAA,uBACE,GAAA,CAAC,cAAA,EAAA,EAAe,UAAA,EAAwB,IAAA,EAAY,SAAA,EAAsB,CAAA;AAE9E;AAOO,SAAS,wBACd,OAAA,EAC+B;AAC/B,EAAA,MAAM,OAAA,GAAU,qBAAA,CAAsB,EAAE,QAAA,EAAU,MAAM,CAAA;AACxD,EAAA,MAAM,eAAA,GAAkB,QAAQ,kBAAA,EAAmB;AAEnD,EAAA,IAAI,eAAA,EAAiB;AACnB,IAAA,OAAO,sBAAA;AAAA,EACT;AACA,EAAA,OAAO,sBAAA;AACT;;;;"}

package/dist/index.d.ts

@@ -1491,7 +1491,7 @@ type TabOwnProps = {
  *
  * @public
  */
-interface TabProps extends TabOwnProps, Omit<TabProps$1, keyof TabOwnProps> {
+interface TabProps extends TabOwnProps, Omit<TabProps$1, keyof TabOwnProps | 'render'> {
 }
 /**
  * Own props for the TabPanel component.
@@ -1894,6 +1894,9 @@ declare const HeaderNavItemDefinition: {
         readonly root: "bui-HeaderNavItem";
     };
     readonly analytics: true;
+    readonly navigation: {
+        readonly type: "anchor";
+    };
     readonly propDefs: {
         readonly noTrack: {};
         readonly id: {};
@@ -2012,7 +2015,7 @@ type ButtonLinkOwnProps = {
  *
  * @public
  */
-interface ButtonLinkProps extends Omit<LinkProps$1, keyof ButtonLinkOwnProps>, ButtonLinkOwnProps {
+interface ButtonLinkProps extends Omit<LinkProps$1, keyof ButtonLinkOwnProps | 'render'>, ButtonLinkOwnProps {
 }
 
 /**
@@ -2036,6 +2039,9 @@ declare const ButtonLinkDefinition: {
     };
     readonly bg: "consumer";
     readonly analytics: true;
+    readonly navigation: {
+        readonly type: "anchor";
+    };
     readonly propDefs: {
         readonly noTrack: {};
         readonly size: {
@@ -2413,7 +2419,7 @@ type ComboboxItemOwnProps = {
     className?: string;
 };
 /** @public */
-type ComboboxItemProps<T extends object = object> = ComboboxItemOwnProps & Omit<ListBoxItemProps<T>, keyof ComboboxItemOwnProps>;
+type ComboboxItemProps<T extends object = object> = ComboboxItemOwnProps & Omit<ListBoxItemProps<T>, keyof ComboboxItemOwnProps | 'render'>;
 /** @public */
 type ComboboxItemTextOwnProps = {
     title: string;
@@ -2560,6 +2566,9 @@ declare const ComboboxItemDefinition: {
         readonly indicator: "bui-ComboboxItemIndicator";
         readonly content: "bui-ComboboxItemContent";
     };
+    readonly navigation: {
+        readonly type: "anchor";
+    };
     readonly propDefs: {
         readonly children: {};
         readonly textValue: {};
@@ -3134,6 +3143,12 @@ interface QueryOptions<TFilter> {
 }
 /** @public */
 interface PaginationOptions extends Partial<Pick<TablePaginationProps, 'pageSize' | 'pageSizeOptions' | 'onPageSizeChange' | 'onNextPage' | 'onPreviousPage' | 'showPageSizeOptions' | 'getLabel' | 'showPaginationLabel'>> {
+    /**
+     * The zero-based item offset to use for the initial page.
+     *
+     * In complete mode, the offset is adjusted to the last available page if
+     * the data later becomes too short for the current page.
+     */
     initialOffset?: number;
 }
 /** @public */
@@ -3190,6 +3205,11 @@ type UseTableCompleteOptions<T extends TableItem, TFilter = unknown> = QueryOpti
      */
     filterDebounceMs?: number;
 } & ({
+    /**
+     * Controlled table data. Set to `undefined` while loading new data;
+     * the previous data and pagination metadata remain visible and are
+     * reported as stale.
+     */
     data: T[] | undefined;
     getData?: never;
 } | {
@@ -3740,7 +3760,7 @@ type MenuItemOwnProps = {
     className?: string;
 };
 /** @public */
-interface MenuItemProps extends MenuItemOwnProps, Omit<MenuItemProps$1, keyof MenuItemOwnProps> {
+interface MenuItemProps extends MenuItemOwnProps, Omit<MenuItemProps$1, keyof MenuItemOwnProps | 'render'> {
 }
 /** @public */
 type MenuListBoxItemOwnProps = {
@@ -3748,7 +3768,7 @@ type MenuListBoxItemOwnProps = {
     className?: string;
 };
 /** @public */
-interface MenuListBoxItemProps extends MenuListBoxItemOwnProps, Omit<ListBoxItemProps, keyof MenuListBoxItemOwnProps> {
+interface MenuListBoxItemProps extends MenuListBoxItemOwnProps, Omit<ListBoxItemProps, keyof MenuListBoxItemOwnProps | 'render'> {
 }
 /** @public */
 type MenuSectionOwnProps = {
@@ -3962,7 +3982,7 @@ type SearchAutocompleteItemOwnProps = {
     className?: string;
 };
 /** @public */
-interface SearchAutocompleteItemProps extends SearchAutocompleteItemOwnProps, Omit<ListBoxItemProps, keyof SearchAutocompleteItemOwnProps> {
+interface SearchAutocompleteItemProps extends SearchAutocompleteItemOwnProps, Omit<ListBoxItemProps, keyof SearchAutocompleteItemOwnProps | 'render'> {
 }
 
 /**
@@ -4104,7 +4124,7 @@ type LinkOwnProps = {
     className?: string;
 };
 /** @public */
-interface LinkProps extends Omit<LinkProps$1, 'children' | 'className'>, LinkOwnProps {
+interface LinkProps extends Omit<LinkProps$1, 'children' | 'className' | 'render'>, LinkOwnProps {
 }
 
 /**
@@ -4126,6 +4146,9 @@ declare const LinkDefinition: {
         readonly root: "bui-Link";
     };
     readonly analytics: true;
+    readonly navigation: {
+        readonly type: "anchor";
+    };
     readonly propDefs: {
         readonly noTrack: {};
         readonly variant: {
@@ -4458,7 +4481,7 @@ type SelectItemOwnProps = {
     className?: string;
 };
 /** @public */
-type SelectItemProps<T extends object = object> = SelectItemOwnProps & Omit<ListBoxItemProps<T>, keyof SelectItemOwnProps | 'textValue'> & {
+type SelectItemProps<T extends object = object> = SelectItemOwnProps & Omit<ListBoxItemProps<T>, keyof SelectItemOwnProps | 'render' | 'textValue'> & {
     textValue: string;
 };
 /** @public */
@@ -4616,6 +4639,9 @@ declare const SelectItemDefinition: {
         readonly indicator: "bui-SelectItemIndicator";
         readonly content: "bui-SelectItemContent";
     };
+    readonly navigation: {
+        readonly type: "anchor";
+    };
     readonly propDefs: {
         readonly children: {};
         readonly showSelectionIndicator: {};
@@ -4972,6 +4998,15 @@ type BUIProviderProps = {
 /**
  * Provides integration capabilities to all descendant BUI components.
  *
+ * When rendered inside the Backstage app router, BUI components use
+ * client-side navigation for internal links. Relative destinations resolve
+ * from the route of the component that renders the link, and the router
+ * basename applies once.
+ *
+ * External and scheme links, downloads, and links with non-self targets use the
+ * browser's native navigation. BUI components rendered outside React Router use
+ * native links without throwing.
+ *
  * @example
  * ```tsx
  * import { BUIProvider } from '@backstage/ui';

package/dist/navigation/BUIRoutingProvider.esm.js

@@ -0,0 +1,44 @@
+import { jsx } from 'react/jsx-runtime';
+import { useCallback } from 'react';
+import { RouterProvider } from 'react-aria-components';
+import { useResolvedPath, useNavigate, useLocation, useInRouterContext, useHref, Link } from 'react-router-dom';
+import { useResolvedHref } from '../hooks/useResolvedHref.esm.js';
+
+const delegatedNavigations = /* @__PURE__ */ new WeakMap();
+const buiRoutingIntegration = {
+  Link,
+  useHref,
+  useInRouterContext,
+  useLocation,
+  useNavigate,
+  useResolvedPath,
+  createRouterOptions(action, options) {
+    const routerOptions = { ...options };
+    delegatedNavigations.set(routerOptions, action);
+    return routerOptions;
+  }
+};
+function BUIRoutingProvider({ children }) {
+  if (!useInRouterContext()) {
+    return children;
+  }
+  return /* @__PURE__ */ jsx(ReactAriaRoutingProvider, { children });
+}
+function ReactAriaRoutingProvider({ children }) {
+  const providerNavigate = useNavigate();
+  const navigate = useCallback(
+    (href, options) => {
+      const delegatedNavigation = options ? delegatedNavigations.get(options) : void 0;
+      if (delegatedNavigation) {
+        delegatedNavigation();
+        return;
+      }
+      providerNavigate(href, options);
+    },
+    [providerNavigate]
+  );
+  return /* @__PURE__ */ jsx(RouterProvider, { navigate, useHref: useResolvedHref, children });
+}
+
+export { BUIRoutingProvider, buiRoutingIntegration };
+//# sourceMappingURL=BUIRoutingProvider.esm.js.map

package/dist/navigation/BUIRoutingProvider.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BUIRoutingProvider.esm.js","sources":["../../src/navigation/BUIRoutingProvider.tsx"],"sourcesContent":["/*\n * Copyright 2026 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 { useCallback, type ReactNode } from 'react';\nimport { RouterProvider } from 'react-aria-components';\nimport {\n  Link,\n  useHref,\n  useInRouterContext,\n  useLocation,\n  useNavigate,\n  useResolvedPath,\n} from 'react-router-dom';\nimport { useResolvedHref } from '../hooks/useResolvedHref';\nimport type { BUIRoutingIntegration } from './types';\n\n// BUIProvider mounts this provider centrally so older BUI components from the\n// same React Aria module instance keep delegated client-side navigation.\n// Collection roots also mount it locally so their synthetic link items and the\n// provider always use the same React Aria module instance. Preserving each\n// item's href and original activation event lets React Aria choose between\n// client navigation and temporary-anchor activation for native link behavior.\n//\n// The exact options object identifies a component-scoped action. Unregistered\n// objects, including those from older BUI components or direct React Aria\n// usage, use the provider's router context instead. A separate React Aria\n// module instance cannot reach this provider and is handled by the rendered\n// host Link in useNavigation.\nconst delegatedNavigations = new WeakMap<object, () => void>();\n\n/** @internal */\nexport const buiRoutingIntegration: BUIRoutingIntegration = {\n  Link,\n  useHref,\n  useInRouterContext,\n  useLocation,\n  useNavigate,\n  useResolvedPath,\n  createRouterOptions(action, options) {\n    const routerOptions = { ...options };\n    delegatedNavigations.set(routerOptions, action);\n    return routerOptions;\n  },\n};\n\n/** @internal */\nexport function BUIRoutingProvider({ children }: { children: ReactNode }) {\n  if (!useInRouterContext()) {\n    return children;\n  }\n  return <ReactAriaRoutingProvider>{children}</ReactAriaRoutingProvider>;\n}\n\nfunction ReactAriaRoutingProvider({ children }: { children: ReactNode }) {\n  const providerNavigate = useNavigate();\n  const navigate = useCallback(\n    (href: string, options: object | undefined) => {\n      const delegatedNavigation = options\n        ? delegatedNavigations.get(options)\n        : undefined;\n      if (delegatedNavigation) {\n        delegatedNavigation();\n        return;\n      }\n      providerNavigate(href, options);\n    },\n    [providerNavigate],\n  );\n\n  return (\n    <RouterProvider navigate={navigate} useHref={useResolvedHref}>\n      {children}\n    </RouterProvider>\n  );\n}\n"],"names":[],"mappings":";;;;;;AAyCA,MAAM,oBAAA,uBAA2B,OAAA,EAA4B;AAGtD,MAAM,qBAAA,GAA+C;AAAA,EAC1D,IAAA;AAAA,EACA,OAAA;AAAA,EACA,kBAAA;AAAA,EACA,WAAA;AAAA,EACA,WAAA;AAAA,EACA,eAAA;AAAA,EACA,mBAAA,CAAoB,QAAQ,OAAA,EAAS;AACnC,IAAA,MAAM,aAAA,GAAgB,EAAE,GAAG,OAAA,EAAQ;AACnC,IAAA,oBAAA,CAAqB,GAAA,CAAI,eAAe,MAAM,CAAA;AAC9C,IAAA,OAAO,aAAA;AAAA,EACT;AACF;AAGO,SAAS,kBAAA,CAAmB,EAAE,QAAA,EAAS,EAA4B;AACxE,EAAA,IAAI,CAAC,oBAAmB,EAAG;AACzB,IAAA,OAAO,QAAA;AAAA,EACT;AACA,EAAA,uBAAO,GAAA,CAAC,4BAA0B,QAAA,EAAS,CAAA;AAC7C;AAEA,SAAS,wBAAA,CAAyB,EAAE,QAAA,EAAS,EAA4B;AACvE,EAAA,MAAM,mBAAmB,WAAA,EAAY;AACrC,EAAA,MAAM,QAAA,GAAW,WAAA;AAAA,IACf,CAAC,MAAc,OAAA,KAAgC;AAC7C,MAAA,MAAM,mBAAA,GAAsB,OAAA,GACxB,oBAAA,CAAqB,GAAA,CAAI,OAAO,CAAA,GAChC,MAAA;AACJ,MAAA,IAAI,mBAAA,EAAqB;AACvB,QAAA,mBAAA,EAAoB;AACpB,QAAA;AAAA,MACF;AACA,MAAA,gBAAA,CAAiB,MAAM,OAAO,CAAA;AAAA,IAChC,CAAA;AAAA,IACA,CAAC,gBAAgB;AAAA,GACnB;AAEA,EAAA,uBACE,GAAA,CAAC,cAAA,EAAA,EAAe,QAAA,EAAoB,OAAA,EAAS,iBAC1C,QAAA,EACH,CAAA;AAEJ;;;;"}

package/dist/navigation/useNavigation.esm.js

@@ -0,0 +1,130 @@
+import { jsx } from 'react/jsx-runtime';
+import { useCallback, useMemo } from 'react';
+import { createPath } from 'react-router-dom';
+import { isBrowserOwnedHref } from '../utils/linkUtils.esm.js';
+import { useRoutingIntegration, fallbackRoutingIntegration } from './useRouting.esm.js';
+
+function isNativeNavigation(props) {
+  const { href, target, download } = props;
+  return Boolean(
+    href !== void 0 && isBrowserOwnedHref(href) || target && target !== "_self" || download !== void 0 && download !== false
+  );
+}
+function useAnchorNavigation(props) {
+  const { href, routerOptions: navigateOptions } = props;
+  const routingIntegration = useRoutingIntegration();
+  const routing = routingIntegration ?? fallbackRoutingIntegration;
+  const navigate = routing.useNavigate();
+  const routerHref = href !== void 0 && !isBrowserOwnedHref(href) ? href : ".";
+  const relativeOptions = { relative: navigateOptions?.relative };
+  const resolvedPath = routing.useResolvedPath(routerHref, relativeOptions);
+  const resolvedHref = routing.useHref(routerHref, relativeOptions);
+  const navigateWithOptions = useCallback(() => {
+    if (href !== void 0) {
+      navigate(href, navigateOptions);
+    }
+  }, [navigate, href, navigateOptions]);
+  const delegatedRouterOptions = useMemo(() => {
+    if (!routingIntegration || href === void 0) {
+      return void 0;
+    }
+    return routingIntegration.createRouterOptions(
+      navigateWithOptions,
+      navigateOptions
+    );
+  }, [routingIntegration, navigateWithOptions, href, navigateOptions]);
+  let routerLinkOptions;
+  if (navigateOptions) {
+    const { flushSync: _flushSync, ...supportedOptions } = navigateOptions;
+    routerLinkOptions = supportedOptions;
+  }
+  const navigateWithFullOptions = navigateOptions?.flushSync === true ? navigateWithOptions : void 0;
+  if (href === void 0) {
+    return { type: "none", canMatchRoute: false };
+  }
+  const canMatchRoute = !isBrowserOwnedHref(href);
+  if (isNativeNavigation(props)) {
+    return {
+      type: "native",
+      canMatchRoute,
+      ariaHref: href,
+      browserHref: isBrowserOwnedHref(href) ? href : resolvedHref
+    };
+  }
+  if (routingIntegration) {
+    return {
+      type: "router",
+      canMatchRoute,
+      ariaHref: href,
+      to: href,
+      Link: routingIntegration.Link,
+      routerOptions: delegatedRouterOptions,
+      routerLinkOptions,
+      navigateWithFullOptions
+    };
+  }
+  return {
+    type: "router",
+    canMatchRoute,
+    ariaHref: createPath(resolvedPath),
+    to: href,
+    Link: fallbackRoutingIntegration.Link,
+    routerOptions: navigateOptions,
+    routerLinkOptions,
+    navigateWithFullOptions
+  };
+}
+function handleRouterLinkClick(event, navigation) {
+  const navigateWithFullOptions = navigation.type === "router" ? navigation.navigateWithFullOptions : void 0;
+  if (!navigateWithFullOptions || event.defaultPrevented || event.button !== 0 || event.currentTarget.target && event.currentTarget.target !== "_self" || event.metaKey || event.altKey || event.ctrlKey || event.shiftKey) {
+    return;
+  }
+  event.preventDefault();
+  navigateWithFullOptions();
+}
+function getReactAriaAnchorProps(navigation, props) {
+  switch (navigation.type) {
+    case "none":
+      return {
+        href: props.href,
+        routerOptions: props.routerOptions,
+        render: void 0
+      };
+    case "router":
+      return {
+        href: navigation.ariaHref,
+        routerOptions: navigation.routerOptions,
+        render: (domProps) => {
+          const {
+            href: _href,
+            onClick: reactAriaOnClick,
+            ...routerLinkProps
+          } = domProps;
+          const onClick = navigation.navigateWithFullOptions ? (event) => {
+            reactAriaOnClick?.(event);
+            handleRouterLinkClick(event, navigation);
+          } : reactAriaOnClick;
+          return /* @__PURE__ */ jsx(
+            navigation.Link,
+            {
+              ...routerLinkProps,
+              ...navigation.routerLinkOptions,
+              ...onClick ? { onClick } : {},
+              to: navigation.to
+            }
+          );
+        }
+      };
+    case "native":
+      return {
+        href: navigation.ariaHref,
+        routerOptions: props.routerOptions,
+        // React Aria classifies the raw href, while the final DOM anchor needs
+        // the router-resolved href so a basename is applied exactly once.
+        render: (domProps) => /* @__PURE__ */ jsx("a", { ...domProps, href: navigation.browserHref })
+      };
+  }
+}
+
+export { getReactAriaAnchorProps, handleRouterLinkClick, isBrowserOwnedHref, isNativeNavigation, useAnchorNavigation };
+//# sourceMappingURL=useNavigation.esm.js.map