@backstage/ui 0.0.0-nightly-20250813024231 → 0.0.0-nightly-20250815024739

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

@@ -2,108 +2,73 @@ import { jsxs, jsx, Fragment } 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, RiArrowRightSLine } from '@remixicon/react';
+import { RiArrowRightSLine, RiMore2Line } from '@remixicon/react';
 import { Tabs, TabList, Tab } from '../Tabs/Tabs.esm.js';
 import { useStyles } from '../../hooks/useStyles.esm.js';
-import { useRef } from 'react';
-import { useGSAP } from '@gsap/react';
-import { gsap } from 'gsap';
-import { ScrollTrigger } from 'gsap/ScrollTrigger';
 import { Container } from '../Container/Container.esm.js';
 import { Link } from '../Link/Link.esm.js';
 
-gsap.registerPlugin(ScrollTrigger);
 const HeaderPage = (props) => {
   const { title, menuItems, tabs, customActions, breadcrumbs } = props;
   const { classNames } = useStyles("HeaderPage");
-  const stickyRef = useRef(null);
-  const stickyContentRef = useRef(null);
-  useGSAP(() => {
-    const tl = gsap.timeline({
-      scrollTrigger: {
-        trigger: stickyRef.current,
-        start: "top top",
-        end: "120px top",
-        scrub: true
-      }
-    });
-    tl.to(stickyContentRef.current, {
-      opacity: 1,
-      ease: "power2.inOut"
-    }).to(
-      stickyRef.current,
-      {
-        zIndex: 10,
-        ease: "none"
-      },
-      "<"
-    );
-  });
-  const controls = /* @__PURE__ */ jsxs("div", { className: classNames.controls, children: [
-    customActions,
-    menuItems && /* @__PURE__ */ jsxs(Menu.Root, { children: [
-      /* @__PURE__ */ jsx(
-        Menu.Trigger,
-        {
-          render: (props2) => /* @__PURE__ */ jsx(
-            ButtonIcon,
+  return /* @__PURE__ */ jsxs(Container, { className: classNames.root, children: [
+    /* @__PURE__ */ jsxs("div", { className: classNames.content, children: [
+      /* @__PURE__ */ jsxs("div", { className: classNames.breadcrumbs, children: [
+        breadcrumbs && breadcrumbs.map((breadcrumb) => /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            Link,
             {
-              ...props2,
-              size: "small",
-              icon: /* @__PURE__ */ jsx(RiMore2Line, {}),
-              variant: "tertiary"
+              href: breadcrumb.href,
+              variant: "title-small",
+              weight: "bold",
+              color: "secondary",
+              truncate: true,
+              style: { maxWidth: "240px" },
+              children: breadcrumb.label
             }
-          )
-        }
-      ),
-      /* @__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
-      )) }) }) })
-    ] })
-  ] });
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs(Container, { className: classNames.root, children: [
-      /* @__PURE__ */ jsxs("div", { className: classNames.content, children: [
-        /* @__PURE__ */ jsx(Text, { variant: "title-small", weight: "bold", as: "h2", children: title }),
-        controls
+          ),
+          /* @__PURE__ */ jsx(RiArrowRightSLine, { size: 16, color: "var(--bui-fg-secondary)" })
+        ] }, breadcrumb.label)),
+        /* @__PURE__ */ jsx(Text, { variant: "title-small", weight: "bold", as: "h2", children: title })
       ] }),
-      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
-      )) }) }) })
+      /* @__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
+          )) }) }) })
+        ] })
+      ] })
     ] }),
-    /* @__PURE__ */ jsx("div", { className: classNames.sticky, ref: stickyRef, children: /* @__PURE__ */ jsx("div", { className: classNames.stickyWrapper, ref: stickyContentRef, children: /* @__PURE__ */ jsxs(Container, { className: classNames.stickyContent, children: [
-      breadcrumbs ? /* @__PURE__ */ jsx("div", { className: classNames.breadcrumbs, children: 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__ */ jsx(Text, { variant: "body-medium", as: "p", children: title }),
-      controls
-    ] }) }) })
+    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
+    )) }) }) })
   ] });
 };
 

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

@@ -1 +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 { RiArrowRightSLine, RiMore2Line } from '@remixicon/react';\nimport { Tabs, TabList, Tab } from '../Tabs';\nimport { useStyles } from '../../hooks/useStyles';\nimport { useRef } from 'react';\nimport { useGSAP } from '@gsap/react';\nimport { gsap } from 'gsap';\nimport { ScrollTrigger } from 'gsap/ScrollTrigger';\nimport { Container } from '../Container';\nimport { Link } from '../Link';\n\ngsap.registerPlugin(ScrollTrigger);\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, breadcrumbs } = props;\n  const { classNames } = useStyles('HeaderPage');\n  const stickyRef = useRef<HTMLDivElement>(null);\n  const stickyContentRef = useRef<HTMLDivElement>(null);\n\n  useGSAP(() => {\n    const tl = gsap.timeline({\n      scrollTrigger: {\n        trigger: stickyRef.current,\n        start: 'top top',\n        end: '120px top',\n        scrub: true,\n      },\n    });\n\n    tl.to(stickyContentRef.current, {\n      opacity: 1,\n      ease: 'power2.inOut',\n    }).to(\n      stickyRef.current,\n      {\n        zIndex: 10,\n        ease: 'none',\n      },\n      '<',\n    );\n  });\n\n  const controls = (\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  );\n\n  return (\n    <>\n      <Container className={classNames.root}>\n        <div className={classNames.content}>\n          <Text variant=\"title-small\" weight=\"bold\" as=\"h2\">\n            {title}\n          </Text>\n          {controls}\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      </Container>\n      <div className={classNames.sticky} ref={stickyRef}>\n        <div className={classNames.stickyWrapper} ref={stickyContentRef}>\n          <Container className={classNames.stickyContent}>\n            {breadcrumbs ? (\n              <div className={classNames.breadcrumbs}>\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              </div>\n            ) : (\n              <Text variant=\"body-medium\" as=\"p\">\n                {title}\n              </Text>\n            )}\n            {controls}\n          </Container>\n        </div>\n      </div>\n    </>\n  );\n};\n"],"names":["props"],"mappings":"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"}
+{"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 { RiArrowRightSLine, RiMore2Line } from '@remixicon/react';\nimport { Tabs, TabList, Tab } from '../Tabs';\nimport { useStyles } from '../../hooks/useStyles';\nimport { Container } from '../Container';\nimport { Link } from '../Link';\nimport { Fragment } from 'react/jsx-runtime';\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, breadcrumbs } = props;\n  const { classNames } = useStyles('HeaderPage');\n\n  return (\n    <Container className={classNames.root}>\n      <div className={classNames.content}>\n        <div className={classNames.breadcrumbs}>\n          {breadcrumbs &&\n            breadcrumbs.map(breadcrumb => (\n              <Fragment key={breadcrumb.label}>\n                <Link\n                  href={breadcrumb.href}\n                  variant=\"title-small\"\n                  weight=\"bold\"\n                  color=\"secondary\"\n                  truncate\n                  style={{ maxWidth: '240px' }}\n                >\n                  {breadcrumb.label}\n                </Link>\n                <RiArrowRightSLine size={16} color=\"var(--bui-fg-secondary)\" />\n              </Fragment>\n            ))}\n          <Text variant=\"title-small\" weight=\"bold\" as=\"h2\">\n            {title}\n          </Text>\n        </div>\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    </Container>\n  );\n};\n"],"names":["props"],"mappings":"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"}

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

@@ -1 +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;;;;"}
+{"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":";;;;;AAuBO,MAAM,IAAA,GAAO,CAAC,KAAA,KAAqB;AACxC,EAAA,MAAM,EAAE,IAAA,EAAM,IAAA,EAAM,WAAW,KAAA,EAAO,GAAG,WAAU,GAAI,KAAA;AACvD,EAAA,MAAM,EAAE,KAAA,EAAM,GAAI,QAAA,EAAS;AAE3B,EAAA,MAAM,YAAA,GAAe,MAAM,IAAI,CAAA;AAE/B,EAAA,IAAI,CAAC,YAAA,EAAc;AACjB,IAAA,OAAA,CAAQ,KAAA,CAAM,CAAA,MAAA,EAAS,IAAI,CAAA,wCAAA,CAA0C,CAAA;AACrE,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,MAAM,EAAE,UAAA,EAAW,GAAI,SAAA,CAAU,MAAM,CAAA;AAEvC,EAAA,uBACE,GAAA;AAAA,IAAC,YAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,IAAA,CAAK,UAAA,CAAW,IAAA,EAAM,SAAS,CAAA;AAAA,MAC1C,KAAA,EAAO;AAAA,QACL,GAAI,OAAO,EAAE,KAAA,EAAO,MAAM,MAAA,EAAQ,IAAA,KAAS,EAAC;AAAA,QAC5C,GAAG;AAAA,OACL;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ;;;;"}

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

@@ -1 +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;;;;"}
+{"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,aAAA,CAAgC;AAAA,EACzD;AACF,CAAC;AAGM,MAAM,QAAA,GAAW,MAAM,UAAA,CAAW,WAAW;;;;"}

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

@@ -1,4 +1,4 @@
-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';
+import { RiZoomOutLine, RiZoomInLine, RiYoutubeLine, RiUserLine, RiUploadLine, RiDeleteBin6Line, RiTerminalLine, RiSunLine, RiStarLine, RiSparklingLine, RiSidebarUnfoldLine, RiSidebarFoldLine, RiSearchLine, RiAddLine, RiMoonLine, RiHeartLine, RiGroupLine, RiGitRepositoryLine, RiGithubLine, RiFlowerLine, RiFilterLine, RiEyeOffLine, RiEyeLine, RiExternalLinkLine, RiDownloadLine, RiDiscordLine, RiCodeLine, RiCloudLine, RiCloseLine, RiArrowUpSLine, RiArrowRightSLine, RiArrowLeftSLine, RiArrowDownSLine, RiCheckDoubleLine, RiCheckLine, RiBugLine, RiBracketsLine, RiBracesLine, RiArrowUpCircleLine, RiArrowUpLine, RiArrowRightUpLine, RiArrowRightDownLine, RiArrowRightCircleLine, RiArrowRightLine, RiArrowLeftUpLine, RiArrowLeftDownLine, RiArrowLeftCircleLine, RiArrowLeftLine, RiArrowDropUpLine, RiArrowDropRightLine, RiArrowDropLeftLine, RiArrowDropDownLine, RiArrowDownCircleLine, RiArrowDownLine, RiAlertLine, RiAccountCircleLine } from '@remixicon/react';
 
 const icons = {
   "account-circle": RiAccountCircleLine,

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

@@ -1 +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;;;;"}
+{"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,KAAA,GAAiB;AAAA,EAC5B,gBAAA,EAAkB,mBAAA;AAAA,EAClB,KAAA,EAAO,WAAA;AAAA,EACP,YAAA,EAAc,eAAA;AAAA,EACd,mBAAA,EAAqB,qBAAA;AAAA,EACrB,YAAA,EAAc,mBAAA;AAAA,EACd,YAAA,EAAc,mBAAA;AAAA,EACd,aAAA,EAAe,oBAAA;AAAA,EACf,UAAA,EAAY,iBAAA;AAAA,EACZ,YAAA,EAAc,eAAA;AAAA,EACd,mBAAA,EAAqB,qBAAA;AAAA,EACrB,iBAAA,EAAmB,mBAAA;AAAA,EACnB,eAAA,EAAiB,iBAAA;AAAA,EACjB,aAAA,EAAe,gBAAA;AAAA,EACf,oBAAA,EAAsB,sBAAA;AAAA,EACtB,kBAAA,EAAoB,oBAAA;AAAA,EACpB,gBAAA,EAAkB,kBAAA;AAAA,EAClB,UAAA,EAAY,aAAA;AAAA,EACZ,iBAAA,EAAmB,mBAAA;AAAA,EACnB,MAAA,EAAQ,YAAA;AAAA,EACR,QAAA,EAAU,cAAA;AAAA,EACV,GAAA,EAAK,SAAA;AAAA,EACL,KAAA,EAAO,WAAA;AAAA,EACP,cAAA,EAAgB,iBAAA;AAAA,EAChB,cAAA,EAAgB,gBAAA;AAAA,EAChB,cAAA,EAAgB,gBAAA;AAAA,EAChB,eAAA,EAAiB,iBAAA;AAAA,EACjB,YAAA,EAAc,cAAA;AAAA,EACd,KAAA,EAAO,WAAA;AAAA,EACP,KAAA,EAAO,WAAA;AAAA,EACP,IAAA,EAAM,UAAA;AAAA,EACN,OAAA,EAAS,aAAA;AAAA,EACT,QAAA,EAAU,cAAA;AAAA,EACV,eAAA,EAAiB,kBAAA;AAAA,EACjB,GAAA,EAAK,SAAA;AAAA,EACL,SAAA,EAAW,YAAA;AAAA,EACX,MAAA,EAAQ,YAAA;AAAA,EACR,MAAA,EAAQ,YAAA;AAAA,EACR,MAAA,EAAQ,YAAA;AAAA,EACR,gBAAA,EAAkB,mBAAA;AAAA,EAClB,KAAA,EAAO,WAAA;AAAA,EACP,KAAA,EAAO,WAAA;AAAA,EACP,IAAA,EAAM,UAAA;AAAA,EACN,IAAA,EAAM,SAAA;AAAA,EACN,MAAA,EAAQ,YAAA;AAAA,EACR,cAAA,EAAgB,iBAAA;AAAA,EAChB,gBAAA,EAAkB,mBAAA;AAAA,EAClB,SAAA,EAAW,eAAA;AAAA,EACX,IAAA,EAAM,UAAA;AAAA,EACN,GAAA,EAAK,SAAA;AAAA,EACL,QAAA,EAAU,cAAA;AAAA,EACV,KAAA,EAAO,gBAAA;AAAA,EACP,MAAA,EAAQ,YAAA;AAAA,EACR,IAAA,EAAM,UAAA;AAAA,EACN,OAAA,EAAS,aAAA;AAAA,EACT,SAAA,EAAW,YAAA;AAAA,EACX,UAAA,EAAY;AACd;;;;"}

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

@@ -1 +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;;;;"}
+{"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":";;;;AAqBO,MAAM,YAAA,GAAe,CAAC,KAAA,KAA6B;AACxD,EAAA,MAAM,EAAE,QAAA,EAAU,SAAA,EAAU,GAAI,KAAA;AAGhC,EAAA,MAAM,aAAA,GAAgB,EAAE,GAAG,KAAA,EAAO,GAAG,SAAA,EAAU;AAE/C,EAAA,uBACE,GAAA,CAAC,YAAY,QAAA,EAAZ,EAAqB,OAAO,EAAE,KAAA,EAAO,aAAA,EAAc,EACjD,QAAA,EACH,CAAA;AAEJ;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Link.esm.js","sources":["../../../src/components/Link/Link.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { forwardRef } 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';\nimport { isExternalLink } from '../../utils/isExternalLink';\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":";;;;;;;;AAyBO,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;;;;"}
+{"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';\nimport { isExternalLink } from '../../utils/isExternalLink';\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":";;;;;;;;AAyBO,MAAM,IAAA,GAAO,UAAA,CAAyC,CAAC,KAAA,EAAO,GAAA,KAAQ;AAC3E,EAAA,MAAM,WAAW,WAAA,EAAY;AAC7B,EAAA,MAAM;AAAA,IACJ,SAAA;AAAA,IACA,OAAA,GAAU,MAAA;AAAA,IACV,MAAA,GAAS,SAAA;AAAA,IACT,KAAA,GAAQ,SAAA;AAAA,IACR,QAAA;AAAA,IACA,IAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,MAAM,EAAE,UAAA,EAAY,cAAA,EAAe,GAAI,UAAU,MAAM,CAAA;AACvD,EAAA,MAAM,EAAE,UAAA,EAAY,cAAA,EAAgB,gBAAgB,kBAAA,EAAmB,GACrE,UAAU,MAAA,EAAQ;AAAA,IAChB,OAAA;AAAA,IACA,MAAA;AAAA,IACA;AAAA,GACD,CAAA;AAEH,EAAA,MAAM,UAAA,GAAa,eAAe,IAAI,CAAA;AAGtC,EAAA,IAAI,UAAA,EAAY;AACd,IAAA,uBACE,GAAA;AAAA,MAACA,MAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,WAAW,IAAA,CAAK,cAAA,CAAe,IAAA,EAAM,cAAA,CAAe,MAAM,SAAS,CAAA;AAAA,QACnE,eAAA,EAAe,QAAA;AAAA,QACf,IAAA;AAAA,QACC,GAAG,kBAAA;AAAA,QACH,GAAG;AAAA;AAAA,KACN;AAAA,EAEJ;AAGA,EAAA,uBACE,GAAA,CAAC,cAAA,EAAA,EAAe,QAAA,EAAoB,OAAA,EAClC,QAAA,kBAAA,GAAA;AAAA,IAACA,MAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,WAAW,IAAA,CAAK,cAAA,CAAe,IAAA,EAAM,cAAA,CAAe,MAAM,SAAS,CAAA;AAAA,MACnE,eAAA,EAAe,QAAA;AAAA,MACd,GAAG,kBAAA;AAAA,MACJ,IAAA;AAAA,MACC,GAAG;AAAA;AAAA,GACN,EACF,CAAA;AAEJ,CAAC;AAED,IAAA,CAAK,WAAA,GAAc,MAAA;;;;"}

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

@@ -11,24 +11,22 @@ import '../Button/Button.esm.js';
 import '../Card/Card.esm.js';
 import '../Collapsible/Collapsible.esm.js';
 import '../FieldLabel/FieldLabel.esm.js';
-import '../Header/HeaderToolbar.esm.js';
-import '../Tabs/Tabs.esm.js';
-import '../HeaderPage/HeaderPage.esm.js';
+import 'react-aria-components';
 import '@remixicon/react';
-import { Icon } from '../Icon/Icon.esm.js';
 import '../ButtonIcon/ButtonIcon.esm.js';
+import './Menu.esm.js';
+import '../Text/Text.esm.js';
+import 'react-router-dom';
+import '../Tabs/Tabs.esm.js';
+import '../Link/Link.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 'react-aria-components';
-import 'react-router-dom';
 import '../Table/components/Cell.esm.js';
-import '../Text/Text.esm.js';
-import '../Link/Link.esm.js';
 import '@base-ui-components/react/avatar';
 import '../TextField/TextField.esm.js';
 import '../Tooltip/Tooltip.esm.js';
-import './Menu.esm.js';
 import '../ScrollArea/ScrollArea.esm.js';
 import '../SearchField/SearchField.esm.js';
 import '../Select/Select.esm.js';

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

@@ -1 +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  ChangeEvent,\n  KeyboardEvent,\n  useRef,\n  useEffect,\n} from 'react';\nimport clsx from 'clsx';\nimport { MenuComboboxOption, MenuComboboxProps } from './types';\nimport { Icon } from '../..';\nimport { useId } from 'react-aria';\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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"}
+{"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  ChangeEvent,\n  KeyboardEvent,\n  useRef,\n  useEffect,\n} from 'react';\nimport clsx from 'clsx';\nimport { MenuComboboxOption, MenuComboboxProps } from './types';\nimport { Icon } from '../..';\nimport { useId } from 'react-aria';\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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"}

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

@@ -1 +1 @@
-{"version":3,"file":"Menu.esm.js","sources":["../../../src/components/Menu/Menu.tsx"],"sourcesContent":["/*\n * Copyright 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 { Menu as MenuPrimitive } from '@base-ui-components/react/menu';\nimport clsx from 'clsx';\nimport { MenuComponent } from './types';\nimport { Combobox } from './Combobox';\nimport { Icon } from '../Icon';\nimport { useStyles } from '../../hooks/useStyles';\n\nconst MenuTrigger = forwardRef<\n  React.ElementRef<typeof MenuPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof MenuPrimitive.Trigger>\n>(({ className, ...props }, ref) => {\n  const { classNames } = useStyles('Menu');\n\n  return (\n    <MenuPrimitive.Trigger\n      ref={ref}\n      className={clsx(classNames.trigger, className)}\n      {...props}\n    />\n  );\n});\nMenuTrigger.displayName = MenuPrimitive.Trigger.displayName;\n\nconst MenuBackdrop = forwardRef<\n  React.ElementRef<typeof MenuPrimitive.Backdrop>,\n  React.ComponentPropsWithoutRef<typeof MenuPrimitive.Backdrop>\n>(({ className, ...props }, ref) => {\n  const { classNames } = useStyles('Menu');\n\n  return (\n    <MenuPrimitive.Backdrop\n      ref={ref}\n      className={clsx(classNames.backdrop, className)}\n      {...props}\n    />\n  );\n});\nMenuBackdrop.displayName = MenuPrimitive.Backdrop.displayName;\n\nconst MenuPositioner = forwardRef<\n  React.ElementRef<typeof MenuPrimitive.Positioner>,\n  React.ComponentPropsWithoutRef<typeof MenuPrimitive.Positioner>\n>(({ className, ...props }, ref) => {\n  const { classNames } = useStyles('Menu');\n\n  return (\n    <MenuPrimitive.Positioner\n      ref={ref}\n      className={clsx(classNames.positioner, className)}\n      {...props}\n    />\n  );\n});\nMenuPositioner.displayName = MenuPrimitive.Positioner.displayName;\n\nconst MenuPopup = forwardRef<\n  React.ElementRef<typeof MenuPrimitive.Popup>,\n  React.ComponentPropsWithoutRef<typeof MenuPrimitive.Popup>\n>(({ className, ...props }, ref) => {\n  const { classNames } = useStyles('Menu');\n\n  return (\n    <MenuPrimitive.Popup\n      ref={ref}\n      className={clsx(classNames.popup, className)}\n      {...props}\n    />\n  );\n});\nMenuPopup.displayName = MenuPrimitive.Popup.displayName;\n\nconst MenuArrow = forwardRef<\n  React.ElementRef<typeof MenuPrimitive.Arrow>,\n  React.ComponentPropsWithoutRef<typeof MenuPrimitive.Arrow>\n>(({ className, ...props }, ref) => {\n  const { classNames } = useStyles('Menu');\n\n  return (\n    <MenuPrimitive.Arrow\n      ref={ref}\n      className={clsx(classNames.arrow, className)}\n      {...props}\n    />\n  );\n});\nMenuArrow.displayName = MenuPrimitive.Arrow.displayName;\n\nconst MenuItem = forwardRef<\n  React.ElementRef<typeof MenuPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof MenuPrimitive.Item>\n>(({ className, ...props }, ref) => {\n  const { classNames } = useStyles('Menu');\n\n  return (\n    <MenuPrimitive.Item\n      ref={ref}\n      className={clsx(classNames.item, className)}\n      {...props}\n    />\n  );\n});\nMenuItem.displayName = MenuPrimitive.Item.displayName;\n\nconst MenuGroup = forwardRef<\n  React.ElementRef<typeof MenuPrimitive.Group>,\n  React.ComponentPropsWithoutRef<typeof MenuPrimitive.Group>\n>(({ className, ...props }, ref) => {\n  const { classNames } = useStyles('Menu');\n\n  return (\n    <MenuPrimitive.Group\n      ref={ref}\n      className={clsx(classNames.group, className)}\n      {...props}\n    />\n  );\n});\nMenuGroup.displayName = MenuPrimitive.Group.displayName;\n\nconst MenuGroupLabel = forwardRef<\n  React.ElementRef<typeof MenuPrimitive.GroupLabel>,\n  React.ComponentPropsWithoutRef<typeof MenuPrimitive.GroupLabel>\n>(({ className, ...props }, ref) => {\n  const { classNames } = useStyles('Menu');\n\n  return (\n    <MenuPrimitive.GroupLabel\n      ref={ref}\n      className={clsx(classNames.groupLabel, className)}\n      {...props}\n    />\n  );\n});\nMenuGroupLabel.displayName = MenuPrimitive.GroupLabel.displayName;\n\nconst MenuRadioGroup = forwardRef<\n  React.ElementRef<typeof MenuPrimitive.RadioGroup>,\n  React.ComponentPropsWithoutRef<typeof MenuPrimitive.RadioGroup>\n>(({ className, ...props }, ref) => {\n  const { classNames } = useStyles('Menu');\n\n  return (\n    <MenuPrimitive.RadioGroup\n      ref={ref}\n      className={clsx(classNames.radioGroup, className)}\n      {...props}\n    />\n  );\n});\nMenuRadioGroup.displayName = MenuPrimitive.RadioGroup.displayName;\n\nconst MenuRadioItem = forwardRef<\n  React.ElementRef<typeof MenuPrimitive.RadioItem>,\n  React.ComponentPropsWithoutRef<typeof MenuPrimitive.RadioItem>\n>(({ className, ...props }, ref) => {\n  const { classNames } = useStyles('Menu');\n\n  return (\n    <MenuPrimitive.RadioItem\n      ref={ref}\n      className={clsx(classNames.radioItem, className)}\n      {...props}\n    />\n  );\n});\nMenuRadioItem.displayName = MenuPrimitive.RadioItem.displayName;\n\nconst MenuRadioItemIndicator = forwardRef<\n  React.ElementRef<typeof MenuPrimitive.RadioItemIndicator>,\n  React.ComponentPropsWithoutRef<typeof MenuPrimitive.RadioItemIndicator>\n>(({ className, ...props }, ref) => {\n  const { classNames } = useStyles('Menu');\n\n  return (\n    <MenuPrimitive.RadioItemIndicator\n      ref={ref}\n      className={clsx(classNames.radioItemIndicator, className)}\n      {...props}\n    />\n  );\n});\nMenuRadioItemIndicator.displayName =\n  MenuPrimitive.RadioItemIndicator.displayName;\n\nconst MenuCheckboxItem = forwardRef<\n  React.ElementRef<typeof MenuPrimitive.CheckboxItem>,\n  React.ComponentPropsWithoutRef<typeof MenuPrimitive.CheckboxItem>\n>(({ className, ...props }, ref) => {\n  const { classNames } = useStyles('Menu');\n\n  return (\n    <MenuPrimitive.CheckboxItem\n      ref={ref}\n      className={clsx(classNames.checkboxItem, className)}\n      {...props}\n    />\n  );\n});\nMenuCheckboxItem.displayName = MenuPrimitive.CheckboxItem.displayName;\n\nconst MenuCheckboxItemIndicator = forwardRef<\n  React.ElementRef<typeof MenuPrimitive.CheckboxItemIndicator>,\n  React.ComponentPropsWithoutRef<typeof MenuPrimitive.CheckboxItemIndicator>\n>(({ className, ...props }, ref) => {\n  const { classNames } = useStyles('Menu');\n\n  return (\n    <MenuPrimitive.CheckboxItemIndicator\n      ref={ref}\n      className={clsx(classNames.checkboxItemIndicator, className)}\n      {...props}\n    />\n  );\n});\nMenuCheckboxItemIndicator.displayName =\n  MenuPrimitive.CheckboxItemIndicator.displayName;\n\nconst MenuSubmenuTrigger = forwardRef<\n  React.ElementRef<typeof MenuPrimitive.SubmenuTrigger>,\n  React.ComponentPropsWithoutRef<typeof MenuPrimitive.SubmenuTrigger>\n>(({ className, children, ...props }, ref) => {\n  const { classNames } = useStyles('Menu');\n\n  return (\n    <MenuPrimitive.SubmenuTrigger\n      ref={ref}\n      className={clsx(classNames.submenuTrigger, className)}\n      {...props}\n    >\n      <div>{children}</div>\n      <Icon\n        aria-label=\"Submenu indicator icon\"\n        name=\"chevron-right\"\n        size={20}\n      />\n    </MenuPrimitive.SubmenuTrigger>\n  );\n});\nMenuSubmenuTrigger.displayName = MenuPrimitive.SubmenuTrigger.displayName;\n\nconst MenuSeparator = forwardRef<\n  React.ElementRef<typeof MenuPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof MenuPrimitive.Separator>\n>(({ className, ...props }, ref) => {\n  const { classNames } = useStyles('Menu');\n\n  return (\n    <MenuPrimitive.Separator\n      ref={ref}\n      className={clsx(classNames.separator, className)}\n      {...props}\n    />\n  );\n});\nMenuSeparator.displayName = MenuPrimitive.Separator.displayName;\n\n/** @public */\nexport const Menu: MenuComponent = {\n  Root: MenuPrimitive.Root,\n  Trigger: MenuTrigger,\n  Portal: MenuPrimitive.Portal,\n  Backdrop: MenuBackdrop,\n  Positioner: MenuPositioner,\n  Popup: MenuPopup,\n  Arrow: MenuArrow,\n  Item: MenuItem,\n  Group: MenuGroup,\n  GroupLabel: MenuGroupLabel,\n  RadioGroup: MenuRadioGroup,\n  RadioItem: MenuRadioItem,\n  RadioItemIndicator: MenuRadioItemIndicator,\n  CheckboxItem: MenuCheckboxItem,\n  CheckboxItemIndicator: MenuCheckboxItemIndicator,\n  SubmenuTrigger: MenuSubmenuTrigger,\n  Separator: MenuSeparator,\n  Combobox,\n};\n"],"names":["MenuPrimitive"],"mappings":"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"}
+{"version":3,"file":"Menu.esm.js","sources":["../../../src/components/Menu/Menu.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 { Menu as MenuPrimitive } from '@base-ui-components/react/menu';\nimport clsx from 'clsx';\nimport { MenuComponent } from './types';\nimport { Combobox } from './Combobox';\nimport { Icon } from '../Icon';\nimport { useStyles } from '../../hooks/useStyles';\n\nconst MenuTrigger = forwardRef<\n  React.ElementRef<typeof MenuPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof MenuPrimitive.Trigger>\n>(({ className, ...props }, ref) => {\n  const { classNames } = useStyles('Menu');\n\n  return (\n    <MenuPrimitive.Trigger\n      ref={ref}\n      className={clsx(classNames.trigger, className)}\n      {...props}\n    />\n  );\n});\nMenuTrigger.displayName = MenuPrimitive.Trigger.displayName;\n\nconst MenuBackdrop = forwardRef<\n  React.ElementRef<typeof MenuPrimitive.Backdrop>,\n  React.ComponentPropsWithoutRef<typeof MenuPrimitive.Backdrop>\n>(({ className, ...props }, ref) => {\n  const { classNames } = useStyles('Menu');\n\n  return (\n    <MenuPrimitive.Backdrop\n      ref={ref}\n      className={clsx(classNames.backdrop, className)}\n      {...props}\n    />\n  );\n});\nMenuBackdrop.displayName = MenuPrimitive.Backdrop.displayName;\n\nconst MenuPositioner = forwardRef<\n  React.ElementRef<typeof MenuPrimitive.Positioner>,\n  React.ComponentPropsWithoutRef<typeof MenuPrimitive.Positioner>\n>(({ className, ...props }, ref) => {\n  const { classNames } = useStyles('Menu');\n\n  return (\n    <MenuPrimitive.Positioner\n      ref={ref}\n      className={clsx(classNames.positioner, className)}\n      {...props}\n    />\n  );\n});\nMenuPositioner.displayName = MenuPrimitive.Positioner.displayName;\n\nconst MenuPopup = forwardRef<\n  React.ElementRef<typeof MenuPrimitive.Popup>,\n  React.ComponentPropsWithoutRef<typeof MenuPrimitive.Popup>\n>(({ className, ...props }, ref) => {\n  const { classNames } = useStyles('Menu');\n\n  return (\n    <MenuPrimitive.Popup\n      ref={ref}\n      className={clsx(classNames.popup, className)}\n      {...props}\n    />\n  );\n});\nMenuPopup.displayName = MenuPrimitive.Popup.displayName;\n\nconst MenuArrow = forwardRef<\n  React.ElementRef<typeof MenuPrimitive.Arrow>,\n  React.ComponentPropsWithoutRef<typeof MenuPrimitive.Arrow>\n>(({ className, ...props }, ref) => {\n  const { classNames } = useStyles('Menu');\n\n  return (\n    <MenuPrimitive.Arrow\n      ref={ref}\n      className={clsx(classNames.arrow, className)}\n      {...props}\n    />\n  );\n});\nMenuArrow.displayName = MenuPrimitive.Arrow.displayName;\n\nconst MenuItem = forwardRef<\n  React.ElementRef<typeof MenuPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof MenuPrimitive.Item>\n>(({ className, ...props }, ref) => {\n  const { classNames } = useStyles('Menu');\n\n  return (\n    <MenuPrimitive.Item\n      ref={ref}\n      className={clsx(classNames.item, className)}\n      {...props}\n    />\n  );\n});\nMenuItem.displayName = MenuPrimitive.Item.displayName;\n\nconst MenuGroup = forwardRef<\n  React.ElementRef<typeof MenuPrimitive.Group>,\n  React.ComponentPropsWithoutRef<typeof MenuPrimitive.Group>\n>(({ className, ...props }, ref) => {\n  const { classNames } = useStyles('Menu');\n\n  return (\n    <MenuPrimitive.Group\n      ref={ref}\n      className={clsx(classNames.group, className)}\n      {...props}\n    />\n  );\n});\nMenuGroup.displayName = MenuPrimitive.Group.displayName;\n\nconst MenuGroupLabel = forwardRef<\n  React.ElementRef<typeof MenuPrimitive.GroupLabel>,\n  React.ComponentPropsWithoutRef<typeof MenuPrimitive.GroupLabel>\n>(({ className, ...props }, ref) => {\n  const { classNames } = useStyles('Menu');\n\n  return (\n    <MenuPrimitive.GroupLabel\n      ref={ref}\n      className={clsx(classNames.groupLabel, className)}\n      {...props}\n    />\n  );\n});\nMenuGroupLabel.displayName = MenuPrimitive.GroupLabel.displayName;\n\nconst MenuRadioGroup = forwardRef<\n  React.ElementRef<typeof MenuPrimitive.RadioGroup>,\n  React.ComponentPropsWithoutRef<typeof MenuPrimitive.RadioGroup>\n>(({ className, ...props }, ref) => {\n  const { classNames } = useStyles('Menu');\n\n  return (\n    <MenuPrimitive.RadioGroup\n      ref={ref}\n      className={clsx(classNames.radioGroup, className)}\n      {...props}\n    />\n  );\n});\nMenuRadioGroup.displayName = MenuPrimitive.RadioGroup.displayName;\n\nconst MenuRadioItem = forwardRef<\n  React.ElementRef<typeof MenuPrimitive.RadioItem>,\n  React.ComponentPropsWithoutRef<typeof MenuPrimitive.RadioItem>\n>(({ className, ...props }, ref) => {\n  const { classNames } = useStyles('Menu');\n\n  return (\n    <MenuPrimitive.RadioItem\n      ref={ref}\n      className={clsx(classNames.radioItem, className)}\n      {...props}\n    />\n  );\n});\nMenuRadioItem.displayName = MenuPrimitive.RadioItem.displayName;\n\nconst MenuRadioItemIndicator = forwardRef<\n  React.ElementRef<typeof MenuPrimitive.RadioItemIndicator>,\n  React.ComponentPropsWithoutRef<typeof MenuPrimitive.RadioItemIndicator>\n>(({ className, ...props }, ref) => {\n  const { classNames } = useStyles('Menu');\n\n  return (\n    <MenuPrimitive.RadioItemIndicator\n      ref={ref}\n      className={clsx(classNames.radioItemIndicator, className)}\n      {...props}\n    />\n  );\n});\nMenuRadioItemIndicator.displayName =\n  MenuPrimitive.RadioItemIndicator.displayName;\n\nconst MenuCheckboxItem = forwardRef<\n  React.ElementRef<typeof MenuPrimitive.CheckboxItem>,\n  React.ComponentPropsWithoutRef<typeof MenuPrimitive.CheckboxItem>\n>(({ className, ...props }, ref) => {\n  const { classNames } = useStyles('Menu');\n\n  return (\n    <MenuPrimitive.CheckboxItem\n      ref={ref}\n      className={clsx(classNames.checkboxItem, className)}\n      {...props}\n    />\n  );\n});\nMenuCheckboxItem.displayName = MenuPrimitive.CheckboxItem.displayName;\n\nconst MenuCheckboxItemIndicator = forwardRef<\n  React.ElementRef<typeof MenuPrimitive.CheckboxItemIndicator>,\n  React.ComponentPropsWithoutRef<typeof MenuPrimitive.CheckboxItemIndicator>\n>(({ className, ...props }, ref) => {\n  const { classNames } = useStyles('Menu');\n\n  return (\n    <MenuPrimitive.CheckboxItemIndicator\n      ref={ref}\n      className={clsx(classNames.checkboxItemIndicator, className)}\n      {...props}\n    />\n  );\n});\nMenuCheckboxItemIndicator.displayName =\n  MenuPrimitive.CheckboxItemIndicator.displayName;\n\nconst MenuSubmenuTrigger = forwardRef<\n  React.ElementRef<typeof MenuPrimitive.SubmenuTrigger>,\n  React.ComponentPropsWithoutRef<typeof MenuPrimitive.SubmenuTrigger>\n>(({ className, children, ...props }, ref) => {\n  const { classNames } = useStyles('Menu');\n\n  return (\n    <MenuPrimitive.SubmenuTrigger\n      ref={ref}\n      className={clsx(classNames.submenuTrigger, className)}\n      {...props}\n    >\n      <div>{children}</div>\n      <Icon\n        aria-label=\"Submenu indicator icon\"\n        name=\"chevron-right\"\n        size={20}\n      />\n    </MenuPrimitive.SubmenuTrigger>\n  );\n});\nMenuSubmenuTrigger.displayName = MenuPrimitive.SubmenuTrigger.displayName;\n\nconst MenuSeparator = forwardRef<\n  React.ElementRef<typeof MenuPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof MenuPrimitive.Separator>\n>(({ className, ...props }, ref) => {\n  const { classNames } = useStyles('Menu');\n\n  return (\n    <MenuPrimitive.Separator\n      ref={ref}\n      className={clsx(classNames.separator, className)}\n      {...props}\n    />\n  );\n});\nMenuSeparator.displayName = MenuPrimitive.Separator.displayName;\n\n/** @public */\nexport const Menu: MenuComponent = {\n  Root: MenuPrimitive.Root,\n  Trigger: MenuTrigger,\n  Portal: MenuPrimitive.Portal,\n  Backdrop: MenuBackdrop,\n  Positioner: MenuPositioner,\n  Popup: MenuPopup,\n  Arrow: MenuArrow,\n  Item: MenuItem,\n  Group: MenuGroup,\n  GroupLabel: MenuGroupLabel,\n  RadioGroup: MenuRadioGroup,\n  RadioItem: MenuRadioItem,\n  RadioItemIndicator: MenuRadioItemIndicator,\n  CheckboxItem: MenuCheckboxItem,\n  CheckboxItemIndicator: MenuCheckboxItemIndicator,\n  SubmenuTrigger: MenuSubmenuTrigger,\n  Separator: MenuSeparator,\n  Combobox,\n};\n"],"names":["MenuPrimitive"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.esm.js","sources":["../../../src/components/RadioGroup/RadioGroup.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { forwardRef, useEffect } from 'react';\nimport {\n  RadioGroup as AriaRadioGroup,\n  Radio as AriaRadio,\n} from 'react-aria-components';\nimport clsx from 'clsx';\nimport { FieldLabel } from '../FieldLabel';\nimport { FieldError } from '../FieldError';\nimport { useStyles } from '../../hooks/useStyles';\n\nimport type { RadioGroupProps, RadioProps } from './types';\n\n/** @public */\nexport const RadioGroup = forwardRef<HTMLDivElement, RadioGroupProps>(\n  (props, ref) => {\n    const {\n      className,\n      label,\n      secondaryLabel,\n      description,\n      isRequired,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledBy,\n      children,\n      ...rest\n    } = props;\n\n    const { classNames } = useStyles('RadioGroup');\n\n    useEffect(() => {\n      if (!label && !ariaLabel && !ariaLabelledBy) {\n        console.warn(\n          'RadioGroup requires either a visible label, aria-label, or aria-labelledby for accessibility',\n        );\n      }\n    }, [label, ariaLabel, ariaLabelledBy]);\n\n    // If a secondary label is provided, use it. Otherwise, use 'Required' if the field is required.\n    const secondaryLabelText =\n      secondaryLabel || (isRequired ? 'Required' : null);\n\n    return (\n      <AriaRadioGroup\n        className={clsx(classNames.root, className)}\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledBy}\n        {...rest}\n        ref={ref}\n      >\n        <FieldLabel\n          label={label}\n          secondaryLabel={secondaryLabelText}\n          description={description}\n        />\n        <div className={classNames.content}>{children}</div>\n        <FieldError />\n      </AriaRadioGroup>\n    );\n  },\n);\n\nRadioGroup.displayName = 'RadioGroup';\n\n/** @public */\nexport const Radio = forwardRef<HTMLLabelElement, RadioProps>((props, ref) => {\n  const { className, ...rest } = props;\n\n  const { classNames } = useStyles('RadioGroup');\n\n  return (\n    <AriaRadio\n      className={clsx(classNames.radio, className)}\n      {...rest}\n      ref={ref}\n    />\n  );\n});\n\nRadioGroup.displayName = 'RadioGroup';\n"],"names":["AriaRadioGroup","AriaRadio"],"mappings":";;;;;;;;AA6BO,MAAM,UAAa,GAAA,UAAA;AAAA,EACxB,CAAC,OAAO,GAAQ,KAAA;AACd,IAAM,MAAA;AAAA,MACJ,SAAA;AAAA,MACA,KAAA;AAAA,MACA,cAAA;AAAA,MACA,WAAA;AAAA,MACA,UAAA;AAAA,MACA,YAAc,EAAA,SAAA;AAAA,MACd,iBAAmB,EAAA,cAAA;AAAA,MACnB,QAAA;AAAA,MACA,GAAG;AAAA,KACD,GAAA,KAAA;AAEJ,IAAA,MAAM,EAAE,UAAA,EAAe,GAAA,SAAA,CAAU,YAAY,CAAA;AAE7C,IAAA,SAAA,CAAU,MAAM;AACd,MAAA,IAAI,CAAC,KAAA,IAAS,CAAC,SAAA,IAAa,CAAC,cAAgB,EAAA;AAC3C,QAAQ,OAAA,CAAA,IAAA;AAAA,UACN;AAAA,SACF;AAAA;AACF,KACC,EAAA,CAAC,KAAO,EAAA,SAAA,EAAW,cAAc,CAAC,CAAA;AAGrC,IAAM,MAAA,kBAAA,GACJ,cAAmB,KAAA,UAAA,GAAa,UAAa,GAAA,IAAA,CAAA;AAE/C,IACE,uBAAA,IAAA;AAAA,MAACA,YAAA;AAAA,MAAA;AAAA,QACC,SAAW,EAAA,IAAA,CAAK,UAAW,CAAA,IAAA,EAAM,SAAS,CAAA;AAAA,QAC1C,YAAY,EAAA,SAAA;AAAA,QACZ,iBAAiB,EAAA,cAAA;AAAA,QAChB,GAAG,IAAA;AAAA,QACJ,GAAA;AAAA,QAEA,QAAA,EAAA;AAAA,0BAAA,GAAA;AAAA,YAAC,UAAA;AAAA,YAAA;AAAA,cACC,KAAA;AAAA,cACA,cAAgB,EAAA,kBAAA;AAAA,cAChB;AAAA;AAAA,WACF;AAAA,0BACC,GAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,UAAA,CAAW,SAAU,QAAS,EAAA,CAAA;AAAA,8BAC7C,UAAW,EAAA,EAAA;AAAA;AAAA;AAAA,KACd;AAAA;AAGN;AAEA,UAAA,CAAW,WAAc,GAAA,YAAA;AAGlB,MAAM,KAAQ,GAAA,UAAA,CAAyC,CAAC,KAAA,EAAO,GAAQ,KAAA;AAC5E,EAAA,MAAM,EAAE,SAAA,EAAW,GAAG,IAAA,EAAS,GAAA,KAAA;AAE/B,EAAA,MAAM,EAAE,UAAA,EAAe,GAAA,SAAA,CAAU,YAAY,CAAA;AAE7C,EACE,uBAAA,GAAA;AAAA,IAACC,OAAA;AAAA,IAAA;AAAA,MACC,SAAW,EAAA,IAAA,CAAK,UAAW,CAAA,KAAA,EAAO,SAAS,CAAA;AAAA,MAC1C,GAAG,IAAA;AAAA,MACJ;AAAA;AAAA,GACF;AAEJ,CAAC;AAED,UAAA,CAAW,WAAc,GAAA,YAAA;;;;"}
+{"version":3,"file":"RadioGroup.esm.js","sources":["../../../src/components/RadioGroup/RadioGroup.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { forwardRef, useEffect } from 'react';\nimport {\n  RadioGroup as AriaRadioGroup,\n  Radio as AriaRadio,\n} from 'react-aria-components';\nimport clsx from 'clsx';\nimport { FieldLabel } from '../FieldLabel';\nimport { FieldError } from '../FieldError';\nimport { useStyles } from '../../hooks/useStyles';\n\nimport type { RadioGroupProps, RadioProps } from './types';\n\n/** @public */\nexport const RadioGroup = forwardRef<HTMLDivElement, RadioGroupProps>(\n  (props, ref) => {\n    const {\n      className,\n      label,\n      secondaryLabel,\n      description,\n      isRequired,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledBy,\n      children,\n      ...rest\n    } = props;\n\n    const { classNames } = useStyles('RadioGroup');\n\n    useEffect(() => {\n      if (!label && !ariaLabel && !ariaLabelledBy) {\n        console.warn(\n          'RadioGroup requires either a visible label, aria-label, or aria-labelledby for accessibility',\n        );\n      }\n    }, [label, ariaLabel, ariaLabelledBy]);\n\n    // If a secondary label is provided, use it. Otherwise, use 'Required' if the field is required.\n    const secondaryLabelText =\n      secondaryLabel || (isRequired ? 'Required' : null);\n\n    return (\n      <AriaRadioGroup\n        className={clsx(classNames.root, className)}\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledBy}\n        {...rest}\n        ref={ref}\n      >\n        <FieldLabel\n          label={label}\n          secondaryLabel={secondaryLabelText}\n          description={description}\n        />\n        <div className={classNames.content}>{children}</div>\n        <FieldError />\n      </AriaRadioGroup>\n    );\n  },\n);\n\nRadioGroup.displayName = 'RadioGroup';\n\n/** @public */\nexport const Radio = forwardRef<HTMLLabelElement, RadioProps>((props, ref) => {\n  const { className, ...rest } = props;\n\n  const { classNames } = useStyles('RadioGroup');\n\n  return (\n    <AriaRadio\n      className={clsx(classNames.radio, className)}\n      {...rest}\n      ref={ref}\n    />\n  );\n});\n\nRadioGroup.displayName = 'RadioGroup';\n"],"names":["AriaRadioGroup","AriaRadio"],"mappings":";;;;;;;;AA6BO,MAAM,UAAA,GAAa,UAAA;AAAA,EACxB,CAAC,OAAO,GAAA,KAAQ;AACd,IAAA,MAAM;AAAA,MACJ,SAAA;AAAA,MACA,KAAA;AAAA,MACA,cAAA;AAAA,MACA,WAAA;AAAA,MACA,UAAA;AAAA,MACA,YAAA,EAAc,SAAA;AAAA,MACd,iBAAA,EAAmB,cAAA;AAAA,MACnB,QAAA;AAAA,MACA,GAAG;AAAA,KACL,GAAI,KAAA;AAEJ,IAAA,MAAM,EAAE,UAAA,EAAW,GAAI,SAAA,CAAU,YAAY,CAAA;AAE7C,IAAA,SAAA,CAAU,MAAM;AACd,MAAA,IAAI,CAAC,KAAA,IAAS,CAAC,SAAA,IAAa,CAAC,cAAA,EAAgB;AAC3C,QAAA,OAAA,CAAQ,IAAA;AAAA,UACN;AAAA,SACF;AAAA,MACF;AAAA,IACF,CAAA,EAAG,CAAC,KAAA,EAAO,SAAA,EAAW,cAAc,CAAC,CAAA;AAGrC,IAAA,MAAM,kBAAA,GACJ,cAAA,KAAmB,UAAA,GAAa,UAAA,GAAa,IAAA,CAAA;AAE/C,IAAA,uBACE,IAAA;AAAA,MAACA,YAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,IAAA,CAAK,UAAA,CAAW,IAAA,EAAM,SAAS,CAAA;AAAA,QAC1C,YAAA,EAAY,SAAA;AAAA,QACZ,iBAAA,EAAiB,cAAA;AAAA,QAChB,GAAG,IAAA;AAAA,QACJ,GAAA;AAAA,QAEA,QAAA,EAAA;AAAA,0BAAA,GAAA;AAAA,YAAC,UAAA;AAAA,YAAA;AAAA,cACC,KAAA;AAAA,cACA,cAAA,EAAgB,kBAAA;AAAA,cAChB;AAAA;AAAA,WACF;AAAA,0BACA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,UAAA,CAAW,SAAU,QAAA,EAAS,CAAA;AAAA,8BAC7C,UAAA,EAAA,EAAW;AAAA;AAAA;AAAA,KACd;AAAA,EAEJ;AACF;AAEA,UAAA,CAAW,WAAA,GAAc,YAAA;AAGlB,MAAM,KAAA,GAAQ,UAAA,CAAyC,CAAC,KAAA,EAAO,GAAA,KAAQ;AAC5E,EAAA,MAAM,EAAE,SAAA,EAAW,GAAG,IAAA,EAAK,GAAI,KAAA;AAE/B,EAAA,MAAM,EAAE,UAAA,EAAW,GAAI,SAAA,CAAU,YAAY,CAAA;AAE7C,EAAA,uBACE,GAAA;AAAA,IAACC,OAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,IAAA,CAAK,UAAA,CAAW,KAAA,EAAO,SAAS,CAAA;AAAA,MAC1C,GAAG,IAAA;AAAA,MACJ;AAAA;AAAA,GACF;AAEJ,CAAC;AAED,UAAA,CAAW,WAAA,GAAc,YAAA;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"ScrollArea.esm.js","sources":["../../../src/components/ScrollArea/ScrollArea.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 { ScrollArea as ScrollAreaPrimitive } from '@base-ui-components/react/scroll-area';\nimport clsx from 'clsx';\nimport { useStyles } from '../../hooks/useStyles';\n\nconst ScrollAreaRoot = forwardRef<\n  React.ElementRef<typeof ScrollAreaPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root>\n>(({ className, ...props }, ref) => {\n  const { classNames } = useStyles('ScrollArea');\n\n  return (\n    <ScrollAreaPrimitive.Root\n      ref={ref}\n      className={clsx(classNames.root, className)}\n      {...props}\n    />\n  );\n});\nScrollAreaRoot.displayName = ScrollAreaPrimitive.Root.displayName;\n\nconst ScrollAreaViewport = forwardRef<\n  React.ElementRef<typeof ScrollAreaPrimitive.Viewport>,\n  React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Viewport>\n>(({ className, ...props }, ref) => {\n  const { classNames } = useStyles('ScrollArea');\n\n  return (\n    <ScrollAreaPrimitive.Viewport\n      ref={ref}\n      className={clsx(classNames.viewport, className)}\n      {...props}\n    />\n  );\n});\nScrollAreaViewport.displayName = ScrollAreaPrimitive.Viewport.displayName;\n\nconst ScrollAreaScrollbar = forwardRef<\n  React.ElementRef<typeof ScrollAreaPrimitive.Scrollbar>,\n  React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Scrollbar>\n>(({ className, ...props }, ref) => {\n  const { classNames } = useStyles('ScrollArea');\n\n  return (\n    <ScrollAreaPrimitive.Scrollbar\n      ref={ref}\n      className={clsx(classNames.scrollbar, className)}\n      {...props}\n    />\n  );\n});\nScrollAreaScrollbar.displayName = ScrollAreaPrimitive.Scrollbar.displayName;\n\nconst ScrollAreaThumb = forwardRef<\n  React.ElementRef<typeof ScrollAreaPrimitive.Thumb>,\n  React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Thumb>\n>(({ className, ...props }, ref) => {\n  const { classNames } = useStyles('ScrollArea');\n\n  return (\n    <ScrollAreaPrimitive.Thumb\n      ref={ref}\n      className={clsx(classNames.thumb, className)}\n      {...props}\n    />\n  );\n});\nScrollAreaThumb.displayName = ScrollAreaPrimitive.Thumb.displayName;\n\n/** @public */\nexport const ScrollArea = {\n  Root: ScrollAreaRoot,\n  Viewport: ScrollAreaViewport,\n  Scrollbar: ScrollAreaScrollbar,\n  Thumb: ScrollAreaThumb,\n};\n"],"names":["ScrollAreaPrimitive"],"mappings":";;;;;;AAqBA,MAAM,cAAA,GAAiB,WAGrB,CAAC,EAAE,WAAW,GAAG,KAAA,IAAS,GAAQ,KAAA;AAClC,EAAA,MAAM,EAAE,UAAA,EAAe,GAAA,SAAA,CAAU,YAAY,CAAA;AAE7C,EACE,uBAAA,GAAA;AAAA,IAACA,YAAoB,CAAA,IAAA;AAAA,IAApB;AAAA,MACC,GAAA;AAAA,MACA,SAAW,EAAA,IAAA,CAAK,UAAW,CAAA,IAAA,EAAM,SAAS,CAAA;AAAA,MACzC,GAAG;AAAA;AAAA,GACN;AAEJ,CAAC,CAAA;AACD,cAAe,CAAA,WAAA,GAAcA,aAAoB,IAAK,CAAA,WAAA;AAEtD,MAAM,kBAAA,GAAqB,WAGzB,CAAC,EAAE,WAAW,GAAG,KAAA,IAAS,GAAQ,KAAA;AAClC,EAAA,MAAM,EAAE,UAAA,EAAe,GAAA,SAAA,CAAU,YAAY,CAAA;AAE7C,EACE,uBAAA,GAAA;AAAA,IAACA,YAAoB,CAAA,QAAA;AAAA,IAApB;AAAA,MACC,GAAA;AAAA,MACA,SAAW,EAAA,IAAA,CAAK,UAAW,CAAA,QAAA,EAAU,SAAS,CAAA;AAAA,MAC7C,GAAG;AAAA;AAAA,GACN;AAEJ,CAAC,CAAA;AACD,kBAAmB,CAAA,WAAA,GAAcA,aAAoB,QAAS,CAAA,WAAA;AAE9D,MAAM,mBAAA,GAAsB,WAG1B,CAAC,EAAE,WAAW,GAAG,KAAA,IAAS,GAAQ,KAAA;AAClC,EAAA,MAAM,EAAE,UAAA,EAAe,GAAA,SAAA,CAAU,YAAY,CAAA;AAE7C,EACE,uBAAA,GAAA;AAAA,IAACA,YAAoB,CAAA,SAAA;AAAA,IAApB;AAAA,MACC,GAAA;AAAA,MACA,SAAW,EAAA,IAAA,CAAK,UAAW,CAAA,SAAA,EAAW,SAAS,CAAA;AAAA,MAC9C,GAAG;AAAA;AAAA,GACN;AAEJ,CAAC,CAAA;AACD,mBAAoB,CAAA,WAAA,GAAcA,aAAoB,SAAU,CAAA,WAAA;AAEhE,MAAM,eAAA,GAAkB,WAGtB,CAAC,EAAE,WAAW,GAAG,KAAA,IAAS,GAAQ,KAAA;AAClC,EAAA,MAAM,EAAE,UAAA,EAAe,GAAA,SAAA,CAAU,YAAY,CAAA;AAE7C,EACE,uBAAA,GAAA;AAAA,IAACA,YAAoB,CAAA,KAAA;AAAA,IAApB;AAAA,MACC,GAAA;AAAA,MACA,SAAW,EAAA,IAAA,CAAK,UAAW,CAAA,KAAA,EAAO,SAAS,CAAA;AAAA,MAC1C,GAAG;AAAA;AAAA,GACN;AAEJ,CAAC,CAAA;AACD,eAAgB,CAAA,WAAA,GAAcA,aAAoB,KAAM,CAAA,WAAA;AAGjD,MAAM,UAAa,GAAA;AAAA,EACxB,IAAM,EAAA,cAAA;AAAA,EACN,QAAU,EAAA,kBAAA;AAAA,EACV,SAAW,EAAA,mBAAA;AAAA,EACX,KAAO,EAAA;AACT;;;;"}
+{"version":3,"file":"ScrollArea.esm.js","sources":["../../../src/components/ScrollArea/ScrollArea.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 { ScrollArea as ScrollAreaPrimitive } from '@base-ui-components/react/scroll-area';\nimport clsx from 'clsx';\nimport { useStyles } from '../../hooks/useStyles';\n\nconst ScrollAreaRoot = forwardRef<\n  React.ElementRef<typeof ScrollAreaPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root>\n>(({ className, ...props }, ref) => {\n  const { classNames } = useStyles('ScrollArea');\n\n  return (\n    <ScrollAreaPrimitive.Root\n      ref={ref}\n      className={clsx(classNames.root, className)}\n      {...props}\n    />\n  );\n});\nScrollAreaRoot.displayName = ScrollAreaPrimitive.Root.displayName;\n\nconst ScrollAreaViewport = forwardRef<\n  React.ElementRef<typeof ScrollAreaPrimitive.Viewport>,\n  React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Viewport>\n>(({ className, ...props }, ref) => {\n  const { classNames } = useStyles('ScrollArea');\n\n  return (\n    <ScrollAreaPrimitive.Viewport\n      ref={ref}\n      className={clsx(classNames.viewport, className)}\n      {...props}\n    />\n  );\n});\nScrollAreaViewport.displayName = ScrollAreaPrimitive.Viewport.displayName;\n\nconst ScrollAreaScrollbar = forwardRef<\n  React.ElementRef<typeof ScrollAreaPrimitive.Scrollbar>,\n  React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Scrollbar>\n>(({ className, ...props }, ref) => {\n  const { classNames } = useStyles('ScrollArea');\n\n  return (\n    <ScrollAreaPrimitive.Scrollbar\n      ref={ref}\n      className={clsx(classNames.scrollbar, className)}\n      {...props}\n    />\n  );\n});\nScrollAreaScrollbar.displayName = ScrollAreaPrimitive.Scrollbar.displayName;\n\nconst ScrollAreaThumb = forwardRef<\n  React.ElementRef<typeof ScrollAreaPrimitive.Thumb>,\n  React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Thumb>\n>(({ className, ...props }, ref) => {\n  const { classNames } = useStyles('ScrollArea');\n\n  return (\n    <ScrollAreaPrimitive.Thumb\n      ref={ref}\n      className={clsx(classNames.thumb, className)}\n      {...props}\n    />\n  );\n});\nScrollAreaThumb.displayName = ScrollAreaPrimitive.Thumb.displayName;\n\n/** @public */\nexport const ScrollArea = {\n  Root: ScrollAreaRoot,\n  Viewport: ScrollAreaViewport,\n  Scrollbar: ScrollAreaScrollbar,\n  Thumb: ScrollAreaThumb,\n};\n"],"names":["ScrollAreaPrimitive"],"mappings":";;;;;;AAqBA,MAAM,cAAA,GAAiB,WAGrB,CAAC,EAAE,WAAW,GAAG,KAAA,IAAS,GAAA,KAAQ;AAClC,EAAA,MAAM,EAAE,UAAA,EAAW,GAAI,SAAA,CAAU,YAAY,CAAA;AAE7C,EAAA,uBACE,GAAA;AAAA,IAACA,YAAA,CAAoB,IAAA;AAAA,IAApB;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,IAAA,CAAK,UAAA,CAAW,IAAA,EAAM,SAAS,CAAA;AAAA,MACzC,GAAG;AAAA;AAAA,GACN;AAEJ,CAAC,CAAA;AACD,cAAA,CAAe,WAAA,GAAcA,aAAoB,IAAA,CAAK,WAAA;AAEtD,MAAM,kBAAA,GAAqB,WAGzB,CAAC,EAAE,WAAW,GAAG,KAAA,IAAS,GAAA,KAAQ;AAClC,EAAA,MAAM,EAAE,UAAA,EAAW,GAAI,SAAA,CAAU,YAAY,CAAA;AAE7C,EAAA,uBACE,GAAA;AAAA,IAACA,YAAA,CAAoB,QAAA;AAAA,IAApB;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,IAAA,CAAK,UAAA,CAAW,QAAA,EAAU,SAAS,CAAA;AAAA,MAC7C,GAAG;AAAA;AAAA,GACN;AAEJ,CAAC,CAAA;AACD,kBAAA,CAAmB,WAAA,GAAcA,aAAoB,QAAA,CAAS,WAAA;AAE9D,MAAM,mBAAA,GAAsB,WAG1B,CAAC,EAAE,WAAW,GAAG,KAAA,IAAS,GAAA,KAAQ;AAClC,EAAA,MAAM,EAAE,UAAA,EAAW,GAAI,SAAA,CAAU,YAAY,CAAA;AAE7C,EAAA,uBACE,GAAA;AAAA,IAACA,YAAA,CAAoB,SAAA;AAAA,IAApB;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,IAAA,CAAK,UAAA,CAAW,SAAA,EAAW,SAAS,CAAA;AAAA,MAC9C,GAAG;AAAA;AAAA,GACN;AAEJ,CAAC,CAAA;AACD,mBAAA,CAAoB,WAAA,GAAcA,aAAoB,SAAA,CAAU,WAAA;AAEhE,MAAM,eAAA,GAAkB,WAGtB,CAAC,EAAE,WAAW,GAAG,KAAA,IAAS,GAAA,KAAQ;AAClC,EAAA,MAAM,EAAE,UAAA,EAAW,GAAI,SAAA,CAAU,YAAY,CAAA;AAE7C,EAAA,uBACE,GAAA;AAAA,IAACA,YAAA,CAAoB,KAAA;AAAA,IAApB;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,IAAA,CAAK,UAAA,CAAW,KAAA,EAAO,SAAS,CAAA;AAAA,MAC1C,GAAG;AAAA;AAAA,GACN;AAEJ,CAAC,CAAA;AACD,eAAA,CAAgB,WAAA,GAAcA,aAAoB,KAAA,CAAM,WAAA;AAGjD,MAAM,UAAA,GAAa;AAAA,EACxB,IAAA,EAAM,cAAA;AAAA,EACN,QAAA,EAAU,kBAAA;AAAA,EACV,SAAA,EAAW,mBAAA;AAAA,EACX,KAAA,EAAO;AACT;;;;"}