@carbon/ibm-products 2.89.0 → 2.90.0

package/es/components/TagOverflow/TagOverflow.js

@@ -16,7 +16,6 @@ import { TagOverflowPopover } from "./TagOverflowPopover.js";
 import React, { createElement, forwardRef, useCallback, useRef, useState } from "react";
 import PropTypes from "prop-types";
 import { DismissibleTag, Tag } from "@carbon/react";
-
 //#region src/components/TagOverflow/TagOverflow.tsx
 /**
 * Copyright IBM Corp. 2024, 2025
@@ -110,27 +109,77 @@ const TagOverflow = forwardRef((props, ref) => {
 TagOverflow.displayName = componentName;
 const tagTypes = Object.keys(TYPES);
 TagOverflow.propTypes = {
+	/**
+	* align the Tags displayed by the TagSet. Default start.
+	*/
 	align: PropTypes.oneOf([
 		"start",
 		"center",
 		"end"
 	]),
+	/**
+	* aria label for all tags modal with hasScrollingContent
+	*/
 	allTagsModalAriaLabel: PropTypes.string,
+	/**
+	* label text for the show all search. **Note: Required if more than 10 tags**
+	*/
 	allTagsModalSearchLabel: PropTypes.string,
+	/**
+	* placeholder text for the show all search. **Note: Required if more than 10 tags**
+	*/
 	allTagsModalSearchPlaceholderText: PropTypes.string,
+	/**
+	* portal target for the all tags modal
+	*/
 	allTagsModalTarget: PropTypes.node,
+	/**
+	* title for the show all modal. **Note: Required if more than 10 tags**
+	*/
 	allTagsModalTitle: PropTypes.string,
+	/**
+	* Will auto-align the popover on first render if it is not visible. This prop is currently experimental and is subject to future changes.
+	*/
 	autoAlign: PropTypes.bool,
+	/**
+	* Provide an optional class to be applied to the containing node.
+	*/
 	className: PropTypes.string,
+	/**
+	* The items to be shown in the TagOverflow. Each item is specified as an object with properties:
+	* **label**\* (required) to supply the content,
+	* **id**\* (required) to uniquely identify each item.
+	* **tagType** the type value to be passed to the Carbon Tag component.
+	* Refer https://react.carbondesignsystem.com/?path=/docs/components-tag--default to see the possible values for tagType
+	*
+	* If you want to render a custom component, pass it as tagComponent prop and
+	* then pass the props required for your custom component as the properties of item object
+	*/
 	items: PropTypes.arrayOf(PropTypes.shape({
 		id: PropTypes.string.isRequired,
 		label: PropTypes.string.isRequired,
 		tagType: PropTypes.oneOf(tagTypes)
 	}).isRequired),
+	/**
+	* maximum visible items
+	*/
 	maxVisible: PropTypes.number,
+	/**
+	* Specify offset amount for measure available space, only used when `containingElementSelector`
+	* is also provided
+	*/
 	measurementOffset: PropTypes.number,
+	/**
+	* display items in multiple lines
+	*/
 	multiline: PropTypes.bool,
+	/**
+	* Handler to get overflow tags
+	*/
 	onOverflowTagChange: PropTypes.func,
+	/**
+	* overflowAlign from the standard tooltip. Default center.
+	*/
 	overflowAlign: PropTypes.oneOf([
 		"top",
 		"top-left",
@@ -145,11 +194,24 @@ TagOverflow.propTypes = {
 		"right-bottom",
 		"right-top"
 	]),
+	/**
+	* overflowClassName for the tooltip popup
+	*/
 	overflowClassName: PropTypes.string,
+	/**
+	* Type of rendering displayed inside of the tag overflow component
+	*/
 	overflowType: PropTypes.oneOf(["default", "tag"]),
+	/**
+	* label for the overflow show all tags link.
+	*
+	* **Note:** Required if more than 10 tags
+	*/
 	showAllTagsLabel: PropTypes.string,
+	/** Component definition of the items to be rendered inside TagOverflow.
+	* If this is not passed, items will be rendered as Tag component
+	*/
 	tagComponent: PropTypes.elementType
 };
-
 //#endregion
-export { TagOverflow };
+export { TagOverflow };

package/es/components/TagOverflow/TagOverflowModal.js

@@ -13,7 +13,6 @@ import { usePortalTarget } from "../../global/js/hooks/usePortalTarget.js";
 import React, { useState } from "react";
 import PropTypes from "prop-types";
 import { ComposedModal, DismissibleTag, ModalBody, ModalHeader, Search, Tag } from "@carbon/react";
-
 //#region src/components/TagOverflow/TagOverflowModal.tsx
 var import_classnames = /* @__PURE__ */ __toESM(require_classnames());
 const componentName = "TagOverflowModal";
@@ -83,6 +82,5 @@ TagOverflowModal.propTypes = {
 	title: PropTypes.string
 };
 TagOverflowModal.displayName = componentName;
-
 //#endregion
-export { TagOverflowModal };
+export { TagOverflowModal };

package/es/components/TagOverflow/TagOverflowPopover.js

@@ -12,7 +12,6 @@ import { useClickOutside } from "../../global/js/hooks/useClickOutside.js";
 import React, { forwardRef, useRef } from "react";
 import PropTypes from "prop-types";
 import { DismissibleTag, Link, OperationalTag, Popover, PopoverContent, Tag } from "@carbon/react";
-
 //#region src/components/TagOverflow/TagOverflowPopover.tsx
 var import_classnames = /* @__PURE__ */ __toESM(require_classnames());
 const componentName = "TagOverflowPopover";
@@ -95,10 +94,25 @@ const TagOverflowPopover = forwardRef((props, ref) => {
 });
 TagOverflowPopover.displayName = componentName;
 TagOverflowPopover.propTypes = {
+	/**
+	* count of overflowTags over which a modal is offered
+	*/
 	allTagsModalSearchThreshold: PropTypes.number,
+	/**
+	* Will auto-align the popover on first render if it is not visible. This prop is currently experimental and is subject to future changes.
+	*/
 	autoAlign: PropTypes.bool,
+	/**
+	* className
+	*/
 	className: PropTypes.string,
+	/**
+	* function to execute on clicking show all
+	*/
 	onShowAllClick: PropTypes.func.isRequired,
+	/**
+	* overflowAlign from the standard tooltip
+	*/
 	overflowAlign: PropTypes.oneOf([
 		"top",
 		"top-left",
@@ -113,12 +127,26 @@ TagOverflowPopover.propTypes = {
 		"right-bottom",
 		"right-top"
 	]),
+	/**
+	* tags shown in overflow
+	*/
 	overflowTags: PropTypes.arrayOf(PropTypes.object).isRequired,
+	/**
+	* Type of rendering displayed inside of the tag overflow component
+	*/
 	overflowType: PropTypes.oneOf(["default", "tag"]),
+	/**
+	* Open state of the popover
+	*/
 	popoverOpen: PropTypes.bool,
+	/**
+	* Setter function for the popoverOpen state value
+	*/
 	setPopoverOpen: PropTypes.func,
+	/**
+	* label for the overflow show all tags link
+	*/
 	showAllTagsLabel: PropTypes.string
 };
-
 //#endregion
-export { TagOverflowPopover };
+export { TagOverflowPopover };

package/es/components/TagOverflow/constants.js

@@ -20,6 +20,5 @@ const TYPES = {
 	"high-contrast": "High-Contrast",
 	outline: "Outline"
 };
-
 //#endregion
-export { TYPES };
+export { TYPES };

package/es/components/TagSet/TagSet.js

@@ -15,7 +15,6 @@ import { TagSetOverflow } from "./TagSetOverflow.js";
 import React, { useCallback, useEffect, useRef, useState } from "react";
 import PropTypes from "prop-types";
 import { DismissibleTag, Tag } from "@carbon/react";
-
 //#region src/components/TagSet/TagSet.tsx
 var import_classnames = /* @__PURE__ */ __toESM(require_classnames());
 const componentName = "TagSet";
@@ -213,23 +212,68 @@ const tagTypes = Object.keys({
 });
 TagSet["types"] = tagTypes;
 TagSet.propTypes = {
+	/**
+	* align the Tags displayed by the TagSet. Default start.
+	*/
 	align: PropTypes.oneOf([
 		"start",
 		"center",
 		"end"
 	]),
+	/**
+	* aria label for all tags modal with hasScrollingContent
+	*/
 	allTagsModalAriaLabel: PropTypes.string,
+	/**
+	* label text for the show all search.
+	*/
 	allTagsModalSearchLabel: PropTypes.string,
+	/**
+	* placeholder text for the show all search.
+	*/
 	allTagsModalSearchPlaceholderText: PropTypes.string,
+	/**
+	* portal target for the all tags modal
+	*/
 	allTagsModalTarget: PropTypes.node,
+	/**
+	* title for the show all modal.
+	*/
 	allTagsModalTitle: PropTypes.string,
+	/**
+	* className
+	*/
 	className: PropTypes.string,
+	/**
+	* Optional ref for custom resize container to measure available space
+	* Default will measure the available space of the TagSet container itself.
+	*/
+	/**@ts-ignore */
 	containingElementRef: PropTypes.object,
+	/**
+	* maximum visible tags
+	*/
 	maxVisible: PropTypes.number,
+	/**
+	* Specify offset amount for measure available space, only used when `containingElementSelector`
+	* is also provided
+	*/
 	measurementOffset: PropTypes.number,
+	/**
+	* display tags in multiple lines
+	*/
 	multiline: PropTypes.bool,
+	/**
+	* An optional click handler that overrides the default functionality of displaying all tags in a modal
+	*/
 	onOverflowClick: PropTypes.func,
+	/**
+	* Handler to get overflow tags
+	*/
 	onOverflowTagChange: PropTypes.func,
+	/**
+	* overflowAlign from the standard tooltip. Default center.
+	*/
 	overflowAlign: PropTypes.oneOf([
 		"top",
 		"top-left",
@@ -244,10 +288,30 @@ TagSet.propTypes = {
 		"right-bottom",
 		"right-top"
 	]),
+	/**
+	* Will auto-align the popover on first render if it is not visible. This prop is currently experimental and is subject to future changes.
+	*/
 	overflowAutoAlign: PropTypes.bool,
+	/**
+	* overflowClassName for the tooltip popup
+	*/
 	overflowClassName: PropTypes.string,
+	/**
+	* Type of rendering displayed inside of the tag overflow component
+	*/
 	overflowType: PropTypes.oneOf(["default", "tag"]),
+	/**
+	* label for the overflow show all tags link.
+	*/
 	showAllTagsLabel: PropTypes.string,
+	/**
+	* The tags to be shown in the TagSet. Each tag is specified as an object
+	* with properties: **label**\* (required) to supply the tag content, and
+	* other properties will be passed to the Carbon Tag component, such as
+	* **type**, **disabled**, **ref**, **className** , and any other Tag props.
+	*
+	* See https://react.carbondesignsystem.com/?path=/docs/components-tag--default
+	*/
 	tags: PropTypes.arrayOf(PropTypes.shape({
 		...Tag.propTypes,
 		label: PropTypes.string.isRequired,
@@ -255,6 +319,5 @@ TagSet.propTypes = {
 	}))
 };
 TagSet.displayName = componentName;
-
 //#endregion
-export { TagSet as default };
+export { TagSet as default };

package/es/components/TagSet/TagSetModal.js

@@ -13,7 +13,6 @@ import { usePortalTarget } from "../../global/js/hooks/usePortalTarget.js";
 import React, { useEffect, useState } from "react";
 import PropTypes from "prop-types";
 import { ComposedModal, ModalBody, ModalHeader, Search, Tag } from "@carbon/react";
-
 //#region src/components/TagSet/TagSetModal.tsx
 var import_classnames = /* @__PURE__ */ __toESM(require_classnames());
 const componentName = "TagSetModal";
@@ -88,6 +87,5 @@ TagSetModal.propTypes = {
 	title: PropTypes.string
 };
 TagSetModal.displayName = componentName;
-
 //#endregion
-export { TagSetModal };
+export { TagSetModal };

package/es/components/TagSet/TagSetOverflow.js

@@ -12,7 +12,6 @@ import { useClickOutside } from "../../global/js/hooks/useClickOutside.js";
 import React, { useRef } from "react";
 import PropTypes from "prop-types";
 import { Link, OperationalTag, Popover, PopoverContent } from "@carbon/react";
-
 //#region src/components/TagSet/TagSetOverflow.tsx
 /**@ts-ignore */
 var import_classnames = /* @__PURE__ */ __toESM(require_classnames());
@@ -96,10 +95,25 @@ const TagSetOverflow = React.forwardRef(({ allTagsModalSearchThreshold = default
 });
 TagSetOverflow.displayName = componentName;
 TagSetOverflow.propTypes = {
+	/**
+	* count of overflowTags over which a modal is offered
+	*/
 	allTagsModalSearchThreshold: PropTypes.number,
+	/**
+	* className
+	*/
 	className: PropTypes.string,
+	/**
+	* An optional click handler that overrides the default functionality of displaying all tags in a modal
+	*/
 	onOverflowClick: PropTypes.func,
+	/**
+	* function to execute on clicking show all
+	*/
 	onShowAllClick: PropTypes.func.isRequired,
+	/**
+	* overflowAlign from the standard tooltip
+	*/
 	overflowAlign: PropTypes.oneOf([
 		"top",
 		"top-left",
@@ -114,14 +128,35 @@ TagSetOverflow.propTypes = {
 		"right-bottom",
 		"right-top"
 	]),
+	/**
+	* Will auto-align the popover on first render if it is not visible. This prop is currently experimental and is subject to future changes.
+	*/
 	overflowAutoAlign: PropTypes.bool,
+	/**
+	* tags shown in overflow
+	*/
+	/**@ts-ignore */
 	overflowTags: PropTypes.arrayOf(PropTypes.object).isRequired,
+	/**
+	* Type of rendering displayed inside of the tag overflow component
+	*/
 	overflowType: PropTypes.oneOf(["default", "tag"]),
+	/**
+	* Open state of the popover
+	*/
 	popoverOpen: PropTypes.bool,
+	/**
+	* Setter function for the popoverOpen state value
+	*/
 	setPopoverOpen: PropTypes.func.isRequired,
+	/**
+	* label for the overflow show all tags link
+	*/
 	showAllTagsLabel: PropTypes.string,
+	/**
+	* Size of the overflow tag
+	*/
 	size: PropTypes.string
 };
-
 //#endregion
-export { TagSetOverflow };
+export { TagSetOverflow };

package/es/components/Tearsheet/Tearsheet.js

@@ -11,7 +11,6 @@ import { TearsheetShell, portalType } from "./TearsheetShell.js";
 import React from "react";
 import PropTypes from "prop-types";
 import { Button } from "@carbon/react";
-
 //#region src/components/Tearsheet/Tearsheet.tsx
 /**
 * Copyright IBM Corp. 2020, 2023
@@ -44,8 +43,31 @@ const Tearsheet = React.forwardRef((props, ref) => {
 	}, children);
 });
 Tearsheet.displayName = componentName;
-const deprecatedProps = { verticalPosition: PropTypes.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: PropTypes.oneOf(["normal", "lower"]) };
 Tearsheet.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, except 'size'. 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: allPropTypes([PropTypes.arrayOf(PropTypes.shape({
 		...Button.propTypes,
 		kind: PropTypes.oneOf([
@@ -57,28 +79,105 @@ Tearsheet.propTypes = {
 		]),
 		label: PropTypes.string,
 		loading: PropTypes.bool,
+		/**@ts-ignore*/
 		onClick: 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: PropTypes.string,
+	/**
+	* An optional class or classes to be added to the outermost element.
+	*/
 	className: PropTypes.string,
+	/**
+	* The accessibility title for the close icon (if shown).
+	*
+	*/
 	closeIconDescription: PropTypes.string,
+	/**
+	* A description of the flow, displayed in the header area of the tearsheet.
+	*/
 	description: PropTypes.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.
+	*/
 	hasCloseIcon: PropTypes.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: PropTypes.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.
+	*/
 	influencer: PropTypes.element,
+	/**
+	* The position of the influencer section, 'left' or 'right'.
+	*/
 	influencerPosition: PropTypes.oneOf(["left", "right"]),
+	/**
+	* The width of the influencer: 'narrow' (the default) is 256px, and 'wide'
+	* is 320px.
+	*/
 	influencerWidth: PropTypes.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: PropTypes.node,
+	/**
+	* Provide a ref to return focus to once the tearsheet is closed.
+	*/
 	launcherButtonRef: PropTypes.any,
+	/**
+	* Navigation content, such as a set of tabs, to be displayed at the bottom
+	* of the header area of the tearsheet.
+	*/
 	navigation: PropTypes.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: PropTypes.func,
+	/**
+	* Specifies whether the tearsheet is currently open.
+	*/
 	open: PropTypes.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: PropTypes.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: PropTypes.arrayOf(PropTypes.string),
+	/**
+	* The main title of the tearsheet, displayed in the header area.
+	*/
 	title: PropTypes.node,
 	...deprecatedProps
 };
-
 //#endregion
-export { Tearsheet };
+export { Tearsheet };

package/es/components/Tearsheet/TearsheetNarrow.js

@@ -11,7 +11,6 @@ import { TearsheetShell, portalType, tearsheetShellWideProps } from "./Tearsheet
 import React from "react";
 import PropTypes from "prop-types";
 import { Button } from "@carbon/react";
-
 //#region src/components/Tearsheet/TearsheetNarrow.tsx
 /**
 * Copyright IBM Corp. 2020, 2024
@@ -37,8 +36,31 @@ const TearsheetNarrow = React.forwardRef(({ verticalPosition = defaults.vertical
 	size: "narrow"
 }));
 TearsheetNarrow.displayName = componentName;
-const deprecatedProps = { verticalPosition: PropTypes.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: PropTypes.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: allPropTypes([PropTypes.arrayOf(PropTypes.shape({
 		...Button.propTypes,
 		kind: PropTypes.oneOf([
@@ -50,22 +72,72 @@ TearsheetNarrow.propTypes = {
 		]),
 		label: PropTypes.string,
 		loading: PropTypes.bool,
+		/**@ts-ignore*/
 		onClick: 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: PropTypes.string,
+	/**
+	* An optional class or classes to be added to the outermost element.
+	*/
 	className: PropTypes.string,
+	/**
+	* The accessibility title for the close icon (if shown).
+	*
+	*/
 	closeIconDescription: PropTypes.string,
+	/**
+	* A description of the flow, displayed in the header area of the tearsheet.
+	*/
 	description: PropTypes.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: PropTypes.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: PropTypes.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: PropTypes.func,
+	/**
+	* Specifies whether the tearsheet is currently open.
+	*/
 	open: PropTypes.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: PropTypes.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: PropTypes.arrayOf(PropTypes.string),
+	/**
+	* The main title of the tearsheet, displayed in the header area.
+	*/
 	title: PropTypes.node,
 	...deprecatedProps
 };
-
 //#endregion
-export { TearsheetNarrow };
+export { TearsheetNarrow };

package/es/components/Tearsheet/TearsheetPresence.js

@@ -7,7 +7,6 @@
 
 import { usePresenceContext } from "./usePresenceContext.js";
 import React, { createContext, useContext, useMemo } from "react";
-
 //#region src/components/Tearsheet/TearsheetPresence.tsx
 /**
 * Copyright IBM Corp. 2016, 2025
@@ -43,6 +42,5 @@ const withTearsheetPresence = (Component) => {
 	WithModalPresence.displayName = `withModalPresence(${Component.displayName || Component.name || "Component"})`;
 	return WithModalPresence;
 };
-
 //#endregion
-export { TearsheetPresence, TearsheetPresenceContext, useExclusiveTearsheetPresenceContext, withTearsheetPresence };
+export { TearsheetPresence, TearsheetPresenceContext, useExclusiveTearsheetPresenceContext, withTearsheetPresence };