@carbon/react 1.66.0-rc.0 → 1.67.0-rc.0

package/es/node_modules/@floating-ui/dom/dist/floating-ui.dom.mjs.js

@@ -0,0 +1,76 @@
+/**
+ * Copyright IBM Corp. 2016, 2023
+ *
+ * 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 { offset, autoPlacement, shift, flip, size, hide as hide$1, arrow, inline, limitShift } from '../../core/dist/floating-ui.core.mjs.js';
+
+/**
+ * Modifies the placement by translating the floating element along the
+ * specified axes.
+ * A number (shorthand for `mainAxis` or distance), or an axes configuration
+ * object may be passed.
+ * @see https://floating-ui.com/docs/offset
+ */
+offset;
+
+/**
+ * Optimizes the visibility of the floating element by choosing the placement
+ * that has the most space available automatically, without needing to specify a
+ * preferred placement. Alternative to `flip`.
+ * @see https://floating-ui.com/docs/autoPlacement
+ */
+autoPlacement;
+
+/**
+ * Optimizes the visibility of the floating element by shifting it in order to
+ * keep it in view when it will overflow the clipping boundary.
+ * @see https://floating-ui.com/docs/shift
+ */
+shift;
+
+/**
+ * Optimizes the visibility of the floating element by flipping the `placement`
+ * in order to keep it in view when the preferred placement(s) will overflow the
+ * clipping boundary. Alternative to `autoPlacement`.
+ * @see https://floating-ui.com/docs/flip
+ */
+flip;
+
+/**
+ * Provides data that allows you to change the size of the floating element —
+ * for instance, prevent it from overflowing the clipping boundary or match the
+ * width of the reference element.
+ * @see https://floating-ui.com/docs/size
+ */
+size;
+
+/**
+ * Provides data to hide the floating element in applicable situations, such as
+ * when it is not in the same clipping context as the reference element.
+ * @see https://floating-ui.com/docs/hide
+ */
+const hide = hide$1;
+
+/**
+ * Provides data to position an inner element of the floating element so that it
+ * appears centered to the reference element.
+ * @see https://floating-ui.com/docs/arrow
+ */
+arrow;
+
+/**
+ * Provides improved positioning for inline reference elements that can span
+ * over multiple lines, such as hyperlinks or range selections.
+ * @see https://floating-ui.com/docs/inline
+ */
+inline;
+
+/**
+ * Built-in `limiter` that will stop `shift()` at a certain point.
+ */
+limitShift;
+
+export { hide };

package/es/node_modules/@floating-ui/utils/dist/floating-ui.utils.mjs.js

@@ -5,10 +5,101 @@
  * LICENSE file in the root directory of this source tree.
  */
 
+/**
+ * Custom positioning reference element.
+ * @see https://floating-ui.com/docs/virtual-elements
+ */
+
 const sides = ['top', 'right', 'bottom', 'left'];
+const alignments = ['start', 'end'];
+const placements = /*#__PURE__*/sides.reduce((acc, side) => acc.concat(side, side + "-" + alignments[0], side + "-" + alignments[1]), []);
+const min = Math.min;
+const max = Math.max;
+const oppositeSideMap = {
+  left: 'right',
+  right: 'left',
+  bottom: 'top',
+  top: 'bottom'
+};
+const oppositeAlignmentMap = {
+  start: 'end',
+  end: 'start'
+};
+function clamp(start, value, end) {
+  return max(start, min(value, end));
+}
 function evaluate(value, param) {
   return typeof value === 'function' ? value(param) : value;
 }
+function getSide(placement) {
+  return placement.split('-')[0];
+}
+function getAlignment(placement) {
+  return placement.split('-')[1];
+}
+function getOppositeAxis(axis) {
+  return axis === 'x' ? 'y' : 'x';
+}
+function getAxisLength(axis) {
+  return axis === 'y' ? 'height' : 'width';
+}
+function getSideAxis(placement) {
+  return ['top', 'bottom'].includes(getSide(placement)) ? 'y' : 'x';
+}
+function getAlignmentAxis(placement) {
+  return getOppositeAxis(getSideAxis(placement));
+}
+function getAlignmentSides(placement, rects, rtl) {
+  if (rtl === void 0) {
+    rtl = false;
+  }
+  const alignment = getAlignment(placement);
+  const alignmentAxis = getAlignmentAxis(placement);
+  const length = getAxisLength(alignmentAxis);
+  let mainAlignmentSide = alignmentAxis === 'x' ? alignment === (rtl ? 'end' : 'start') ? 'right' : 'left' : alignment === 'start' ? 'bottom' : 'top';
+  if (rects.reference[length] > rects.floating[length]) {
+    mainAlignmentSide = getOppositePlacement(mainAlignmentSide);
+  }
+  return [mainAlignmentSide, getOppositePlacement(mainAlignmentSide)];
+}
+function getExpandedPlacements(placement) {
+  const oppositePlacement = getOppositePlacement(placement);
+  return [getOppositeAlignmentPlacement(placement), oppositePlacement, getOppositeAlignmentPlacement(oppositePlacement)];
+}
+function getOppositeAlignmentPlacement(placement) {
+  return placement.replace(/start|end/g, alignment => oppositeAlignmentMap[alignment]);
+}
+function getSideList(side, isStart, rtl) {
+  const lr = ['left', 'right'];
+  const rl = ['right', 'left'];
+  const tb = ['top', 'bottom'];
+  const bt = ['bottom', 'top'];
+  switch (side) {
+    case 'top':
+    case 'bottom':
+      if (rtl) return isStart ? rl : lr;
+      return isStart ? lr : rl;
+    case 'left':
+    case 'right':
+      return isStart ? tb : bt;
+    default:
+      return [];
+  }
+}
+function getOppositeAxisPlacements(placement, flipAlignment, direction, rtl) {
+  const alignment = getAlignment(placement);
+  let list = getSideList(getSide(placement), direction === 'start', rtl);
+  if (alignment) {
+    list = list.map(side => side + "-" + alignment);
+    if (flipAlignment) {
+      list = list.concat(list.map(getOppositeAlignmentPlacement));
+    }
+  }
+  return list;
+}
+function getOppositePlacement(placement) {
+  return placement.replace(/left|right|bottom|top/g, side => oppositeSideMap[side]);
+}
 function expandPaddingObject(padding) {
   return {
     top: 0,
@@ -27,13 +118,22 @@ function getPaddingObject(padding) {
   };
 }
 function rectToClientRect(rect) {
+  const {
+    x,
+    y,
+    width,
+    height
+  } = rect;
   return {
-    ...rect,
-    top: rect.y,
-    left: rect.x,
-    right: rect.x + rect.width,
-    bottom: rect.y + rect.height
+    width,
+    height,
+    top: y,
+    left: x,
+    right: x + width,
+    bottom: y + height,
+    x,
+    y
   };
 }
 
-export { evaluate, expandPaddingObject, getPaddingObject, rectToClientRect, sides };
+export { alignments, clamp, evaluate, expandPaddingObject, getAlignment, getAlignmentAxis, getAlignmentSides, getAxisLength, getExpandedPlacements, getOppositeAlignmentPlacement, getOppositeAxis, getOppositeAxisPlacements, getOppositePlacement, getPaddingObject, getSide, getSideAxis, max, min, placements, rectToClientRect, sides };

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

@@ -0,0 +1,37 @@
+/**
+ * Copyright IBM Corp. 2016, 2024
+ *
+ * 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';
+export type AILabelContentProps = React.HTMLAttributes<HTMLSpanElement>;
+export declare const AILabelContent: React.ForwardRefExoticComponent<AILabelContentProps & React.RefAttributes<unknown>>;
+export type AILabelActionsProps = React.HTMLAttributes<HTMLSpanElement>;
+export declare const AILabelActions: React.ForwardRefExoticComponent<AILabelActionsProps & React.RefAttributes<unknown>>;
+/**
+ * Deprecated popover alignment values.
+ * @deprecated Use NewPopoverAlignment instead.
+ */
+export type DeprecatedAlignment = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'left-bottom' | 'left-top' | 'right-bottom' | 'right-top';
+export type NewAlignment = 'top' | 'bottom' | 'left' | 'right' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'left-end' | 'left-start' | 'right-end' | 'right-start';
+export type Alignment = DeprecatedAlignment | NewAlignment;
+interface AILabelProps {
+    AILabelContent?: React.ReactNode;
+    aiText?: string;
+    aiTextLabel?: string;
+    textLabel?: string;
+    align?: Alignment;
+    autoAlign?: boolean;
+    children?: React.ReactNode;
+    className?: string;
+    kind?: 'default' | 'inline';
+    onRevertClick?: (evt: React.MouseEvent<HTMLButtonElement>) => void;
+    revertActive?: boolean;
+    revertLabel?: string;
+    size?: 'mini' | '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    'aria-label'?: string;
+    slugLabel?: string;
+}
+export declare const AILabel: React.ForwardRefExoticComponent<AILabelProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/lib/components/AILabel/index.js

@@ -12,10 +12,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var cx = require('classnames');
 var PropTypes = require('prop-types');
+var deprecateValuesWithin = require('../../prop-types/deprecateValuesWithin.js');
 var React = require('react');
 var usePrefix = require('../../internal/usePrefix.js');
 var index = require('../Toggletip/index.js');
 var index$1 = require('../IconButton/index.js');
+var createPropAdapter = require('../../tools/createPropAdapter.js');
 var iconsReact = require('@carbon/icons-react');
 var useId = require('../../internal/useId.js');
 var deprecate = require('../../prop-types/deprecate.js');
@@ -29,11 +31,15 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var _Undo;
 const AILabelContent = /*#__PURE__*/React__default["default"].forwardRef(function AILabelContent(_ref, ref) {
   let {
+    className,
     children,
-    className
+    ...rest
   } = _ref;
   const prefix = usePrefix.usePrefix();
-  const hasAILabelActions = React__default["default"].Children.toArray(children).some(child => child.type?.displayName === 'AILabelActions');
+  const hasAILabelActions = React__default["default"].Children.toArray(children).some(child => {
+    const item = child;
+    item.type?.displayName === 'AILabelActions';
+  });
   const aiLabelContentClasses = cx__default["default"](className, {
     [`${prefix}--slug-content`]: true,
     [`${prefix}--slug-content--with-actions`]: hasAILabelActions
@@ -55,16 +61,16 @@ AILabelContent.propTypes = {
 };
 const AILabelActions = /*#__PURE__*/React__default["default"].forwardRef(function AILabelActions(_ref2, ref) {
   let {
+    className,
     children,
-    className
+    ...rest
   } = _ref2;
   const prefix = usePrefix.usePrefix();
   const aiLabelActionsClasses = cx__default["default"](className, {
     [`${prefix}--slug-actions`]: true
   });
   return /*#__PURE__*/React__default["default"].createElement(index.ToggletipActions, {
-    className: aiLabelActionsClasses,
-    ref: ref
+    className: aiLabelActionsClasses
   }, children);
 });
 AILabelActions.displayName = 'AILabelActions';
@@ -78,6 +84,15 @@ AILabelActions.propTypes = {
    */
   className: PropTypes__default["default"].string
 };
+
+/**
+ * Deprecated popover alignment values.
+ * @deprecated Use NewPopoverAlignment instead.
+ */
+
+const propMappingFunction = deprecatedValue => {
+  return createPropAdapter.mapPopoverAlignProp(deprecatedValue);
+};
 const AILabel = /*#__PURE__*/React__default["default"].forwardRef(function AILabel(_ref3, ref) {
   let {
     aiText = 'AI',
@@ -153,23 +168,32 @@ AILabel.propTypes = {
   /**
    * Specify how the popover should align with the button
    */
-  align: PropTypes__default["default"].oneOf(['top', 'top-left',
+  align: deprecateValuesWithin["default"](PropTypes__default["default"].oneOf(['top', 'top-left',
   // deprecated use top-start instead
-  'top-start', 'top-right',
+  'top-right',
   // deprecated use top-end instead
-  'top-end', 'bottom', 'bottom-left',
+
+  'bottom', 'bottom-left',
   // deprecated use bottom-start instead
-  'bottom-start', 'bottom-right',
+  'bottom-right',
   // deprecated use bottom-end instead
-  'bottom-end', 'left', 'left-bottom',
+
+  'left', 'left-bottom',
   // deprecated use left-end instead
-  'left-end', 'left-top',
+  'left-top',
   // deprecated use left-start instead
-  'left-start', 'right', 'right-bottom',
+
+  'right', 'right-bottom',
   // deprecated use right-end instead
-  'right-end', 'right-top',
+  'right-top',
   // deprecated use right-start instead
-  'right-start']),
+
+  // new values to match floating-ui
+  'top-start', 'top-end', 'bottom-start', 'bottom-end', 'left-end', 'left-start', 'right-end', 'right-start']),
+  //allowed prop values
+  ['top', 'top-start', 'top-end', 'bottom', 'bottom-start', 'bottom-end', 'left', 'left-start', 'left-end', 'right', 'right-start', 'right-end'],
+  //optional mapper function
+  propMappingFunction),
   /**
    * Specify the text that will be provided to the aria-label of the `AILabel` button
    */

package/lib/components/Accordion/Accordion.d.ts

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 import PropTypes from 'prop-types';
-import { PropsWithChildren } from 'react';
+import { PropsWithChildren, ReactNode } from 'react';
 export interface AccordionProps {
     /**
      * Specify the alignment of the accordion heading
@@ -17,6 +17,10 @@ export interface AccordionProps {
      * the container node.
      */
     className?: string;
+    /**
+     * Pass in the children that will be rendered within the Accordion
+     */
+    children?: ReactNode;
     /**
      * Specify whether an individual AccordionItem
      * should be disabled.

package/lib/components/Breadcrumb/BreadcrumbItem.js

@@ -64,7 +64,7 @@ const BreadcrumbItem = /*#__PURE__*/React__default["default"].forwardRef(functio
       ref: ref
     }, rest), href ? /*#__PURE__*/React__default["default"].createElement(Link["default"], {
       href: href,
-      "aria-current": ariaCurrent
+      "aria-current": ariaCurrent || isCurrentPage
     }, children) : /*#__PURE__*/React__default["default"].createElement(Text.Text, {
       className: `${prefix}--link`
     }, children));

package/lib/components/Button/Button.d.ts

@@ -5,6 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React from 'react';
+import { IconButtonKind } from '../IconButton';
 import { PolymorphicProps } from '../../types/common';
 export declare const ButtonKinds: readonly ["primary", "secondary", "danger", "ghost", "danger--primary", "danger--ghost", "danger--tertiary", "tertiary"];
 export type ButtonKind = (typeof ButtonKinds)[number];
@@ -43,7 +44,7 @@ export interface ButtonBaseProps extends React.ButtonHTMLAttributes<HTMLButtonEl
     /**
      * Specify the kind of Button you want to create
      */
-    kind?: ButtonKind;
+    kind?: ButtonBaseProps['hasIconOnly'] extends true ? IconButtonKind : ButtonKind;
     /**
      * Optional prop to allow overriding the icon rendering.
      * Can be a React component class

package/lib/components/Button/Button.js

@@ -150,8 +150,19 @@ Button.propTypes = {
   /**
    * Specify the kind of Button you want to create
    */
-  // TODO: this should be either ButtonKinds or IconButtonKinds based on the value of "hasIconOnly"
-  kind: PropTypes__default["default"].oneOf(ButtonKinds),
+  kind: (props, propName, componentName) => {
+    const {
+      hasIconOnly
+    } = props;
+    const validKinds = hasIconOnly ? index.IconButtonKinds : ButtonKinds;
+    if (props[propName] === undefined) {
+      return null;
+    }
+    if (!validKinds.includes(props[propName])) {
+      return new Error(`Invalid prop \`${propName}\` supplied to \`${componentName}\`. Expected one of ${validKinds.join(', ')}.`);
+    }
+    return null;
+  },
   /**
    * Provide an optional function to be called when the button element
    * loses focus

package/lib/components/CodeSnippet/CodeSnippet.d.ts

@@ -11,6 +11,10 @@ export interface CodeSnippetProps {
      * Specify how the trigger should align with the tooltip
      */
     align?: 'top' | 'top-left' | 'top-right' | 'bottom' | 'bottom-left' | 'bottom-right' | 'left' | 'right';
+    /**
+     * **Experimental**: Will attempt to automatically align the tooltip
+     */
+    autoAlign?: boolean;
     /**
      * Specify a label to be read by screen readers on the containing textbox
      * node
@@ -96,7 +100,7 @@ export interface CodeSnippetProps {
      */
     wrapText?: boolean;
 }
-declare function CodeSnippet({ align, className, type, children, disabled, feedback, feedbackTimeout, onClick, ['aria-label']: ariaLabel, ariaLabel: deprecatedAriaLabel, copyText, copyButtonDescription, light, showMoreText, showLessText, hideCopyButton, wrapText, maxCollapsedNumberOfRows, maxExpandedNumberOfRows, minCollapsedNumberOfRows, minExpandedNumberOfRows, ...rest }: PropsWithChildren<CodeSnippetProps>): import("react/jsx-runtime").JSX.Element;
+declare function CodeSnippet({ align, autoAlign, className, type, children, disabled, feedback, feedbackTimeout, onClick, ['aria-label']: ariaLabel, ariaLabel: deprecatedAriaLabel, copyText, copyButtonDescription, light, showMoreText, showLessText, hideCopyButton, wrapText, maxCollapsedNumberOfRows, maxExpandedNumberOfRows, minCollapsedNumberOfRows, minExpandedNumberOfRows, ...rest }: PropsWithChildren<CodeSnippetProps>): import("react/jsx-runtime").JSX.Element;
 declare namespace CodeSnippet {
     var propTypes: {
         /**
@@ -114,6 +118,10 @@ declare namespace CodeSnippet {
          * node
          */
         ariaLabel: (props: any, propName: any, componentName: any, ...rest: any[]) => any;
+        /**
+         * **Experimental**: Will attempt to automatically align the tooltip
+         */
+        autoAlign: PropTypes.Requireable<boolean>;
         /**
          * Provide the content of your CodeSnippet as a node or string
          */

package/lib/components/CodeSnippet/CodeSnippet.js

@@ -40,6 +40,7 @@ const defaultMinExpandedNumberOfRows = 16;
 function CodeSnippet(_ref) {
   let {
     align = 'bottom',
+    autoAlign = false,
     className,
     type = 'single',
     children,
@@ -162,6 +163,7 @@ function CodeSnippet(_ref) {
     }
     return /*#__PURE__*/React__default["default"].createElement(Copy["default"], _rollupPluginBabelHelpers["extends"]({}, rest, {
       align: align,
+      autoAlign: autoAlign,
       onClick: handleCopyClick,
       "aria-label": deprecatedAriaLabel || ariaLabel,
       "aria-describedby": uid,
@@ -217,6 +219,7 @@ function CodeSnippet(_ref) {
     className: `${prefix}--snippet__overflow-indicator--right`
   }), !hideCopyButton && /*#__PURE__*/React__default["default"].createElement(CopyButton["default"], {
     align: align,
+    autoAlign: autoAlign,
     size: type === 'multi' ? 'sm' : 'md',
     disabled: disabled,
     onClick: handleCopyClick,
@@ -253,6 +256,10 @@ CodeSnippet.propTypes = {
    * node
    */
   ariaLabel: deprecate["default"](PropTypes__default["default"].string, 'This prop syntax has been deprecated. Please use the new `aria-label`.'),
+  /**
+   * **Experimental**: Will attempt to automatically align the tooltip
+   */
+  autoAlign: PropTypes__default["default"].bool,
   /**
    * Provide the content of your CodeSnippet as a node or string
    */

package/lib/components/ComboBox/ComboBox.js

@@ -26,7 +26,7 @@ var usePrefix = require('../../internal/usePrefix.js');
 require('../FluidForm/FluidForm.js');
 var FormContext = require('../FluidForm/FormContext.js');
 var react = require('@floating-ui/react');
-var floatingUi_core = require('../../node_modules/@floating-ui/core/dist/floating-ui.core.mjs.js');
+var floatingUi_dom = require('../../node_modules/@floating-ui/dom/dist/floating-ui.dom.mjs.js');
 var Text = require('../Text/Text.js');
 var match = require('../../internal/keyboard/match.js');
 var ListBoxPropTypes = require('../ListBox/ListBoxPropTypes.js');
@@ -46,7 +46,8 @@ const {
   ItemMouseMove,
   InputKeyDownArrowUp,
   InputKeyDownArrowDown,
-  MenuMouseLeave
+  MenuMouseLeave,
+  FunctionSelectItem
 } = Downshift.useCombobox.stateChangeTypes;
 const defaultItemToString = item => {
   if (typeof item === 'string') {
@@ -144,7 +145,7 @@ const ComboBox = /*#__PURE__*/React.forwardRef((props, ref) => {
   } = react.useFloating(autoAlign ? {
     placement: direction,
     strategy: 'fixed',
-    middleware: [react.flip(), floatingUi_core.hide()],
+    middleware: [react.flip(), floatingUi_dom.hide()],
     whileElementsMounted: react.autoUpdate
   } : {});
   const parentWidth = refs?.reference?.current?.clientWidth;
@@ -223,19 +224,40 @@ const ComboBox = /*#__PURE__*/React.forwardRef((props, ref) => {
     } = changes;
     switch (type) {
       case InputBlur:
-        if (state.inputValue && highlightedIndex == '-1' && changes.selectedItem) {
-          return {
-            ...changes,
-            inputValue: itemToString(changes.selectedItem)
-          };
-        } else if (state.inputValue && highlightedIndex == '-1' && !allowCustomValue && !changes.selectedItem) {
-          return {
-            ...changes,
-            inputValue: ''
-          };
-        } else {
+        {
+          if (allowCustomValue && highlightedIndex == '-1') {
+            const customValue = inputValue;
+            changes.selectedItem = customValue;
+            if (onChange) {
+              onChange({
+                selectedItem: inputValue,
+                inputValue
+              });
+            }
+            return changes;
+          }
+          if (state.inputValue && highlightedIndex == '-1' && changes.selectedItem) {
+            return {
+              ...changes,
+              inputValue: itemToString(changes.selectedItem)
+            };
+          }
+          if (state.inputValue && highlightedIndex == '-1' && !allowCustomValue && !changes.selectedItem) {
+            return {
+              ...changes,
+              inputValue: ''
+            };
+          }
           return changes;
         }
+      case FunctionSelectItem:
+        if (onChange) {
+          onChange({
+            selectedItem: changes.selectedItem,
+            inputValue: changes.inputValue
+          });
+        }
+        return changes;
       case InputKeyDownEnter:
         if (allowCustomValue) {
           setInputValue(inputValue);
@@ -302,7 +324,8 @@ const ComboBox = /*#__PURE__*/React.forwardRef((props, ref) => {
     [`${prefix}--combo-box--invalid--focused`]: invalid && isFocused,
     [`${prefix}--list-box--up`]: direction === 'top',
     [`${prefix}--combo-box--warning`]: showWarning,
-    [`${prefix}--combo-box--readonly`]: readOnly
+    [`${prefix}--combo-box--readonly`]: readOnly,
+    [`${prefix}--autoalign`]: autoAlign
   });
   const titleClasses = cx__default["default"](`${prefix}--label`, {
     [`${prefix}--label--disabled`]: disabled

package/lib/components/ComboButton/index.js

@@ -23,8 +23,8 @@ var useAttachedMenu = require('../../internal/useAttachedMenu.js');
 var useId = require('../../internal/useId.js');
 var usePrefix = require('../../internal/usePrefix.js');
 var react = require('@floating-ui/react');
+var floatingUi_dom = require('../../node_modules/@floating-ui/dom/dist/floating-ui.dom.mjs.js');
 var mergeRefs = require('../../tools/mergeRefs.js');
-var floatingUi_core = require('../../node_modules/@floating-ui/core/dist/floating-ui.core.mjs.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -62,7 +62,7 @@ const ComboButton = /*#__PURE__*/React__default["default"].forwardRef(function C
   const containerRef = React.useRef(null);
   const middlewares = [react.flip({
     crossAxis: false
-  }), floatingUi_core.hide()];
+  }), floatingUi_dom.hide()];
   if (menuAlignment === 'bottom' || menuAlignment === 'top') {
     middlewares.push(react.size({
       apply(_ref2) {

package/lib/components/Copy/Copy.d.ts

@@ -11,6 +11,10 @@ interface CopyProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
      * Specify how the trigger should align with the tooltip
      */
     align?: 'top' | 'top-left' | 'top-right' | 'bottom' | 'bottom-left' | 'bottom-right' | 'left' | 'right';
+    /**
+     * **Experimental**: Will attempt to automatically align the tooltip
+     */
+    autoAlign?: boolean;
     /**
      * Specify an optional className to be applied to the underlying `<button>`
      */
@@ -35,13 +39,17 @@ interface CopyProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
      */
     onClick?: MouseEventHandler<HTMLButtonElement>;
 }
-declare function Copy({ align, children, className, feedback, feedbackTimeout, onAnimationEnd, onClick, ...other }: PropsWithChildren<CopyProps>): import("react/jsx-runtime").JSX.Element;
+declare function Copy({ align, autoAlign, children, className, feedback, feedbackTimeout, onAnimationEnd, onClick, ...other }: PropsWithChildren<CopyProps>): import("react/jsx-runtime").JSX.Element;
 declare namespace Copy {
     var propTypes: {
         /**
          * Specify how the trigger should align with the tooltip
          */
         align: PropTypes.Requireable<string>;
+        /**
+         * **Experimental**: Will attempt to automatically align the tooltip
+         */
+        autoAlign: PropTypes.Requireable<boolean>;
         /**
          * Pass in content to be rendered in the underlying `<button>`
          */

package/lib/components/Copy/Copy.js

@@ -29,6 +29,7 @@ var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 function Copy(_ref) {
   let {
     align = 'bottom',
+    autoAlign = false,
     children,
     className,
     feedback = 'Copied!',
@@ -63,6 +64,7 @@ function Copy(_ref) {
   return /*#__PURE__*/React__default["default"].createElement(index.IconButton, _rollupPluginBabelHelpers["extends"]({
     closeOnActivation: false,
     align: align,
+    autoAlign: autoAlign,
     className: classNames,
     label: animation ? feedback : initialLabel,
     onClick: events.composeEventHandlers([onClick, handleClick]),
@@ -76,6 +78,10 @@ Copy.propTypes = {
    * Specify how the trigger should align with the tooltip
    */
   align: PropTypes__default["default"].oneOf(['top', 'top-left', 'top-right', 'bottom', 'bottom-left', 'bottom-right', 'left', 'right']),
+  /**
+   * **Experimental**: Will attempt to automatically align the tooltip
+   */
+  autoAlign: PropTypes__default["default"].bool,
   /**
    * Pass in content to be rendered in the underlying `<button>`
    */