@backstage/ui 0.6.0 → 0.6.1

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 { Heading } from '../Heading';\nimport { Menu } from '../Menu';\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        <Heading variant=\"title4\">{title}</Heading>\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 key={tab.id} id={tab.id} href={tab.href}>\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,sBAAC,GAAA,CAAA,OAAA,EAAA,EAAQ,OAAQ,EAAA,QAAA,EAAU,QAAM,EAAA,KAAA,EAAA,CAAA;AAAA,sBAChC,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,CAAC,GAAiB,EAAA,EAAA,EAAA,EAAI,GAAI,CAAA,EAAA,EAAI,IAAM,EAAA,GAAA,CAAI,IACrC,EAAA,QAAA,EAAA,GAAA,CAAI,KADG,EAAA,EAAA,GAAA,CAAI,EAEd,CACD,CACH,EAAA,CAAA,EACF,CACF,EAAA;AAAA,GAEJ,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/Heading/Heading.esm.js

@@ -0,0 +1,37 @@
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import clsx from 'clsx';
+import { useStyles } from '../../hooks/useStyles.esm.js';
+
+function HeadingComponent({
+  as,
+  variant = "title1",
+  color = "primary",
+  truncate,
+  className,
+  style,
+  ...restProps
+}, ref) {
+  const Component = as || "h1";
+  const { classNames, dataAttributes } = useStyles("Heading", {
+    variant,
+    color
+  });
+  return /* @__PURE__ */ jsx(
+    Component,
+    {
+      ref,
+      className: clsx(classNames.root, className),
+      "data-truncate": truncate,
+      ...dataAttributes,
+      style,
+      ...restProps
+    }
+  );
+}
+HeadingComponent.displayName = "Heading";
+const Heading = forwardRef(HeadingComponent);
+Heading.displayName = "Heading";
+
+export { Heading };
+//# sourceMappingURL=Heading.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Heading.esm.js","sources":["../../../src/components/Heading/Heading.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 clsx from 'clsx';\nimport type { ElementType } from 'react';\nimport type { HeadingProps } from './types';\nimport { useStyles } from '../../hooks/useStyles';\n\nfunction HeadingComponent<T extends ElementType = 'h1'>(\n  {\n    as,\n    variant = 'title1',\n    color = 'primary',\n    truncate,\n    className,\n    style,\n    ...restProps\n  }: HeadingProps<T>,\n  ref: React.Ref<any>,\n) {\n  const Component = as || 'h1';\n\n  const { classNames, dataAttributes } = useStyles('Heading', {\n    variant,\n    color,\n  });\n\n  return (\n    <Component\n      ref={ref}\n      className={clsx(classNames.root, className)}\n      data-truncate={truncate}\n      {...dataAttributes}\n      style={style}\n      {...restProps}\n    />\n  );\n}\n\nHeadingComponent.displayName = 'Heading';\n\n/** @public */\nexport const Heading = forwardRef(HeadingComponent) as {\n  <T extends ElementType = 'h1'>(\n    props: HeadingProps<T> & { ref?: React.ComponentPropsWithRef<T>['ref'] },\n  ): React.ReactElement<HeadingProps<T>, T>;\n  displayName: string;\n};\n\nHeading.displayName = 'Heading';\n"],"names":[],"mappings":";;;;;AAsBA,SAAS,gBACP,CAAA;AAAA,EACE,EAAA;AAAA,EACA,OAAU,GAAA,QAAA;AAAA,EACV,KAAQ,GAAA,SAAA;AAAA,EACR,QAAA;AAAA,EACA,SAAA;AAAA,EACA,KAAA;AAAA,EACA,GAAG;AACL,CAAA,EACA,GACA,EAAA;AACA,EAAA,MAAM,YAAY,EAAM,IAAA,IAAA;AAExB,EAAA,MAAM,EAAE,UAAA,EAAY,cAAe,EAAA,GAAI,UAAU,SAAW,EAAA;AAAA,IAC1D,OAAA;AAAA,IACA;AAAA,GACD,CAAA;AAED,EACE,uBAAA,GAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAW,EAAA,IAAA,CAAK,UAAW,CAAA,IAAA,EAAM,SAAS,CAAA;AAAA,MAC1C,eAAe,EAAA,QAAA;AAAA,MACd,GAAG,cAAA;AAAA,MACJ,KAAA;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,gBAAA,CAAiB,WAAc,GAAA,SAAA;AAGlB,MAAA,OAAA,GAAU,WAAW,gBAAgB;AAOlD,OAAA,CAAQ,WAAc,GAAA,SAAA;;;;"}

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,63 @@
+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",
+    href,
+    ...restProps
+  } = props;
+  const { classNames, dataAttributes } = useStyles("Link", {
+    variant,
+    weight,
+    color
+  });
+  const isExternal = isExternalLink(href);
+  if (isExternal) {
+    return /* @__PURE__ */ jsx(
+      Link$1,
+      {
+        ref,
+        className: clsx(classNames.root, className),
+        href,
+        ...dataAttributes,
+        ...restProps
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(RouterProvider, { navigate, useHref, children: /* @__PURE__ */ jsx(
+    Link$1,
+    {
+      ref,
+      className: clsx(classNames.root, className),
+      href,
+      ...dataAttributes,
+      ...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    href,\n    ...restProps\n  } = props;\n\n  const { classNames, dataAttributes } = useStyles('Link', {\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(classNames.root, className)}\n        href={href}\n        {...dataAttributes}\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(classNames.root, className)}\n        href={href}\n        {...dataAttributes}\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,IAAA;AAAA,IACA,GAAG;AAAA,GACD,GAAA,KAAA;AAEJ,EAAA,MAAM,EAAE,UAAA,EAAY,cAAe,EAAA,GAAI,UAAU,MAAQ,EAAA;AAAA,IACvD,OAAA;AAAA,IACA,MAAA;AAAA,IACA;AAAA,GACD,CAAA;AAED,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,SAAW,EAAA,IAAA,CAAK,UAAW,CAAA,IAAA,EAAM,SAAS,CAAA;AAAA,QAC1C,IAAA;AAAA,QACC,GAAG,cAAA;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,SAAW,EAAA,IAAA,CAAK,UAAW,CAAA,IAAA,EAAM,SAAS,CAAA;AAAA,MAC1C,IAAA;AAAA,MACC,GAAG,cAAA;AAAA,MACH,GAAG;AAAA;AAAA,GAER,EAAA,CAAA;AAEJ,CAAC;AAED,IAAA,CAAK,WAAc,GAAA,MAAA;;;;"}

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

@@ -0,0 +1,212 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { forwardRef, useId, useState, useMemo, useCallback, useRef, useEffect } from 'react';
+import clsx from 'clsx';
+import '../Icon/context.esm.js';
+import '../Box/Box.esm.js';
+import '../Grid/Grid.esm.js';
+import '../Flex/Flex.esm.js';
+import '../Container/Container.esm.js';
+import '../Text/Text.esm.js';
+import '../Heading/Heading.esm.js';
+import '../Avatar/Avatar.esm.js';
+import '../Button/Button.esm.js';
+import '../Card/Card.esm.js';
+import '../Collapsible/Collapsible.esm.js';
+import '../DataTable/DataTable.esm.js';
+import '../FieldLabel/FieldLabel.esm.js';
+import 'react-aria-components';
+import '@remixicon/react';
+import '../ButtonIcon/ButtonIcon.esm.js';
+import './Menu.esm.js';
+import 'motion/react';
+import '../Tabs/Tabs.esm.js';
+import { Icon } from '../Icon/Icon.esm.js';
+import '../ButtonLink/ButtonLink.esm.js';
+import '../Checkbox/Checkbox.esm.js';
+import '../RadioGroup/RadioGroup.esm.js';
+import '../Table/Table.esm.js';
+import '../TextField/TextField.esm.js';
+import '../Tooltip/Tooltip.esm.js';
+import '../ScrollArea/ScrollArea.esm.js';
+import '../SearchField/SearchField.esm.js';
+import '../Link/Link.esm.js';
+import '../Select/Select.esm.js';
+import '../Switch/Switch.esm.js';
+
+const getListboxItemId = (listboxId, optionValue) => `${listboxId}-option-${optionValue}`;
+function ComboboxItem({
+  option,
+  optionIndex,
+  value,
+  activeOptionIndex,
+  onItemActive,
+  onItemSelect,
+  listboxId
+}) {
+  const isSelected = value?.includes(option.value) ?? false;
+  const isHighlighted = optionIndex === activeOptionIndex;
+  const itemId = getListboxItemId(listboxId, option.value);
+  const itemRef = useRef(null);
+  useEffect(() => {
+    if (isHighlighted && itemRef.current) {
+      itemRef.current.scrollIntoView({ block: "nearest" });
+    }
+  }, [isHighlighted]);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref: itemRef,
+      className: "bui-SubmenuComboboxItem",
+      id: itemId,
+      role: "option",
+      "aria-selected": isSelected,
+      "data-highlighted": isHighlighted ? true : void 0,
+      "data-selected": isSelected ? true : void 0,
+      "data-disabled": option.disabled ? true : void 0,
+      onMouseOver: () => !option.disabled && onItemActive(optionIndex),
+      onClick: () => !option.disabled && onItemSelect(option.value),
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "bui-SubmenuComboboxItemCheckbox", children: isSelected && /* @__PURE__ */ jsx(Icon, { "aria-hidden": "true", name: "check", size: 12 }) }),
+        /* @__PURE__ */ jsx("div", { className: "bui-SubmenuComboboxItemLabel", children: option.label })
+      ]
+    }
+  );
+}
+const Combobox = forwardRef(
+  (props, ref) => {
+    const {
+      options,
+      value,
+      onValueChange,
+      multiselect = false,
+      className,
+      ...rest
+    } = props;
+    const triggerId = useId();
+    const listboxId = `${triggerId}-listbox`;
+    const [filterString, setFilterString] = useState("");
+    const [activeOptionIndex, setActiveOptionIndex] = useState(0);
+    const filteredOptions = useMemo(() => {
+      if (!filterString) return options;
+      const lowerFilterString = filterString.toLocaleLowerCase("en-US");
+      return options.filter(
+        (option) => option.label.toLocaleLowerCase("en-US").includes(lowerFilterString)
+      );
+    }, [filterString, options]);
+    const activeDescendantId = activeOptionIndex >= 0 && filteredOptions.length > 0 ? getListboxItemId(listboxId, filteredOptions[activeOptionIndex].value) : void 0;
+    const handleValueChange = useCallback(
+      (toggledValue) => {
+        let newValue;
+        if (multiselect) {
+          newValue = value?.includes(toggledValue) ? value.filter((v) => v !== toggledValue) : [...value ?? [], toggledValue];
+        } else {
+          newValue = value?.includes(toggledValue) ? [] : [toggledValue];
+        }
+        onValueChange?.(newValue);
+      },
+      [multiselect, onValueChange, value]
+    );
+    const handleSearchChange = useCallback(
+      (e) => {
+        setFilterString(e.target.value);
+        setActiveOptionIndex(0);
+        e.preventDefault();
+      },
+      []
+    );
+    const handleKeyDown = useCallback(
+      (e) => {
+        let wasEscapeKey = false;
+        switch (e.key) {
+          case "ArrowDown":
+            e.preventDefault();
+            setActiveOptionIndex(
+              (prev) => Math.min(prev + 1, filteredOptions.length - 1)
+            );
+            break;
+          case "ArrowUp":
+            e.preventDefault();
+            setActiveOptionIndex((prev) => Math.max(prev - 1, 0));
+            break;
+          case "Home":
+            e.preventDefault();
+            setActiveOptionIndex(0);
+            break;
+          case "End":
+            e.preventDefault();
+            setActiveOptionIndex(Math.max(filteredOptions.length - 1, 0));
+            break;
+          case "Enter":
+            e.preventDefault();
+            if (activeOptionIndex >= 0 && !filteredOptions[activeOptionIndex].disabled) {
+              handleValueChange(filteredOptions[activeOptionIndex].value);
+            }
+            break;
+          case "Escape":
+            wasEscapeKey = true;
+            break;
+        }
+        if (!wasEscapeKey) {
+          e.stopPropagation();
+        }
+      },
+      [filteredOptions, activeOptionIndex, handleValueChange]
+    );
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        role: "combobox",
+        className: clsx("bui-MenuCombobox", className),
+        ...rest,
+        children: [
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              className: "bui-SubmenuComboboxSearch",
+              type: "text",
+              role: "combobox",
+              placeholder: "Filter...",
+              "aria-labelledby": triggerId,
+              "aria-controls": listboxId,
+              "aria-autocomplete": "list",
+              "aria-activedescendant": activeDescendantId,
+              "aria-expanded": "true",
+              "aria-haspopup": "listbox",
+              value: filterString,
+              onKeyDown: handleKeyDown,
+              onChange: handleSearchChange
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              role: "listbox",
+              id: listboxId,
+              tabIndex: -1,
+              "aria-multiselectable": multiselect ? true : void 0,
+              className: "bui-SubmenuComboboxItems",
+              children: filteredOptions.length === 0 ? /* @__PURE__ */ jsx("div", { className: "bui-SubmenuComboboxNoResults", children: "No results found" }) : filteredOptions.map((option, index) => /* @__PURE__ */ jsx(
+                ComboboxItem,
+                {
+                  option,
+                  optionIndex: index,
+                  value,
+                  activeOptionIndex,
+                  onItemActive: setActiveOptionIndex,
+                  onItemSelect: handleValueChange,
+                  listboxId
+                },
+                option.value
+              ))
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Combobox.displayName = "Combobox";
+
+export { Combobox };
+//# sourceMappingURL=Combobox.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Combobox.esm.js","sources":["../../../src/components/Menu/Combobox.tsx"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport {\n  forwardRef,\n  useState,\n  useMemo,\n  useCallback,\n  useId,\n  ChangeEvent,\n  KeyboardEvent,\n  useRef,\n  useEffect,\n} from 'react';\nimport clsx from 'clsx';\nimport { MenuComboboxOption, MenuComboboxProps } from './types';\nimport { Icon } from '../..';\n\nconst getListboxItemId = (listboxId: string, optionValue: string): string =>\n  `${listboxId}-option-${optionValue}`;\n\n// Internal component for rendering individual items\nfunction ComboboxItem({\n  option,\n  optionIndex,\n  value,\n  activeOptionIndex,\n  onItemActive,\n  onItemSelect,\n  listboxId,\n}: {\n  option: MenuComboboxOption;\n  optionIndex: number;\n  value?: string[];\n  activeOptionIndex: number;\n  onItemActive: (index: number) => void;\n  onItemSelect: (value: string) => void;\n  listboxId: string;\n}) {\n  const isSelected = value?.includes(option.value) ?? false;\n  const isHighlighted = optionIndex === activeOptionIndex;\n  const itemId = getListboxItemId(listboxId, option.value);\n\n  const itemRef = useRef<HTMLDivElement>(null);\n\n  // Scroll the item into view when it becomes highlighted\n  useEffect(() => {\n    if (isHighlighted && itemRef.current) {\n      itemRef.current.scrollIntoView({ block: 'nearest' });\n    }\n  }, [isHighlighted]);\n\n  return (\n    <div\n      ref={itemRef}\n      className=\"bui-SubmenuComboboxItem\"\n      id={itemId}\n      role=\"option\"\n      aria-selected={isSelected}\n      data-highlighted={isHighlighted ? true : undefined}\n      data-selected={isSelected ? true : undefined}\n      data-disabled={option.disabled ? true : undefined}\n      onMouseOver={() => !option.disabled && onItemActive(optionIndex)}\n      onClick={() => !option.disabled && onItemSelect(option.value)}\n    >\n      <div className=\"bui-SubmenuComboboxItemCheckbox\">\n        {isSelected && <Icon aria-hidden=\"true\" name=\"check\" size={12} />}\n      </div>\n      <div className=\"bui-SubmenuComboboxItemLabel\">{option.label}</div>\n    </div>\n  );\n}\n\n/** @public */\nexport const Combobox = forwardRef<HTMLDivElement, MenuComboboxProps>(\n  (props, ref) => {\n    const {\n      options,\n      value,\n      onValueChange,\n      multiselect = false,\n      className,\n      ...rest\n    } = props;\n\n    const triggerId = useId();\n    const listboxId = `${triggerId}-listbox`;\n\n    // State management\n    const [filterString, setFilterString] = useState<string>('');\n    const [activeOptionIndex, setActiveOptionIndex] = useState<number>(0);\n\n    // Filter options based on input\n    const filteredOptions = useMemo(() => {\n      if (!filterString) return options;\n      const lowerFilterString = filterString.toLocaleLowerCase('en-US');\n      return options.filter(option =>\n        option.label.toLocaleLowerCase('en-US').includes(lowerFilterString),\n      );\n    }, [filterString, options]);\n\n    // Get the active descendant ID for accessibility\n    const activeDescendantId =\n      activeOptionIndex >= 0 && filteredOptions.length > 0\n        ? getListboxItemId(listboxId, filteredOptions[activeOptionIndex].value)\n        : undefined;\n\n    const handleValueChange = useCallback(\n      (toggledValue: string) => {\n        let newValue: string[];\n        if (multiselect) {\n          newValue = value?.includes(toggledValue)\n            ? value.filter(v => v !== toggledValue)\n            : [...(value ?? []), toggledValue];\n        } else {\n          newValue = value?.includes(toggledValue) ? [] : [toggledValue];\n        }\n\n        onValueChange?.(newValue);\n      },\n      [multiselect, onValueChange, value],\n    );\n\n    const handleSearchChange = useCallback(\n      (e: ChangeEvent<HTMLInputElement>) => {\n        setFilterString(e.target.value);\n        setActiveOptionIndex(0);\n        e.preventDefault();\n      },\n      [],\n    );\n\n    const handleKeyDown = useCallback(\n      (e: KeyboardEvent) => {\n        let wasEscapeKey = false;\n        switch (e.key) {\n          case 'ArrowDown':\n            e.preventDefault();\n            setActiveOptionIndex(prev =>\n              Math.min(prev + 1, filteredOptions.length - 1),\n            );\n            break;\n          case 'ArrowUp':\n            e.preventDefault();\n            setActiveOptionIndex(prev => Math.max(prev - 1, 0));\n            break;\n          case 'Home':\n            e.preventDefault();\n            setActiveOptionIndex(0);\n            break;\n          case 'End':\n            e.preventDefault();\n            setActiveOptionIndex(Math.max(filteredOptions.length - 1, 0));\n            break;\n          case 'Enter':\n            e.preventDefault();\n            if (\n              activeOptionIndex >= 0 &&\n              !filteredOptions[activeOptionIndex].disabled\n            ) {\n              handleValueChange(filteredOptions[activeOptionIndex].value);\n            }\n            break;\n          case 'Escape':\n            // The Menu component should handle this\n            wasEscapeKey = true;\n            break;\n          default:\n            break;\n        }\n\n        if (!wasEscapeKey) {\n          // Stop propagation so Menu components don't prevent the input from updating\n          e.stopPropagation();\n        }\n      },\n      [filteredOptions, activeOptionIndex, handleValueChange],\n    );\n\n    return (\n      <div\n        ref={ref}\n        role=\"combobox\"\n        className={clsx('bui-MenuCombobox', className)}\n        {...rest}\n      >\n        <input\n          className=\"bui-SubmenuComboboxSearch\"\n          type=\"text\"\n          role=\"combobox\"\n          placeholder=\"Filter...\"\n          aria-labelledby={triggerId}\n          aria-controls={listboxId}\n          aria-autocomplete=\"list\"\n          aria-activedescendant={activeDescendantId}\n          aria-expanded=\"true\"\n          aria-haspopup=\"listbox\"\n          value={filterString}\n          onKeyDown={handleKeyDown}\n          onChange={handleSearchChange}\n        />\n        <div\n          role=\"listbox\"\n          id={listboxId}\n          tabIndex={-1}\n          aria-multiselectable={multiselect ? true : undefined}\n          className=\"bui-SubmenuComboboxItems\"\n        >\n          {filteredOptions.length === 0 ? (\n            <div className=\"bui-SubmenuComboboxNoResults\">No results found</div>\n          ) : (\n            filteredOptions.map((option, index) => (\n              <ComboboxItem\n                key={option.value}\n                option={option}\n                optionIndex={index}\n                value={value}\n                activeOptionIndex={activeOptionIndex}\n                onItemActive={setActiveOptionIndex}\n                onItemSelect={handleValueChange}\n                listboxId={listboxId}\n              />\n            ))\n          )}\n        </div>\n      </div>\n    );\n  },\n);\nCombobox.displayName = 'Combobox';\n"],"names":[],"mappings":"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"}