@backstage/ui 0.16.0 → 0.17.0-next.0

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @backstage/ui
 
+## 0.17.0-next.0
+
+### Minor Changes
+
+- 503ba32: Added re-exports from `react-aria-components`. The types `Selection`, `SortDirection`, and `Key` are available as type-only exports (use `import type`), while `Focusable` is a runtime export. Consumers can now import these directly from `@backstage/ui` instead of depending on `react-aria-components`, avoiding version mismatches.
+
+### Patch Changes
+
+- 791703e: Add `breadcrumbs` prop & breadcrumbs to `PluginHeader`. When passed `breadcrumbs`, `PluginHeader` renders a `nav` with breadcrumbs & visually hides the plugin title.
+
+  These breadcrumbs:
+
+  - Collapses middle segments if 5 or more segments
+  - Shows tooltip if text is truncated
+
+  **Affected components:** PluginHeader
+
+- 066c7ac: Added a new `TextAreaField` component for multi-line text input, following the same conventions as `TextField` with support for a label, secondary label, and description.
+
 ## 0.16.0
 
 ### Minor Changes

package/dist/components/PluginHeader/PluginHeader.esm.js

@@ -12,6 +12,9 @@ import '../Link/Link.module.css.esm.js';
 import { RiShapesLine } from '@remixicon/react';
 import { Text } from '../Text/Text.esm.js';
 import '../Text/Text.module.css.esm.js';
+import { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden.esm.js';
+import '../VisuallyHidden/VisuallyHidden.module.css.esm.js';
+import { PluginHeaderBreadcrumbs } from './PluginHeaderBreadcrumbs.esm.js';
 
 const PluginHeader = (props) => {
   const { ownProps } = useDefinition(PluginHeaderDefinition, props);
@@ -21,10 +24,12 @@ const PluginHeader = (props) => {
     icon,
     title,
     titleLink,
+    breadcrumbs,
     customActions,
     onTabSelectionChange
   } = ownProps;
   const hasTabs = tabs && tabs.length > 0;
+  const hasBreadcrumbs = breadcrumbs && breadcrumbs.length > 0;
   const rootRef = useRef(null);
   const animationFrameRef = useRef(void 0);
   const lastAppliedHeightRef = useRef(void 0);
@@ -84,7 +89,17 @@ const PluginHeader = (props) => {
     /* @__PURE__ */ jsxs("div", { className: classes.toolbar, "data-has-tabs": hasTabs ? "" : void 0, children: [
       /* @__PURE__ */ jsxs("div", { className: classes.toolbarContent, children: [
         /* @__PURE__ */ jsx(Box, { bg: "neutral", className: classes.toolbarIcon, "aria-hidden": "true", children: icon || /* @__PURE__ */ jsx(RiShapesLine, {}) }),
-        /* @__PURE__ */ jsx("h1", { className: classes.toolbarName, children: titleLink ? /* @__PURE__ */ jsx(Link, { href: titleLink, standalone: true, variant: "body-medium", children: titleText }) : /* @__PURE__ */ jsx(Text, { as: "span", variant: "body-medium", children: titleText }) })
+        hasBreadcrumbs ? /* @__PURE__ */ jsxs("div", { className: classes.toolbarName, children: [
+          /* @__PURE__ */ jsx(VisuallyHidden, { children: /* @__PURE__ */ jsx("h1", { children: titleText }) }),
+          /* @__PURE__ */ jsx(
+            PluginHeaderBreadcrumbs,
+            {
+              entries: breadcrumbs,
+              className: classes.breadcrumbs,
+              ellipsisClassName: classes.breadcrumbsEllipsis
+            }
+          )
+        ] }) : /* @__PURE__ */ jsx("h1", { className: classes.toolbarName, children: titleLink ? /* @__PURE__ */ jsx(Link, { href: titleLink, standalone: true, variant: "body-medium", children: titleText }) : /* @__PURE__ */ jsx(Text, { as: "span", variant: "body-medium", children: titleText }) })
       ] }),
       /* @__PURE__ */ jsx("div", { className: classes.toolbarControls, children: actionChildren })
     ] }),

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

@@ -1 +1 @@
-{"version":3,"file":"PluginHeader.esm.js","sources":["../../../src/components/PluginHeader/PluginHeader.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 type { PluginHeaderProps } from './types';\nimport { Tabs, TabList, Tab } from '../Tabs';\nimport { useDefinition } from '../../hooks/useDefinition';\nimport { PluginHeaderDefinition } from './definition';\nimport { type NavigateOptions } from 'react-router-dom';\nimport { Children, useMemo, useRef } from 'react';\nimport { useIsomorphicLayoutEffect } from '../../hooks/useIsomorphicLayoutEffect';\nimport { Box } from '../Box';\nimport { Link } from '../Link';\nimport { RiShapesLine } from '@remixicon/react';\nimport { Text } from '../Text';\n\ndeclare module 'react-aria-components' {\n  interface RouterConfig {\n    routerOptions: NavigateOptions;\n  }\n}\n\n/**\n * Renders a plugin header with icon, title, custom actions, and optional tabs.\n * Always participates in the background context system so descendants (e.g. buttons)\n * get the correct `data-on-bg` styling inside the toolbar and tabs.\n *\n * @public\n */\nexport const PluginHeader = (props: PluginHeaderProps) => {\n  const { ownProps } = useDefinition(PluginHeaderDefinition, props);\n  const {\n    classes,\n    tabs,\n    icon,\n    title,\n    titleLink,\n    customActions,\n    onTabSelectionChange,\n  } = ownProps;\n\n  const hasTabs = tabs && tabs.length > 0;\n  const rootRef = useRef<HTMLDivElement>(null);\n  const animationFrameRef = useRef<number | undefined>(undefined);\n  const lastAppliedHeightRef = useRef<number | undefined>(undefined);\n\n  const actionChildren = useMemo(() => {\n    return Children.toArray(customActions);\n  }, [customActions]);\n\n  useIsomorphicLayoutEffect(() => {\n    const el = rootRef.current;\n    if (!el) {\n      return undefined;\n    }\n\n    const cancelScheduledUpdate = () => {\n      if (animationFrameRef.current === undefined) {\n        return;\n      }\n\n      cancelAnimationFrame(animationFrameRef.current);\n      animationFrameRef.current = undefined;\n    };\n\n    const applyHeight = (height: number) => {\n      if (lastAppliedHeightRef.current === height) {\n        return;\n      }\n\n      lastAppliedHeightRef.current = height;\n      document.documentElement.style.setProperty(\n        '--bui-header-height',\n        `${height}px`,\n      );\n    };\n\n    const scheduleHeightUpdate = () => {\n      cancelScheduledUpdate();\n      animationFrameRef.current = requestAnimationFrame(() => {\n        animationFrameRef.current = undefined;\n        applyHeight(el.offsetHeight);\n      });\n    };\n\n    // Set height once immediately so the initial layout is correct.\n    applyHeight(el.offsetHeight);\n\n    // Observe for resize changes if ResizeObserver is available\n    // (not present in Jest/jsdom by default)\n    if (typeof ResizeObserver === 'undefined') {\n      return () => {\n        cancelScheduledUpdate();\n        lastAppliedHeightRef.current = undefined;\n        document.documentElement.style.removeProperty('--bui-header-height');\n      };\n    }\n\n    const observer = new ResizeObserver(() => {\n      scheduleHeightUpdate();\n    });\n    observer.observe(el);\n\n    return () => {\n      observer.disconnect();\n      cancelScheduledUpdate();\n      lastAppliedHeightRef.current = undefined;\n      document.documentElement.style.removeProperty('--bui-header-height');\n    };\n  }, []);\n\n  const titleText = title || 'Your plugin';\n\n  return (\n    <div ref={rootRef} className={classes.root}>\n      <div className={classes.toolbar} data-has-tabs={hasTabs ? '' : undefined}>\n        <div className={classes.toolbarContent}>\n          <Box bg=\"neutral\" className={classes.toolbarIcon} aria-hidden=\"true\">\n            {icon || <RiShapesLine />}\n          </Box>\n          <h1 className={classes.toolbarName}>\n            {titleLink ? (\n              <Link href={titleLink} standalone variant=\"body-medium\">\n                {titleText}\n              </Link>\n            ) : (\n              <Text as=\"span\" variant=\"body-medium\">\n                {titleText}\n              </Text>\n            )}\n          </h1>\n        </div>\n        <div className={classes.toolbarControls}>{actionChildren}</div>\n      </div>\n      {hasTabs && (\n        <div className={classes.tabs}>\n          <Tabs onSelectionChange={onTabSelectionChange}>\n            <TabList>\n              {tabs?.map(tab => (\n                <Tab\n                  key={tab.id}\n                  id={tab.id}\n                  href={tab.href}\n                  matchStrategy={tab.matchStrategy}\n                >\n                  {tab.label}\n                </Tab>\n              ))}\n            </TabList>\n          </Tabs>\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"PluginHeader.esm.js","sources":["../../../src/components/PluginHeader/PluginHeader.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 type { PluginHeaderProps } from './types';\nimport { Tabs, TabList, Tab } from '../Tabs';\nimport { useDefinition } from '../../hooks/useDefinition';\nimport { PluginHeaderDefinition } from './definition';\nimport { type NavigateOptions } from 'react-router-dom';\nimport { Children, useMemo, useRef } from 'react';\nimport { useIsomorphicLayoutEffect } from '../../hooks/useIsomorphicLayoutEffect';\nimport { Box } from '../Box';\nimport { Link } from '../Link';\nimport { RiShapesLine } from '@remixicon/react';\nimport { Text } from '../Text';\nimport { VisuallyHidden } from '../VisuallyHidden';\nimport { PluginHeaderBreadcrumbs } from './PluginHeaderBreadcrumbs';\n\ndeclare module 'react-aria-components' {\n  interface RouterConfig {\n    routerOptions: NavigateOptions;\n  }\n}\n\n/**\n * Renders a plugin header with icon, title, custom actions, and optional tabs.\n * Always participates in the background context system so descendants (e.g. buttons)\n * get the correct `data-on-bg` styling inside the toolbar and tabs.\n *\n * @public\n */\nexport const PluginHeader = (props: PluginHeaderProps) => {\n  const { ownProps } = useDefinition(PluginHeaderDefinition, props);\n  const {\n    classes,\n    tabs,\n    icon,\n    title,\n    titleLink,\n    breadcrumbs,\n    customActions,\n    onTabSelectionChange,\n  } = ownProps;\n\n  const hasTabs = tabs && tabs.length > 0;\n  const hasBreadcrumbs = breadcrumbs && breadcrumbs.length > 0;\n  const rootRef = useRef<HTMLDivElement>(null);\n  const animationFrameRef = useRef<number | undefined>(undefined);\n  const lastAppliedHeightRef = useRef<number | undefined>(undefined);\n\n  const actionChildren = useMemo(() => {\n    return Children.toArray(customActions);\n  }, [customActions]);\n\n  useIsomorphicLayoutEffect(() => {\n    const el = rootRef.current;\n    if (!el) {\n      return undefined;\n    }\n\n    const cancelScheduledUpdate = () => {\n      if (animationFrameRef.current === undefined) {\n        return;\n      }\n\n      cancelAnimationFrame(animationFrameRef.current);\n      animationFrameRef.current = undefined;\n    };\n\n    const applyHeight = (height: number) => {\n      if (lastAppliedHeightRef.current === height) {\n        return;\n      }\n\n      lastAppliedHeightRef.current = height;\n      document.documentElement.style.setProperty(\n        '--bui-header-height',\n        `${height}px`,\n      );\n    };\n\n    const scheduleHeightUpdate = () => {\n      cancelScheduledUpdate();\n      animationFrameRef.current = requestAnimationFrame(() => {\n        animationFrameRef.current = undefined;\n        applyHeight(el.offsetHeight);\n      });\n    };\n\n    // Set height once immediately so the initial layout is correct.\n    applyHeight(el.offsetHeight);\n\n    // Observe for resize changes if ResizeObserver is available\n    // (not present in Jest/jsdom by default)\n    if (typeof ResizeObserver === 'undefined') {\n      return () => {\n        cancelScheduledUpdate();\n        lastAppliedHeightRef.current = undefined;\n        document.documentElement.style.removeProperty('--bui-header-height');\n      };\n    }\n\n    const observer = new ResizeObserver(() => {\n      scheduleHeightUpdate();\n    });\n    observer.observe(el);\n\n    return () => {\n      observer.disconnect();\n      cancelScheduledUpdate();\n      lastAppliedHeightRef.current = undefined;\n      document.documentElement.style.removeProperty('--bui-header-height');\n    };\n  }, []);\n\n  const titleText = title || 'Your plugin';\n\n  return (\n    <div ref={rootRef} className={classes.root}>\n      <div className={classes.toolbar} data-has-tabs={hasTabs ? '' : undefined}>\n        <div className={classes.toolbarContent}>\n          <Box bg=\"neutral\" className={classes.toolbarIcon} aria-hidden=\"true\">\n            {icon || <RiShapesLine />}\n          </Box>\n          {hasBreadcrumbs ? (\n            <div className={classes.toolbarName}>\n              <VisuallyHidden>\n                <h1>{titleText}</h1>\n              </VisuallyHidden>\n              <PluginHeaderBreadcrumbs\n                entries={breadcrumbs}\n                className={classes.breadcrumbs}\n                ellipsisClassName={classes.breadcrumbsEllipsis}\n              />\n            </div>\n          ) : (\n            <h1 className={classes.toolbarName}>\n              {titleLink ? (\n                <Link href={titleLink} standalone variant=\"body-medium\">\n                  {titleText}\n                </Link>\n              ) : (\n                <Text as=\"span\" variant=\"body-medium\">\n                  {titleText}\n                </Text>\n              )}\n            </h1>\n          )}\n        </div>\n        <div className={classes.toolbarControls}>{actionChildren}</div>\n      </div>\n      {hasTabs && (\n        <div className={classes.tabs}>\n          <Tabs onSelectionChange={onTabSelectionChange}>\n            <TabList>\n              {tabs?.map(tab => (\n                <Tab\n                  key={tab.id}\n                  id={tab.id}\n                  href={tab.href}\n                  matchStrategy={tab.matchStrategy}\n                >\n                  {tab.label}\n                </Tab>\n              ))}\n            </TabList>\n          </Tabs>\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/PluginHeader/PluginHeader.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  .PluginHeader_bui-PluginHeader__1e9ee6c296 {\n    --bui-plugin-header-margin-bottom: var(--bui-space-6);\n    --bui-plugin-header-toolbar-border-bottom: solid 1px var(--bui-border-1);\n    --bui-plugin-header-tabs-border-bottom: 1px solid var(--bui-border-1);\n    --bui-plugin-header-toolbar-padding-bottom: var(--bui-space-4);\n    --bui-plugin-header-toolbar-tabs-padding-bottom: var(--bui-space-1);\n    --bui-plugin-header-background-color: transparent;\n    --bui-plugin-header-padding-top: var(--bui-space-4);\n\n    margin-bottom: var(--bui-plugin-header-margin-bottom);\n    padding-inline: var(--bui-space-5);\n    padding-top: var(--bui-plugin-header-padding-top);\n    background-color: var(--bui-plugin-header-background-color);\n  }\n\n  .PluginHeader_bui-PluginHeader__1e9ee6c296:has(+ .PluginHeader_bui-HeaderTop__1e9ee6c296),\n  .PluginHeader_bui-PluginHeader__1e9ee6c296:has(+ [data-backstage-core-header]),\n  .PluginHeader_bui-PluginHeader__1e9ee6c296:has(\n      + [data-backstage-core-page] [data-backstage-core-header]\n    ) {\n    --bui-plugin-header-margin-bottom: 0;\n    --bui-plugin-header-toolbar-border-bottom: none;\n    --bui-plugin-header-tabs-border-bottom: none;\n    --bui-plugin-header-toolbar-padding-bottom: var(--bui-space-2);\n    --bui-plugin-header-toolbar-tabs-padding-bottom: var(--bui-space-2);\n    --bui-plugin-header-background-color: var(--bui-bg-neutral-1);\n    --bui-plugin-header-padding-top: var(--bui-space-2);\n  }\n\n  .PluginHeader_bui-PluginHeader__1e9ee6c296:has(+ [data-backstage-core-header])\n    .PluginHeader_bui-PluginHeaderToolbarIcon__1e9ee6c296,\n  .PluginHeader_bui-PluginHeader__1e9ee6c296:has(\n      + [data-backstage-core-page] [data-backstage-core-header]\n    )\n    .PluginHeader_bui-PluginHeaderToolbarIcon__1e9ee6c296 {\n    background-color: var(--bui-bg-neutral-3);\n  }\n\n  .PluginHeader_bui-PluginHeaderToolbar__1e9ee6c296 {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n    color: var(--bui-fg-primary);\n    border-bottom: var(--bui-plugin-header-toolbar-border-bottom);\n    padding-bottom: var(--bui-plugin-header-toolbar-padding-bottom);\n\n    &[data-has-tabs] {\n      border-bottom: none;\n      padding-bottom: var(--bui-plugin-header-toolbar-tabs-padding-bottom);\n    }\n  }\n\n  .PluginHeader_bui-PluginHeaderToolbarContent__1e9ee6c296 {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: var(--bui-space-2);\n  }\n\n  .PluginHeader_bui-PluginHeaderToolbarName__1e9ee6c296 {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: var(--bui-space-2);\n    font-size: var(--bui-font-size-3);\n    font-weight: var(--bui-font-weight-regular);\n    flex-shrink: 0;\n  }\n\n  .PluginHeader_bui-PluginHeader__1e9ee6c296 .PluginHeader_bui-PluginHeaderToolbarIcon__1e9ee6c296 {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    width: 2rem;\n    height: 2rem;\n    border-radius: var(--bui-radius-2);\n    color: var(--bui-fg-primary);\n\n    & svg {\n      width: 1rem;\n      height: 1rem;\n    }\n  }\n\n  .PluginHeader_bui-PluginHeaderToolbarControls__1e9ee6c296 {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: var(--bui-space-2);\n  }\n\n  .PluginHeader_bui-PluginHeaderTabsWrapper__1e9ee6c296 {\n    border-bottom: var(--bui-plugin-header-tabs-border-bottom);\n  }\n}\n";
-var styles = {"bui-PluginHeader":"PluginHeader_bui-PluginHeader__1e9ee6c296","bui-HeaderTop":"PluginHeader_bui-HeaderTop__1e9ee6c296","bui-PluginHeaderToolbarIcon":"PluginHeader_bui-PluginHeaderToolbarIcon__1e9ee6c296","bui-PluginHeaderToolbar":"PluginHeader_bui-PluginHeaderToolbar__1e9ee6c296","bui-PluginHeaderToolbarContent":"PluginHeader_bui-PluginHeaderToolbarContent__1e9ee6c296","bui-PluginHeaderToolbarName":"PluginHeader_bui-PluginHeaderToolbarName__1e9ee6c296","bui-PluginHeaderToolbarControls":"PluginHeader_bui-PluginHeaderToolbarControls__1e9ee6c296","bui-PluginHeaderTabsWrapper":"PluginHeader_bui-PluginHeaderTabsWrapper__1e9ee6c296"};
+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  .PluginHeader_bui-PluginHeader__cf3f6a1fa8 {\n    --bui-plugin-header-margin-bottom: var(--bui-space-6);\n    --bui-plugin-header-toolbar-border-bottom: solid 1px var(--bui-border-1);\n    --bui-plugin-header-tabs-border-bottom: 1px solid var(--bui-border-1);\n    --bui-plugin-header-toolbar-padding-bottom: var(--bui-space-4);\n    --bui-plugin-header-toolbar-tabs-padding-bottom: var(--bui-space-1);\n    --bui-plugin-header-background-color: transparent;\n    --bui-plugin-header-padding-top: var(--bui-space-4);\n    --bui-plugin-header-breadcrumbs-gap: var(--bui-space-3);\n    --bui-plugin-header-breadcrumbs-max-width: 165px;\n    --bui-plugin-header-breadcrumbs-current-max-width: none;\n\n    margin-bottom: var(--bui-plugin-header-margin-bottom);\n    padding-inline: var(--bui-space-5);\n    padding-top: var(--bui-plugin-header-padding-top);\n    background-color: var(--bui-plugin-header-background-color);\n  }\n\n  .PluginHeader_bui-PluginHeader__cf3f6a1fa8:has(+ .PluginHeader_bui-HeaderTop__cf3f6a1fa8),\n  .PluginHeader_bui-PluginHeader__cf3f6a1fa8:has(+ [data-backstage-core-header]),\n  .PluginHeader_bui-PluginHeader__cf3f6a1fa8:has(\n      + [data-backstage-core-page] [data-backstage-core-header]\n    ) {\n    --bui-plugin-header-margin-bottom: 0;\n    --bui-plugin-header-toolbar-border-bottom: none;\n    --bui-plugin-header-tabs-border-bottom: none;\n    --bui-plugin-header-toolbar-padding-bottom: var(--bui-space-2);\n    --bui-plugin-header-toolbar-tabs-padding-bottom: var(--bui-space-2);\n    --bui-plugin-header-background-color: var(--bui-bg-neutral-1);\n    --bui-plugin-header-padding-top: var(--bui-space-2);\n  }\n\n  .PluginHeader_bui-PluginHeader__cf3f6a1fa8:has(+ [data-backstage-core-header])\n    .PluginHeader_bui-PluginHeaderToolbarIcon__cf3f6a1fa8,\n  .PluginHeader_bui-PluginHeader__cf3f6a1fa8:has(\n      + [data-backstage-core-page] [data-backstage-core-header]\n    )\n    .PluginHeader_bui-PluginHeaderToolbarIcon__cf3f6a1fa8 {\n    background-color: var(--bui-bg-neutral-3);\n  }\n\n  .PluginHeader_bui-PluginHeaderToolbar__cf3f6a1fa8 {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n    color: var(--bui-fg-primary);\n    border-bottom: var(--bui-plugin-header-toolbar-border-bottom);\n    padding-bottom: var(--bui-plugin-header-toolbar-padding-bottom);\n\n    &[data-has-tabs] {\n      border-bottom: none;\n      padding-bottom: var(--bui-plugin-header-toolbar-tabs-padding-bottom);\n    }\n  }\n\n  .PluginHeader_bui-PluginHeaderToolbarContent__cf3f6a1fa8 {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: var(--bui-space-2);\n    min-width: 0;\n    padding: var(--bui-space-1) 0;\n  }\n\n  .PluginHeader_bui-PluginHeaderToolbarName__cf3f6a1fa8 {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: var(--bui-space-2);\n    margin: 0;\n    min-width: 0;\n  }\n\n  .PluginHeader_bui-PluginHeaderToolbarName__cf3f6a1fa8:not(:has(.PluginHeader_bui-PluginHeaderBreadcrumbs__cf3f6a1fa8)) {\n    flex-shrink: 0;\n  }\n\n  .PluginHeader_bui-PluginHeaderBreadcrumbs__cf3f6a1fa8 {\n    min-width: 0;\n  }\n\n  .PluginHeader_bui-PluginHeaderBreadcrumbs__cf3f6a1fa8 ol {\n    display: flex;\n    flex-direction: row;\n    list-style: none;\n    margin: 0;\n    padding: 0;\n    gap: var(--bui-plugin-header-breadcrumbs-gap);\n    min-width: 0;\n  }\n\n  .PluginHeader_bui-PluginHeaderBreadcrumbs__cf3f6a1fa8 ol li {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: var(--bui-plugin-header-breadcrumbs-gap);\n    max-width: var(--bui-plugin-header-breadcrumbs-max-width);\n\n    & svg {\n      flex-shrink: 0;\n    }\n\n    &[data-current] {\n      flex: 1;\n      min-width: 0;\n      max-width: var(--bui-plugin-header-breadcrumbs-current-max-width);\n    }\n\n    & a[data-focus-visible] {\n      border-radius: var(--bui-radius-1);\n      outline: 2px solid var(--bui-ring);\n      outline-offset: 2px;\n    }\n  }\n\n  .PluginHeader_bui-PluginHeaderBreadcrumbsEllipsis__cf3f6a1fa8 {\n    all: unset;\n    cursor: pointer;\n    font: inherit;\n    color: inherit;\n    line-height: 1;\n    letter-spacing: 0.1em;\n\n    &[data-hovered] {\n      text-decoration-line: underline;\n      text-decoration-style: solid;\n      text-decoration-thickness: 1px;\n      text-underline-offset: 2px;\n      text-decoration-color: color-mix(in srgb, currentColor 30%, transparent);\n    }\n\n    &[data-focus-visible] {\n      border-radius: var(--bui-radius-1);\n      outline: 2px solid var(--bui-ring);\n      outline-offset: 2px;\n    }\n  }\n\n  .PluginHeader_bui-PluginHeader__cf3f6a1fa8 .PluginHeader_bui-PluginHeaderToolbarIcon__cf3f6a1fa8 {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    width: 2rem;\n    height: 2rem;\n    border-radius: var(--bui-radius-2);\n    color: var(--bui-fg-primary);\n\n    & svg {\n      width: 1rem;\n      height: 1rem;\n    }\n  }\n\n  .PluginHeader_bui-PluginHeaderToolbarControls__cf3f6a1fa8 {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: var(--bui-space-2);\n  }\n\n  .PluginHeader_bui-PluginHeaderTabsWrapper__cf3f6a1fa8 {\n    border-bottom: var(--bui-plugin-header-tabs-border-bottom);\n  }\n}\n";
+var styles = {"bui-PluginHeader":"PluginHeader_bui-PluginHeader__cf3f6a1fa8","bui-HeaderTop":"PluginHeader_bui-HeaderTop__cf3f6a1fa8","bui-PluginHeaderToolbarIcon":"PluginHeader_bui-PluginHeaderToolbarIcon__cf3f6a1fa8","bui-PluginHeaderToolbar":"PluginHeader_bui-PluginHeaderToolbar__cf3f6a1fa8","bui-PluginHeaderToolbarContent":"PluginHeader_bui-PluginHeaderToolbarContent__cf3f6a1fa8","bui-PluginHeaderToolbarName":"PluginHeader_bui-PluginHeaderToolbarName__cf3f6a1fa8","bui-PluginHeaderBreadcrumbs":"PluginHeader_bui-PluginHeaderBreadcrumbs__cf3f6a1fa8","bui-PluginHeaderBreadcrumbsEllipsis":"PluginHeader_bui-PluginHeaderBreadcrumbsEllipsis__cf3f6a1fa8","bui-PluginHeaderToolbarControls":"PluginHeader_bui-PluginHeaderToolbarControls__cf3f6a1fa8","bui-PluginHeaderTabsWrapper":"PluginHeader_bui-PluginHeaderTabsWrapper__cf3f6a1fa8"};
 styleInject(css_248z);
 
 export { styles as default };

package/dist/components/PluginHeader/PluginHeaderBreadcrumbs.esm.js

@@ -0,0 +1,106 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { Link } from '../Link/Link.esm.js';
+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-router-dom';
+import '../Link/Link.module.css.esm.js';
+import { Text } from '../Text/Text.esm.js';
+import '../Text/Text.module.css.esm.js';
+import { MenuTrigger, Menu, MenuItem } from '../Menu/Menu.esm.js';
+import '../Menu/definition.esm.js';
+import { RiArrowRightSLine } from '@remixicon/react';
+import { Breadcrumbs, Breadcrumb, Button, Focusable } from 'react-aria-components';
+import { useIsTruncated } from './useIsTruncated.esm.js';
+import { TooltipTrigger, Tooltip } from '../Tooltip/Tooltip.esm.js';
+import '../Tooltip/Tooltip.module.css.esm.js';
+
+const COLLAPSE_THRESHOLD = 5;
+const ROOT_ITEMS = 1;
+function BreadcrumbSeparator() {
+  return /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: /* @__PURE__ */ jsx(RiArrowRightSLine, { size: 16 }) });
+}
+function BreadcrumbTooltipWrapper(props) {
+  const { showTooltip, label, children } = props;
+  return /* @__PURE__ */ jsxs(TooltipTrigger, { delay: 300, isDisabled: !showTooltip, children: [
+    children,
+    /* @__PURE__ */ jsx(Tooltip, { children: label })
+  ] });
+}
+function BreadcrumbLink(props) {
+  const { entry } = props;
+  const { ref, truncated } = useIsTruncated();
+  return /* @__PURE__ */ jsx(BreadcrumbTooltipWrapper, { label: entry.label, showTooltip: truncated, children: /* @__PURE__ */ jsx(
+    Link,
+    {
+      href: entry.href,
+      standalone: true,
+      variant: "body-medium",
+      truncate: true,
+      ref,
+      children: entry.label
+    }
+  ) });
+}
+function BreadcrumbText(props) {
+  const { entry } = props;
+  const { ref, truncated } = useIsTruncated();
+  return /* @__PURE__ */ jsx(BreadcrumbTooltipWrapper, { label: entry.label, showTooltip: truncated, children: /* @__PURE__ */ jsx(Focusable, { excludeFromTabOrder: !truncated, children: /* @__PURE__ */ jsx(Text, { variant: "body-medium", truncate: true, ref, children: entry.label }) }) });
+}
+function CollapsedSegment(props) {
+  const { items, ellipsisClassName } = props;
+  const ariaLabel = "Show more breadcrumbs";
+  return /* @__PURE__ */ jsxs(Breadcrumb, { children: [
+    /* @__PURE__ */ jsxs(MenuTrigger, { children: [
+      /* @__PURE__ */ jsx(Button, { "aria-label": ariaLabel, className: ellipsisClassName, children: /* @__PURE__ */ jsx(Text, { as: "span", variant: "body-medium", children: "\u2026" }) }),
+      /* @__PURE__ */ jsx(Menu, { children: items.map((item) => /* @__PURE__ */ jsx(MenuItem, { href: item.href, children: item.label }, item.href)) })
+    ] }),
+    /* @__PURE__ */ jsx(BreadcrumbSeparator, {})
+  ] }, "collapsed");
+}
+function AncestorSegment(props) {
+  const { entry } = props;
+  return /* @__PURE__ */ jsxs(Breadcrumb, { children: [
+    /* @__PURE__ */ jsx(BreadcrumbLink, { entry }),
+    /* @__PURE__ */ jsx(BreadcrumbSeparator, {})
+  ] }, entry.href);
+}
+function CurrentSegment(props) {
+  const { entry, isSingleEntry } = props;
+  return /* @__PURE__ */ jsx(Breadcrumb, { children: isSingleEntry ? /* @__PURE__ */ jsx(BreadcrumbLink, { entry }) : /* @__PURE__ */ jsx(BreadcrumbText, { entry }) }, entry.href);
+}
+function PluginHeaderBreadcrumbs(props) {
+  const { entries, className, ellipsisClassName } = props;
+  if (entries.length === 0) return null;
+  const isSingleEntry = entries.length === 1;
+  const current = entries[entries.length - 1];
+  const rest = entries.slice(0, -1);
+  let ancestorItems = null;
+  if (entries.length >= COLLAPSE_THRESHOLD) {
+    const root = rest.slice(0, ROOT_ITEMS);
+    const leading = rest.slice(-1);
+    const collapsed = rest.slice(ROOT_ITEMS, -1);
+    ancestorItems = /* @__PURE__ */ jsxs(Fragment, { children: [
+      root.map((entry) => /* @__PURE__ */ jsx(AncestorSegment, { entry }, entry.href)),
+      /* @__PURE__ */ jsx(
+        CollapsedSegment,
+        {
+          items: collapsed,
+          ellipsisClassName
+        }
+      ),
+      leading.map((entry) => /* @__PURE__ */ jsx(AncestorSegment, { entry }, entry.href))
+    ] });
+  } else {
+    ancestorItems = rest.map((entry) => /* @__PURE__ */ jsx(AncestorSegment, { entry }, entry.href));
+  }
+  return /* @__PURE__ */ jsx("nav", { id: "Breadcrumbs", "aria-label": "Breadcrumbs", className, children: /* @__PURE__ */ jsxs(Breadcrumbs, { children: [
+    ancestorItems,
+    /* @__PURE__ */ jsx(CurrentSegment, { entry: current, isSingleEntry })
+  ] }) });
+}
+
+export { PluginHeaderBreadcrumbs };
+//# sourceMappingURL=PluginHeaderBreadcrumbs.esm.js.map

package/dist/components/PluginHeader/PluginHeaderBreadcrumbs.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PluginHeaderBreadcrumbs.esm.js","sources":["../../../src/components/PluginHeader/PluginHeaderBreadcrumbs.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 { PluginHeaderBreadcrumbEntry } from './types';\nimport { Link } from '../Link';\nimport { Text } from '../Text';\nimport { MenuTrigger, Menu, MenuItem } from '../Menu';\nimport { RiArrowRightSLine } from '@remixicon/react';\nimport {\n  Focusable,\n  Breadcrumb as RACBreadcrumb,\n  Breadcrumbs as RACBreadcrumbs,\n  Button as RACButton,\n} from 'react-aria-components';\nimport { useIsTruncated } from './useIsTruncated';\nimport { Tooltip, TooltipTrigger } from '../Tooltip';\n\nconst COLLAPSE_THRESHOLD = 5;\nconst ROOT_ITEMS = 1;\nconst LEADING_ITEMS = 1;\n\n/** Separator icon that appears after non-current segments */\nfunction BreadcrumbSeparator() {\n  return (\n    <span aria-hidden=\"true\">\n      <RiArrowRightSLine size={16} />\n    </span>\n  );\n}\n\n/** Wraps children in a tooltip that shows on hover when the label is truncated. */\nfunction BreadcrumbTooltipWrapper(props: {\n  showTooltip: boolean;\n  label: string;\n  children: React.ReactNode;\n}) {\n  const { showTooltip, label, children } = props;\n\n  return (\n    <TooltipTrigger delay={300} isDisabled={!showTooltip}>\n      {children}\n      <Tooltip>{label}</Tooltip>\n    </TooltipTrigger>\n  );\n}\n\n/** Renders a link in the breadcrumbs trail */\nfunction BreadcrumbLink(props: { entry: PluginHeaderBreadcrumbEntry }) {\n  const { entry } = props;\n  const { ref, truncated } = useIsTruncated<HTMLAnchorElement>();\n  return (\n    <BreadcrumbTooltipWrapper label={entry.label} showTooltip={truncated}>\n      <Link\n        href={entry.href}\n        standalone\n        variant=\"body-medium\"\n        truncate\n        ref={ref}\n      >\n        {entry.label}\n      </Link>\n    </BreadcrumbTooltipWrapper>\n  );\n}\n\n/**\n * Renders a text in the breadcrumbs trail.\n * If it is truncated, it becomes focusable (requirement for the tooltip to work)\n */\nfunction BreadcrumbText(props: { entry: PluginHeaderBreadcrumbEntry }) {\n  const { entry } = props;\n  const { ref, truncated } = useIsTruncated<HTMLParagraphElement>();\n\n  return (\n    <BreadcrumbTooltipWrapper label={entry.label} showTooltip={truncated}>\n      <Focusable excludeFromTabOrder={!truncated}>\n        <Text variant=\"body-medium\" truncate ref={ref}>\n          {entry.label}\n        </Text>\n      </Focusable>\n    </BreadcrumbTooltipWrapper>\n  );\n}\n\n/** Renders an ellipsis button that opens a menu with the collapsed breadcrumb items. */\nfunction CollapsedSegment(props: {\n  items: PluginHeaderBreadcrumbEntry[];\n  ellipsisClassName?: string;\n}) {\n  const { items, ellipsisClassName } = props;\n  const ariaLabel = 'Show more breadcrumbs';\n  return (\n    <RACBreadcrumb key=\"collapsed\">\n      <MenuTrigger>\n        <RACButton aria-label={ariaLabel} className={ellipsisClassName}>\n          <Text as=\"span\" variant=\"body-medium\">\n            …\n          </Text>\n        </RACButton>\n        <Menu>\n          {items.map(item => (\n            <MenuItem key={item.href} href={item.href}>\n              {item.label}\n            </MenuItem>\n          ))}\n        </Menu>\n      </MenuTrigger>\n      <BreadcrumbSeparator />\n    </RACBreadcrumb>\n  );\n}\n\n/** Renders a non-current breadcrumb segment as a link with a trailing separator. */\nfunction AncestorSegment(props: { entry: PluginHeaderBreadcrumbEntry }) {\n  const { entry } = props;\n  return (\n    <RACBreadcrumb key={entry.href}>\n      <BreadcrumbLink entry={entry} />\n      <BreadcrumbSeparator />\n    </RACBreadcrumb>\n  );\n}\n\n/**\n * Renders the current page in the breadcrumbs trail\n * - RAC Breadcrumbs will attach `data-current` to this segment\n * - If it's the only entry (eg. we are on the root page of the Plugin), it will render as a link\n * - Otherwise renders as text\n * - If truncated, will be focusable and show a breadcrumb\n */\nfunction CurrentSegment(props: {\n  entry: PluginHeaderBreadcrumbEntry;\n  isSingleEntry: boolean;\n}) {\n  const { entry, isSingleEntry } = props;\n  return (\n    <RACBreadcrumb key={entry.href}>\n      {isSingleEntry ? (\n        <BreadcrumbLink entry={entry} />\n      ) : (\n        <BreadcrumbText entry={entry} />\n      )}\n    </RACBreadcrumb>\n  );\n}\n\n/**\n * Renders a breadcrumb navigation trail from an ordered list of entries.\n *\n * - Uses RAC Breadcrumb and Breadcrumbs internally for a11y utils\n * - A single entry renders as a clickable link (plugin root page).\n * - Multiple entries render ancestors as links and the last entry as plain text.\n * - When there are {@link COLLAPSE_THRESHOLD} or more entries, middle items\n *   collapse behind an ellipsis menu, keeping the root and leading items visible.\n *\n * @internal\n */\nexport function PluginHeaderBreadcrumbs(props: {\n  entries: PluginHeaderBreadcrumbEntry[];\n  className?: string;\n  ellipsisClassName?: string;\n}) {\n  const { entries, className, ellipsisClassName } = props;\n\n  if (entries.length === 0) return null;\n\n  const isSingleEntry = entries.length === 1;\n  const current = entries[entries.length - 1];\n  const rest = entries.slice(0, -1);\n\n  let ancestorItems: React.ReactNode = null;\n\n  if (entries.length >= COLLAPSE_THRESHOLD) {\n    const root = rest.slice(0, ROOT_ITEMS);\n    const leading = rest.slice(-LEADING_ITEMS);\n    const collapsed = rest.slice(ROOT_ITEMS, -LEADING_ITEMS);\n\n    ancestorItems = (\n      <>\n        {root.map(entry => (\n          <AncestorSegment key={entry.href} entry={entry} />\n        ))}\n        <CollapsedSegment\n          items={collapsed}\n          ellipsisClassName={ellipsisClassName}\n        />\n        {leading.map(entry => (\n          <AncestorSegment key={entry.href} entry={entry} />\n        ))}\n      </>\n    );\n  } else {\n    ancestorItems = rest.map(entry => (\n      <AncestorSegment key={entry.href} entry={entry} />\n    ));\n  }\n\n  return (\n    <nav id=\"Breadcrumbs\" aria-label=\"Breadcrumbs\" className={className}>\n      <RACBreadcrumbs>\n        {ancestorItems}\n        <CurrentSegment entry={current} isSingleEntry={isSingleEntry} />\n      </RACBreadcrumbs>\n    </nav>\n  );\n}\n"],"names":["RACBreadcrumb","RACButton","RACBreadcrumbs"],"mappings":"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"}

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

@@ -17,12 +17,15 @@ const PluginHeaderDefinition = defineComponent()({
     toolbarControls: "bui-PluginHeaderToolbarControls",
     toolbarIcon: "bui-PluginHeaderToolbarIcon",
     toolbarName: "bui-PluginHeaderToolbarName",
+    breadcrumbs: "bui-PluginHeaderBreadcrumbs",
+    breadcrumbsEllipsis: "bui-PluginHeaderBreadcrumbsEllipsis",
     tabs: "bui-PluginHeaderTabsWrapper"
   },
   propDefs: {
     icon: {},
     title: {},
     titleLink: {},
+    breadcrumbs: {},
     customActions: {},
     tabs: {},
     onTabSelectionChange: {},

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

@@ -1 +1 @@
-{"version":3,"file":"definition.esm.js","sources":["../../../src/components/PluginHeader/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 { PluginHeaderOwnProps } from './types';\nimport styles from './PluginHeader.module.css';\n\n/**\n * Component definition for PluginHeader\n * @public\n */\nexport const PluginHeaderDefinition = defineComponent<PluginHeaderOwnProps>()({\n  styles,\n  classNames: {\n    root: 'bui-PluginHeader',\n    toolbar: 'bui-PluginHeaderToolbar',\n    toolbarContent: 'bui-PluginHeaderToolbarContent',\n    toolbarControls: 'bui-PluginHeaderToolbarControls',\n    toolbarIcon: 'bui-PluginHeaderToolbarIcon',\n    toolbarName: 'bui-PluginHeaderToolbarName',\n    tabs: 'bui-PluginHeaderTabsWrapper',\n  },\n  propDefs: {\n    icon: {},\n    title: {},\n    titleLink: {},\n    customActions: {},\n    tabs: {},\n    onTabSelectionChange: {},\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,yBAAA;AAAA,IACT,cAAA,EAAgB,gCAAA;AAAA,IAChB,eAAA,EAAiB,iCAAA;AAAA,IACjB,WAAA,EAAa,6BAAA;AAAA,IACb,WAAA,EAAa,6BAAA;AAAA,IACb,IAAA,EAAM;AAAA,GACR;AAAA,EACA,QAAA,EAAU;AAAA,IACR,MAAM,EAAC;AAAA,IACP,OAAO,EAAC;AAAA,IACR,WAAW,EAAC;AAAA,IACZ,eAAe,EAAC;AAAA,IAChB,MAAM,EAAC;AAAA,IACP,sBAAsB,EAAC;AAAA,IACvB,WAAW;AAAC;AAEhB,CAAC;;;;"}
+{"version":3,"file":"definition.esm.js","sources":["../../../src/components/PluginHeader/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 { PluginHeaderOwnProps } from './types';\nimport styles from './PluginHeader.module.css';\n\n/**\n * Component definition for PluginHeader\n * @public\n */\nexport const PluginHeaderDefinition = defineComponent<PluginHeaderOwnProps>()({\n  styles,\n  classNames: {\n    root: 'bui-PluginHeader',\n    toolbar: 'bui-PluginHeaderToolbar',\n    toolbarContent: 'bui-PluginHeaderToolbarContent',\n    toolbarControls: 'bui-PluginHeaderToolbarControls',\n    toolbarIcon: 'bui-PluginHeaderToolbarIcon',\n    toolbarName: 'bui-PluginHeaderToolbarName',\n    breadcrumbs: 'bui-PluginHeaderBreadcrumbs',\n    breadcrumbsEllipsis: 'bui-PluginHeaderBreadcrumbsEllipsis',\n    tabs: 'bui-PluginHeaderTabsWrapper',\n  },\n  propDefs: {\n    icon: {},\n    title: {},\n    titleLink: {},\n    breadcrumbs: {},\n    customActions: {},\n    tabs: {},\n    onTabSelectionChange: {},\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,yBAAA;AAAA,IACT,cAAA,EAAgB,gCAAA;AAAA,IAChB,eAAA,EAAiB,iCAAA;AAAA,IACjB,WAAA,EAAa,6BAAA;AAAA,IACb,WAAA,EAAa,6BAAA;AAAA,IACb,WAAA,EAAa,6BAAA;AAAA,IACb,mBAAA,EAAqB,qCAAA;AAAA,IACrB,IAAA,EAAM;AAAA,GACR;AAAA,EACA,QAAA,EAAU;AAAA,IACR,MAAM,EAAC;AAAA,IACP,OAAO,EAAC;AAAA,IACR,WAAW,EAAC;AAAA,IACZ,aAAa,EAAC;AAAA,IACd,eAAe,EAAC;AAAA,IAChB,MAAM,EAAC;AAAA,IACP,sBAAsB,EAAC;AAAA,IACvB,WAAW;AAAC;AAEhB,CAAC;;;;"}

package/dist/components/PluginHeader/useIsTruncated.esm.js

@@ -0,0 +1,36 @@
+import { useRef, useState } from 'react';
+import { useIsomorphicLayoutEffect } from '../../hooks/useIsomorphicLayoutEffect.esm.js';
+
+const DEBOUNCE_MS = 150;
+function observeResize(el, callback) {
+  if (typeof ResizeObserver === "undefined") return void 0;
+  let timerId;
+  const observer = new ResizeObserver(() => {
+    clearTimeout(timerId);
+    timerId = setTimeout(callback, DEBOUNCE_MS);
+  });
+  observer.observe(el);
+  return () => {
+    clearTimeout(timerId);
+    observer.disconnect();
+  };
+}
+function useIsTruncated() {
+  const ref = useRef(null);
+  const [truncated, setTruncated] = useState(false);
+  useIsomorphicLayoutEffect(() => {
+    const el = ref.current;
+    if (!el) return;
+    setTruncated(el.scrollWidth > el.clientWidth);
+  });
+  useIsomorphicLayoutEffect(() => {
+    const el = ref.current;
+    if (!el) return void 0;
+    const check = () => setTruncated(el.scrollWidth > el.clientWidth);
+    return observeResize(el, check);
+  }, []);
+  return { ref, truncated };
+}
+
+export { useIsTruncated };
+//# sourceMappingURL=useIsTruncated.esm.js.map

package/dist/components/PluginHeader/useIsTruncated.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsTruncated.esm.js","sources":["../../../src/components/PluginHeader/useIsTruncated.ts"],"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 { useRef, useState } from 'react';\nimport { useIsomorphicLayoutEffect } from '../../hooks/useIsomorphicLayoutEffect';\n\nconst DEBOUNCE_MS = 150;\n\nfunction observeResize(\n  el: HTMLElement,\n  callback: () => void,\n): (() => void) | undefined {\n  if (typeof ResizeObserver === 'undefined') return undefined; // ResizeObserver isn't available in all runtimes (e.g. older browsers, SSR, Jest/jsdom)\n\n  let timerId: ReturnType<typeof setTimeout> | undefined;\n  const observer = new ResizeObserver(() => {\n    clearTimeout(timerId);\n    timerId = setTimeout(callback, DEBOUNCE_MS);\n  });\n  observer.observe(el);\n  return () => {\n    clearTimeout(timerId);\n    observer.disconnect();\n  };\n}\n\n/**\n * Tracks whether a text element is overflowing its container via CSS truncation.\n * Useful for conditionally showing a tooltip only when text is truncated.\n *\n * Checks on every render and whenever the element resizes (via ResizeObserver, debounced).\n *\n * @example\n * ```tsx\n * const { ref, truncated } = useIsTruncated();\n *\n * <TooltipTrigger isDisabled={!truncated}>\n *   <span ref={ref}>\n *     {label}\n *   </span>\n *   <Tooltip>{label}</Tooltip>\n * </TooltipTrigger>\n * ```\n *\n * @internal\n */\nexport function useIsTruncated<T extends HTMLElement = HTMLElement>(): {\n  ref: React.RefObject<T>;\n  truncated: boolean;\n} {\n  const ref = useRef<T>(null);\n  const [truncated, setTruncated] = useState(false);\n\n  // Re-check after each render in case the content changes without a resize event.\n  useIsomorphicLayoutEffect(() => {\n    const el = ref.current;\n    if (!el) return;\n    setTruncated(el.scrollWidth > el.clientWidth);\n  });\n\n  // Also keep it up-to-date when the element resizes.\n  useIsomorphicLayoutEffect(() => {\n    const el = ref.current;\n    if (!el) return undefined;\n\n    const check = () => setTruncated(el.scrollWidth > el.clientWidth);\n\n    return observeResize(el, check);\n  }, []);\n\n  return { ref, truncated };\n}\n"],"names":[],"mappings":";;;AAmBA,MAAM,WAAA,GAAc,GAAA;AAEpB,SAAS,aAAA,CACP,IACA,QAAA,EAC0B;AAC1B,EAAA,IAAI,OAAO,cAAA,KAAmB,WAAA,EAAa,OAAO,MAAA;AAElD,EAAA,IAAI,OAAA;AACJ,EAAA,MAAM,QAAA,GAAW,IAAI,cAAA,CAAe,MAAM;AACxC,IAAA,YAAA,CAAa,OAAO,CAAA;AACpB,IAAA,OAAA,GAAU,UAAA,CAAW,UAAU,WAAW,CAAA;AAAA,EAC5C,CAAC,CAAA;AACD,EAAA,QAAA,CAAS,QAAQ,EAAE,CAAA;AACnB,EAAA,OAAO,MAAM;AACX,IAAA,YAAA,CAAa,OAAO,CAAA;AACpB,IAAA,QAAA,CAAS,UAAA,EAAW;AAAA,EACtB,CAAA;AACF;AAsBO,SAAS,cAAA,GAGd;AACA,EAAA,MAAM,GAAA,GAAM,OAAU,IAAI,CAAA;AAC1B,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,SAAS,KAAK,CAAA;AAGhD,EAAA,yBAAA,CAA0B,MAAM;AAC9B,IAAA,MAAM,KAAK,GAAA,CAAI,OAAA;AACf,IAAA,IAAI,CAAC,EAAA,EAAI;AACT,IAAA,YAAA,CAAa,EAAA,CAAG,WAAA,GAAc,EAAA,CAAG,WAAW,CAAA;AAAA,EAC9C,CAAC,CAAA;AAGD,EAAA,yBAAA,CAA0B,MAAM;AAC9B,IAAA,MAAM,KAAK,GAAA,CAAI,OAAA;AACf,IAAA,IAAI,CAAC,IAAI,OAAO,MAAA;AAEhB,IAAA,MAAM,QAAQ,MAAM,YAAA,CAAa,EAAA,CAAG,WAAA,GAAc,GAAG,WAAW,CAAA;AAEhE,IAAA,OAAO,aAAA,CAAc,IAAI,KAAK,CAAA;AAAA,EAChC,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,OAAO,EAAE,KAAK,SAAA,EAAU;AAC1B;;;;"}

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

@@ -0,0 +1,61 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { forwardRef, useEffect } from 'react';
+import { TextField, TextArea } from 'react-aria-components';
+import { FieldLabel } from '../FieldLabel/FieldLabel.esm.js';
+import { useDefinition } from '../../hooks/useDefinition/useDefinition.esm.js';
+import '../FieldLabel/FieldLabel.module.css.esm.js';
+import { FieldError } from '../FieldError/FieldError.esm.js';
+import '../FieldError/FieldError.module.css.esm.js';
+import { TextAreaFieldDefinition } from './definition.esm.js';
+
+const TextAreaField = forwardRef(
+  (props, ref) => {
+    const { ownProps, restProps, dataAttributes } = useDefinition(
+      TextAreaFieldDefinition,
+      props
+    );
+    const { classes, label, secondaryLabel, placeholder, description, rows } = ownProps;
+    useEffect(() => {
+      if (!label && !restProps["aria-label"] && !restProps["aria-labelledby"]) {
+        console.warn(
+          "TextAreaField requires either a visible label, aria-label, or aria-labelledby for accessibility"
+        );
+      }
+    }, [label, restProps["aria-label"], restProps["aria-labelledby"]]);
+    const secondaryLabelText = secondaryLabel || (restProps.isRequired ? "Required" : null);
+    return /* @__PURE__ */ jsxs(
+      TextField,
+      {
+        className: classes.root,
+        ...dataAttributes,
+        ...restProps,
+        ref,
+        children: [
+          /* @__PURE__ */ jsx(
+            FieldLabel,
+            {
+              label,
+              secondaryLabel: secondaryLabelText,
+              description,
+              descriptionSlot: "description"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            TextArea,
+            {
+              className: classes.textArea,
+              "data-size": dataAttributes["data-size"],
+              placeholder,
+              rows
+            }
+          ),
+          /* @__PURE__ */ jsx(FieldError, {})
+        ]
+      }
+    );
+  }
+);
+TextAreaField.displayName = "TextAreaField";
+
+export { TextAreaField };
+//# sourceMappingURL=TextAreaField.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextAreaField.esm.js","sources":["../../../src/components/TextAreaField/TextAreaField.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, useEffect } from 'react';\nimport { TextArea, TextField as AriaTextField } from 'react-aria-components';\nimport { FieldLabel } from '../FieldLabel';\nimport { FieldError } from '../FieldError';\nimport type { TextAreaFieldProps } from './types';\nimport { useDefinition } from '../../hooks/useDefinition';\nimport { TextAreaFieldDefinition } from './definition';\n\n/**\n * A multi-line text input with an integrated label and inline error display.\n *\n * @public\n */\nexport const TextAreaField = forwardRef<HTMLDivElement, TextAreaFieldProps>(\n  (props, ref) => {\n    const { ownProps, restProps, dataAttributes } = useDefinition(\n      TextAreaFieldDefinition,\n      props,\n    );\n    const { classes, label, secondaryLabel, placeholder, description, rows } =\n      ownProps;\n\n    useEffect(() => {\n      if (!label && !restProps['aria-label'] && !restProps['aria-labelledby']) {\n        console.warn(\n          'TextAreaField requires either a visible label, aria-label, or aria-labelledby for accessibility',\n        );\n      }\n    }, [label, restProps['aria-label'], restProps['aria-labelledby']]);\n\n    // If a secondary label is provided, use it. Otherwise, use 'Required' if the field is required.\n    const secondaryLabelText =\n      secondaryLabel || (restProps.isRequired ? 'Required' : null);\n\n    return (\n      <AriaTextField\n        className={classes.root}\n        {...dataAttributes}\n        {...restProps}\n        ref={ref}\n      >\n        <FieldLabel\n          label={label}\n          secondaryLabel={secondaryLabelText}\n          description={description}\n          descriptionSlot=\"description\"\n        />\n        <TextArea\n          className={classes.textArea}\n          data-size={dataAttributes['data-size']}\n          placeholder={placeholder}\n          rows={rows}\n        />\n        <FieldError />\n      </AriaTextField>\n    );\n  },\n);\n\nTextAreaField.displayName = 'TextAreaField';\n"],"names":["AriaTextField"],"mappings":";;;;;;;;;;AA6BO,MAAM,aAAA,GAAgB,UAAA;AAAA,EAC3B,CAAC,OAAO,GAAA,KAAQ;AACd,IAAA,MAAM,EAAE,QAAA,EAAU,SAAA,EAAW,cAAA,EAAe,GAAI,aAAA;AAAA,MAC9C,uBAAA;AAAA,MACA;AAAA,KACF;AACA,IAAA,MAAM,EAAE,OAAA,EAAS,KAAA,EAAO,gBAAgB,WAAA,EAAa,WAAA,EAAa,MAAK,GACrE,QAAA;AAEF,IAAA,SAAA,CAAU,MAAM;AACd,MAAA,IAAI,CAAC,SAAS,CAAC,SAAA,CAAU,YAAY,CAAA,IAAK,CAAC,SAAA,CAAU,iBAAiB,CAAA,EAAG;AACvE,QAAA,OAAA,CAAQ,IAAA;AAAA,UACN;AAAA,SACF;AAAA,MACF;AAAA,IACF,CAAA,EAAG,CAAC,KAAA,EAAO,SAAA,CAAU,YAAY,CAAA,EAAG,SAAA,CAAU,iBAAiB,CAAC,CAAC,CAAA;AAGjE,IAAA,MAAM,kBAAA,GACJ,cAAA,KAAmB,SAAA,CAAU,UAAA,GAAa,UAAA,GAAa,IAAA,CAAA;AAEzD,IAAA,uBACE,IAAA;AAAA,MAACA,SAAA;AAAA,MAAA;AAAA,QACC,WAAW,OAAA,CAAQ,IAAA;AAAA,QAClB,GAAG,cAAA;AAAA,QACH,GAAG,SAAA;AAAA,QACJ,GAAA;AAAA,QAEA,QAAA,EAAA;AAAA,0BAAA,GAAA;AAAA,YAAC,UAAA;AAAA,YAAA;AAAA,cACC,KAAA;AAAA,cACA,cAAA,EAAgB,kBAAA;AAAA,cAChB,WAAA;AAAA,cACA,eAAA,EAAgB;AAAA;AAAA,WAClB;AAAA,0BACA,GAAA;AAAA,YAAC,QAAA;AAAA,YAAA;AAAA,cACC,WAAW,OAAA,CAAQ,QAAA;AAAA,cACnB,WAAA,EAAW,eAAe,WAAW,CAAA;AAAA,cACrC,WAAA;AAAA,cACA;AAAA;AAAA,WACF;AAAA,8BACC,UAAA,EAAA,EAAW;AAAA;AAAA;AAAA,KACd;AAAA,EAEJ;AACF;AAEA,aAAA,CAAc,WAAA,GAAc,eAAA;;;;"}

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

@@ -0,0 +1,8 @@
+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  .TextAreaField_bui-TextAreaField__dceec51086 {\n    display: flex;\n    flex-direction: column;\n    font-family: var(--bui-font-regular);\n    width: 100%;\n    flex: 1;\n  }\n\n  .TextAreaField_bui-TextArea__dceec51086 {\n    display: block;\n    padding: var(--bui-space-2) var(--bui-space-3);\n    border-radius: var(--bui-radius-2);\n    border: none;\n    background-color: var(--bui-bg-neutral-1);\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: 140%;\n    color: var(--bui-fg-primary);\n    transition: box-shadow 0.2s ease-in-out;\n    width: 100%;\n    /* Keep the manual resize handle so users can expand the field. */\n    resize: vertical;\n    overflow-y: auto;\n\n    .TextAreaField_bui-TextAreaField__dceec51086[data-on-bg='neutral-1'] & {\n      background-color: var(--bui-bg-neutral-2);\n    }\n\n    .TextAreaField_bui-TextAreaField__dceec51086[data-on-bg='neutral-2'] & {\n      background-color: var(--bui-bg-neutral-3);\n    }\n\n    .TextAreaField_bui-TextAreaField__dceec51086[data-on-bg='neutral-3'] & {\n      background-color: var(--bui-bg-neutral-4);\n    }\n\n    &[data-focused] {\n      outline: none;\n      box-shadow: inset 0 0 0 1px var(--bui-ring);\n    }\n\n    &::placeholder {\n      color: var(--bui-fg-secondary);\n    }\n\n    &[data-invalid] {\n      box-shadow: inset 0 0 0 1px var(--bui-border-danger);\n    }\n\n    &[data-disabled] {\n      opacity: 0.5;\n      cursor: not-allowed;\n    }\n\n    &[data-size='small'] {\n      padding: var(--bui-space-1_5) var(--bui-space-3);\n    }\n\n    &[data-size='medium'] {\n      padding: var(--bui-space-2) var(--bui-space-3);\n    }\n  }\n}\n";
+var styles = {"bui-TextAreaField":"TextAreaField_bui-TextAreaField__dceec51086","bui-TextArea":"TextAreaField_bui-TextArea__dceec51086"};
+styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=TextAreaField.module.css.esm.js.map

package/dist/components/TextAreaField/TextAreaField.module.css.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextAreaField.module.css.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

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

@@ -0,0 +1,32 @@
+import 'react/jsx-runtime';
+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-router-dom';
+import { defineComponent } from '../../hooks/useDefinition/defineComponent.esm.js';
+import styles from './TextAreaField.module.css.esm.js';
+
+const TextAreaFieldDefinition = defineComponent()(
+  {
+    styles,
+    classNames: {
+      root: "bui-TextAreaField",
+      textArea: "bui-TextArea"
+    },
+    bg: "consumer",
+    propDefs: {
+      size: { dataAttribute: true, default: "small" },
+      className: {},
+      placeholder: {},
+      rows: { default: 3 },
+      label: {},
+      description: {},
+      secondaryLabel: {}
+    }
+  }
+);
+
+export { TextAreaFieldDefinition };
+//# sourceMappingURL=definition.esm.js.map

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

@@ -0,0 +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;;;;"}

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 import * as react from 'react';
 import { CSSProperties, ReactNode, HTMLAttributes, ComponentPropsWithoutRef, ReactElement, ElementType, ComponentPropsWithRef, ComponentProps } from 'react';
 import { DisclosureProps, DisclosureGroupProps, DisclosurePanelProps, HeadingProps, ButtonProps as ButtonProps$1, DatePickerProps as DatePickerProps$1, DateRangePickerProps as DateRangePickerProps$1, ModalOverlayProps, DialogTriggerProps as DialogTriggerProps$1, TabProps as TabProps$1, TabListProps as TabListProps$1, TabPanelProps as TabPanelProps$1, TabsProps as TabsProps$1, LinkProps as LinkProps$1, CheckboxProps as CheckboxProps$1, CheckboxGroupProps as CheckboxGroupProps$1, Key, ComboBoxProps, ListBoxItemRenderProps, ListBoxItemProps, RadioProps as RadioProps$1, RadioGroupProps as RadioGroupProps$1, SliderProps as SliderProps$1, CellProps as CellProps$1, ColumnProps as ColumnProps$1, RowProps as RowProps$1, TableProps as TableProps$1, TableBodyProps as TableBodyProps$1, TableHeaderProps as TableHeaderProps$1, TagProps as TagProps$1, TagListProps, TagGroupProps as TagGroupProps$1, TextFieldProps as TextFieldProps$1, NumberFieldProps as NumberFieldProps$1, TooltipProps as TooltipProps$1, TooltipTriggerComponentProps, PopoverProps as PopoverProps$1, MenuProps as MenuProps$1, ListBoxProps, MenuItemProps as MenuItemProps$1, MenuSectionProps as MenuSectionProps$1, SeparatorProps, MenuTriggerProps as MenuTriggerProps$1, SubmenuTriggerProps as SubmenuTriggerProps$1, SearchFieldProps as SearchFieldProps$1, GridListProps, GridListItemProps, SelectProps as SelectProps$1, SwitchProps as SwitchProps$1, ToggleButtonProps as ToggleButtonProps$1, ToggleButtonGroupProps as ToggleButtonGroupProps$1 } from 'react-aria-components';
+export { Focusable, Key, Selection, SortDirection } from 'react-aria-components';
 import { DateValue } from '@internationalized/date';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { NavigateOptions } from 'react-router-dom';
@@ -1559,6 +1560,7 @@ interface PluginHeaderOwnProps {
     icon?: React.ReactNode;
     title?: string;
     titleLink?: string;
+    breadcrumbs?: PluginHeaderBreadcrumbEntry[];
     customActions?: React.ReactNode;
     tabs?: HeaderTab[];
     onTabSelectionChange?: TabsProps$1['onSelectionChange'];
@@ -1587,6 +1589,15 @@ interface HeaderTab {
      */
     matchStrategy?: TabMatchStrategy;
 }
+/**
+ * Represents a breadcrumb item in the PluginHeader Breadcrumbs
+ *
+ * @public
+ */
+interface PluginHeaderBreadcrumbEntry {
+    href: string;
+    label: string;
+}
 
 declare module 'react-aria-components' {
     interface RouterConfig {
@@ -1617,12 +1628,15 @@ declare const PluginHeaderDefinition: {
         readonly toolbarControls: "bui-PluginHeaderToolbarControls";
         readonly toolbarIcon: "bui-PluginHeaderToolbarIcon";
         readonly toolbarName: "bui-PluginHeaderToolbarName";
+        readonly breadcrumbs: "bui-PluginHeaderBreadcrumbs";
+        readonly breadcrumbsEllipsis: "bui-PluginHeaderBreadcrumbsEllipsis";
         readonly tabs: "bui-PluginHeaderTabsWrapper";
     };
     readonly propDefs: {
         readonly icon: {};
         readonly title: {};
         readonly titleLink: {};
+        readonly breadcrumbs: {};
         readonly customActions: {};
         readonly tabs: {};
         readonly onTabSelectionChange: {};
@@ -3445,6 +3459,67 @@ declare const TextFieldDefinition: {
     };
 };
 
+/** @public */
+type TextAreaFieldOwnProps = {
+    /**
+     * The size of the text area field
+     * @defaultValue 'small'
+     */
+    size?: 'small' | 'medium' | Partial<Record<Breakpoint, 'small' | 'medium'>>;
+    className?: string;
+    /**
+     * Text to display in the text area when it has no value
+     */
+    placeholder?: string;
+    /**
+     * The number of visible text lines, controlling the initial and minimum height
+     * @defaultValue 3
+     */
+    rows?: number;
+    label?: FieldLabelProps['label'];
+    description?: FieldLabelProps['description'];
+    secondaryLabel?: FieldLabelProps['secondaryLabel'];
+};
+/** @public */
+interface TextAreaFieldProps extends Omit<TextFieldProps$1, 'className' | 'description'>, TextAreaFieldOwnProps {
+}
+
+/**
+ * A multi-line text input with an integrated label and inline error display.
+ *
+ * @public
+ */
+declare const TextAreaField: react.ForwardRefExoticComponent<TextAreaFieldProps & react.RefAttributes<HTMLDivElement>>;
+
+/**
+ * Component definition for TextAreaField
+ * @public
+ */
+declare const TextAreaFieldDefinition: {
+    readonly styles: {
+        readonly [key: string]: string;
+    };
+    readonly classNames: {
+        readonly root: "bui-TextAreaField";
+        readonly textArea: "bui-TextArea";
+    };
+    readonly bg: "consumer";
+    readonly propDefs: {
+        readonly size: {
+            readonly dataAttribute: true;
+            readonly default: "small";
+        };
+        readonly className: {};
+        readonly placeholder: {};
+        readonly rows: {
+            readonly default: 3;
+        };
+        readonly label: {};
+        readonly description: {};
+        readonly secondaryLabel: {};
+    };
+};
+
 /** @public */
 type NumberFieldOwnProps = {
     /**
@@ -4934,5 +5009,5 @@ declare function useAnalytics(): AnalyticsTracker;
  */
 declare function getNodeText(node: ReactNode | ((...args: any[]) => ReactNode)): string | undefined;
 
-export { Accordion, AccordionDefinition, AccordionGroup, AccordionGroupDefinition, AccordionPanel, AccordionPanelDefinition, AccordionTrigger, AccordionTriggerDefinition, Alert, AlertDefinition, Avatar, AvatarDefinition, BUIProvider, Badge, BadgeDefinition, BgProvider, Box, BoxDefinition, Button, ButtonDefinition, ButtonIcon, ButtonIconDefinition, ButtonLink, ButtonLinkDefinition, Card, CardBody, CardBodyDefinition, CardDefinition, CardFooter, CardFooterDefinition, CardHeader, CardHeaderDefinition, Cell, CellProfile, CellText, Checkbox, CheckboxDefinition, CheckboxGroup, CheckboxGroupDefinition, Column, Combobox, ComboboxDefinition, ComboboxInputDefinition, ComboboxItem, ComboboxItemDefinition, ComboboxItemProfile, ComboboxItemProfileDefinition, ComboboxItemText, ComboboxItemTextDefinition, ComboboxListBoxDefinition, ComboboxListBoxItemDefinition, ComboboxSectionDefinition, Container, ContainerDefinition, DatePicker, DatePickerCalendarDefinition, DatePickerDefinition, DatePickerGroupDefinition, DateRangePicker, DateRangePickerDefinition, Dialog, DialogBody, DialogBodyDefinition, DialogDefinition, DialogFooter, DialogFooterDefinition, DialogHeader, DialogHeaderDefinition, DialogTrigger, FieldLabel, FieldLabelDefinition, Flex, FlexDefinition, FullPage, FullPageDefinition, Grid, GridDefinition, GridItemDefinition, Header, HeaderDefinition, HeaderMetadataStatus, HeaderMetadataUsers, HeaderNavDefinition, HeaderNavGroupDefinition, HeaderNavItemDefinition, HeaderPage, HeaderPageDefinition, Link, LinkDefinition, List, ListDefinition, ListRow, ListRowDefinition, Menu, MenuAutocomplete, MenuAutocompleteListbox, MenuDefinition, MenuItem, MenuListBox, MenuListBoxItem, MenuSection, MenuSeparator, MenuTrigger, NumberField, NumberFieldDefinition, PasswordField, PasswordFieldDefinition, PluginHeader, PluginHeaderDefinition, Popover, PopoverDefinition, Radio, RadioDefinition, RadioGroup, RadioGroupDefinition, Row, SearchAutocomplete, SearchAutocompleteDefinition, SearchAutocompleteItem, SearchField, SearchFieldDefinition, Select, SelectContentDefinition, SelectDefinition, SelectItem, SelectItemDefinition, SelectItemProfile, SelectItemProfileDefinition, SelectItemText, SelectItemTextDefinition, SelectListBoxDefinition, SelectListBoxItemDefinition, SelectSectionDefinition, SelectTriggerDefinition, Skeleton, SkeletonDefinition, Slider, SliderDefinition, SubmenuTrigger, Switch, SwitchDefinition, Tab, TabList, TabPanel, Table, TableBody, TableBodySkeleton, TableDefinition, TableHeader, TablePagination, TablePaginationDefinition, TableRoot, Tabs, TabsDefinition, Tag, TagGroup, TagGroupDefinition, Text, TextDefinition, TextField, TextFieldDefinition, ToggleButton, ToggleButtonDefinition, ToggleButtonGroup, ToggleButtonGroupDefinition, Tooltip, TooltipDefinition, TooltipTrigger, VisuallyHidden, VisuallyHiddenDefinition, getNodeText, useAnalytics, useBgConsumer, useBgProvider, useBreakpoint, useTable };
-export type { AccordionGroupOwnProps, AccordionGroupProps, AccordionOwnProps, AccordionPanelOwnProps, AccordionPanelProps, AccordionProps, AccordionTriggerOwnProps, AccordionTriggerProps, AlertOwnProps, AlertProps, AlignItems, AnalyticsEventAttributes, AnalyticsTracker, AsyncListSource, AvatarOwnProps, AvatarProps, BUIProviderProps, BadgeOwnProps, BadgeProps, BgContextValue, BgProviderProps, Border, BorderRadius, BoxOwnProps, BoxProps, BoxUtilityProps, Breakpoint, ButtonIconOwnProps, ButtonIconProps, ButtonLinkOwnProps, ButtonLinkProps, ButtonOwnProps, ButtonProps, CardBaseProps, CardBodyOwnProps, CardBodyProps, CardButtonVariant, CardFooterOwnProps, CardFooterProps, CardHeaderOwnProps, CardHeaderProps, CardLinkVariant, CardOwnProps, CardProps, CardStaticVariant, CellOwnProps, CellProfileOwnProps, CellProfileProps, CellProps, CellTextOwnProps, CellTextProps, CheckboxGroupOwnProps, CheckboxGroupProps, CheckboxOwnProps, CheckboxProps, ColumnConfig, ColumnOwnProps, ColumnProps, Columns, ComboboxAsyncItemsProps, ComboboxAsyncOptionsProps, ComboboxAsyncSearch, ComboboxBaseOwnProps, ComboboxCommonProps, ComboboxItemOwnProps, ComboboxItemProfileOwnProps, ComboboxItemProfileProps, ComboboxItemProps, ComboboxItemSelectionProps, ComboboxItemTextOwnProps, ComboboxItemTextProps, ComboboxItemsProps, ComboboxKeySelectionProps, ComboboxOptionsProps, ComboboxOwnProps, ComboboxProps, ComboboxSearch, ComboboxServerItem, ComboboxServerItemsProps, ComboboxServerOptionsProps, ComboboxStaticProps, ComboboxStaticSearch, CompletePaginationOptions, ContainerBg, ContainerOwnProps, ContainerProps, CursorParams, CursorResponse, DatePickerOwnProps, DatePickerProps, DateRangePickerOwnProps, DateRangePickerProps, DialogBodyOwnProps, DialogBodyProps, DialogFooterOwnProps, DialogFooterProps, DialogHeaderOwnProps, DialogHeaderProps, DialogOwnProps, DialogProps, DialogTriggerProps, Display, FieldLabelOwnProps, FieldLabelProps, FilterState, FlexDirection, FlexItemProps, FlexOwnProps, FlexProps, FlexWrap, FullPageOwnProps, FullPageProps, GridItemOwnProps, GridItemProps, GridOwnProps, GridProps, HeaderBreadcrumb, HeaderMetadataItem, HeaderMetadataStatusProps, HeaderMetadataUser, HeaderNavTab, HeaderNavTabGroup, HeaderNavTabItem, HeaderOwnProps, HeaderPageBreadcrumb, HeaderPageOwnProps, HeaderPageProps, HeaderProps, HeaderTab, HeaderTag, IdentifiedOption, JustifyContent, LegacyOption, LinkOwnProps, LinkProps, ListOwnProps, ListProps, ListRowOwnProps, ListRowProps, LoadingConfig, LoadingState, MarginProps, MenuAutocompleteListBoxOwnProps, MenuAutocompleteListBoxProps, MenuAutocompleteOwnProps, MenuAutocompleteProps, MenuItemOwnProps, MenuItemProps, MenuListBoxItemOwnProps, MenuListBoxItemProps, MenuListBoxOwnProps, MenuListBoxProps, MenuOwnProps, MenuPopoverOwnProps, MenuProps, MenuSectionOwnProps, MenuSectionProps, MenuSeparatorOwnProps, MenuSeparatorProps, MenuTriggerProps, NoPagination, NormalizedOption, NumberFieldOwnProps, NumberFieldProps, OffsetParams, OffsetResponse, Option, OptionSection, PaddingProps, PagePagination, PageSizeOption, PaginationOptions, PasswordFieldOwnProps, PasswordFieldProps, PluginHeaderOwnProps, PluginHeaderProps, PopoverOwnProps, PopoverProps, ProviderBg, QueryOptions, RadioGroupOwnProps, RadioGroupProps, RadioOwnProps, RadioProps, Responsive, RowConfig, RowOwnProps, RowProps, RowRenderFn, SearchAutocompleteItemOwnProps, SearchAutocompleteItemProps, SearchAutocompleteOwnProps, SearchAutocompleteProps, SearchFieldOwnProps, SearchFieldProps, SearchState, SelectAsyncItemsProps, SelectAsyncOptionsProps, SelectAsyncSearch, SelectBaseOwnProps, SelectCommonProps, SelectItemOwnProps, SelectItemProfileOwnProps, SelectItemProfileProps, SelectItemProps, SelectItemTextOwnProps, SelectItemTextProps, SelectItemsProps, SelectOptionsProps, SelectOwnProps, SelectProps, SelectSearch, SelectStaticProps, SelectStaticSearch, SkeletonOwnProps, SkeletonProps, SliderOwnProps, SliderProps, SortDescriptor, SortState, Space, SpaceProps, SubmenuTriggerProps, SwitchOwnProps, SwitchProps, TabListOwnProps, TabListProps, TabMatchStrategy, TabOwnProps, TabPanelOwnProps, TabPanelProps, TabProps, TableBodyOwnProps, TableBodyProps, TableHeaderOwnProps, TableHeaderProps, TableItem, TablePaginationOwnProps, TablePaginationProps, TablePaginationType, TableProps, TableRootOwnProps, TableRootProps, TableSelection, TabsOwnProps, TabsProps, TagGroupOwnProps, TagGroupProps, TagOwnProps, TagProps, TextColorStatus, TextColors, TextFieldOwnProps, TextFieldProps, TextOwnProps, TextProps, TextVariants, TextWeights, ToggleButtonGroupOwnProps, ToggleButtonGroupProps, ToggleButtonOwnProps, ToggleButtonProps, TooltipOwnProps, TooltipProps, UseAnalyticsFn, UseTableCompleteOptions, UseTableCursorOptions, UseTableOffsetOptions, UseTableOptions, UseTableResult, UtilityProps, VirtualizedProp, VisuallyHiddenOwnProps, VisuallyHiddenProps };
+export { Accordion, AccordionDefinition, AccordionGroup, AccordionGroupDefinition, AccordionPanel, AccordionPanelDefinition, AccordionTrigger, AccordionTriggerDefinition, Alert, AlertDefinition, Avatar, AvatarDefinition, BUIProvider, Badge, BadgeDefinition, BgProvider, Box, BoxDefinition, Button, ButtonDefinition, ButtonIcon, ButtonIconDefinition, ButtonLink, ButtonLinkDefinition, Card, CardBody, CardBodyDefinition, CardDefinition, CardFooter, CardFooterDefinition, CardHeader, CardHeaderDefinition, Cell, CellProfile, CellText, Checkbox, CheckboxDefinition, CheckboxGroup, CheckboxGroupDefinition, Column, Combobox, ComboboxDefinition, ComboboxInputDefinition, ComboboxItem, ComboboxItemDefinition, ComboboxItemProfile, ComboboxItemProfileDefinition, ComboboxItemText, ComboboxItemTextDefinition, ComboboxListBoxDefinition, ComboboxListBoxItemDefinition, ComboboxSectionDefinition, Container, ContainerDefinition, DatePicker, DatePickerCalendarDefinition, DatePickerDefinition, DatePickerGroupDefinition, DateRangePicker, DateRangePickerDefinition, Dialog, DialogBody, DialogBodyDefinition, DialogDefinition, DialogFooter, DialogFooterDefinition, DialogHeader, DialogHeaderDefinition, DialogTrigger, FieldLabel, FieldLabelDefinition, Flex, FlexDefinition, FullPage, FullPageDefinition, Grid, GridDefinition, GridItemDefinition, Header, HeaderDefinition, HeaderMetadataStatus, HeaderMetadataUsers, HeaderNavDefinition, HeaderNavGroupDefinition, HeaderNavItemDefinition, HeaderPage, HeaderPageDefinition, Link, LinkDefinition, List, ListDefinition, ListRow, ListRowDefinition, Menu, MenuAutocomplete, MenuAutocompleteListbox, MenuDefinition, MenuItem, MenuListBox, MenuListBoxItem, MenuSection, MenuSeparator, MenuTrigger, NumberField, NumberFieldDefinition, PasswordField, PasswordFieldDefinition, PluginHeader, PluginHeaderDefinition, Popover, PopoverDefinition, Radio, RadioDefinition, RadioGroup, RadioGroupDefinition, Row, SearchAutocomplete, SearchAutocompleteDefinition, SearchAutocompleteItem, SearchField, SearchFieldDefinition, Select, SelectContentDefinition, SelectDefinition, SelectItem, SelectItemDefinition, SelectItemProfile, SelectItemProfileDefinition, SelectItemText, SelectItemTextDefinition, SelectListBoxDefinition, SelectListBoxItemDefinition, SelectSectionDefinition, SelectTriggerDefinition, Skeleton, SkeletonDefinition, Slider, SliderDefinition, SubmenuTrigger, Switch, SwitchDefinition, Tab, TabList, TabPanel, Table, TableBody, TableBodySkeleton, TableDefinition, TableHeader, TablePagination, TablePaginationDefinition, TableRoot, Tabs, TabsDefinition, Tag, TagGroup, TagGroupDefinition, Text, TextAreaField, TextAreaFieldDefinition, TextDefinition, TextField, TextFieldDefinition, ToggleButton, ToggleButtonDefinition, ToggleButtonGroup, ToggleButtonGroupDefinition, Tooltip, TooltipDefinition, TooltipTrigger, VisuallyHidden, VisuallyHiddenDefinition, getNodeText, useAnalytics, useBgConsumer, useBgProvider, useBreakpoint, useTable };
+export type { AccordionGroupOwnProps, AccordionGroupProps, AccordionOwnProps, AccordionPanelOwnProps, AccordionPanelProps, AccordionProps, AccordionTriggerOwnProps, AccordionTriggerProps, AlertOwnProps, AlertProps, AlignItems, AnalyticsEventAttributes, AnalyticsTracker, AsyncListSource, AvatarOwnProps, AvatarProps, BUIProviderProps, BadgeOwnProps, BadgeProps, BgContextValue, BgProviderProps, Border, BorderRadius, BoxOwnProps, BoxProps, BoxUtilityProps, Breakpoint, ButtonIconOwnProps, ButtonIconProps, ButtonLinkOwnProps, ButtonLinkProps, ButtonOwnProps, ButtonProps, CardBaseProps, CardBodyOwnProps, CardBodyProps, CardButtonVariant, CardFooterOwnProps, CardFooterProps, CardHeaderOwnProps, CardHeaderProps, CardLinkVariant, CardOwnProps, CardProps, CardStaticVariant, CellOwnProps, CellProfileOwnProps, CellProfileProps, CellProps, CellTextOwnProps, CellTextProps, CheckboxGroupOwnProps, CheckboxGroupProps, CheckboxOwnProps, CheckboxProps, ColumnConfig, ColumnOwnProps, ColumnProps, Columns, ComboboxAsyncItemsProps, ComboboxAsyncOptionsProps, ComboboxAsyncSearch, ComboboxBaseOwnProps, ComboboxCommonProps, ComboboxItemOwnProps, ComboboxItemProfileOwnProps, ComboboxItemProfileProps, ComboboxItemProps, ComboboxItemSelectionProps, ComboboxItemTextOwnProps, ComboboxItemTextProps, ComboboxItemsProps, ComboboxKeySelectionProps, ComboboxOptionsProps, ComboboxOwnProps, ComboboxProps, ComboboxSearch, ComboboxServerItem, ComboboxServerItemsProps, ComboboxServerOptionsProps, ComboboxStaticProps, ComboboxStaticSearch, CompletePaginationOptions, ContainerBg, ContainerOwnProps, ContainerProps, CursorParams, CursorResponse, DatePickerOwnProps, DatePickerProps, DateRangePickerOwnProps, DateRangePickerProps, DialogBodyOwnProps, DialogBodyProps, DialogFooterOwnProps, DialogFooterProps, DialogHeaderOwnProps, DialogHeaderProps, DialogOwnProps, DialogProps, DialogTriggerProps, Display, FieldLabelOwnProps, FieldLabelProps, FilterState, FlexDirection, FlexItemProps, FlexOwnProps, FlexProps, FlexWrap, FullPageOwnProps, FullPageProps, GridItemOwnProps, GridItemProps, GridOwnProps, GridProps, HeaderBreadcrumb, HeaderMetadataItem, HeaderMetadataStatusProps, HeaderMetadataUser, HeaderNavTab, HeaderNavTabGroup, HeaderNavTabItem, HeaderOwnProps, HeaderPageBreadcrumb, HeaderPageOwnProps, HeaderPageProps, HeaderProps, HeaderTab, HeaderTag, IdentifiedOption, JustifyContent, LegacyOption, LinkOwnProps, LinkProps, ListOwnProps, ListProps, ListRowOwnProps, ListRowProps, LoadingConfig, LoadingState, MarginProps, MenuAutocompleteListBoxOwnProps, MenuAutocompleteListBoxProps, MenuAutocompleteOwnProps, MenuAutocompleteProps, MenuItemOwnProps, MenuItemProps, MenuListBoxItemOwnProps, MenuListBoxItemProps, MenuListBoxOwnProps, MenuListBoxProps, MenuOwnProps, MenuPopoverOwnProps, MenuProps, MenuSectionOwnProps, MenuSectionProps, MenuSeparatorOwnProps, MenuSeparatorProps, MenuTriggerProps, NoPagination, NormalizedOption, NumberFieldOwnProps, NumberFieldProps, OffsetParams, OffsetResponse, Option, OptionSection, PaddingProps, PagePagination, PageSizeOption, PaginationOptions, PasswordFieldOwnProps, PasswordFieldProps, PluginHeaderBreadcrumbEntry, PluginHeaderOwnProps, PluginHeaderProps, PopoverOwnProps, PopoverProps, ProviderBg, QueryOptions, RadioGroupOwnProps, RadioGroupProps, RadioOwnProps, RadioProps, Responsive, RowConfig, RowOwnProps, RowProps, RowRenderFn, SearchAutocompleteItemOwnProps, SearchAutocompleteItemProps, SearchAutocompleteOwnProps, SearchAutocompleteProps, SearchFieldOwnProps, SearchFieldProps, SearchState, SelectAsyncItemsProps, SelectAsyncOptionsProps, SelectAsyncSearch, SelectBaseOwnProps, SelectCommonProps, SelectItemOwnProps, SelectItemProfileOwnProps, SelectItemProfileProps, SelectItemProps, SelectItemTextOwnProps, SelectItemTextProps, SelectItemsProps, SelectOptionsProps, SelectOwnProps, SelectProps, SelectSearch, SelectStaticProps, SelectStaticSearch, SkeletonOwnProps, SkeletonProps, SliderOwnProps, SliderProps, SortDescriptor, SortState, Space, SpaceProps, SubmenuTriggerProps, SwitchOwnProps, SwitchProps, TabListOwnProps, TabListProps, TabMatchStrategy, TabOwnProps, TabPanelOwnProps, TabPanelProps, TabProps, TableBodyOwnProps, TableBodyProps, TableHeaderOwnProps, TableHeaderProps, TableItem, TablePaginationOwnProps, TablePaginationProps, TablePaginationType, TableProps, TableRootOwnProps, TableRootProps, TableSelection, TabsOwnProps, TabsProps, TagGroupOwnProps, TagGroupProps, TagOwnProps, TagProps, TextAreaFieldOwnProps, TextAreaFieldProps, TextColorStatus, TextColors, TextFieldOwnProps, TextFieldProps, TextOwnProps, TextProps, TextVariants, TextWeights, ToggleButtonGroupOwnProps, ToggleButtonGroupProps, ToggleButtonOwnProps, ToggleButtonProps, TooltipOwnProps, TooltipProps, UseAnalyticsFn, UseTableCompleteOptions, UseTableCursorOptions, UseTableOffsetOptions, UseTableOptions, UseTableResult, UtilityProps, VirtualizedProp, VisuallyHiddenOwnProps, VisuallyHiddenProps };

package/dist/index.esm.js

@@ -72,6 +72,8 @@ export { Text } from './components/Text/Text.esm.js';
 export { TextDefinition } from './components/Text/definition.esm.js';
 export { TextField } from './components/TextField/TextField.esm.js';
 export { TextFieldDefinition } from './components/TextField/definition.esm.js';
+export { TextAreaField } from './components/TextAreaField/TextAreaField.esm.js';
+export { TextAreaFieldDefinition } from './components/TextAreaField/definition.esm.js';
 export { NumberField } from './components/NumberField/NumberField.esm.js';
 export { NumberFieldDefinition } from './components/NumberField/definition.esm.js';
 export { PasswordField } from './components/PasswordField/PasswordField.esm.js';
@@ -103,6 +105,7 @@ export { ToggleButtonGroup } from './components/ToggleButtonGroup/ToggleButtonGr
 export { ToggleButtonGroupDefinition } from './components/ToggleButtonGroup/definition.esm.js';
 export { VisuallyHidden } from './components/VisuallyHidden/VisuallyHidden.esm.js';
 export { VisuallyHiddenDefinition } from './components/VisuallyHidden/definition.esm.js';
+export { Focusable } from 'react-aria-components';
 export { useBreakpoint } from './hooks/useBreakpoint.esm.js';
 export { BgProvider, useBgConsumer, useBgProvider } from './hooks/useBg.esm.js';
 export { useAsyncList } from 'react-stately/useAsyncList';

package/dist/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@backstage/ui",
-  "version": "0.16.0",
+  "version": "0.17.0-next.0",
   "backstage": {
     "role": "web-library"
   },
@@ -50,7 +50,7 @@
     "test": "backstage-cli package test"
   },
   "dependencies": {
-    "@backstage/version-bridge": "^1.0.12",
+    "@backstage/version-bridge": "1.0.12",
     "@braintree/sanitize-url": "^7.1.2",
     "@internationalized/date": "^3.12.0",
     "@remixicon/react": ">=4.6.0 <4.9.0",
@@ -63,8 +63,8 @@
     "use-sync-external-store": "^1.4.0"
   },
   "devDependencies": {
-    "@backstage/cli": "^0.36.3",
-    "@backstage/core-components": "^0.18.11",
+    "@backstage/cli": "0.36.4-next.0",
+    "@backstage/core-components": "0.18.12-next.0",
     "@storybook/react-vite": "^10.4.0",
     "@testing-library/jest-dom": "^6.0.0",
     "@testing-library/react": "^16.0.0",