@carbon/react 1.77.0 → 1.78.0-rc.0

package/lib/components/Text/Text.js

@@ -12,6 +12,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var PropTypes = require('prop-types');
 var React = require('react');
+require('./index.js');
 var TextDirectionContext = require('./TextDirectionContext.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -19,14 +20,13 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const Text = /*#__PURE__*/React__default["default"].forwardRef((_ref, ref) => {
+const Text = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     as,
     children,
     dir = 'auto',
     ...rest
   } = _ref;
-  // TODO: Update with context typing once its been converted to TS
   const context = React.useContext(TextDirectionContext.TextDirectionContext);
   const textProps = {};
   const BaseComponent = as ?? 'span';
@@ -78,11 +78,11 @@ Text.propTypes = {
    */
   dir: PropTypes__default["default"].oneOf(['ltr', 'rtl', 'auto'])
 };
-function getTextFromChildren(children) {
+const getTextFromChildren = children => {
   if (typeof children === 'string') {
     return children;
   }
-  const text = React__default["default"].Children.map(children, child => {
+  const text = React.Children.map(children, child => {
     if (typeof child === 'string') {
       return child;
     }
@@ -94,6 +94,6 @@ function getTextFromChildren(children) {
     return text[0];
   }
   return text;
-}
+};
 
 exports.Text = Text;

package/lib/components/Text/TextDirection.d.ts

@@ -1,21 +1,20 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 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.
  */
 import PropTypes from 'prop-types';
 import { ReactNode } from 'react';
-export type TextDir = 'ltr' | 'rtl' | 'auto' | string;
-export type GetTextDirection = (text: string | string[] | undefined) => TextDir;
+import { type GetTextDirection, type TextDir } from '.';
 export interface TextDirectionProps {
-    children: ReactNode | undefined;
+    children: ReactNode;
     dir?: TextDir;
     getTextDirection?: GetTextDirection;
 }
-declare function TextDirection({ children, dir, getTextDirection, }: TextDirectionProps): import("react/jsx-runtime").JSX.Element;
-declare namespace TextDirection {
-    var propTypes: {
+export declare const TextDirection: {
+    ({ children, dir, getTextDirection, }: TextDirectionProps): import("react/jsx-runtime").JSX.Element;
+    propTypes: {
         /**
          * Provide children to be rendered inside of this component
          */
@@ -31,5 +30,4 @@ declare namespace TextDirection {
          */
         getTextDirection: PropTypes.Requireable<(...args: any[]) => any>;
     };
-}
-export { TextDirection };
+};

package/lib/components/Text/TextDirection.js

@@ -11,6 +11,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var PropTypes = require('prop-types');
 var React = require('react');
+require('./index.js');
 var TextDirectionContext = require('./TextDirectionContext.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -18,7 +19,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-function TextDirection(_ref) {
+const TextDirection = _ref => {
   let {
     children,
     dir = 'auto',
@@ -33,11 +34,13 @@ function TextDirection(_ref) {
   }, [dir]);
   React.useEffect(() => {
     savedCallback.current = getTextDirection;
+    // TODO: Is this `useEffect` supposed to have a dependency on
+    // `getTextDirection`?
   });
   return /*#__PURE__*/React__default["default"].createElement(TextDirectionContext.TextDirectionContext.Provider, {
     value: value
   }, children);
-}
+};
 TextDirection.propTypes = {
   /**
    * Provide children to be rendered inside of this component

package/lib/components/Text/TextDirectionContext.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Copyright IBM Corp. 2016, 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.
+ */
+import { type MutableRefObject } from 'react';
+export type TextDir = 'ltr' | 'rtl' | 'auto' | string;
+export type GetTextDirection = (text: string | string[] | undefined) => TextDir;
+export interface TextDirectionContextType {
+    direction: TextDir;
+    getTextDirection: MutableRefObject<GetTextDirection | undefined>;
+}
+export declare const TextDirectionContext: import("react").Context<TextDirectionContextType>;

package/lib/components/Text/TextDirectionContext.js

@@ -11,7 +11,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 
-/** @type any */
-const TextDirectionContext = /*#__PURE__*/React.createContext(null);
+const TextDirectionContext = /*#__PURE__*/React.createContext({
+  direction: 'auto',
+  getTextDirection: {
+    current: undefined
+  }
+});
 
 exports.TextDirectionContext = TextDirectionContext;

package/lib/components/Text/createTextComponent.d.ts

@@ -1,18 +1,18 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 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.
  */
-import React from 'react';
-import { TextProps } from './Text';
+import { type ElementType } from 'react';
+import { TextProps } from '.';
 /**
  * Create a text component wrapper for a given text node type. Useful for
  * returning a `Text` component for a text node like a `<label>`.
  * @param {string} element
  * @param {string} displayName
  */
-export declare function createTextComponent(element: React.ElementType, displayName: string): {
-    (props: TextProps<React.ElementType>): import("react/jsx-runtime").JSX.Element;
+export declare const createTextComponent: (element: ElementType, displayName: string) => {
+    (props: TextProps<ElementType>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

package/lib/components/Text/createTextComponent.js

@@ -11,6 +11,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
+require('./index.js');
 var Text = require('./Text.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -23,16 +24,16 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
  * @param {string} element
  * @param {string} displayName
  */
-function createTextComponent(element, displayName) {
-  function TextWrapper(props) {
+const createTextComponent = (element, displayName) => {
+  const TextWrapper = props => {
     return /*#__PURE__*/React__default["default"].createElement(Text.Text, _rollupPluginBabelHelpers["extends"]({
       as: element
     }, props));
-  }
+  };
   if (process.env.NODE_ENV !== "production") {
     TextWrapper.displayName = displayName;
   }
   return TextWrapper;
-}
+};
 
 exports.createTextComponent = createTextComponent;

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

@@ -1,18 +1,17 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 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.
  */
-import { TextDirection, TextDirectionProps, GetTextDirection, TextDir } from './TextDirection';
-import { Text, TextBaseProps, TextProps } from './Text';
-export { TextDirection, Text };
-export type { TextBaseProps, TextProps, TextDirectionProps, GetTextDirection, TextDir, };
+export * from './Text';
+export * from './TextDirection';
+export * from './TextDirectionContext';
 export declare const Label: {
-    (props: TextProps<React.ElementType>): import("react/jsx-runtime").JSX.Element;
+    (props: import("./Text").TextProps<import("react").ElementType>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export declare const Legend: {
-    (props: TextProps<React.ElementType>): import("react/jsx-runtime").JSX.Element;
+    (props: import("./Text").TextProps<import("react").ElementType>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

package/lib/components/Text/index.js

@@ -9,13 +9,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var TextDirection = require('./TextDirection.js');
-var Text = require('./Text.js');
 var createTextComponent = require('./createTextComponent.js');
+var Text = require('./Text.js');
+var TextDirection = require('./TextDirection.js');
+require('react');
 
 createTextComponent.createTextComponent('label', 'Label');
 const Legend = createTextComponent.createTextComponent('legend', 'Legend');
 
-exports.TextDirection = TextDirection.TextDirection;
 exports.Text = Text.Text;
+exports.TextDirection = TextDirection.TextDirection;
 exports.Legend = Legend;

package/lib/components/Tile/Tile.d.ts

@@ -1,3 +1,9 @@
+/**
+ * Copyright IBM Corp. 2019, 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.
+ */
 import React, { type ReactNode, type MouseEvent, type KeyboardEvent, type HTMLAttributes, type ChangeEvent, type ComponentType } from 'react';
 export interface TileProps extends HTMLAttributes<HTMLDivElement> {
     children?: ReactNode;

package/lib/components/Tile/Tile.js

@@ -24,8 +24,8 @@ var useMergedRefs = require('../../internal/useMergedRefs.js');
 var index = require('../FeatureFlags/index.js');
 var useId = require('../../internal/useId.js');
 require('../Text/index.js');
-var Text = require('../Text/Text.js');
 var match = require('../../internal/keyboard/match.js');
+var Text = require('../Text/Text.js');
 var keys = require('../../internal/keyboard/keys.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -249,9 +249,7 @@ const SelectableTile = /*#__PURE__*/React__default["default"].forwardRef(functio
     [`${prefix}--tile--decorator`]: decorator,
     [`${prefix}--tile--decorator-rounded`]: decorator && hasRoundedCorners
   }, className);
-
-  // TODO: rename to handleClick when handleClick prop is deprecated
-  function handleOnClick(evt) {
+  function handleClick(evt) {
     evt.preventDefault();
     evt?.persist?.();
     if (normalizedDecorator && decoratorRef.current && decoratorRef.current.contains(evt.target)) {
@@ -261,9 +259,7 @@ const SelectableTile = /*#__PURE__*/React__default["default"].forwardRef(functio
     clickHandler(evt);
     onChange(evt, isSelected, id);
   }
-
-  // TODO: rename to handleKeyDown when handleKeyDown prop is deprecated
-  function handleOnKeyDown(evt) {
+  function handleKeyDown(evt) {
     evt?.persist?.();
     if (match.matches(evt, [keys.Enter, keys.Space])) {
       evt.preventDefault();
@@ -295,10 +291,10 @@ const SelectableTile = /*#__PURE__*/React__default["default"].forwardRef(functio
     // eslint-disable-next-line jsx-a11y/interactive-supports-focus
     React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
       className: classes,
-      onClick: !disabled ? handleOnClick : undefined,
+      onClick: !disabled ? handleClick : undefined,
       role: "checkbox",
       "aria-checked": isSelected,
-      onKeyDown: !disabled ? handleOnKeyDown : undefined
+      onKeyDown: !disabled ? handleKeyDown : undefined
       // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
       ,
       tabIndex: !disabled ? tabIndex : undefined,

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

@@ -8,6 +8,7 @@ import PropTypes from 'prop-types';
 import React, { type ElementType, type ReactNode } from 'react';
 import { type PopoverAlignment } from '../Popover';
 import { PolymorphicProps } from '../../types/common';
+import { PolymorphicComponentPropWithRef } from '../../internal/PolymorphicProps';
 type ToggletipLabelProps<E extends ElementType> = {
     as?: E;
     children?: ReactNode;
@@ -35,15 +36,15 @@ export declare namespace ToggletipLabel {
         className: PropTypes.Requireable<string>;
     };
 }
-export interface ToggletipProps<E extends ElementType> {
+export interface ToggletipBaseProps {
     align?: PopoverAlignment;
     alignmentAxisOffset?: number;
-    as?: E;
     autoAlign?: boolean;
     className?: string;
     children?: ReactNode;
     defaultOpen?: boolean;
 }
+export type ToggletipProps<T extends ElementType> = PolymorphicComponentPropWithRef<T, ToggletipBaseProps>;
 /**
  * Used as a container for the button and content of a toggletip. This component
  * is responsible for coordinating between interactions with the button and the

package/lib/components/Tooltip/DefinitionTooltip.d.ts

@@ -11,6 +11,10 @@ export interface DefinitionTooltipProps extends Omit<React.ButtonHTMLAttributes<
      * Specify how the trigger should align with the tooltip
      */
     align?: PopoverAlignment;
+    /**
+     * Will auto-align Definition Tooltip. This prop is currently experimental and is subject to future changes.
+     */
+    autoAlign?: boolean;
     /**
      * The `children` prop will be used as the value that is being defined
      */

package/lib/components/Tooltip/DefinitionTooltip.js

@@ -28,7 +28,8 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 const DefinitionTooltip = _ref => {
   let {
-    align = 'bottom-start',
+    align = 'bottom',
+    autoAlign,
     className,
     children,
     definition,
@@ -51,6 +52,7 @@ const DefinitionTooltip = _ref => {
   return /*#__PURE__*/React__default["default"].createElement(index.Popover, {
     align: align,
     className: className,
+    autoAlign: autoAlign,
     dropShadow: false,
     highContrast: true,
     onMouseLeave: () => {
@@ -108,6 +110,10 @@ DefinitionTooltip.propTypes = {
 
   // new values to match floating-ui
   'top-start', 'top-end', 'bottom-start', 'bottom-end', 'left-end', 'left-start', 'right-end', 'right-start']),
+  /**
+   * Will auto-align the popover. This prop is currently experimental and is subject to future changes.
+   */
+  autoAlign: PropTypes__default["default"].bool,
   /**
    * The `children` prop will be used as the value that is being defined
    */

package/lib/components/Tooltip/Tooltip.d.ts

@@ -4,10 +4,9 @@
  * 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 PropTypes from 'prop-types';
 import React from 'react';
-import { PopoverAlignment } from '../Popover';
-import { type PolymorphicProps } from '../../types/common';
+import { Popover, PopoverAlignment } from '../Popover';
+import { PolymorphicComponentPropWithRef } from '../../internal/PolymorphicProps';
 interface TooltipBaseProps {
     /**
      * Specify how the trigger should align with the tooltip
@@ -67,67 +66,7 @@ interface TooltipBaseProps {
      */
     leaveDelayMs?: number;
 }
-export type TooltipProps<T extends React.ElementType> = PolymorphicProps<T, TooltipBaseProps>;
-declare function Tooltip<T extends React.ElementType>({ align, className: customClassName, children, label, description, enterDelayMs, leaveDelayMs, defaultOpen, closeOnActivation, dropShadow, highContrast, ...rest }: TooltipProps<T>): import("react/jsx-runtime").JSX.Element;
-declare namespace Tooltip {
-    var propTypes: {
-        /**
-         * Specify how the trigger should align with the tooltip
-         */
-        align: PropTypes.Requireable<string>;
-        /**
-         * Pass in the child to which the tooltip will be applied
-         */
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        /**
-         * Specify an optional className to be applied to the container node
-         */
-        className: PropTypes.Requireable<string>;
-        /**
-         * Determines wether the tooltip should close when inner content is activated (click, Enter or Space)
-         */
-        closeOnActivation: PropTypes.Requireable<boolean>;
-        /**
-         * Specify whether the tooltip should be open when it first renders
-         */
-        defaultOpen: PropTypes.Requireable<boolean>;
-        /**
-         * Provide the description to be rendered inside of the Tooltip. The
-         * description will use `aria-describedby` and will describe the child node
-         * in addition to the text rendered inside of the child. This means that if you
-         * have text in the child node, that it will be announced alongside the
-         * description to the screen reader.
-         *
-         * Note: if label and description are both provided, label will be used and
-         * description will not be used
-         */
-        description: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        /**
-         * Specify whether a drop shadow should be rendered
-         */
-        dropShadow: PropTypes.Requireable<boolean>;
-        /**
-         * Specify the duration in milliseconds to delay before displaying the tooltip
-         */
-        enterDelayMs: PropTypes.Requireable<number>;
-        /**
-         * Render the component using the high-contrast theme
-         */
-        highContrast: PropTypes.Requireable<boolean>;
-        /**
-         * Provide the label to be rendered inside of the Tooltip. The label will use
-         * `aria-labelledby` and will fully describe the child node that is provided.
-         * This means that if you have text in the child node, that it will not be
-         * announced to the screen reader.
-         *
-         * Note: if label and description are both provided, description will not be
-         * used
-         */
-        label: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        /**
-         * Specify the duration in milliseconds to delay before hiding the tooltip
-         */
-        leaveDelayMs: PropTypes.Requireable<number>;
-    };
-}
+export type TooltipProps<T extends React.ElementType> = PolymorphicComponentPropWithRef<T, TooltipBaseProps>;
+type TooltipComponent = <T extends React.ElementType = typeof Popover>(props: TooltipProps<T>) => React.ReactElement | any;
+declare const Tooltip: TooltipComponent;
 export { Tooltip };

package/lib/components/Tooltip/Tooltip.js

@@ -32,8 +32,9 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
  * Event types that trigger a "drag" to stop.
  */
 const DRAG_STOP_EVENT_TYPES = new Set(['mouseup', 'touchend', 'touchcancel']);
-function Tooltip(_ref) {
+const Tooltip = /*#__PURE__*/React__default["default"].forwardRef((_ref, ref) => {
   let {
+    as,
     align = 'top',
     className: customClassName,
     children,
@@ -160,31 +161,30 @@ function Tooltip(_ref) {
       });
     };
   }, [isDragging, onDragStop]);
-  return (
-    /*#__PURE__*/
-    // @ts-ignore-error Popover throws a TS error everytime is imported
-    React__default["default"].createElement(index.Popover, _rollupPluginBabelHelpers["extends"]({}, rest, {
-      align: align,
-      className: cx__default["default"](`${prefix}--tooltip`, customClassName),
-      dropShadow: dropShadow,
-      highContrast: highContrast,
-      onKeyDown: onKeyDown,
-      onMouseLeave: onMouseLeave,
-      open: open
-    }), /*#__PURE__*/React__default["default"].createElement("div", {
-      className: `${prefix}--tooltip-trigger__wrapper`
-    }, child !== undefined ? /*#__PURE__*/React__default["default"].cloneElement(child, {
-      ...triggerProps,
-      ...getChildEventHandlers(child.props)
-    }) : null), /*#__PURE__*/React__default["default"].createElement(index.PopoverContent, {
-      "aria-hidden": open ? 'false' : 'true',
-      className: `${prefix}--tooltip-content`,
-      id: id,
-      onMouseEnter: onMouseEnter,
-      role: "tooltip"
-    }, label || description))
-  );
-}
+  return /*#__PURE__*/React__default["default"].createElement(index.Popover, _rollupPluginBabelHelpers["extends"]({
+    as: as,
+    ref: ref
+  }, rest, {
+    align: align,
+    className: cx__default["default"](`${prefix}--tooltip`, customClassName),
+    dropShadow: dropShadow,
+    highContrast: highContrast,
+    onKeyDown: onKeyDown,
+    onMouseLeave: onMouseLeave,
+    open: open
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: `${prefix}--tooltip-trigger__wrapper`
+  }, child !== undefined ? /*#__PURE__*/React__default["default"].cloneElement(child, {
+    ...triggerProps,
+    ...getChildEventHandlers(child.props)
+  }) : null), /*#__PURE__*/React__default["default"].createElement(index.PopoverContent, {
+    "aria-hidden": open ? 'false' : 'true',
+    className: `${prefix}--tooltip-content`,
+    id: id,
+    onMouseEnter: onMouseEnter,
+    role: "tooltip"
+  }, label || description));
+});
 Tooltip.propTypes = {
   /**
    * Specify how the trigger should align with the tooltip

package/lib/components/UIShell/HeaderGlobalAction.d.ts

@@ -37,6 +37,15 @@ export interface HeaderGlobalActionProps {
      * Can be one of: start, center, or end.
      */
     tooltipAlignment?: 'start' | 'center' | 'end';
+    /**
+     * Enable drop shadow for tooltips for icon-only buttons.
+     */
+    tooltipDropShadow?: boolean;
+    /**
+     * Render the tooltip using the high-contrast theme
+     * Default is true
+     */
+    tooltipHighContrast?: boolean;
 }
 /**
  * HeaderGlobalAction is used as a part of the `HeaderGlobalBar`. It is

package/lib/components/UIShell/HeaderGlobalAction.js

@@ -39,6 +39,8 @@ const HeaderGlobalAction = /*#__PURE__*/React__default["default"].forwardRef(fun
     children,
     className: customClassName,
     onClick,
+    tooltipHighContrast = true,
+    tooltipDropShadow,
     isActive,
     tooltipAlignment,
     ...rest
@@ -58,9 +60,13 @@ const HeaderGlobalAction = /*#__PURE__*/React__default["default"].forwardRef(fun
     onClick: onClick,
     type: "button",
     hasIconOnly: true,
+    size: "lg",
+    kind: "ghost",
     iconDescription: ariaLabel,
     tooltipPosition: "bottom",
     tooltipAlignment: tooltipAlignment,
+    tooltipDropShadow: tooltipDropShadow,
+    tooltipHighContrast: tooltipHighContrast,
     ref: ref
   }), children);
 });
@@ -91,7 +97,16 @@ HeaderGlobalAction.propTypes = {
    * Specify the alignment of the tooltip to the icon-only button.
    * Can be one of: start, center, or end.
    */
-  tooltipAlignment: PropTypes__default["default"].oneOf(['start', 'center', 'end'])
+  tooltipAlignment: PropTypes__default["default"].oneOf(['start', 'center', 'end']),
+  /**
+   * Enable drop shadow for tooltips for icon-only buttons.
+   */
+  tooltipDropShadow: PropTypes__default["default"].bool,
+  /**
+   * Render the tooltip using the high-contrast theme
+   * Default is true
+   */
+  tooltipHighContrast: PropTypes__default["default"].bool
 };
 HeaderGlobalAction.displayName = 'HeaderGlobalAction';
 

package/lib/index.d.ts

@@ -117,6 +117,8 @@ export { PageSelector as unstable_PageSelector, Pagination as unstable_Paginatio
 export * from './components/Popover';
 export * from './components/ProgressBar';
 export { AILabel, AILabelContent, AILabelActions } from './components/AILabel';
+export { IconIndicator as unstable__IconIndicator } from './components/IconIndicator';
+export { ShapeIndicator as unstable__ShapeIndicator } from './components/ShapeIndicator';
 export { AILabel as unstable__Slug, AILabelContent as unstable__SlugContent, AILabelActions as unstable__SlugActions, } from './components/AILabel';
 export { ChatButton as unstable__ChatButton, ChatButtonSkeleton as unstable__ChatButtonSkeleton, } from './components/ChatButton';
 export { AISkeletonText, AISkeletonIcon, AISkeletonPlaceholder, } from './components/AISkeleton';
@@ -224,6 +226,7 @@ export type { RowProps } from './components/Grid/Row';
 export type { SectionProps } from './components/Heading/index';
 export type { IconSkeletonProps } from './components/Icon/Icon.Skeleton';
 export type { IconButtonProps } from './components/IconButton/index';
+export type { IconIndicatorProps } from './components/IconIndicator/index';
 export type { IdPrefixProps } from './components/IdPrefix/index';
 export type { InlineCheckboxProps } from './components/InlineCheckbox';
 export type { InlineLoadingProps } from './components/InlineLoading/InlineLoading';
@@ -282,6 +285,7 @@ export type { SelectProps } from './components/Select/Select';
 export type { SelectSkeletonProps } from './components/Select/Select.Skeleton';
 export type { SelectItemProps } from './components/SelectItem/SelectItem';
 export type { SelectItemGroupProps } from './components/SelectItemGroup/SelectItemGroup';
+export type { ShapeIndicatorProps } from './components/ShapeIndicator/index';
 export type { SkeletonIconProps } from './components/SkeletonIcon/SkeletonIcon';
 export type { SkeletonPlaceholderProps } from './components/SkeletonPlaceholder/SkeletonPlaceholder';
 export type { SkeletonTextProps } from './components/SkeletonText/SkeletonText';
@@ -367,4 +371,3 @@ export type { BaseSwitcherProps } from './components/UIShell/Switcher';
 export type { SwitcherDividerProps } from './components/UIShell/SwitcherDivider';
 export type { SwitcherItemProps } from './components/UIShell/SwitcherItem';
 export type { UnorderedListProps } from './components/UnorderedList/UnorderedList';
-export { IconIndicator as unstable__IconIndicator } from './components/IconIndicator';