@backstage/ui 0.0.0-nightly-20251105024121 → 0.0.0-nightly-20251107024121

package/CHANGELOG.md

@@ -1,6 +1,6 @@
 # @backstage/ui
 
-## 0.0.0-nightly-20251105024121
+## 0.0.0-nightly-20251107024121
 
 ### Minor Changes
 
@@ -98,12 +98,50 @@
 
   If you were passing custom className values to any of these components that relied on the previous behavior, you may need to adjust your styles to account for the default classes now being applied alongside your custom classes.
 
+- 83c100e: **BREAKING**: Removed `Collapsible` component. Migrate to `Accordion` or use React Aria `Disclosure`.
+
+  ## Migration Path 1: Accordion (Opinionated Styled Component)
+
+  Accordion provides preset styling with a similar component structure.
+
+  ```diff
+  - import { Collapsible } from '@backstage/ui';
+  + import { Accordion, AccordionTrigger, AccordionPanel } from '@backstage/ui';
+
+  - <Collapsible.Root>
+  -   <Collapsible.Trigger render={(props) => <Button {...props}>Toggle</Button>} />
+  -   <Collapsible.Panel>Content</Collapsible.Panel>
+  - </Collapsible.Root>
+
+  + <Accordion>
+  +   <AccordionTrigger title="Toggle" />
+  +   <AccordionPanel>Content</AccordionPanel>
+  + </Accordion>
+  ```
+
+  CSS classes: `.bui-CollapsibleRoot` → `.bui-Accordion`, `.bui-CollapsibleTrigger` → `.bui-AccordionTrigger` (now on heading element), `.bui-CollapsiblePanel` → `.bui-AccordionPanel`
+
+  ## Migration Path 2: React Aria Disclosure (Full Customization)
+
+  For custom styling without preset styles:
+
+  ```tsx
+  import { Disclosure, Button, DisclosurePanel } from 'react-aria-components';
+
+  <Disclosure>
+    <Button slot="trigger">Toggle</Button>
+    <DisclosurePanel>Content</DisclosurePanel>
+  </Disclosure>;
+  ```
+
 ### Patch Changes
 
 - d01de00: Fix broken external links in Backstage UI Header component.
+- 35a3614: Fixed CSS issues in Select component including popover width constraints, focus outline behavior, and overflow handling.
 - 26c6a78: Fix default text color in Backstage UI
 - deaa427: Fixed Text component to prevent `truncate` prop from being spread to the underlying DOM element.
 - 1059f95: Improved the Link component structure in Backstage UI.
+- 836b0c7: Fixed dialog backdrop appearance in dark mode.
 - 6874094: Migrated CellProfile component from Base UI Avatar to Backstage UI Avatar component.
 - 719d772: Avatar components in x-small and small sizes now display only one initial instead of two, improving readability at smaller dimensions.
 - dac851f: Fix the default font size in Backstage UI.

package/dist/components/Accordion/Accordion.esm.js

@@ -0,0 +1,109 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { Disclosure, Heading, Button, DisclosurePanel, DisclosureGroup } from 'react-aria-components';
+import { RiArrowDownSLine } from '@remixicon/react';
+import clsx from 'clsx';
+import { useStyles } from '../../hooks/useStyles.esm.js';
+import styles from './Accordion.module.css.esm.js';
+import { Flex } from '../Flex/Flex.esm.js';
+
+const Accordion = forwardRef(({ className, ...props }, ref) => {
+  const { classNames, cleanedProps } = useStyles("Accordion", props);
+  return /* @__PURE__ */ jsx(
+    Disclosure,
+    {
+      ref,
+      className: clsx(classNames.root, styles[classNames.root], className),
+      ...cleanedProps
+    }
+  );
+});
+Accordion.displayName = "Accordion";
+const AccordionTrigger = forwardRef(({ className, title, subtitle, children, ...props }, ref) => {
+  const { classNames, cleanedProps } = useStyles("Accordion", props);
+  return /* @__PURE__ */ jsx(
+    Heading,
+    {
+      ref,
+      className: clsx(
+        classNames.trigger,
+        styles[classNames.trigger],
+        className
+      ),
+      ...cleanedProps,
+      children: /* @__PURE__ */ jsxs(
+        Button,
+        {
+          slot: "trigger",
+          className: clsx(
+            classNames.triggerButton,
+            styles[classNames.triggerButton]
+          ),
+          children: [
+            children ? children : /* @__PURE__ */ jsxs(Flex, { gap: "2", align: "center", children: [
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: clsx(
+                    classNames.triggerTitle,
+                    styles[classNames.triggerTitle]
+                  ),
+                  children: title
+                }
+              ),
+              subtitle && /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: clsx(
+                    classNames.triggerSubtitle,
+                    styles[classNames.triggerSubtitle]
+                  ),
+                  children: subtitle
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx(
+              RiArrowDownSLine,
+              {
+                className: clsx(
+                  classNames.triggerIcon,
+                  styles[classNames.triggerIcon]
+                ),
+                size: 16
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+});
+AccordionTrigger.displayName = "AccordionTrigger";
+const AccordionPanel = forwardRef(({ className, ...props }, ref) => {
+  const { classNames, cleanedProps } = useStyles("Accordion", props);
+  return /* @__PURE__ */ jsx(
+    DisclosurePanel,
+    {
+      ref,
+      className: clsx(classNames.panel, styles[classNames.panel], className),
+      ...cleanedProps
+    }
+  );
+});
+AccordionPanel.displayName = "AccordionPanel";
+const AccordionGroup = forwardRef(({ className, allowsMultiple = false, ...props }, ref) => {
+  const { classNames, cleanedProps } = useStyles("Accordion", props);
+  return /* @__PURE__ */ jsx(
+    DisclosureGroup,
+    {
+      ref,
+      allowsMultipleExpanded: allowsMultiple,
+      className: clsx(classNames.group, styles[classNames.group], className),
+      ...cleanedProps
+    }
+  );
+});
+AccordionGroup.displayName = "AccordionGroup";
+
+export { Accordion, AccordionGroup, AccordionPanel, AccordionTrigger };
+//# sourceMappingURL=Accordion.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.esm.js","sources":["../../../src/components/Accordion/Accordion.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 { forwardRef } from 'react';\nimport {\n  Disclosure as RADisclosure,\n  Button as RAButton,\n  DisclosurePanel as RADisclosurePanel,\n  DisclosureGroup as RADisclosureGroup,\n  Heading as RAHeading,\n} from 'react-aria-components';\nimport { RiArrowDownSLine } from '@remixicon/react';\nimport clsx from 'clsx';\nimport type {\n  AccordionProps,\n  AccordionTriggerProps,\n  AccordionPanelProps,\n  AccordionGroupProps,\n} from './types';\nimport { useStyles } from '../../hooks/useStyles';\nimport styles from './Accordion.module.css';\nimport { Flex } from '../Flex';\n\n/** @public */\nexport const Accordion = forwardRef<\n  React.ElementRef<typeof RADisclosure>,\n  AccordionProps\n>(({ className, ...props }, ref) => {\n  const { classNames, cleanedProps } = useStyles('Accordion', props);\n\n  return (\n    <RADisclosure\n      ref={ref}\n      className={clsx(classNames.root, styles[classNames.root], className)}\n      {...cleanedProps}\n    />\n  );\n});\n\nAccordion.displayName = 'Accordion';\n\n/** @public */\nexport const AccordionTrigger = forwardRef<\n  React.ElementRef<typeof RAHeading>,\n  AccordionTriggerProps\n>(({ className, title, subtitle, children, ...props }, ref) => {\n  const { classNames, cleanedProps } = useStyles('Accordion', props);\n\n  return (\n    <RAHeading\n      ref={ref}\n      className={clsx(\n        classNames.trigger,\n        styles[classNames.trigger],\n        className,\n      )}\n      {...cleanedProps}\n    >\n      <RAButton\n        slot=\"trigger\"\n        className={clsx(\n          classNames.triggerButton,\n          styles[classNames.triggerButton],\n        )}\n      >\n        {children ? (\n          children\n        ) : (\n          <Flex gap=\"2\" align=\"center\">\n            <span\n              className={clsx(\n                classNames.triggerTitle,\n                styles[classNames.triggerTitle],\n              )}\n            >\n              {title}\n            </span>\n            {subtitle && (\n              <span\n                className={clsx(\n                  classNames.triggerSubtitle,\n                  styles[classNames.triggerSubtitle],\n                )}\n              >\n                {subtitle}\n              </span>\n            )}\n          </Flex>\n        )}\n\n        <RiArrowDownSLine\n          className={clsx(\n            classNames.triggerIcon,\n            styles[classNames.triggerIcon],\n          )}\n          size={16}\n        />\n      </RAButton>\n    </RAHeading>\n  );\n});\n\nAccordionTrigger.displayName = 'AccordionTrigger';\n\n/** @public */\nexport const AccordionPanel = forwardRef<\n  React.ElementRef<typeof RADisclosurePanel>,\n  AccordionPanelProps\n>(({ className, ...props }, ref) => {\n  const { classNames, cleanedProps } = useStyles('Accordion', props);\n\n  return (\n    <RADisclosurePanel\n      ref={ref}\n      className={clsx(classNames.panel, styles[classNames.panel], className)}\n      {...cleanedProps}\n    />\n  );\n});\n\nAccordionPanel.displayName = 'AccordionPanel';\n\n/** @public */\nexport const AccordionGroup = forwardRef<\n  React.ElementRef<typeof RADisclosureGroup>,\n  AccordionGroupProps\n>(({ className, allowsMultiple = false, ...props }, ref) => {\n  const { classNames, cleanedProps } = useStyles('Accordion', props);\n\n  return (\n    <RADisclosureGroup\n      ref={ref}\n      allowsMultipleExpanded={allowsMultiple}\n      className={clsx(classNames.group, styles[classNames.group], className)}\n      {...cleanedProps}\n    />\n  );\n});\n\nAccordionGroup.displayName = 'AccordionGroup';\n"],"names":["RADisclosure","RAHeading","RAButton","RADisclosurePanel","RADisclosureGroup"],"mappings":"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"}

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

@@ -0,0 +1,8 @@
+import styleInject from '../../node_modules_dist/style-inject/dist/style-inject.es.esm.js';
+
+var css_248z = "/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n@layer tokens, base, components, utilities;\n\n@layer components {\n  .Accordion-module_bui-Accordion__wEbQl {\n    width: 100%;\n    background-color: var(--bui-bg-surface-1);\n    border-radius: var(--bui-radius-3);\n    padding: var(--bui-space-3);\n  }\n\n  .Accordion-module_bui-AccordionTrigger__1fPAs {\n    all: unset;\n    width: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .Accordion-module_bui-AccordionTriggerButton__3RF1r {\n    all: unset;\n    width: 100%;\n    color: var(--bui-fg-primary);\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    cursor: pointer;\n    text-align: left;\n\n    &:focus-visible {\n      outline: none;\n      transition: none;\n      box-shadow: inset 0 0 0 2px var(--bui-ring);\n    }\n\n    &[data-disabled='true'] {\n      background-color: transparent;\n      color: var(--bui-fg-disabled);\n      cursor: not-allowed;\n    }\n  }\n\n  .Accordion-module_bui-AccordionTriggerTitle__3DOpr {\n    font-size: var(--bui-font-size-4);\n    font-weight: var(--bui-font-weight-bold);\n    line-height: 140%;\n  }\n\n  .Accordion-module_bui-AccordionTriggerSubtitle__jU446 {\n    font-size: var(--bui-font-size-2);\n    line-height: 140%;\n    color: var(--bui-fg-secondary);\n  }\n\n  .Accordion-module_bui-AccordionTriggerIcon__1953s {\n    transition: transform 150ms ease-out;\n    flex-shrink: 0;\n    width: 1rem;\n    height: 1rem;\n\n    [data-expanded='true'] & {\n      transform: rotate(180deg);\n    }\n  }\n\n  .Accordion-module_bui-AccordionPanel__1bJFQ {\n    [data-expanded='true'] & {\n      padding-top: var(--bui-space-1);\n    }\n  }\n\n  .Accordion-module_bui-AccordionGroup__3bll0 {\n    display: flex;\n    flex-direction: column;\n    gap: var(--bui-space-3);\n    width: 100%;\n  }\n}\n";
+var styles = {"bui-Accordion":"Accordion-module_bui-Accordion__wEbQl","bui-AccordionTrigger":"Accordion-module_bui-AccordionTrigger__1fPAs","bui-AccordionTriggerButton":"Accordion-module_bui-AccordionTriggerButton__3RF1r","bui-AccordionTriggerTitle":"Accordion-module_bui-AccordionTriggerTitle__3DOpr","bui-AccordionTriggerSubtitle":"Accordion-module_bui-AccordionTriggerSubtitle__jU446","bui-AccordionTriggerIcon":"Accordion-module_bui-AccordionTriggerIcon__1953s","bui-AccordionPanel":"Accordion-module_bui-AccordionPanel__1bJFQ","bui-AccordionGroup":"Accordion-module_bui-AccordionGroup__3bll0"};
+styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=Accordion.module.css.esm.js.map

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

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

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

@@ -1,6 +1,6 @@
 import styleInject from '../../node_modules_dist/style-inject/dist/style-inject.es.esm.js';
 
-var css_248z = "/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n@layer tokens, base, components, utilities;\n\n@layer components {\n  .Dialog-module_bui-DialogOverlay__5nqD5 {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: rgba(232, 232, 232, 0.8);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    z-index: 1000;\n  }\n\n  [data-theme='dark'] .Dialog-module_bui-Dialog__Cnu24 {\n    background: rgba(0, 0, 0, 0.5);\n  }\n\n  .Dialog-module_bui-DialogOverlay__5nqD5[data-entering] {\n    animation: Dialog-module_fade-in__17nJR 200ms ease-out forwards;\n  }\n\n  .Dialog-module_bui-DialogOverlay__5nqD5[data-exiting] {\n    animation: Dialog-module_fade-out__jMAaZ 150ms ease-out forwards;\n  }\n\n  .Dialog-module_bui-Dialog__Cnu24 {\n    background: var(--bui-bg-surface-1);\n    border-radius: 0.5rem;\n    border: 1px solid var(--bui-border);\n    color: var(--bui-fg-primary);\n    position: relative;\n    width: min(var(--bui-dialog-min-width, 400px), calc(100vw - 3rem));\n    max-width: calc(100vw - 3rem);\n    height: min(var(--bui-dialog-min-height, auto), calc(100vh - 3rem));\n    max-height: calc(100vh - 3rem);\n    display: flex;\n    flex-direction: column;\n    outline: none;\n  }\n\n  /* Dialog entering animation */\n  .Dialog-module_bui-DialogOverlay__5nqD5[data-entering] .Dialog-module_bui-Dialog__Cnu24 {\n    animation: Dialog-module_dialog-enter__3NC2w 150ms ease-out forwards;\n  }\n\n  /* Dialog exiting animation */\n  .Dialog-module_bui-DialogOverlay__5nqD5[data-exiting] .Dialog-module_bui-Dialog__Cnu24 {\n    animation: Dialog-module_dialog-exit__21RUM 150ms ease-out forwards;\n  }\n\n  .Dialog-module_bui-DialogHeader__D340y {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding-inline: var(--bui-space-3);\n    padding-block: var(--bui-space-2);\n    border-bottom: 1px solid var(--bui-border);\n  }\n\n  .Dialog-module_bui-DialogHeaderTitle__1UEkF {\n    font-size: var(--bui-font-size-3);\n    font-weight: var(--bui-font-weight-bold);\n    margin: 0;\n  }\n\n  .Dialog-module_bui-DialogFooter__k2SK8 {\n    display: flex;\n    align-items: center;\n    justify-content: end;\n    gap: var(--bui-space-2);\n    padding-inline: var(--bui-space-3);\n    padding-block: var(--bui-space-3);\n    border-top: 1px solid var(--bui-border);\n  }\n\n  .Dialog-module_bui-DialogBody__2olLx {\n    padding: var(--bui-space-3);\n    flex: 1;\n    overflow-y: auto;\n  }\n\n  /* Keyframe animations */\n  @keyframes Dialog-module_fade-in__17nJR {\n    from {\n      opacity: 0;\n    }\n    to {\n      opacity: 1;\n    }\n  }\n\n  @keyframes Dialog-module_fade-out__jMAaZ {\n    from {\n      opacity: 1;\n    }\n    to {\n      opacity: 0;\n    }\n  }\n\n  @keyframes Dialog-module_dialog-enter__3NC2w {\n    from {\n      opacity: 0.5;\n      transform: scale(0.8);\n    }\n    to {\n      opacity: 1;\n      transform: scale(1);\n    }\n  }\n\n  @keyframes Dialog-module_dialog-exit__21RUM {\n    from {\n      opacity: 1;\n      transform: scale(1);\n    }\n    to {\n      opacity: 0;\n      transform: scale(0.95);\n    }\n  }\n}\n";
+var css_248z = "/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n@layer tokens, base, components, utilities;\n\n@layer components {\n  .Dialog-module_bui-DialogOverlay__5nqD5 {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: color-mix(in srgb, var(--bui-gray-2) 80%, transparent);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    z-index: 1000;\n  }\n\n  [data-theme='dark'] .Dialog-module_bui-Dialog__Cnu24 {\n    background: rgba(0, 0, 0, 0.5);\n  }\n\n  .Dialog-module_bui-DialogOverlay__5nqD5[data-entering] {\n    animation: Dialog-module_fade-in__17nJR 200ms ease-out forwards;\n  }\n\n  .Dialog-module_bui-DialogOverlay__5nqD5[data-exiting] {\n    animation: Dialog-module_fade-out__jMAaZ 150ms ease-out forwards;\n  }\n\n  .Dialog-module_bui-Dialog__Cnu24 {\n    background: var(--bui-bg-surface-1);\n    border-radius: 0.5rem;\n    border: 1px solid var(--bui-border);\n    color: var(--bui-fg-primary);\n    position: relative;\n    width: min(var(--bui-dialog-min-width, 400px), calc(100vw - 3rem));\n    max-width: calc(100vw - 3rem);\n    height: min(var(--bui-dialog-min-height, auto), calc(100vh - 3rem));\n    max-height: calc(100vh - 3rem);\n    display: flex;\n    flex-direction: column;\n    outline: none;\n  }\n\n  /* Dialog entering animation */\n  .Dialog-module_bui-DialogOverlay__5nqD5[data-entering] .Dialog-module_bui-Dialog__Cnu24 {\n    animation: Dialog-module_dialog-enter__3NC2w 150ms ease-out forwards;\n  }\n\n  /* Dialog exiting animation */\n  .Dialog-module_bui-DialogOverlay__5nqD5[data-exiting] .Dialog-module_bui-Dialog__Cnu24 {\n    animation: Dialog-module_dialog-exit__21RUM 150ms ease-out forwards;\n  }\n\n  .Dialog-module_bui-DialogHeader__D340y {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding-inline: var(--bui-space-3);\n    padding-block: var(--bui-space-2);\n    border-bottom: 1px solid var(--bui-border);\n  }\n\n  .Dialog-module_bui-DialogHeaderTitle__1UEkF {\n    font-size: var(--bui-font-size-3);\n    font-weight: var(--bui-font-weight-bold);\n    margin: 0;\n  }\n\n  .Dialog-module_bui-DialogFooter__k2SK8 {\n    display: flex;\n    align-items: center;\n    justify-content: end;\n    gap: var(--bui-space-2);\n    padding-inline: var(--bui-space-3);\n    padding-block: var(--bui-space-3);\n    border-top: 1px solid var(--bui-border);\n  }\n\n  .Dialog-module_bui-DialogBody__2olLx {\n    padding: var(--bui-space-3);\n    flex: 1;\n    overflow-y: auto;\n  }\n\n  /* Keyframe animations */\n  @keyframes Dialog-module_fade-in__17nJR {\n    from {\n      opacity: 0;\n    }\n    to {\n      opacity: 1;\n    }\n  }\n\n  @keyframes Dialog-module_fade-out__jMAaZ {\n    from {\n      opacity: 1;\n    }\n    to {\n      opacity: 0;\n    }\n  }\n\n  @keyframes Dialog-module_dialog-enter__3NC2w {\n    from {\n      opacity: 0.5;\n      transform: scale(0.8);\n    }\n    to {\n      opacity: 1;\n      transform: scale(1);\n    }\n  }\n\n  @keyframes Dialog-module_dialog-exit__21RUM {\n    from {\n      opacity: 1;\n      transform: scale(1);\n    }\n    to {\n      opacity: 0;\n      transform: scale(0.95);\n    }\n  }\n}\n";
 var styles = {"bui-DialogOverlay":"Dialog-module_bui-DialogOverlay__5nqD5","bui-Dialog":"Dialog-module_bui-Dialog__Cnu24","fade-in":"Dialog-module_fade-in__17nJR","fade-out":"Dialog-module_fade-out__jMAaZ","dialog-enter":"Dialog-module_dialog-enter__3NC2w","dialog-exit":"Dialog-module_dialog-exit__21RUM","bui-DialogHeader":"Dialog-module_bui-DialogHeader__D340y","bui-DialogHeaderTitle":"Dialog-module_bui-DialogHeaderTitle__1UEkF","bui-DialogFooter":"Dialog-module_bui-DialogFooter__k2SK8","bui-DialogBody":"Dialog-module_bui-DialogBody__2olLx"};
 styleInject(css_248z);
 

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

@@ -1,6 +1,6 @@
 import styleInject from '../../node_modules_dist/style-inject/dist/style-inject.es.esm.js';
 
-var css_248z = "/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n@layer tokens, base, components, utilities;\n\n@layer components {\n  .Popover-module_bui-Popover__100-n {\n    margin-right: 12px;\n    overflow: scroll;\n    background-color: var(--bui-bg-surface-1);\n    border: 1px solid var(--bui-border);\n    border-radius: var(--bui-radius-3);\n    padding-block: var(--bui-space-1);\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\n  }\n}\n";
+var css_248z = "/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n@layer tokens, base, components, utilities;\n\n@layer components {\n  .Popover-module_bui-Popover__100-n {\n    margin-right: 12px;\n    overflow-x: hidden;\n    overflow-y: auto;\n    background-color: var(--bui-bg-surface-1);\n    border: 1px solid var(--bui-border);\n    border-radius: var(--bui-radius-3);\n    padding-block: var(--bui-space-1);\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\n  }\n}\n";
 var stylesPopover = {"bui-Popover":"Popover-module_bui-Popover__100-n"};
 styleInject(css_248z);
 

package/dist/components/Select/Select.esm.js

@@ -80,7 +80,9 @@ const Select = forwardRef((props, ref) => {
           {
             className: clsx(
               popoverClassNames.root,
-              stylesPopover[popoverClassNames.root]
+              stylesPopover[popoverClassNames.root],
+              classNames.popover,
+              styles[classNames.popover]
             ),
             children: /* @__PURE__ */ jsx(ListBox, { className: clsx(classNames.list, styles[classNames.list]), children: options?.map((option) => /* @__PURE__ */ jsxs(
               ListBoxItem,

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

@@ -1 +1 @@
-{"version":3,"file":"Select.esm.js","sources":["../../../src/components/Select/Select.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  Select as AriaSelect,\n  SelectValue,\n  Button,\n  Popover,\n  ListBox,\n  ListBoxItem,\n  Text,\n} from 'react-aria-components';\nimport clsx from 'clsx';\nimport { SelectProps } from './types';\nimport { useStyles } from '../../hooks/useStyles';\nimport { FieldLabel } from '../FieldLabel';\nimport { FieldError } from '../FieldError';\nimport styles from './Select.module.css';\nimport stylesPopover from '../Popover/Popover.module.css';\nimport { RiArrowDownSLine, RiCheckLine } from '@remixicon/react';\n\n/** @public */\nexport const Select = forwardRef<HTMLDivElement, SelectProps>((props, ref) => {\n  const { classNames: popoverClassNames } = useStyles('Popover');\n  const { classNames, dataAttributes, cleanedProps } = useStyles('Select', {\n    size: 'small',\n    placeholder: 'Select an option',\n    ...props,\n  });\n\n  const {\n    className,\n    label,\n    description,\n    options,\n    placeholder,\n    size,\n    icon,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledBy,\n    isRequired,\n    secondaryLabel,\n    style,\n    ...rest\n  } = cleanedProps;\n\n  useEffect(() => {\n    if (!label && !ariaLabel && !ariaLabelledBy) {\n      console.warn(\n        'Select 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 = secondaryLabel || (isRequired ? 'Required' : null);\n\n  return (\n    <AriaSelect\n      className={clsx(classNames.root, styles[classNames.root], className)}\n      {...dataAttributes}\n      ref={ref}\n      aria-label={ariaLabel}\n      aria-labelledby={ariaLabelledBy}\n      {...rest}\n    >\n      <FieldLabel\n        label={label}\n        secondaryLabel={secondaryLabelText}\n        description={description}\n      />\n      <Button\n        className={clsx(classNames.trigger, styles[classNames.trigger])}\n        data-size={dataAttributes['data-size']}\n      >\n        {icon}\n        <SelectValue\n          className={clsx(classNames.value, styles[classNames.value])}\n        />\n        <RiArrowDownSLine aria-hidden=\"true\" />\n      </Button>\n      <FieldError />\n      <Popover\n        className={clsx(\n          popoverClassNames.root,\n          stylesPopover[popoverClassNames.root],\n        )}\n      >\n        <ListBox className={clsx(classNames.list, styles[classNames.list])}>\n          {options?.map(option => (\n            <ListBoxItem\n              key={option.value}\n              id={option.value}\n              className={clsx(classNames.item, styles[classNames.item])}\n            >\n              <div\n                className={clsx(\n                  classNames.itemIndicator,\n                  styles[classNames.itemIndicator],\n                )}\n              >\n                <RiCheckLine />\n              </div>\n              <Text\n                slot=\"label\"\n                className={clsx(\n                  classNames.itemLabel,\n                  styles[classNames.itemLabel],\n                )}\n              >\n                {option.label}\n              </Text>\n            </ListBoxItem>\n          ))}\n        </ListBox>\n      </Popover>\n    </AriaSelect>\n  );\n});\n\nSelect.displayName = 'Select';\n"],"names":["AriaSelect"],"mappings":"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"}
+{"version":3,"file":"Select.esm.js","sources":["../../../src/components/Select/Select.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  Select as AriaSelect,\n  SelectValue,\n  Button,\n  Popover,\n  ListBox,\n  ListBoxItem,\n  Text,\n} from 'react-aria-components';\nimport clsx from 'clsx';\nimport { SelectProps } from './types';\nimport { useStyles } from '../../hooks/useStyles';\nimport { FieldLabel } from '../FieldLabel';\nimport { FieldError } from '../FieldError';\nimport styles from './Select.module.css';\nimport stylesPopover from '../Popover/Popover.module.css';\nimport { RiArrowDownSLine, RiCheckLine } from '@remixicon/react';\n\n/** @public */\nexport const Select = forwardRef<HTMLDivElement, SelectProps>((props, ref) => {\n  const { classNames: popoverClassNames } = useStyles('Popover');\n  const { classNames, dataAttributes, cleanedProps } = useStyles('Select', {\n    size: 'small',\n    placeholder: 'Select an option',\n    ...props,\n  });\n\n  const {\n    className,\n    label,\n    description,\n    options,\n    placeholder,\n    size,\n    icon,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledBy,\n    isRequired,\n    secondaryLabel,\n    style,\n    ...rest\n  } = cleanedProps;\n\n  useEffect(() => {\n    if (!label && !ariaLabel && !ariaLabelledBy) {\n      console.warn(\n        'Select 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 = secondaryLabel || (isRequired ? 'Required' : null);\n\n  return (\n    <AriaSelect\n      className={clsx(classNames.root, styles[classNames.root], className)}\n      {...dataAttributes}\n      ref={ref}\n      aria-label={ariaLabel}\n      aria-labelledby={ariaLabelledBy}\n      {...rest}\n    >\n      <FieldLabel\n        label={label}\n        secondaryLabel={secondaryLabelText}\n        description={description}\n      />\n      <Button\n        className={clsx(classNames.trigger, styles[classNames.trigger])}\n        data-size={dataAttributes['data-size']}\n      >\n        {icon}\n        <SelectValue\n          className={clsx(classNames.value, styles[classNames.value])}\n        />\n        <RiArrowDownSLine aria-hidden=\"true\" />\n      </Button>\n      <FieldError />\n      <Popover\n        className={clsx(\n          popoverClassNames.root,\n          stylesPopover[popoverClassNames.root],\n          classNames.popover,\n          styles[classNames.popover],\n        )}\n      >\n        <ListBox className={clsx(classNames.list, styles[classNames.list])}>\n          {options?.map(option => (\n            <ListBoxItem\n              key={option.value}\n              id={option.value}\n              className={clsx(classNames.item, styles[classNames.item])}\n            >\n              <div\n                className={clsx(\n                  classNames.itemIndicator,\n                  styles[classNames.itemIndicator],\n                )}\n              >\n                <RiCheckLine />\n              </div>\n              <Text\n                slot=\"label\"\n                className={clsx(\n                  classNames.itemLabel,\n                  styles[classNames.itemLabel],\n                )}\n              >\n                {option.label}\n              </Text>\n            </ListBoxItem>\n          ))}\n        </ListBox>\n      </Popover>\n    </AriaSelect>\n  );\n});\n\nSelect.displayName = 'Select';\n"],"names":["AriaSelect"],"mappings":"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"}

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

@@ -1,7 +1,7 @@
 import styleInject from '../../node_modules_dist/style-inject/dist/style-inject.es.esm.js';
 
-var css_248z = "/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n@layer tokens, base, components, utilities;\n\n@layer components {\n  .Select-module_bui-Select__LDZ15[data-invalid] {\n    & .Select-module_bui-SelectTrigger__3kJBt {\n      border-color: var(--bui-fg-danger);\n    }\n  }\n\n  .Select-module_bui-SelectTrigger__3kJBt {\n    box-sizing: border-box;\n    border-radius: var(--bui-radius-3);\n    border: 1px solid var(--bui-border);\n    background-color: var(--bui-bg-surface-1);\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    cursor: pointer;\n    gap: var(--bui-space-2);\n    width: 100%;\n\n    & svg {\n      flex-shrink: 0;\n      color: var(--bui-fg-secondary);\n    }\n\n    &[data-size='small'] {\n      height: 2rem;\n      padding-inline: var(--bui-space-3);\n    }\n\n    &[data-size='medium'] {\n      height: 3rem;\n      padding-inline: var(--bui-space-4);\n    }\n\n    &[data-size='small'] svg {\n      width: 1rem;\n      height: 1rem;\n    }\n\n    &[data-size='medium'] svg {\n      width: 1.25rem;\n      height: 1.25rem;\n    }\n\n    &::placeholder {\n      color: var(--bui-fg-secondary);\n    }\n\n    &:hover {\n      transition: border-color 0.2s ease-in-out, outline-color 0.2s ease-in-out;\n      border-color: var(--bui-border-hover);\n    }\n\n    &:focus-visible {\n      border-color: var(--bui-border-pressed);\n      outline: 0;\n    }\n\n    &[data-invalid] {\n      border-color: var(--bui-fg-danger);\n    }\n    &[data-invalid]:hover {\n      border-width: 2px;\n    }\n\n    &[data-invalid]:focus-visible {\n      border-width: 2px;\n    }\n\n    &[disabled] {\n      cursor: not-allowed;\n      border-color: var(--bui-border-disabled);\n      color: var(--bui-fg-disabled);\n    }\n\n    &[disabled] .Select-module_bui-SelectValue__jdoc- {\n      color: var(--bui-fg-disabled);\n    }\n\n    &[data-popup-open] .Select-module_bui-SelectIcon__e97yW {\n      transform: rotate(180deg);\n    }\n  }\n\n  .Select-module_bui-SelectValue__jdoc- {\n    text-overflow: ellipsis;\n    overflow: hidden;\n    white-space: nowrap;\n    width: 100%;\n    font-size: var(--bui-font-size-3);\n    font-family: var(--bui-font-regular);\n    font-weight: var(--bui-font-weight-regular);\n    color: var(--bui-fg-primary);\n    text-align: left;\n\n    & .Select-module_bui-SelectItemIndicator__1y7zW {\n      display: none;\n    }\n\n    &[disabled] {\n      color: var(--bui-fg-disabled);\n    }\n  }\n\n  .Select-module_bui-SelectItem__145pz {\n    position: relative;\n    width: var(--anchor-width);\n    display: grid;\n    grid-template-areas: 'icon text';\n    grid-template-columns: 1rem 1fr;\n    align-items: center;\n    padding-block: var(--bui-space-2);\n    padding-left: var(--bui-space-3);\n    padding-right: var(--bui-space-4);\n    color: var(--bui-fg-primary);\n    border-radius: var(--bui-radius-3);\n    cursor: pointer;\n    user-select: none;\n    font-size: var(--bui-font-size-3);\n    gap: var(--bui-space-1);\n    outline: none;\n\n    &[data-focused] {\n      z-index: 0;\n      position: relative;\n      color: var(--bui-fg-primary);\n    }\n\n    &[data-focused]::before {\n      content: '';\n      z-index: -1;\n      position: absolute;\n      inset-block: 0;\n      inset-inline: 0.25rem;\n      border-radius: 0.25rem;\n      background-color: var(--bui-bg-tint-hover);\n    }\n\n    &[data-disabled] {\n      cursor: not-allowed;\n      color: var(--bui-fg-disabled);\n    }\n\n    &[data-selected] .Select-module_bui-SelectItemIndicator__1y7zW {\n      opacity: 1;\n    }\n  }\n\n  .Select-module_bui-SelectItemIndicator__1y7zW {\n    grid-area: icon;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    opacity: 0;\n    transition: opacity 0.2s ease-in-out;\n  }\n\n  .Select-module_bui-SelectItemLabel__1N_y- {\n    flex: 1;\n    grid-area: text;\n  }\n}\n";
-var styles = {"bui-Select":"Select-module_bui-Select__LDZ15","bui-SelectTrigger":"Select-module_bui-SelectTrigger__3kJBt","bui-SelectValue":"Select-module_bui-SelectValue__jdoc-","bui-SelectIcon":"Select-module_bui-SelectIcon__e97yW","bui-SelectItemIndicator":"Select-module_bui-SelectItemIndicator__1y7zW","bui-SelectItem":"Select-module_bui-SelectItem__145pz","bui-SelectItemLabel":"Select-module_bui-SelectItemLabel__1N_y-"};
+var css_248z = "/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n@layer tokens, base, components, utilities;\n\n@layer components {\n  .Select-module_bui-SelectPopover__1vFLn {\n    min-width: var(--trigger-width);\n  }\n\n  .Select-module_bui-SelectTrigger__3kJBt {\n    box-sizing: border-box;\n    border-radius: var(--bui-radius-3);\n    border: 1px solid var(--bui-border);\n    background-color: var(--bui-bg-surface-1);\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    cursor: pointer;\n    gap: var(--bui-space-2);\n    width: 100%;\n\n    & svg {\n      flex-shrink: 0;\n      color: var(--bui-fg-secondary);\n    }\n\n    &[data-size='small'] {\n      height: 2rem;\n      padding-inline: var(--bui-space-3);\n    }\n\n    &[data-size='medium'] {\n      height: 3rem;\n      padding-inline: var(--bui-space-4);\n    }\n\n    &[data-size='small'] svg {\n      width: 1rem;\n      height: 1rem;\n    }\n\n    &[data-size='medium'] svg {\n      width: 1.25rem;\n      height: 1.25rem;\n    }\n\n    &::placeholder {\n      color: var(--bui-fg-secondary);\n    }\n\n    &:hover {\n      transition: border-color 0.2s ease-in-out, outline-color 0.2s ease-in-out;\n      border-color: var(--bui-border-hover);\n    }\n\n    &:focus-visible {\n      border-color: var(--bui-border-pressed);\n      outline: 0;\n    }\n\n    .Select-module_bui-Select__LDZ15[data-invalid] &,\n    &[data-invalid] {\n      border-color: var(--bui-fg-danger);\n    }\n    &[data-invalid]:hover {\n      border-width: 2px;\n    }\n\n    &[data-invalid]:focus-visible {\n      border-width: 2px;\n    }\n\n    &[disabled] {\n      cursor: not-allowed;\n      border-color: var(--bui-border-disabled);\n      color: var(--bui-fg-disabled);\n    }\n\n    &[disabled] .Select-module_bui-SelectValue__jdoc- {\n      color: var(--bui-fg-disabled);\n    }\n\n    &[data-popup-open] .Select-module_bui-SelectIcon__e97yW {\n      transform: rotate(180deg);\n    }\n  }\n\n  .Select-module_bui-SelectValue__jdoc- {\n    text-overflow: ellipsis;\n    overflow: hidden;\n    white-space: nowrap;\n    width: 100%;\n    font-size: var(--bui-font-size-3);\n    font-family: var(--bui-font-regular);\n    font-weight: var(--bui-font-weight-regular);\n    color: var(--bui-fg-primary);\n    text-align: left;\n\n    & .Select-module_bui-SelectItemIndicator__1y7zW {\n      display: none;\n    }\n\n    &[disabled] {\n      color: var(--bui-fg-disabled);\n    }\n  }\n\n  .Select-module_bui-SelectList__2Cgmr:focus-visible {\n    /* Remove default focus-visible outline because React Aria\n     * triggers it on mouse click open of the list for some reason.\n     * On keyboard use, the top item receives the focus style,\n     * so it's not needed anyway. */\n    outline: none;\n  }\n\n  .Select-module_bui-SelectItem__145pz {\n    position: relative;\n    width: var(--anchor-width);\n    display: grid;\n    grid-template-areas: 'icon text';\n    grid-template-columns: 1rem 1fr;\n    align-items: center;\n    padding-block: var(--bui-space-2);\n    padding-left: var(--bui-space-3);\n    padding-right: var(--bui-space-4);\n    color: var(--bui-fg-primary);\n    border-radius: var(--bui-radius-3);\n    cursor: pointer;\n    user-select: none;\n    font-size: var(--bui-font-size-3);\n    gap: var(--bui-space-1);\n    outline: none;\n\n    &[data-focused] {\n      z-index: 0;\n      position: relative;\n      color: var(--bui-fg-primary);\n    }\n\n    &[data-focused]::before {\n      content: '';\n      z-index: -1;\n      position: absolute;\n      inset-block: 0;\n      inset-inline: 0.25rem;\n      border-radius: 0.25rem;\n      background-color: var(--bui-bg-tint-hover);\n    }\n\n    &[data-disabled] {\n      cursor: not-allowed;\n      color: var(--bui-fg-disabled);\n    }\n\n    &[data-selected] .Select-module_bui-SelectItemIndicator__1y7zW {\n      opacity: 1;\n    }\n  }\n\n  .Select-module_bui-SelectItemIndicator__1y7zW {\n    grid-area: icon;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    opacity: 0;\n    transition: opacity 0.2s ease-in-out;\n  }\n\n  .Select-module_bui-SelectItemLabel__1N_y- {\n    flex: 1;\n    grid-area: text;\n  }\n}\n";
+var styles = {"bui-SelectPopover":"Select-module_bui-SelectPopover__1vFLn","bui-SelectTrigger":"Select-module_bui-SelectTrigger__3kJBt","bui-Select":"Select-module_bui-Select__LDZ15","bui-SelectValue":"Select-module_bui-SelectValue__jdoc-","bui-SelectIcon":"Select-module_bui-SelectIcon__e97yW","bui-SelectItemIndicator":"Select-module_bui-SelectItemIndicator__1y7zW","bui-SelectList":"Select-module_bui-SelectList__2Cgmr","bui-SelectItem":"Select-module_bui-SelectItem__145pz","bui-SelectItemLabel":"Select-module_bui-SelectItemLabel__1N_y-"};
 styleInject(css_248z);
 
 export { styles as default };

package/dist/index.d.ts

@@ -1,9 +1,8 @@
 import * as react from 'react';
 import { ReactElement, ReactNode, ElementType, ComponentPropsWithRef, ComponentProps } from 'react';
-import { ButtonProps as ButtonProps$1, DialogTriggerProps as DialogTriggerProps$1, ModalOverlayProps, HeadingProps, TabsProps as TabsProps$1, TabListProps as TabListProps$1, TabProps as TabProps$1, TabPanelProps as TabPanelProps$1, LinkProps as LinkProps$1, CheckboxProps as CheckboxProps$1, RadioGroupProps as RadioGroupProps$1, RadioProps as RadioProps$1, TableProps, TableHeaderProps, TableBodyProps, ColumnProps as ColumnProps$1, CellProps as CellProps$1, RowProps, TagGroupProps as TagGroupProps$1, TagListProps, TagProps as TagProps$1, TextFieldProps as TextFieldProps$1, TooltipProps as TooltipProps$1, TooltipTriggerComponentProps, MenuTriggerProps as MenuTriggerProps$1, SubmenuTriggerProps as SubmenuTriggerProps$1, MenuProps as MenuProps$1, PopoverProps, ListBoxProps, MenuItemProps as MenuItemProps$1, ListBoxItemProps, MenuSectionProps as MenuSectionProps$1, SeparatorProps, SearchFieldProps as SearchFieldProps$1, SelectProps as SelectProps$1, SwitchProps as SwitchProps$1 } from 'react-aria-components';
+import { ButtonProps as ButtonProps$1, DisclosureProps, HeadingProps, DisclosurePanelProps, DisclosureGroupProps, DialogTriggerProps as DialogTriggerProps$1, ModalOverlayProps, TabsProps as TabsProps$1, TabListProps as TabListProps$1, TabProps as TabProps$1, TabPanelProps as TabPanelProps$1, LinkProps as LinkProps$1, CheckboxProps as CheckboxProps$1, RadioGroupProps as RadioGroupProps$1, RadioProps as RadioProps$1, TableProps, TableHeaderProps, TableBodyProps, ColumnProps as ColumnProps$1, CellProps as CellProps$1, RowProps, TagGroupProps as TagGroupProps$1, TagListProps, TagProps as TagProps$1, TextFieldProps as TextFieldProps$1, TooltipProps as TooltipProps$1, TooltipTriggerComponentProps, MenuTriggerProps as MenuTriggerProps$1, SubmenuTriggerProps as SubmenuTriggerProps$1, MenuProps as MenuProps$1, PopoverProps, ListBoxProps, MenuItemProps as MenuItemProps$1, ListBoxItemProps, MenuSectionProps as MenuSectionProps$1, SeparatorProps, SearchFieldProps as SearchFieldProps$1, SelectProps as SelectProps$1, SwitchProps as SwitchProps$1 } from 'react-aria-components';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { NavigateOptions } from 'react-router-dom';
-import { Collapsible as Collapsible$1 } from '@base-ui-components/react/collapsible';
 
 /**
  * Component definitions for the Backstage UI library
@@ -62,13 +61,6 @@ declare const componentDefinitions: {
             readonly selected: readonly [true, false];
         };
     };
-    readonly Collapsible: {
-        readonly classNames: {
-            readonly root: "bui-CollapsibleRoot";
-            readonly trigger: "bui-CollapsibleTrigger";
-            readonly panel: "bui-CollapsiblePanel";
-        };
-    };
     readonly Container: {
         readonly classNames: {
             readonly root: "bui-Container";
@@ -85,6 +77,18 @@ declare const componentDefinitions: {
             readonly footer: "bui-DialogFooter";
         };
     };
+    readonly Accordion: {
+        readonly classNames: {
+            readonly root: "bui-Accordion";
+            readonly trigger: "bui-AccordionTrigger";
+            readonly triggerButton: "bui-AccordionTriggerButton";
+            readonly triggerTitle: "bui-AccordionTriggerTitle";
+            readonly triggerSubtitle: "bui-AccordionTriggerSubtitle";
+            readonly triggerIcon: "bui-AccordionTriggerIcon";
+            readonly panel: "bui-AccordionPanel";
+            readonly group: "bui-AccordionGroup";
+        };
+    };
     readonly FieldError: {
         readonly classNames: {
             readonly root: "bui-FieldError";
@@ -226,6 +230,7 @@ declare const componentDefinitions: {
     readonly Select: {
         readonly classNames: {
             readonly root: "bui-Select";
+            readonly popover: "bui-SelectPopover";
             readonly trigger: "bui-SelectTrigger";
             readonly value: "bui-SelectValue";
             readonly icon: "bui-SelectIcon";
@@ -610,16 +615,50 @@ declare const CardBody: react.ForwardRefExoticComponent<CardBodyProps & react.Re
 declare const CardFooter: react.ForwardRefExoticComponent<CardFooterProps & react.RefAttributes<HTMLDivElement>>;
 
 /**
- * Collapsible is a component that allows you to collapse and expand content.
- * It is a wrapper around the CollapsiblePrimitive component from base-ui-components.
- *
+ * Props for the Accordion component.
  * @public
  */
-declare const Collapsible: {
-    Root: react.ForwardRefExoticComponent<Omit<Collapsible$1.Root.Props & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
-    Trigger: react.ForwardRefExoticComponent<Omit<Collapsible$1.Trigger.Props & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
-    Panel: react.ForwardRefExoticComponent<Omit<Collapsible$1.Panel.Props & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
-};
+interface AccordionProps extends DisclosureProps {
+    className?: string;
+}
+/**
+ * Props for the AccordionTrigger component.
+ * @public
+ */
+interface AccordionTriggerProps extends HeadingProps {
+    className?: string;
+    title?: string;
+    subtitle?: string;
+    children?: React.ReactNode;
+}
+/**
+ * Props for the AccordionPanel component.
+ * @public
+ */
+interface AccordionPanelProps extends DisclosurePanelProps {
+    className?: string;
+}
+/**
+ * Props for the AccordionGroup component.
+ * @public
+ */
+interface AccordionGroupProps extends DisclosureGroupProps {
+    className?: string;
+    /**
+     * Whether multiple accordions can be expanded at the same time.
+     * @defaultValue false
+     */
+    allowsMultiple?: boolean;
+}
+
+/** @public */
+declare const Accordion: react.ForwardRefExoticComponent<AccordionProps & react.RefAttributes<HTMLDivElement>>;
+/** @public */
+declare const AccordionTrigger: react.ForwardRefExoticComponent<AccordionTriggerProps & react.RefAttributes<HTMLHeadingElement>>;
+/** @public */
+declare const AccordionPanel: react.ForwardRefExoticComponent<AccordionPanelProps & react.RefAttributes<HTMLDivElement>>;
+/** @public */
+declare const AccordionGroup: react.ForwardRefExoticComponent<AccordionGroupProps & react.RefAttributes<HTMLDivElement>>;
 
 /**
  * Props for the DialogTrigger component.
@@ -1292,4 +1331,4 @@ declare const useBreakpoint: () => {
     down: (key: Breakpoint) => boolean;
 };
 
-export { type AlignItems, Avatar, type AvatarProps, type Border, type BorderRadius, Box, type BoxProps, type Breakpoint, Button, ButtonIcon, type ButtonIconProps, ButtonLink, type ButtonLinkProps, type ButtonProps, Card, CardBody, type CardBodyProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, Cell, CellProfile, type CellProfileProps, type CellProps, Checkbox, type CheckboxProps, type ClassNamesMap, Collapsible, Column, type ColumnProps, type Columns, type ComponentClassNames, type ComponentDefinition, type ComponentDefinitionName, Container, type ContainerProps, type DataAttributeValues, type DataAttributesMap, Dialog, DialogBody, type DialogBodyProps, DialogFooter, DialogHeader, type DialogHeaderProps, type DialogProps, DialogTrigger, type DialogTriggerProps, type Display, FieldLabel, type FieldLabelProps, Flex, type FlexDirection, type FlexProps, type FlexWrap, Grid, type GridItemProps, type GridProps, Header, HeaderPage, type HeaderPageBreadcrumb, type HeaderPageProps, type HeaderProps, type HeaderTab, type JustifyContent, Link, type LinkProps, Menu, MenuAutocomplete, type MenuAutocompleteListBoxProps, MenuAutocompleteListbox, type MenuAutocompleteProps, MenuItem, type MenuItemProps, MenuListBox, MenuListBoxItem, type MenuListBoxItemProps, type MenuListBoxProps, type MenuProps, MenuSection, type MenuSectionProps, MenuSeparator, type MenuSeparatorProps, MenuTrigger, type MenuTriggerProps, Radio, RadioGroup, type RadioGroupProps, type RadioProps, type Responsive, Row, SearchField, type SearchFieldProps, Select, type SelectProps, Skeleton, type SkeletonProps, type Space, type SpaceProps, SubmenuTrigger, type SubmenuTriggerProps, Switch, type SwitchProps, Tab, TabList, type TabListProps, type TabMatchStrategy, TabPanel, type TabPanelProps, type TabProps, Table, TableBody, TableHeader, TablePagination, type TablePaginationProps, Tabs, type TabsProps, Tag, TagGroup, type TagGroupProps, type TagProps, Text, type TextColorStatus, type TextColors, TextField, type TextFieldProps, type TextOwnProps, type TextProps, type TextVariants, type TextWeights, Tooltip, type TooltipProps, TooltipTrigger, type UseTableConfig, type UseTablePagination, type UseTablePaginationConfig, type UseTableResult, type UtilityProps, VisuallyHidden, type VisuallyHiddenProps, componentDefinitions, useBreakpoint, useTable };
+export { Accordion, AccordionGroup, type AccordionGroupProps, AccordionPanel, type AccordionPanelProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, type AlignItems, Avatar, type AvatarProps, type Border, type BorderRadius, Box, type BoxProps, type Breakpoint, Button, ButtonIcon, type ButtonIconProps, ButtonLink, type ButtonLinkProps, type ButtonProps, Card, CardBody, type CardBodyProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, Cell, CellProfile, type CellProfileProps, type CellProps, Checkbox, type CheckboxProps, type ClassNamesMap, Column, type ColumnProps, type Columns, type ComponentClassNames, type ComponentDefinition, type ComponentDefinitionName, Container, type ContainerProps, type DataAttributeValues, type DataAttributesMap, Dialog, DialogBody, type DialogBodyProps, DialogFooter, DialogHeader, type DialogHeaderProps, type DialogProps, DialogTrigger, type DialogTriggerProps, type Display, FieldLabel, type FieldLabelProps, Flex, type FlexDirection, type FlexProps, type FlexWrap, Grid, type GridItemProps, type GridProps, Header, HeaderPage, type HeaderPageBreadcrumb, type HeaderPageProps, type HeaderProps, type HeaderTab, type JustifyContent, Link, type LinkProps, Menu, MenuAutocomplete, type MenuAutocompleteListBoxProps, MenuAutocompleteListbox, type MenuAutocompleteProps, MenuItem, type MenuItemProps, MenuListBox, MenuListBoxItem, type MenuListBoxItemProps, type MenuListBoxProps, type MenuProps, MenuSection, type MenuSectionProps, MenuSeparator, type MenuSeparatorProps, MenuTrigger, type MenuTriggerProps, Radio, RadioGroup, type RadioGroupProps, type RadioProps, type Responsive, Row, SearchField, type SearchFieldProps, Select, type SelectProps, Skeleton, type SkeletonProps, type Space, type SpaceProps, SubmenuTrigger, type SubmenuTriggerProps, Switch, type SwitchProps, Tab, TabList, type TabListProps, type TabMatchStrategy, TabPanel, type TabPanelProps, type TabProps, Table, TableBody, TableHeader, TablePagination, type TablePaginationProps, Tabs, type TabsProps, Tag, TagGroup, type TagGroupProps, type TagProps, Text, type TextColorStatus, type TextColors, TextField, type TextFieldProps, type TextOwnProps, type TextProps, type TextVariants, type TextWeights, Tooltip, type TooltipProps, TooltipTrigger, type UseTableConfig, type UseTablePagination, type UseTablePaginationConfig, type UseTableResult, type UtilityProps, VisuallyHidden, type VisuallyHiddenProps, componentDefinitions, useBreakpoint, useTable };

package/dist/index.esm.js

@@ -5,7 +5,7 @@ export { Container } from './components/Container/Container.esm.js';
 export { Avatar } from './components/Avatar/Avatar.esm.js';
 export { Button } from './components/Button/Button.esm.js';
 export { Card, CardBody, CardFooter, CardHeader } from './components/Card/Card.esm.js';
-export { Collapsible } from './components/Collapsible/Collapsible.esm.js';
+export { Accordion, AccordionGroup, AccordionPanel, AccordionTrigger } from './components/Accordion/Accordion.esm.js';
 export { Dialog, DialogBody, DialogFooter, DialogHeader, DialogTrigger } from './components/Dialog/Dialog.esm.js';
 export { FieldLabel } from './components/FieldLabel/FieldLabel.esm.js';
 export { Header } from './components/Header/Header.esm.js';

package/dist/utils/componentDefinitions.esm.js

@@ -74,13 +74,6 @@ const componentDefinitions = {
       selected: [true, false]
     }
   },
-  Collapsible: {
-    classNames: {
-      root: "bui-CollapsibleRoot",
-      trigger: "bui-CollapsibleTrigger",
-      panel: "bui-CollapsiblePanel"
-    }
-  },
   Container: {
     classNames: {
       root: "bui-Container"
@@ -97,6 +90,18 @@ const componentDefinitions = {
       footer: "bui-DialogFooter"
     }
   },
+  Accordion: {
+    classNames: {
+      root: "bui-Accordion",
+      trigger: "bui-AccordionTrigger",
+      triggerButton: "bui-AccordionTriggerButton",
+      triggerTitle: "bui-AccordionTriggerTitle",
+      triggerSubtitle: "bui-AccordionTriggerSubtitle",
+      triggerIcon: "bui-AccordionTriggerIcon",
+      panel: "bui-AccordionPanel",
+      group: "bui-AccordionGroup"
+    }
+  },
   FieldError: {
     classNames: {
       root: "bui-FieldError"
@@ -274,6 +279,7 @@ const componentDefinitions = {
   Select: {
     classNames: {
       root: "bui-Select",
+      popover: "bui-SelectPopover",
       trigger: "bui-SelectTrigger",
       value: "bui-SelectValue",
       icon: "bui-SelectIcon",

package/dist/utils/componentDefinitions.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"componentDefinitions.esm.js","sources":["../../src/utils/componentDefinitions.ts"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport type { ComponentDefinition } from '../types';\n\n/**\n * Component definitions for the Backstage UI library\n * @public\n */\nexport const componentDefinitions = {\n  Avatar: {\n    classNames: {\n      root: 'bui-AvatarRoot',\n      image: 'bui-AvatarImage',\n      fallback: 'bui-AvatarFallback',\n    },\n    dataAttributes: {\n      size: ['small', 'medium', 'large'] as const,\n    },\n  },\n  Box: {\n    classNames: {\n      root: 'bui-Box',\n    },\n    utilityProps: [\n      'm',\n      'mb',\n      'ml',\n      'mr',\n      'mt',\n      'mx',\n      'my',\n      'p',\n      'pb',\n      'pl',\n      'pr',\n      'pt',\n      'px',\n      'py',\n      'position',\n      'display',\n      'width',\n      'minWidth',\n      'maxWidth',\n      'height',\n      'minHeight',\n      'maxHeight',\n    ],\n  },\n  Button: {\n    classNames: {\n      root: 'bui-Button',\n    },\n    dataAttributes: {\n      size: ['small', 'medium', 'large'] as const,\n      variant: ['primary', 'secondary', 'tertiary'] as const,\n    },\n  },\n  ButtonIcon: {\n    classNames: {\n      root: 'bui-ButtonIcon',\n    },\n  },\n  ButtonLink: {\n    classNames: {\n      root: 'bui-ButtonLink',\n    },\n  },\n  Card: {\n    classNames: {\n      root: 'bui-Card',\n      header: 'bui-CardHeader',\n      body: 'bui-CardBody',\n      footer: 'bui-CardFooter',\n    },\n  },\n  Checkbox: {\n    classNames: {\n      root: 'bui-Checkbox',\n      indicator: 'bui-CheckboxIndicator',\n    },\n    dataAttributes: {\n      selected: [true, false] as const,\n    },\n  },\n  Collapsible: {\n    classNames: {\n      root: 'bui-CollapsibleRoot',\n      trigger: 'bui-CollapsibleTrigger',\n      panel: 'bui-CollapsiblePanel',\n    },\n  },\n  Container: {\n    classNames: {\n      root: 'bui-Container',\n    },\n    utilityProps: ['my', 'mt', 'mb', 'py', 'pt', 'pb', 'display'],\n  },\n  Dialog: {\n    classNames: {\n      overlay: 'bui-DialogOverlay',\n      dialog: 'bui-Dialog',\n      header: 'bui-DialogHeader',\n      headerTitle: 'bui-DialogHeaderTitle',\n      body: 'bui-DialogBody',\n      footer: 'bui-DialogFooter',\n    },\n  },\n  FieldError: {\n    classNames: {\n      root: 'bui-FieldError',\n    },\n  },\n  FieldLabel: {\n    classNames: {\n      root: 'bui-FieldLabelWrapper',\n      label: 'bui-FieldLabel',\n      secondaryLabel: 'bui-FieldSecondaryLabel',\n      description: 'bui-FieldDescription',\n    },\n  },\n  Flex: {\n    classNames: {\n      root: 'bui-Flex',\n    },\n    utilityProps: [\n      'm',\n      'mb',\n      'ml',\n      'mr',\n      'mt',\n      'mx',\n      'my',\n      'p',\n      'pb',\n      'pl',\n      'pr',\n      'pt',\n      'px',\n      'py',\n      'gap',\n      'align',\n      'justify',\n      'direction',\n    ],\n  },\n  Grid: {\n    classNames: {\n      root: 'bui-Grid',\n    },\n    utilityProps: [\n      'columns',\n      'gap',\n      'm',\n      'mb',\n      'ml',\n      'mr',\n      'mt',\n      'mx',\n      'my',\n      'p',\n      'pb',\n      'pl',\n      'pr',\n      'pt',\n      'px',\n      'py',\n    ],\n  },\n  GridItem: {\n    classNames: {\n      root: 'bui-GridItem',\n    },\n    utilityProps: ['colSpan', 'colEnd', 'colStart', 'rowSpan'],\n  },\n  Header: {\n    classNames: {\n      toolbar: 'bui-HeaderToolbar',\n      toolbarWrapper: 'bui-HeaderToolbarWrapper',\n      toolbarContent: 'bui-HeaderToolbarContent',\n      toolbarControls: 'bui-HeaderToolbarControls',\n      toolbarIcon: 'bui-HeaderToolbarIcon',\n      toolbarName: 'bui-HeaderToolbarName',\n      tabsWrapper: 'bui-HeaderTabsWrapper',\n    },\n  },\n  HeaderPage: {\n    classNames: {\n      root: 'bui-HeaderPage',\n      content: 'bui-HeaderPageContent',\n      breadcrumbs: 'bui-HeaderPageBreadcrumbs',\n      tabsWrapper: 'bui-HeaderPageTabsWrapper',\n      controls: 'bui-HeaderPageControls',\n    },\n  },\n  Heading: {\n    classNames: {\n      root: 'bui-Heading',\n    },\n    dataAttributes: {\n      variant: ['title1', 'title2', 'title3', 'subtitle'] as const,\n      color: ['primary', 'secondary', 'muted'] as const,\n      truncate: [true, false] as const,\n    },\n  },\n  Icon: {\n    classNames: {\n      root: 'bui-Icon',\n    },\n  },\n  Link: {\n    classNames: {\n      root: 'bui-Link',\n    },\n    dataAttributes: {\n      variant: ['subtitle', 'body', 'caption', 'label'] as const,\n      weight: ['regular', 'bold'] as const,\n      color: ['primary', 'secondary', 'danger', 'warning', 'success'] as const,\n      truncate: [true, false] as const,\n    },\n  },\n  List: {\n    classNames: {\n      root: 'bui-List',\n      row: 'bui-ListRow',\n      label: 'bui-ListLabel',\n    },\n  },\n  Menu: {\n    classNames: {\n      root: 'bui-Menu',\n      popover: 'bui-MenuPopover',\n      content: 'bui-MenuContent',\n      section: 'bui-MenuSection',\n      sectionHeader: 'bui-MenuSectionHeader',\n      item: 'bui-MenuItem',\n      itemListBox: 'bui-MenuItemListBox',\n      itemListBoxCheck: 'bui-MenuItemListBoxCheck',\n      itemWrapper: 'bui-MenuItemWrapper',\n      itemContent: 'bui-MenuItemContent',\n      itemArrow: 'bui-MenuItemArrow',\n      separator: 'bui-MenuSeparator',\n      searchField: 'bui-MenuSearchField',\n      searchFieldInput: 'bui-MenuSearchFieldInput',\n      searchFieldClear: 'bui-MenuSearchFieldClear',\n      emptyState: 'bui-MenuEmptyState',\n    },\n  },\n  PasswordField: {\n    classNames: {\n      root: 'bui-PasswordField',\n      inputVisibility: 'bui-InputVisibility',\n    },\n    dataAttributes: {\n      size: ['small', 'medium'] as const,\n    },\n  },\n  Popover: {\n    classNames: {\n      root: 'bui-Popover',\n    },\n  },\n  RadioGroup: {\n    classNames: {\n      root: 'bui-RadioGroup',\n      content: 'bui-RadioGroupContent',\n      radio: 'bui-Radio',\n    },\n  },\n  SearchField: {\n    classNames: {\n      root: 'bui-SearchField',\n      clear: 'bui-SearchFieldClear',\n      inputWrapper: 'bui-SearchFieldWrapper',\n      input: 'bui-SearchFieldInput',\n      inputIcon: 'bui-SearchFieldInputIcon',\n    },\n    dataAttributes: {\n      startCollapsed: [true, false] as const,\n      size: ['small', 'medium'] as const,\n    },\n  },\n  Select: {\n    classNames: {\n      root: 'bui-Select',\n      trigger: 'bui-SelectTrigger',\n      value: 'bui-SelectValue',\n      icon: 'bui-SelectIcon',\n      list: 'bui-SelectList',\n      item: 'bui-SelectItem',\n      itemIndicator: 'bui-SelectItemIndicator',\n      itemLabel: 'bui-SelectItemLabel',\n    },\n    dataAttributes: {\n      size: ['small', 'medium'] as const,\n    },\n  },\n  Skeleton: {\n    classNames: {\n      root: 'bui-Skeleton',\n    },\n  },\n  Switch: {\n    classNames: {\n      root: 'bui-Switch',\n      indicator: 'bui-SwitchIndicator',\n    },\n  },\n  Table: {\n    classNames: {\n      table: 'bui-Table',\n      header: 'bui-TableHeader',\n      body: 'bui-TableBody',\n      row: 'bui-TableRow',\n      head: 'bui-TableHead',\n      headContent: 'bui-TableHeadContent',\n      headSortButton: 'bui-TableHeadSortButton',\n      caption: 'bui-TableCaption',\n      cell: 'bui-TableCell',\n      cellContentWrapper: 'bui-TableCellContentWrapper',\n      cellContent: 'bui-TableCellContent',\n      cellIcon: 'bui-TableCellIcon',\n      cellProfileAvatar: 'bui-TableCellProfileAvatar',\n      cellProfileAvatarImage: 'bui-TableCellProfileAvatarImage',\n      cellProfileAvatarFallback: 'bui-TableCellProfileAvatarFallback',\n      cellProfileName: 'bui-TableCellProfileName',\n      cellProfileLink: 'bui-TableCellProfileLink',\n    },\n  },\n  TablePagination: {\n    classNames: {\n      root: 'bui-TablePagination',\n      left: 'bui-TablePaginationLeft',\n      right: 'bui-TablePaginationRight',\n      select: 'bui-TablePaginationSelect',\n    },\n  },\n  Tabs: {\n    classNames: {\n      tabs: 'bui-Tabs',\n      tabList: 'bui-TabList',\n      tabListWrapper: 'bui-TabListWrapper',\n      tab: 'bui-Tab',\n      tabActive: 'bui-TabActive',\n      tabHovered: 'bui-TabHovered',\n      panel: 'bui-TabPanel',\n    },\n  },\n  TagGroup: {\n    classNames: {\n      group: 'bui-TagGroup',\n      list: 'bui-TagList',\n      tag: 'bui-Tag',\n      tagIcon: 'bui-TagIcon',\n      tagRemoveButton: 'bui-TagRemoveButton',\n    },\n  },\n  Text: {\n    classNames: {\n      root: 'bui-Text',\n    },\n    dataAttributes: {\n      variant: ['subtitle', 'body', 'caption', 'label'] as const,\n      weight: ['regular', 'bold'] as const,\n      color: ['primary', 'secondary', 'danger', 'warning', 'success'] as const,\n      truncate: [true, false] as const,\n    },\n  },\n  TextField: {\n    classNames: {\n      root: 'bui-TextField',\n      inputWrapper: 'bui-InputWrapper',\n      input: 'bui-Input',\n      inputIcon: 'bui-InputIcon',\n      inputAction: 'bui-InputAction',\n    },\n    dataAttributes: {\n      invalid: [true, false] as const,\n      disabled: [true, false] as const,\n      size: ['small', 'medium'] as const,\n    },\n  },\n  Tooltip: {\n    classNames: {\n      tooltip: 'bui-Tooltip',\n      arrow: 'bui-TooltipArrow',\n    },\n  },\n  VisuallyHidden: {\n    classNames: {\n      root: 'bui-VisuallyHidden',\n    },\n  },\n} as const satisfies Record<string, ComponentDefinition>;\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"componentDefinitions.esm.js","sources":["../../src/utils/componentDefinitions.ts"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport type { ComponentDefinition } from '../types';\n\n/**\n * Component definitions for the Backstage UI library\n * @public\n */\nexport const componentDefinitions = {\n  Avatar: {\n    classNames: {\n      root: 'bui-AvatarRoot',\n      image: 'bui-AvatarImage',\n      fallback: 'bui-AvatarFallback',\n    },\n    dataAttributes: {\n      size: ['small', 'medium', 'large'] as const,\n    },\n  },\n  Box: {\n    classNames: {\n      root: 'bui-Box',\n    },\n    utilityProps: [\n      'm',\n      'mb',\n      'ml',\n      'mr',\n      'mt',\n      'mx',\n      'my',\n      'p',\n      'pb',\n      'pl',\n      'pr',\n      'pt',\n      'px',\n      'py',\n      'position',\n      'display',\n      'width',\n      'minWidth',\n      'maxWidth',\n      'height',\n      'minHeight',\n      'maxHeight',\n    ],\n  },\n  Button: {\n    classNames: {\n      root: 'bui-Button',\n    },\n    dataAttributes: {\n      size: ['small', 'medium', 'large'] as const,\n      variant: ['primary', 'secondary', 'tertiary'] as const,\n    },\n  },\n  ButtonIcon: {\n    classNames: {\n      root: 'bui-ButtonIcon',\n    },\n  },\n  ButtonLink: {\n    classNames: {\n      root: 'bui-ButtonLink',\n    },\n  },\n  Card: {\n    classNames: {\n      root: 'bui-Card',\n      header: 'bui-CardHeader',\n      body: 'bui-CardBody',\n      footer: 'bui-CardFooter',\n    },\n  },\n  Checkbox: {\n    classNames: {\n      root: 'bui-Checkbox',\n      indicator: 'bui-CheckboxIndicator',\n    },\n    dataAttributes: {\n      selected: [true, false] as const,\n    },\n  },\n  Container: {\n    classNames: {\n      root: 'bui-Container',\n    },\n    utilityProps: ['my', 'mt', 'mb', 'py', 'pt', 'pb', 'display'],\n  },\n  Dialog: {\n    classNames: {\n      overlay: 'bui-DialogOverlay',\n      dialog: 'bui-Dialog',\n      header: 'bui-DialogHeader',\n      headerTitle: 'bui-DialogHeaderTitle',\n      body: 'bui-DialogBody',\n      footer: 'bui-DialogFooter',\n    },\n  },\n  Accordion: {\n    classNames: {\n      root: 'bui-Accordion',\n      trigger: 'bui-AccordionTrigger',\n      triggerButton: 'bui-AccordionTriggerButton',\n      triggerTitle: 'bui-AccordionTriggerTitle',\n      triggerSubtitle: 'bui-AccordionTriggerSubtitle',\n      triggerIcon: 'bui-AccordionTriggerIcon',\n      panel: 'bui-AccordionPanel',\n      group: 'bui-AccordionGroup',\n    },\n  },\n  FieldError: {\n    classNames: {\n      root: 'bui-FieldError',\n    },\n  },\n  FieldLabel: {\n    classNames: {\n      root: 'bui-FieldLabelWrapper',\n      label: 'bui-FieldLabel',\n      secondaryLabel: 'bui-FieldSecondaryLabel',\n      description: 'bui-FieldDescription',\n    },\n  },\n  Flex: {\n    classNames: {\n      root: 'bui-Flex',\n    },\n    utilityProps: [\n      'm',\n      'mb',\n      'ml',\n      'mr',\n      'mt',\n      'mx',\n      'my',\n      'p',\n      'pb',\n      'pl',\n      'pr',\n      'pt',\n      'px',\n      'py',\n      'gap',\n      'align',\n      'justify',\n      'direction',\n    ],\n  },\n  Grid: {\n    classNames: {\n      root: 'bui-Grid',\n    },\n    utilityProps: [\n      'columns',\n      'gap',\n      'm',\n      'mb',\n      'ml',\n      'mr',\n      'mt',\n      'mx',\n      'my',\n      'p',\n      'pb',\n      'pl',\n      'pr',\n      'pt',\n      'px',\n      'py',\n    ],\n  },\n  GridItem: {\n    classNames: {\n      root: 'bui-GridItem',\n    },\n    utilityProps: ['colSpan', 'colEnd', 'colStart', 'rowSpan'],\n  },\n  Header: {\n    classNames: {\n      toolbar: 'bui-HeaderToolbar',\n      toolbarWrapper: 'bui-HeaderToolbarWrapper',\n      toolbarContent: 'bui-HeaderToolbarContent',\n      toolbarControls: 'bui-HeaderToolbarControls',\n      toolbarIcon: 'bui-HeaderToolbarIcon',\n      toolbarName: 'bui-HeaderToolbarName',\n      tabsWrapper: 'bui-HeaderTabsWrapper',\n    },\n  },\n  HeaderPage: {\n    classNames: {\n      root: 'bui-HeaderPage',\n      content: 'bui-HeaderPageContent',\n      breadcrumbs: 'bui-HeaderPageBreadcrumbs',\n      tabsWrapper: 'bui-HeaderPageTabsWrapper',\n      controls: 'bui-HeaderPageControls',\n    },\n  },\n  Heading: {\n    classNames: {\n      root: 'bui-Heading',\n    },\n    dataAttributes: {\n      variant: ['title1', 'title2', 'title3', 'subtitle'] as const,\n      color: ['primary', 'secondary', 'muted'] as const,\n      truncate: [true, false] as const,\n    },\n  },\n  Icon: {\n    classNames: {\n      root: 'bui-Icon',\n    },\n  },\n  Link: {\n    classNames: {\n      root: 'bui-Link',\n    },\n    dataAttributes: {\n      variant: ['subtitle', 'body', 'caption', 'label'] as const,\n      weight: ['regular', 'bold'] as const,\n      color: ['primary', 'secondary', 'danger', 'warning', 'success'] as const,\n      truncate: [true, false] as const,\n    },\n  },\n  List: {\n    classNames: {\n      root: 'bui-List',\n      row: 'bui-ListRow',\n      label: 'bui-ListLabel',\n    },\n  },\n  Menu: {\n    classNames: {\n      root: 'bui-Menu',\n      popover: 'bui-MenuPopover',\n      content: 'bui-MenuContent',\n      section: 'bui-MenuSection',\n      sectionHeader: 'bui-MenuSectionHeader',\n      item: 'bui-MenuItem',\n      itemListBox: 'bui-MenuItemListBox',\n      itemListBoxCheck: 'bui-MenuItemListBoxCheck',\n      itemWrapper: 'bui-MenuItemWrapper',\n      itemContent: 'bui-MenuItemContent',\n      itemArrow: 'bui-MenuItemArrow',\n      separator: 'bui-MenuSeparator',\n      searchField: 'bui-MenuSearchField',\n      searchFieldInput: 'bui-MenuSearchFieldInput',\n      searchFieldClear: 'bui-MenuSearchFieldClear',\n      emptyState: 'bui-MenuEmptyState',\n    },\n  },\n  PasswordField: {\n    classNames: {\n      root: 'bui-PasswordField',\n      inputVisibility: 'bui-InputVisibility',\n    },\n    dataAttributes: {\n      size: ['small', 'medium'] as const,\n    },\n  },\n  Popover: {\n    classNames: {\n      root: 'bui-Popover',\n    },\n  },\n  RadioGroup: {\n    classNames: {\n      root: 'bui-RadioGroup',\n      content: 'bui-RadioGroupContent',\n      radio: 'bui-Radio',\n    },\n  },\n  SearchField: {\n    classNames: {\n      root: 'bui-SearchField',\n      clear: 'bui-SearchFieldClear',\n      inputWrapper: 'bui-SearchFieldWrapper',\n      input: 'bui-SearchFieldInput',\n      inputIcon: 'bui-SearchFieldInputIcon',\n    },\n    dataAttributes: {\n      startCollapsed: [true, false] as const,\n      size: ['small', 'medium'] as const,\n    },\n  },\n  Select: {\n    classNames: {\n      root: 'bui-Select',\n      popover: 'bui-SelectPopover',\n      trigger: 'bui-SelectTrigger',\n      value: 'bui-SelectValue',\n      icon: 'bui-SelectIcon',\n      list: 'bui-SelectList',\n      item: 'bui-SelectItem',\n      itemIndicator: 'bui-SelectItemIndicator',\n      itemLabel: 'bui-SelectItemLabel',\n    },\n    dataAttributes: {\n      size: ['small', 'medium'] as const,\n    },\n  },\n  Skeleton: {\n    classNames: {\n      root: 'bui-Skeleton',\n    },\n  },\n  Switch: {\n    classNames: {\n      root: 'bui-Switch',\n      indicator: 'bui-SwitchIndicator',\n    },\n  },\n  Table: {\n    classNames: {\n      table: 'bui-Table',\n      header: 'bui-TableHeader',\n      body: 'bui-TableBody',\n      row: 'bui-TableRow',\n      head: 'bui-TableHead',\n      headContent: 'bui-TableHeadContent',\n      headSortButton: 'bui-TableHeadSortButton',\n      caption: 'bui-TableCaption',\n      cell: 'bui-TableCell',\n      cellContentWrapper: 'bui-TableCellContentWrapper',\n      cellContent: 'bui-TableCellContent',\n      cellIcon: 'bui-TableCellIcon',\n      cellProfileAvatar: 'bui-TableCellProfileAvatar',\n      cellProfileAvatarImage: 'bui-TableCellProfileAvatarImage',\n      cellProfileAvatarFallback: 'bui-TableCellProfileAvatarFallback',\n      cellProfileName: 'bui-TableCellProfileName',\n      cellProfileLink: 'bui-TableCellProfileLink',\n    },\n  },\n  TablePagination: {\n    classNames: {\n      root: 'bui-TablePagination',\n      left: 'bui-TablePaginationLeft',\n      right: 'bui-TablePaginationRight',\n      select: 'bui-TablePaginationSelect',\n    },\n  },\n  Tabs: {\n    classNames: {\n      tabs: 'bui-Tabs',\n      tabList: 'bui-TabList',\n      tabListWrapper: 'bui-TabListWrapper',\n      tab: 'bui-Tab',\n      tabActive: 'bui-TabActive',\n      tabHovered: 'bui-TabHovered',\n      panel: 'bui-TabPanel',\n    },\n  },\n  TagGroup: {\n    classNames: {\n      group: 'bui-TagGroup',\n      list: 'bui-TagList',\n      tag: 'bui-Tag',\n      tagIcon: 'bui-TagIcon',\n      tagRemoveButton: 'bui-TagRemoveButton',\n    },\n  },\n  Text: {\n    classNames: {\n      root: 'bui-Text',\n    },\n    dataAttributes: {\n      variant: ['subtitle', 'body', 'caption', 'label'] as const,\n      weight: ['regular', 'bold'] as const,\n      color: ['primary', 'secondary', 'danger', 'warning', 'success'] as const,\n      truncate: [true, false] as const,\n    },\n  },\n  TextField: {\n    classNames: {\n      root: 'bui-TextField',\n      inputWrapper: 'bui-InputWrapper',\n      input: 'bui-Input',\n      inputIcon: 'bui-InputIcon',\n      inputAction: 'bui-InputAction',\n    },\n    dataAttributes: {\n      invalid: [true, false] as const,\n      disabled: [true, false] as const,\n      size: ['small', 'medium'] as const,\n    },\n  },\n  Tooltip: {\n    classNames: {\n      tooltip: 'bui-Tooltip',\n      arrow: 'bui-TooltipArrow',\n    },\n  },\n  VisuallyHidden: {\n    classNames: {\n      root: 'bui-VisuallyHidden',\n    },\n  },\n} as const satisfies Record<string, ComponentDefinition>;\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@backstage/ui",
-  "version": "0.0.0-nightly-20251105024121",
+  "version": "0.0.0-nightly-20251107024121",
   "backstage": {
     "role": "web-library"
   },
@@ -47,7 +47,7 @@
     "react-aria-components": "^1.13.0"
   },
   "devDependencies": {
-    "@backstage/cli": "0.0.0-nightly-20251105024121",
+    "@backstage/cli": "0.0.0-nightly-20251107024121",
     "@types/react": "^18.0.0",
     "@types/react-dom": "^18.0.0",
     "chalk": "^5.4.1",

package/dist/components/Collapsible/Collapsible.esm.js

@@ -1,55 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { Collapsible as Collapsible$1 } from '@base-ui-components/react/collapsible';
-import clsx from 'clsx';
-import { useStyles } from '../../hooks/useStyles.esm.js';
-import styles from './Collapsible.module.css.esm.js';
-
-const CollapsibleRoot = forwardRef(({ className, ...props }, ref) => {
-  const { classNames, cleanedProps } = useStyles("Collapsible", props);
-  return /* @__PURE__ */ jsx(
-    Collapsible$1.Root,
-    {
-      ref,
-      className: clsx(classNames.root, styles[classNames.root], className),
-      ...cleanedProps
-    }
-  );
-});
-CollapsibleRoot.displayName = Collapsible$1.Root.displayName;
-const CollapsibleTrigger = forwardRef(({ className, ...props }, ref) => {
-  const { classNames, cleanedProps } = useStyles("Collapsible", props);
-  return /* @__PURE__ */ jsx(
-    Collapsible$1.Trigger,
-    {
-      ref,
-      className: clsx(
-        classNames.trigger,
-        styles[classNames.trigger],
-        className
-      ),
-      ...cleanedProps
-    }
-  );
-});
-CollapsibleTrigger.displayName = Collapsible$1.Trigger.displayName;
-const CollapsiblePanel = forwardRef(({ className, ...props }, ref) => {
-  const { classNames, cleanedProps } = useStyles("Collapsible", props);
-  return /* @__PURE__ */ jsx(
-    Collapsible$1.Panel,
-    {
-      ref,
-      className: clsx(classNames.panel, styles[classNames.panel], className),
-      ...cleanedProps
-    }
-  );
-});
-CollapsiblePanel.displayName = Collapsible$1.Panel.displayName;
-const Collapsible = {
-  Root: CollapsibleRoot,
-  Trigger: CollapsibleTrigger,
-  Panel: CollapsiblePanel
-};
-
-export { Collapsible };
-//# sourceMappingURL=Collapsible.esm.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Collapsible.esm.js","sources":["../../../src/components/Collapsible/Collapsible.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 { forwardRef } from 'react';\nimport { Collapsible as CollapsiblePrimitive } from '@base-ui-components/react/collapsible';\nimport clsx from 'clsx';\nimport { useStyles } from '../../hooks/useStyles';\nimport styles from './Collapsible.module.css';\n\nconst CollapsibleRoot = forwardRef<\n  React.ElementRef<typeof CollapsiblePrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.Root>\n>(({ className, ...props }, ref) => {\n  const { classNames, cleanedProps } = useStyles('Collapsible', props);\n\n  return (\n    <CollapsiblePrimitive.Root\n      ref={ref}\n      className={clsx(classNames.root, styles[classNames.root], className)}\n      {...cleanedProps}\n    />\n  );\n});\nCollapsibleRoot.displayName = CollapsiblePrimitive.Root.displayName;\n\nconst CollapsibleTrigger = forwardRef<\n  React.ElementRef<typeof CollapsiblePrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.Trigger>\n>(({ className, ...props }, ref) => {\n  const { classNames, cleanedProps } = useStyles('Collapsible', props);\n\n  return (\n    <CollapsiblePrimitive.Trigger\n      ref={ref}\n      className={clsx(\n        classNames.trigger,\n        styles[classNames.trigger],\n        className,\n      )}\n      {...cleanedProps}\n    />\n  );\n});\nCollapsibleTrigger.displayName = CollapsiblePrimitive.Trigger.displayName;\n\nconst CollapsiblePanel = forwardRef<\n  React.ElementRef<typeof CollapsiblePrimitive.Panel>,\n  React.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.Panel>\n>(({ className, ...props }, ref) => {\n  const { classNames, cleanedProps } = useStyles('Collapsible', props);\n\n  return (\n    <CollapsiblePrimitive.Panel\n      ref={ref}\n      className={clsx(classNames.panel, styles[classNames.panel], className)}\n      {...cleanedProps}\n    />\n  );\n});\nCollapsiblePanel.displayName = CollapsiblePrimitive.Panel.displayName;\n\n/**\n * Collapsible is a component that allows you to collapse and expand content.\n * It is a wrapper around the CollapsiblePrimitive component from base-ui-components.\n *\n * @public\n */\nexport const Collapsible = {\n  Root: CollapsibleRoot,\n  Trigger: CollapsibleTrigger,\n  Panel: CollapsiblePanel,\n};\n"],"names":["CollapsiblePrimitive"],"mappings":";;;;;;;AAsBA,MAAM,eAAA,GAAkB,WAGtB,CAAC,EAAE,WAAW,GAAG,KAAA,IAAS,GAAA,KAAQ;AAClC,EAAA,MAAM,EAAE,UAAA,EAAY,YAAA,EAAa,GAAI,SAAA,CAAU,eAAe,KAAK,CAAA;AAEnE,EAAA,uBACE,GAAA;AAAA,IAACA,aAAA,CAAqB,IAAA;AAAA,IAArB;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,KAAK,UAAA,CAAW,IAAA,EAAM,OAAO,UAAA,CAAW,IAAI,GAAG,SAAS,CAAA;AAAA,MAClE,GAAG;AAAA;AAAA,GACN;AAEJ,CAAC,CAAA;AACD,eAAA,CAAgB,WAAA,GAAcA,cAAqB,IAAA,CAAK,WAAA;AAExD,MAAM,kBAAA,GAAqB,WAGzB,CAAC,EAAE,WAAW,GAAG,KAAA,IAAS,GAAA,KAAQ;AAClC,EAAA,MAAM,EAAE,UAAA,EAAY,YAAA,EAAa,GAAI,SAAA,CAAU,eAAe,KAAK,CAAA;AAEnE,EAAA,uBACE,GAAA;AAAA,IAACA,aAAA,CAAqB,OAAA;AAAA,IAArB;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,IAAA;AAAA,QACT,UAAA,CAAW,OAAA;AAAA,QACX,MAAA,CAAO,WAAW,OAAO,CAAA;AAAA,QACzB;AAAA,OACF;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ,CAAC,CAAA;AACD,kBAAA,CAAmB,WAAA,GAAcA,cAAqB,OAAA,CAAQ,WAAA;AAE9D,MAAM,gBAAA,GAAmB,WAGvB,CAAC,EAAE,WAAW,GAAG,KAAA,IAAS,GAAA,KAAQ;AAClC,EAAA,MAAM,EAAE,UAAA,EAAY,YAAA,EAAa,GAAI,SAAA,CAAU,eAAe,KAAK,CAAA;AAEnE,EAAA,uBACE,GAAA;AAAA,IAACA,aAAA,CAAqB,KAAA;AAAA,IAArB;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,KAAK,UAAA,CAAW,KAAA,EAAO,OAAO,UAAA,CAAW,KAAK,GAAG,SAAS,CAAA;AAAA,MACpE,GAAG;AAAA;AAAA,GACN;AAEJ,CAAC,CAAA;AACD,gBAAA,CAAiB,WAAA,GAAcA,cAAqB,KAAA,CAAM,WAAA;AAQnD,MAAM,WAAA,GAAc;AAAA,EACzB,IAAA,EAAM,eAAA;AAAA,EACN,OAAA,EAAS,kBAAA;AAAA,EACT,KAAA,EAAO;AACT;;;;"}

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

@@ -1,8 +0,0 @@
-import styleInject from '../../node_modules_dist/style-inject/dist/style-inject.es.esm.js';
-
-var css_248z = "/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n@layer tokens, base, components, utilities;\n\n@layer components {\n  .Collapsible-module_bui-CollapsiblePanel__2C0cr {\n    display: flex;\n    height: var(--collapsible-panel-height);\n    overflow: hidden;\n    transition: all 150ms ease-out;\n\n    &[data-starting-style],\n    &[data-ending-style] {\n      height: 0;\n    }\n  }\n}\n";
-var styles = {"bui-CollapsiblePanel":"Collapsible-module_bui-CollapsiblePanel__2C0cr"};
-styleInject(css_248z);
-
-export { styles as default };
-//# sourceMappingURL=Collapsible.module.css.esm.js.map

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

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