@carbon/ibm-products 2.43.2-canary.304 → 2.43.2-canary.306

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

@@ -11,7 +11,7 @@ export function AddSelectSidebar({ appliedModifiers, closeIconDescription, displ
     noSelectionDescription: any;
     noSelectionTitle: any;
     setDisplayMetaPanel: any;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 export namespace AddSelectSidebar {
     export namespace propTypes {
         let appliedModifiers: PropTypes.Requireable<any[]>;
@@ -29,6 +29,7 @@ export namespace AddSelectSidebar {
     }
     export { componentName as displayName };
 }
+import React from 'react';
 import PropTypes from 'prop-types';
 declare const componentName: "AddSelectSidebar";
 export {};

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

@@ -1,3 +1,4 @@
+import React from 'react';
 import PropTypes from 'prop-types';
 export interface AddSelectSortProps {
     setSortAttribute?: (attribute: any) => void;
@@ -6,7 +7,7 @@ export interface AddSelectSortProps {
     sortByLabel?: string;
 }
 export declare const AddSelectSort: {
-    ({ setSortAttribute, setSortDirection, sortBy, sortByLabel, }: AddSelectSortProps): import("react/jsx-runtime").JSX.Element;
+    ({ setSortAttribute, setSortDirection, sortBy, sortByLabel, }: AddSelectSortProps): React.JSX.Element;
     propTypes: {
         setSortAttribute: PropTypes.Requireable<(...args: any[]) => any>;
         setSortDirection: PropTypes.Requireable<(...args: any[]) => any>;

package/lib/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.d.ts

@@ -6,7 +6,7 @@ export function BreadcrumbWithOverflow({ breadcrumbs, className, maxVisible, noT
     noTrailingSlash: any;
     overflowAriaLabel: any;
     overflowTooltipAlign: any;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 export namespace BreadcrumbWithOverflow {
     export namespace propTypes {
         let breadcrumbs: PropTypes.Requireable<(PropTypes.InferProps<{
@@ -43,6 +43,7 @@ export namespace BreadcrumbWithOverflow {
     }
     export { componentName as displayName };
 }
+import React from 'react';
 import PropTypes from 'prop-types';
 declare const componentName: "BreadcrumbWithOverflow";
 export {};

package/lib/components/ButtonSetWithOverflow/ButtonSetWithOverflow.d.ts

@@ -5,7 +5,7 @@ export function ButtonSetWithOverflow({ buttons, className, onWidthChange, butto
     buttonSetOverflowLabel: any;
     menuOptionsClass: any;
     rightAlign: any;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 export namespace ButtonSetWithOverflow {
     export namespace propTypes {
         let buttonSetOverflowLabel: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
@@ -17,6 +17,7 @@ export namespace ButtonSetWithOverflow {
     }
     export { componentName as displayName };
 }
+import React from 'react';
 import PropTypes from 'prop-types';
 declare const componentName: "ButtonSetWithOverflow";
 export {};

package/lib/components/Card/Card.d.ts

@@ -57,10 +57,14 @@ interface CardProp extends PropsWithChildren {
     sequence?: number;
     iconDescription?: string;
     /**
-     * **Experimental?** For all cases a `Slug` component can be provided.
      * Clickable tiles only accept a boolean value of true and display a hollow slug.
+     * @deprecated please use the `aiLabel` prop
      */
     slug?: ReactNode | boolean;
+    /**
+     * Optional prop that is intended for any scenario where something is being generated by AI to reinforce AI transparency, accountability, and explainability at the UI level.
+     */
+    aiLabel?: ReactNode | boolean;
     status?: 'complete' | 'incomplete';
     title?: ReactNode;
     titleSize?: 'default' | 'large';

package/lib/components/Card/Card.js

@@ -18,7 +18,7 @@ var CardFooter = require('./CardFooter.js');
 var settings = require('../../settings.js');
 
 var _Incomplete, _CheckmarkOutline;
-var _excluded = ["actionIcons", "actionsPlacement", "metadata", "children", "className", "clickZone", "description", "disabled", "footerActionIcon", "getStarted", "label", "media", "mediaPosition", "onClick", "onKeyDown", "onPrimaryButtonClick", "overflowActions", "overflowAriaLabel", "onSecondaryButtonClick", "pictogram", "primaryButtonDisabled", "primaryButtonHref", "primaryButtonIcon", "primaryButtonKind", "primaryButtonPlacement", "primaryButtonText", "productive", "secondaryButtonDisabled", "secondaryButtonHref", "secondaryButtonIcon", "secondaryButtonKind", "secondaryButtonPlacement", "secondaryButtonText", "slug", "status", "sequence", "title", "titleSize", "iconDescription"],
+var _excluded = ["actionIcons", "actionsPlacement", "aiLabel", "metadata", "children", "className", "clickZone", "description", "disabled", "footerActionIcon", "getStarted", "label", "media", "mediaPosition", "onClick", "onKeyDown", "onPrimaryButtonClick", "overflowActions", "overflowAriaLabel", "onSecondaryButtonClick", "pictogram", "primaryButtonDisabled", "primaryButtonHref", "primaryButtonIcon", "primaryButtonKind", "primaryButtonPlacement", "primaryButtonText", "productive", "secondaryButtonDisabled", "secondaryButtonHref", "secondaryButtonIcon", "secondaryButtonKind", "secondaryButtonPlacement", "secondaryButtonText", "slug", "status", "sequence", "title", "titleSize", "iconDescription"],
   _excluded2 = ["id"],
   _excluded3 = ["id", "icon", "onClick", "iconDescription", "href"];
 var componentName = 'Card';
@@ -27,6 +27,7 @@ var Card = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     actionIcons = _ref$actionIcons === void 0 ? Object.freeze([]) : _ref$actionIcons,
     _ref$actionsPlacement = _ref.actionsPlacement,
     actionsPlacement = _ref$actionsPlacement === void 0 ? 'bottom' : _ref$actionsPlacement,
+    aiLabel = _ref.aiLabel,
     _ref$metadata = _ref.metadata,
     metadata = _ref$metadata === void 0 ? Object.freeze([]) : _ref$metadata,
     children = _ref.children,
@@ -168,7 +169,7 @@ var Card = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var clickable = hasClickEvent && !productive || hasClickEvent && productive && clickZone === 'one';
     var cardProps = _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, rest), {}, {
       ref: ref,
-      className: cx(blockClass, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__disabled"), disabled), "".concat(blockClass, "__get-started"), getStarted), "".concat(blockClass, "__productive"), productive), "".concat(blockClass, "__clickable"), clickable), "".concat(blockClass, "__media-left"), mediaPosition === 'left'), "".concat(blockClass, "--has-slug"), !!slug), className)
+      className: cx(blockClass, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__disabled"), disabled), "".concat(blockClass, "__get-started"), getStarted), "".concat(blockClass, "__productive"), productive), "".concat(blockClass, "__clickable"), clickable), "".concat(blockClass, "__media-left"), mediaPosition === 'left'), "".concat(blockClass, "--has-slug"), !!slug), "".concat(blockClass, "--has-ai-label"), !!aiLabel), className)
     }, clickable && clickableProps);
     return cardProps;
   };
@@ -184,6 +185,7 @@ var Card = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var getHeaderProps = function getHeaderProps() {
     return {
       actions: actionsPlacement === 'top' ? getActions() : '',
+      aiLabel: aiLabel,
       noActionIcons: getIcons().length > 0 && actionsPlacement === 'top' ? false : true,
       actionsPlacement: actionsPlacement,
       onPrimaryButtonClick: onPrimaryButtonClick,
@@ -267,6 +269,10 @@ Card.propTypes = {
     href: index.default.string
   })),
   actionsPlacement: index.default.oneOf(['top', 'bottom']),
+  /**
+   * Optional prop that is intended for any scenario where something is being generated by AI to reinforce AI transparency, accountability, and explainability at the UI level.
+   */
+  aiLabel: index.default.oneOfType([index.default.node, index.default.bool]),
   children: index.default.node,
   className: index.default.string,
   clickZone: index.default.oneOf(['one', 'two', 'three']),
@@ -318,6 +324,7 @@ Card.propTypes = {
   /**
    * **Experimental:** For all cases a `Slug` component can be provided.
    * Clickable tiles only accept a boolean value of true and display a hollow slug.
+   * @deprecated please use the `aiLabel` prop
    */
   slug: index.default.oneOfType([index.default.node, index.default.bool]),
   status: index.default.oneOf(['complete', 'incomplete']),

package/lib/components/Card/CardFooter.d.ts

@@ -23,7 +23,7 @@ interface CardFooterProps {
     secondaryButtonText?: string;
 }
 export declare const CardFooter: {
-    ({ actions, disabled, footerActionIcon: FooterActionIcon, hasActions, hasButton, onPrimaryButtonClick, onSecondaryButtonClick, primaryButtonDisabled, primaryButtonHref, primaryButtonIcon, primaryButtonKind, primaryButtonPlacement, primaryButtonText, productive, secondaryButtonDisabled, secondaryButtonHref, secondaryButtonIcon, secondaryButtonKind, secondaryButtonPlacement, secondaryButtonText, }: CardFooterProps): import("react/jsx-runtime").JSX.Element;
+    ({ actions, disabled, footerActionIcon: FooterActionIcon, hasActions, hasButton, onPrimaryButtonClick, onSecondaryButtonClick, primaryButtonDisabled, primaryButtonHref, primaryButtonIcon, primaryButtonKind, primaryButtonPlacement, primaryButtonText, productive, secondaryButtonDisabled, secondaryButtonHref, secondaryButtonIcon, secondaryButtonKind, secondaryButtonPlacement, secondaryButtonText, }: CardFooterProps): React.JSX.Element;
     /**@ts-ignore */
     propTypes: {
         actions: PropTypes.Requireable<NonNullable<any[] | PropTypes.ReactNodeLike>>;

package/lib/components/Card/CardHeader.d.ts

@@ -1,7 +1,11 @@
 import React, { ReactNode } from 'react';
 import PropTypes from 'prop-types';
 interface CardHeaderProps {
-    actions?: ReactNode[] | ReactNode;
+    actions?: ReactNode;
+    /**
+     * Optional prop that is intended for any scenario where something is being generated by AI to reinforce AI transparency, accountability, and explainability at the UI level.
+     */
+    aiLabel?: ReactNode | boolean;
     description?: ReactNode;
     hasActions?: boolean;
     /**
@@ -25,16 +29,21 @@ interface CardHeaderProps {
     /**
      * **Experimental:** For all cases a `Slug` component can be provided.
      * Clickable tiles only accept a boolean value of true and display a hollow slug.
+     * @deprecated please use the `aiLabel` prop
      */
     slug?: ReactNode;
     title?: ReactNode;
     titleSize?: 'default' | 'large';
 }
 export declare const CardHeader: {
-    ({ actions, noActionIcons, onPrimaryButtonClick, onSecondaryButtonClick, primaryButtonIcon, primaryButtonPlacement, primaryButtonText, primaryButtonDisabled, description, hasActions, inClickableCard, label, secondaryButtonDisabled, secondaryButtonHref, secondaryButtonIcon, secondaryButtonPlacement, secondaryButtonText, slug, title, titleSize, }: CardHeaderProps): import("react/jsx-runtime").JSX.Element;
+    ({ actions, aiLabel, noActionIcons, onPrimaryButtonClick, onSecondaryButtonClick, primaryButtonIcon, primaryButtonPlacement, primaryButtonText, primaryButtonDisabled, description, hasActions, inClickableCard, label, secondaryButtonDisabled, secondaryButtonHref, secondaryButtonIcon, secondaryButtonPlacement, secondaryButtonText, slug, title, titleSize, }: CardHeaderProps): React.JSX.Element;
     /**@ts-ignore */
     propTypes: {
         actions: PropTypes.Requireable<NonNullable<any[] | PropTypes.ReactNodeLike>>;
+        /**
+         * Optional prop that is intended for any scenario where something is being generated by AI to reinforce AI transparency, accountability, and explainability at the UI level.
+         */
+        aiLabel: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
         description: PropTypes.Requireable<NonNullable<object | PropTypes.ReactNodeLike>>;
         hasActions: PropTypes.Requireable<boolean>;
         /**
@@ -58,6 +67,7 @@ export declare const CardHeader: {
         /**
          * **Experimental:** For all cases a `Slug` component can be provided.
          * Clickable tiles only accept a boolean value of true and display a hollow slug.
+         * @deprecated please use the `aiLabel` prop
          */
         slug: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
         title: PropTypes.Requireable<NonNullable<object | PropTypes.ReactNodeLike>>;

package/lib/components/Card/CardHeader.js

@@ -22,6 +22,7 @@ var defaults = {
 };
 var CardHeader = function CardHeader(_ref) {
   var actions = _ref.actions,
+    aiLabel = _ref.aiLabel,
     noActionIcons = _ref.noActionIcons,
     onPrimaryButtonClick = _ref.onPrimaryButtonClick,
     onSecondaryButtonClick = _ref.onSecondaryButtonClick,
@@ -49,8 +50,9 @@ var CardHeader = function CardHeader(_ref) {
   var headerClasses = cx(headerClass, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(headerClass, "-label-only"), label && !title && !description), "".concat(headerClass, "-has-label"), !!label), "".concat(blockClass, "__title-lg"), titleSize === 'large'));
   var actionGhostButton = "".concat(blockClass, "__actions-header-ghost-button");
   var actionGhostButtonClass = cx(actionGhostButton, _rollupPluginBabelHelpers.defineProperty({}, "".concat(actionGhostButton, "--only"), noActionIcons));
-  var hollowSlugIcon = /*#__PURE__*/React.createElement("svg", {
-    className: "".concat(carbonPrefix, "--slug ").concat(carbonPrefix, "--slug-icon"),
+  var hollowAiIcon = /*#__PURE__*/React.createElement("svg", {
+    className: "".concat(carbonPrefix, "--slug ").concat(carbonPrefix, "--slug-icon") // NOTE: We cannot change this to ai-label until carbon changes their classnames on their end
+    ,
     width: "24",
     height: "24",
     viewBox: "0 0 24 24",
@@ -65,12 +67,13 @@ var CardHeader = function CardHeader(_ref) {
     d: "M13.2436 16H11.5996L10.9276 13.864H7.95164L7.29164 16H5.68364L8.49164 7.624H10.4596L13.2436 16ZM10.5436 12.508L9.46364 9.064H9.40364L8.33564 12.508H10.5436ZM17.9341 16H14.1301V14.728H15.2341V8.896H14.1301V7.624H17.9341V8.896H16.8181V14.728H17.9341V16Z",
     fill: "#161616"
   })));
-  var normalizedSlug = null;
-  if (slug) {
-    if (inClickableCard || typeof slug === 'boolean') {
-      normalizedSlug = hollowSlugIcon;
+  var normalizedAiLabel = null;
+  if (aiLabel || slug) {
+    if (inClickableCard || typeof aiLabel === 'boolean' || typeof slug === 'boolean') {
+      normalizedAiLabel = hollowAiIcon;
     } else {
-      normalizedSlug = /*#__PURE__*/React.cloneElement(slug, {
+      var element = aiLabel || slug;
+      normalizedAiLabel = /*#__PURE__*/React.cloneElement(element, {
         size: label && title || title && titleSize === 'large' ? 'sm' : 'xs'
       });
     }
@@ -78,7 +81,7 @@ var CardHeader = function CardHeader(_ref) {
   return /*#__PURE__*/React.createElement("div", {
     className: headerClasses
   }, /*#__PURE__*/React.createElement("div", {
-    className: cx(["".concat(headerClass, "-container"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(headerClass, "-container--has-slug"), !!slug), _rollupPluginBabelHelpers.defineProperty({}, "".concat(headerClass, "-container--has-actions"), !!hasActions), _rollupPluginBabelHelpers.defineProperty({}, "".concat(headerClass, "-container--large-tile-or-label"), title && (label || titleSize === 'large'))])
+    className: cx(["".concat(headerClass, "-container"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(headerClass, "-container--has-slug"), !!slug), _rollupPluginBabelHelpers.defineProperty({}, "".concat(headerClass, "-container--has-ai-label"), !!aiLabel), _rollupPluginBabelHelpers.defineProperty({}, "".concat(headerClass, "-container--has-actions"), !!hasActions), _rollupPluginBabelHelpers.defineProperty({}, "".concat(headerClass, "-container--large-tile-or-label"), title && (label || titleSize === 'large'))])
   }, /*#__PURE__*/React.createElement("div", {
     className: "".concat(blockClass, "__title-container")
   }, label && /*#__PURE__*/React.createElement("p", {
@@ -104,11 +107,15 @@ var CardHeader = function CardHeader(_ref) {
     onClick: onPrimaryButtonClick,
     className: actionGhostButtonClass,
     disabled: primaryButtonDisabled
-  }, primaryButtonText)), normalizedSlug));
+  }, primaryButtonText)), normalizedAiLabel));
 };
 /**@ts-ignore */
 CardHeader.propTypes = {
   actions: index.default.oneOfType([index.default.array, index.default.node]),
+  /**
+   * Optional prop that is intended for any scenario where something is being generated by AI to reinforce AI transparency, accountability, and explainability at the UI level.
+   */
+  aiLabel: index.default.oneOfType([index.default.node, index.default.bool]),
   description: index.default.oneOfType([index.default.string, index.default.object, index.default.node]),
   hasActions: index.default.bool,
   /**
@@ -132,6 +139,7 @@ CardHeader.propTypes = {
   /**
    * **Experimental:** For all cases a `Slug` component can be provided.
    * Clickable tiles only accept a boolean value of true and display a hollow slug.
+   * @deprecated please use the `aiLabel` prop
    */
   slug: index.default.oneOfType([index.default.node, index.default.bool]),
   title: index.default.oneOfType([index.default.string, index.default.object, index.default.node]),

package/lib/components/ComboButton/ComboButtonItem/index.d.ts

@@ -4,13 +4,14 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
+import React from 'react';
 /**
  * The combo button item provides additional actions a user can take.
  */
 declare const ComboButtonItem: {
     ({ ...rest }: {
         [x: string]: any;
-    }): import("react/jsx-runtime").JSX.Element;
+    }): React.JSX.Element;
     propTypes: {
         /** Provide the contents of the `ComboButtonItem` */
         children: import("prop-types").Validator<NonNullable<import("prop-types").ReactNodeLike>>;

package/lib/components/ConditionBuilder/ConditionBlock/ConditionBlock.d.ts

@@ -34,7 +34,7 @@ interface ConditionBlockProps {
     isLastCondition: (index: number, conditions: (ConditionGroup | Condition)[]) => void;
 }
 declare const ConditionBlock: {
-    (props: ConditionBlockProps): import("react/jsx-runtime").JSX.Element;
+    (props: ConditionBlockProps): React.JSX.Element;
     propTypes: {
         /**
          * callback to add a new condition

package/lib/components/ConditionBuilder/ConditionBuilderActions/ConditionBuilderActions.d.ts

@@ -4,6 +4,7 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
+import React from 'react';
 import PropTypes from 'prop-types';
 import { Action, Option } from '../ConditionBuilder.types';
 interface ConditionBuilderActionsProps {
@@ -11,7 +12,7 @@ interface ConditionBuilderActionsProps {
     className?: string;
 }
 declare const ConditionBuilderActions: {
-    ({ actions, className, }: ConditionBuilderActionsProps): import("react/jsx-runtime").JSX.Element;
+    ({ actions, className, }: ConditionBuilderActionsProps): React.JSX.Element;
     propTypes: {
         /**
          * optional array of object that give the list of actions.

package/lib/components/ConditionBuilder/ConditionBuilderAdd/ConditionBuilderAdd.d.ts

@@ -4,6 +4,7 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
+import React from 'react';
 import PropTypes from 'prop-types';
 interface ConditionBuilderAddProps {
     className?: string;
@@ -18,7 +19,7 @@ interface ConditionBuilderAddProps {
     tabIndex?: number;
 }
 declare const ConditionBuilderAdd: {
-    ({ className, onClick, addConditionSubGroupHandler, showConditionSubGroupPreviewHandler, hideConditionSubGroupPreviewHandler, showConditionPreviewHandler, hideConditionPreviewHandler, enableSubGroup, buttonLabel, tabIndex, }: ConditionBuilderAddProps): import("react/jsx-runtime").JSX.Element;
+    ({ className, onClick, addConditionSubGroupHandler, showConditionSubGroupPreviewHandler, hideConditionSubGroupPreviewHandler, showConditionPreviewHandler, hideConditionPreviewHandler, enableSubGroup, buttonLabel, tabIndex, }: ConditionBuilderAddProps): React.JSX.Element;
     propTypes: {
         /**
          * handler for hiding sub group preview

package/lib/components/ConditionBuilder/ConditionBuilderButton/ConditionBuilderButton.d.ts

@@ -27,7 +27,7 @@ interface ConditionBuilderButtonProps {
     tabIndex?: number;
 }
 export declare const ConditionBuilderButton: {
-    ({ className, label, hideLabel, tooltipAlign, renderIcon: Icon, onClick, showToolTip, wrapperProps, onBlur, onFocus, onMouseEnter, onMouseLeave, isInvalid, wrapperClassName, tabIndex, ...rest }: ConditionBuilderButtonProps): import("react/jsx-runtime").JSX.Element;
+    ({ className, label, hideLabel, tooltipAlign, renderIcon: Icon, onClick, showToolTip, wrapperProps, onBlur, onFocus, onMouseEnter, onMouseLeave, isInvalid, wrapperClassName, tabIndex, ...rest }: ConditionBuilderButtonProps): React.JSX.Element;
     propTypes: {
         /**
          * Provide an optional class to be applied to the containing node.

package/lib/components/ConditionBuilder/ConditionBuilderConnector/ConditionConnector.d.ts

@@ -4,6 +4,7 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
+import React from 'react';
 import PropTypes from 'prop-types';
 interface ConditionConnectorProps {
     operator: string;
@@ -11,7 +12,7 @@ interface ConditionConnectorProps {
     onChange?: (op: string) => void;
 }
 declare const ConditionConnector: {
-    ({ operator, className, onChange, ...rest }: ConditionConnectorProps): import("react/jsx-runtime").JSX.Element;
+    ({ operator, className, onChange, ...rest }: ConditionConnectorProps): React.JSX.Element;
     propTypes: {
         /**
          * Provide an optional class to be applied to the containing node.

package/lib/components/ConditionBuilder/ConditionBuilderConnector/GroupConnector.d.ts

@@ -1,2 +1,3 @@
 export default GroupConnector;
-declare function GroupConnector(): import("react/jsx-runtime").JSX.Element;
+declare function GroupConnector(): React.JSX.Element;
+import React from 'react';

package/lib/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.d.ts

@@ -4,6 +4,7 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
+import React from 'react';
 import PropTypes from 'prop-types';
 import { Action, ConditionBuilderState, InitialState } from '../ConditionBuilder.types';
 interface ConditionBuilderContentProps {
@@ -14,7 +15,7 @@ interface ConditionBuilderContentProps {
     actions?: Action[];
 }
 declare const ConditionBuilderContent: {
-    ({ startConditionLabel, getConditionState, getActionsState, initialState, actions, }: ConditionBuilderContentProps): import("react/jsx-runtime").JSX.Element;
+    ({ startConditionLabel, getConditionState, getActionsState, initialState, actions, }: ConditionBuilderContentProps): React.JSX.Element;
     propTypes: {
         /**
          * optional array of object that give the list of actions.

package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.d.ts

@@ -27,7 +27,7 @@ interface ConditionBuilderItemProps extends PropsWithChildren {
     onBlur?: React.FocusEventHandler<HTMLButtonElement>;
 }
 export declare const ConditionBuilderItem: {
-    ({ children, className, label, renderIcon, title, type, showToolTip, condition, popOverClassName, config, renderChildren, onChange, ...rest }: ConditionBuilderItemProps): import("react/jsx-runtime").JSX.Element;
+    ({ children, className, label, renderIcon, title, type, showToolTip, condition, popOverClassName, config, renderChildren, onChange, ...rest }: ConditionBuilderItemProps): React.JSX.Element;
     propTypes: {
         /**
          * provide the contents of the popover

package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemDate/ConditionBuilderItemDate.d.ts

@@ -4,13 +4,14 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
+import React from 'react';
 import PropTypes from 'prop-types';
 export declare const ConditionBuilderItemDate: {
     ({ conditionState, onChange, parentRef, }: {
         conditionState: any;
         onChange: any;
         parentRef: any;
-    }): import("react/jsx-runtime").JSX.Element;
+    }): React.JSX.Element;
     propTypes: {
         /**
          * current condition object

package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemNumber/ConditionBuilderItemNumber.d.ts

@@ -4,6 +4,7 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
+import React from 'react';
 import PropTypes from 'prop-types';
 import { Condition, PropertyConfigNumber } from '../../ConditionBuilder.types';
 interface ConditionBuilderItemNumberProps {
@@ -12,7 +13,7 @@ interface ConditionBuilderItemNumberProps {
     onChange: (value: string) => void;
 }
 export declare const ConditionBuilderItemNumber: {
-    ({ conditionState, config, onChange, }: ConditionBuilderItemNumberProps): import("react/jsx-runtime").JSX.Element;
+    ({ conditionState, config, onChange, }: ConditionBuilderItemNumberProps): React.JSX.Element;
     propTypes: {
         /**
          * current condition object

package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.d.ts

@@ -4,6 +4,7 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
+import React from 'react';
 import PropTypes from 'prop-types';
 import { PropertyConfigOption } from '../../ConditionBuilder.types';
 interface ItemOptionProps {
@@ -17,7 +18,7 @@ interface ItemOptionProps {
     onChange: (value: string, e: Event) => void;
 }
 export declare const ItemOption: {
-    ({ conditionState, config, onChange, }: ItemOptionProps): import("react/jsx-runtime").JSX.Element | undefined;
+    ({ conditionState, config, onChange, }: ItemOptionProps): React.JSX.Element | undefined;
     propTypes: {
         /**
          * current condition object

package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOptionForValueField.d.ts

@@ -4,6 +4,7 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
+import React from 'react';
 import PropTypes from 'prop-types';
 import { Condition, PropertyConfigOption } from '../../ConditionBuilder.types';
 interface ItemOptionForValueFieldProps {
@@ -14,7 +15,7 @@ interface ItemOptionForValueFieldProps {
     onChange: (value: any, e?: Event) => void;
 }
 export declare const ItemOptionForValueField: {
-    ({ conditionState, config, onChange, }: ItemOptionForValueFieldProps): import("react/jsx-runtime").JSX.Element;
+    ({ conditionState, config, onChange, }: ItemOptionForValueFieldProps): React.JSX.Element;
     propTypes: {
         /**
          * current condition object

package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemText/ConditionBuilderItemText.d.ts

@@ -4,6 +4,7 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
+import React from 'react';
 import PropTypes from 'prop-types';
 import { Condition, PropertyConfigText, PropertyConfigTextArea } from '../../ConditionBuilder.types';
 interface ConditionBuilderItemTextProps {
@@ -13,7 +14,7 @@ interface ConditionBuilderItemTextProps {
     type: 'textarea' | 'text';
 }
 export declare const ConditionBuilderItemText: {
-    ({ conditionState, onChange, config, type, }: ConditionBuilderItemTextProps): import("react/jsx-runtime").JSX.Element;
+    ({ conditionState, onChange, config, type, }: ConditionBuilderItemTextProps): React.JSX.Element;
     propTypes: {
         /**
          * current condition object

package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemTime/ConditionBuilderItemTime.d.ts

@@ -4,6 +4,7 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
+import React from 'react';
 import PropTypes from 'prop-types';
 import { PropertyConfigTime } from '../../ConditionBuilder.types';
 interface ConditionBuilderItemTime {
@@ -11,7 +12,7 @@ interface ConditionBuilderItemTime {
     config: PropertyConfigTime['config'];
 }
 export declare const ConditionBuilderItemTime: {
-    ({ onChange, config, }: ConditionBuilderItemTime): import("react/jsx-runtime").JSX.Element;
+    ({ onChange, config, }: ConditionBuilderItemTime): React.JSX.Element;
     propTypes: {
         /**
          * current config object that this property is part of

package/lib/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.d.ts

@@ -4,6 +4,7 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
+import React from 'react';
 import PropTypes from 'prop-types';
 import { ConditionGroup } from '../ConditionBuilder.types';
 /**
@@ -24,7 +25,7 @@ interface ConditionGroupBuilderProps {
     };
 }
 declare const ConditionGroupBuilder: {
-    ({ group, aria, onRemove, onChange, className, }: ConditionGroupBuilderProps): import("react/jsx-runtime").JSX.Element;
+    ({ group, aria, onRemove, onChange, className, }: ConditionGroupBuilderProps): React.JSX.Element;
     propTypes: {
         /**
          * object contains the aria attributes

package/lib/components/ConditionBuilder/ConditionPreview/ConditionPreview.d.ts

@@ -4,6 +4,7 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
+import React from 'react';
 import PropTypes from 'prop-types';
 import { ConditionGroup } from '../ConditionBuilder.types';
 interface ConditionPreviewProps {
@@ -12,7 +13,7 @@ interface ConditionPreviewProps {
     colorIndex?: number;
 }
 declare const ConditionPreview: {
-    ({ previewType, group, colorIndex, }: ConditionPreviewProps): import("react/jsx-runtime").JSX.Element;
+    ({ previewType, group, colorIndex, }: ConditionPreviewProps): React.JSX.Element;
     propTypes: {
         /**
          * index of the color for next group

package/lib/components/CreateInfluencer/CreateInfluencer.d.ts

@@ -4,7 +4,7 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import { PropsWithChildren, ReactNode } from 'react';
+import React, { PropsWithChildren, ReactNode } from 'react';
 import PropTypes from 'prop-types';
 import '../../global/js/utils/props-helper';
 interface Step {
@@ -32,7 +32,7 @@ interface CreateInfluencerProps {
     title?: string | undefined;
 }
 export declare const CreateInfluencer: {
-    ({ className, currentStep, stepData, title, }: PropsWithChildren<CreateInfluencerProps>): import("react/jsx-runtime").JSX.Element;
+    ({ className, currentStep, stepData, title, }: PropsWithChildren<CreateInfluencerProps>): React.JSX.Element;
     displayName: string;
     propTypes: {
         /**

package/lib/components/Datagrid/Datagrid/DatagridBody.d.ts

@@ -4,6 +4,7 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
+import React from 'react';
 import { DataGridState } from '../types';
-declare const DatagridBody: (datagridState: DataGridState) => import("react/jsx-runtime").JSX.Element;
+declare const DatagridBody: (datagridState: DataGridState) => React.JSX.Element;
 export default DatagridBody;

package/lib/components/Datagrid/Datagrid/DatagridContent.d.ts

@@ -1,4 +1,5 @@
 import '../../../feature-flags';
+import React from 'react';
 import PropTypes from 'prop-types';
 import { DataGridState } from '../types';
 interface DatagridContentProps {
@@ -7,7 +8,7 @@ interface DatagridContentProps {
     title?: string;
 }
 export declare const DatagridContent: {
-    ({ datagridState, ariaToolbarLabel, title, }: DatagridContentProps): import("react/jsx-runtime").JSX.Element;
+    ({ datagridState, ariaToolbarLabel, title, }: DatagridContentProps): React.JSX.Element;
     propTypes: {
         ariaToolbarLabel: PropTypes.Requireable<string>;
         datagridState: PropTypes.Requireable<PropTypes.InferProps<{

package/lib/components/Datagrid/Datagrid/DatagridEmptyBody.d.ts

@@ -4,6 +4,7 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
+import React from 'react';
 import { DataGridState } from '../types';
-declare const DatagridEmptyBody: (datagridState: DataGridState) => import("react/jsx-runtime").JSX.Element;
+declare const DatagridEmptyBody: (datagridState: DataGridState) => React.JSX.Element;
 export default DatagridEmptyBody;

package/lib/components/Datagrid/Datagrid/DatagridExpandedRow.d.ts

@@ -4,7 +4,7 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import { JSXElementConstructor } from 'react';
+import React, { JSXElementConstructor } from 'react';
 import { DataGridState } from '../types';
-declare const DatagridExpandedRow: (ExpandedRowContentComponent: JSXElementConstructor<any>) => (datagridState: DataGridState) => import("react/jsx-runtime").JSX.Element;
+declare const DatagridExpandedRow: (ExpandedRowContentComponent: JSXElementConstructor<any>) => (datagridState: DataGridState) => React.JSX.Element;
 export default DatagridExpandedRow;

package/lib/components/Datagrid/Datagrid/DatagridHead.d.ts

@@ -4,6 +4,7 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
+import React from 'react';
 import { DataGridState } from '../types';
-declare const DatagridHead: (datagridState: DataGridState) => import("react/jsx-runtime").JSX.Element;
+declare const DatagridHead: (datagridState: DataGridState) => React.JSX.Element;
 export default DatagridHead;

package/lib/components/Datagrid/Datagrid/DatagridRefBody.d.ts

@@ -4,6 +4,7 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
+import React from 'react';
 import { DataGridState } from '../types';
-declare const DatagridRefBody: (datagridState: DataGridState) => import("react/jsx-runtime").JSX.Element;
+declare const DatagridRefBody: (datagridState: DataGridState) => React.JSX.Element;
 export default DatagridRefBody;