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

package/lib/components/FluidTimePickerSelect/FluidTimePickerSelect.js

@@ -13,6 +13,7 @@ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelper
 var React = require('react');
 var PropTypes = require('prop-types');
 var FluidSelect = require('../FluidSelect/FluidSelect.js');
+require('../FluidSelect/FluidSelect.Skeleton.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -62,6 +63,5 @@ FluidTimePickerSelect.propTypes = {
    */
   onChange: PropTypes__default["default"].func
 };
-var FluidTimePickerSelect$1 = FluidTimePickerSelect;
 
-exports["default"] = FluidTimePickerSelect$1;
+exports["default"] = FluidTimePickerSelect;

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

@@ -0,0 +1,11 @@
+/**
+ * Copyright IBM Corp. 2022
+ *
+ * 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 FluidTimePickerSelect from './FluidTimePickerSelect';
+import { type FluidTimePickerSelectProps } from './FluidTimePickerSelect';
+export { type FluidTimePickerSelectProps };
+export default FluidTimePickerSelect;
+export { FluidTimePickerSelect };

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

@@ -13,6 +13,10 @@ interface IconButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>
      * Specify how the trigger should align with the tooltip
      */
     align?: 'top' | 'top-left' | 'top-start' | 'top-right' | 'top-end' | 'bottom' | 'bottom-left' | 'bottom-start' | 'bottom-right' | 'bottom-end' | 'left' | 'right';
+    /**
+     * **Experimental**: Will attempt to automatically align the tooltip
+     */
+    autoAlign?: boolean;
     /**
      * Provide an icon or asset to be rendered inside of the IconButton
      */

package/lib/components/IconButton/index.js

@@ -28,6 +28,7 @@ const IconButtonKinds = ['primary', 'secondary', 'ghost', 'tertiary'];
 const IconButton = /*#__PURE__*/React__default["default"].forwardRef(function IconButton(_ref, ref) {
   let {
     align,
+    autoAlign = false,
     children,
     className,
     closeOnActivation = true,
@@ -48,6 +49,7 @@ const IconButton = /*#__PURE__*/React__default["default"].forwardRef(function Ic
   });
   return /*#__PURE__*/React__default["default"].createElement(Tooltip.Tooltip, {
     align: align,
+    autoAlign: autoAlign,
     closeOnActivation: closeOnActivation,
     className: tooltipClasses,
     defaultOpen: defaultOpen,
@@ -69,6 +71,10 @@ IconButton.propTypes = {
    * Specify how the trigger should align with the tooltip
    */
   align: PropTypes__default["default"].oneOf(['top', 'top-left', 'top-start', 'top-right', 'top-end', 'bottom', 'bottom-left', 'bottom-start', 'bottom-right', 'bottom-end', 'left', 'right']),
+  /**
+   * **Experimental**: Will attempt to automatically align the tooltip
+   */
+  autoAlign: PropTypes__default["default"].bool,
   /**
    * Provide an icon or asset to be rendered inside of the IconButton
    */

package/lib/components/Menu/Menu.js

@@ -292,7 +292,8 @@ const Menu = /*#__PURE__*/React.forwardRef(function Menu(_ref, forwardRef) {
     [`${prefix}--menu--box-shadow-top`]: menuAlignment && menuAlignment.slice(0, 3) === 'top',
     [`${prefix}--menu--open`]: open,
     [`${prefix}--menu--shown`]: open && !legacyAutoalign || position[0] >= 0 && position[1] >= 0,
-    [`${prefix}--menu--with-icons`]: childContext.state.hasIcons
+    [`${prefix}--menu--with-icons`]: childContext.state.hasIcons,
+    [`${prefix}--autoalign`]: !legacyAutoalign
   });
   const rendered = /*#__PURE__*/React__default["default"].createElement(MenuContext.MenuContext.Provider, {
     value: childContext

package/lib/components/MultiSelect/FilterableMultiSelect.js

@@ -31,7 +31,7 @@ require('../FluidForm/FluidForm.js');
 var FormContext = require('../FluidForm/FormContext.js');
 var Selection = require('../../internal/Selection.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 match = require('../../internal/keyboard/match.js');
 var ListBoxPropTypes = require('../ListBox/ListBoxPropTypes.js');
 var keys = require('../../internal/keyboard/keys.js');
@@ -157,7 +157,7 @@ const FilterableMultiSelect = /*#__PURE__*/React__default["default"].forwardRef(
           width: `${rects.reference.width}px`
         });
       }
-    }), floatingUi_core.hide()],
+    }), floatingUi_dom.hide()],
     whileElementsMounted: react.autoUpdate
   } : {});
   React.useLayoutEffect(() => {
@@ -208,7 +208,8 @@ const FilterableMultiSelect = /*#__PURE__*/React__default["default"].forwardRef(
     [`${prefix}--list-box--up`]: direction === 'top',
     [`${prefix}--list-box__wrapper--fluid--invalid`]: isFluid && invalid,
     [`${prefix}--list-box__wrapper--fluid--focus`]: isFluid && isFocused,
-    [`${prefix}--list-box__wrapper--slug`]: slug
+    [`${prefix}--list-box__wrapper--slug`]: slug,
+    [`${prefix}--autoalign`]: autoAlign
   });
   const helperId = !helperText ? undefined : `filterablemultiselect-helper-text-${filterableMultiSelectInstanceId}`;
   const labelId = `${id}-label`;
@@ -246,10 +247,10 @@ const FilterableMultiSelect = /*#__PURE__*/React__default["default"].forwardRef(
     const nextIsOpen = forceIsOpen ?? !isOpen;
     setIsOpen(nextIsOpen);
     validateHighlightFocus();
-    if (onMenuChange) {
-      onMenuChange(nextIsOpen);
-    }
   }
+  React.useEffect(() => {
+    onMenuChange?.(isOpen);
+  }, [isOpen, onMenuChange]);
   const {
     getToggleButtonProps,
     getLabelProps,

package/lib/components/MultiSelect/MultiSelect.js

@@ -30,7 +30,7 @@ var Checkbox = require('../Checkbox/Checkbox.js');
 require('../Checkbox/Checkbox.Skeleton.js');
 var noopFn = require('../../internal/noopFn.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 match = require('../../internal/keyboard/match.js');
 var ListBoxPropTypes = require('../ListBox/ListBoxPropTypes.js');
 var keys = require('../../internal/keyboard/keys.js');
@@ -160,7 +160,7 @@ const MultiSelect = /*#__PURE__*/React__default["default"].forwardRef((_ref, ref
           width: `${rects.reference.width}px`
         });
       }
-    }), floatingUi_core.hide()],
+    }), floatingUi_dom.hide()],
     whileElementsMounted: react.autoUpdate
   } : {});
   React.useLayoutEffect(() => {
@@ -290,6 +290,7 @@ const MultiSelect = /*#__PURE__*/React__default["default"].forwardRef((_ref, ref
     [`${prefix}--multi-select--selected`]: selectedItems && selectedItems.length > 0,
     [`${prefix}--list-box--up`]: direction === 'top',
     [`${prefix}--multi-select--readonly`]: readOnly,
+    [`${prefix}--autoalign`]: autoAlign,
     [`${prefix}--multi-select--selectall`]: selectAll
   });
 

package/lib/components/Notification/Notification.js

@@ -45,13 +45,15 @@ function useEscapeToClose(ref, callback) {
   let override = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
   const handleKeyDown = event => {
     // The callback should only be called when focus is on or within the container
-    const elementContainsFocus = ref.current && document.activeElement === ref.current || ref.current.contains(document.activeElement);
+    const elementContainsFocus = ref.current && document.activeElement === ref.current || ref.current?.contains(document.activeElement);
     if (match.matches(event, [keys.Escape]) && override && elementContainsFocus) {
       callback(event);
     }
   };
   useIsomorphicEffect["default"](() => {
-    document.addEventListener('keydown', handleKeyDown, false);
+    if (ref.current !== null) {
+      document.addEventListener('keydown', handleKeyDown, false);
+    }
     return () => document.removeEventListener('keydown', handleKeyDown, false);
   });
 }

package/lib/components/OverflowMenu/next/index.js

@@ -93,7 +93,9 @@ const OverflowMenu = /*#__PURE__*/React__default["default"].forwardRef(function
       hookOnClick();
     }
   }
-  const containerClasses = cx__default["default"](className, `${prefix}--overflow-menu__container`);
+  const containerClasses = cx__default["default"](className, `${prefix}--overflow-menu__container`, {
+    [`${prefix}--autoalign`]: autoAlign
+  });
   const menuClasses = cx__default["default"](`${prefix}--overflow-menu__${menuAlignment}`);
   const triggerClasses = cx__default["default"](`${prefix}--overflow-menu`, {
     [`${prefix}--overflow-menu--open`]: open

package/lib/components/OverflowMenuV2/index.js

@@ -25,9 +25,7 @@ function OverflowMenuV2(props) {
     didWarnAboutDeprecation = true;
   }
   return /*#__PURE__*/React__default["default"].createElement(index.FeatureFlags, {
-    flags: {
-      'enable-v12-overflowmenu': true
-    }
+    enableV12Overflowmenu: true
   }, /*#__PURE__*/React__default["default"].createElement(index$1["default"], props));
 }
 

package/lib/components/Pagination/Pagination.js

@@ -110,7 +110,7 @@ const Pagination = /*#__PURE__*/React__default["default"].forwardRef(function Pa
     [`${prefix}--pagination__button--backward`]: true,
     [`${prefix}--pagination__button--no-index`]: backButtonDisabled
   });
-  const forwardButtonDisabled = disabled || page === totalPages;
+  const forwardButtonDisabled = disabled || page === totalPages && !pagesUnknown;
   const forwardButtonClasses = cx__default["default"]({
     [`${prefix}--pagination__button`]: true,
     [`${prefix}--pagination__button--forward`]: true,

package/lib/components/Popover/index.js

@@ -20,7 +20,7 @@ var usePrefix = require('../../internal/usePrefix.js');
 var useEvent = require('../../internal/useEvent.js');
 var createPropAdapter = require('../../tools/createPropAdapter.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');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -139,7 +139,7 @@ const Popover = /*#__PURE__*/React__default["default"].forwardRef(function Popov
       fallbackAxisSideDirection: 'start'
     }), react.arrow({
       element: caretRef
-    }), floatingUi_core.hide()],
+    }), floatingUi_dom.hide()],
     whileElementsMounted: react.autoUpdate
   } : {} // When autoAlign is turned off, floating-ui will not be used
   );
@@ -199,7 +199,7 @@ const Popover = /*#__PURE__*/React__default["default"].forwardRef(function Popov
     [`${prefix}--popover--drop-shadow`]: dropShadow,
     [`${prefix}--popover--high-contrast`]: highContrast,
     [`${prefix}--popover--open`]: open,
-    [`${prefix}--popover--auto-align`]: autoAlign,
+    [`${prefix}--popover--auto-align ${prefix}--autoalign`]: autoAlign,
     [`${prefix}--popover--${currentAlignment}`]: true,
     [`${prefix}--popover--tab-tip`]: isTabTip
   }, customClassName);

package/lib/components/Tabs/Tabs.js

@@ -821,7 +821,7 @@ const Tab = /*#__PURE__*/React.forwardRef(function Tab(_ref8, forwardRef) {
       // determine number of tabs, excluding disabled
       const tabCount = Array.from(tabRef.current.parentElement.childNodes).filter(node => {
         const element = node;
-        return element.classList.contains('cds--tabs__nav-link') && !element.classList.contains('cds--tabs__nav-item--disabled');
+        return element.classList.contains(`${prefix}--tabs__nav-link`) && !element.classList.contains(`${prefix}--tabs__nav-item--disabled`);
       }).length;
 
       // if not removing last tab focus on next tab

package/lib/components/Tag/DismissibleTag.d.ts

@@ -43,6 +43,10 @@ export interface DismissibleTagBaseProps {
      * Provide text to be rendered inside of a the tag.
      */
     text?: string;
+    /**
+     * Provide a custom `title` to be inserted in the tag.
+     */
+    tagTitle?: string;
     /**
      * Text to show on clear filters
      */
@@ -54,7 +58,7 @@ export interface DismissibleTagBaseProps {
 }
 export type DismissibleTagProps<T extends React.ElementType> = PolymorphicProps<T, DismissibleTagBaseProps>;
 declare const DismissibleTag: {
-    <T extends React.ElementType<any, keyof React.JSX.IntrinsicElements>>({ className, disabled, id, renderIcon, title, onClose, slug, size, text, type, ...other }: DismissibleTagProps<T>): import("react/jsx-runtime").JSX.Element;
+    <T extends React.ElementType<any, keyof React.JSX.IntrinsicElements>>({ className, disabled, id, renderIcon, title, onClose, slug, size, text, tagTitle, type, ...other }: DismissibleTagProps<T>): import("react/jsx-runtime").JSX.Element;
     propTypes: {
         /**
          * Provide a custom className that is applied to the containing <span>
@@ -90,6 +94,10 @@ declare const DismissibleTag: {
          * Provide text to be rendered inside of a the tag.
          */
         text: PropTypes.Requireable<string>;
+        /**
+         * Provide a custom `title` to be inserted in the tag.
+         */
+        tagTitle: PropTypes.Requireable<string>;
         /**
          * Text to show on clear filters
          */

package/lib/components/Tag/DismissibleTag.js

@@ -41,6 +41,7 @@ const DismissibleTag = _ref => {
     slug,
     size,
     text,
+    tagTitle,
     type,
     ...other
   } = _ref;
@@ -86,7 +87,7 @@ const DismissibleTag = _ref => {
   }, otherProps), /*#__PURE__*/React__default["default"].createElement("div", {
     className: `${prefix}--interactive--tag-children`
   }, /*#__PURE__*/React__default["default"].createElement(Text.Text, {
-    title: text,
+    title: tagTitle ? tagTitle : text,
     className: `${prefix}--tag__label`
   }, text), /*#__PURE__*/React__default["default"].createElement(Tooltip.Tooltip, {
     label: isEllipsisApplied ? dismissLabel : title,
@@ -99,8 +100,7 @@ const DismissibleTag = _ref => {
     className: `${prefix}--tag__close-icon`,
     onClick: handleClose,
     disabled: disabled,
-    "aria-label": title,
-    title: title
+    "aria-label": title
   }, _Close || (_Close = /*#__PURE__*/React__default["default"].createElement(iconsReact.Close, null)))), normalizedSlug));
 };
 DismissibleTag.propTypes = {
@@ -138,6 +138,10 @@ DismissibleTag.propTypes = {
    * Provide text to be rendered inside of a the tag.
    */
   text: PropTypes__default["default"].string,
+  /**
+   * Provide a custom `title` to be inserted in the tag.
+   */
+  tagTitle: PropTypes__default["default"].string,
   /**
    * Text to show on clear filters
    */

package/lib/components/Tag/Tag.js

@@ -141,10 +141,10 @@ const Tag = /*#__PURE__*/React__default["default"].forwardRef(function Tag(_ref,
     definition: children !== null && children !== undefined ? children : typeText,
     className: `${prefix}--definition--tooltip--tag`
   }, /*#__PURE__*/React__default["default"].createElement(Text.Text, {
-    title: children !== null && children !== undefined ? children : typeText,
+    title: children !== null && children !== undefined && typeof children === 'string' ? children : typeText,
     className: labelClasses
   }, children !== null && children !== undefined ? children : typeText)) : /*#__PURE__*/React__default["default"].createElement(Text.Text, {
-    title: children !== null && children !== undefined ? children : typeText,
+    title: children !== null && children !== undefined && typeof children === 'string' ? children : typeText,
     className: labelClasses
   }, children !== null && children !== undefined ? children : typeText), normalizedSlug);
 });

package/lib/components/Toggletip/index.js

@@ -84,7 +84,8 @@ function Toggletip(_ref2) {
   const prefix = usePrefix.usePrefix();
   const id = useId.useId();
   const className = cx__default["default"](`${prefix}--toggletip`, customClassName, {
-    [`${prefix}--toggletip--open`]: open
+    [`${prefix}--toggletip--open`]: open,
+    [`${prefix}--autoalign`]: autoAlign
   });
   const actions = {
     toggle: () => {

package/lib/components/UIShell/HeaderPanel.js

@@ -50,7 +50,7 @@ const HeaderPanel = /*#__PURE__*/React__default["default"].forwardRef(function H
   const eventHandlers = {};
   if (addFocusListeners) {
     eventHandlers.onBlur = event => {
-      if (!event.currentTarget.contains(event.relatedTarget) && !lastClickedElement?.classList?.contains('cds--switcher__item-link')) {
+      if (!event.currentTarget.contains(event.relatedTarget) && !lastClickedElement?.classList?.contains(`${prefix}--switcher__item-link`)) {
         setExpandedState(false);
         setLastClickedElement(null);
         if (expanded) {

package/lib/index.js

@@ -163,6 +163,18 @@ var SideNavMenuItem = require('./components/UIShell/SideNavMenuItem.js');
 var SideNavSwitcher = require('./components/UIShell/SideNavSwitcher.js');
 var UnorderedList = require('./components/UnorderedList/UnorderedList.js');
 var index = require('./components/FeatureFlags/index.js');
+var FluidSelect = require('./components/FluidSelect/FluidSelect.js');
+var FluidSelect_Skeleton = require('./components/FluidSelect/FluidSelect.Skeleton.js');
+var FluidSearch = require('./components/FluidSearch/FluidSearch.js');
+var FluidSearch_Skeleton = require('./components/FluidSearch/FluidSearch.Skeleton.js');
+var FluidTextArea = require('./components/FluidTextArea/FluidTextArea.js');
+var FluidTextArea_Skeleton = require('./components/FluidTextArea/FluidTextArea.Skeleton.js');
+var FluidTextInput = require('./components/FluidTextInput/FluidTextInput.js');
+require('./components/FluidTextInput/FluidPasswordInput.js');
+var FluidTextInput_Skeleton = require('./components/FluidTextInput/FluidTextInput.Skeleton.js');
+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$c = require('./components/Heading/index.js');
 var index$d = require('./components/IconButton/index.js');
 var index$e = require('./components/Layer/index.js');
@@ -183,11 +195,6 @@ var index$g = require('./components/Theme/index.js');
 var usePrefix = require('./internal/usePrefix.js');
 var useIdPrefix = require('./internal/useIdPrefix.js');
 var FluidDatePicker_Skeleton = require('./components/FluidDatePicker/FluidDatePicker.Skeleton.js');
-var FluidSearch_Skeleton = require('./components/FluidSearch/FluidSearch.Skeleton.js');
-var FluidTextArea = require('./components/FluidTextArea/FluidTextArea.js');
-var FluidTextArea_Skeleton = require('./components/FluidTextArea/FluidTextArea.Skeleton.js');
-var FluidTextInput = require('./components/FluidTextInput/FluidTextInput.js');
-var FluidTextInput_Skeleton = require('./components/FluidTextInput/FluidTextInput.Skeleton.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');
@@ -204,12 +211,6 @@ var FluidDropdown = require('./components/FluidDropdown/FluidDropdown.js');
 var FluidDropdown_Skeleton = require('./components/FluidDropdown/FluidDropdown.Skeleton.js');
 var FluidMultiSelect = require('./components/FluidMultiSelect/FluidMultiSelect.js');
 var FluidMultiSelect_Skeleton = require('./components/FluidMultiSelect/FluidMultiSelect.Skeleton.js');
-var FluidSelect = require('./components/FluidSelect/FluidSelect.js');
-var FluidSelect_Skeleton = require('./components/FluidSelect/FluidSelect.Skeleton.js');
-var FluidSearch = require('./components/FluidSearch/FluidSearch.js');
-var FluidTimePicker = require('./components/FluidTimePicker/FluidTimePicker.js');
-var FluidTimePicker_Skeleton = require('./components/FluidTimePicker/FluidTimePicker.Skeleton.js');
-var FluidTimePickerSelect = require('./components/FluidTimePickerSelect/FluidTimePickerSelect.js');
 var LayoutDirection = require('./components/LayoutDirection/LayoutDirection.js');
 var useLayoutDirection = require('./components/LayoutDirection/useLayoutDirection.js');
 var Text = require('./components/Text/Text.js');
@@ -429,6 +430,17 @@ exports.UnorderedList = UnorderedList["default"];
 exports.unstable_FeatureFlags = index.FeatureFlags;
 exports.unstable_useFeatureFlag = index.useFeatureFlag;
 exports.unstable_useFeatureFlags = index.useFeatureFlags;
+exports.unstable__FluidSelect = FluidSelect["default"];
+exports.unstable__FluidSelectSkeleton = FluidSelect_Skeleton["default"];
+exports.unstable__FluidSearch = FluidSearch["default"];
+exports.unstable__FluidSearchSkeleton = FluidSearch_Skeleton["default"];
+exports.unstable__FluidTextArea = FluidTextArea["default"];
+exports.unstable__FluidTextAreaSkeleton = FluidTextArea_Skeleton["default"];
+exports.unstable__FluidTextInput = FluidTextInput["default"];
+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$c.Heading;
 exports.Section = index$c.Section;
 exports.IconButton = index$d.IconButton;
@@ -465,11 +477,6 @@ exports.PrefixContext = usePrefix.PrefixContext;
 exports.usePrefix = usePrefix.usePrefix;
 exports.useIdPrefix = useIdPrefix.useIdPrefix;
 exports.unstable__FluidDatePickerSkeleton = FluidDatePicker_Skeleton["default"];
-exports.unstable__FluidSearchSkeleton = FluidSearch_Skeleton["default"];
-exports.unstable__FluidTextArea = FluidTextArea["default"];
-exports.unstable__FluidTextAreaSkeleton = FluidTextArea_Skeleton["default"];
-exports.unstable__FluidTextInput = FluidTextInput["default"];
-exports.unstable__FluidTextInputSkeleton = FluidTextInput_Skeleton["default"];
 exports.unstable_PageSelector = PageSelector["default"];
 exports.unstable_Pagination = Pagination["default"];
 exports.ContainedListItem = ContainedListItem["default"];
@@ -486,12 +493,6 @@ exports.unstable__FluidDropdown = FluidDropdown["default"];
 exports.unstable__FluidDropdownSkeleton = FluidDropdown_Skeleton["default"];
 exports.unstable__FluidMultiSelect = FluidMultiSelect["default"];
 exports.unstable__FluidMultiSelectSkeleton = FluidMultiSelect_Skeleton["default"];
-exports.unstable__FluidSelect = FluidSelect["default"];
-exports.unstable__FluidSelectSkeleton = FluidSelect_Skeleton["default"];
-exports.unstable__FluidSearch = FluidSearch["default"];
-exports.unstable__FluidTimePicker = FluidTimePicker["default"];
-exports.unstable__FluidTimePickerSkeleton = FluidTimePicker_Skeleton["default"];
-exports.unstable__FluidTimePickerSelect = FluidTimePickerSelect["default"];
 exports.unstable_LayoutDirection = LayoutDirection.LayoutDirection;
 exports.unstable_useLayoutDirection = useLayoutDirection.useLayoutDirection;
 exports.unstable_Text = Text.Text;