@carbon/ibm-products 2.76.0 → 2.77.0-rc.0

package/es/components/AddSelect/AddSelect.d.ts

@@ -28,6 +28,7 @@ export interface AddSelectProps {
     noResultsTitle: string;
     noSelectionDescription?: string;
     noSelectionTitle?: string;
+    noTearsheet?: boolean;
     onClose: () => void;
     onCloseButtonText: string;
     onSubmit: () => void;

package/es/components/AddSelect/AddSelectBody.d.ts

@@ -29,6 +29,7 @@ export interface AddSelectBodyProps {
     noResultsTitle?: string;
     noSelectionDescription?: string;
     noSelectionTitle?: string;
+    noTearsheet?: boolean;
     normalizedItems?: object;
     onClose?: () => void;
     onCloseButtonText?: string;

package/es/components/AddSelect/AddSelectBody.js

@@ -64,6 +64,7 @@ const AddSelectBody = /*#__PURE__*/forwardRef((_ref, ref) => {
     noResultsTitle,
     noSelectionDescription,
     noSelectionTitle,
+    noTearsheet = false,
     normalizedItems,
     onClose,
     onCloseButtonText,
@@ -279,6 +280,9 @@ const AddSelectBody = /*#__PURE__*/forwardRef((_ref, ref) => {
     title: noResultsTitle,
     illustrationTheme: illustrationTheme
   }))));
+  if (noTearsheet) {
+    return body;
+  }
   if (multi) {
     return /*#__PURE__*/React__default.createElement(Tearsheet, _extends({}, commonTearsheetProps, {
       influencer: multi && /*#__PURE__*/React__default.createElement(AddSelectSidebar, sidebarProps),

package/es/components/BigNumber/index.d.ts

@@ -5,3 +5,4 @@
  * LICENSE file in the root directory of this source tree.
  */
 export { BigNumber } from './BigNumber';
+export type { BigNumberProps } from './BigNumber';

package/es/components/Coachmark/next/Coachmark/CoachmarkContent.js

@@ -36,9 +36,9 @@ const CoachmarkContent = /*#__PURE__*/forwardRef((props, ref) => {
   } = useContext(CoachmarkContext);
   const targetId = open ? triggerRef?.current?.id : null;
   const handleRef = useRef(null);
-  const bubbleRef = ref && typeof ref !== 'function' ? ref : handleRef;
+  const bubbleRef = ref || handleRef;
   useEffect(() => {
-    if (open && bubbleRef.current) {
+    if (open && 'current' in bubbleRef && bubbleRef.current) {
       requestAnimationFrame(() => {
         const contentBody = bubbleRef.current?.querySelector(`.${contentBodyClass}`);
         if (contentBody) {
@@ -52,7 +52,7 @@ const CoachmarkContent = /*#__PURE__*/forwardRef((props, ref) => {
   useEffect(() => {
     const handleOutsideClick = event => {
       const targetElement = document.getElementById(targetId || '');
-      const bubbleElement = bubbleRef.current;
+      const bubbleElement = bubbleRef && 'current' in bubbleRef ? bubbleRef.current : null;
       if (bubbleElement && !bubbleElement.contains(event.target) && targetElement && !targetElement.contains(event.target)) {
         setOpen?.(false);
       }
@@ -73,14 +73,14 @@ const CoachmarkContent = /*#__PURE__*/forwardRef((props, ref) => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [open, targetId, setOpen]);
   useEffect(() => {
-    if (open && bubbleRef.current) {
+    if (open && 'current' in bubbleRef && bubbleRef.current) {
       const dragContainer = bubbleRef.current.querySelector(`.${pkg.prefix}__bubble`);
       if (dragContainer instanceof HTMLElement) {
         setContentRef(dragContainer);
       }
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [open, bubbleRef.current]);
+  }, [open, bubbleRef]);
   return open && /*#__PURE__*/React__default.createElement("div", {
     ref: bubbleRef
   }, /*#__PURE__*/React__default.createElement(CoachmarkBubble, _extends({

package/es/components/Coachmark/next/Coachmark/CoachmarkTagline/CoachmarkTagline.d.ts

@@ -30,6 +30,10 @@ export interface CoachmarkTaglineProps {
      * button props
      */
     buttonProps?: CoachmarkButtonProps;
+    /**
+     * Optional class name for this component.
+     */
+    className?: string;
     isOpen?: boolean;
 }
 /**

package/es/components/Coachmark/next/Coachmark/CoachmarkTagline/CoachmarkTagline.js

@@ -34,10 +34,11 @@ const CoachmarkTagline = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
     title,
     buttonProps,
     isOpen,
+    className,
     ...rest
   } = _ref;
   return /*#__PURE__*/React__default.createElement("div", _extends({}, rest, {
-    className: cx(blockClass, isOpen && `${blockClass}--is-open`),
+    className: cx(blockClass, isOpen && `${blockClass}--is-open`, className),
     ref: ref
   }, getDevtoolsProps(componentName)), /*#__PURE__*/React__default.createElement("button", _extends({
     className: `${blockClass}__cta`,
@@ -80,6 +81,10 @@ CoachmarkTagline.propTypes = {
     tabIndex: PropTypes.number,
     ['aria-expanded']: PropTypes.bool
   }),
+  /**
+   * Optional class name for this component.
+   */
+  className: PropTypes.string,
   /**
    * Tooltip text and aria label for the Close button icon.
    */

package/es/components/ConditionBuilder/index.d.ts

@@ -1,2 +1,8 @@
-export { ConditionBuilder } from "./ConditionBuilder";
-export * from "./ConditionBuilder.types";
+/**
+ * Copyright IBM Corp. 2024, 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+export { ConditionBuilder } from './ConditionBuilder';
+export * from './ConditionBuilder.types';

package/es/components/EmptyStates/EmptyState.d.ts

@@ -61,11 +61,11 @@ export interface EmptyStateProps {
     /**
      * Empty state subtitle
      */
-    subtitle?: string | ReactNode;
+    subtitle?: ReactNode;
     /**
      * Empty state title
      */
-    title: string | ReactNode;
+    title: ReactNode;
     /**
      * **Deprecated:** Designates which version of the EmptyState component is being used. Refer to V2 documentation separately.
      * @deprecated

package/es/components/EmptyStates/EmptyState.js

@@ -121,11 +121,11 @@ EmptyState.propTypes = {
   /**
    * Empty state subtext
    */
-  subtitle: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
+  subtitle: PropTypes.node,
   /**
    * Empty state heading
    */
-  title: PropTypes.oneOfType([PropTypes.string, PropTypes.node]).isRequired,
+  title: PropTypes.node.isRequired,
   /**
    * **Deprecated:** Designates which version of the EmptyState component is being used. Refer to V2 documentation separately.
    * @deprecated

package/es/components/EmptyStates/EmptyStateContent.d.ts

@@ -26,11 +26,11 @@ interface EmptyStateProps {
     /**
      * Empty state subtitle
      */
-    subtitle?: string | ReactNode;
+    subtitle?: ReactNode;
     /**
      * Empty state title
      */
-    title: string | ReactNode;
+    title: ReactNode;
 }
 export declare const EmptyStateContent: {
     (props: EmptyStateProps): React.JSX.Element;

package/es/components/EmptyStates/EmptyStateContent.js

@@ -83,11 +83,11 @@ EmptyStateContent.propTypes = {
   /**
    * Empty state subtitle
    */
-  subtitle: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
+  subtitle: PropTypes.node,
   /**
    * Empty state title
    */
-  title: PropTypes.oneOfType([PropTypes.string, PropTypes.node]).isRequired
+  title: PropTypes.node.isRequired
 };
 
 export { EmptyStateContent };

package/es/components/Guidebanner/Guidebanner.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2023, 2024
+ * Copyright IBM Corp. 2023, 2025
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -57,6 +57,14 @@ export interface GuidebannerProps {
      * content on the page under special circumstances.
      */
     withLeftGutter?: boolean;
+    /**
+     * A handler for managing the controlled state of open prop. If not passed the open prop will not be honored and an uncontrolled state will be used.
+     */
+    onChange?: (value: boolean) => void;
+    /**
+     * For controlled usage of the tile open state. This prop only works when an onChange prop is also passed, otherwise an uncontrolled state is used.
+     */
+    open?: boolean;
 }
 /**
  * The guide banner sits at the top of a page, or page-level tab,

package/es/components/Guidebanner/Guidebanner.js

@@ -17,6 +17,7 @@ import cx from 'classnames';
 import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
 import { pkg } from '../../settings.js';
 import uuidv4 from '../../global/js/utils/uuidv4.js';
+import { useControllableState } from '../../global/js/hooks/useControllableState.js';
 
 var _CaretLeft, _CaretRight, _Close;
 
@@ -52,20 +53,22 @@ const Guidebanner = /*#__PURE__*/React__default.forwardRef((props, ref) => {
     nextIconDescription = defaults.nextIconDescription,
     previousIconDescription = defaults.previousIconDescription,
     title,
+    onChange,
+    open: userOpen,
     ...rest
   } = props;
   const scrollRef = useRef(null);
   const toggleRef = useRef(null);
   const [scrollPosition, setScrollPosition] = useState(0);
   const [showNavigation, setShowNavigation] = useState(false);
-  const [isCollapsed, setIsCollapsed] = useState(collapsible ? true : false);
+  const [open, setOpen] = useControllableState(userOpen ?? false, onChange);
   const handleClickToggle = () => {
-    setIsCollapsed(prevState => !prevState);
+    setOpen(!open);
   };
   const carouselContentId = `${uuidv4()}--carousel-content-id`;
   return /*#__PURE__*/React__default.createElement("div", _extends({}, rest, {
-    "aria-owns": !isCollapsed ? carouselContentId : undefined,
-    className: cx(blockClass, className, collapsible && `${blockClass}__collapsible`, isCollapsed && `${blockClass}__collapsible-collapsed`, withLeftGutter && `${blockClass}__with-left-gutter`),
+    "aria-owns": open ? carouselContentId : undefined,
+    className: cx(blockClass, className, collapsible && `${blockClass}__collapsible`, !open && `${blockClass}__collapsible-collapsed`, withLeftGutter && `${blockClass}__with-left-gutter`),
     ref: ref
   }, getDevtoolsProps(componentName)), /*#__PURE__*/React__default.createElement(Idea, {
     size: 20,
@@ -98,9 +101,9 @@ const Guidebanner = /*#__PURE__*/React__default.forwardRef((props, ref) => {
     className: `${blockClass}__toggle-button`,
     onClick: handleClickToggle,
     ref: toggleRef,
-    "aria-controls": !isCollapsed ? carouselContentId : undefined,
-    "aria-expanded": !isCollapsed
-  }, isCollapsed ? expandButtonLabel : collapseButtonLabel), showNavigation && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("span", {
+    "aria-controls": !open ? carouselContentId : undefined,
+    "aria-expanded": !open
+  }, open ? expandButtonLabel : collapseButtonLabel), showNavigation && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("span", {
     className: cx(`${blockClass}__back-button`, [scrollPosition === 0 ? `${blockClass}__back-button--disabled` : null])
   }, /*#__PURE__*/React__default.createElement(IconButton, {
     align: "top",
@@ -181,11 +184,19 @@ Guidebanner.propTypes = {
    * Tooltip text and aria label for the Next button icon.
    */
   nextIconDescription: PropTypes.string,
+  /**
+   * A handler for managing the controlled state of open prop. If not passed the open prop will not be honored and an uncontrolled state will be used.
+   */
+  onChange: PropTypes.func,
   /**
    * If defined, a Close button will render in the top-right corner and a
    * callback function will be triggered when button is clicked.
    */
   onClose: PropTypes.func,
+  /**
+   * Specify whether the Guidebanner is currently open.
+   */
+  open: PropTypes.bool,
   /**
    * Tooltip text and aria label for the Back button icon.
    */

package/es/components/MultiAddSelect/MultiAddSelect.d.ts

@@ -105,6 +105,10 @@ export interface MultiAddSelectProps {
      * title that displays in the sidebar when nothing is selected
      */
     noSelectionTitle?: string;
+    /**
+     * Determines if the component should be rendered within a Tearsheet component
+     */
+    noTearsheet?: boolean;
     /**
      * function to call when the close button clicked
      */

package/es/components/MultiAddSelect/MultiAddSelect.js

@@ -119,6 +119,10 @@ MultiAddSelect.propTypes = {
    * title that displays in the sidebar when nothing is selected
    */
   noSelectionTitle: PropTypes.string,
+  /**
+   * Determines if the component should be rendered within a Tearsheet component
+   */
+  noTearsheet: PropTypes.bool,
   /**
    * function to call when the close button clicked
    */

package/es/components/PageHeader/next/PageHeader.js

@@ -9,7 +9,7 @@ import { extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers
 import React__default, { forwardRef, useState, useRef, useEffect, useLayoutEffect, useCallback } from 'react';
 import PropTypes from '../../../_virtual/index.js';
 import cx from 'classnames';
-import { Grid, Column, DefinitionTooltip, unstable_Text, Popover, PopoverContent, IconButton, BreadcrumbItem, usePrefix, Breadcrumb, MenuButton, MenuItem, AspectRatio } from '@carbon/react';
+import { Grid, Column, Section, DefinitionTooltip, unstable_Text, Heading, Popover, PopoverContent, IconButton, BreadcrumbItem, usePrefix, Breadcrumb, MenuButton, MenuItem, AspectRatio } from '@carbon/react';
 import { breakpoints } from '@carbon/layout';
 import { blockClass } from '../PageHeaderUtils.js';
 import { createOverflowHandler } from './overflowHandler.js';
@@ -251,7 +251,8 @@ const PageHeaderContent = /*#__PURE__*/React__default.forwardRef(function PageHe
   useLayoutEffect(() => {
     titleRef.current && isEllipsisActive(titleRef.current);
   }, [title]);
-  return /*#__PURE__*/React__default.createElement("div", _extends({
+  return /*#__PURE__*/React__default.createElement(Section, _extends({
+    as: "div",
     className: classNames,
     ref: componentRef
   }, other), /*#__PURE__*/React__default.createElement(Grid, null, /*#__PURE__*/React__default.createElement(Column, {
@@ -270,11 +271,11 @@ const PageHeaderContent = /*#__PURE__*/React__default.forwardRef(function PageHe
     definition: title
   }, /*#__PURE__*/React__default.createElement(unstable_Text, {
     ref: titleRef,
-    as: "h4",
+    as: Heading,
     className: `${blockClass}__content__title`
   }, title)) : /*#__PURE__*/React__default.createElement(unstable_Text, {
     ref: titleRef,
-    as: "h4",
+    as: Heading,
     className: `${blockClass}__content__title`
   }, title)), contextualActions && /*#__PURE__*/React__default.createElement("div", {
     className: `${blockClass}__content__contextual-actions`
@@ -507,7 +508,7 @@ const PageHeaderTabBar = /*#__PURE__*/React__default.forwardRef(function PageHea
   let {
     className,
     children,
-    tags = [],
+    tags,
     scroller,
     ...other
   } = _ref7;

package/es/components/PageHeader/next/overflowHandler.d.ts

@@ -4,6 +4,11 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
+/**
+ * This file has test coverage in @carbon/utilities. This is a copy of the utility
+ * that adds margin calculations to an element's size. This should ideally be
+ * merged back into the utility.
+ */
 /**
  * Calculates the size (width or height) of a given HTML element.
  *

package/es/components/PageHeader/next/overflowHandler.js

@@ -5,6 +5,14 @@
  * LICENSE file in the root directory of this source tree.
  */
 
+/**
+ * This file has test coverage in @carbon/utilities. This is a copy of the utility
+ * that adds margin calculations to an element's size. This should ideally be
+ * merged back into the utility.
+ */
+
+/* istanbul ignore file */
+
 /**
  * Calculates the size (width or height) of a given HTML element.
  *

package/es/components/SingleAddSelect/SingleAddSelect.d.ts

@@ -36,6 +36,10 @@ export interface SingleAddSelectProps {
      * title to display when no results are found from the global search
      */
     noResultsTitle?: string;
+    /**
+     * Determines if the component should be rendered within a Tearsheet component
+     */
+    noTearsheet?: boolean;
     /**
      * function to call when the close button clicked
      */

package/es/components/SingleAddSelect/SingleAddSelect.js

@@ -68,6 +68,10 @@ SingleAddSelect.propTypes = {
    * title to display when no results are found from the global search
    */
   noResultsTitle: PropTypes.string,
+  /**
+   * Determines if the component should be rendered within a Tearsheet component
+   */
+  noTearsheet: PropTypes.bool,
   /**
    * function to call when the close button clicked
    */

package/es/components/TruncatedList/TruncatedList.d.ts

@@ -41,7 +41,7 @@ export interface TruncatedListProps extends PropsWithChildren {
     /**
      * Callback function for building the label when the list is collapsed.
      */
-    viewMoreLabel?: (value: any) => ReactNode;
+    viewMoreLabel?: (value: number) => ReactNode;
 }
 /**
  * The `TruncatedList` allows consumers to control how many items are

package/es/components/index.d.ts

@@ -46,7 +46,7 @@ export * as preview__Coachmark from './Coachmark/next/Coachmark';
 export * as preview__CoachmarkTagline from './Coachmark/next/Coachmark/CoachmarkTagline';
 export { FeatureFlags as preview__FeatureFlags, useFeatureFlag as preview__useFeatureFlag, useFeatureFlags as preview__useFeatureFlags, } from './FeatureFlags';
 export * as preview__PageHeader from './PageHeader/next/PageHeader';
-export * as previewCandidate__BigNumber from './BigNumber';
+export { BigNumber as previewCandidate__BigNumber, type BigNumberProps, } from './BigNumber';
 export { Coachmark as previewCandidate__Coachmark, BEACON_KIND, COACHMARK_OVERLAY_KIND, COACHMARK_ALIGNMENT, useCoachmark, type CoachmarkProps, } from './Coachmark';
 export { CoachmarkBeacon as previewCandidate__CoachmarkBeacon, type CoachmarkBeaconProps, } from './CoachmarkBeacon';
 export { CoachmarkButton as previewCandidate__CoachmarkButton, type CoachmarkButtonProps, } from './CoachmarkButton';
@@ -54,17 +54,18 @@ export { CoachmarkFixed as previewCandidate__CoachmarkFixed, type CoachmarkFixed
 export { CoachmarkOverlayElement as previewCandidate__CoachmarkOverlayElement, type CoachmarkOverlayElementProps, } from './CoachmarkOverlayElement';
 export { CoachmarkOverlayElements as previewCandidate__CoachmarkOverlayElements, type CoachmarkOverlayElementsProps, } from './CoachmarkOverlayElements';
 export { CoachmarkStack as previewCandidate__CoachmarkStack } from './CoachmarkStack';
-export * as previewCandidate__ConditionBuilder from './ConditionBuilder';
-export * as previewCandidate__DataSpreadsheet from './DataSpreadsheet';
-export * as previewCandidate__DelimitedList from './DelimitedList';
-export * as previewCandidate__Decorator from './Decorator';
-export * as previewCandidate__GetStartedCard from './GetStartedCard';
+export { ConditionBuilder as previewCandidate__ConditionBuilder } from './ConditionBuilder';
+export * from './ConditionBuilder/ConditionBuilder.types';
+export { DataSpreadsheet as previewCandidate__DataSpreadsheet, type DataSpreadsheetProps, } from './DataSpreadsheet';
+export { DelimitedList as previewCandidate__DelimitedList, type DelimitedListProps, } from './DelimitedList';
+export { Decorator as previewCandidate__Decorator } from './Decorator';
+export { GetStartedCard as previewCandidate__GetStartedCard, type GetStartedCardProps, } from './GetStartedCard';
 export { Guidebanner as previewCandidate__Guidebanner, GuidebannerElement as previewCandidate__GuidebannerElement, GuidebannerElementButton as previewCandidate__GuidebannerElementButton, GuidebannerElementLink as previewCandidate__GuidebannerElementLink, type GuidebannerProps, type GuidebannerElementProps, type GuidebannerElementButtonProps, type GuidebannerElementLinkProps, } from './Guidebanner';
 export { InlineTip as previewCandidate__InlineTip, InlineTipButton as previewCandidate__InlineTipButton, InlineTipLink as previewCandidate__InlineTipLink, type InlineTipProps, type InlineTipButtonProps, type InlineTipLinkProps, } from './InlineTip';
-export * as previewCandidate__NonLinearReading from './NonLinearReading';
-export * as previewCandidate__SearchBar from './SearchBar';
+export { NonLinearReading as previewCandidate__NonLinearReading, type NonLinearReadingProps, } from './NonLinearReading';
+export { SearchBar as previewCandidate__SearchBar, type SearchBarProps, } from './SearchBar';
 export { Toolbar as previewCandidate__Toolbar, ToolbarButton as previewCandidate__ToolbarButton, ToolbarGroup as previewCandidate__ToolbarGroup, type ToolbarProps, type ToolbarButtonProps, type ToolbarGroupProps, } from './Toolbar';
-export * as previewCandidate__TruncatedList from './TruncatedList';
+export { TruncatedList as previewCandidate__TruncatedList, type TruncatedListProps, } from './TruncatedList';
 /**
  * Deprecated
  */

package/es/global/js/utils/carousel/types.d.ts

@@ -24,6 +24,7 @@ export type Config = {
     onViewChangeStart?: (args: CarouselResponse) => void;
     onViewChangeEnd?: (args: CarouselResponse) => void;
     excludeSwipeSupport?: boolean;
+    useMaxHeight?: boolean;
 };
 interface InitCarousel {
     next: () => void;

package/es/index.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2024, 2024
+ * Copyright IBM Corp. 2024, 2025
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.

package/es/index.js

@@ -1,3 +1,4 @@
+"use client";
 /**
  * Copyright IBM Corp. 2020, 2025
  *
@@ -59,8 +60,7 @@ export { index$1 as preview__CoachmarkTagline };
 export { FeatureFlags as preview__FeatureFlags, useFeatureFlag as preview__useFeatureFlag, useFeatureFlags as preview__useFeatureFlags } from './components/FeatureFlags/index.js';
 import * as PageHeader from './components/PageHeader/next/PageHeader.js';
 export { PageHeader as preview__PageHeader };
-import * as index$2 from './components/BigNumber/index.js';
-export { index$2 as previewCandidate__BigNumber };
+export { BigNumber as previewCandidate__BigNumber } from './components/BigNumber/BigNumber.js';
 export { Coachmark as previewCandidate__Coachmark } from './components/Coachmark/Coachmark.js';
 export { BEACON_KIND, COACHMARK_ALIGNMENT, COACHMARK_OVERLAY_KIND } from './components/Coachmark/utils/enums.js';
 export { useCoachmark } from './components/Coachmark/utils/context.js';
@@ -70,16 +70,10 @@ export { CoachmarkButton as previewCandidate__CoachmarkButton } from './componen
 export { CoachmarkFixed as previewCandidate__CoachmarkFixed } from './components/CoachmarkFixed/CoachmarkFixed.js';
 export { CoachmarkOverlayElement as previewCandidate__CoachmarkOverlayElement } from './components/CoachmarkOverlayElement/CoachmarkOverlayElement.js';
 export { CoachmarkOverlayElements as previewCandidate__CoachmarkOverlayElements } from './components/CoachmarkOverlayElements/CoachmarkOverlayElements.js';
-import * as index$3 from './components/ConditionBuilder/index.js';
-export { index$3 as previewCandidate__ConditionBuilder };
-import * as index$4 from './components/DataSpreadsheet/index.js';
-export { index$4 as previewCandidate__DataSpreadsheet };
-import * as index$5 from './components/DelimitedList/index.js';
-export { index$5 as previewCandidate__DelimitedList };
-import * as index$6 from './components/Decorator/index.js';
-export { index$6 as previewCandidate__Decorator };
-import * as index$7 from './components/GetStartedCard/index.js';
-export { index$7 as previewCandidate__GetStartedCard };
+export { ConditionBuilder as previewCandidate__ConditionBuilder } from './components/ConditionBuilder/ConditionBuilder.js';
+export { DataSpreadsheet as previewCandidate__DataSpreadsheet } from './components/DataSpreadsheet/DataSpreadsheet.js';
+export { DelimitedList as previewCandidate__DelimitedList } from './components/DelimitedList/DelimitedList.js';
+export { GetStartedCard as previewCandidate__GetStartedCard } from './components/GetStartedCard/GetStartedCard.js';
 export { Guidebanner as previewCandidate__Guidebanner } from './components/Guidebanner/Guidebanner.js';
 export { GuidebannerElement as previewCandidate__GuidebannerElement } from './components/Guidebanner/GuidebannerElement.js';
 export { GuidebannerElementButton as previewCandidate__GuidebannerElementButton } from './components/Guidebanner/GuidebannerElementButton.js';
@@ -87,15 +81,12 @@ export { GuidebannerElementLink as previewCandidate__GuidebannerElementLink } fr
 export { InlineTip as previewCandidate__InlineTip } from './components/InlineTip/InlineTip.js';
 export { InlineTipButton as previewCandidate__InlineTipButton } from './components/InlineTip/InlineTipButton.js';
 export { InlineTipLink as previewCandidate__InlineTipLink } from './components/InlineTip/InlineTipLink.js';
-import * as index$8 from './components/NonLinearReading/index.js';
-export { index$8 as previewCandidate__NonLinearReading };
-import * as index$9 from './components/SearchBar/index.js';
-export { index$9 as previewCandidate__SearchBar };
+export { NonLinearReading as previewCandidate__NonLinearReading } from './components/NonLinearReading/NonLinearReading.js';
+export { SearchBar as previewCandidate__SearchBar } from './components/SearchBar/SearchBar.js';
 export { Toolbar as previewCandidate__Toolbar } from './components/Toolbar/Toolbar.js';
 export { ToolbarButton as previewCandidate__ToolbarButton } from './components/Toolbar/ToolbarButton.js';
 export { ToolbarGroup as previewCandidate__ToolbarGroup } from './components/Toolbar/ToolbarGroup.js';
-import * as index$a from './components/TruncatedList/index.js';
-export { index$a as previewCandidate__TruncatedList };
+export { TruncatedList as previewCandidate__TruncatedList } from './components/TruncatedList/TruncatedList.js';
 export { ComboButton } from './components/ComboButton/ComboButton.js';
 export { ComboButtonItem } from './components/ComboButton/ComboButtonItem/index.js';
 export { Datagrid } from './components/Datagrid/Datagrid/Datagrid.js';
@@ -127,6 +118,7 @@ export { default as useFilterContext } from './components/Datagrid/Datagrid/addo
 export { usePrefix } from './global/js/hooks/usePrefix.js';
 export { ActionBar } from './components/ActionBar/ActionBar.js';
 export { CoachmarkStack as previewCandidate__CoachmarkStack } from './components/CoachmarkStack/CoachmarkStack.js';
+export { Decorator as previewCandidate__Decorator } from './components/Decorator/Decorator.js';
 export { ScrollGradient } from './components/ScrollGradient/ScrollGradient.js';
 export { StringFormatter } from './components/StringFormatter/StringFormatter.js';
 export { UserAvatar } from './components/UserAvatar/UserAvatar.js';

package/lib/components/AddSelect/AddSelect.d.ts

@@ -28,6 +28,7 @@ export interface AddSelectProps {
     noResultsTitle: string;
     noSelectionDescription?: string;
     noSelectionTitle?: string;
+    noTearsheet?: boolean;
     onClose: () => void;
     onCloseButtonText: string;
     onSubmit: () => void;

package/lib/components/AddSelect/AddSelectBody.d.ts

@@ -29,6 +29,7 @@ export interface AddSelectBodyProps {
     noResultsTitle?: string;
     noSelectionDescription?: string;
     noSelectionTitle?: string;
+    noTearsheet?: boolean;
     normalizedItems?: object;
     onClose?: () => void;
     onCloseButtonText?: string;

package/lib/components/AddSelect/AddSelectBody.js

@@ -66,6 +66,7 @@ const AddSelectBody = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     noResultsTitle,
     noSelectionDescription,
     noSelectionTitle,
+    noTearsheet = false,
     normalizedItems,
     onClose,
     onCloseButtonText,
@@ -281,6 +282,9 @@ const AddSelectBody = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     title: noResultsTitle,
     illustrationTheme: illustrationTheme
   }))));
+  if (noTearsheet) {
+    return body;
+  }
   if (multi) {
     return /*#__PURE__*/React.createElement(Tearsheet.Tearsheet, _rollupPluginBabelHelpers.extends({}, commonTearsheetProps, {
       influencer: multi && /*#__PURE__*/React.createElement(AddSelectSidebar.AddSelectSidebar, sidebarProps),

package/lib/components/BigNumber/index.d.ts

@@ -5,3 +5,4 @@
  * LICENSE file in the root directory of this source tree.
  */
 export { BigNumber } from './BigNumber';
+export type { BigNumberProps } from './BigNumber';

package/lib/components/Coachmark/next/Coachmark/CoachmarkContent.js

@@ -40,9 +40,9 @@ const CoachmarkContent = /*#__PURE__*/React.forwardRef((props, ref) => {
   } = React.useContext(context.CoachmarkContext);
   const targetId = open ? triggerRef?.current?.id : null;
   const handleRef = React.useRef(null);
-  const bubbleRef = ref && typeof ref !== 'function' ? ref : handleRef;
+  const bubbleRef = ref || handleRef;
   React.useEffect(() => {
-    if (open && bubbleRef.current) {
+    if (open && 'current' in bubbleRef && bubbleRef.current) {
       requestAnimationFrame(() => {
         const contentBody = bubbleRef.current?.querySelector(`.${contentBodyClass}`);
         if (contentBody) {
@@ -56,7 +56,7 @@ const CoachmarkContent = /*#__PURE__*/React.forwardRef((props, ref) => {
   React.useEffect(() => {
     const handleOutsideClick = event => {
       const targetElement = document.getElementById(targetId || '');
-      const bubbleElement = bubbleRef.current;
+      const bubbleElement = bubbleRef && 'current' in bubbleRef ? bubbleRef.current : null;
       if (bubbleElement && !bubbleElement.contains(event.target) && targetElement && !targetElement.contains(event.target)) {
         setOpen?.(false);
       }
@@ -77,14 +77,14 @@ const CoachmarkContent = /*#__PURE__*/React.forwardRef((props, ref) => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [open, targetId, setOpen]);
   React.useEffect(() => {
-    if (open && bubbleRef.current) {
+    if (open && 'current' in bubbleRef && bubbleRef.current) {
       const dragContainer = bubbleRef.current.querySelector(`.${settings.pkg.prefix}__bubble`);
       if (dragContainer instanceof HTMLElement) {
         setContentRef(dragContainer);
       }
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [open, bubbleRef.current]);
+  }, [open, bubbleRef]);
   return open && /*#__PURE__*/React.createElement("div", {
     ref: bubbleRef
   }, /*#__PURE__*/React.createElement(CoachmarkBubble.CoachmarkBubble, _rollupPluginBabelHelpers.extends({

package/lib/components/Coachmark/next/Coachmark/CoachmarkTagline/CoachmarkTagline.d.ts

@@ -30,6 +30,10 @@ export interface CoachmarkTaglineProps {
      * button props
      */
     buttonProps?: CoachmarkButtonProps;
+    /**
+     * Optional class name for this component.
+     */
+    className?: string;
     isOpen?: boolean;
 }
 /**