@carbon/react 1.78.1 → 1.79.0-rc.0

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

@@ -1,13 +1,13 @@
 /**
- * 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 { type OverflowMenuProps } from './OverflowMenu';
-declare function OverflowMenu(props: any): import("react/jsx-runtime").JSX.Element;
-declare namespace OverflowMenu {
-    var displayName: string;
-}
+declare const OverflowMenu: {
+    (props: OverflowMenuProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export default OverflowMenu;
 export { OverflowMenu, type OverflowMenuProps };

package/lib/components/OverflowMenu/index.js

@@ -20,10 +20,10 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 const OverflowMenuV11 = createClassWrapper.createClassWrapper(OverflowMenu$1.OverflowMenu);
-function OverflowMenu(props) {
+const OverflowMenu = props => {
   const enableV12OverflowMenu = index.useFeatureFlag('enable-v12-overflowmenu');
   return enableV12OverflowMenu ? /*#__PURE__*/React__default["default"].createElement(index$1.OverflowMenu, props) : /*#__PURE__*/React__default["default"].createElement(OverflowMenuV11, props);
-}
+};
 OverflowMenu.displayName = 'OverflowMenu';
 
 exports.OverflowMenu = OverflowMenu;

package/lib/components/OverflowMenu/next/index.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 React, { type ComponentType, type FunctionComponent } from 'react';
+import React, { type ElementType } from 'react';
 interface OverflowMenuProps {
     /**
      * **Experimental**: Will attempt to automatically align the floating element to avoid collisions with the viewport and being clipped by ancestor elements.
@@ -29,7 +29,7 @@ interface OverflowMenuProps {
     /**
      * A component used to render an icon.
      */
-    renderIcon?: ComponentType | FunctionComponent;
+    renderIcon?: ElementType;
     /**
      * Specify the size of the menu, from a list of available sizes.
      */

package/lib/components/Slider/Slider.d.ts

@@ -164,11 +164,6 @@ export interface SliderProps extends Omit<React.InputHTMLAttributes<HTMLInputEle
      */
     warnText?: React.ReactNode;
 }
-interface CalcValueProps {
-    clientX?: number;
-    value?: number;
-    useRawValue?: boolean;
-}
 interface CalcLeftPercentProps {
     clientX?: number;
     value?: number;
@@ -415,30 +410,29 @@ declare class Slider extends PureComponent<SliderProps> {
     onInputKeyDown: (evt: any) => void;
     processNewInputValue: (input: HTMLInputElement) => void;
     calcLeftPercent: ({ clientX, value, range }: CalcLeftPercentProps) => number;
-    calcSteppedValuePercent: ({ leftPercent, range }: {
-        leftPercent: any;
-        range: any;
-    }) => number[];
-    /**
-     * Calculates a new Slider `value` and `left` (thumb offset) given a `clientX`,
-     * `value`, or neither of those.
-     * - If `clientX` is specified, it will be used in
-     *   conjunction with the Slider's bounding rectangle to calculate the new
-     *   values.
-     * - If `clientX` is not specified and `value` is, it will be used to
-     *   calculate new values as though it were the current value of the Slider.
-     * - If neither `clientX` nor `value` are specified, `this.props.value` will
-     *   be used to calculate the new values as though it were the current value
-     *   of the Slider.
-     *
-     * @param {object} params
-     * @param {number} [params.clientX] Optional clientX value expected to be from
-     *   an event fired by one of the Slider's `DRAG_EVENT_TYPES` events.
-     * @param {number} [params.value] Optional value use during calculations if
-     *   clientX is not provided.
-     * @param {boolean} [params.useRawValue=false] `true` to use the given value as-is.
-     */
-    calcValue: ({ clientX, value, useRawValue }: CalcValueProps) => {
+    /**
+     * Calculates the discrete value (snapped to the nearest step) along
+     * with the corresponding handle position percentage.
+     */
+    calcDiscreteValueAndPercent: ({ leftPercent, }: {
+        /** The percentage representing the position on the track. */
+        leftPercent: number;
+    }) => {
+        discreteValue: number;
+        discretePercent: number;
+    };
+    /**
+     * Calculates the slider's value and handle position based on either a
+     * mouse/touch event or an explicit value.
+     */
+    calcValue: ({ clientX, value, useRawValue, }: {
+        /** The x-coordinate from a mouse/touch event. */
+        clientX?: number;
+        /** Value to base the calculations on (if no `clientX`). */
+        value?: number;
+        /** Whether to bypass the stepping logic and use the raw value. */
+        useRawValue?: boolean;
+    }) => {
         value: number | undefined;
         left: number;
     };

package/lib/components/Slider/Slider.js

@@ -533,67 +533,65 @@ class Slider extends React.PureComponent {
       // re-assure Typescript, return 0.
       return 0;
     });
-    _rollupPluginBabelHelpers.defineProperty(this, "calcSteppedValuePercent", _ref3 => {
+    /**
+     * Calculates the discrete value (snapped to the nearest step) along
+     * with the corresponding handle position percentage.
+     */
+    _rollupPluginBabelHelpers.defineProperty(this, "calcDiscreteValueAndPercent", _ref3 => {
       let {
-        leftPercent,
-        range
+        leftPercent
       } = _ref3;
       const {
-        step = 1
+        step = 1,
+        min,
+        max
       } = this.props;
-      const totalSteps = range / step;
-      let steppedValue = Math.round(leftPercent * totalSteps) * step;
-      const steppedPercent = this.clamp(steppedValue / range, 0, 1);
-      steppedValue = this.clamp(steppedValue + this.props.min, this.props.min, this.props.max);
-      return [steppedValue, steppedPercent];
+      const numSteps = Math.floor((max - min) / step) + ((max - min) % step === 0 ? 1 : 2);
+      /** Index of the step that corresponds to `leftPercent`. */
+      const stepIndex = Math.round(leftPercent * (numSteps - 1));
+      const discreteValue = stepIndex === numSteps - 1 ? max : min + step * stepIndex;
+      /** Percentage corresponding to the step index. */
+      const discretePercent = stepIndex / (numSteps - 1);
+      return {
+        discreteValue,
+        discretePercent
+      };
     });
     /**
-     * Calculates a new Slider `value` and `left` (thumb offset) given a `clientX`,
-     * `value`, or neither of those.
-     * - If `clientX` is specified, it will be used in
-     *   conjunction with the Slider's bounding rectangle to calculate the new
-     *   values.
-     * - If `clientX` is not specified and `value` is, it will be used to
-     *   calculate new values as though it were the current value of the Slider.
-     * - If neither `clientX` nor `value` are specified, `this.props.value` will
-     *   be used to calculate the new values as though it were the current value
-     *   of the Slider.
-     *
-     * @param {object} params
-     * @param {number} [params.clientX] Optional clientX value expected to be from
-     *   an event fired by one of the Slider's `DRAG_EVENT_TYPES` events.
-     * @param {number} [params.value] Optional value use during calculations if
-     *   clientX is not provided.
-     * @param {boolean} [params.useRawValue=false] `true` to use the given value as-is.
+     * Calculates the slider's value and handle position based on either a
+     * mouse/touch event or an explicit value.
      */
     _rollupPluginBabelHelpers.defineProperty(this, "calcValue", _ref4 => {
       let {
         clientX,
         value,
-        useRawValue = false
+        useRawValue
       } = _ref4;
       const range = this.props.max - this.props.min;
-
-      // @todo solve for rtl.
-      const leftPercent = this.calcLeftPercent({
+      const leftPercentRaw = this.calcLeftPercent({
         clientX,
         value,
         range
       });
+      /** `leftPercentRaw` clamped between 0 and 1. */
+      const leftPercent = Math.min(1, Math.max(0, leftPercentRaw));
       if (useRawValue) {
-        // Adjusts only for min/max of thumb position
         return {
           value,
-          left: Math.min(1, Math.max(0, leftPercent)) * 100
+          left: leftPercent * 100
         };
       }
-      const [steppedValue, steppedPercent] = this.calcSteppedValuePercent({
-        leftPercent,
-        range
+
+      // Use the discrete value and percentage for snapping.
+      const {
+        discreteValue,
+        discretePercent
+      } = this.calcDiscreteValueAndPercent({
+        leftPercent
       });
       return {
-        value: steppedValue,
-        left: steppedPercent * 100
+        value: discreteValue,
+        left: discretePercent * 100
       };
     });
     _rollupPluginBabelHelpers.defineProperty(this, "calcDistanceToHandle", (handle, clientX) => {

package/lib/components/Tabs/Tabs.js

@@ -25,7 +25,6 @@ var reactIs = require('react-is');
 require('../Tooltip/DefinitionTooltip.js');
 var Tooltip = require('../Tooltip/Tooltip.js');
 var useControllableState = require('../../internal/useControllableState.js');
-var useEffectOnce = require('../../internal/useEffectOnce.js');
 var useId = require('../../internal/useId.js');
 var useIsomorphicEffect = require('../../internal/useIsomorphicEffect.js');
 var useMergedRefs = require('../../internal/useMergedRefs.js');
@@ -392,7 +391,7 @@ function TabList(_ref4) {
       }
     }
   }
-  useEffectOnce.useEffectOnce(() => {
+  React.useEffect(() => {
     const tab = tabs.current[selectedIndex];
     if (scrollIntoView && tab) {
       tab.scrollIntoView({
@@ -400,7 +399,7 @@ function TabList(_ref4) {
         inline: 'nearest'
       });
     }
-  });
+  }, []);
   React.useEffect(() => {
     //adding 1 in calculation for firefox support
     setIsNextButtonVisible(ref.current ? scrollLeft + buttonWidth + ref.current.clientWidth + 1 < ref.current.scrollWidth : false);
@@ -410,7 +409,7 @@ function TabList(_ref4) {
       }
     }
   }, [scrollLeft, children, dismissable, isScrollable]);
-  useEffectOnce.useEffectOnce(() => {
+  React.useEffect(() => {
     if (tabs.current[selectedIndex]?.disabled) {
       const activeTabs = tabs.current.filter(tab => {
         return !tab.disabled;
@@ -420,7 +419,7 @@ function TabList(_ref4) {
         setSelectedIndex(tabs.current.indexOf(tab));
       }
     }
-  });
+  }, []);
   useIsomorphicEffect["default"](() => {
     if (ref.current) {
       // adding 1 in calculation for firefox support
@@ -634,7 +633,7 @@ function TabListVertical(_ref8) {
       setActiveIndex(selectedIndex);
     }
   }
-  useEffectOnce.useEffectOnce(() => {
+  React.useEffect(() => {
     if (tabs.current[selectedIndex]?.disabled) {
       const activeTabs = tabs.current.filter(tab => {
         return !tab.disabled;
@@ -644,7 +643,7 @@ function TabListVertical(_ref8) {
         setSelectedIndex(tabs.current.indexOf(tab));
       }
     }
-  });
+  }, []);
   React.useEffect(() => {
     function handler() {
       const containerHeight = ref.current?.offsetHeight;
@@ -1133,7 +1132,7 @@ const TabPanel = /*#__PURE__*/React__default["default"].forwardRef(function TabP
   const className = cx__default["default"](`${prefix}--tab-content`, customClassName, {
     [`${prefix}--tab-content--interactive`]: interactiveContent
   });
-  useEffectOnce.useEffectOnce(() => {
+  React.useEffect(() => {
     if (!panel.current) {
       return;
     }
@@ -1142,7 +1141,7 @@ const TabPanel = /*#__PURE__*/React__default["default"].forwardRef(function TabP
       setInteractiveContent(true);
       setTabIndex(-1);
     }
-  });
+  }, []);
 
   // tabindex should only be 0 if no interactive content in children
   React.useEffect(() => {

package/lib/components/Tile/Tile.js

@@ -265,14 +265,18 @@ const SelectableTile = /*#__PURE__*/React__default["default"].forwardRef(functio
     evt?.persist?.();
     if (match.matches(evt, [keys.Enter, keys.Space])) {
       evt.preventDefault();
-      setIsSelected(!isSelected);
-      onChange(evt, isSelected, id);
+      setIsSelected(prevSelected => {
+        const newSelected = !prevSelected;
+        onChange(evt, newSelected, id);
+        return newSelected;
+      });
     }
     keyDownHandler(evt);
   }
   function handleChange(event) {
-    setIsSelected(event.target.checked);
-    onChange(event, isSelected, id);
+    const newSelected = event.target.checked;
+    setIsSelected(newSelected);
+    onChange(event, newSelected, id);
   }
   if (selected !== prevSelected) {
     setIsSelected(selected);

package/lib/index.js

@@ -211,6 +211,7 @@ var PageSelector = require('./components/Pagination/experimental/PageSelector.js
 var Pagination = require('./components/Pagination/experimental/Pagination.js');
 var ContainedListItem = require('./components/ContainedList/ContainedListItem/ContainedListItem.js');
 var ContainedList = require('./components/ContainedList/ContainedList.js');
+var MultiSelect = require('./components/MultiSelect/MultiSelect.js');
 var Slider_Skeleton = require('./components/Slider/Slider.Skeleton.js');
 var TextInput_Skeleton = require('./components/TextInput/TextInput.Skeleton.js');
 var TextInput = require('./components/TextInput/TextInput.js');
@@ -242,7 +243,6 @@ var TableToolbarContent = require('./components/DataTable/TableToolbarContent.js
 var TableToolbarSearch = require('./components/DataTable/TableToolbarSearch.js');
 var TableToolbarMenu = require('./components/DataTable/TableToolbarMenu.js');
 var FilterableMultiSelect = require('./components/MultiSelect/FilterableMultiSelect.js');
-var MultiSelect = require('./components/MultiSelect/MultiSelect.js');
 
 
 
@@ -497,6 +497,7 @@ exports.unstable_PageSelector = PageSelector["default"];
 exports.unstable_Pagination = Pagination["default"];
 exports.ContainedListItem = ContainedListItem["default"];
 exports.ContainedList = ContainedList["default"];
+exports.MultiSelect = MultiSelect["default"];
 exports.SliderSkeleton = Slider_Skeleton["default"];
 exports.TextInputSkeleton = TextInput_Skeleton["default"];
 exports.TextInput = TextInput["default"];
@@ -528,4 +529,3 @@ exports.TableToolbarContent = TableToolbarContent["default"];
 exports.TableToolbarSearch = TableToolbarSearch["default"];
 exports.TableToolbarMenu = TableToolbarMenu["default"];
 exports.FilterableMultiSelect = FilterableMultiSelect["default"];
-exports.MultiSelect = MultiSelect["default"];

package/lib/internal/FloatingMenu.d.ts

@@ -10,8 +10,8 @@ export declare const DIRECTION_TOP = "top";
 export declare const DIRECTION_RIGHT = "right";
 export declare const DIRECTION_BOTTOM = "bottom";
 export interface Offset {
-    top?: number;
-    left?: number;
+    top: number;
+    left: number;
 }
 interface Container {
     rect: DOMRect;

package/lib/internal/FloatingMenu.js

@@ -112,7 +112,10 @@ const FloatingMenu = _ref2 => {
     flipped,
     focusTrap,
     menuDirection = DIRECTION_BOTTOM,
-    menuOffset = {},
+    menuOffset = {
+      top: 0,
+      left: 0
+    },
     menuRef: externalMenuRef,
     onPlace,
     selectorPrimaryFocus,

package/lib/internal/createClassWrapper.d.ts

@@ -1,12 +1,12 @@
 /**
- * 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 { ComponentClass, FunctionComponent } from 'react';
+import { type ComponentClass, type ForwardRefExoticComponent, type FunctionComponent, type PropsWithChildren } from 'react';
 /**
  * Wrap a class component with a functional component. This prevents an end-user
  * from being able to pass `ref` and access the underlying class instance.
  */
-export declare function createClassWrapper<Props>(Component: ComponentClass<Props>): FunctionComponent<Props>;
+export declare const createClassWrapper: <Props extends PropsWithChildren>(Component: ComponentClass<Props> | ForwardRefExoticComponent<Props>) => FunctionComponent<Props>;

package/lib/internal/createClassWrapper.js

@@ -19,13 +19,13 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
  * Wrap a class component with a functional component. This prevents an end-user
  * from being able to pass `ref` and access the underlying class instance.
  */
-function createClassWrapper(Component) {
-  function ClassWrapper(props) {
+const createClassWrapper = Component => {
+  const ClassWrapper = props => {
     return /*#__PURE__*/React__default["default"].createElement(Component, props);
-  }
+  };
   const name = Component.displayName || Component.name;
   ClassWrapper.displayName = `ClassWrapper(${name})`;
   return ClassWrapper;
-}
+};
 
 exports.createClassWrapper = createClassWrapper;

package/lib/internal/useMatchMedia.d.ts

@@ -0,0 +1,8 @@
+/**
+ * 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.
+ */
+/** Listens to changes in a media query and returns whether it matches. */
+export declare const useMatchMedia: (mediaQuery: string) => boolean;

package/lib/internal/useMatchMedia.js

@@ -12,37 +12,27 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var environment = require('./environment.js');
 
-function useMatchMedia(mediaQueryString) {
+/** Listens to changes in a media query and returns whether it matches. */
+const useMatchMedia = mediaQuery => {
   const [matches, setMatches] = React.useState(() => {
     if (environment.canUseDOM) {
-      const mediaQueryList = window.matchMedia(mediaQueryString);
+      const mediaQueryList = window.matchMedia(mediaQuery);
       return mediaQueryList.matches;
     }
     return false;
   });
   React.useEffect(() => {
-    function listener(event) {
+    const listener = event => {
       setMatches(event.matches);
-    }
-    const mediaQueryList = window.matchMedia(mediaQueryString);
-    // Support fallback to `addListener` for broader browser support
-    if (mediaQueryList.addEventListener) {
-      mediaQueryList.addEventListener('change', listener);
-    } else {
-      mediaQueryList.addListener(listener);
-    }
-
-    // Make sure the media query list is in sync with the matches state
+    };
+    const mediaQueryList = window.matchMedia(mediaQuery);
+    mediaQueryList.addEventListener('change', listener);
     setMatches(mediaQueryList.matches);
     return () => {
-      if (mediaQueryList.addEventListener) {
-        mediaQueryList.removeEventListener('change', listener);
-      } else {
-        mediaQueryList.removeListener(listener);
-      }
+      mediaQueryList.removeEventListener('change', listener);
     };
-  }, [mediaQueryString]);
+  }, [mediaQuery]);
   return matches;
-}
+};
 
 exports.useMatchMedia = useMatchMedia;

package/lib/internal/useNormalizedInputProps.d.ts

@@ -0,0 +1,52 @@
+/**
+ * Copyright IBM Corp. 2021, 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 ComponentType, type ReactNode } from 'react';
+interface InputProps {
+    /** The ID for the input. */
+    id: string;
+    /** Whether the input is read-only. */
+    readOnly?: boolean;
+    /** Whether the input is disabled. */
+    disabled: boolean;
+    /** Whether the input is an invalid state. */
+    invalid: boolean;
+    /** The message displayed when the input is invalid. */
+    invalidText?: ReactNode;
+    /** Whether the input is in a warning state. */
+    warn: boolean;
+    /** The message displayed when the input is in a warning state. */
+    warnText?: ReactNode;
+}
+interface NormalizedInputProps {
+    /** Disabled state. */
+    disabled: boolean;
+    /** Invalid state. */
+    invalid: boolean;
+    /** The generated ID for the error message. */
+    invalidId: string;
+    /** The generated ID for the helper text. */
+    helperId: string;
+    /** Warning state. */
+    warn: boolean;
+    /** The generated ID for the warning message. */
+    warnId: string;
+    /** A React node containing the validation message. */
+    validation: ReactNode | null;
+    /** A React component representing the accompanying icon. */
+    icon: ComponentType | null;
+}
+/**
+ * Returns an object containing normalized properties for an input component.
+ *
+ * This hook ensures that only one of `invalid` or `warn` is active (with
+ * `invalid` taking precedence) and that `readOnly` overrides the `disabled`,
+ * `invalid`, and `warn` states. It generates unique IDs for error, warning, and
+ * helper messages, and conditionally provides the appropriate validation
+ * message and accompanying icon.
+ */
+export declare const useNormalizedInputProps: ({ id, readOnly, disabled, invalid, invalidText, warn, warnText, }: InputProps) => NormalizedInputProps;
+export {};

package/lib/internal/useNormalizedInputProps.js

@@ -11,8 +11,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var iconsReact = require('@carbon/icons-react');
-var usePrefix = require('./usePrefix.js');
 require('../components/Text/index.js');
+var usePrefix = require('./usePrefix.js');
 var Text = require('../components/Text/Text.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -20,42 +20,15 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 /**
- * @typedef {object} InputProps
- * @property {string} id - The input's id
- * @property {boolean | undefined} readOnly - Whether the input should be readonly
- * @property {boolean} disabled - Whether the input should be disabled
- * @property {boolean} invalid - Whether the input should be marked as invalid
- * @property {React.ReactNode | undefined} invalidText - The validation message displayed in case the input is considered invalid
- * @property {boolean} warn - Whether the input should be in warning state
- * @property {React.ReactNode | undefined} warnText - The validation message displayed in case the input is in warning state
- */
-
-/**
- * @typedef {object} NormalizedInputProps
- * @property {boolean} disabled - Whether the input is disabled
- * @property {boolean} invalid - Whether the input is invalid (takes precedence over warn)
- * @property {string} invalidId - The invalid message's id
- * @property {string} helperId - id used for helper text
- * @property {boolean} warn - Whether the input is in warning state
- * @property {string} warnId - The warning message's id
- * @property {React.ReactNode | null} validation – React node rendering the appropriate validation message (if any)
- * @property {React.ReactNode | null} icon – React node rendering the appropriate accompanying icon (if any)
- */
-
-/**
- * Returns an object containing non-colliding props and additional, generated ones.
- * This hook ensures that only either "invalid" or "warn" is true but never both at
- * the same time. Regardless whether "invalid" or "warn", the appropriate validation
- * message is passed as "validation". If the input should be accompanied by an icon
- * (to visually represent a readonly, invalid or warning state), the appropriate icon
- * is passed as "icon".
- * It also ensure that neither "invalid", nor "warn", nor "disabled" are enabled when
- * "readonly" is passed as "readonly" takes precedence over these variants.
+ * Returns an object containing normalized properties for an input component.
  *
- * @param {InputProps} props - The props passed to the component
- * @returns {NormalizedInputProps}
+ * This hook ensures that only one of `invalid` or `warn` is active (with
+ * `invalid` taking precedence) and that `readOnly` overrides the `disabled`,
+ * `invalid`, and `warn` states. It generates unique IDs for error, warning, and
+ * helper messages, and conditionally provides the appropriate validation
+ * message and accompanying icon.
  */
-function useNormalizedInputProps(_ref) {
+const useNormalizedInputProps = _ref => {
   let {
     id,
     readOnly,
@@ -92,6 +65,6 @@ function useNormalizedInputProps(_ref) {
     }, warnText);
   }
   return normalizedProps;
-}
+};
 
 exports.useNormalizedInputProps = useNormalizedInputProps;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/react",
   "description": "React components for the Carbon Design System",
-  "version": "1.78.1",
+  "version": "1.79.0-rc.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
@@ -51,10 +51,10 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.24.7",
-    "@carbon/feature-flags": "^0.24.1",
+    "@carbon/feature-flags": "^0.25.0-rc.0",
     "@carbon/icons-react": "^11.57.0",
-    "@carbon/layout": "^11.30.1",
-    "@carbon/styles": "^1.77.1",
+    "@carbon/layout": "^11.31.0-rc.0",
+    "@carbon/styles": "^1.78.0-rc.0",
     "@floating-ui/react": "^0.27.4",
     "@ibm/telemetry-js": "^1.5.0",
     "classnames": "2.5.1",
@@ -79,7 +79,7 @@
     "@babel/preset-react": "^7.24.7",
     "@babel/preset-typescript": "^7.24.7",
     "@carbon/test-utils": "^10.35.0",
-    "@carbon/themes": "^11.48.1",
+    "@carbon/themes": "^11.49.0-rc.0",
     "@figma/code-connect": "^1.2.4",
     "@rollup/plugin-babel": "^6.0.0",
     "@rollup/plugin-commonjs": "^28.0.0",
@@ -146,5 +146,5 @@
     "**/*.scss",
     "**/*.css"
   ],
-  "gitHead": "538413f7766dea6ef4bc4eb5e752b0119779f10a"
+  "gitHead": "0c142888f7e3aefd5a5b5b0b2c34c2552894bb56"
 }