@backstage/ui 0.9.0-next.1 → 0.9.0-next.3

package/dist/index.d.ts

@@ -1,10 +1,8 @@
 import * as react from 'react';
 import { ReactElement, ReactNode, ElementType, ComponentPropsWithRef, ComponentProps } from 'react';
-import { Avatar as Avatar$1 } from '@base-ui-components/react/avatar';
-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
@@ -30,15 +28,20 @@ declare const componentDefinitions: {
     readonly Button: {
         readonly classNames: {
             readonly root: "bui-Button";
+            readonly content: "bui-ButtonContent";
+            readonly spinner: "bui-ButtonSpinner";
         };
         readonly dataAttributes: {
             readonly size: readonly ["small", "medium", "large"];
             readonly variant: readonly ["primary", "secondary", "tertiary"];
+            readonly loading: readonly [true, false];
         };
     };
     readonly ButtonIcon: {
         readonly classNames: {
             readonly root: "bui-ButtonIcon";
+            readonly content: "bui-ButtonIconContent";
+            readonly spinner: "bui-ButtonIconSpinner";
         };
     };
     readonly ButtonLink: {
@@ -63,13 +66,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";
@@ -86,6 +82,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";
@@ -159,6 +167,8 @@ declare const componentDefinitions: {
         readonly dataAttributes: {
             readonly variant: readonly ["subtitle", "body", "caption", "label"];
             readonly weight: readonly ["regular", "bold"];
+            readonly color: readonly ["primary", "secondary", "danger", "warning", "success"];
+            readonly truncate: readonly [true, false];
         };
     };
     readonly List: {
@@ -191,7 +201,10 @@ declare const componentDefinitions: {
     readonly PasswordField: {
         readonly classNames: {
             readonly root: "bui-PasswordField";
-            readonly inputVisibility: "bui-InputVisibility";
+            readonly inputWrapper: "bui-PasswordFieldInputWrapper";
+            readonly input: "bui-PasswordFieldInput";
+            readonly inputIcon: "bui-PasswordFieldIcon";
+            readonly inputVisibility: "bui-PasswordFieldVisibility";
         };
         readonly dataAttributes: {
             readonly size: readonly ["small", "medium"];
@@ -212,7 +225,10 @@ declare const componentDefinitions: {
     readonly SearchField: {
         readonly classNames: {
             readonly root: "bui-SearchField";
-            readonly clear: "bui-InputClear";
+            readonly clear: "bui-SearchFieldClear";
+            readonly inputWrapper: "bui-SearchFieldInputWrapper";
+            readonly input: "bui-SearchFieldInput";
+            readonly inputIcon: "bui-SearchFieldInputIcon";
         };
         readonly dataAttributes: {
             readonly startCollapsed: readonly [true, false];
@@ -222,13 +238,18 @@ declare const componentDefinitions: {
     readonly Select: {
         readonly classNames: {
             readonly root: "bui-Select";
+            readonly popover: "bui-SelectPopover";
             readonly trigger: "bui-SelectTrigger";
+            readonly chevron: "bui-SelectTriggerChevron";
             readonly value: "bui-SelectValue";
-            readonly icon: "bui-SelectIcon";
             readonly list: "bui-SelectList";
             readonly item: "bui-SelectItem";
             readonly itemIndicator: "bui-SelectItemIndicator";
             readonly itemLabel: "bui-SelectItemLabel";
+            readonly searchWrapper: "bui-SelectSearchWrapper";
+            readonly search: "bui-SelectSearch";
+            readonly searchClear: "bui-SelectSearchClear";
+            readonly noResults: "bui-SelectNoResults";
         };
         readonly dataAttributes: {
             readonly size: readonly ["small", "medium"];
@@ -505,14 +526,31 @@ interface ContainerProps {
 declare const Container: react.ForwardRefExoticComponent<ContainerProps & react.RefAttributes<HTMLDivElement>>;
 
 /** @public */
-interface AvatarProps extends React.ComponentPropsWithoutRef<typeof Avatar$1.Root> {
+interface AvatarProps extends React.ComponentPropsWithoutRef<'div'> {
+    /**
+     * URL of the image to display
+     */
     src: string;
+    /**
+     * Name of the person - used for generating initials and accessibility labels
+     */
     name: string;
-    size?: 'small' | 'medium' | 'large';
+    /**
+     * Size of the avatar
+     * @defaultValue 'medium'
+     */
+    size?: 'x-small' | 'small' | 'medium' | 'large' | 'x-large';
+    /**
+     * Determines how the avatar is presented to assistive technologies.
+     * - 'informative': Avatar is announced as "\{name\}" to screen readers
+     * - 'decoration': Avatar is hidden from screen readers (use when name appears in adjacent text)
+     * @defaultValue 'informative'
+     */
+    purpose?: 'decoration' | 'informative';
 }
 
 /** @public */
-declare const Avatar: react.ForwardRefExoticComponent<AvatarProps & react.RefAttributes<HTMLSpanElement>>;
+declare const Avatar: react.ForwardRefExoticComponent<AvatarProps & react.RefAttributes<HTMLDivElement>>;
 
 /**
  * Properties for {@link Button}
@@ -525,6 +563,7 @@ interface ButtonProps extends ButtonProps$1 {
     iconStart?: ReactElement;
     iconEnd?: ReactElement;
     children?: ReactNode;
+    loading?: boolean;
 }
 
 /** @public */
@@ -589,16 +628,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.
@@ -818,6 +891,7 @@ interface ButtonIconProps extends ButtonProps$1 {
     size?: 'small' | 'medium' | Partial<Record<Breakpoint, 'small' | 'medium'>>;
     variant?: 'primary' | 'secondary' | 'tertiary' | Partial<Record<Breakpoint, 'primary' | 'secondary' | 'tertiary'>>;
     icon?: ReactElement;
+    loading?: boolean;
 }
 
 /** @public */
@@ -1197,31 +1271,46 @@ interface LinkProps extends LinkProps$1 {
 declare const Link: react.ForwardRefExoticComponent<LinkProps & react.RefAttributes<HTMLAnchorElement>>;
 
 /** @public */
-interface SelectProps extends SelectProps$1<{
-    name: string;
+type Option = {
     value: string;
-}>, Omit<FieldLabelProps, 'htmlFor' | 'id' | 'className'> {
+    label: string;
+    disabled?: boolean;
+};
+/** @public */
+interface SelectProps<T extends 'single' | 'multiple'> extends SelectProps$1<Option, T>, Omit<FieldLabelProps, 'htmlFor' | 'id' | 'className'> {
     /**
      * An icon to render before the input
      */
     icon?: ReactNode;
     /**
      * The size of the select field
-     * @defaultValue 'medium'
+     * @defaultValue 'small'
      */
     size?: 'small' | 'medium' | Partial<Record<Breakpoint, 'small' | 'medium'>>;
     /**
      * The options of the select field
      */
-    options?: Array<{
-        value: string;
-        label: string;
-        disabled?: boolean;
-    }>;
+    options?: Array<Option>;
+    /**
+     * Enable search/filter functionality in the dropdown
+     * @defaultValue false
+     */
+    searchable?: boolean;
+    /**
+     * placeholder text for the search input
+     * only used when searchable is true
+     * @defaultvalue 'search...'
+     */
+    searchPlaceholder?: string;
+    /**
+     * Selection mode, single or multiple
+     * @defaultvalue 'single'
+     */
+    selectionMode?: T;
 }
 
 /** @public */
-declare const Select: react.ForwardRefExoticComponent<SelectProps & react.RefAttributes<HTMLDivElement>>;
+declare const Select: react.ForwardRefExoticComponent<SelectProps<"multiple" | "single"> & react.RefAttributes<HTMLDivElement>>;
 
 /** @public */
 interface SkeletonProps extends ComponentProps<'div'> {
@@ -1271,4 +1360,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, type Option, 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

@@ -40,16 +40,21 @@ const componentDefinitions = {
   },
   Button: {
     classNames: {
-      root: "bui-Button"
+      root: "bui-Button",
+      content: "bui-ButtonContent",
+      spinner: "bui-ButtonSpinner"
     },
     dataAttributes: {
       size: ["small", "medium", "large"],
-      variant: ["primary", "secondary", "tertiary"]
+      variant: ["primary", "secondary", "tertiary"],
+      loading: [true, false]
     }
   },
   ButtonIcon: {
     classNames: {
-      root: "bui-ButtonIcon"
+      root: "bui-ButtonIcon",
+      content: "bui-ButtonIconContent",
+      spinner: "bui-ButtonIconSpinner"
     }
   },
   ButtonLink: {
@@ -74,13 +79,6 @@ const componentDefinitions = {
       selected: [true, false]
     }
   },
-  Collapsible: {
-    classNames: {
-      root: "bui-CollapsibleRoot",
-      trigger: "bui-CollapsibleTrigger",
-      panel: "bui-CollapsiblePanel"
-    }
-  },
   Container: {
     classNames: {
       root: "bui-Container"
@@ -97,6 +95,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"
@@ -205,7 +215,9 @@ const componentDefinitions = {
     },
     dataAttributes: {
       variant: ["subtitle", "body", "caption", "label"],
-      weight: ["regular", "bold"]
+      weight: ["regular", "bold"],
+      color: ["primary", "secondary", "danger", "warning", "success"],
+      truncate: [true, false]
     }
   },
   List: {
@@ -238,7 +250,10 @@ const componentDefinitions = {
   PasswordField: {
     classNames: {
       root: "bui-PasswordField",
-      inputVisibility: "bui-InputVisibility"
+      inputWrapper: "bui-PasswordFieldInputWrapper",
+      input: "bui-PasswordFieldInput",
+      inputIcon: "bui-PasswordFieldIcon",
+      inputVisibility: "bui-PasswordFieldVisibility"
     },
     dataAttributes: {
       size: ["small", "medium"]
@@ -259,7 +274,10 @@ const componentDefinitions = {
   SearchField: {
     classNames: {
       root: "bui-SearchField",
-      clear: "bui-InputClear"
+      clear: "bui-SearchFieldClear",
+      inputWrapper: "bui-SearchFieldInputWrapper",
+      input: "bui-SearchFieldInput",
+      inputIcon: "bui-SearchFieldInputIcon"
     },
     dataAttributes: {
       startCollapsed: [true, false],
@@ -269,13 +287,18 @@ const componentDefinitions = {
   Select: {
     classNames: {
       root: "bui-Select",
+      popover: "bui-SelectPopover",
       trigger: "bui-SelectTrigger",
+      chevron: "bui-SelectTriggerChevron",
       value: "bui-SelectValue",
-      icon: "bui-SelectIcon",
       list: "bui-SelectList",
       item: "bui-SelectItem",
       itemIndicator: "bui-SelectItemIndicator",
-      itemLabel: "bui-SelectItemLabel"
+      itemLabel: "bui-SelectItemLabel",
+      searchWrapper: "bui-SelectSearchWrapper",
+      search: "bui-SelectSearch",
+      searchClear: "bui-SelectSearchClear",
+      noResults: "bui-SelectNoResults"
     },
     dataAttributes: {
       size: ["small", "medium"]

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    },\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-InputClear',\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":"AAsBO,MAAM,oBAAA,GAAuB;AAAA,EAClC,MAAA,EAAQ;AAAA,IACN,UAAA,EAAY;AAAA,MACV,IAAA,EAAM,gBAAA;AAAA,MACN,KAAA,EAAO,iBAAA;AAAA,MACP,QAAA,EAAU;AAAA,KACZ;AAAA,IACA,cAAA,EAAgB;AAAA,MACd,IAAA,EAAM,CAAC,OAAA,EAAS,QAAA,EAAU,OAAO;AAAA;AACnC,GACF;AAAA,EACA,GAAA,EAAK;AAAA,IACH,UAAA,EAAY;AAAA,MACV,IAAA,EAAM;AAAA,KACR;AAAA,IACA,YAAA,EAAc;AAAA,MACZ,GAAA;AAAA,MACA,IAAA;AAAA,MACA,IAAA;AAAA,MACA,IAAA;AAAA,MACA,IAAA;AAAA,MACA,IAAA;AAAA,MACA,IAAA;AAAA,MACA,GAAA;AAAA,MACA,IAAA;AAAA,MACA,IAAA;AAAA,MACA,IAAA;AAAA,MACA,IAAA;AAAA,MACA,IAAA;AAAA,MACA,IAAA;AAAA,MACA,UAAA;AAAA,MACA,SAAA;AAAA,MACA,OAAA;AAAA,MACA,UAAA;AAAA,MACA,UAAA;AAAA,MACA,QAAA;AAAA,MACA,WAAA;AAAA,MACA;AAAA;AACF,GACF;AAAA,EACA,MAAA,EAAQ;AAAA,IACN,UAAA,EAAY;AAAA,MACV,IAAA,EAAM;AAAA,KACR;AAAA,IACA,cAAA,EAAgB;AAAA,MACd,IAAA,EAAM,CAAC,OAAA,EAAS,QAAA,EAAU,OAAO,CAAA;AAAA,MACjC,OAAA,EAAS,CAAC,SAAA,EAAW,WAAA,EAAa,UAAU;AAAA;AAC9C,GACF;AAAA,EACA,UAAA,EAAY;AAAA,IACV,UAAA,EAAY;AAAA,MACV,IAAA,EAAM;AAAA;AACR,GACF;AAAA,EACA,UAAA,EAAY;AAAA,IACV,UAAA,EAAY;AAAA,MACV,IAAA,EAAM;AAAA;AACR,GACF;AAAA,EACA,IAAA,EAAM;AAAA,IACJ,UAAA,EAAY;AAAA,MACV,IAAA,EAAM,UAAA;AAAA,MACN,MAAA,EAAQ,gBAAA;AAAA,MACR,IAAA,EAAM,cAAA;AAAA,MACN,MAAA,EAAQ;AAAA;AACV,GACF;AAAA,EACA,QAAA,EAAU;AAAA,IACR,UAAA,EAAY;AAAA,MACV,IAAA,EAAM,cAAA;AAAA,MACN,SAAA,EAAW;AAAA,KACb;AAAA,IACA,cAAA,EAAgB;AAAA,MACd,QAAA,EAAU,CAAC,IAAA,EAAM,KAAK;AAAA;AACxB,GACF;AAAA,EACA,WAAA,EAAa;AAAA,IACX,UAAA,EAAY;AAAA,MACV,IAAA,EAAM,qBAAA;AAAA,MACN,OAAA,EAAS,wBAAA;AAAA,MACT,KAAA,EAAO;AAAA;AACT,GACF;AAAA,EACA,SAAA,EAAW;AAAA,IACT,UAAA,EAAY;AAAA,MACV,IAAA,EAAM;AAAA,KACR;AAAA,IACA,YAAA,EAAc,CAAC,IAAA,EAAM,IAAA,EAAM,MAAM,IAAA,EAAM,IAAA,EAAM,MAAM,SAAS;AAAA,GAC9D;AAAA,EACA,MAAA,EAAQ;AAAA,IACN,UAAA,EAAY;AAAA,MACV,OAAA,EAAS,mBAAA;AAAA,MACT,MAAA,EAAQ,YAAA;AAAA,MACR,MAAA,EAAQ,kBAAA;AAAA,MACR,WAAA,EAAa,uBAAA;AAAA,MACb,IAAA,EAAM,gBAAA;AAAA,MACN,MAAA,EAAQ;AAAA;AACV,GACF;AAAA,EACA,UAAA,EAAY;AAAA,IACV,UAAA,EAAY;AAAA,MACV,IAAA,EAAM;AAAA;AACR,GACF;AAAA,EACA,UAAA,EAAY;AAAA,IACV,UAAA,EAAY;AAAA,MACV,IAAA,EAAM,uBAAA;AAAA,MACN,KAAA,EAAO,gBAAA;AAAA,MACP,cAAA,EAAgB,yBAAA;AAAA,MAChB,WAAA,EAAa;AAAA;AACf,GACF;AAAA,EACA,IAAA,EAAM;AAAA,IACJ,UAAA,EAAY;AAAA,MACV,IAAA,EAAM;AAAA,KACR;AAAA,IACA,YAAA,EAAc;AAAA,MACZ,GAAA;AAAA,MACA,IAAA;AAAA,MACA,IAAA;AAAA,MACA,IAAA;AAAA,MACA,IAAA;AAAA,MACA,IAAA;AAAA,MACA,IAAA;AAAA,MACA,GAAA;AAAA,MACA,IAAA;AAAA,MACA,IAAA;AAAA,MACA,IAAA;AAAA,MACA,IAAA;AAAA,MACA,IAAA;AAAA,MACA,IAAA;AAAA,MACA,KAAA;AAAA,MACA,OAAA;AAAA,MACA,SAAA;AAAA,MACA;AAAA;AACF,GACF;AAAA,EACA,IAAA,EAAM;AAAA,IACJ,UAAA,EAAY;AAAA,MACV,IAAA,EAAM;AAAA,KACR;AAAA,IACA,YAAA,EAAc;AAAA,MACZ,SAAA;AAAA,MACA,KAAA;AAAA,MACA,GAAA;AAAA,MACA,IAAA;AAAA,MACA,IAAA;AAAA,MACA,IAAA;AAAA,MACA,IAAA;AAAA,MACA,IAAA;AAAA,MACA,IAAA;AAAA,MACA,GAAA;AAAA,MACA,IAAA;AAAA,MACA,IAAA;AAAA,MACA,IAAA;AAAA,MACA,IAAA;AAAA,MACA,IAAA;AAAA,MACA;AAAA;AACF,GACF;AAAA,EACA,QAAA,EAAU;AAAA,IACR,UAAA,EAAY;AAAA,MACV,IAAA,EAAM;AAAA,KACR;AAAA,IACA,YAAA,EAAc,CAAC,SAAA,EAAW,QAAA,EAAU,YAAY,SAAS;AAAA,GAC3D;AAAA,EACA,MAAA,EAAQ;AAAA,IACN,UAAA,EAAY;AAAA,MACV,OAAA,EAAS,mBAAA;AAAA,MACT,cAAA,EAAgB,0BAAA;AAAA,MAChB,cAAA,EAAgB,0BAAA;AAAA,MAChB,eAAA,EAAiB,2BAAA;AAAA,MACjB,WAAA,EAAa,uBAAA;AAAA,MACb,WAAA,EAAa,uBAAA;AAAA,MACb,WAAA,EAAa;AAAA;AACf,GACF;AAAA,EACA,UAAA,EAAY;AAAA,IACV,UAAA,EAAY;AAAA,MACV,IAAA,EAAM,gBAAA;AAAA,MACN,OAAA,EAAS,uBAAA;AAAA,MACT,WAAA,EAAa,2BAAA;AAAA,MACb,WAAA,EAAa,2BAAA;AAAA,MACb,QAAA,EAAU;AAAA;AACZ,GACF;AAAA,EACA,OAAA,EAAS;AAAA,IACP,UAAA,EAAY;AAAA,MACV,IAAA,EAAM;AAAA,KACR;AAAA,IACA,cAAA,EAAgB;AAAA,MACd,OAAA,EAAS,CAAC,QAAA,EAAU,QAAA,EAAU,UAAU,UAAU,CAAA;AAAA,MAClD,KAAA,EAAO,CAAC,SAAA,EAAW,WAAA,EAAa,OAAO,CAAA;AAAA,MACvC,QAAA,EAAU,CAAC,IAAA,EAAM,KAAK;AAAA;AACxB,GACF;AAAA,EACA,IAAA,EAAM;AAAA,IACJ,UAAA,EAAY;AAAA,MACV,IAAA,EAAM;AAAA;AACR,GACF;AAAA,EACA,IAAA,EAAM;AAAA,IACJ,UAAA,EAAY;AAAA,MACV,IAAA,EAAM;AAAA,KACR;AAAA,IACA,cAAA,EAAgB;AAAA,MACd,OAAA,EAAS,CAAC,UAAA,EAAY,MAAA,EAAQ,WAAW,OAAO,CAAA;AAAA,MAChD,MAAA,EAAQ,CAAC,SAAA,EAAW,MAAM;AAAA;AAC5B,GACF;AAAA,EACA,IAAA,EAAM;AAAA,IACJ,UAAA,EAAY;AAAA,MACV,IAAA,EAAM,UAAA;AAAA,MACN,GAAA,EAAK,aAAA;AAAA,MACL,KAAA,EAAO;AAAA;AACT,GACF;AAAA,EACA,IAAA,EAAM;AAAA,IACJ,UAAA,EAAY;AAAA,MACV,IAAA,EAAM,UAAA;AAAA,MACN,OAAA,EAAS,iBAAA;AAAA,MACT,OAAA,EAAS,iBAAA;AAAA,MACT,OAAA,EAAS,iBAAA;AAAA,MACT,aAAA,EAAe,uBAAA;AAAA,MACf,IAAA,EAAM,cAAA;AAAA,MACN,WAAA,EAAa,qBAAA;AAAA,MACb,gBAAA,EAAkB,0BAAA;AAAA,MAClB,WAAA,EAAa,qBAAA;AAAA,MACb,WAAA,EAAa,qBAAA;AAAA,MACb,SAAA,EAAW,mBAAA;AAAA,MACX,SAAA,EAAW,mBAAA;AAAA,MACX,WAAA,EAAa,qBAAA;AAAA,MACb,gBAAA,EAAkB,0BAAA;AAAA,MAClB,gBAAA,EAAkB,0BAAA;AAAA,MAClB,UAAA,EAAY;AAAA;AACd,GACF;AAAA,EACA,aAAA,EAAe;AAAA,IACb,UAAA,EAAY;AAAA,MACV,IAAA,EAAM,mBAAA;AAAA,MACN,eAAA,EAAiB;AAAA,KACnB;AAAA,IACA,cAAA,EAAgB;AAAA,MACd,IAAA,EAAM,CAAC,OAAA,EAAS,QAAQ;AAAA;AAC1B,GACF;AAAA,EACA,OAAA,EAAS;AAAA,IACP,UAAA,EAAY;AAAA,MACV,IAAA,EAAM;AAAA;AACR,GACF;AAAA,EACA,UAAA,EAAY;AAAA,IACV,UAAA,EAAY;AAAA,MACV,IAAA,EAAM,gBAAA;AAAA,MACN,OAAA,EAAS,uBAAA;AAAA,MACT,KAAA,EAAO;AAAA;AACT,GACF;AAAA,EACA,WAAA,EAAa;AAAA,IACX,UAAA,EAAY;AAAA,MACV,IAAA,EAAM,iBAAA;AAAA,MACN,KAAA,EAAO;AAAA,KACT;AAAA,IACA,cAAA,EAAgB;AAAA,MACd,cAAA,EAAgB,CAAC,IAAA,EAAM,KAAK,CAAA;AAAA,MAC5B,IAAA,EAAM,CAAC,OAAA,EAAS,QAAQ;AAAA;AAC1B,GACF;AAAA,EACA,MAAA,EAAQ;AAAA,IACN,UAAA,EAAY;AAAA,MACV,IAAA,EAAM,YAAA;AAAA,MACN,OAAA,EAAS,mBAAA;AAAA,MACT,KAAA,EAAO,iBAAA;AAAA,MACP,IAAA,EAAM,gBAAA;AAAA,MACN,IAAA,EAAM,gBAAA;AAAA,MACN,IAAA,EAAM,gBAAA;AAAA,MACN,aAAA,EAAe,yBAAA;AAAA,MACf,SAAA,EAAW;AAAA,KACb;AAAA,IACA,cAAA,EAAgB;AAAA,MACd,IAAA,EAAM,CAAC,OAAA,EAAS,QAAQ;AAAA;AAC1B,GACF;AAAA,EACA,QAAA,EAAU;AAAA,IACR,UAAA,EAAY;AAAA,MACV,IAAA,EAAM;AAAA;AACR,GACF;AAAA,EACA,MAAA,EAAQ;AAAA,IACN,UAAA,EAAY;AAAA,MACV,IAAA,EAAM,YAAA;AAAA,MACN,SAAA,EAAW;AAAA;AACb,GACF;AAAA,EACA,KAAA,EAAO;AAAA,IACL,UAAA,EAAY;AAAA,MACV,KAAA,EAAO,WAAA;AAAA,MACP,MAAA,EAAQ,iBAAA;AAAA,MACR,IAAA,EAAM,eAAA;AAAA,MACN,GAAA,EAAK,cAAA;AAAA,MACL,IAAA,EAAM,eAAA;AAAA,MACN,WAAA,EAAa,sBAAA;AAAA,MACb,cAAA,EAAgB,yBAAA;AAAA,MAChB,OAAA,EAAS,kBAAA;AAAA,MACT,IAAA,EAAM,eAAA;AAAA,MACN,kBAAA,EAAoB,6BAAA;AAAA,MACpB,WAAA,EAAa,sBAAA;AAAA,MACb,QAAA,EAAU,mBAAA;AAAA,MACV,iBAAA,EAAmB,4BAAA;AAAA,MACnB,sBAAA,EAAwB,iCAAA;AAAA,MACxB,yBAAA,EAA2B,oCAAA;AAAA,MAC3B,eAAA,EAAiB,0BAAA;AAAA,MACjB,eAAA,EAAiB;AAAA;AACnB,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,UAAA,EAAY;AAAA,MACV,IAAA,EAAM,qBAAA;AAAA,MACN,IAAA,EAAM,yBAAA;AAAA,MACN,KAAA,EAAO,0BAAA;AAAA,MACP,MAAA,EAAQ;AAAA;AACV,GACF;AAAA,EACA,IAAA,EAAM;AAAA,IACJ,UAAA,EAAY;AAAA,MACV,IAAA,EAAM,UAAA;AAAA,MACN,OAAA,EAAS,aAAA;AAAA,MACT,cAAA,EAAgB,oBAAA;AAAA,MAChB,GAAA,EAAK,SAAA;AAAA,MACL,SAAA,EAAW,eAAA;AAAA,MACX,UAAA,EAAY,gBAAA;AAAA,MACZ,KAAA,EAAO;AAAA;AACT,GACF;AAAA,EACA,QAAA,EAAU;AAAA,IACR,UAAA,EAAY;AAAA,MACV,KAAA,EAAO,cAAA;AAAA,MACP,IAAA,EAAM,aAAA;AAAA,MACN,GAAA,EAAK,SAAA;AAAA,MACL,OAAA,EAAS,aAAA;AAAA,MACT,eAAA,EAAiB;AAAA;AACnB,GACF;AAAA,EACA,IAAA,EAAM;AAAA,IACJ,UAAA,EAAY;AAAA,MACV,IAAA,EAAM;AAAA,KACR;AAAA,IACA,cAAA,EAAgB;AAAA,MACd,OAAA,EAAS,CAAC,UAAA,EAAY,MAAA,EAAQ,WAAW,OAAO,CAAA;AAAA,MAChD,MAAA,EAAQ,CAAC,SAAA,EAAW,MAAM,CAAA;AAAA,MAC1B,OAAO,CAAC,SAAA,EAAW,WAAA,EAAa,QAAA,EAAU,WAAW,SAAS,CAAA;AAAA,MAC9D,QAAA,EAAU,CAAC,IAAA,EAAM,KAAK;AAAA;AACxB,GACF;AAAA,EACA,SAAA,EAAW;AAAA,IACT,UAAA,EAAY;AAAA,MACV,IAAA,EAAM,eAAA;AAAA,MACN,YAAA,EAAc,kBAAA;AAAA,MACd,KAAA,EAAO,WAAA;AAAA,MACP,SAAA,EAAW,eAAA;AAAA,MACX,WAAA,EAAa;AAAA,KACf;AAAA,IACA,cAAA,EAAgB;AAAA,MACd,OAAA,EAAS,CAAC,IAAA,EAAM,KAAK,CAAA;AAAA,MACrB,QAAA,EAAU,CAAC,IAAA,EAAM,KAAK,CAAA;AAAA,MACtB,IAAA,EAAM,CAAC,OAAA,EAAS,QAAQ;AAAA;AAC1B,GACF;AAAA,EACA,OAAA,EAAS;AAAA,IACP,UAAA,EAAY;AAAA,MACV,OAAA,EAAS,aAAA;AAAA,MACT,KAAA,EAAO;AAAA;AACT,GACF;AAAA,EACA,cAAA,EAAgB;AAAA,IACd,UAAA,EAAY;AAAA,MACV,IAAA,EAAM;AAAA;AACR;AAEJ;;;;"}
+{"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      content: 'bui-ButtonContent',\n      spinner: 'bui-ButtonSpinner',\n    },\n    dataAttributes: {\n      size: ['small', 'medium', 'large'] as const,\n      variant: ['primary', 'secondary', 'tertiary'] as const,\n      loading: [true, false] as const,\n    },\n  },\n  ButtonIcon: {\n    classNames: {\n      root: 'bui-ButtonIcon',\n      content: 'bui-ButtonIconContent',\n      spinner: 'bui-ButtonIconSpinner',\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      inputWrapper: 'bui-PasswordFieldInputWrapper',\n      input: 'bui-PasswordFieldInput',\n      inputIcon: 'bui-PasswordFieldIcon',\n      inputVisibility: 'bui-PasswordFieldVisibility',\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-SearchFieldInputWrapper',\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      chevron: 'bui-SelectTriggerChevron',\n      value: 'bui-SelectValue',\n      list: 'bui-SelectList',\n      item: 'bui-SelectItem',\n      itemIndicator: 'bui-SelectItemIndicator',\n      itemLabel: 'bui-SelectItemLabel',\n      searchWrapper: 'bui-SelectSearchWrapper',\n      search: 'bui-SelectSearch',\n      searchClear: 'bui-SelectSearchClear',\n      noResults: 'bui-SelectNoResults',\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.9.0-next.1",
+  "version": "0.9.0-next.3",
   "backstage": {
     "role": "web-library"
   },
@@ -40,14 +40,13 @@
     "test": "backstage-cli package test"
   },
   "dependencies": {
-    "@base-ui-components/react": "1.0.0-alpha.7",
     "@remixicon/react": "^4.6.0",
     "@tanstack/react-table": "^8.21.3",
     "clsx": "^2.1.1",
     "react-aria-components": "^1.13.0"
   },
   "devDependencies": {
-    "@backstage/cli": "0.34.5-next.0",
+    "@backstage/cli": "0.34.5-next.1",
     "@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":";;;;;;;;"}