@backstage/ui 0.6.0 → 0.7.0-next.0

package/dist/components/Grid/Grid.props.esm.js

@@ -0,0 +1,58 @@
+const columnsValues = [
+  "1",
+  "2",
+  "3",
+  "4",
+  "5",
+  "6",
+  "7",
+  "8",
+  "9",
+  "10",
+  "11",
+  "12",
+  "auto"
+];
+const gridPropDefs = {
+  columns: {
+    type: "enum | string",
+    className: "bui-columns",
+    customProperties: ["--columns"],
+    values: columnsValues,
+    responsive: true,
+    default: "auto"
+  }
+};
+const gridItemPropDefs = {
+  colSpan: {
+    type: "enum | string",
+    className: "bui-col-span",
+    customProperties: ["--col-span"],
+    values: columnsValues,
+    responsive: true
+  },
+  colEnd: {
+    type: "enum | string",
+    className: "bui-col-end",
+    customProperties: ["--col-end"],
+    values: columnsValues,
+    responsive: true
+  },
+  colStart: {
+    type: "enum | string",
+    className: "bui-col-start",
+    customProperties: ["--col-start"],
+    values: columnsValues,
+    responsive: true
+  },
+  rowSpan: {
+    type: "enum | string",
+    className: "bui-row-span",
+    customProperties: ["--row-span"],
+    values: columnsValues,
+    responsive: true
+  }
+};
+
+export { gridItemPropDefs, gridPropDefs };
+//# sourceMappingURL=Grid.props.esm.js.map

package/dist/components/Grid/Grid.props.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.props.esm.js","sources":["../../../src/components/Grid/Grid.props.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 type { PropDef, GetPropDefTypes } from '../../props/prop-def';\n\nconst columnsValues = [\n  '1',\n  '2',\n  '3',\n  '4',\n  '5',\n  '6',\n  '7',\n  '8',\n  '9',\n  '10',\n  '11',\n  '12',\n  'auto',\n] as const;\n\n/** @public */\nconst gridPropDefs = {\n  columns: {\n    type: 'enum | string',\n    className: 'bui-columns',\n    customProperties: ['--columns'],\n    values: columnsValues,\n    responsive: true,\n    default: 'auto',\n  },\n} satisfies {\n  columns: PropDef<(typeof columnsValues)[number]>;\n};\n\n/** @public */\nconst gridItemPropDefs = {\n  colSpan: {\n    type: 'enum | string',\n    className: 'bui-col-span',\n    customProperties: ['--col-span'],\n    values: columnsValues,\n    responsive: true,\n  },\n  colEnd: {\n    type: 'enum | string',\n    className: 'bui-col-end',\n    customProperties: ['--col-end'],\n    values: columnsValues,\n    responsive: true,\n  },\n  colStart: {\n    type: 'enum | string',\n    className: 'bui-col-start',\n    customProperties: ['--col-start'],\n    values: columnsValues,\n    responsive: true,\n  },\n  rowSpan: {\n    type: 'enum | string',\n    className: 'bui-row-span',\n    customProperties: ['--row-span'],\n    values: columnsValues,\n    responsive: true,\n  },\n} satisfies {\n  colSpan: PropDef<(typeof columnsValues)[number]>;\n  colEnd: PropDef<(typeof columnsValues)[number]>;\n  colStart: PropDef<(typeof columnsValues)[number]>;\n  rowSpan: PropDef<(typeof columnsValues)[number]>;\n};\n\n/** @public */\ntype GridOwnProps = GetPropDefTypes<typeof gridPropDefs>;\n\n/** @public */\ntype GridItemOwnProps = GetPropDefTypes<typeof gridItemPropDefs>;\n\nexport { gridPropDefs, gridItemPropDefs };\nexport type { GridOwnProps, GridItemOwnProps };\n"],"names":[],"mappings":"AAkBA,MAAM,aAAgB,GAAA;AAAA,EACpB,GAAA;AAAA,EACA,GAAA;AAAA,EACA,GAAA;AAAA,EACA,GAAA;AAAA,EACA,GAAA;AAAA,EACA,GAAA;AAAA,EACA,GAAA;AAAA,EACA,GAAA;AAAA,EACA,GAAA;AAAA,EACA,IAAA;AAAA,EACA,IAAA;AAAA,EACA,IAAA;AAAA,EACA;AACF,CAAA;AAGA,MAAM,YAAe,GAAA;AAAA,EACnB,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,eAAA;AAAA,IACN,SAAW,EAAA,aAAA;AAAA,IACX,gBAAA,EAAkB,CAAC,WAAW,CAAA;AAAA,IAC9B,MAAQ,EAAA,aAAA;AAAA,IACR,UAAY,EAAA,IAAA;AAAA,IACZ,OAAS,EAAA;AAAA;AAEb;AAKA,MAAM,gBAAmB,GAAA;AAAA,EACvB,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,eAAA;AAAA,IACN,SAAW,EAAA,cAAA;AAAA,IACX,gBAAA,EAAkB,CAAC,YAAY,CAAA;AAAA,IAC/B,MAAQ,EAAA,aAAA;AAAA,IACR,UAAY,EAAA;AAAA,GACd;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,eAAA;AAAA,IACN,SAAW,EAAA,aAAA;AAAA,IACX,gBAAA,EAAkB,CAAC,WAAW,CAAA;AAAA,IAC9B,MAAQ,EAAA,aAAA;AAAA,IACR,UAAY,EAAA;AAAA,GACd;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,eAAA;AAAA,IACN,SAAW,EAAA,eAAA;AAAA,IACX,gBAAA,EAAkB,CAAC,aAAa,CAAA;AAAA,IAChC,MAAQ,EAAA,aAAA;AAAA,IACR,UAAY,EAAA;AAAA,GACd;AAAA,EACA,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,eAAA;AAAA,IACN,SAAW,EAAA,cAAA;AAAA,IACX,gBAAA,EAAkB,CAAC,YAAY,CAAA;AAAA,IAC/B,MAAQ,EAAA,aAAA;AAAA,IACR,UAAY,EAAA;AAAA;AAEhB;;;;"}

package/dist/components/Header/Header.esm.js

@@ -0,0 +1,46 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { HeaderToolbar } from './HeaderToolbar.esm.js';
+import { Tabs, TabList, Tab } from '../Tabs/Tabs.esm.js';
+import { useStyles } from '../../hooks/useStyles.esm.js';
+
+const Header = (props) => {
+  const {
+    tabs,
+    icon,
+    title,
+    titleLink,
+    menuItems,
+    breadcrumbs,
+    customActions,
+    onTabSelectionChange
+  } = props;
+  const { classNames } = useStyles("Header");
+  const hasTabs = tabs && tabs.length > 0;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      HeaderToolbar,
+      {
+        icon,
+        title,
+        titleLink,
+        menuItems,
+        breadcrumbs,
+        customActions,
+        hasTabs
+      }
+    ),
+    tabs && /* @__PURE__ */ jsx("div", { className: classNames.tabsWrapper, children: /* @__PURE__ */ jsx(Tabs, { onSelectionChange: onTabSelectionChange, children: /* @__PURE__ */ jsx(TabList, { children: tabs?.map((tab) => /* @__PURE__ */ jsx(
+      Tab,
+      {
+        id: tab.id,
+        href: tab.href,
+        matchStrategy: tab.matchStrategy,
+        children: tab.label
+      },
+      tab.id
+    )) }) }) })
+  ] });
+};
+
+export { Header };
+//# sourceMappingURL=Header.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Header.esm.js","sources":["../../../src/components/Header/Header.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 type { HeaderProps } from './types';\nimport { HeaderToolbar } from './HeaderToolbar';\nimport { Tabs, TabList, Tab } from '../Tabs';\nimport { useStyles } from '../../hooks/useStyles';\nimport { type NavigateOptions } from 'react-router-dom';\n\ndeclare module 'react-aria-components' {\n  interface RouterConfig {\n    routerOptions: NavigateOptions;\n  }\n}\n\n/**\n * A component that renders a toolbar.\n *\n * @public\n */\nexport const Header = (props: HeaderProps) => {\n  const {\n    tabs,\n    icon,\n    title,\n    titleLink,\n    menuItems,\n    breadcrumbs,\n    customActions,\n    onTabSelectionChange,\n  } = props;\n\n  const { classNames } = useStyles('Header');\n\n  const hasTabs = tabs && tabs.length > 0;\n\n  return (\n    <>\n      <HeaderToolbar\n        icon={icon}\n        title={title}\n        titleLink={titleLink}\n        menuItems={menuItems}\n        breadcrumbs={breadcrumbs}\n        customActions={customActions}\n        hasTabs={hasTabs}\n      />\n      {tabs && (\n        <div className={classNames.tabsWrapper}>\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    </>\n  );\n};\n"],"names":[],"mappings":";;;;;AAiCa,MAAA,MAAA,GAAS,CAAC,KAAuB,KAAA;AAC5C,EAAM,MAAA;AAAA,IACJ,IAAA;AAAA,IACA,IAAA;AAAA,IACA,KAAA;AAAA,IACA,SAAA;AAAA,IACA,SAAA;AAAA,IACA,WAAA;AAAA,IACA,aAAA;AAAA,IACA;AAAA,GACE,GAAA,KAAA;AAEJ,EAAA,MAAM,EAAE,UAAA,EAAe,GAAA,SAAA,CAAU,QAAQ,CAAA;AAEzC,EAAM,MAAA,OAAA,GAAU,IAAQ,IAAA,IAAA,CAAK,MAAS,GAAA,CAAA;AAEtC,EAAA,uBAEI,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,aAAA;AAAA,MAAA;AAAA,QACC,IAAA;AAAA,QACA,KAAA;AAAA,QACA,SAAA;AAAA,QACA,SAAA;AAAA,QACA,WAAA;AAAA,QACA,aAAA;AAAA,QACA;AAAA;AAAA,KACF;AAAA,IACC,IACC,oBAAA,GAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAW,WAAW,WACzB,EAAA,QAAA,kBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,iBAAA,EAAmB,oBACvB,EAAA,QAAA,kBAAA,GAAA,CAAC,OACE,EAAA,EAAA,QAAA,EAAA,IAAA,EAAM,IAAI,CACT,GAAA,qBAAA,GAAA;AAAA,MAAC,GAAA;AAAA,MAAA;AAAA,QAEC,IAAI,GAAI,CAAA,EAAA;AAAA,QACR,MAAM,GAAI,CAAA,IAAA;AAAA,QACV,eAAe,GAAI,CAAA,aAAA;AAAA,QAElB,QAAI,EAAA,GAAA,CAAA;AAAA,OAAA;AAAA,MALA,GAAI,CAAA;AAAA,KAOZ,CACH,EAAA,CAAA,EACF,CACF,EAAA;AAAA,GAEJ,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/Header/HeaderToolbar.esm.js

@@ -0,0 +1,132 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { RouterProvider, Link } from 'react-aria-components';
+import { useStyles } from '../../hooks/useStyles.esm.js';
+import { useRef, useState, useEffect } from 'react';
+import { RiShapesLine, RiArrowRightSLine, RiMore2Line } from '@remixicon/react';
+import { ButtonIcon } from '../ButtonIcon/ButtonIcon.esm.js';
+import { Menu } from '../Menu/Menu.esm.js';
+import { Text } from '../Text/Text.esm.js';
+import { useScroll, useTransform, motion } from 'motion/react';
+import { useNavigate, useHref } from 'react-router-dom';
+
+const HeaderToolbar = (props) => {
+  const {
+    icon,
+    title,
+    titleLink,
+    menuItems,
+    breadcrumbs,
+    customActions,
+    hasTabs
+  } = props;
+  const { classNames } = useStyles("Header");
+  let navigate = useNavigate();
+  const { scrollY } = useScroll();
+  const breadcrumbOpacity = useTransform(scrollY, [80, 120], [0, 1]);
+  const toolbarWrapperRef = useRef(null);
+  const toolbarContentRef = useRef(null);
+  const toolbarControlsRef = useRef(null);
+  const [showBreadcrumbs, setShowBreadcrumbs] = useState(true);
+  useEffect(() => {
+    const wrapper = toolbarWrapperRef.current;
+    if (!wrapper) return;
+    const resizeObserver = new ResizeObserver(() => {
+      const wrapper2 = toolbarWrapperRef.current;
+      const content = toolbarContentRef.current;
+      const options = toolbarControlsRef.current;
+      if (!wrapper2 || !content) return;
+      const wrapperRect = wrapper2.getBoundingClientRect();
+      const wrapperWidth = wrapperRect.width;
+      const wrapperPadding = 24;
+      const availableWidth = wrapperWidth - wrapperPadding;
+      const contentRect = content.getBoundingClientRect();
+      const contentWidth = contentRect?.width || 0;
+      const optionsRect = options?.getBoundingClientRect();
+      const optionsWidth = optionsRect?.width || 0;
+      const shouldShowBreadcrumbs = contentWidth + optionsWidth + 32 <= availableWidth;
+      setShowBreadcrumbs(
+        (prev) => prev !== shouldShowBreadcrumbs ? shouldShowBreadcrumbs : prev
+      );
+    });
+    resizeObserver.observe(wrapper);
+    return () => {
+      resizeObserver.disconnect();
+    };
+  }, []);
+  const titleContent = /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("div", { className: classNames.toolbarIcon, children: icon || /* @__PURE__ */ jsx(RiShapesLine, {}) }),
+    /* @__PURE__ */ jsx(Text, { variant: "body-medium", children: title || "Your plugin" })
+  ] });
+  return /* @__PURE__ */ jsx(RouterProvider, { navigate, useHref, children: /* @__PURE__ */ jsx("div", { className: classNames.toolbar, "data-has-tabs": hasTabs, children: /* @__PURE__ */ jsxs("div", { className: classNames.toolbarWrapper, ref: toolbarWrapperRef, children: [
+    /* @__PURE__ */ jsxs("div", { className: classNames.toolbarContent, ref: toolbarContentRef, children: [
+      titleLink ? /* @__PURE__ */ jsx(Link, { className: classNames.toolbarName, href: titleLink, children: titleContent }) : /* @__PURE__ */ jsx("div", { className: classNames.toolbarName, children: titleContent }),
+      breadcrumbs && /* @__PURE__ */ jsxs(
+        motion.div,
+        {
+          className: classNames.breadcrumbs,
+          style: {
+            opacity: breadcrumbOpacity,
+            visibility: showBreadcrumbs ? "visible" : "hidden"
+          },
+          children: [
+            /* @__PURE__ */ jsx(
+              RiArrowRightSLine,
+              {
+                size: 16,
+                className: classNames.breadcrumbSeparator
+              }
+            ),
+            breadcrumbs.map((breadcrumb, index) => /* @__PURE__ */ jsxs("div", { className: classNames.breadcrumb, children: [
+              /* @__PURE__ */ jsx(
+                Link,
+                {
+                  href: breadcrumb.href,
+                  className: classNames.breadcrumbLink,
+                  "data-active": index === breadcrumbs.length - 1,
+                  children: breadcrumb.label
+                }
+              ),
+              index < breadcrumbs.length - 1 && /* @__PURE__ */ jsx(
+                RiArrowRightSLine,
+                {
+                  size: 16,
+                  className: classNames.breadcrumbSeparator
+                }
+              )
+            ] }, breadcrumb.label))
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: classNames.toolbarControls, ref: toolbarControlsRef, children: [
+      customActions,
+      menuItems && /* @__PURE__ */ jsxs(Menu.Root, { children: [
+        /* @__PURE__ */ jsx(
+          Menu.Trigger,
+          {
+            render: (props2) => /* @__PURE__ */ jsx(
+              ButtonIcon,
+              {
+                size: "small",
+                icon: /* @__PURE__ */ jsx(RiMore2Line, {}),
+                variant: "tertiary",
+                ...props2
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx(Menu.Portal, { children: /* @__PURE__ */ jsx(Menu.Positioner, { sideOffset: 4, align: "end", children: /* @__PURE__ */ jsx(Menu.Popup, { children: menuItems.map((option) => /* @__PURE__ */ jsx(
+          Menu.Item,
+          {
+            onClick: () => option.onClick?.(),
+            children: option.label
+          },
+          option.value
+        )) }) }) })
+      ] })
+    ] })
+  ] }) }) });
+};
+
+export { HeaderToolbar };
+//# sourceMappingURL=HeaderToolbar.esm.js.map

package/dist/components/Header/HeaderToolbar.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderToolbar.esm.js","sources":["../../../src/components/Header/HeaderToolbar.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 { Link, RouterProvider } from 'react-aria-components';\nimport { useStyles } from '../../hooks/useStyles';\nimport { useRef, useState, useEffect } from 'react';\nimport { RiArrowRightSLine, RiMore2Line, RiShapesLine } from '@remixicon/react';\nimport type { HeaderToolbarProps } from './types';\nimport { ButtonIcon } from '../ButtonIcon';\nimport { Menu } from '../Menu';\nimport { Text } from '../Text';\nimport { motion, useScroll, useTransform } from 'motion/react';\nimport { useNavigate, useHref } from 'react-router-dom';\n\n/**\n * A component that renders a toolbar.\n *\n * @internal\n */\nexport const HeaderToolbar = (props: HeaderToolbarProps) => {\n  const {\n    icon,\n    title,\n    titleLink,\n    menuItems,\n    breadcrumbs,\n    customActions,\n    hasTabs,\n  } = props;\n  const { classNames } = useStyles('Header');\n  let navigate = useNavigate();\n  const { scrollY } = useScroll();\n  const breadcrumbOpacity = useTransform(scrollY, [80, 120], [0, 1]);\n\n  // Refs for collision detection\n  const toolbarWrapperRef = useRef<HTMLDivElement>(null);\n  const toolbarContentRef = useRef<HTMLDivElement>(null);\n  const toolbarControlsRef = useRef<HTMLDivElement>(null);\n\n  // State for breadcrumb visibility\n  const [showBreadcrumbs, setShowBreadcrumbs] = useState(true);\n\n  // Set up resize observer\n  useEffect(() => {\n    const wrapper = toolbarWrapperRef.current;\n    if (!wrapper) return;\n\n    const resizeObserver = new ResizeObserver(() => {\n      const wrapper = toolbarWrapperRef.current;\n      const content = toolbarContentRef.current;\n      const options = toolbarControlsRef.current;\n\n      if (!wrapper || !content) return;\n\n      // Get dimensions\n      const wrapperRect = wrapper.getBoundingClientRect();\n      const wrapperWidth = wrapperRect.width;\n      const wrapperPadding = 24; // 12px on each side (var(--bui-space-3))\n      const availableWidth = wrapperWidth - wrapperPadding;\n\n      // Calculate required width for content\n      const contentRect = content.getBoundingClientRect();\n      const contentWidth = contentRect?.width || 0;\n\n      // Calculate options width (if exists)\n      const optionsRect = options?.getBoundingClientRect();\n      const optionsWidth = optionsRect?.width || 0;\n\n      // Check if we need to hide breadcrumbs\n      const shouldShowBreadcrumbs =\n        contentWidth + optionsWidth + 32 <= availableWidth;\n\n      // Only update state if the value actually changed to prevent flickering\n      setShowBreadcrumbs(prev =>\n        prev !== shouldShowBreadcrumbs ? shouldShowBreadcrumbs : prev,\n      );\n    });\n\n    resizeObserver.observe(wrapper);\n\n    return () => {\n      resizeObserver.disconnect();\n    };\n  }, []);\n\n  const titleContent = (\n    <>\n      <div className={classNames.toolbarIcon}>{icon || <RiShapesLine />}</div>\n      <Text variant=\"body-medium\">{title || 'Your plugin'}</Text>\n    </>\n  );\n\n  return (\n    <RouterProvider navigate={navigate} useHref={useHref}>\n      <div className={classNames.toolbar} data-has-tabs={hasTabs}>\n        <div className={classNames.toolbarWrapper} ref={toolbarWrapperRef}>\n          <div className={classNames.toolbarContent} ref={toolbarContentRef}>\n            {titleLink ? (\n              <Link className={classNames.toolbarName} href={titleLink}>\n                {titleContent}\n              </Link>\n            ) : (\n              <div className={classNames.toolbarName}>{titleContent}</div>\n            )}\n            {breadcrumbs && (\n              <motion.div\n                className={classNames.breadcrumbs}\n                style={{\n                  opacity: breadcrumbOpacity,\n                  visibility: showBreadcrumbs ? 'visible' : 'hidden',\n                }}\n              >\n                <RiArrowRightSLine\n                  size={16}\n                  className={classNames.breadcrumbSeparator}\n                />\n                {breadcrumbs.map((breadcrumb, index) => (\n                  <div key={breadcrumb.label} className={classNames.breadcrumb}>\n                    <Link\n                      href={breadcrumb.href}\n                      className={classNames.breadcrumbLink}\n                      data-active={index === breadcrumbs.length - 1}\n                    >\n                      {breadcrumb.label}\n                    </Link>\n                    {index < breadcrumbs.length - 1 && (\n                      <RiArrowRightSLine\n                        size={16}\n                        className={classNames.breadcrumbSeparator}\n                      />\n                    )}\n                  </div>\n                ))}\n              </motion.div>\n            )}\n          </div>\n          <div className={classNames.toolbarControls} ref={toolbarControlsRef}>\n            {customActions}\n            {menuItems && (\n              <Menu.Root>\n                <Menu.Trigger\n                  render={props => (\n                    <ButtonIcon\n                      size=\"small\"\n                      icon={<RiMore2Line />}\n                      variant=\"tertiary\"\n                      {...props}\n                    />\n                  )}\n                />\n                <Menu.Portal>\n                  <Menu.Positioner sideOffset={4} align=\"end\">\n                    <Menu.Popup>\n                      {menuItems.map(option => (\n                        <Menu.Item\n                          key={option.value}\n                          onClick={() => option.onClick?.()}\n                        >\n                          {option.label}\n                        </Menu.Item>\n                      ))}\n                    </Menu.Popup>\n                  </Menu.Positioner>\n                </Menu.Portal>\n              </Menu.Root>\n            )}\n          </div>\n        </div>\n      </div>\n    </RouterProvider>\n  );\n};\n"],"names":["wrapper","props"],"mappings":"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"}

package/dist/components/HeaderPage/HeaderPage.esm.js

@@ -0,0 +1,57 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Menu } from '../Menu/Menu.esm.js';
+import { Text } from '../Text/Text.esm.js';
+import { ButtonIcon } from '../ButtonIcon/ButtonIcon.esm.js';
+import { RiMore2Line } from '@remixicon/react';
+import { Tabs, TabList, Tab } from '../Tabs/Tabs.esm.js';
+import { useStyles } from '../../hooks/useStyles.esm.js';
+
+const HeaderPage = (props) => {
+  const { title, menuItems, tabs, customActions } = props;
+  const { classNames } = useStyles("HeaderPage");
+  return /* @__PURE__ */ jsxs("div", { className: classNames.root, children: [
+    /* @__PURE__ */ jsxs("div", { className: classNames.content, children: [
+      /* @__PURE__ */ jsx(Text, { variant: "title-small", weight: "bold", children: title }),
+      /* @__PURE__ */ jsxs("div", { className: classNames.controls, children: [
+        customActions,
+        menuItems && /* @__PURE__ */ jsxs(Menu.Root, { children: [
+          /* @__PURE__ */ jsx(
+            Menu.Trigger,
+            {
+              render: (props2) => /* @__PURE__ */ jsx(
+                ButtonIcon,
+                {
+                  ...props2,
+                  size: "small",
+                  icon: /* @__PURE__ */ jsx(RiMore2Line, {}),
+                  variant: "tertiary"
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx(Menu.Portal, { children: /* @__PURE__ */ jsx(Menu.Positioner, { sideOffset: 4, align: "end", children: /* @__PURE__ */ jsx(Menu.Popup, { children: menuItems.map((menuItem) => /* @__PURE__ */ jsx(
+            Menu.Item,
+            {
+              onClick: () => menuItem.onClick?.(),
+              children: menuItem.label
+            },
+            menuItem.value
+          )) }) }) })
+        ] })
+      ] })
+    ] }),
+    tabs && /* @__PURE__ */ jsx("div", { className: classNames.tabsWrapper, children: /* @__PURE__ */ jsx(Tabs, { children: /* @__PURE__ */ jsx(TabList, { children: tabs.map((tab) => /* @__PURE__ */ jsx(
+      Tab,
+      {
+        id: tab.id,
+        href: tab.href,
+        matchStrategy: tab.matchStrategy,
+        children: tab.label
+      },
+      tab.id
+    )) }) }) })
+  ] });
+};
+
+export { HeaderPage };
+//# sourceMappingURL=HeaderPage.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderPage.esm.js","sources":["../../../src/components/HeaderPage/HeaderPage.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 { HeaderPageProps } from './types';\nimport { Menu } from '../Menu';\nimport { Text } from '../Text';\nimport { ButtonIcon } from '../ButtonIcon';\nimport { RiMore2Line } from '@remixicon/react';\nimport { Tabs, TabList, Tab } from '../Tabs';\nimport { useStyles } from '../../hooks/useStyles';\n\n/**\n * A component that renders a header page.\n *\n * @public\n */\nexport const HeaderPage = (props: HeaderPageProps) => {\n  const { title, menuItems, tabs, customActions } = props;\n  const { classNames } = useStyles('HeaderPage');\n\n  return (\n    <div className={classNames.root}>\n      <div className={classNames.content}>\n        <Text variant=\"title-small\" weight=\"bold\">\n          {title}\n        </Text>\n        <div className={classNames.controls}>\n          {customActions}\n          {menuItems && (\n            <Menu.Root>\n              <Menu.Trigger\n                render={props => (\n                  <ButtonIcon\n                    {...props}\n                    size=\"small\"\n                    icon={<RiMore2Line />}\n                    variant=\"tertiary\"\n                  />\n                )}\n              />\n              <Menu.Portal>\n                <Menu.Positioner sideOffset={4} align=\"end\">\n                  <Menu.Popup>\n                    {menuItems.map(menuItem => (\n                      <Menu.Item\n                        key={menuItem.value}\n                        onClick={() => menuItem.onClick?.()}\n                      >\n                        {menuItem.label}\n                      </Menu.Item>\n                    ))}\n                  </Menu.Popup>\n                </Menu.Positioner>\n              </Menu.Portal>\n            </Menu.Root>\n          )}\n        </div>\n      </div>\n      {tabs && (\n        <div className={classNames.tabsWrapper}>\n          <Tabs>\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":["props"],"mappings":";;;;;;;;AA6Ba,MAAA,UAAA,GAAa,CAAC,KAA2B,KAAA;AACpD,EAAA,MAAM,EAAE,KAAA,EAAO,SAAW,EAAA,IAAA,EAAM,eAAkB,GAAA,KAAA;AAClD,EAAA,MAAM,EAAE,UAAA,EAAe,GAAA,SAAA,CAAU,YAAY,CAAA;AAE7C,EAAA,uBACG,IAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,UAAA,CAAW,IACzB,EAAA,QAAA,EAAA;AAAA,oBAAC,IAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,UAAA,CAAW,OACzB,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,OAAA,EAAQ,aAAc,EAAA,MAAA,EAAO,QAChC,QACH,EAAA,KAAA,EAAA,CAAA;AAAA,sBACC,IAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,UAAA,CAAW,QACxB,EAAA,QAAA,EAAA;AAAA,QAAA,aAAA;AAAA,QACA,SACC,oBAAA,IAAA,CAAC,IAAK,CAAA,IAAA,EAAL,EACC,QAAA,EAAA;AAAA,0BAAA,GAAA;AAAA,YAAC,IAAK,CAAA,OAAA;AAAA,YAAL;AAAA,cACC,MAAA,EAAQ,CAAAA,MACN,qBAAA,GAAA;AAAA,gBAAC,UAAA;AAAA,gBAAA;AAAA,kBACE,GAAGA,MAAAA;AAAA,kBACJ,IAAK,EAAA,OAAA;AAAA,kBACL,IAAA,sBAAO,WAAY,EAAA,EAAA,CAAA;AAAA,kBACnB,OAAQ,EAAA;AAAA;AAAA;AACV;AAAA,WAEJ;AAAA,8BACC,IAAK,CAAA,MAAA,EAAL,EACC,QAAC,kBAAA,GAAA,CAAA,IAAA,CAAK,YAAL,EAAgB,UAAA,EAAY,CAAG,EAAA,KAAA,EAAM,OACpC,QAAC,kBAAA,GAAA,CAAA,IAAA,CAAK,OAAL,EACE,QAAA,EAAA,SAAA,CAAU,IAAI,CACb,QAAA,qBAAA,GAAA;AAAA,YAAC,IAAK,CAAA,IAAA;AAAA,YAAL;AAAA,cAEC,OAAA,EAAS,MAAM,QAAA,CAAS,OAAU,IAAA;AAAA,cAEjC,QAAS,EAAA,QAAA,CAAA;AAAA,aAAA;AAAA,YAHL,QAAS,CAAA;AAAA,WAKjB,CACH,EAAA,CAAA,EACF,CACF,EAAA;AAAA,SACF,EAAA;AAAA,OAEJ,EAAA;AAAA,KACF,EAAA,CAAA;AAAA,IACC,IACC,oBAAA,GAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAW,UAAW,CAAA,WAAA,EACzB,QAAC,kBAAA,GAAA,CAAA,IAAA,EAAA,EACC,QAAC,kBAAA,GAAA,CAAA,OAAA,EAAA,EACE,QAAK,EAAA,IAAA,CAAA,GAAA,CAAI,CACR,GAAA,qBAAA,GAAA;AAAA,MAAC,GAAA;AAAA,MAAA;AAAA,QAEC,IAAI,GAAI,CAAA,EAAA;AAAA,QACR,MAAM,GAAI,CAAA,IAAA;AAAA,QACV,eAAe,GAAI,CAAA,aAAA;AAAA,QAElB,QAAI,EAAA,GAAA,CAAA;AAAA,OAAA;AAAA,MALA,GAAI,CAAA;AAAA,KAOZ,CACH,EAAA,CAAA,EACF,CACF,EAAA;AAAA,GAEJ,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/Icon/Icon.esm.js

@@ -0,0 +1,29 @@
+import { jsx } from 'react/jsx-runtime';
+import { useIcons } from './context.esm.js';
+import clsx from 'clsx';
+import { useStyles } from '../../hooks/useStyles.esm.js';
+
+const Icon = (props) => {
+  const { name, size, className, style, ...restProps } = props;
+  const { icons } = useIcons();
+  const BckstageIcon = icons[name];
+  if (!BckstageIcon) {
+    console.error(`Icon "${name}" not found or is not a valid component.`);
+    return null;
+  }
+  const { classNames } = useStyles("Icon");
+  return /* @__PURE__ */ jsx(
+    BckstageIcon,
+    {
+      className: clsx(classNames.root, className),
+      style: {
+        ...size ? { width: size, height: size } : {},
+        ...style
+      },
+      ...restProps
+    }
+  );
+};
+
+export { Icon };
+//# sourceMappingURL=Icon.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.esm.js","sources":["../../../src/components/Icon/Icon.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 { ComponentType } from 'react';\nimport { useIcons } from './context';\nimport type { IconProps } from './types';\nimport clsx from 'clsx';\nimport { useStyles } from '../../hooks/useStyles';\n\n/** @public */\nexport const Icon = (props: IconProps) => {\n  const { name, size, className, style, ...restProps } = props;\n  const { icons } = useIcons();\n\n  const BckstageIcon = icons[name] as ComponentType<Omit<IconProps, 'name'>>;\n\n  if (!BckstageIcon) {\n    console.error(`Icon \"${name}\" not found or is not a valid component.`);\n    return null;\n  }\n\n  const { classNames } = useStyles('Icon');\n\n  return (\n    <BckstageIcon\n      className={clsx(classNames.root, className)}\n      style={{\n        ...(size ? { width: size, height: size } : {}),\n        ...style,\n      }}\n      {...restProps}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;AAuBa,MAAA,IAAA,GAAO,CAAC,KAAqB,KAAA;AACxC,EAAA,MAAM,EAAE,IAAM,EAAA,IAAA,EAAM,WAAW,KAAO,EAAA,GAAG,WAAc,GAAA,KAAA;AACvD,EAAM,MAAA,EAAE,KAAM,EAAA,GAAI,QAAS,EAAA;AAE3B,EAAM,MAAA,YAAA,GAAe,MAAM,IAAI,CAAA;AAE/B,EAAA,IAAI,CAAC,YAAc,EAAA;AACjB,IAAQ,OAAA,CAAA,KAAA,CAAM,CAAS,MAAA,EAAA,IAAI,CAA0C,wCAAA,CAAA,CAAA;AACrE,IAAO,OAAA,IAAA;AAAA;AAGT,EAAA,MAAM,EAAE,UAAA,EAAe,GAAA,SAAA,CAAU,MAAM,CAAA;AAEvC,EACE,uBAAA,GAAA;AAAA,IAAC,YAAA;AAAA,IAAA;AAAA,MACC,SAAW,EAAA,IAAA,CAAK,UAAW,CAAA,IAAA,EAAM,SAAS,CAAA;AAAA,MAC1C,KAAO,EAAA;AAAA,QACL,GAAI,OAAO,EAAE,KAAA,EAAO,MAAM,MAAQ,EAAA,IAAA,KAAS,EAAC;AAAA,QAC5C,GAAG;AAAA,OACL;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ;;;;"}

package/dist/components/Icon/context.esm.js

@@ -0,0 +1,10 @@
+import { createContext, useContext } from 'react';
+import { icons } from './icons.esm.js';
+
+const IconContext = createContext({
+  icons
+});
+const useIcons = () => useContext(IconContext);
+
+export { IconContext, useIcons };
+//# sourceMappingURL=context.esm.js.map

package/dist/components/Icon/context.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.esm.js","sources":["../../../src/components/Icon/context.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 { createContext, useContext } from 'react';\nimport { icons } from './icons';\nimport type { IconContextProps } from './types';\n\n/** @public */\nexport const IconContext = createContext<IconContextProps>({\n  icons,\n});\n\n/** @public */\nexport const useIcons = () => useContext(IconContext);\n"],"names":[],"mappings":";;;AAqBO,MAAM,cAAc,aAAgC,CAAA;AAAA,EACzD;AACF,CAAC;AAGY,MAAA,QAAA,GAAW,MAAM,UAAA,CAAW,WAAW;;;;"}

package/dist/components/Icon/icons.esm.js

@@ -0,0 +1,63 @@
+import { RiAccountCircleLine, RiAlertLine, RiArrowDownLine, RiArrowDownCircleLine, RiArrowDropDownLine, RiArrowDropLeftLine, RiArrowDropRightLine, RiArrowDropUpLine, RiArrowLeftLine, RiArrowLeftCircleLine, RiArrowLeftDownLine, RiArrowLeftUpLine, RiArrowRightLine, RiArrowRightCircleLine, RiArrowRightDownLine, RiArrowRightUpLine, RiArrowUpLine, RiArrowUpCircleLine, RiBracesLine, RiBracketsLine, RiBugLine, RiCheckLine, RiCheckDoubleLine, RiArrowDownSLine, RiArrowLeftSLine, RiArrowRightSLine, RiArrowUpSLine, RiCloseLine, RiCloudLine, RiCodeLine, RiDiscordLine, RiDownloadLine, RiExternalLinkLine, RiEyeLine, RiEyeOffLine, RiFilterLine, RiFlowerLine, RiGithubLine, RiGitRepositoryLine, RiGroupLine, RiHeartLine, RiMoonLine, RiAddLine, RiSearchLine, RiSidebarFoldLine, RiSidebarUnfoldLine, RiSparklingLine, RiStarLine, RiSunLine, RiTerminalLine, RiDeleteBin6Line, RiUploadLine, RiUserLine, RiYoutubeLine, RiZoomInLine, RiZoomOutLine } from '@remixicon/react';
+
+const icons = {
+  "account-circle": RiAccountCircleLine,
+  alert: RiAlertLine,
+  "arrow-down": RiArrowDownLine,
+  "arrow-down-circle": RiArrowDownCircleLine,
+  "caret-down": RiArrowDropDownLine,
+  "caret-left": RiArrowDropLeftLine,
+  "caret-right": RiArrowDropRightLine,
+  "caret-up": RiArrowDropUpLine,
+  "arrow-left": RiArrowLeftLine,
+  "arrow-left-circle": RiArrowLeftCircleLine,
+  "arrow-left-down": RiArrowLeftDownLine,
+  "arrow-left-up": RiArrowLeftUpLine,
+  "arrow-right": RiArrowRightLine,
+  "arrow-right-circle": RiArrowRightCircleLine,
+  "arrow-right-down": RiArrowRightDownLine,
+  "arrow-right-up": RiArrowRightUpLine,
+  "arrow-up": RiArrowUpLine,
+  "arrow-up-circle": RiArrowUpCircleLine,
+  braces: RiBracesLine,
+  brackets: RiBracketsLine,
+  bug: RiBugLine,
+  check: RiCheckLine,
+  "check-double": RiCheckDoubleLine,
+  "chevron-down": RiArrowDownSLine,
+  "chevron-left": RiArrowLeftSLine,
+  "chevron-right": RiArrowRightSLine,
+  "chevron-up": RiArrowUpSLine,
+  close: RiCloseLine,
+  cloud: RiCloudLine,
+  code: RiCodeLine,
+  discord: RiDiscordLine,
+  download: RiDownloadLine,
+  "external-link": RiExternalLinkLine,
+  eye: RiEyeLine,
+  "eye-off": RiEyeOffLine,
+  filter: RiFilterLine,
+  flower: RiFlowerLine,
+  github: RiGithubLine,
+  "git-repository": RiGitRepositoryLine,
+  group: RiGroupLine,
+  heart: RiHeartLine,
+  moon: RiMoonLine,
+  plus: RiAddLine,
+  search: RiSearchLine,
+  "sidebar-fold": RiSidebarFoldLine,
+  "sidebar-unfold": RiSidebarUnfoldLine,
+  sparkling: RiSparklingLine,
+  star: RiStarLine,
+  sun: RiSunLine,
+  terminal: RiTerminalLine,
+  trash: RiDeleteBin6Line,
+  upload: RiUploadLine,
+  user: RiUserLine,
+  youtube: RiYoutubeLine,
+  "zoom-in": RiZoomInLine,
+  "zoom-out": RiZoomOutLine
+};
+
+export { icons };
+//# sourceMappingURL=icons.esm.js.map

package/dist/components/Icon/icons.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.esm.js","sources":["../../../src/components/Icon/icons.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\n// We can add custom icons to the list outside of Remix\n\nimport type { IconMap } from './types';\nimport {\n  RiHeartLine,\n  RiArrowDownLine,\n  RiCloudLine,\n  RiArrowLeftLine,\n  RiArrowRightLine,\n  RiArrowUpLine,\n  RiDeleteBin6Line,\n  RiAddLine,\n  RiArrowDownSLine,\n  RiArrowUpSLine,\n  RiArrowLeftSLine,\n  RiArrowRightSLine,\n  RiArrowDownCircleLine,\n  RiArrowLeftCircleLine,\n  RiArrowRightCircleLine,\n  RiArrowUpCircleLine,\n  RiCheckLine,\n  RiMoonLine,\n  RiSunLine,\n  RiExternalLinkLine,\n  RiArrowLeftDownLine,\n  RiArrowRightDownLine,\n  RiArrowLeftUpLine,\n  RiArrowRightUpLine,\n  RiArrowDropDownLine,\n  RiArrowDropUpLine,\n  RiArrowDropLeftLine,\n  RiArrowDropRightLine,\n  RiSparklingLine,\n  RiFlowerLine,\n  RiCodeLine,\n  RiTerminalLine,\n  RiBracketsLine,\n  RiBracesLine,\n  RiBugLine,\n  RiGitRepositoryLine,\n  RiCheckDoubleLine,\n  RiFilterLine,\n  RiEyeLine,\n  RiEyeOffLine,\n  RiDownloadLine,\n  RiUploadLine,\n  RiStarLine,\n  RiSidebarFoldLine,\n  RiSidebarUnfoldLine,\n  RiZoomInLine,\n  RiZoomOutLine,\n  RiAlertLine,\n  RiAccountCircleLine,\n  RiGroupLine,\n  RiUserLine,\n  RiGithubLine,\n  RiDiscordLine,\n  RiYoutubeLine,\n  RiCloseLine,\n  RiSearchLine,\n} from '@remixicon/react';\n\n/** @public */\nexport const icons: IconMap = {\n  'account-circle': RiAccountCircleLine,\n  alert: RiAlertLine,\n  'arrow-down': RiArrowDownLine,\n  'arrow-down-circle': RiArrowDownCircleLine,\n  'caret-down': RiArrowDropDownLine,\n  'caret-left': RiArrowDropLeftLine,\n  'caret-right': RiArrowDropRightLine,\n  'caret-up': RiArrowDropUpLine,\n  'arrow-left': RiArrowLeftLine,\n  'arrow-left-circle': RiArrowLeftCircleLine,\n  'arrow-left-down': RiArrowLeftDownLine,\n  'arrow-left-up': RiArrowLeftUpLine,\n  'arrow-right': RiArrowRightLine,\n  'arrow-right-circle': RiArrowRightCircleLine,\n  'arrow-right-down': RiArrowRightDownLine,\n  'arrow-right-up': RiArrowRightUpLine,\n  'arrow-up': RiArrowUpLine,\n  'arrow-up-circle': RiArrowUpCircleLine,\n  braces: RiBracesLine,\n  brackets: RiBracketsLine,\n  bug: RiBugLine,\n  check: RiCheckLine,\n  'check-double': RiCheckDoubleLine,\n  'chevron-down': RiArrowDownSLine,\n  'chevron-left': RiArrowLeftSLine,\n  'chevron-right': RiArrowRightSLine,\n  'chevron-up': RiArrowUpSLine,\n  close: RiCloseLine,\n  cloud: RiCloudLine,\n  code: RiCodeLine,\n  discord: RiDiscordLine,\n  download: RiDownloadLine,\n  'external-link': RiExternalLinkLine,\n  eye: RiEyeLine,\n  'eye-off': RiEyeOffLine,\n  filter: RiFilterLine,\n  flower: RiFlowerLine,\n  github: RiGithubLine,\n  'git-repository': RiGitRepositoryLine,\n  group: RiGroupLine,\n  heart: RiHeartLine,\n  moon: RiMoonLine,\n  plus: RiAddLine,\n  search: RiSearchLine,\n  'sidebar-fold': RiSidebarFoldLine,\n  'sidebar-unfold': RiSidebarUnfoldLine,\n  sparkling: RiSparklingLine,\n  star: RiStarLine,\n  sun: RiSunLine,\n  terminal: RiTerminalLine,\n  trash: RiDeleteBin6Line,\n  upload: RiUploadLine,\n  user: RiUserLine,\n  youtube: RiYoutubeLine,\n  'zoom-in': RiZoomInLine,\n  'zoom-out': RiZoomOutLine,\n} as const;\n"],"names":[],"mappings":";;AA+EO,MAAM,KAAiB,GAAA;AAAA,EAC5B,gBAAkB,EAAA,mBAAA;AAAA,EAClB,KAAO,EAAA,WAAA;AAAA,EACP,YAAc,EAAA,eAAA;AAAA,EACd,mBAAqB,EAAA,qBAAA;AAAA,EACrB,YAAc,EAAA,mBAAA;AAAA,EACd,YAAc,EAAA,mBAAA;AAAA,EACd,aAAe,EAAA,oBAAA;AAAA,EACf,UAAY,EAAA,iBAAA;AAAA,EACZ,YAAc,EAAA,eAAA;AAAA,EACd,mBAAqB,EAAA,qBAAA;AAAA,EACrB,iBAAmB,EAAA,mBAAA;AAAA,EACnB,eAAiB,EAAA,iBAAA;AAAA,EACjB,aAAe,EAAA,gBAAA;AAAA,EACf,oBAAsB,EAAA,sBAAA;AAAA,EACtB,kBAAoB,EAAA,oBAAA;AAAA,EACpB,gBAAkB,EAAA,kBAAA;AAAA,EAClB,UAAY,EAAA,aAAA;AAAA,EACZ,iBAAmB,EAAA,mBAAA;AAAA,EACnB,MAAQ,EAAA,YAAA;AAAA,EACR,QAAU,EAAA,cAAA;AAAA,EACV,GAAK,EAAA,SAAA;AAAA,EACL,KAAO,EAAA,WAAA;AAAA,EACP,cAAgB,EAAA,iBAAA;AAAA,EAChB,cAAgB,EAAA,gBAAA;AAAA,EAChB,cAAgB,EAAA,gBAAA;AAAA,EAChB,eAAiB,EAAA,iBAAA;AAAA,EACjB,YAAc,EAAA,cAAA;AAAA,EACd,KAAO,EAAA,WAAA;AAAA,EACP,KAAO,EAAA,WAAA;AAAA,EACP,IAAM,EAAA,UAAA;AAAA,EACN,OAAS,EAAA,aAAA;AAAA,EACT,QAAU,EAAA,cAAA;AAAA,EACV,eAAiB,EAAA,kBAAA;AAAA,EACjB,GAAK,EAAA,SAAA;AAAA,EACL,SAAW,EAAA,YAAA;AAAA,EACX,MAAQ,EAAA,YAAA;AAAA,EACR,MAAQ,EAAA,YAAA;AAAA,EACR,MAAQ,EAAA,YAAA;AAAA,EACR,gBAAkB,EAAA,mBAAA;AAAA,EAClB,KAAO,EAAA,WAAA;AAAA,EACP,KAAO,EAAA,WAAA;AAAA,EACP,IAAM,EAAA,UAAA;AAAA,EACN,IAAM,EAAA,SAAA;AAAA,EACN,MAAQ,EAAA,YAAA;AAAA,EACR,cAAgB,EAAA,iBAAA;AAAA,EAChB,gBAAkB,EAAA,mBAAA;AAAA,EAClB,SAAW,EAAA,eAAA;AAAA,EACX,IAAM,EAAA,UAAA;AAAA,EACN,GAAK,EAAA,SAAA;AAAA,EACL,QAAU,EAAA,cAAA;AAAA,EACV,KAAO,EAAA,gBAAA;AAAA,EACP,MAAQ,EAAA,YAAA;AAAA,EACR,IAAM,EAAA,UAAA;AAAA,EACN,OAAS,EAAA,aAAA;AAAA,EACT,SAAW,EAAA,YAAA;AAAA,EACX,UAAY,EAAA;AACd;;;;"}

package/dist/components/Icon/provider.esm.js

@@ -0,0 +1,12 @@
+import { jsx } from 'react/jsx-runtime';
+import { icons } from './icons.esm.js';
+import { IconContext } from './context.esm.js';
+
+const IconProvider = (props) => {
+  const { children, overrides } = props;
+  const combinedIcons = { ...icons, ...overrides };
+  return /* @__PURE__ */ jsx(IconContext.Provider, { value: { icons: combinedIcons }, children });
+};
+
+export { IconProvider };
+//# sourceMappingURL=provider.esm.js.map

package/dist/components/Icon/provider.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"provider.esm.js","sources":["../../../src/components/Icon/provider.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 { icons } from './icons';\nimport { IconContext } from './context';\nimport type { IconProviderProps } from './types';\n\n/** @public */\nexport const IconProvider = (props: IconProviderProps) => {\n  const { children, overrides } = props;\n\n  // Merge provided overrides with default icons\n  const combinedIcons = { ...icons, ...overrides };\n\n  return (\n    <IconContext.Provider value={{ icons: combinedIcons }}>\n      {children}\n    </IconContext.Provider>\n  );\n};\n"],"names":[],"mappings":";;;;AAqBa,MAAA,YAAA,GAAe,CAAC,KAA6B,KAAA;AACxD,EAAM,MAAA,EAAE,QAAU,EAAA,SAAA,EAAc,GAAA,KAAA;AAGhC,EAAA,MAAM,aAAgB,GAAA,EAAE,GAAG,KAAA,EAAO,GAAG,SAAU,EAAA;AAE/C,EACE,uBAAA,GAAA,CAAC,YAAY,QAAZ,EAAA,EAAqB,OAAO,EAAE,KAAA,EAAO,aAAc,EAAA,EACjD,QACH,EAAA,CAAA;AAEJ;;;;"}

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

@@ -0,0 +1,67 @@
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { Link as Link$1, RouterProvider } from 'react-aria-components';
+import clsx from 'clsx';
+import { useStyles } from '../../hooks/useStyles.esm.js';
+import { useNavigate, useHref } from 'react-router-dom';
+
+function isExternalLink(href) {
+  if (!href) return false;
+  if (href.startsWith("http://") || href.startsWith("https://")) {
+    return true;
+  }
+  if (href.startsWith("//")) {
+    return true;
+  }
+  if (href.startsWith("mailto:") || href.startsWith("tel:")) {
+    return true;
+  }
+  return false;
+}
+const Link = forwardRef((props, ref) => {
+  const navigate = useNavigate();
+  const {
+    className,
+    variant = "body",
+    weight = "regular",
+    color = "primary",
+    truncate,
+    href,
+    ...restProps
+  } = props;
+  const { classNames: linkClassNames } = useStyles("Link");
+  const { classNames: textClassNames, dataAttributes: textDataAttributes } = useStyles("Text", {
+    variant,
+    weight,
+    color
+  });
+  const isExternal = isExternalLink(href);
+  if (isExternal) {
+    return /* @__PURE__ */ jsx(
+      Link$1,
+      {
+        ref,
+        className: clsx(textClassNames.root, linkClassNames.root, className),
+        "data-truncate": truncate,
+        href,
+        ...textDataAttributes,
+        ...restProps
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(RouterProvider, { navigate, useHref, children: /* @__PURE__ */ jsx(
+    Link$1,
+    {
+      ref,
+      className: clsx(textClassNames.root, linkClassNames.root, className),
+      "data-truncate": truncate,
+      ...textDataAttributes,
+      href,
+      ...restProps
+    }
+  ) });
+});
+Link.displayName = "Link";
+
+export { Link };
+//# sourceMappingURL=Link.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Link.esm.js","sources":["../../../src/components/Link/Link.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { forwardRef } from 'react';\nimport { Link as AriaLink, RouterProvider } from 'react-aria-components';\nimport clsx from 'clsx';\nimport { useStyles } from '../../hooks/useStyles';\nimport type { LinkProps } from './types';\nimport { useNavigate, useHref } from 'react-router-dom';\n\n// Helper function to determine if a link is external\nfunction isExternalLink(href?: string): boolean {\n  if (!href) return false;\n\n  // Check if it's an absolute URL with protocol\n  if (href.startsWith('http://') || href.startsWith('https://')) {\n    return true;\n  }\n\n  // Check if it's a protocol-relative URL\n  if (href.startsWith('//')) {\n    return true;\n  }\n\n  // Check if it's a mailto: or tel: link\n  if (href.startsWith('mailto:') || href.startsWith('tel:')) {\n    return true;\n  }\n\n  return false;\n}\n\n/** @public */\nexport const Link = forwardRef<HTMLAnchorElement, LinkProps>((props, ref) => {\n  const navigate = useNavigate();\n  const {\n    className,\n    variant = 'body',\n    weight = 'regular',\n    color = 'primary',\n    truncate,\n    href,\n    ...restProps\n  } = props;\n\n  const { classNames: linkClassNames } = useStyles('Link');\n  const { classNames: textClassNames, dataAttributes: textDataAttributes } =\n    useStyles('Text', {\n      variant,\n      weight,\n      color,\n    });\n\n  const isExternal = isExternalLink(href);\n\n  // If it's an external link, render AriaLink without RouterProvider\n  if (isExternal) {\n    return (\n      <AriaLink\n        ref={ref}\n        className={clsx(textClassNames.root, linkClassNames.root, className)}\n        data-truncate={truncate}\n        href={href}\n        {...textDataAttributes}\n        {...restProps}\n      />\n    );\n  }\n\n  // For internal links, use RouterProvider\n  return (\n    <RouterProvider navigate={navigate} useHref={useHref}>\n      <AriaLink\n        ref={ref}\n        className={clsx(textClassNames.root, linkClassNames.root, className)}\n        data-truncate={truncate}\n        {...textDataAttributes}\n        href={href}\n        {...restProps}\n      />\n    </RouterProvider>\n  );\n});\n\nLink.displayName = 'Link';\n"],"names":["AriaLink"],"mappings":";;;;;;;AAwBA,SAAS,eAAe,IAAwB,EAAA;AAC9C,EAAI,IAAA,CAAC,MAAa,OAAA,KAAA;AAGlB,EAAA,IAAI,KAAK,UAAW,CAAA,SAAS,KAAK,IAAK,CAAA,UAAA,CAAW,UAAU,CAAG,EAAA;AAC7D,IAAO,OAAA,IAAA;AAAA;AAIT,EAAI,IAAA,IAAA,CAAK,UAAW,CAAA,IAAI,CAAG,EAAA;AACzB,IAAO,OAAA,IAAA;AAAA;AAIT,EAAA,IAAI,KAAK,UAAW,CAAA,SAAS,KAAK,IAAK,CAAA,UAAA,CAAW,MAAM,CAAG,EAAA;AACzD,IAAO,OAAA,IAAA;AAAA;AAGT,EAAO,OAAA,KAAA;AACT;AAGO,MAAM,IAAO,GAAA,UAAA,CAAyC,CAAC,KAAA,EAAO,GAAQ,KAAA;AAC3E,EAAA,MAAM,WAAW,WAAY,EAAA;AAC7B,EAAM,MAAA;AAAA,IACJ,SAAA;AAAA,IACA,OAAU,GAAA,MAAA;AAAA,IACV,MAAS,GAAA,SAAA;AAAA,IACT,KAAQ,GAAA,SAAA;AAAA,IACR,QAAA;AAAA,IACA,IAAA;AAAA,IACA,GAAG;AAAA,GACD,GAAA,KAAA;AAEJ,EAAA,MAAM,EAAE,UAAA,EAAY,cAAe,EAAA,GAAI,UAAU,MAAM,CAAA;AACvD,EAAA,MAAM,EAAE,UAAY,EAAA,cAAA,EAAgB,gBAAgB,kBAAmB,EAAA,GACrE,UAAU,MAAQ,EAAA;AAAA,IAChB,OAAA;AAAA,IACA,MAAA;AAAA,IACA;AAAA,GACD,CAAA;AAEH,EAAM,MAAA,UAAA,GAAa,eAAe,IAAI,CAAA;AAGtC,EAAA,IAAI,UAAY,EAAA;AACd,IACE,uBAAA,GAAA;AAAA,MAACA,MAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,WAAW,IAAK,CAAA,cAAA,CAAe,IAAM,EAAA,cAAA,CAAe,MAAM,SAAS,CAAA;AAAA,QACnE,eAAe,EAAA,QAAA;AAAA,QACf,IAAA;AAAA,QACC,GAAG,kBAAA;AAAA,QACH,GAAG;AAAA;AAAA,KACN;AAAA;AAKJ,EACE,uBAAA,GAAA,CAAC,cAAe,EAAA,EAAA,QAAA,EAAoB,OAClC,EAAA,QAAA,kBAAA,GAAA;AAAA,IAACA,MAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,WAAW,IAAK,CAAA,cAAA,CAAe,IAAM,EAAA,cAAA,CAAe,MAAM,SAAS,CAAA;AAAA,MACnE,eAAe,EAAA,QAAA;AAAA,MACd,GAAG,kBAAA;AAAA,MACJ,IAAA;AAAA,MACC,GAAG;AAAA;AAAA,GAER,EAAA,CAAA;AAEJ,CAAC;AAED,IAAA,CAAK,WAAc,GAAA,MAAA;;;;"}