@carbon/react 1.77.0 → 1.78.0

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';

package/lib/index.js

@@ -23,16 +23,16 @@ var ButtonSet = require('./components/ButtonSet/ButtonSet.js');
 var Checkbox = require('./components/Checkbox/Checkbox.js');
 var Checkbox_Skeleton = require('./components/Checkbox/Checkbox.Skeleton.js');
 var CheckboxGroup = require('./components/CheckboxGroup/CheckboxGroup.js');
-var index$5 = require('./components/ClassPrefix/index.js');
+var index$6 = require('./components/ClassPrefix/index.js');
 var CodeSnippet = require('./components/CodeSnippet/CodeSnippet.js');
 var CodeSnippet_Skeleton = require('./components/CodeSnippet/CodeSnippet.Skeleton.js');
 var ComboBox = require('./components/ComboBox/ComboBox.js');
-var index$6 = require('./components/ComboButton/index.js');
+var index$7 = require('./components/ComboButton/index.js');
 var ComposedModal = require('./components/ComposedModal/ComposedModal.js');
 var ModalHeader = require('./components/ComposedModal/ModalHeader.js');
 var ModalFooter = require('./components/ComposedModal/ModalFooter.js');
 require('./components/ContainedList/index.js');
-var index$7 = require('./components/ContentSwitcher/index.js');
+var index$8 = require('./components/ContentSwitcher/index.js');
 var useContextMenu = require('./components/ContextMenu/useContextMenu.js');
 var Copy = require('./components/Copy/Copy.js');
 var CopyButton = require('./components/CopyButton/CopyButton.js');
@@ -66,14 +66,14 @@ var Column = require('./components/Grid/Column.js');
 var ColumnHang = require('./components/Grid/ColumnHang.js');
 var GridContext = require('./components/Grid/GridContext.js');
 var Icon_Skeleton = require('./components/Icon/Icon.Skeleton.js');
-var index$8 = require('./components/IdPrefix/index.js');
+var index$9 = require('./components/IdPrefix/index.js');
 var InlineLoading = require('./components/InlineLoading/InlineLoading.js');
 var Link = require('./components/Link/Link.js');
 var ListItem = require('./components/ListItem/ListItem.js');
 var Loading = require('./components/Loading/Loading.js');
 var Menu = require('./components/Menu/Menu.js');
 var MenuItem = require('./components/Menu/MenuItem.js');
-var index$9 = require('./components/MenuButton/index.js');
+var index$a = require('./components/MenuButton/index.js');
 var Modal = require('./components/Modal/Modal.js');
 var ModalWrapper = require('./components/ModalWrapper/ModalWrapper.js');
 require('./components/MultiSelect/index.js');
@@ -81,7 +81,7 @@ var Notification = require('./components/Notification/Notification.js');
 var NumberInput_Skeleton = require('./components/NumberInput/NumberInput.Skeleton.js');
 var NumberInput = require('./components/NumberInput/NumberInput.js');
 var OrderedList = require('./components/OrderedList/OrderedList.js');
-var index$a = require('./components/OverflowMenu/index.js');
+var index$b = require('./components/OverflowMenu/index.js');
 var OverflowMenuItem = require('./components/OverflowMenuItem/OverflowMenuItem.js');
 var Pagination$1 = require('./components/Pagination/Pagination.js');
 var Pagination_Skeleton = require('./components/Pagination/Pagination.Skeleton.js');
@@ -105,7 +105,7 @@ var SelectItemGroup = require('./components/SelectItemGroup/SelectItemGroup.js')
 var SkeletonIcon = require('./components/SkeletonIcon/SkeletonIcon.js');
 var SkeletonPlaceholder = require('./components/SkeletonPlaceholder/SkeletonPlaceholder.js');
 var SkeletonText = require('./components/SkeletonText/SkeletonText.js');
-var index$b = require('./components/Slider/index.js');
+var index$c = require('./components/Slider/index.js');
 var HStack = require('./components/Stack/HStack.js');
 var VStack = require('./components/Stack/VStack.js');
 var Stack = require('./components/Stack/Stack.js');
@@ -131,7 +131,7 @@ var TimePickerSelect = require('./components/TimePickerSelect/TimePickerSelect.j
 var Toggle = require('./components/Toggle/Toggle.js');
 var Toggle_Skeleton = require('./components/Toggle/Toggle.Skeleton.js');
 var ToggleSmall_Skeleton = require('./components/ToggleSmall/ToggleSmall.Skeleton.js');
-var index$c = require('./components/Toggletip/index.js');
+var index$d = require('./components/Toggletip/index.js');
 var TreeNode = require('./components/TreeView/TreeNode.js');
 var TreeView = require('./components/TreeView/TreeView.js');
 var Content = require('./components/UIShell/Content.js');
@@ -186,14 +186,16 @@ var FluidTextInput_Skeleton = require('./components/FluidTextInput/FluidTextInpu
 var FluidTimePicker = require('./components/FluidTimePicker/FluidTimePicker.js');
 var FluidTimePicker_Skeleton = require('./components/FluidTimePicker/FluidTimePicker.Skeleton.js');
 var FluidTimePickerSelect = require('./components/FluidTimePickerSelect/FluidTimePickerSelect.js');
-var index$d = require('./components/Heading/index.js');
-var index$e = require('./components/IconButton/index.js');
-var index$f = require('./components/Layer/index.js');
+var index$e = require('./components/Heading/index.js');
+var index$f = require('./components/IconButton/index.js');
+var index$g = require('./components/Layer/index.js');
 var index$1 = require('./components/Layout/index.js');
 var index$2 = require('./components/OverflowMenuV2/index.js');
-var index$g = require('./components/Popover/index.js');
+var index$h = require('./components/Popover/index.js');
 var ProgressBar = require('./components/ProgressBar/ProgressBar.js');
 var index$3 = require('./components/AILabel/index.js');
+var index$4 = require('./components/IconIndicator/index.js');
+var index$5 = require('./components/ShapeIndicator/index.js');
 var ChatButton = require('./components/ChatButton/ChatButton.js');
 var ChatButton_Skeleton = require('./components/ChatButton/ChatButton.Skeleton.js');
 var AISkeletonPlaceholder = require('./components/AISkeleton/AISkeletonPlaceholder.js');
@@ -202,10 +204,9 @@ var AISkeletonText = require('./components/AISkeleton/AISkeletonText.js');
 var DefinitionTooltip = require('./components/Tooltip/DefinitionTooltip.js');
 var Tooltip = require('./components/Tooltip/Tooltip.js');
 require('./components/Text/index.js');
-var index$h = require('./components/Theme/index.js');
+var index$i = require('./components/Theme/index.js');
 var usePrefix = require('./internal/usePrefix.js');
 var useIdPrefix = require('./internal/useIdPrefix.js');
-var index$4 = require('./components/IconIndicator/index.js');
 var PageSelector = require('./components/Pagination/experimental/PageSelector.js');
 var Pagination = require('./components/Pagination/experimental/Pagination.js');
 var ContainedListItem = require('./components/ContainedList/ContainedListItem/ContainedListItem.js');
@@ -262,16 +263,16 @@ exports.ButtonSet = ButtonSet["default"];
 exports.Checkbox = Checkbox["default"];
 exports.CheckboxSkeleton = Checkbox_Skeleton["default"];
 exports.CheckboxGroup = CheckboxGroup["default"];
-exports.ClassPrefix = index$5.ClassPrefix;
+exports.ClassPrefix = index$6.ClassPrefix;
 exports.CodeSnippet = CodeSnippet["default"];
 exports.CodeSnippetSkeleton = CodeSnippet_Skeleton["default"];
 exports.ComboBox = ComboBox["default"];
-exports.ComboButton = index$6.ComboButton;
+exports.ComboButton = index$7.ComboButton;
 exports.ComposedModal = ComposedModal["default"];
 exports.ModalBody = ComposedModal.ModalBody;
 exports.ModalHeader = ModalHeader.ModalHeader;
 exports.ModalFooter = ModalFooter.ModalFooter;
-exports.ContentSwitcher = index$7["default"];
+exports.ContentSwitcher = index$8["default"];
 exports.useContextMenu = useContextMenu["default"];
 exports.Copy = Copy["default"];
 exports.CopyButton = CopyButton["default"];
@@ -304,7 +305,7 @@ exports.Column = Column["default"];
 exports.ColumnHang = ColumnHang.ColumnHang;
 exports.GridSettings = GridContext.GridSettings;
 exports.IconSkeleton = Icon_Skeleton["default"];
-exports.IdPrefix = index$8.IdPrefix;
+exports.IdPrefix = index$9.IdPrefix;
 exports.InlineLoading = InlineLoading["default"];
 exports.Link = Link["default"];
 exports.ListItem = ListItem["default"];
@@ -315,7 +316,7 @@ exports.MenuItemDivider = MenuItem.MenuItemDivider;
 exports.MenuItemGroup = MenuItem.MenuItemGroup;
 exports.MenuItemRadioGroup = MenuItem.MenuItemRadioGroup;
 exports.MenuItemSelectable = MenuItem.MenuItemSelectable;
-exports.MenuButton = index$9.MenuButton;
+exports.MenuButton = index$a.MenuButton;
 exports.Modal = Modal["default"];
 exports.ModalWrapper = ModalWrapper["default"];
 exports.ActionableNotification = Notification.ActionableNotification;
@@ -328,7 +329,7 @@ exports.ToastNotification = Notification.ToastNotification;
 exports.NumberInputSkeleton = NumberInput_Skeleton["default"];
 exports.NumberInput = NumberInput.NumberInput;
 exports.OrderedList = OrderedList["default"];
-exports.OverflowMenu = index$a["default"];
+exports.OverflowMenu = index$b["default"];
 exports.OverflowMenuItem = OverflowMenuItem["default"];
 exports.Pagination = Pagination$1["default"];
 exports.PaginationSkeleton = Pagination_Skeleton["default"];
@@ -353,7 +354,7 @@ exports.SelectItemGroup = SelectItemGroup["default"];
 exports.SkeletonIcon = SkeletonIcon["default"];
 exports.SkeletonPlaceholder = SkeletonPlaceholder["default"];
 exports.SkeletonText = SkeletonText["default"];
-exports.Slider = index$b["default"];
+exports.Slider = index$c["default"];
 exports.HStack = HStack.HStack;
 exports.VStack = VStack.VStack;
 exports.Stack = Stack.Stack;
@@ -395,11 +396,11 @@ exports.TimePickerSelect = TimePickerSelect["default"];
 exports.Toggle = Toggle.Toggle;
 exports.ToggleSkeleton = Toggle_Skeleton["default"];
 exports.ToggleSmallSkeleton = ToggleSmall_Skeleton["default"];
-exports.Toggletip = index$c.Toggletip;
-exports.ToggletipActions = index$c.ToggletipActions;
-exports.ToggletipButton = index$c.ToggletipButton;
-exports.ToggletipContent = index$c.ToggletipContent;
-exports.ToggletipLabel = index$c.ToggletipLabel;
+exports.Toggletip = index$d.Toggletip;
+exports.ToggletipActions = index$d.ToggletipActions;
+exports.ToggletipButton = index$d.ToggletipButton;
+exports.ToggletipContent = index$d.ToggletipContent;
+exports.ToggletipLabel = index$d.ToggletipLabel;
 exports.TreeNode = TreeNode["default"];
 exports.TreeView = TreeView["default"];
 exports.Content = Content["default"];
@@ -455,16 +456,16 @@ exports.unstable__FluidTextInputSkeleton = FluidTextInput_Skeleton["default"];
 exports.unstable__FluidTimePicker = FluidTimePicker["default"];
 exports.unstable__FluidTimePickerSkeleton = FluidTimePicker_Skeleton["default"];
 exports.unstable__FluidTimePickerSelect = FluidTimePickerSelect["default"];
-exports.Heading = index$d.Heading;
-exports.Section = index$d.Section;
-exports.IconButton = index$e.IconButton;
-exports.IconButtonKinds = index$e.IconButtonKinds;
-exports.Layer = index$f.Layer;
-exports.useLayer = index$f.useLayer;
+exports.Heading = index$e.Heading;
+exports.Section = index$e.Section;
+exports.IconButton = index$f.IconButton;
+exports.IconButtonKinds = index$f.IconButtonKinds;
+exports.Layer = index$g.Layer;
+exports.useLayer = index$g.useLayer;
 exports.unstable_Layout = index$1.Layout;
 exports.unstable_OverflowMenuV2 = index$2.OverflowMenuV2;
-exports.Popover = index$g.Popover;
-exports.PopoverContent = index$g.PopoverContent;
+exports.Popover = index$h.Popover;
+exports.PopoverContent = index$h.PopoverContent;
 exports.ProgressBar = ProgressBar["default"];
 exports.AILabel = index$3.AILabel;
 exports.AILabelActions = index$3.AILabelActions;
@@ -472,6 +473,8 @@ exports.AILabelContent = index$3.AILabelContent;
 exports.unstable__Slug = index$3.AILabel;
 exports.unstable__SlugActions = index$3.AILabelActions;
 exports.unstable__SlugContent = index$3.AILabelContent;
+exports.unstable__IconIndicator = index$4.IconIndicator;
+exports.unstable__ShapeIndicator = index$5.ShapeIndicator;
 exports.unstable__ChatButton = ChatButton["default"];
 exports.unstable__ChatButtonSkeleton = ChatButton_Skeleton["default"];
 exports.AISkeletonPlaceholder = AISkeletonPlaceholder["default"];
@@ -482,15 +485,14 @@ exports.AISkeletonText = AISkeletonText["default"];
 exports.unstable__AiSkeletonText = AISkeletonText["default"];
 exports.DefinitionTooltip = DefinitionTooltip.DefinitionTooltip;
 exports.Tooltip = Tooltip.Tooltip;
-exports.GlobalTheme = index$h.GlobalTheme;
-exports.Theme = index$h.Theme;
-exports.ThemeContext = index$h.ThemeContext;
-exports.usePrefersDarkScheme = index$h.usePrefersDarkScheme;
-exports.useTheme = index$h.useTheme;
+exports.GlobalTheme = index$i.GlobalTheme;
+exports.Theme = index$i.Theme;
+exports.ThemeContext = index$i.ThemeContext;
+exports.usePrefersDarkScheme = index$i.usePrefersDarkScheme;
+exports.useTheme = index$i.useTheme;
 exports.PrefixContext = usePrefix.PrefixContext;
 exports.usePrefix = usePrefix.usePrefix;
 exports.useIdPrefix = useIdPrefix.useIdPrefix;
-exports.unstable__IconIndicator = index$4.IconIndicator;
 exports.unstable_PageSelector = PageSelector["default"];
 exports.unstable_Pagination = Pagination["default"];
 exports.ContainedListItem = ContainedListItem["default"];