@carbon/ibm-products 2.89.0 → 2.90.0

package/lib/components/Tearsheet/TearsheetNarrow.js

@@ -5,16 +5,15 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-const require_runtime = require('../../_virtual/_rolldown/runtime.js');
-const require_devtools = require('../../global/js/utils/devtools.js');
-const require_props_helper = require('../../global/js/utils/props-helper.js');
-const require_TearsheetShell = require('./TearsheetShell.js');
+const require_runtime = require("../../_virtual/_rolldown/runtime.js");
+const require_devtools = require("../../global/js/utils/devtools.js");
+const require_props_helper = require("../../global/js/utils/props-helper.js");
+const require_TearsheetShell = require("./TearsheetShell.js");
 let react = require("react");
 react = require_runtime.__toESM(react);
 let prop_types = require("prop-types");
 prop_types = require_runtime.__toESM(prop_types);
 let _carbon_react = require("@carbon/react");
-
 //#region src/components/Tearsheet/TearsheetNarrow.tsx
 /**
 * Copyright IBM Corp. 2020, 2024
@@ -40,8 +39,31 @@ const TearsheetNarrow = react.default.forwardRef(({ verticalPosition = defaults.
 	size: "narrow"
 }));
 TearsheetNarrow.displayName = componentName;
-const deprecatedProps = { verticalPosition: prop_types.default.oneOf(["normal", "lower"]) };
+const deprecatedProps = { 
+/**
+* **Deprecated**
+*
+* The position of the top of tearsheet in the viewport. The 'normal'
+* position is a short distance down from the top of the
+* viewport, leaving room at the top for a global header bar to show through
+* from below. The 'lower' position (the default) provides a little extra room at the top
+* to allow an action bar navigation or breadcrumbs to also show through.
+*/
+verticalPosition: prop_types.default.oneOf(["normal", "lower"]) };
 TearsheetNarrow.propTypes = {
+	/**
+	* The navigation actions to be shown as buttons in the action area at the
+	* bottom of the tearsheet. Each action is specified as an object with
+	* optional fields: 'label' to supply the button label, 'kind' to select the
+	* button kind (must be 'primary', 'secondary' or 'ghost'), 'loading' to
+	* display a loading indicator, and 'onClick' to receive notifications when
+	* the button is clicked. Additional fields in the object will be passed to
+	* the Button component, and these can include 'disabled', 'ref', 'className',
+	* and any other Button props. Any other fields in the object will be passed
+	* through to the button element as HTML attributes.
+	*
+	* See https://react.carbondesignsystem.com/?path=/docs/components-button--default#component-api
+	*/
 	actions: require_props_helper.allPropTypes([prop_types.default.arrayOf(prop_types.default.shape({
 		..._carbon_react.Button.propTypes,
 		kind: prop_types.default.oneOf([
@@ -53,22 +75,72 @@ TearsheetNarrow.propTypes = {
 		]),
 		label: prop_types.default.string,
 		loading: prop_types.default.bool,
+		/**@ts-ignore*/
 		onClick: _carbon_react.Button.propTypes.onClick
 	}))]),
+	/**
+	* The aria-label for the tearsheet, which is optional.
+	* if it is not passed, the title will be used as the aria-label.
+	*/
 	ariaLabel: prop_types.default.string,
+	/**
+	* An optional class or classes to be added to the outermost element.
+	*/
 	className: prop_types.default.string,
+	/**
+	* The accessibility title for the close icon (if shown).
+	*
+	*/
 	closeIconDescription: prop_types.default.string,
+	/**
+	* A description of the flow, displayed in the header area of the tearsheet.
+	*/
 	description: prop_types.default.node,
+	/**
+	* Enable a close icon ('x') in the header area of the tearsheet. By default,
+	* a tearsheet does not display a close icon, but one should be enabled if
+	* the tearsheet is read-only or has no navigation actions (sometimes called
+	* a "passive tearsheet").
+	*/
 	hasCloseIcon: prop_types.default.bool,
+	/**
+	* A label for the tearsheet, displayed in the header area of the tearsheet
+	* to maintain context for the tearsheet (e.g. as the title changes from page
+	* to page of a multi-page task).
+	*/
 	label: prop_types.default.node,
+	/**
+	* An optional handler that is called when the user closes the tearsheet (by
+	* clicking the close button, if enabled, or clicking outside, if enabled).
+	* Returning `false` here prevents the modal from closing.
+	*/
 	onClose: prop_types.default.func,
+	/**
+	* Specifies whether the tearsheet is currently open.
+	*/
 	open: prop_types.default.bool,
+	/**
+	* The DOM element that the tearsheet should be rendered within. Defaults to document.body.
+	*/
+	/**@ts-ignore */
 	portalTarget: require_TearsheetShell.portalType,
+	/**
+	* Specify a CSS selector that matches the DOM element that should be
+	* focused when the Modal opens.
+	*/
 	selectorPrimaryFocus: prop_types.default.string,
+	/**
+	* Specify the CSS selectors that match the floating menus.
+	*
+	* See https://react.carbondesignsystem.com/?path=/docs/components-composedmodal--overview#focus-management
+	*/
+	/**@ts-ignore*/
 	selectorsFloatingMenus: prop_types.default.arrayOf(prop_types.default.string),
+	/**
+	* The main title of the tearsheet, displayed in the header area.
+	*/
 	title: prop_types.default.node,
 	...deprecatedProps
 };
-
 //#endregion
-exports.TearsheetNarrow = TearsheetNarrow;
+exports.TearsheetNarrow = TearsheetNarrow;

package/lib/components/Tearsheet/TearsheetPresence.js

@@ -5,11 +5,10 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-const require_runtime = require('../../_virtual/_rolldown/runtime.js');
-const require_usePresenceContext = require('./usePresenceContext.js');
+const require_runtime = require("../../_virtual/_rolldown/runtime.js");
+const require_usePresenceContext = require("./usePresenceContext.js");
 let react = require("react");
 react = require_runtime.__toESM(react);
-
 //#region src/components/Tearsheet/TearsheetPresence.tsx
 /**
 * Copyright IBM Corp. 2016, 2025
@@ -45,9 +44,8 @@ const withTearsheetPresence = (Component) => {
 	WithModalPresence.displayName = `withModalPresence(${Component.displayName || Component.name || "Component"})`;
 	return WithModalPresence;
 };
-
 //#endregion
 exports.TearsheetPresence = TearsheetPresence;
 exports.TearsheetPresenceContext = TearsheetPresenceContext;
 exports.useExclusiveTearsheetPresenceContext = useExclusiveTearsheetPresenceContext;
-exports.withTearsheetPresence = withTearsheetPresence;
+exports.withTearsheetPresence = withTearsheetPresence;

package/lib/components/Tearsheet/TearsheetShell.js

@@ -5,28 +5,27 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-const require_runtime = require('../../_virtual/_rolldown/runtime.js');
-const require_index = require('../../node_modules/classnames/index.js');
-const require_pconsole = require('../../global/js/utils/pconsole.js');
-const require_settings = require('../../settings.js');
-const require_useIsomorphicEffect = require('../../global/js/hooks/useIsomorphicEffect.js');
-const require_usePreviousValue = require('../../global/js/hooks/usePreviousValue.js');
-const require_useFocus = require('../../global/js/hooks/useFocus.js');
-const require_props_helper = require('../../global/js/utils/props-helper.js');
-const require_usePortalTarget = require('../../global/js/hooks/usePortalTarget.js');
-const require_useResizeObserver = require('../../global/js/hooks/useResizeObserver.js');
-const require_ActionSet = require('../ActionSet/ActionSet.js');
-const require_getNodeTextContent = require('../../global/js/utils/getNodeTextContent.js');
-const require_Wrap = require('../../global/js/utils/Wrap.js');
-const require_useMergedRefs = require('../../global/js/hooks/useMergedRefs.js');
-const require_useId = require('../../global/js/utils/useId.js');
-const require_TearsheetPresence = require('./TearsheetPresence.js');
+const require_runtime = require("../../_virtual/_rolldown/runtime.js");
+const require_index = require("../../node_modules/classnames/index.js");
+const require_pconsole = require("../../global/js/utils/pconsole.js");
+const require_settings = require("../../settings.js");
+const require_useIsomorphicEffect = require("../../global/js/hooks/useIsomorphicEffect.js");
+const require_usePreviousValue = require("../../global/js/hooks/usePreviousValue.js");
+const require_useFocus = require("../../global/js/hooks/useFocus.js");
+const require_props_helper = require("../../global/js/utils/props-helper.js");
+const require_usePortalTarget = require("../../global/js/hooks/usePortalTarget.js");
+const require_useResizeObserver = require("../../global/js/hooks/useResizeObserver.js");
+const require_ActionSet = require("../ActionSet/ActionSet.js");
+const require_getNodeTextContent = require("../../global/js/utils/getNodeTextContent.js");
+const require_Wrap = require("../../global/js/utils/Wrap.js");
+const require_useMergedRefs = require("../../global/js/hooks/useMergedRefs.js");
+const require_useId = require("../../global/js/utils/useId.js");
+const require_TearsheetPresence = require("./TearsheetPresence.js");
 let react = require("react");
 react = require_runtime.__toESM(react);
 let prop_types = require("prop-types");
 prop_types = require_runtime.__toESM(prop_types);
 let _carbon_react = require("@carbon/react");
-
 //#region src/components/Tearsheet/TearsheetShell.tsx
 /**
 * Copyright IBM Corp. 2020, 2024
@@ -306,11 +305,38 @@ const TearsheetShellDialog = react.default.forwardRef(({ actions, decorator, ari
 TearsheetShell.displayName = componentName;
 const portalType = typeof Element === "undefined" ? prop_types.default.object : prop_types.default.instanceOf(Element);
 const deprecatedProps = {
+	/**
+	*  @deprecated Property replaced by `decorator`
+	*/
 	slug: require_props_helper.deprecateProp(prop_types.default.node, "Property replaced by `decorator`"),
+	/**
+	* **Deprecated**
+	*
+	* The position of the top of tearsheet in the viewport. The 'normal'
+	* position is a short distance down from the top of the
+	* viewport, leaving room at the top for a global header bar to show through
+	* from below. The 'lower' position (the default) provides a little extra room at the top
+	* to allow an action bar navigation or breadcrumbs to also show through.
+	*/
 	verticalPosition: prop_types.default.oneOf(["normal", "lower"])
 };
 TearsheetShell.propTypes = {
+	/**
+	* The actions to be shown as buttons in the action area at the bottom of the
+	* tearsheet. Each action is specified as an object with optional fields
+	* 'label' to supply the button label, 'kind' to select the button kind (must
+	* be 'primary', 'secondary' or 'ghost'), 'loading' to display a loading
+	* indicator, and 'onClick' to receive notifications when the button is
+	* clicked. Additional fields in the object will be passed to the Button
+	* component, and these can include 'disabled', 'ref', 'className', and any
+	* other Button props. Any other fields in the object will be passed through
+	* to the button element as HTML attributes.
+	*
+	* See https://react.carbondesignsystem.com/?path=/docs/components-button--default#component-api
+	*/
+	/**@ts-ignore*/
 	actions: prop_types.default.arrayOf(prop_types.default.shape({
+		/**@ts-ignore*/
 		..._carbon_react.Button.propTypes,
 		kind: prop_types.default.oneOf([
 			"ghost",
@@ -321,32 +347,122 @@ TearsheetShell.propTypes = {
 		]),
 		label: prop_types.default.string,
 		loading: prop_types.default.bool,
+		/**@ts-ignore*/
 		onClick: _carbon_react.Button.propTypes.onClick
 	})),
+	/**
+	* The main content of the tearsheet.
+	*/
 	children: prop_types.default.node,
+	/**
+	* An optional class or classes to be added to the outermost element.
+	*/
 	className: prop_types.default.string,
+	/**
+	* The accessibility title for the close icon (if shown).
+	*
+	* **Note:** This prop is only required if a close icon is shown, i.e. if
+	* there are a no navigation actions and/or hasCloseIcon is true.
+	*/
+	/**@ts-ignore*/
 	closeIconDescription: prop_types.default.string,
+	/**
+	* Optional prop that allows you to pass any component.
+	*/
 	decorator: prop_types.default.oneOfType([prop_types.default.node, prop_types.default.bool]),
+	/**
+	* A description of the flow, displayed in the header area of the tearsheet.
+	*/
 	description: prop_types.default.node,
+	/**
+	* Enable a close icon ('x') in the header area of the tearsheet. By default,
+	* (when this prop is omitted, or undefined or null) a tearsheet does not
+	* display a close icon if there are navigation actions ("transactional
+	* tearsheet") and displays one if there are no navigation actions ("passive
+	* tearsheet"), and that behavior can be overridden if required by setting
+	* this prop to either true or false.
+	*/
+	/**@ts-ignore*/
 	hasCloseIcon: prop_types.default.bool,
+	/**
+	* The content for the header actions area, displayed alongside the title in
+	* the header area of the tearsheet. This is typically a drop-down, or a set
+	* of small buttons, or similar. NB the headerActions is only applicable for
+	* wide tearsheets.
+	*/
 	headerActions: prop_types.default.element,
+	/**
+	* The content for the influencer section of the tearsheet, displayed
+	* alongside the main content. This is typically a menu, or filter, or
+	* progress indicator, or similar. NB the influencer is only applicable for
+	* wide tearsheets.
+	*/
 	influencer: prop_types.default.element,
+	/**
+	* The position of the influencer section, 'left' or 'right'.
+	*/
 	influencerPosition: prop_types.default.oneOf(["left", "right"]),
+	/**
+	* The width of the influencer: 'narrow' (the default) is 256px, and 'wide'
+	* is 320px.
+	*/
 	influencerWidth: prop_types.default.oneOf(["narrow", "wide"]),
+	/**
+	* A label for the tearsheet, displayed in the header area of the tearsheet
+	* to maintain context for the tearsheet (e.g. as the title changes from page
+	* to page of a multi-page task).
+	*/
 	label: prop_types.default.node,
+	/**
+	* Provide a ref to return focus to once the tearsheet is closed.
+	*/
+	/**@ts-ignore */
 	launcherButtonRef: prop_types.default.any,
+	/**
+	* Navigation content, such as a set of tabs, to be displayed at the bottom
+	* of the header area of the tearsheet. NB the navigation is only applicable
+	* for wide tearsheets.
+	*/
 	navigation: prop_types.default.element,
+	/**
+	* An optional handler that is called when the user closes the tearsheet (by
+	* clicking the close button, if enabled, or clicking outside, if enabled).
+	* Returning `false` here prevents the modal from closing.
+	*/
 	onClose: prop_types.default.func,
+	/**
+	* Specifies whether the tearsheet is currently open.
+	*/
 	open: prop_types.default.bool,
+	/**
+	* The DOM element that the tearsheet should be rendered within. Defaults to document.body.
+	*/
+	/**@ts-ignore*/
 	portalTarget: portalType,
+	/**
+	* Specify a CSS selector that matches the DOM element that should be
+	* focused when the Modal opens.
+	*/
 	selectorPrimaryFocus: prop_types.default.string,
+	/**
+	* Specify the CSS selectors that match the floating menus.
+	*
+	* See https://react.carbondesignsystem.com/?path=/docs/components-composedmodal--overview#focus-management
+	*/
+	/**@ts-ignore*/
 	selectorsFloatingMenus: prop_types.default.arrayOf(prop_types.default.string),
+	/**
+	* Specifies the width of the tearsheet, 'narrow' or 'wide'.
+	*/
+	/**@ts-ignore*/
 	size: prop_types.default.oneOf(["narrow", "wide"]).isRequired,
+	/**
+	* The main title of the tearsheet, displayed in the header area.
+	*/
 	title: prop_types.default.node,
 	...deprecatedProps
 };
-
 //#endregion
 exports.TearsheetShell = TearsheetShell;
 exports.portalType = portalType;
-exports.tearsheetShellWideProps = tearsheetShellWideProps;
+exports.tearsheetShellWideProps = tearsheetShellWideProps;

package/lib/components/Tearsheet/next/StackContext.js

@@ -5,11 +5,10 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-const require_runtime = require('../../../_virtual/_rolldown/runtime.js');
-const require_useResizeObserver = require('../../../global/js/hooks/useResizeObserver.js');
+const require_runtime = require("../../../_virtual/_rolldown/runtime.js");
+const require_useResizeObserver = require("../../../global/js/hooks/useResizeObserver.js");
 let react = require("react");
 react = require_runtime.__toESM(react);
-
 //#region src/components/Tearsheet/next/StackContext.tsx
 /**
 * Copyright IBM Corp. 2025, 2025
@@ -75,7 +74,6 @@ const useStackContext = () => {
 	};
 	return context;
 };
-
 //#endregion
 exports.StackProvider = StackProvider;
-exports.useStackContext = useStackContext;
+exports.useStackContext = useStackContext;

package/lib/components/Tearsheet/next/Tearsheet.js

@@ -5,26 +5,25 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-const require_runtime = require('../../../_virtual/_rolldown/runtime.js');
-const require_index = require('../../../node_modules/classnames/index.js');
-const require_useIsomorphicEffect = require('../../../global/js/hooks/useIsomorphicEffect.js');
-const require_useMatchMedia = require('../../../global/js/hooks/useMatchMedia.js');
-const require_useMergedRefs = require('../../../global/js/hooks/useMergedRefs.js');
-const require_useId = require('../../../global/js/utils/useId.js');
-const require_usePresence = require('../usePresence.js');
-const require_context = require('./context.js');
-const require_TearsheetHeader = require('./TearsheetHeader.js');
-const require_TearsheetHeaderContent = require('./TearsheetHeaderContent.js');
-const require_TearsheetBody = require('./TearsheetBody.js');
-const require_TearsheetHeaderActions = require('./TearsheetHeaderActions.js');
-const require_TearsheetFooter = require('./TearsheetFooter.js');
-const require_StackContext = require('./StackContext.js');
+const require_runtime = require("../../../_virtual/_rolldown/runtime.js");
+const require_index = require("../../../node_modules/classnames/index.js");
+const require_useIsomorphicEffect = require("../../../global/js/hooks/useIsomorphicEffect.js");
+const require_useMatchMedia = require("../../../global/js/hooks/useMatchMedia.js");
+const require_useMergedRefs = require("../../../global/js/hooks/useMergedRefs.js");
+const require_useId = require("../../../global/js/utils/useId.js");
+const require_usePresence = require("../usePresence.js");
+const require_context = require("./context.js");
+const require_TearsheetHeader = require("./TearsheetHeader.js");
+const require_TearsheetHeaderContent = require("./TearsheetHeaderContent.js");
+const require_TearsheetBody = require("./TearsheetBody.js");
+const require_TearsheetHeaderActions = require("./TearsheetHeaderActions.js");
+const require_TearsheetFooter = require("./TearsheetFooter.js");
+const require_StackContext = require("./StackContext.js");
 let react = require("react");
 react = require_runtime.__toESM(react);
 let _carbon_react = require("@carbon/react");
 let react_dom = require("react-dom");
 let _carbon_layout = require("@carbon/layout");
-
 //#region src/components/Tearsheet/next/Tearsheet.tsx
 /**
 * Copyright IBM Corp. 2025, 2025
@@ -162,6 +161,5 @@ Tearsheet.NavigationBar = require_TearsheetHeader.TearsheetNavigationBar;
 Tearsheet.ScrollButton = require_TearsheetHeader.TearsheetScrollButton;
 Tearsheet.HeaderActions = require_TearsheetHeaderActions.TearsheetHeaderActions;
 Tearsheet.HeaderActionItem = require_TearsheetHeaderActions.TearsheetHeaderActionItem;
-
 //#endregion
-exports.Tearsheet = Tearsheet;
+exports.Tearsheet = Tearsheet;

package/lib/components/Tearsheet/next/TearsheetBody.js

@@ -5,15 +5,14 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-const require_runtime = require('../../../_virtual/_rolldown/runtime.js');
-const require_index = require('../../../node_modules/classnames/index.js');
-const require_SidePanel = require('../../SidePanel/SidePanel.js');
-const require_context = require('./context.js');
-const require_useCollapsible = require('../../../global/js/hooks/useCollapsible.js');
+const require_runtime = require("../../../_virtual/_rolldown/runtime.js");
+const require_index = require("../../../node_modules/classnames/index.js");
+const require_SidePanel = require("../../SidePanel/SidePanel.js");
+const require_context = require("./context.js");
+const require_useCollapsible = require("../../../global/js/hooks/useCollapsible.js");
 let react = require("react");
 react = require_runtime.__toESM(react);
 let _carbon_react = require("@carbon/react");
-
 //#region src/components/Tearsheet/next/TearsheetBody.tsx
 /**
 * Copyright IBM Corp. 2025
@@ -85,9 +84,8 @@ const Influencer = (0, react.forwardRef)(({ children, className, influencerPanel
 		className: (0, import_classnames.default)(`${require_context.blockClass}__side-panel`, className)
 	}, children);
 });
-
 //#endregion
 exports.Influencer = Influencer;
 exports.MainContent = MainContent;
 exports.SummaryContent = SummaryContent;
-exports.default = TearsheetBody;
+exports.default = TearsheetBody;

package/lib/components/Tearsheet/next/TearsheetFooter.js

@@ -5,13 +5,12 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-const require_runtime = require('../../../_virtual/_rolldown/runtime.js');
-const require_index = require('../../../node_modules/classnames/index.js');
-const require_ActionSet = require('../../ActionSet/ActionSet.js');
-const require_context = require('./context.js');
+const require_runtime = require("../../../_virtual/_rolldown/runtime.js");
+const require_index = require("../../../node_modules/classnames/index.js");
+const require_ActionSet = require("../../ActionSet/ActionSet.js");
+const require_context = require("./context.js");
 let react = require("react");
 react = require_runtime.__toESM(react);
-
 //#region src/components/Tearsheet/next/TearsheetFooter.tsx
 /**
 * Copyright IBM Corp. 2025, 2025
@@ -37,6 +36,5 @@ const TearsheetFooter = (0, react.forwardRef)(({ children, className, actions, b
 	}));
 });
 TearsheetFooter.displayName = "TearsheetFooter";
-
 //#endregion
-exports.default = TearsheetFooter;
+exports.default = TearsheetFooter;

package/lib/components/Tearsheet/next/TearsheetHeader.js

@@ -5,14 +5,13 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-const require_runtime = require('../../../_virtual/_rolldown/runtime.js');
-const require_index = require('../../../node_modules/classnames/index.js');
-const require_context = require('./context.js');
+const require_runtime = require("../../../_virtual/_rolldown/runtime.js");
+const require_index = require("../../../node_modules/classnames/index.js");
+const require_context = require("./context.js");
 let react = require("react");
 react = require_runtime.__toESM(react);
 let _carbon_react = require("@carbon/react");
 let _carbon_react_icons = require("@carbon/react/icons");
-
 //#region src/components/Tearsheet/next/TearsheetHeader.tsx
 /**
 * Copyright IBM Corp. 2025
@@ -72,8 +71,7 @@ const TearsheetScrollButton = react.default.forwardRef(function PageHeaderExpand
 		className: (0, import_classnames.default)(className, `${require_context.blockClass}__scroller-button`)
 	}, /* @__PURE__ */ react.default.createElement(_carbon_react_icons.ChevronUp, { className: (0, import_classnames.default)(`${require_context.blockClass}__scroller-button-icon`, { [`${require_context.blockClass}__scroller-button-icon-collapsed`]: fullyCollapsed }) })));
 });
-
 //#endregion
 exports.TearsheetNavigationBar = TearsheetNavigationBar;
 exports.TearsheetScrollButton = TearsheetScrollButton;
-exports.default = TearsheetHeader;
+exports.default = TearsheetHeader;

package/lib/components/Tearsheet/next/TearsheetHeaderActions.js

@@ -5,15 +5,14 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-const require_runtime = require('../../../_virtual/_rolldown/runtime.js');
-const require_index = require('../../../node_modules/classnames/index.js');
-const require_useIsomorphicEffect = require('../../../global/js/hooks/useIsomorphicEffect.js');
-const require_context = require('./context.js');
+const require_runtime = require("../../../_virtual/_rolldown/runtime.js");
+const require_index = require("../../../node_modules/classnames/index.js");
+const require_useIsomorphicEffect = require("../../../global/js/hooks/useIsomorphicEffect.js");
+const require_context = require("./context.js");
 let react = require("react");
 react = require_runtime.__toESM(react);
 let _carbon_react = require("@carbon/react");
 let _carbon_utilities = require("@carbon/utilities");
-
 //#region src/components/Tearsheet/next/TearsheetHeaderActions.tsx
 /**
 * Copyright IBM Corp. 2025
@@ -73,7 +72,6 @@ const TearsheetHeaderActions = ({ className, children, menuButtonProps }) => {
 const TearsheetHeaderActionItem = ({ children, className }) => {
 	return /* @__PURE__ */ react.default.createElement("div", { className: `${require_context.blockClass}__header-action-item  ${className}` }, children);
 };
-
 //#endregion
 exports.TearsheetHeaderActionItem = TearsheetHeaderActionItem;
-exports.TearsheetHeaderActions = TearsheetHeaderActions;
+exports.TearsheetHeaderActions = TearsheetHeaderActions;

package/lib/components/Tearsheet/next/TearsheetHeaderContent.js

@@ -5,15 +5,14 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-const require_runtime = require('../../../_virtual/_rolldown/runtime.js');
-const require_index = require('../../../node_modules/classnames/index.js');
-const require_TruncatedText = require('../../TruncatedText/TruncatedText.js');
-const require_context = require('./context.js');
+const require_runtime = require("../../../_virtual/_rolldown/runtime.js");
+const require_index = require("../../../node_modules/classnames/index.js");
+const require_TruncatedText = require("../../TruncatedText/TruncatedText.js");
+const require_context = require("./context.js");
 let react = require("react");
 react = require_runtime.__toESM(react);
 let _carbon_react = require("@carbon/react");
 let _carbon_react_icons = require("@carbon/react/icons");
-
 //#region src/components/Tearsheet/next/TearsheetHeaderContent.tsx
 /**
 * Copyright IBM Corp. 2025
@@ -52,6 +51,5 @@ const TearsheetHeaderContent = react.default.forwardRef((props, ref) => {
 		ref
 	}, !isSm ? /* @__PURE__ */ react.default.createElement(react.default.Fragment, null, headerActionsElement, decoratorElement, closeButtonElement, headerContent) : /* @__PURE__ */ react.default.createElement(react.default.Fragment, null, decoratorElement, closeButtonElement, headerContent, headerActionsElement));
 });
-
 //#endregion
-exports.default = TearsheetHeaderContent;
+exports.default = TearsheetHeaderContent;

package/lib/components/Tearsheet/next/context.js

@@ -5,10 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-const require_runtime = require('../../../_virtual/_rolldown/runtime.js');
-const require_settings = require('../../../settings.js');
-let react = require("react");
-
+require("../../../_virtual/_rolldown/runtime.js");
+const require_settings = require("../../../settings.js");
 //#region src/components/Tearsheet/next/context.ts
 /**
 * Copyright IBM Corp. 2025
@@ -16,7 +14,7 @@ let react = require("react");
 * This source code is licensed under the Apache-2.0 license found in the
 * LICENSE file in the root directory of this source tree.
 */
-const TearsheetContext = (0, react.createContext)({
+const TearsheetContext = (0, require("react").createContext)({
 	fullyCollapsed: false,
 	disableHeaderCollapse: false,
 	variant: "wide",
@@ -26,7 +24,6 @@ const TearsheetContext = (0, react.createContext)({
 	hideCloseButton: false
 });
 const blockClass = `${require_settings.pkg.prefix}--tearsheet__next`;
-
 //#endregion
 exports.TearsheetContext = TearsheetContext;
-exports.blockClass = blockClass;
+exports.blockClass = blockClass;

package/lib/components/Tearsheet/usePresence.js

@@ -5,10 +5,9 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-const require_runtime = require('../../_virtual/_rolldown/runtime.js');
-const require_settings = require('../../settings.js');
+require("../../_virtual/_rolldown/runtime.js");
+const require_settings = require("../../settings.js");
 let react = require("react");
-
 //#region src/components/Tearsheet/usePresence.ts
 /**
 * Copyright IBM Corp. 2025
@@ -49,10 +48,15 @@ const usePresence = (ref, isOpen) => {
 		handleAnimationEnd
 	]);
 	return {
+		/**
+		* Indicates whether the ref object is supposed to be mounted
+		*/
 		isPresent: isOpen || exitState !== "finished",
+		/**
+		* Indicates whether the ref object is currently exiting
+		*/
 		isExiting
 	};
 };
-
 //#endregion
-exports.usePresence = usePresence;
+exports.usePresence = usePresence;