@backstage/ui 0.13.0-next.1 → 0.13.0

package/dist/components/SearchAutocomplete/SearchAutocomplete.esm.js

@@ -0,0 +1,164 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useRef, Children } from 'react';
+import { useInteractOutside } from '@react-aria/interactions';
+import { OverlayTriggerStateContext, Autocomplete, SearchField, Input, Button, Popover, ListBox, ListBoxItem } from 'react-aria-components';
+import { useOverlayTriggerState } from '@react-stately/overlays';
+import { RiSearch2Line, RiCloseCircleLine } from '@remixicon/react';
+import { useDefinition } from '../../hooks/useDefinition/useDefinition.esm.js';
+import { SearchAutocompleteDefinition, SearchAutocompleteItemDefinition } from './definition.esm.js';
+import { Box } from '../Box/Box.esm.js';
+import '../Box/Box.module.css.esm.js';
+import { BgReset } from '../../hooks/useBg.esm.js';
+import { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden.esm.js';
+import '../VisuallyHidden/VisuallyHidden.module.css.esm.js';
+
+const SearchAutocompleteEmptyState = () => {
+  const { ownProps } = useDefinition(SearchAutocompleteDefinition, {});
+  return /* @__PURE__ */ jsx("div", { className: ownProps.classes.emptyState, children: "No results found." });
+};
+function SearchAutocomplete(props) {
+  const { ownProps, dataAttributes } = useDefinition(
+    SearchAutocompleteDefinition,
+    props
+  );
+  const {
+    classes,
+    "aria-label": ariaLabel,
+    "aria-labelledby": ariaLabelledBy,
+    inputValue,
+    onInputChange,
+    placeholder,
+    popoverWidth,
+    popoverPlacement = "bottom start",
+    children,
+    isLoading,
+    defaultOpen,
+    style
+  } = ownProps;
+  const triggerRef = useRef(null);
+  const popoverRef = useRef(null);
+  const hasValue = !!inputValue;
+  const hasChildren = Children.count(children) > 0;
+  let liveMessage = "";
+  if (isLoading) {
+    liveMessage = "Searching";
+  } else if (hasValue && !hasChildren) {
+    liveMessage = "No results found";
+  }
+  const overlayState = useOverlayTriggerState({ defaultOpen });
+  useInteractOutside({
+    ref: popoverRef,
+    onInteractOutside: (e) => {
+      const target = e.target;
+      if (triggerRef.current?.contains(target)) {
+        return;
+      }
+      overlayState.close();
+    },
+    isDisabled: !overlayState.isOpen
+  });
+  return /* @__PURE__ */ jsx(OverlayTriggerStateContext.Provider, { value: overlayState, children: /* @__PURE__ */ jsxs(
+    Autocomplete,
+    {
+      inputValue,
+      onInputChange: (value) => {
+        onInputChange?.(value);
+        if (value) {
+          overlayState.open();
+        } else {
+          overlayState.close();
+        }
+      },
+      children: [
+        /* @__PURE__ */ jsx(
+          SearchField,
+          {
+            className: classes.searchField,
+            "aria-label": ariaLabel ?? (ariaLabelledBy ? void 0 : placeholder),
+            "aria-labelledby": ariaLabelledBy,
+            "data-size": dataAttributes["data-size"],
+            onKeyDown: (e) => {
+              if (e.key === "Enter" && !overlayState.isOpen && hasValue) {
+                e.preventDefault();
+                overlayState.open();
+              }
+            },
+            children: /* @__PURE__ */ jsxs(
+              "div",
+              {
+                ref: triggerRef,
+                className: classes.root,
+                "data-size": dataAttributes["data-size"],
+                style,
+                children: [
+                  /* @__PURE__ */ jsx("div", { "aria-hidden": "true", children: /* @__PURE__ */ jsx(RiSearch2Line, {}) }),
+                  /* @__PURE__ */ jsx(
+                    Input,
+                    {
+                      className: classes.searchFieldInput,
+                      placeholder
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      className: classes.searchFieldClear,
+                      style: { visibility: hasValue ? "visible" : "hidden" },
+                      children: /* @__PURE__ */ jsx(RiCloseCircleLine, {})
+                    }
+                  )
+                ]
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Popover,
+          {
+            ref: popoverRef,
+            className: classes.popover,
+            triggerRef,
+            isNonModal: true,
+            placement: popoverPlacement,
+            ...popoverWidth ? { style: { width: popoverWidth } } : {},
+            children: /* @__PURE__ */ jsx(BgReset, { children: /* @__PURE__ */ jsx(Box, { bg: "neutral", className: classes.inner, children: /* @__PURE__ */ jsx(
+              ListBox,
+              {
+                className: classes.listBox,
+                autoFocus: "first",
+                shouldFocusOnHover: true,
+                "aria-busy": isLoading || void 0,
+                "data-stale": isLoading || void 0,
+                renderEmptyState: () => isLoading ? /* @__PURE__ */ jsx("div", { className: classes.loadingState, children: "Searching..." }) : /* @__PURE__ */ jsx(SearchAutocompleteEmptyState, {}),
+                onAction: () => {
+                  overlayState.close();
+                },
+                children
+              }
+            ) }) })
+          }
+        ),
+        /* @__PURE__ */ jsx(VisuallyHidden, { "aria-live": "polite", "aria-atomic": "true", children: liveMessage })
+      ]
+    }
+  ) });
+}
+function SearchAutocompleteItem(props) {
+  const { ownProps, restProps } = useDefinition(
+    SearchAutocompleteItemDefinition,
+    props
+  );
+  const { classes, children } = ownProps;
+  return /* @__PURE__ */ jsx(
+    ListBoxItem,
+    {
+      textValue: typeof children === "string" ? children : void 0,
+      className: classes.root,
+      ...restProps,
+      children: /* @__PURE__ */ jsx("div", { className: classes.itemContent, children })
+    }
+  );
+}
+
+export { SearchAutocomplete, SearchAutocompleteItem };
+//# sourceMappingURL=SearchAutocomplete.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SearchAutocomplete.esm.js","sources":["../../../src/components/SearchAutocomplete/SearchAutocomplete.tsx"],"sourcesContent":["/*\n * Copyright 2026 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 { Children, useRef } from 'react';\nimport { useInteractOutside } from '@react-aria/interactions';\nimport {\n  Autocomplete,\n  SearchField as RASearchField,\n  Input,\n  Button as RAButton,\n  Popover as RAPopover,\n  ListBox,\n  ListBoxItem,\n  OverlayTriggerStateContext,\n} from 'react-aria-components';\nimport { useOverlayTriggerState } from '@react-stately/overlays';\nimport { RiSearch2Line, RiCloseCircleLine } from '@remixicon/react';\nimport { useDefinition } from '../../hooks/useDefinition';\nimport {\n  SearchAutocompleteDefinition,\n  SearchAutocompleteItemDefinition,\n} from './definition';\nimport { Box } from '../Box';\nimport { BgReset } from '../../hooks/useBg';\nimport { VisuallyHidden } from '../VisuallyHidden';\n\nimport type {\n  SearchAutocompleteProps,\n  SearchAutocompleteItemProps,\n} from './types';\n\nconst SearchAutocompleteEmptyState = () => {\n  const { ownProps } = useDefinition(SearchAutocompleteDefinition, {});\n  return <div className={ownProps.classes.emptyState}>No results found.</div>;\n};\n\n/** @public */\nexport function SearchAutocomplete(props: SearchAutocompleteProps) {\n  const { ownProps, dataAttributes } = useDefinition(\n    SearchAutocompleteDefinition,\n    props,\n  );\n  const {\n    classes,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledBy,\n    inputValue,\n    onInputChange,\n    placeholder,\n    popoverWidth,\n    popoverPlacement = 'bottom start',\n    children,\n    isLoading,\n    defaultOpen,\n    style,\n  } = ownProps;\n\n  const triggerRef = useRef<HTMLDivElement | null>(null);\n  const popoverRef = useRef<HTMLElement | null>(null);\n  const hasValue = !!inputValue;\n  const hasChildren = Children.count(children) > 0;\n\n  let liveMessage = '';\n  if (isLoading) {\n    liveMessage = 'Searching';\n  } else if (hasValue && !hasChildren) {\n    liveMessage = 'No results found';\n  }\n  const overlayState = useOverlayTriggerState({ defaultOpen });\n\n  // Close on interact outside — same pattern as ComboBox.\n  // isNonModal disables useOverlay's built-in useInteractOutside,\n  // so we add our own that filters out clicks on the trigger.\n  useInteractOutside({\n    ref: popoverRef,\n    onInteractOutside: e => {\n      const target = e.target as Element;\n      if (triggerRef.current?.contains(target)) {\n        return;\n      }\n      overlayState.close();\n    },\n    isDisabled: !overlayState.isOpen,\n  });\n\n  return (\n    <OverlayTriggerStateContext.Provider value={overlayState}>\n      <Autocomplete\n        inputValue={inputValue}\n        onInputChange={value => {\n          onInputChange?.(value);\n          if (value) {\n            overlayState.open();\n          } else {\n            overlayState.close();\n          }\n        }}\n      >\n        <RASearchField\n          className={classes.searchField}\n          aria-label={ariaLabel ?? (ariaLabelledBy ? undefined : placeholder)}\n          aria-labelledby={ariaLabelledBy}\n          data-size={dataAttributes['data-size']}\n          onKeyDown={e => {\n            if (e.key === 'Enter' && !overlayState.isOpen && hasValue) {\n              e.preventDefault();\n              overlayState.open();\n            }\n          }}\n        >\n          <div\n            ref={triggerRef}\n            className={classes.root}\n            data-size={dataAttributes['data-size']}\n            style={style}\n          >\n            <div aria-hidden=\"true\">\n              <RiSearch2Line />\n            </div>\n            <Input\n              className={classes.searchFieldInput}\n              placeholder={placeholder}\n            />\n            <RAButton\n              className={classes.searchFieldClear}\n              style={{ visibility: hasValue ? 'visible' : 'hidden' }}\n            >\n              <RiCloseCircleLine />\n            </RAButton>\n          </div>\n        </RASearchField>\n        {/* isNonModal keeps the page interactive while the popover is open,\n            required for virtual focus (aria-activedescendant) to work correctly */}\n        <RAPopover\n          ref={popoverRef}\n          className={classes.popover}\n          triggerRef={triggerRef}\n          isNonModal\n          placement={popoverPlacement}\n          {...(popoverWidth ? { style: { width: popoverWidth } } : {})}\n        >\n          <BgReset>\n            <Box bg=\"neutral\" className={classes.inner}>\n              <ListBox\n                className={classes.listBox}\n                autoFocus=\"first\"\n                shouldFocusOnHover\n                aria-busy={isLoading || undefined}\n                data-stale={isLoading || undefined}\n                renderEmptyState={() =>\n                  isLoading ? (\n                    <div className={classes.loadingState}>Searching...</div>\n                  ) : (\n                    <SearchAutocompleteEmptyState />\n                  )\n                }\n                onAction={() => {\n                  overlayState.close();\n                }}\n              >\n                {children}\n              </ListBox>\n            </Box>\n          </BgReset>\n        </RAPopover>\n        <VisuallyHidden aria-live=\"polite\" aria-atomic=\"true\">\n          {liveMessage}\n        </VisuallyHidden>\n      </Autocomplete>\n    </OverlayTriggerStateContext.Provider>\n  );\n}\n\n/** @public */\nexport function SearchAutocompleteItem(props: SearchAutocompleteItemProps) {\n  const { ownProps, restProps } = useDefinition(\n    SearchAutocompleteItemDefinition,\n    props,\n  );\n  const { classes, children } = ownProps;\n\n  return (\n    <ListBoxItem\n      textValue={typeof children === 'string' ? children : undefined}\n      className={classes.root}\n      {...restProps}\n    >\n      <div className={classes.itemContent}>{children}</div>\n    </ListBoxItem>\n  );\n}\n"],"names":["RASearchField","RAButton","RAPopover"],"mappings":"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"}

package/dist/components/SearchAutocomplete/SearchAutocomplete.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 2026 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  .SearchAutocomplete_bui-SearchAutocomplete__0aac2e2575 {\n    display: flex;\n    align-items: center;\n    border-radius: var(--bui-radius-2);\n    background-color: var(--bui-bg-neutral-1);\n    transition: box-shadow 0.2s ease-in-out;\n    font-family: var(--bui-font-regular);\n\n    &:has([data-focused]) {\n      box-shadow: inset 0 0 0 1px var(--bui-ring);\n    }\n\n    &[data-size='small'] {\n      --search-autocomplete-item-height: 2rem;\n      height: 2rem;\n    }\n\n    &[data-size='medium'] {\n      --search-autocomplete-item-height: 2.5rem;\n      height: 2.5rem;\n    }\n  }\n\n  .SearchAutocomplete_bui-SearchAutocompleteSearchField__0aac2e2575 {\n    display: flex;\n    align-items: center;\n    flex: 1;\n\n    & > div {\n      display: flex;\n      align-items: center;\n      flex: 1;\n    }\n\n    & svg {\n      flex: 0 0 auto;\n      color: var(--bui-fg-primary);\n      margin-inline-start: var(--bui-space-2);\n\n      .SearchAutocomplete_bui-SearchAutocomplete__0aac2e2575[data-size='small'] & {\n        width: 1rem;\n        height: 1rem;\n      }\n\n      .SearchAutocomplete_bui-SearchAutocomplete__0aac2e2575[data-size='medium'] & {\n        width: 1.25rem;\n        height: 1.25rem;\n      }\n    }\n  }\n\n  .SearchAutocomplete_bui-SearchAutocompleteInput__0aac2e2575 {\n    flex: 1;\n    display: flex;\n    align-items: center;\n    padding: 0;\n    padding-inline: var(--bui-space-2);\n    border: none;\n    background-color: transparent;\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    width: 100%;\n    height: 100%;\n    outline: none;\n\n    &::-webkit-search-cancel-button,\n    &::-webkit-search-decoration {\n      -webkit-appearance: none;\n    }\n\n    &::placeholder {\n      color: var(--bui-fg-secondary);\n    }\n  }\n\n  .SearchAutocomplete_bui-SearchAutocompleteClear__0aac2e2575 {\n    flex: 0 0 auto;\n    display: grid;\n    place-content: center;\n    background-color: transparent;\n    border: none;\n    padding: 0;\n    margin: 0;\n    cursor: pointer;\n    color: var(--bui-fg-secondary);\n    transition: color 0.2s ease-in-out;\n    width: var(--search-autocomplete-item-height);\n    height: var(--search-autocomplete-item-height);\n\n    &:hover {\n      color: var(--bui-fg-primary);\n    }\n\n    & svg {\n      width: 1rem;\n      height: 1rem;\n    }\n  }\n\n  .SearchAutocomplete_bui-SearchAutocompletePopover__0aac2e2575 {\n    --menu-border-radius: var(--bui-radius-2);\n    display: flex;\n    flex-direction: column;\n    box-shadow: var(--bui-shadow);\n    border: 1px solid var(--bui-border-1);\n    border-radius: var(--menu-border-radius);\n    background: var(--bui-bg-app);\n    color: var(--bui-fg-primary);\n    outline: none;\n    transition: transform 200ms, opacity 200ms;\n    min-height: 0;\n    overflow: hidden;\n\n    &[data-entering],\n    &[data-exiting] {\n      transform: var(--origin);\n      opacity: 0;\n    }\n\n    &[data-placement='top'] {\n      --origin: translateY(8px);\n    }\n\n    &[data-placement='bottom'] {\n      --origin: translateY(-8px);\n    }\n  }\n\n  .SearchAutocomplete_bui-SearchAutocompleteInner__0aac2e2575 {\n    border-radius: var(--menu-border-radius);\n    display: flex;\n    flex-direction: column;\n    min-height: 0;\n    overflow: hidden;\n  }\n\n  .SearchAutocomplete_bui-SearchAutocompleteListBox__0aac2e2575 {\n    max-height: inherit;\n    box-sizing: border-box;\n    overflow: auto;\n    min-width: 150px;\n    outline: none;\n    padding-block: var(--bui-space-1);\n\n    &[data-stale] {\n      opacity: 0.6;\n    }\n  }\n\n  .SearchAutocomplete_bui-SearchAutocompleteItem__0aac2e2575 {\n    padding-inline: var(--bui-space-1);\n    display: block;\n\n    &:focus-visible {\n      outline: none;\n    }\n\n    &[data-focus-visible] {\n      outline: 2px solid var(--bui-ring);\n      outline-offset: -2px;\n    }\n\n    &[data-focused] .SearchAutocomplete_bui-SearchAutocompleteItemContent__0aac2e2575,\n    &[data-hovered] .SearchAutocomplete_bui-SearchAutocompleteItemContent__0aac2e2575 {\n      background: var(--bui-bg-neutral-2);\n      color: var(--bui-fg-primary);\n    }\n  }\n\n  .SearchAutocomplete_bui-SearchAutocompleteItemContent__0aac2e2575 {\n    display: flex;\n    flex-direction: column;\n    gap: var(--bui-space-1);\n    min-height: 2rem;\n    padding-inline: var(--bui-space-2);\n    padding-block: var(--bui-space-2);\n    border-radius: var(--bui-radius-2);\n    outline: none;\n    cursor: default;\n    color: var(--bui-fg-primary);\n    font-size: var(--bui-font-size-3);\n  }\n\n  .SearchAutocomplete_bui-SearchAutocompleteLoadingState__0aac2e2575,\n  .SearchAutocomplete_bui-SearchAutocompleteEmptyState__0aac2e2575 {\n    padding-inline: var(--bui-space-3);\n    padding-block: var(--bui-space-2);\n    color: var(--bui-fg-secondary);\n    font-size: var(--bui-font-size-3);\n    font-family: var(--bui-font-regular);\n    font-weight: var(--bui-font-weight-regular);\n  }\n}\n";
+var styles = {"bui-SearchAutocomplete":"SearchAutocomplete_bui-SearchAutocomplete__0aac2e2575","bui-SearchAutocompleteSearchField":"SearchAutocomplete_bui-SearchAutocompleteSearchField__0aac2e2575","bui-SearchAutocompleteInput":"SearchAutocomplete_bui-SearchAutocompleteInput__0aac2e2575","bui-SearchAutocompleteClear":"SearchAutocomplete_bui-SearchAutocompleteClear__0aac2e2575","bui-SearchAutocompletePopover":"SearchAutocomplete_bui-SearchAutocompletePopover__0aac2e2575","bui-SearchAutocompleteInner":"SearchAutocomplete_bui-SearchAutocompleteInner__0aac2e2575","bui-SearchAutocompleteListBox":"SearchAutocomplete_bui-SearchAutocompleteListBox__0aac2e2575","bui-SearchAutocompleteItem":"SearchAutocomplete_bui-SearchAutocompleteItem__0aac2e2575","bui-SearchAutocompleteItemContent":"SearchAutocomplete_bui-SearchAutocompleteItemContent__0aac2e2575","bui-SearchAutocompleteLoadingState":"SearchAutocomplete_bui-SearchAutocompleteLoadingState__0aac2e2575","bui-SearchAutocompleteEmptyState":"SearchAutocomplete_bui-SearchAutocompleteEmptyState__0aac2e2575"};
+styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=SearchAutocomplete.module.css.esm.js.map

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

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

package/dist/components/SearchAutocomplete/definition.esm.js

@@ -0,0 +1,52 @@
+import 'react/jsx-runtime';
+import 'clsx';
+import '../../hooks/useBreakpoint.esm.js';
+import '../../hooks/useBg.esm.js';
+import '../../hooks/useDefinition/helpers.esm.js';
+import '../../analytics/useAnalytics.esm.js';
+import { defineComponent } from '../../hooks/useDefinition/defineComponent.esm.js';
+import styles from './SearchAutocomplete.module.css.esm.js';
+
+const SearchAutocompleteDefinition = defineComponent()({
+  styles,
+  classNames: {
+    root: "bui-SearchAutocomplete",
+    searchField: "bui-SearchAutocompleteSearchField",
+    searchFieldInput: "bui-SearchAutocompleteInput",
+    searchFieldClear: "bui-SearchAutocompleteClear",
+    popover: "bui-SearchAutocompletePopover",
+    inner: "bui-SearchAutocompleteInner",
+    listBox: "bui-SearchAutocompleteListBox",
+    loadingState: "bui-SearchAutocompleteLoadingState",
+    emptyState: "bui-SearchAutocompleteEmptyState"
+  },
+  propDefs: {
+    "aria-label": {},
+    "aria-labelledby": {},
+    size: { dataAttribute: true, default: "small" },
+    placeholder: { default: "Search" },
+    inputValue: {},
+    onInputChange: {},
+    popoverWidth: {},
+    popoverPlacement: {},
+    children: {},
+    isLoading: {},
+    defaultOpen: {},
+    className: {},
+    style: {}
+  }
+});
+const SearchAutocompleteItemDefinition = defineComponent()({
+  styles,
+  classNames: {
+    root: "bui-SearchAutocompleteItem",
+    itemContent: "bui-SearchAutocompleteItemContent"
+  },
+  propDefs: {
+    children: {},
+    className: {}
+  }
+});
+
+export { SearchAutocompleteDefinition, SearchAutocompleteItemDefinition };
+//# sourceMappingURL=definition.esm.js.map

package/dist/components/SearchAutocomplete/definition.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"definition.esm.js","sources":["../../../src/components/SearchAutocomplete/definition.ts"],"sourcesContent":["/*\n * Copyright 2026 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 { defineComponent } from '../../hooks/useDefinition';\nimport type {\n  SearchAutocompleteOwnProps,\n  SearchAutocompleteItemOwnProps,\n} from './types';\nimport styles from './SearchAutocomplete.module.css';\n\n/**\n * Component definition for SearchAutocomplete.\n * @public\n */\nexport const SearchAutocompleteDefinition =\n  defineComponent<SearchAutocompleteOwnProps>()({\n    styles,\n    classNames: {\n      root: 'bui-SearchAutocomplete',\n      searchField: 'bui-SearchAutocompleteSearchField',\n      searchFieldInput: 'bui-SearchAutocompleteInput',\n      searchFieldClear: 'bui-SearchAutocompleteClear',\n      popover: 'bui-SearchAutocompletePopover',\n      inner: 'bui-SearchAutocompleteInner',\n      listBox: 'bui-SearchAutocompleteListBox',\n      loadingState: 'bui-SearchAutocompleteLoadingState',\n      emptyState: 'bui-SearchAutocompleteEmptyState',\n    },\n    propDefs: {\n      'aria-label': {},\n      'aria-labelledby': {},\n      size: { dataAttribute: true, default: 'small' },\n      placeholder: { default: 'Search' },\n      inputValue: {},\n      onInputChange: {},\n      popoverWidth: {},\n      popoverPlacement: {},\n      children: {},\n      isLoading: {},\n      defaultOpen: {},\n      className: {},\n      style: {},\n    },\n  });\n\n/** @internal */\nexport const SearchAutocompleteItemDefinition =\n  defineComponent<SearchAutocompleteItemOwnProps>()({\n    styles,\n    classNames: {\n      root: 'bui-SearchAutocompleteItem',\n      itemContent: 'bui-SearchAutocompleteItemContent',\n    },\n    propDefs: {\n      children: {},\n      className: {},\n    },\n  });\n"],"names":[],"mappings":";;;;;;;;;AA2BO,MAAM,4BAAA,GACX,iBAA4C,CAAE;AAAA,EAC5C,MAAA;AAAA,EACA,UAAA,EAAY;AAAA,IACV,IAAA,EAAM,wBAAA;AAAA,IACN,WAAA,EAAa,mCAAA;AAAA,IACb,gBAAA,EAAkB,6BAAA;AAAA,IAClB,gBAAA,EAAkB,6BAAA;AAAA,IAClB,OAAA,EAAS,+BAAA;AAAA,IACT,KAAA,EAAO,6BAAA;AAAA,IACP,OAAA,EAAS,+BAAA;AAAA,IACT,YAAA,EAAc,oCAAA;AAAA,IACd,UAAA,EAAY;AAAA,GACd;AAAA,EACA,QAAA,EAAU;AAAA,IACR,cAAc,EAAC;AAAA,IACf,mBAAmB,EAAC;AAAA,IACpB,IAAA,EAAM,EAAE,aAAA,EAAe,IAAA,EAAM,SAAS,OAAA,EAAQ;AAAA,IAC9C,WAAA,EAAa,EAAE,OAAA,EAAS,QAAA,EAAS;AAAA,IACjC,YAAY,EAAC;AAAA,IACb,eAAe,EAAC;AAAA,IAChB,cAAc,EAAC;AAAA,IACf,kBAAkB,EAAC;AAAA,IACnB,UAAU,EAAC;AAAA,IACX,WAAW,EAAC;AAAA,IACZ,aAAa,EAAC;AAAA,IACd,WAAW,EAAC;AAAA,IACZ,OAAO;AAAC;AAEZ,CAAC;AAGI,MAAM,gCAAA,GACX,iBAAgD,CAAE;AAAA,EAChD,MAAA;AAAA,EACA,UAAA,EAAY;AAAA,IACV,IAAA,EAAM,4BAAA;AAAA,IACN,WAAA,EAAa;AAAA,GACf;AAAA,EACA,QAAA,EAAU;AAAA,IACR,UAAU,EAAC;AAAA,IACX,WAAW;AAAC;AAEhB,CAAC;;;;"}

package/dist/components/SearchField/SearchField.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  .SearchField_bui-SearchField__77fdbf40c8 {\n    display: flex;\n    flex-direction: column;\n    font-family: var(--bui-font-regular);\n    width: 100%;\n    flex: 1;\n    flex-shrink: 0;\n\n    &[data-size='small'] {\n      --search-field-item-height: 2rem;\n    }\n\n    &[data-size='medium'] {\n      --search-field-item-height: 2.5rem;\n    }\n\n    &[data-empty] {\n      .SearchField_bui-SearchFieldClear__77fdbf40c8 {\n        display: none;\n      }\n    }\n\n    &[data-startcollapsed='true'] {\n      transition: flex-basis 0.3s ease-in-out, width 0.3s ease-in-out,\n        max-width 0.3s ease-in-out;\n      padding: 0;\n      flex: 0 1 auto;\n\n      &[data-collapsed='true'] {\n        cursor: pointer;\n\n        &[data-size='medium'] {\n          flex-basis: 2.5rem;\n          width: 2.5rem;\n          max-width: 2.5rem;\n          height: 2.5rem;\n        }\n\n        &[data-size='small'] {\n          flex-basis: 2rem;\n          width: 2rem;\n          max-width: 2rem;\n          height: 2rem;\n        }\n\n        &[data-size='medium'] .SearchField_bui-SearchFieldInput__77fdbf40c8 {\n          &::placeholder {\n            opacity: 0;\n          }\n        }\n\n        &[data-size='small'] .SearchField_bui-SearchFieldInput__77fdbf40c8 {\n          &::placeholder {\n            opacity: 0;\n          }\n        }\n\n        .SearchField_bui-SearchFieldInputWrapper__77fdbf40c8 {\n          .SearchField_bui-SearchFieldInput__77fdbf40c8[data-icon] {\n            padding-right: 0px;\n          }\n        }\n      }\n\n      &[data-collapsed='false'] {\n        flex-basis: 200px;\n        width: 200px;\n        max-width: 200px;\n      }\n    }\n  }\n\n  .SearchField_bui-SearchFieldInputWrapper__77fdbf40c8 {\n    display: flex;\n    align-items: center;\n    border-radius: var(--bui-radius-2);\n    border: 1px solid var(--bui-border-2);\n    background-color: var(--bui-bg-neutral-1);\n    transition: border-color 0.2s ease-in-out, outline-color 0.2s ease-in-out;\n\n    &[data-size='small'] {\n      height: 2rem;\n    }\n\n    &[data-size='medium'] {\n      height: 2.5rem;\n    }\n\n    &[data-invalid] {\n      border-color: var(--bui-fg-danger);\n    }\n\n    &[data-disabled] {\n      opacity: 0.5;\n      cursor: not-allowed;\n    }\n  }\n\n  .SearchField_bui-SearchFieldInputIcon__77fdbf40c8 {\n    flex: 0 0 auto;\n    display: grid;\n    place-content: center;\n    color: var(--bui-fg-primary);\n    pointer-events: none;\n    width: var(--search-field-item-height);\n    height: var(--search-field-item-height);\n    /* To animate the icon when the input is collapsed */\n    transition: opacity 0.2s ease-in-out;\n\n    & svg {\n      .SearchField_bui-SearchField__77fdbf40c8[data-size='small'] & {\n        width: 1rem;\n        height: 1rem;\n      }\n\n      .SearchField_bui-SearchField__77fdbf40c8[data-size='medium'] & {\n        width: 1.25rem;\n        height: 1.25rem;\n      }\n    }\n  }\n\n  .SearchField_bui-SearchFieldInput__77fdbf40c8 {\n    flex: 1;\n    display: flex;\n    align-items: center;\n    padding: 0;\n    border: none;\n    background-color: transparent;\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    transition: padding 0.3s ease-in-out;\n    width: 100%;\n    height: 100%;\n    outline: none;\n    cursor: inherit;\n\n    &::-webkit-search-cancel-button,\n    &::-webkit-search-decoration {\n      -webkit-appearance: none;\n    }\n\n    &::placeholder {\n      color: var(--bui-fg-secondary);\n    }\n\n    &[data-disabled] {\n      cursor: not-allowed;\n    }\n\n    &:first-child {\n      .SearchField_bui-SearchField__77fdbf40c8[data-size='small'] & {\n        padding-inline: var(--bui-space-3) 0;\n      }\n\n      .SearchField_bui-SearchField__77fdbf40c8[data-size='medium'] & {\n        padding-inline: var(--bui-space-3) 0;\n      }\n    }\n  }\n\n  .SearchField_bui-SearchFieldClear__77fdbf40c8 {\n    flex: 0 0 auto;\n    display: grid;\n    place-content: center;\n    background-color: transparent;\n    border: none;\n    padding: 0;\n    margin: 0;\n    cursor: pointer;\n    color: var(--bui-fg-secondary);\n    transition: color 0.2s ease-in-out;\n    width: var(--search-field-item-height);\n    height: var(--search-field-item-height);\n\n    &:hover {\n      color: var(--bui-fg-primary);\n    }\n\n    & svg {\n      width: 1rem;\n      height: 1rem;\n    }\n  }\n}\n";
-var styles = {"bui-SearchField":"SearchField_bui-SearchField__77fdbf40c8","bui-SearchFieldClear":"SearchField_bui-SearchFieldClear__77fdbf40c8","bui-SearchFieldInput":"SearchField_bui-SearchFieldInput__77fdbf40c8","bui-SearchFieldInputWrapper":"SearchField_bui-SearchFieldInputWrapper__77fdbf40c8","bui-SearchFieldInputIcon":"SearchField_bui-SearchFieldInputIcon__77fdbf40c8"};
+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  .SearchField_bui-SearchField__b8482e428b {\n    display: flex;\n    flex-direction: column;\n    font-family: var(--bui-font-regular);\n    width: 100%;\n    flex: 1;\n    flex-shrink: 0;\n\n    &[data-size='small'] {\n      --search-field-item-height: 2rem;\n    }\n\n    &[data-size='medium'] {\n      --search-field-item-height: 2.5rem;\n    }\n\n    &[data-empty] {\n      .SearchField_bui-SearchFieldClear__b8482e428b {\n        display: none;\n      }\n    }\n\n    &[data-on-bg='neutral-1'] .SearchField_bui-SearchFieldInputWrapper__b8482e428b {\n      background-color: var(--bui-bg-neutral-2);\n    }\n\n    &[data-on-bg='neutral-2'] .SearchField_bui-SearchFieldInputWrapper__b8482e428b {\n      background-color: var(--bui-bg-neutral-3);\n    }\n\n    &[data-on-bg='neutral-3'] .SearchField_bui-SearchFieldInputWrapper__b8482e428b {\n      background-color: var(--bui-bg-neutral-4);\n    }\n\n    &[data-startcollapsed='true'] {\n      transition: flex-basis 0.3s ease-in-out, width 0.3s ease-in-out,\n        max-width 0.3s ease-in-out;\n      padding: 0;\n      flex: 0 1 auto;\n\n      &[data-collapsed='true'] {\n        cursor: pointer;\n\n        &[data-size='medium'] {\n          flex-basis: 2.5rem;\n          width: 2.5rem;\n          max-width: 2.5rem;\n          height: 2.5rem;\n        }\n\n        &[data-size='small'] {\n          flex-basis: 2rem;\n          width: 2rem;\n          max-width: 2rem;\n          height: 2rem;\n        }\n\n        &[data-size='medium'] .SearchField_bui-SearchFieldInput__b8482e428b {\n          &::placeholder {\n            opacity: 0;\n          }\n        }\n\n        &[data-size='small'] .SearchField_bui-SearchFieldInput__b8482e428b {\n          &::placeholder {\n            opacity: 0;\n          }\n        }\n\n        .SearchField_bui-SearchFieldInputWrapper__b8482e428b {\n          .SearchField_bui-SearchFieldInput__b8482e428b[data-icon] {\n            padding-right: 0px;\n          }\n        }\n      }\n\n      &[data-collapsed='false'] {\n        flex-basis: 200px;\n        width: 200px;\n        max-width: 200px;\n      }\n    }\n  }\n\n  .SearchField_bui-SearchFieldInputWrapper__b8482e428b {\n    display: flex;\n    align-items: center;\n    border-radius: var(--bui-radius-2);\n    background-color: var(--bui-bg-neutral-1);\n    transition: box-shadow 0.2s ease-in-out;\n\n    &:has([data-focused]) {\n      box-shadow: inset 0 0 0 1px var(--bui-ring);\n    }\n\n    &:has([data-invalid]) {\n      box-shadow: inset 0 0 0 1px var(--bui-border-danger);\n    }\n\n    &[data-size='small'] {\n      height: 2rem;\n    }\n\n    &[data-size='medium'] {\n      height: 2.5rem;\n    }\n\n    &[data-disabled] {\n      opacity: 0.5;\n      cursor: not-allowed;\n    }\n  }\n\n  .SearchField_bui-SearchFieldInputIcon__b8482e428b {\n    flex: 0 0 auto;\n    display: grid;\n    place-content: center;\n    color: var(--bui-fg-primary);\n    pointer-events: none;\n    width: var(--search-field-item-height);\n    height: var(--search-field-item-height);\n    /* To animate the icon when the input is collapsed */\n    transition: opacity 0.2s ease-in-out;\n\n    & svg {\n      .SearchField_bui-SearchField__b8482e428b[data-size='small'] & {\n        width: 1rem;\n        height: 1rem;\n      }\n\n      .SearchField_bui-SearchField__b8482e428b[data-size='medium'] & {\n        width: 1.25rem;\n        height: 1.25rem;\n      }\n    }\n  }\n\n  .SearchField_bui-SearchFieldInput__b8482e428b {\n    flex: 1;\n    display: flex;\n    align-items: center;\n    padding: 0;\n    border: none;\n    background-color: transparent;\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    transition: padding 0.3s ease-in-out;\n    width: 100%;\n    height: 100%;\n    outline: none;\n    cursor: inherit;\n\n    &::-webkit-search-cancel-button,\n    &::-webkit-search-decoration {\n      -webkit-appearance: none;\n    }\n\n    &::placeholder {\n      color: var(--bui-fg-secondary);\n    }\n\n    &[data-disabled] {\n      cursor: not-allowed;\n    }\n\n    &:first-child {\n      .SearchField_bui-SearchField__b8482e428b[data-size='small'] & {\n        padding-inline: var(--bui-space-3) 0;\n      }\n\n      .SearchField_bui-SearchField__b8482e428b[data-size='medium'] & {\n        padding-inline: var(--bui-space-3) 0;\n      }\n    }\n  }\n\n  .SearchField_bui-SearchFieldClear__b8482e428b {\n    flex: 0 0 auto;\n    display: grid;\n    place-content: center;\n    background-color: transparent;\n    border: none;\n    padding: 0;\n    margin: 0;\n    cursor: pointer;\n    color: var(--bui-fg-secondary);\n    transition: color 0.2s ease-in-out;\n    width: var(--search-field-item-height);\n    height: var(--search-field-item-height);\n\n    &:hover {\n      color: var(--bui-fg-primary);\n    }\n\n    & svg {\n      width: 1rem;\n      height: 1rem;\n    }\n  }\n}\n";
+var styles = {"bui-SearchField":"SearchField_bui-SearchField__b8482e428b","bui-SearchFieldClear":"SearchField_bui-SearchFieldClear__b8482e428b","bui-SearchFieldInputWrapper":"SearchField_bui-SearchFieldInputWrapper__b8482e428b","bui-SearchFieldInput":"SearchField_bui-SearchFieldInput__b8482e428b","bui-SearchFieldInputIcon":"SearchField_bui-SearchFieldInputIcon__b8482e428b"};
 styleInject(css_248z);
 
 export { styles as default };

package/dist/components/SearchField/definition.esm.js

@@ -3,6 +3,7 @@ import 'clsx';
 import '../../hooks/useBreakpoint.esm.js';
 import '../../hooks/useBg.esm.js';
 import '../../hooks/useDefinition/helpers.esm.js';
+import '../../analytics/useAnalytics.esm.js';
 import { defineComponent } from '../../hooks/useDefinition/defineComponent.esm.js';
 import styles from './SearchField.module.css.esm.js';
 
@@ -15,6 +16,7 @@ const SearchFieldDefinition = defineComponent()({
     input: "bui-SearchFieldInput",
     inputIcon: "bui-SearchFieldInputIcon"
   },
+  bg: "consumer",
   propDefs: {
     startCollapsed: { dataAttribute: true, default: false },
     size: { dataAttribute: true, default: "small" },

package/dist/components/SearchField/definition.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"definition.esm.js","sources":["../../../src/components/SearchField/definition.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 { defineComponent } from '../../hooks/useDefinition';\nimport type { SearchFieldOwnProps } from './types';\nimport styles from './SearchField.module.css';\n\n/**\n * Component definition for SearchField\n * @public\n */\nexport const SearchFieldDefinition = defineComponent<SearchFieldOwnProps>()({\n  styles,\n  classNames: {\n    root: 'bui-SearchField',\n    clear: 'bui-SearchFieldClear',\n    inputWrapper: 'bui-SearchFieldInputWrapper',\n    input: 'bui-SearchFieldInput',\n    inputIcon: 'bui-SearchFieldInputIcon',\n  },\n  propDefs: {\n    startCollapsed: { dataAttribute: true, default: false },\n    size: { dataAttribute: true, default: 'small' },\n    className: {},\n    icon: {},\n    placeholder: { default: 'Search' },\n    label: {},\n    description: {},\n    secondaryLabel: {},\n  },\n});\n"],"names":[],"mappings":";;;;;;;;AAwBO,MAAM,qBAAA,GAAwB,iBAAqC,CAAE;AAAA,EAC1E,MAAA;AAAA,EACA,UAAA,EAAY;AAAA,IACV,IAAA,EAAM,iBAAA;AAAA,IACN,KAAA,EAAO,sBAAA;AAAA,IACP,YAAA,EAAc,6BAAA;AAAA,IACd,KAAA,EAAO,sBAAA;AAAA,IACP,SAAA,EAAW;AAAA,GACb;AAAA,EACA,QAAA,EAAU;AAAA,IACR,cAAA,EAAgB,EAAE,aAAA,EAAe,IAAA,EAAM,SAAS,KAAA,EAAM;AAAA,IACtD,IAAA,EAAM,EAAE,aAAA,EAAe,IAAA,EAAM,SAAS,OAAA,EAAQ;AAAA,IAC9C,WAAW,EAAC;AAAA,IACZ,MAAM,EAAC;AAAA,IACP,WAAA,EAAa,EAAE,OAAA,EAAS,QAAA,EAAS;AAAA,IACjC,OAAO,EAAC;AAAA,IACR,aAAa,EAAC;AAAA,IACd,gBAAgB;AAAC;AAErB,CAAC;;;;"}
+{"version":3,"file":"definition.esm.js","sources":["../../../src/components/SearchField/definition.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 { defineComponent } from '../../hooks/useDefinition';\nimport type { SearchFieldOwnProps } from './types';\nimport styles from './SearchField.module.css';\n\n/**\n * Component definition for SearchField\n * @public\n */\nexport const SearchFieldDefinition = defineComponent<SearchFieldOwnProps>()({\n  styles,\n  classNames: {\n    root: 'bui-SearchField',\n    clear: 'bui-SearchFieldClear',\n    inputWrapper: 'bui-SearchFieldInputWrapper',\n    input: 'bui-SearchFieldInput',\n    inputIcon: 'bui-SearchFieldInputIcon',\n  },\n  bg: 'consumer',\n  propDefs: {\n    startCollapsed: { dataAttribute: true, default: false },\n    size: { dataAttribute: true, default: 'small' },\n    className: {},\n    icon: {},\n    placeholder: { default: 'Search' },\n    label: {},\n    description: {},\n    secondaryLabel: {},\n  },\n});\n"],"names":[],"mappings":";;;;;;;;;AAwBO,MAAM,qBAAA,GAAwB,iBAAqC,CAAE;AAAA,EAC1E,MAAA;AAAA,EACA,UAAA,EAAY;AAAA,IACV,IAAA,EAAM,iBAAA;AAAA,IACN,KAAA,EAAO,sBAAA;AAAA,IACP,YAAA,EAAc,6BAAA;AAAA,IACd,KAAA,EAAO,sBAAA;AAAA,IACP,SAAA,EAAW;AAAA,GACb;AAAA,EACA,EAAA,EAAI,UAAA;AAAA,EACJ,QAAA,EAAU;AAAA,IACR,cAAA,EAAgB,EAAE,aAAA,EAAe,IAAA,EAAM,SAAS,KAAA,EAAM;AAAA,IACtD,IAAA,EAAM,EAAE,aAAA,EAAe,IAAA,EAAM,SAAS,OAAA,EAAQ;AAAA,IAC9C,WAAW,EAAC;AAAA,IACZ,MAAM,EAAC;AAAA,IACP,WAAA,EAAa,EAAE,OAAA,EAAS,QAAA,EAAS;AAAA,IACjC,OAAO,EAAC;AAAA,IACR,aAAa,EAAC;AAAA,IACd,gBAAgB;AAAC;AAErB,CAAC;;;;"}

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_bui-Select__3583c852a4,\n  .Select_bui-SelectPopover__3583c852a4 {\n    &[data-size='small'] {\n      --select-item-height: 2rem;\n    }\n\n    &[data-size='medium'] {\n      --select-item-height: 2.5rem;\n    }\n  }\n\n  .Select_bui-SelectPopover__3583c852a4 {\n    min-width: var(--trigger-width);\n  }\n\n  .Select_bui-SelectTrigger__3583c852a4 {\n    box-sizing: border-box;\n    border-radius: var(--bui-radius-3);\n    border: 1px solid var(--bui-border-2);\n    background-color: var(--bui-bg-neutral-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    height: var(--select-item-height);\n\n    .Select_bui-Select__3583c852a4[data-size='small'] & {\n      padding-inline: var(--bui-space-3) 0;\n    }\n\n    .Select_bui-Select__3583c852a4[data-size='medium'] & {\n      padding-inline: var(--bui-space-4) 0;\n    }\n\n    & svg {\n      flex-shrink: 0;\n      color: var(--bui-fg-secondary);\n\n      .Select_bui-Select__3583c852a4[data-size='small'] & {\n        width: 1rem;\n        height: 1rem;\n      }\n\n      .Select_bui-Select__3583c852a4[data-size='medium'] & {\n        width: 1.25rem;\n        height: 1.25rem;\n      }\n    }\n\n    &::placeholder {\n      color: var(--bui-fg-secondary);\n    }\n\n    .Select_bui-Select__3583c852a4[data-invalid] & {\n      border-color: var(--bui-fg-danger);\n\n      &:focus-visible,\n      &:hover {\n        outline: 1px solid var(--bui-fg-danger);\n      }\n    }\n\n    &[disabled] {\n      cursor: not-allowed;\n      color: var(--bui-fg-disabled);\n    }\n  }\n\n  .Select_bui-SelectTriggerChevron__3583c852a4 {\n    display: grid;\n    place-content: center;\n    width: var(--select-item-height);\n    height: var(--select-item-height);\n    flex-shrink: 0;\n    flex-grow: 0;\n  }\n\n  .Select_bui-SelectValue__3583c852a4 {\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_bui-SelectItemIndicator__3583c852a4 {\n      display: none;\n    }\n\n    &[disabled] {\n      color: var(--bui-fg-disabled);\n    }\n  }\n\n  .Select_bui-SelectList__3583c852a4 {\n    overflow: auto;\n    min-height: 0;\n\n    &: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\n  .Select_bui-SelectItem__3583c852a4 {\n    box-sizing: border-box;\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    min-height: var(--select-item-height);\n    padding-block: var(--bui-space-1);\n    padding-left: var(--bui-space-3);\n    padding-right: var(--bui-space-4);\n    color: var(--bui-fg-primary);\n    cursor: pointer;\n    user-select: none;\n    font-size: var(--bui-font-size-3);\n    gap: var(--bui-space-2);\n    outline: none;\n\n    &[data-focus-visible] {\n      outline: 2px solid var(--bui-ring);\n      outline-offset: 2px;\n    }\n\n    &[data-focused]::before {\n      content: '';\n      position: absolute;\n      inset-block: 0;\n      inset-inline: var(--bui-space-1);\n      border-radius: var(--bui-radius-2);\n      background: var(--bui-bg-neutral-2);\n      z-index: -1;\n    }\n\n    &[data-disabled] {\n      cursor: not-allowed;\n      color: var(--bui-fg-disabled);\n    }\n\n    &[data-selected] .Select_bui-SelectItemIndicator__3583c852a4 {\n      opacity: 1;\n    }\n  }\n\n  .Select_bui-SelectItemIndicator__3583c852a4 {\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_bui-SelectItemLabel__3583c852a4 {\n    flex: 1;\n    grid-area: text;\n  }\n\n  .Select_bui-SelectSearchWrapper__3583c852a4 {\n    flex-shrink: 0;\n    margin-bottom: var(--bui-space-1);\n    display: flex;\n    align-items: center;\n    padding-inline: var(--bui-space-3) 0;\n    border-bottom: 1px solid var(--bui-border-2);\n  }\n\n  .Select_bui-SelectSearch__3583c852a4 {\n    border: none;\n    background-color: transparent;\n    padding: 0;\n    color: var(--bui-fg-primary);\n    flex: 1;\n    outline: none;\n    font-size: var(--bui-font-size-3);\n    font-family: var(--bui-font-regular);\n    height: var(--select-item-height);\n    line-height: var(--select-item-height);\n\n    &::placeholder {\n      color: var(--bui-fg-secondary);\n    }\n\n    /* Hide native browser clear button */\n    &::-webkit-search-cancel-button,\n    &::-webkit-search-decoration {\n      -webkit-appearance: none;\n    }\n  }\n\n  .Select_bui-SelectSearchClear__3583c852a4 {\n    flex: 0 0 auto;\n    display: grid;\n    place-content: center;\n    background-color: transparent;\n    border: none;\n    padding: 0;\n    margin: 0;\n    cursor: pointer;\n    color: var(--bui-fg-secondary);\n    transition: color 0.2s ease-in-out;\n    width: var(--select-item-height);\n    height: var(--select-item-height);\n\n    input:placeholder-shown + & {\n      display: none;\n    }\n\n    &:hover {\n      color: var(--bui-fg-primary);\n    }\n\n    & svg {\n      width: 1rem;\n      height: 1rem;\n    }\n  }\n\n  .Select_bui-SelectNoResults__3583c852a4 {\n    padding-inline: var(--bui-space-3);\n    padding-block: var(--bui-space-2);\n    color: var(--bui-fg-secondary);\n    font-size: var(--bui-font-size-3);\n    font-family: var(--bui-font-regular);\n    font-weight: var(--bui-font-weight-regular);\n  }\n}\n";
-var styles = {"bui-Select":"Select_bui-Select__3583c852a4","bui-SelectPopover":"Select_bui-SelectPopover__3583c852a4","bui-SelectTrigger":"Select_bui-SelectTrigger__3583c852a4","bui-SelectTriggerChevron":"Select_bui-SelectTriggerChevron__3583c852a4","bui-SelectValue":"Select_bui-SelectValue__3583c852a4","bui-SelectItemIndicator":"Select_bui-SelectItemIndicator__3583c852a4","bui-SelectList":"Select_bui-SelectList__3583c852a4","bui-SelectItem":"Select_bui-SelectItem__3583c852a4","bui-SelectItemLabel":"Select_bui-SelectItemLabel__3583c852a4","bui-SelectSearchWrapper":"Select_bui-SelectSearchWrapper__3583c852a4","bui-SelectSearch":"Select_bui-SelectSearch__3583c852a4","bui-SelectSearchClear":"Select_bui-SelectSearchClear__3583c852a4","bui-SelectNoResults":"Select_bui-SelectNoResults__3583c852a4"};
+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_bui-Select__b6322df3ac,\n  .Select_bui-SelectPopover__b6322df3ac {\n    &[data-size='small'] {\n      --select-item-height: 2rem;\n    }\n\n    &[data-size='medium'] {\n      --select-item-height: 2.5rem;\n    }\n  }\n\n  .Select_bui-SelectPopover__b6322df3ac {\n    min-width: var(--trigger-width);\n  }\n\n  .Select_bui-SelectTrigger__b6322df3ac {\n    box-sizing: border-box;\n    border-radius: var(--bui-radius-3);\n    border: none;\n    outline: none;\n    background-color: var(--bui-bg-neutral-1);\n    transition: box-shadow 0.2s ease-in-out;\n\n    &[data-on-bg='neutral-1'] {\n      background-color: var(--bui-bg-neutral-2);\n    }\n\n    &[data-on-bg='neutral-2'] {\n      background-color: var(--bui-bg-neutral-3);\n    }\n\n    &[data-on-bg='neutral-3'] {\n      background-color: var(--bui-bg-neutral-4);\n    }\n\n    .Select_bui-Select__b6322df3ac[data-focused] & {\n      box-shadow: inset 0 0 0 1px var(--bui-ring);\n    }\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    height: var(--select-item-height);\n\n    .Select_bui-Select__b6322df3ac[data-size='small'] & {\n      padding-inline: var(--bui-space-3) 0;\n    }\n\n    .Select_bui-Select__b6322df3ac[data-size='medium'] & {\n      padding-inline: var(--bui-space-4) 0;\n    }\n\n    & svg {\n      flex-shrink: 0;\n      color: var(--bui-fg-secondary);\n\n      .Select_bui-Select__b6322df3ac[data-size='small'] & {\n        width: 1rem;\n        height: 1rem;\n      }\n\n      .Select_bui-Select__b6322df3ac[data-size='medium'] & {\n        width: 1.25rem;\n        height: 1.25rem;\n      }\n    }\n\n    &::placeholder {\n      color: var(--bui-fg-secondary);\n    }\n\n    .Select_bui-Select__b6322df3ac[data-invalid] & {\n      box-shadow: inset 0 0 0 1px var(--bui-border-danger);\n    }\n\n    &[disabled] {\n      cursor: not-allowed;\n      color: var(--bui-fg-disabled);\n    }\n  }\n\n  .Select_bui-SelectTriggerChevron__b6322df3ac {\n    display: grid;\n    place-content: center;\n    width: var(--select-item-height);\n    height: var(--select-item-height);\n    flex-shrink: 0;\n    flex-grow: 0;\n  }\n\n  .Select_bui-SelectValue__b6322df3ac {\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_bui-SelectItemIndicator__b6322df3ac {\n      display: none;\n    }\n\n    &[disabled] {\n      color: var(--bui-fg-disabled);\n    }\n  }\n\n  .Select_bui-SelectList__b6322df3ac {\n    overflow: auto;\n    min-height: 0;\n    padding-block: var(--bui-space-1);\n    padding-inline: var(--bui-space-1);\n\n    &[data-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\n  .Select_bui-SelectItem__b6322df3ac {\n    box-sizing: border-box;\n    position: relative;\n    display: grid;\n    grid-template-areas: 'icon text';\n    grid-template-columns: 1rem 1fr;\n    align-items: center;\n    min-height: var(--select-item-height);\n    padding-block: var(--bui-space-1);\n    padding-left: var(--bui-space-3);\n    padding-right: var(--bui-space-4);\n    color: var(--bui-fg-primary);\n    cursor: pointer;\n    user-select: none;\n    font-size: var(--bui-font-size-3);\n    gap: var(--bui-space-2);\n    outline: none;\n    border-radius: var(--bui-radius-2);\n\n    &[data-focused] {\n      background-color: var(--bui-bg-neutral-2);\n    }\n\n    &[data-disabled] {\n      cursor: not-allowed;\n      color: var(--bui-fg-disabled);\n    }\n\n    &[data-selected] .Select_bui-SelectItemIndicator__b6322df3ac {\n      opacity: 1;\n    }\n  }\n\n  .Select_bui-SelectItemIndicator__b6322df3ac {\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_bui-SelectItemLabel__b6322df3ac {\n    flex: 1;\n    grid-area: text;\n  }\n\n  .Select_bui-SelectSearchWrapper__b6322df3ac {\n    flex-shrink: 0;\n    margin-bottom: var(--bui-space-1);\n    display: flex;\n    align-items: center;\n    padding-inline: var(--bui-space-3) 0;\n    border-bottom: 1px solid var(--bui-border-2);\n  }\n\n  .Select_bui-SelectSearch__b6322df3ac {\n    border: none;\n    background-color: transparent;\n    padding: 0;\n    color: var(--bui-fg-primary);\n    flex: 1;\n    outline: none;\n    font-size: var(--bui-font-size-3);\n    font-family: var(--bui-font-regular);\n    height: var(--select-item-height);\n    line-height: var(--select-item-height);\n\n    &::placeholder {\n      color: var(--bui-fg-secondary);\n    }\n\n    /* Hide native browser clear button */\n    &::-webkit-search-cancel-button,\n    &::-webkit-search-decoration {\n      -webkit-appearance: none;\n    }\n  }\n\n  .Select_bui-SelectSearchClear__b6322df3ac {\n    flex: 0 0 auto;\n    display: grid;\n    place-content: center;\n    background-color: transparent;\n    border: none;\n    padding: 0;\n    margin: 0;\n    cursor: pointer;\n    color: var(--bui-fg-secondary);\n    transition: color 0.2s ease-in-out;\n    width: var(--select-item-height);\n    height: var(--select-item-height);\n\n    input:placeholder-shown + & {\n      display: none;\n    }\n\n    &:hover {\n      color: var(--bui-fg-primary);\n    }\n\n    & svg {\n      width: 1rem;\n      height: 1rem;\n    }\n  }\n\n  .Select_bui-SelectNoResults__b6322df3ac {\n    padding-inline: var(--bui-space-3);\n    padding-block: var(--bui-space-2);\n    color: var(--bui-fg-secondary);\n    font-size: var(--bui-font-size-3);\n    font-family: var(--bui-font-regular);\n    font-weight: var(--bui-font-weight-regular);\n  }\n}\n";
+var styles = {"bui-Select":"Select_bui-Select__b6322df3ac","bui-SelectPopover":"Select_bui-SelectPopover__b6322df3ac","bui-SelectTrigger":"Select_bui-SelectTrigger__b6322df3ac","bui-SelectTriggerChevron":"Select_bui-SelectTriggerChevron__b6322df3ac","bui-SelectValue":"Select_bui-SelectValue__b6322df3ac","bui-SelectItemIndicator":"Select_bui-SelectItemIndicator__b6322df3ac","bui-SelectList":"Select_bui-SelectList__b6322df3ac","bui-SelectItem":"Select_bui-SelectItem__b6322df3ac","bui-SelectItemLabel":"Select_bui-SelectItemLabel__b6322df3ac","bui-SelectSearchWrapper":"Select_bui-SelectSearchWrapper__b6322df3ac","bui-SelectSearch":"Select_bui-SelectSearch__b6322df3ac","bui-SelectSearchClear":"Select_bui-SelectSearchClear__b6322df3ac","bui-SelectNoResults":"Select_bui-SelectNoResults__b6322df3ac"};
 styleInject(css_248z);
 
 export { styles as default };

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

@@ -5,9 +5,12 @@ import { useDefinition } from '../../hooks/useDefinition/useDefinition.esm.js';
 import { SelectTriggerDefinition } from './definition.esm.js';
 
 function SelectTrigger(props) {
-  const { ownProps } = useDefinition(SelectTriggerDefinition, props);
+  const { ownProps, dataAttributes } = useDefinition(
+    SelectTriggerDefinition,
+    props
+  );
   const { classes, icon } = ownProps;
-  return /* @__PURE__ */ jsxs(Button, { className: classes.root, children: [
+  return /* @__PURE__ */ jsxs(Button, { className: classes.root, ...dataAttributes, children: [
     icon,
     /* @__PURE__ */ jsx(SelectValue, { className: classes.value }),
     /* @__PURE__ */ jsx("div", { className: classes.chevron, children: /* @__PURE__ */ jsx(RiArrowDownSLine, { "aria-hidden": "true" }) })

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

@@ -1 +1 @@
-{"version":3,"file":"SelectTrigger.esm.js","sources":["../../../src/components/Select/SelectTrigger.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 { ReactNode } from 'react';\nimport { Button, SelectValue } from 'react-aria-components';\nimport { RiArrowDownSLine } from '@remixicon/react';\nimport { useDefinition } from '../../hooks/useDefinition';\nimport { SelectTriggerDefinition } from './definition';\n\ninterface SelectTriggerProps {\n  icon?: ReactNode;\n}\n\nexport function SelectTrigger(props: SelectTriggerProps) {\n  const { ownProps } = useDefinition(SelectTriggerDefinition, props);\n  const { classes, icon } = ownProps;\n\n  return (\n    <Button className={classes.root}>\n      {icon}\n      <SelectValue className={classes.value} />\n      <div className={classes.chevron}>\n        <RiArrowDownSLine aria-hidden=\"true\" />\n      </div>\n    </Button>\n  );\n}\n"],"names":[],"mappings":";;;;;;AA0BO,SAAS,cAAc,KAAA,EAA2B;AACvD,EAAA,MAAM,EAAE,QAAA,EAAS,GAAI,aAAA,CAAc,yBAAyB,KAAK,CAAA;AACjE,EAAA,MAAM,EAAE,OAAA,EAAS,IAAA,EAAK,GAAI,QAAA;AAE1B,EAAA,uBACE,IAAA,CAAC,MAAA,EAAA,EAAO,SAAA,EAAW,OAAA,CAAQ,IAAA,EACxB,QAAA,EAAA;AAAA,IAAA,IAAA;AAAA,oBACD,GAAA,CAAC,WAAA,EAAA,EAAY,SAAA,EAAW,OAAA,CAAQ,KAAA,EAAO,CAAA;AAAA,oBACvC,GAAA,CAAC,SAAI,SAAA,EAAW,OAAA,CAAQ,SACtB,QAAA,kBAAA,GAAA,CAAC,gBAAA,EAAA,EAAiB,aAAA,EAAY,MAAA,EAAO,CAAA,EACvC;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"SelectTrigger.esm.js","sources":["../../../src/components/Select/SelectTrigger.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 { ReactNode } from 'react';\nimport { Button, SelectValue } from 'react-aria-components';\nimport { RiArrowDownSLine } from '@remixicon/react';\nimport { useDefinition } from '../../hooks/useDefinition';\nimport { SelectTriggerDefinition } from './definition';\n\ninterface SelectTriggerProps {\n  icon?: ReactNode;\n}\n\nexport function SelectTrigger(props: SelectTriggerProps) {\n  const { ownProps, dataAttributes } = useDefinition(\n    SelectTriggerDefinition,\n    props,\n  );\n  const { classes, icon } = ownProps;\n\n  return (\n    <Button className={classes.root} {...dataAttributes}>\n      {icon}\n      <SelectValue className={classes.value} />\n      <div className={classes.chevron}>\n        <RiArrowDownSLine aria-hidden=\"true\" />\n      </div>\n    </Button>\n  );\n}\n"],"names":[],"mappings":";;;;;;AA0BO,SAAS,cAAc,KAAA,EAA2B;AACvD,EAAA,MAAM,EAAE,QAAA,EAAU,cAAA,EAAe,GAAI,aAAA;AAAA,IACnC,uBAAA;AAAA,IACA;AAAA,GACF;AACA,EAAA,MAAM,EAAE,OAAA,EAAS,IAAA,EAAK,GAAI,QAAA;AAE1B,EAAA,4BACG,MAAA,EAAA,EAAO,SAAA,EAAW,OAAA,CAAQ,IAAA,EAAO,GAAG,cAAA,EAClC,QAAA,EAAA;AAAA,IAAA,IAAA;AAAA,oBACD,GAAA,CAAC,WAAA,EAAA,EAAY,SAAA,EAAW,OAAA,CAAQ,KAAA,EAAO,CAAA;AAAA,oBACvC,GAAA,CAAC,SAAI,SAAA,EAAW,OAAA,CAAQ,SACtB,QAAA,kBAAA,GAAA,CAAC,gBAAA,EAAA,EAAiB,aAAA,EAAY,MAAA,EAAO,CAAA,EACvC;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

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

@@ -3,6 +3,7 @@ import 'clsx';
 import '../../hooks/useBreakpoint.esm.js';
 import '../../hooks/useBg.esm.js';
 import '../../hooks/useDefinition/helpers.esm.js';
+import '../../analytics/useAnalytics.esm.js';
 import { defineComponent } from '../../hooks/useDefinition/defineComponent.esm.js';
 import styles from './Select.module.css.esm.js';
 
@@ -33,6 +34,7 @@ const SelectTriggerDefinition = defineComponent()(
       chevron: "bui-SelectTriggerChevron",
       value: "bui-SelectValue"
     },
+    bg: "consumer",
     propDefs: {
       icon: {}
     }

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

@@ -1 +1 @@
-{"version":3,"file":"definition.esm.js","sources":["../../../src/components/Select/definition.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 { defineComponent } from '../../hooks/useDefinition';\nimport type {\n  SelectOwnProps,\n  SelectTriggerOwnProps,\n  SelectContentOwnProps,\n  SelectListBoxOwnProps,\n} from './types';\nimport styles from './Select.module.css';\n\n/**\n * Component definition for Select\n * @public\n */\nexport const SelectDefinition = defineComponent<SelectOwnProps>()({\n  styles,\n  classNames: {\n    root: 'bui-Select',\n    popover: 'bui-SelectPopover',\n  },\n  propDefs: {\n    icon: {},\n    size: { dataAttribute: true, default: 'small' },\n    options: {},\n    searchable: {},\n    searchPlaceholder: {},\n    label: {},\n    secondaryLabel: {},\n    description: {},\n    isRequired: {},\n    className: {},\n  },\n});\n\n/**\n * Component definition for SelectTrigger\n * @internal\n */\nexport const SelectTriggerDefinition = defineComponent<SelectTriggerOwnProps>()(\n  {\n    styles,\n    classNames: {\n      root: 'bui-SelectTrigger',\n      chevron: 'bui-SelectTriggerChevron',\n      value: 'bui-SelectValue',\n    },\n    propDefs: {\n      icon: {},\n    },\n  },\n);\n\n/**\n * Component definition for SelectContent\n * @internal\n */\nexport const SelectContentDefinition = defineComponent<SelectContentOwnProps>()(\n  {\n    styles,\n    classNames: {\n      root: 'bui-SelectSearchWrapper',\n      search: 'bui-SelectSearch',\n      searchClear: 'bui-SelectSearchClear',\n    },\n    propDefs: {\n      searchable: {},\n      searchPlaceholder: { default: 'Search...' },\n      options: {},\n    },\n  },\n);\n\n/**\n * Component definition for SelectListBox\n * @internal\n */\nexport const SelectListBoxDefinition = defineComponent<SelectListBoxOwnProps>()(\n  {\n    styles,\n    classNames: {\n      root: 'bui-SelectList',\n      item: 'bui-SelectItem',\n      itemIndicator: 'bui-SelectItemIndicator',\n      itemLabel: 'bui-SelectItemLabel',\n      noResults: 'bui-SelectNoResults',\n    },\n    propDefs: {\n      options: {},\n    },\n  },\n);\n"],"names":[],"mappings":";;;;;;;;AA6BO,MAAM,gBAAA,GAAmB,iBAAgC,CAAE;AAAA,EAChE,MAAA;AAAA,EACA,UAAA,EAAY;AAAA,IACV,IAAA,EAAM,YAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA,EACA,QAAA,EAAU;AAAA,IACR,MAAM,EAAC;AAAA,IACP,IAAA,EAAM,EAAE,aAAA,EAAe,IAAA,EAAM,SAAS,OAAA,EAAQ;AAAA,IAC9C,SAAS,EAAC;AAAA,IACV,YAAY,EAAC;AAAA,IACb,mBAAmB,EAAC;AAAA,IACpB,OAAO,EAAC;AAAA,IACR,gBAAgB,EAAC;AAAA,IACjB,aAAa,EAAC;AAAA,IACd,YAAY,EAAC;AAAA,IACb,WAAW;AAAC;AAEhB,CAAC;AAMM,MAAM,0BAA0B,eAAA,EAAuC;AAAA,EAC5E;AAAA,IACE,MAAA;AAAA,IACA,UAAA,EAAY;AAAA,MACV,IAAA,EAAM,mBAAA;AAAA,MACN,OAAA,EAAS,0BAAA;AAAA,MACT,KAAA,EAAO;AAAA,KACT;AAAA,IACA,QAAA,EAAU;AAAA,MACR,MAAM;AAAC;AACT;AAEJ;AAMO,MAAM,0BAA0B,eAAA,EAAuC;AAAA,EAC5E;AAAA,IACE,MAAA;AAAA,IACA,UAAA,EAAY;AAAA,MACV,IAAA,EAAM,yBAAA;AAAA,MACN,MAAA,EAAQ,kBAAA;AAAA,MACR,WAAA,EAAa;AAAA,KACf;AAAA,IACA,QAAA,EAAU;AAAA,MACR,YAAY,EAAC;AAAA,MACb,iBAAA,EAAmB,EAAE,OAAA,EAAS,WAAA,EAAY;AAAA,MAC1C,SAAS;AAAC;AACZ;AAEJ;AAMO,MAAM,0BAA0B,eAAA,EAAuC;AAAA,EAC5E;AAAA,IACE,MAAA;AAAA,IACA,UAAA,EAAY;AAAA,MACV,IAAA,EAAM,gBAAA;AAAA,MACN,IAAA,EAAM,gBAAA;AAAA,MACN,aAAA,EAAe,yBAAA;AAAA,MACf,SAAA,EAAW,qBAAA;AAAA,MACX,SAAA,EAAW;AAAA,KACb;AAAA,IACA,QAAA,EAAU;AAAA,MACR,SAAS;AAAC;AACZ;AAEJ;;;;"}
+{"version":3,"file":"definition.esm.js","sources":["../../../src/components/Select/definition.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 { defineComponent } from '../../hooks/useDefinition';\nimport type {\n  SelectOwnProps,\n  SelectTriggerOwnProps,\n  SelectContentOwnProps,\n  SelectListBoxOwnProps,\n} from './types';\nimport styles from './Select.module.css';\n\n/**\n * Component definition for Select\n * @public\n */\nexport const SelectDefinition = defineComponent<SelectOwnProps>()({\n  styles,\n  classNames: {\n    root: 'bui-Select',\n    popover: 'bui-SelectPopover',\n  },\n  propDefs: {\n    icon: {},\n    size: { dataAttribute: true, default: 'small' },\n    options: {},\n    searchable: {},\n    searchPlaceholder: {},\n    label: {},\n    secondaryLabel: {},\n    description: {},\n    isRequired: {},\n    className: {},\n  },\n});\n\n/**\n * Component definition for SelectTrigger\n * @internal\n */\nexport const SelectTriggerDefinition = defineComponent<SelectTriggerOwnProps>()(\n  {\n    styles,\n    classNames: {\n      root: 'bui-SelectTrigger',\n      chevron: 'bui-SelectTriggerChevron',\n      value: 'bui-SelectValue',\n    },\n    bg: 'consumer',\n    propDefs: {\n      icon: {},\n    },\n  },\n);\n\n/**\n * Component definition for SelectContent\n * @internal\n */\nexport const SelectContentDefinition = defineComponent<SelectContentOwnProps>()(\n  {\n    styles,\n    classNames: {\n      root: 'bui-SelectSearchWrapper',\n      search: 'bui-SelectSearch',\n      searchClear: 'bui-SelectSearchClear',\n    },\n    propDefs: {\n      searchable: {},\n      searchPlaceholder: { default: 'Search...' },\n      options: {},\n    },\n  },\n);\n\n/**\n * Component definition for SelectListBox\n * @internal\n */\nexport const SelectListBoxDefinition = defineComponent<SelectListBoxOwnProps>()(\n  {\n    styles,\n    classNames: {\n      root: 'bui-SelectList',\n      item: 'bui-SelectItem',\n      itemIndicator: 'bui-SelectItemIndicator',\n      itemLabel: 'bui-SelectItemLabel',\n      noResults: 'bui-SelectNoResults',\n    },\n    propDefs: {\n      options: {},\n    },\n  },\n);\n"],"names":[],"mappings":";;;;;;;;;AA6BO,MAAM,gBAAA,GAAmB,iBAAgC,CAAE;AAAA,EAChE,MAAA;AAAA,EACA,UAAA,EAAY;AAAA,IACV,IAAA,EAAM,YAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA,EACA,QAAA,EAAU;AAAA,IACR,MAAM,EAAC;AAAA,IACP,IAAA,EAAM,EAAE,aAAA,EAAe,IAAA,EAAM,SAAS,OAAA,EAAQ;AAAA,IAC9C,SAAS,EAAC;AAAA,IACV,YAAY,EAAC;AAAA,IACb,mBAAmB,EAAC;AAAA,IACpB,OAAO,EAAC;AAAA,IACR,gBAAgB,EAAC;AAAA,IACjB,aAAa,EAAC;AAAA,IACd,YAAY,EAAC;AAAA,IACb,WAAW;AAAC;AAEhB,CAAC;AAMM,MAAM,0BAA0B,eAAA,EAAuC;AAAA,EAC5E;AAAA,IACE,MAAA;AAAA,IACA,UAAA,EAAY;AAAA,MACV,IAAA,EAAM,mBAAA;AAAA,MACN,OAAA,EAAS,0BAAA;AAAA,MACT,KAAA,EAAO;AAAA,KACT;AAAA,IACA,EAAA,EAAI,UAAA;AAAA,IACJ,QAAA,EAAU;AAAA,MACR,MAAM;AAAC;AACT;AAEJ;AAMO,MAAM,0BAA0B,eAAA,EAAuC;AAAA,EAC5E;AAAA,IACE,MAAA;AAAA,IACA,UAAA,EAAY;AAAA,MACV,IAAA,EAAM,yBAAA;AAAA,MACN,MAAA,EAAQ,kBAAA;AAAA,MACR,WAAA,EAAa;AAAA,KACf;AAAA,IACA,QAAA,EAAU;AAAA,MACR,YAAY,EAAC;AAAA,MACb,iBAAA,EAAmB,EAAE,OAAA,EAAS,WAAA,EAAY;AAAA,MAC1C,SAAS;AAAC;AACZ;AAEJ;AAMO,MAAM,0BAA0B,eAAA,EAAuC;AAAA,EAC5E;AAAA,IACE,MAAA;AAAA,IACA,UAAA,EAAY;AAAA,MACV,IAAA,EAAM,gBAAA;AAAA,MACN,IAAA,EAAM,gBAAA;AAAA,MACN,aAAA,EAAe,yBAAA;AAAA,MACf,SAAA,EAAW,qBAAA;AAAA,MACX,SAAA,EAAW;AAAA,KACb;AAAA,IACA,QAAA,EAAU;AAAA,MACR,SAAS;AAAC;AACZ;AAEJ;;;;"}

package/dist/components/Skeleton/definition.esm.js

@@ -3,6 +3,7 @@ import 'clsx';
 import '../../hooks/useBreakpoint.esm.js';
 import '../../hooks/useBg.esm.js';
 import '../../hooks/useDefinition/helpers.esm.js';
+import '../../analytics/useAnalytics.esm.js';
 import { defineComponent } from '../../hooks/useDefinition/defineComponent.esm.js';
 import styles from './Skeleton.module.css.esm.js';
 

package/dist/components/Skeleton/definition.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"definition.esm.js","sources":["../../../src/components/Skeleton/definition.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 { defineComponent } from '../../hooks/useDefinition';\nimport type { SkeletonOwnProps } from './types';\nimport styles from './Skeleton.module.css';\n\n/**\n * Component definition for Skeleton\n * @public\n */\nexport const SkeletonDefinition = defineComponent<SkeletonOwnProps>()({\n  styles,\n  classNames: {\n    root: 'bui-Skeleton',\n  },\n  propDefs: {\n    width: { default: 80 },\n    height: { default: 24 },\n    rounded: { dataAttribute: true, default: false },\n    className: {},\n    style: {},\n  },\n});\n"],"names":[],"mappings":";;;;;;;;AAwBO,MAAM,kBAAA,GAAqB,iBAAkC,CAAE;AAAA,EACpE,MAAA;AAAA,EACA,UAAA,EAAY;AAAA,IACV,IAAA,EAAM;AAAA,GACR;AAAA,EACA,QAAA,EAAU;AAAA,IACR,KAAA,EAAO,EAAE,OAAA,EAAS,EAAA,EAAG;AAAA,IACrB,MAAA,EAAQ,EAAE,OAAA,EAAS,EAAA,EAAG;AAAA,IACtB,OAAA,EAAS,EAAE,aAAA,EAAe,IAAA,EAAM,SAAS,KAAA,EAAM;AAAA,IAC/C,WAAW,EAAC;AAAA,IACZ,OAAO;AAAC;AAEZ,CAAC;;;;"}
+{"version":3,"file":"definition.esm.js","sources":["../../../src/components/Skeleton/definition.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 { defineComponent } from '../../hooks/useDefinition';\nimport type { SkeletonOwnProps } from './types';\nimport styles from './Skeleton.module.css';\n\n/**\n * Component definition for Skeleton\n * @public\n */\nexport const SkeletonDefinition = defineComponent<SkeletonOwnProps>()({\n  styles,\n  classNames: {\n    root: 'bui-Skeleton',\n  },\n  propDefs: {\n    width: { default: 80 },\n    height: { default: 24 },\n    rounded: { dataAttribute: true, default: false },\n    className: {},\n    style: {},\n  },\n});\n"],"names":[],"mappings":";;;;;;;;;AAwBO,MAAM,kBAAA,GAAqB,iBAAkC,CAAE;AAAA,EACpE,MAAA;AAAA,EACA,UAAA,EAAY;AAAA,IACV,IAAA,EAAM;AAAA,GACR;AAAA,EACA,QAAA,EAAU;AAAA,IACR,KAAA,EAAO,EAAE,OAAA,EAAS,EAAA,EAAG;AAAA,IACrB,MAAA,EAAQ,EAAE,OAAA,EAAS,EAAA,EAAG;AAAA,IACtB,OAAA,EAAS,EAAE,aAAA,EAAe,IAAA,EAAM,SAAS,KAAA,EAAM;AAAA,IAC/C,WAAW,EAAC;AAAA,IACZ,OAAO;AAAC;AAEZ,CAAC;;;;"}

package/dist/components/Switch/definition.esm.js

@@ -3,6 +3,7 @@ import 'clsx';
 import '../../hooks/useBreakpoint.esm.js';
 import '../../hooks/useBg.esm.js';
 import '../../hooks/useDefinition/helpers.esm.js';
+import '../../analytics/useAnalytics.esm.js';
 import { defineComponent } from '../../hooks/useDefinition/defineComponent.esm.js';
 import styles from './Switch.module.css.esm.js';
 

package/dist/components/Switch/definition.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"definition.esm.js","sources":["../../../src/components/Switch/definition.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 { defineComponent } from '../../hooks/useDefinition';\nimport type { SwitchOwnProps } from './types';\nimport styles from './Switch.module.css';\n\n/**\n * Component definition for Switch\n * @public\n */\nexport const SwitchDefinition = defineComponent<SwitchOwnProps>()({\n  styles,\n  classNames: {\n    root: 'bui-Switch',\n    indicator: 'bui-SwitchIndicator',\n  },\n  propDefs: {\n    label: {},\n    className: {},\n  },\n});\n"],"names":[],"mappings":";;;;;;;;AAwBO,MAAM,gBAAA,GAAmB,iBAAgC,CAAE;AAAA,EAChE,MAAA;AAAA,EACA,UAAA,EAAY;AAAA,IACV,IAAA,EAAM,YAAA;AAAA,IACN,SAAA,EAAW;AAAA,GACb;AAAA,EACA,QAAA,EAAU;AAAA,IACR,OAAO,EAAC;AAAA,IACR,WAAW;AAAC;AAEhB,CAAC;;;;"}
+{"version":3,"file":"definition.esm.js","sources":["../../../src/components/Switch/definition.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 { defineComponent } from '../../hooks/useDefinition';\nimport type { SwitchOwnProps } from './types';\nimport styles from './Switch.module.css';\n\n/**\n * Component definition for Switch\n * @public\n */\nexport const SwitchDefinition = defineComponent<SwitchOwnProps>()({\n  styles,\n  classNames: {\n    root: 'bui-Switch',\n    indicator: 'bui-SwitchIndicator',\n  },\n  propDefs: {\n    label: {},\n    className: {},\n  },\n});\n"],"names":[],"mappings":";;;;;;;;;AAwBO,MAAM,gBAAA,GAAmB,iBAAgC,CAAE;AAAA,EAChE,MAAA;AAAA,EACA,UAAA,EAAY;AAAA,IACV,IAAA,EAAM,YAAA;AAAA,IACN,SAAA,EAAW;AAAA,GACb;AAAA,EACA,QAAA,EAAU;AAAA,IACR,OAAO,EAAC;AAAA,IACR,WAAW;AAAC;AAEhB,CAAC;;;;"}

package/dist/components/Table/Table.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  .Table_bui-Table__7b93b44f2c {\n    width: 100%;\n    caption-side: bottom;\n    border-collapse: collapse;\n    table-layout: fixed;\n    transition: opacity 0.2s ease-in-out;\n\n    &[data-stale='true'] {\n      opacity: 0.6;\n    }\n  }\n\n  .Table_bui-TableHeader__7b93b44f2c {\n    border-bottom: 1px solid var(--bui-border-2);\n    transition: color 0.2s ease-in-out;\n  }\n\n  .Table_bui-TableHead__7b93b44f2c {\n    text-align: left;\n    padding: var(--bui-space-3);\n    font-size: var(--bui-font-size-3);\n    color: var(--bui-fg-primary);\n  }\n\n  .Table_bui-TableHeadSelection__7b93b44f2c {\n    width: 40px;\n  }\n\n  .Table_bui-TableHeadContent__7b93b44f2c {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: var(--bui-space-1);\n  }\n\n  .Table_bui-TableHeadSortButton__7b93b44f2c {\n    cursor: pointer;\n    user-select: none;\n    display: inline-flex;\n    align-items: center;\n    gap: var(--bui-space-1);\n    opacity: 0;\n    transition: opacity 0.1s ease-in-out;\n    color: var(--bui-fg-secondary);\n\n    .Table_bui-TableHead__7b93b44f2c:hover &,\n    [data-sort-direction='ascending'] &,\n    [data-sort-direction='descending'] & {\n      opacity: 1;\n    }\n\n    & svg {\n      transition: transform 0.1s ease-in-out;\n    }\n    [data-sort-direction='descending'] & svg {\n      transform: rotate(180deg);\n    }\n  }\n\n  .Table_bui-TableBody__7b93b44f2c {\n    color: var(--bui-fg-primary);\n  }\n\n  .Table_bui-TableRow__7b93b44f2c {\n    border-bottom: 1px solid var(--bui-border-2);\n    transition: color 0.2s ease-in-out;\n\n    &:hover {\n      background-color: var(--bui-bg-tint-hover);\n    }\n\n    &[data-selected] {\n      background-color: var(--bui-bg-tint-pressed);\n    }\n\n    &[data-pressed] {\n      background-color: var(--bui-bg-tint-pressed);\n    }\n\n    &[data-disabled] {\n      background-color: var(--bui-bg-tint-disabled);\n    }\n\n    &[data-react-aria-pressable='true'] {\n      cursor: pointer;\n    }\n  }\n\n  .Table_bui-TableCell__7b93b44f2c {\n    padding: var(--bui-space-3);\n    font-size: var(--bui-font-size-3);\n    font-family: var(--bui-font-regular);\n    font-weight: var(--bui-font-weight-regular);\n    min-width: 0;\n    overflow: hidden;\n  }\n\n  .Table_bui-TableCellSelection__7b93b44f2c {\n    width: 40px;\n  }\n\n  .Table_bui-TableCellContentWrapper__7b93b44f2c {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: var(--bui-space-2);\n    min-width: 0;\n    width: 100%;\n    max-width: 100%;\n  }\n\n  .Table_bui-TableCellIcon__7b93b44f2c,\n  .Table_bui-TableCellIcon__7b93b44f2c svg {\n    display: inline-flex;\n    align-items: center;\n    color: var(--bui-fg-primary);\n  }\n\n  .Table_bui-TableCellContent__7b93b44f2c {\n    display: flex;\n    flex-direction: column;\n    gap: var(--bui-space-0_5);\n    min-width: 0;\n    flex: 1;\n    overflow: hidden;\n    max-width: 100%;\n  }\n\n  .Table_bui-TableCellContent__7b93b44f2c > * {\n    min-width: 0;\n    max-width: 100%;\n  }\n\n  .Table_bui-TableCellProfile__7b93b44f2c {\n    display: flex;\n    flex-direction: row;\n    gap: var(--bui-space-2);\n    align-items: center;\n  }\n}\n";
-var styles = {"bui-Table":"Table_bui-Table__7b93b44f2c","bui-TableHeader":"Table_bui-TableHeader__7b93b44f2c","bui-TableHead":"Table_bui-TableHead__7b93b44f2c","bui-TableHeadSelection":"Table_bui-TableHeadSelection__7b93b44f2c","bui-TableHeadContent":"Table_bui-TableHeadContent__7b93b44f2c","bui-TableHeadSortButton":"Table_bui-TableHeadSortButton__7b93b44f2c","bui-TableBody":"Table_bui-TableBody__7b93b44f2c","bui-TableRow":"Table_bui-TableRow__7b93b44f2c","bui-TableCell":"Table_bui-TableCell__7b93b44f2c","bui-TableCellSelection":"Table_bui-TableCellSelection__7b93b44f2c","bui-TableCellContentWrapper":"Table_bui-TableCellContentWrapper__7b93b44f2c","bui-TableCellIcon":"Table_bui-TableCellIcon__7b93b44f2c","bui-TableCellContent":"Table_bui-TableCellContent__7b93b44f2c","bui-TableCellProfile":"Table_bui-TableCellProfile__7b93b44f2c"};
+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  .Table_bui-TableWrapper__b7a883a8dd {\n    display: flex;\n    flex-direction: column;\n  }\n\n  .Table_bui-TableResizableContainer__b7a883a8dd {\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n    min-height: 0;\n    overflow: hidden;\n  }\n\n  .Table_bui-Table__b7a883a8dd {\n    width: 100%;\n    caption-side: bottom;\n    border-collapse: collapse;\n    table-layout: fixed;\n    transition: opacity 0.2s ease-in-out;\n    overflow: auto;\n    flex: 1;\n    min-height: 0;\n\n    &[data-stale='true'],\n    &[data-loading='true'] {\n      opacity: 0.6;\n    }\n  }\n\n  .Table_bui-TableHeader__b7a883a8dd {\n    border-bottom: 1px solid var(--bui-border-2);\n    transition: color 0.2s ease-in-out;\n  }\n\n  .Table_bui-TableHead__b7a883a8dd {\n    text-align: left;\n    padding: var(--bui-space-3);\n    font-size: var(--bui-font-size-3);\n    color: var(--bui-fg-primary);\n  }\n\n  .Table_bui-TableHeadSelection__b7a883a8dd {\n    width: 40px;\n  }\n\n  .Table_bui-TableHeadContent__b7a883a8dd {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: var(--bui-space-1);\n  }\n\n  .Table_bui-TableHeadLabel__b7a883a8dd {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    min-width: 0;\n  }\n\n  .Table_bui-TableHeadSortButton__b7a883a8dd {\n    cursor: pointer;\n    user-select: none;\n    display: inline-flex;\n    align-items: center;\n    gap: var(--bui-space-1);\n    opacity: 0;\n    transition: opacity 0.1s ease-in-out;\n    color: var(--bui-fg-secondary);\n\n    .Table_bui-TableHead__b7a883a8dd:hover &,\n    [data-sort-direction='ascending'] &,\n    [data-sort-direction='descending'] & {\n      opacity: 1;\n    }\n\n    & svg {\n      transition: transform 0.1s ease-in-out;\n    }\n    [data-sort-direction='descending'] & svg {\n      transform: rotate(180deg);\n    }\n  }\n\n  .Table_bui-TableBody__b7a883a8dd {\n    color: var(--bui-fg-primary);\n  }\n\n  .Table_bui-TableRow__b7a883a8dd {\n    border-bottom: 1px solid var(--bui-border-2);\n    transition: color 0.2s ease-in-out;\n    cursor: default;\n\n    &:hover {\n      background-color: var(--bui-bg-neutral-1-hover);\n    }\n\n    &[data-selected] {\n      background-color: var(--bui-bg-neutral-1-pressed);\n    }\n\n    &[data-pressed] {\n      background-color: var(--bui-bg-neutral-1-pressed);\n    }\n\n    &[data-on-bg='neutral-1'] {\n      &:hover {\n        background-color: var(--bui-bg-neutral-2-hover);\n      }\n\n      &[data-selected] {\n        background-color: var(--bui-bg-neutral-2-pressed);\n      }\n\n      &[data-pressed] {\n        background-color: var(--bui-bg-neutral-2-pressed);\n      }\n\n      &[data-disabled] {\n        background-color: var(--bui-bg-neutral-2-disabled);\n      }\n    }\n\n    &[data-on-bg='neutral-2'] {\n      &:hover {\n        background-color: var(--bui-bg-neutral-3-hover);\n      }\n\n      &[data-selected] {\n        background-color: var(--bui-bg-neutral-3-pressed);\n      }\n\n      &[data-pressed] {\n        background-color: var(--bui-bg-neutral-3-pressed);\n      }\n\n      &[data-disabled] {\n        background-color: var(--bui-bg-neutral-3-disabled);\n      }\n    }\n\n    &[data-on-bg='neutral-3'] {\n      &:hover {\n        background-color: var(--bui-bg-neutral-4-hover);\n      }\n\n      &[data-selected] {\n        background-color: var(--bui-bg-neutral-4-pressed);\n      }\n\n      &[data-pressed] {\n        background-color: var(--bui-bg-neutral-4-pressed);\n      }\n\n      &[data-disabled] {\n        background-color: var(--bui-bg-neutral-4-disabled);\n      }\n    }\n\n    &[data-href],\n    &[data-selection-mode],\n    &[data-react-aria-pressable='true'] {\n      cursor: pointer;\n    }\n\n    &[data-disabled] {\n      background-color: var(--bui-bg-neutral-1-disabled);\n      cursor: not-allowed;\n    }\n  }\n\n  .Table_bui-TableCell__b7a883a8dd {\n    padding: var(--bui-space-3);\n    font-size: var(--bui-font-size-3);\n    font-family: var(--bui-font-regular);\n    font-weight: var(--bui-font-weight-regular);\n    min-width: 0;\n    overflow: hidden;\n  }\n\n  .Table_bui-TableCellSelection__b7a883a8dd {\n    width: 40px;\n  }\n\n  .Table_bui-TableCellContentWrapper__b7a883a8dd {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: var(--bui-space-2);\n    min-width: 0;\n    width: 100%;\n    max-width: 100%;\n  }\n\n  .Table_bui-TableCellIcon__b7a883a8dd,\n  .Table_bui-TableCellIcon__b7a883a8dd svg {\n    display: inline-flex;\n    align-items: center;\n    color: var(--bui-fg-primary);\n  }\n\n  .Table_bui-TableCellContent__b7a883a8dd {\n    display: flex;\n    flex-direction: column;\n    gap: var(--bui-space-0_5);\n    min-width: 0;\n    flex: 1;\n    overflow: hidden;\n    max-width: 100%;\n  }\n\n  .Table_bui-TableCellContent__b7a883a8dd > * {\n    min-width: 0;\n    max-width: 100%;\n  }\n\n  .Table_bui-TableCellProfile__b7a883a8dd {\n    display: flex;\n    flex-direction: row;\n    gap: var(--bui-space-2);\n    align-items: center;\n  }\n}\n";
+var styles = {"bui-TableWrapper":"Table_bui-TableWrapper__b7a883a8dd","bui-TableResizableContainer":"Table_bui-TableResizableContainer__b7a883a8dd","bui-Table":"Table_bui-Table__b7a883a8dd","bui-TableHeader":"Table_bui-TableHeader__b7a883a8dd","bui-TableHead":"Table_bui-TableHead__b7a883a8dd","bui-TableHeadSelection":"Table_bui-TableHeadSelection__b7a883a8dd","bui-TableHeadContent":"Table_bui-TableHeadContent__b7a883a8dd","bui-TableHeadLabel":"Table_bui-TableHeadLabel__b7a883a8dd","bui-TableHeadSortButton":"Table_bui-TableHeadSortButton__b7a883a8dd","bui-TableBody":"Table_bui-TableBody__b7a883a8dd","bui-TableRow":"Table_bui-TableRow__b7a883a8dd","bui-TableCell":"Table_bui-TableCell__b7a883a8dd","bui-TableCellSelection":"Table_bui-TableCellSelection__b7a883a8dd","bui-TableCellContentWrapper":"Table_bui-TableCellContentWrapper__b7a883a8dd","bui-TableCellIcon":"Table_bui-TableCellIcon__b7a883a8dd","bui-TableCellContent":"Table_bui-TableCellContent__b7a883a8dd","bui-TableCellProfile":"Table_bui-TableCellProfile__b7a883a8dd"};
 styleInject(css_248z);
 
 export { styles as default };

package/dist/components/Table/components/Column.esm.js

@@ -8,7 +8,7 @@ const Column = (props) => {
   const { ownProps, restProps } = useDefinition(ColumnDefinition, props);
   const { classes, children } = ownProps;
   return /* @__PURE__ */ jsx(Column$1, { className: classes.root, ...restProps, children: ({ allowsSorting }) => /* @__PURE__ */ jsxs("div", { className: classes.headContent, children: [
-    children,
+    /* @__PURE__ */ jsx("span", { className: classes.headLabel, children }),
     allowsSorting && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: classes.headSortButton, children: /* @__PURE__ */ jsx(RiArrowUpLine, { size: 16 }) })
   ] }) });
 };

package/dist/components/Table/components/Column.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"Column.esm.js","sources":["../../../../src/components/Table/components/Column.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 { Column as ReactAriaColumn } from 'react-aria-components';\nimport { useDefinition } from '../../../hooks/useDefinition';\nimport { ColumnDefinition } from '../definition';\nimport { ColumnProps } from '../types';\nimport { RiArrowUpLine } from '@remixicon/react';\n\n/** @public */\nexport const Column = (props: ColumnProps) => {\n  const { ownProps, restProps } = useDefinition(ColumnDefinition, props);\n  const { classes, children } = ownProps;\n\n  return (\n    <ReactAriaColumn className={classes.root} {...restProps}>\n      {({ allowsSorting }) => (\n        <div className={classes.headContent}>\n          {children}\n          {allowsSorting && (\n            <span aria-hidden=\"true\" className={classes.headSortButton}>\n              <RiArrowUpLine size={16} />\n            </span>\n          )}\n        </div>\n      )}\n    </ReactAriaColumn>\n  );\n};\n"],"names":["ReactAriaColumn"],"mappings":";;;;;;AAuBO,MAAM,MAAA,GAAS,CAAC,KAAA,KAAuB;AAC5C,EAAA,MAAM,EAAE,QAAA,EAAU,SAAA,EAAU,GAAI,aAAA,CAAc,kBAAkB,KAAK,CAAA;AACrE,EAAA,MAAM,EAAE,OAAA,EAAS,QAAA,EAAS,GAAI,QAAA;AAE9B,EAAA,uBACE,GAAA,CAACA,QAAA,EAAA,EAAgB,SAAA,EAAW,OAAA,CAAQ,MAAO,GAAG,SAAA,EAC3C,QAAA,EAAA,CAAC,EAAE,eAAc,qBAChB,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,QAAQ,WAAA,EACrB,QAAA,EAAA;AAAA,IAAA,QAAA;AAAA,IACA,aAAA,oBACC,GAAA,CAAC,MAAA,EAAA,EAAK,aAAA,EAAY,MAAA,EAAO,SAAA,EAAW,OAAA,CAAQ,cAAA,EAC1C,QAAA,kBAAA,GAAA,CAAC,aAAA,EAAA,EAAc,IAAA,EAAM,EAAA,EAAI,CAAA,EAC3B;AAAA,GAAA,EAEJ,CAAA,EAEJ,CAAA;AAEJ;;;;"}
+{"version":3,"file":"Column.esm.js","sources":["../../../../src/components/Table/components/Column.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 { Column as ReactAriaColumn } from 'react-aria-components';\nimport { useDefinition } from '../../../hooks/useDefinition';\nimport { ColumnDefinition } from '../definition';\nimport { ColumnProps } from '../types';\nimport { RiArrowUpLine } from '@remixicon/react';\n\n/** @public */\nexport const Column = (props: ColumnProps) => {\n  const { ownProps, restProps } = useDefinition(ColumnDefinition, props);\n  const { classes, children } = ownProps;\n\n  return (\n    <ReactAriaColumn className={classes.root} {...restProps}>\n      {({ allowsSorting }) => (\n        <div className={classes.headContent}>\n          <span className={classes.headLabel}>{children}</span>\n          {allowsSorting && (\n            <span aria-hidden=\"true\" className={classes.headSortButton}>\n              <RiArrowUpLine size={16} />\n            </span>\n          )}\n        </div>\n      )}\n    </ReactAriaColumn>\n  );\n};\n"],"names":["ReactAriaColumn"],"mappings":";;;;;;AAuBO,MAAM,MAAA,GAAS,CAAC,KAAA,KAAuB;AAC5C,EAAA,MAAM,EAAE,QAAA,EAAU,SAAA,EAAU,GAAI,aAAA,CAAc,kBAAkB,KAAK,CAAA;AACrE,EAAA,MAAM,EAAE,OAAA,EAAS,QAAA,EAAS,GAAI,QAAA;AAE9B,EAAA,uBACE,GAAA,CAACA,QAAA,EAAA,EAAgB,SAAA,EAAW,OAAA,CAAQ,MAAO,GAAG,SAAA,EAC3C,QAAA,EAAA,CAAC,EAAE,eAAc,qBAChB,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,QAAQ,WAAA,EACtB,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,OAAA,CAAQ,SAAA,EAAY,QAAA,EAAS,CAAA;AAAA,IAC7C,aAAA,oBACC,GAAA,CAAC,MAAA,EAAA,EAAK,aAAA,EAAY,MAAA,EAAO,SAAA,EAAW,OAAA,CAAQ,cAAA,EAC1C,QAAA,kBAAA,GAAA,CAAC,aAAA,EAAA,EAAc,IAAA,EAAM,EAAA,EAAI,CAAA,EAC3B;AAAA,GAAA,EAEJ,CAAA,EAEJ,CAAA;AAEJ;;;;"}