@carbon/react 1.66.0 → 1.67.0

package/es/components/FluidTextInput/FluidPasswordInput.js

@@ -0,0 +1,87 @@
+/**
+ * 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 PropTypes from 'prop-types';
+import 'react';
+import 'classnames';
+import '../TextInput/ControlledPasswordInput.js';
+import '../TextInput/PasswordInput.js';
+
+({
+  /**
+   * Specify an optional className to be applied to the outer FluidForm wrapper
+   */
+  className: PropTypes.string,
+  /**
+   * Optionally provide the default value of the `<input>`
+   */
+  defaultValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  /**
+   * Specify whether the `<input>` should be disabled
+   */
+  disabled: PropTypes.bool,
+  /**
+   * "Hide password" tooltip text on password visibility toggle
+   */
+  hidePasswordLabel: PropTypes.string,
+  /**
+   * Specify a custom `id` for the `<input>`
+   */
+  id: PropTypes.string.isRequired,
+  /**
+   * Specify whether the control is currently invalid
+   */
+  invalid: PropTypes.bool,
+  /**
+   * Provide the text that is displayed when the control is in an invalid state
+   */
+  invalidText: PropTypes.node,
+  /**
+   * Specify whether the control is a password input
+   */
+  isPassword: PropTypes.bool,
+  /**
+   * Provide the text that will be read by a screen reader when visiting this
+   * control
+   */
+  labelText: PropTypes.node.isRequired,
+  /**
+   * Optionally provide an `onChange` handler that is called whenever `<input>`
+   * is updated
+   */
+  onChange: PropTypes.func,
+  /**
+   * Optionally provide an `onClick` handler that is called whenever the
+   * `<input>` is clicked
+   */
+  onClick: PropTypes.func,
+  /**
+   * Callback function that is called whenever the toggle password visibility
+   * button is clicked
+   */
+  onTogglePasswordVisibility: PropTypes.func,
+  /**
+   * Specify the placeholder attribute for the `<input>`
+   */
+  placeholder: PropTypes.string,
+  /**
+   * "Show password" tooltip text on password visibility toggle
+   */
+  showPasswordLabel: PropTypes.string,
+  /**
+   * Specify the value of the `<input>`
+   */
+  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  /**
+   * Specify whether the control is currently in warning state
+   */
+  warn: PropTypes.bool,
+  /**
+   * Provide the text that is displayed when the control is in warning state
+   */
+  warnText: PropTypes.node
+});

package/es/components/FluidTextInput/FluidTextInput.Skeleton.d.ts

@@ -0,0 +1,15 @@
+/**
+ * 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 React from 'react';
+export interface FluidTextInputSkeletonProps {
+    /**
+     * Specify an optional className to be applied to the outer FluidForm wrapper
+     */
+    className?: string;
+}
+declare const FluidTextInputSkeleton: React.FC<FluidTextInputSkeletonProps>;
+export default FluidTextInputSkeleton;

package/es/components/FluidTextInput/FluidTextInput.Skeleton.js

@@ -12,7 +12,7 @@ import cx from 'classnames';
 import { usePrefix } from '../../internal/usePrefix.js';
 import { FormContext } from '../FluidForm/FormContext.js';
 
-function FluidTextInputSkeleton(_ref) {
+const FluidTextInputSkeleton = _ref => {
   let {
     className,
     ...other
@@ -29,7 +29,7 @@ function FluidTextInputSkeleton(_ref) {
   }), /*#__PURE__*/React__default.createElement("div", {
     className: `${prefix}--skeleton ${prefix}--text-input`
   })));
-}
+};
 FluidTextInputSkeleton.propTypes = {
   /**
    * Specify an optional className to be applied to the outer FluidForm wrapper

package/es/components/FluidTextInput/FluidTextInput.d.ts

@@ -0,0 +1,70 @@
+/**
+ * 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 React from 'react';
+export interface FluidTextInputProps {
+    /**
+     * Specify an optional className to be applied to the outer FluidForm wrapper
+     */
+    className?: string;
+    /**
+     * Optionally provide the default value of the `<input>`
+     */
+    defaultValue?: string | number;
+    /**
+     * Specify whether the `<input>` should be disabled
+     */
+    disabled?: boolean;
+    /**
+     * Specify a custom `id` for the `<input>`
+     */
+    id: string;
+    /**
+     * Specify whether the control is currently invalid
+     */
+    invalid?: boolean;
+    /**
+     * Provide the text that is displayed when the control is in an invalid state
+     */
+    invalidText?: React.ReactNode;
+    /**
+     * Specify whether the control is a password input
+     */
+    isPassword?: boolean;
+    /**
+     * Provide the text that will be read by a screen reader when visiting this
+     * control
+     */
+    labelText: React.ReactNode;
+    /**
+     * Optionally provide an `onChange` handler that is called whenever `<input>`
+     * is updated
+     */
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    /**
+     * Optionally provide an `onClick` handler that is called whenever the
+     * `<input>` is clicked
+     */
+    onClick?: (event: React.MouseEvent<HTMLElement>) => void;
+    /**
+     * Specify the placeholder attribute for the `<input>`
+     */
+    placeholder?: string;
+    /**
+     * Specify the value of the `<input>`
+     */
+    value?: string | number;
+    /**
+     * Specify whether the control is currently in warning state
+     */
+    warn?: boolean;
+    /**
+     * Provide the text that is displayed when the control is in warning state
+     */
+    warnText?: React.ReactNode;
+}
+declare const FluidTextInput: React.ForwardRefExoticComponent<FluidTextInputProps & React.RefAttributes<HTMLInputElement>>;
+export default FluidTextInput;

package/es/components/FluidTextInput/FluidTextInput.js

@@ -16,7 +16,7 @@ import { usePrefix } from '../../internal/usePrefix.js';
 import { FormContext } from '../FluidForm/FormContext.js';
 import TextInput from '../TextInput/TextInput.js';
 
-function FluidTextInput(_ref) {
+const FluidTextInput = /*#__PURE__*/React__default.forwardRef(function FluidTextInput(_ref, ref) {
   let {
     className,
     isPassword,
@@ -31,11 +31,13 @@ function FluidTextInput(_ref) {
       isFluid: true
     }
   }, isPassword ? /*#__PURE__*/React__default.createElement(PasswordInput, _extends({
-    className: classNames
+    className: classNames,
+    ref: ref
   }, other)) : /*#__PURE__*/React__default.createElement(TextInput, _extends({
-    className: classNames
+    className: classNames,
+    ref: ref
   }, other)));
-}
+});
 FluidTextInput.propTypes = {
   /**
    * Specify an optional className to be applied to the outer FluidForm wrapper

package/es/components/FluidTextInput/index.d.ts

@@ -0,0 +1,15 @@
+/**
+ * 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 FluidTextInput from './FluidTextInput';
+import FluidPasswordInput from './FluidPasswordInput';
+import { type FluidTextInputSkeletonProps } from './FluidTextInput.Skeleton';
+import { type FluidPasswordInputProps } from './FluidPasswordInput';
+import { type FluidTextInputProps } from './FluidTextInput';
+export default FluidTextInput;
+export { FluidTextInput, type FluidTextInputProps, type FluidTextInputSkeletonProps, };
+export { FluidPasswordInput, type FluidPasswordInputProps };
+export { default as FluidTextInputSkeleton } from './FluidTextInput.Skeleton';

package/es/components/FluidTextInput/index.js

@@ -7,3 +7,5 @@
 
 import FluidTextInput from './FluidTextInput.js';
 export { default as FluidTextInput, default } from './FluidTextInput.js';
+import './FluidPasswordInput.js';
+export { default as FluidTextInputSkeleton } from './FluidTextInput.Skeleton.js';

package/es/components/FluidTimePicker/FluidTimePicker.Skeleton.d.ts

@@ -0,0 +1,35 @@
+/**
+ * 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 PropTypes from 'prop-types';
+export interface FluidTimePickerSkeletonProps {
+    /**
+     * Specify an optional className to add.
+     */
+    className?: string;
+    /**
+     * Specify if there are only two TimePicker elements
+     */
+    isOnlyTwo?: boolean;
+}
+declare const FluidTimePickerSkeleton: {
+    ({ className, isOnlyTwo, ...rest }: {
+        [x: string]: any;
+        className: any;
+        isOnlyTwo: any;
+    }): import("react/jsx-runtime").JSX.Element;
+    propTypes: {
+        /**
+         * Specify an optional className to add.
+         */
+        className: PropTypes.Requireable<string>;
+        /**
+         * Specify if there are only two TimePicker elements
+         */
+        isOnlyTwo: PropTypes.Requireable<boolean>;
+    };
+};
+export default FluidTimePickerSkeleton;

package/es/components/FluidTimePicker/FluidTimePicker.Skeleton.js

@@ -10,7 +10,10 @@ import PropTypes from 'prop-types';
 import React__default from 'react';
 import cx from 'classnames';
 import { usePrefix } from '../../internal/usePrefix.js';
+import '../FluidTextInput/FluidTextInput.js';
+import '../FluidTextInput/FluidPasswordInput.js';
 import FluidTextInputSkeleton from '../FluidTextInput/FluidTextInput.Skeleton.js';
+import '../FluidSelect/FluidSelect.js';
 import FluidSelectSkeleton from '../FluidSelect/FluidSelect.Skeleton.js';
 
 var _FluidTextInputSkelet, _FluidSelectSkeleton, _FluidSelectSkeleton2;
@@ -38,6 +41,5 @@ FluidTimePickerSkeleton.propTypes = {
    */
   isOnlyTwo: PropTypes.bool
 };
-var FluidTimePickerSkeleton$1 = FluidTimePickerSkeleton;
 
-export { FluidTimePickerSkeleton$1 as default };
+export { FluidTimePickerSkeleton as default };

package/es/components/FluidTimePicker/FluidTimePicker.d.ts

@@ -0,0 +1,45 @@
+/**
+ * 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 React from 'react';
+import { FluidTextInputProps } from '../FluidTextInput';
+export interface FluidTimePickerProps extends FluidTextInputProps {
+    /**
+     * The child node(s)
+     */
+    children?: React.ReactNode;
+    /**
+     * Specify an optional className to be applied to the outer FluidTimePicker wrapper
+     */
+    className?: string;
+    /**
+     * Specify whether the `<input>` should be disabled
+     */
+    disabled?: boolean;
+    /**
+     * Specify whether or not the control is invalid
+     */
+    invalid?: boolean;
+    /**
+     * Provide the text that is displayed when the control is in error state
+     */
+    invalidText?: React.ReactNode;
+    /**
+     * Provide the text that will be read by a screen reader when visiting this
+     * control
+     */
+    labelText: React.ReactNode;
+    /**
+     * Specify whether the control is currently in warning state
+     */
+    warn?: boolean;
+    /**
+     * Provide the text that is displayed when the control is in warning state
+     */
+    warnText?: React.ReactNode;
+}
+declare const FluidTimePicker: React.ForwardRefExoticComponent<FluidTimePickerProps & React.RefAttributes<HTMLInputElement>>;
+export default FluidTimePicker;

package/es/components/FluidTimePicker/FluidTimePicker.js

@@ -6,10 +6,12 @@
  */
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import PropTypes from 'prop-types';
 import React__default from 'react';
+import PropTypes from 'prop-types';
 import cx from 'classnames';
 import FluidTextInput from '../FluidTextInput/FluidTextInput.js';
+import '../FluidTextInput/FluidPasswordInput.js';
+import '../FluidTextInput/FluidTextInput.Skeleton.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 import { WarningFilled, WarningAltFilled } from '@carbon/icons-react';
 
@@ -27,7 +29,7 @@ const FluidTimePicker = /*#__PURE__*/React__default.forwardRef(function FluidTim
   const prefix = usePrefix();
   const classNames = cx(className, {
     [`${prefix}--time-picker--fluid`]: true,
-    [`${prefix}--time-picker--equal-width`]: children?.length !== 2,
+    [`${prefix}--time-picker--equal-width`]: React__default.Children.toArray(children).length !== 2,
     [`${prefix}--time-picker--fluid--disabled`]: disabled,
     [`${prefix}--time-picker--fluid--invalid`]: invalid,
     [`${prefix}--time-picker--fluid--warning`]: warn
@@ -48,7 +50,6 @@ const FluidTimePicker = /*#__PURE__*/React__default.forwardRef(function FluidTim
   }, /*#__PURE__*/React__default.createElement("div", {
     className: `${prefix}--time-picker__input`
   }, /*#__PURE__*/React__default.createElement(FluidTextInput, _extends({
-    disabled: disabled,
     ref: ref
   }, other))), disabled ? React__default.Children.toArray(children).map(child => {
     return /*#__PURE__*/React__default.cloneElement(child, {
@@ -99,6 +100,5 @@ FluidTimePicker.propTypes = {
    */
   warnText: PropTypes.node
 };
-var FluidTimePicker$1 = FluidTimePicker;
 
-export { FluidTimePicker$1 as default };
+export { FluidTimePicker as default };

package/es/components/FluidTimePicker/index.d.ts

@@ -0,0 +1,13 @@
+/**
+ * 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 FluidTimePicker from './FluidTimePicker';
+import { FluidTimePickerProps } from './FluidTimePicker';
+import { FluidTimePickerSkeletonProps } from './FluidTimePicker.Skeleton';
+export { default as FluidTimePickerSkeleton } from './FluidTimePicker.Skeleton';
+export type { FluidTimePickerProps, FluidTimePickerSkeletonProps };
+export default FluidTimePicker;
+export { FluidTimePicker };

package/es/components/FluidTimePickerSelect/FluidTimePickerSelect.d.ts

@@ -0,0 +1,41 @@
+/**
+ * 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 React from 'react';
+export interface FluidTimePickerSelectProps {
+    /**
+     * Provide the contents of your Select
+     */
+    children?: React.ReactNode;
+    /**
+     * Specify an optional className to be applied to the node containing the label and the select box
+     */
+    className?: string;
+    /**
+     * Optionally provide the default value of the `<select>`
+     */
+    defaultValue?: any;
+    /**
+     * Specify whether the control is disabled
+     */
+    disabled?: boolean;
+    /**
+     * Specify a custom `id` for the `<select>`
+     */
+    id: string;
+    /**
+     * Provide label text to be read by screen readers when interacting with the
+     * control
+     */
+    labelText?: React.ReactNode;
+    /**
+     * Provide an optional `onChange` hook that is called each time the value of
+     * the underlying `<input>` changes
+     */
+    onChange?: React.ChangeEventHandler<HTMLSelectElement>;
+}
+declare const FluidTimePickerSelect: React.ForwardRefExoticComponent<FluidTimePickerSelectProps & React.RefAttributes<HTMLSelectElement>>;
+export default FluidTimePickerSelect;

package/es/components/FluidTimePickerSelect/FluidTimePickerSelect.js

@@ -9,6 +9,7 @@ import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js
 import React__default from 'react';
 import PropTypes from 'prop-types';
 import FluidSelect from '../FluidSelect/FluidSelect.js';
+import '../FluidSelect/FluidSelect.Skeleton.js';
 
 const FluidTimePickerSelect = /*#__PURE__*/React__default.forwardRef(function FluidTimePickerSelect(_ref, ref) {
   let {
@@ -53,6 +54,5 @@ FluidTimePickerSelect.propTypes = {
    */
   onChange: PropTypes.func
 };
-var FluidTimePickerSelect$1 = FluidTimePickerSelect;
 
-export { FluidTimePickerSelect$1 as default };
+export { FluidTimePickerSelect as default };

package/es/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/es/components/Menu/Menu.js

@@ -133,7 +133,6 @@ const Menu = /*#__PURE__*/forwardRef(function Menu(_ref, forwardRef) {
     }
   }
   function focusItem(e) {
-    e?.preventDefault();
     const currentItem = focusableItems.findIndex(item => item.ref?.current?.contains(document.activeElement));
     let indexToFocus = currentItem;
 
@@ -158,6 +157,7 @@ const Menu = /*#__PURE__*/forwardRef(function Menu(_ref, forwardRef) {
     if (indexToFocus !== currentItem) {
       const nodeToFocus = focusableItems[indexToFocus];
       nodeToFocus.ref?.current?.focus();
+      e?.preventDefault();
     }
   }
   function handleBlur(e) {

package/es/components/MultiSelect/FilterableMultiSelect.js

@@ -27,7 +27,7 @@ import '../FluidForm/FluidForm.js';
 import { FormContext } from '../FluidForm/FormContext.js';
 import { useSelection } from '../../internal/Selection.js';
 import { useFloating, flip, size, autoUpdate } from '@floating-ui/react';
-import { hide } from '../../node_modules/@floating-ui/core/dist/floating-ui.core.mjs.js';
+import { hide } from '../../node_modules/@floating-ui/dom/dist/floating-ui.dom.mjs.js';
 import { match } from '../../internal/keyboard/match.js';
 import { ListBoxSize } from '../ListBox/ListBoxPropTypes.js';
 import { Escape, Space, Enter, Delete, Tab, Home, End } from '../../internal/keyboard/keys.js';
@@ -235,10 +235,10 @@ const FilterableMultiSelect = /*#__PURE__*/React__default.forwardRef(function Fi
     const nextIsOpen = forceIsOpen ?? !isOpen;
     setIsOpen(nextIsOpen);
     validateHighlightFocus();
-    if (onMenuChange) {
-      onMenuChange(nextIsOpen);
-    }
   }
+  useEffect(() => {
+    onMenuChange?.(isOpen);
+  }, [isOpen, onMenuChange]);
   const {
     getToggleButtonProps,
     getLabelProps,

package/es/components/MultiSelect/MultiSelect.js

@@ -26,7 +26,7 @@ import Checkbox from '../Checkbox/Checkbox.js';
 import '../Checkbox/Checkbox.Skeleton.js';
 import { noopFn } from '../../internal/noopFn.js';
 import { useFloating, flip, size, autoUpdate } from '@floating-ui/react';
-import { hide } from '../../node_modules/@floating-ui/core/dist/floating-ui.core.mjs.js';
+import { hide } from '../../node_modules/@floating-ui/dom/dist/floating-ui.dom.mjs.js';
 import { match } from '../../internal/keyboard/match.js';
 import { ListBoxSize } from '../ListBox/ListBoxPropTypes.js';
 import { Delete, Escape, Space, ArrowDown, Enter } from '../../internal/keyboard/keys.js';

package/es/components/Notification/Notification.js

@@ -35,13 +35,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 (matches(event, [Escape]) && override && elementContainsFocus) {
       callback(event);
     }
   };
   useIsomorphicEffect(() => {
-    document.addEventListener('keydown', handleKeyDown, false);
+    if (ref.current !== null) {
+      document.addEventListener('keydown', handleKeyDown, false);
+    }
     return () => document.removeEventListener('keydown', handleKeyDown, false);
   });
 }

package/es/components/OverflowMenuV2/index.js

@@ -17,9 +17,7 @@ function OverflowMenuV2(props) {
     didWarnAboutDeprecation = true;
   }
   return /*#__PURE__*/React__default.createElement(FeatureFlags, {
-    flags: {
-      'enable-v12-overflowmenu': true
-    }
+    enableV12Overflowmenu: true
   }, /*#__PURE__*/React__default.createElement(OverflowMenu, props));
 }
 

package/es/components/Pagination/Pagination.js

@@ -100,7 +100,7 @@ const Pagination = /*#__PURE__*/React__default.forwardRef(function Pagination(_r
     [`${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({
     [`${prefix}--pagination__button`]: true,
     [`${prefix}--pagination__button--forward`]: true,

package/es/components/Popover/index.js

@@ -16,7 +16,7 @@ import { usePrefix } from '../../internal/usePrefix.js';
 import { useWindowEvent } from '../../internal/useEvent.js';
 import { mapPopoverAlignProp } from '../../tools/createPropAdapter.js';
 import { useFloating, offset, flip, arrow, autoUpdate } from '@floating-ui/react';
-import { hide } from '../../node_modules/@floating-ui/core/dist/floating-ui.core.mjs.js';
+import { hide } from '../../node_modules/@floating-ui/dom/dist/floating-ui.dom.mjs.js';
 
 const PopoverContext = /*#__PURE__*/React__default.createContext({
   setFloating: {

package/es/components/Tabs/Tabs.js

@@ -810,7 +810,7 @@ const Tab = /*#__PURE__*/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/es/components/UIShell/HeaderPanel.js

@@ -40,7 +40,7 @@ const HeaderPanel = /*#__PURE__*/React__default.forwardRef(function HeaderPanel(
   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/es/index.js

@@ -159,8 +159,18 @@ export { default as SideNavMenuItem } from './components/UIShell/SideNavMenuItem
 export { default as SideNavSwitcher } from './components/UIShell/SideNavSwitcher.js';
 export { default as UnorderedList } from './components/UnorderedList/UnorderedList.js';
 export { FeatureFlags as unstable_FeatureFlags, useFeatureFlag as unstable_useFeatureFlag, useFeatureFlags as unstable_useFeatureFlags } from './components/FeatureFlags/index.js';
+export { default as unstable__FluidSelect } from './components/FluidSelect/FluidSelect.js';
+export { default as unstable__FluidSelectSkeleton } from './components/FluidSelect/FluidSelect.Skeleton.js';
+export { default as unstable__FluidSearch } from './components/FluidSearch/FluidSearch.js';
+export { default as unstable__FluidSearchSkeleton } from './components/FluidSearch/FluidSearch.Skeleton.js';
 export { default as unstable__FluidTextArea } from './components/FluidTextArea/FluidTextArea.js';
 export { default as unstable__FluidTextAreaSkeleton } from './components/FluidTextArea/FluidTextArea.Skeleton.js';
+export { default as unstable__FluidTextInput } from './components/FluidTextInput/FluidTextInput.js';
+import './components/FluidTextInput/FluidPasswordInput.js';
+export { default as unstable__FluidTextInputSkeleton } from './components/FluidTextInput/FluidTextInput.Skeleton.js';
+export { default as unstable__FluidTimePicker } from './components/FluidTimePicker/FluidTimePicker.js';
+export { default as unstable__FluidTimePickerSkeleton } from './components/FluidTimePicker/FluidTimePicker.Skeleton.js';
+export { default as unstable__FluidTimePickerSelect } from './components/FluidTimePickerSelect/FluidTimePickerSelect.js';
 export { Heading, Section } from './components/Heading/index.js';
 export { IconButton, IconButtonKinds } from './components/IconButton/index.js';
 export { Layer, useLayer } from './components/Layer/index.js';
@@ -181,9 +191,6 @@ export { GlobalTheme, Theme, ThemeContext, usePrefersDarkScheme, useTheme } from
 export { PrefixContext, usePrefix } from './internal/usePrefix.js';
 export { useIdPrefix } from './internal/useIdPrefix.js';
 export { default as unstable__FluidDatePickerSkeleton } from './components/FluidDatePicker/FluidDatePicker.Skeleton.js';
-export { default as unstable__FluidSearchSkeleton } from './components/FluidSearch/FluidSearch.Skeleton.js';
-export { default as unstable__FluidTextInput } from './components/FluidTextInput/FluidTextInput.js';
-export { default as unstable__FluidTextInputSkeleton } from './components/FluidTextInput/FluidTextInput.Skeleton.js';
 export { default as unstable_PageSelector } from './components/Pagination/experimental/PageSelector.js';
 export { default as unstable_Pagination } from './components/Pagination/experimental/Pagination.js';
 export { default as ContainedListItem } from './components/ContainedList/ContainedListItem/ContainedListItem.js';
@@ -200,12 +207,6 @@ export { default as unstable__FluidDropdown } from './components/FluidDropdown/F
 export { default as unstable__FluidDropdownSkeleton } from './components/FluidDropdown/FluidDropdown.Skeleton.js';
 export { default as unstable__FluidMultiSelect } from './components/FluidMultiSelect/FluidMultiSelect.js';
 export { default as unstable__FluidMultiSelectSkeleton } from './components/FluidMultiSelect/FluidMultiSelect.Skeleton.js';
-export { default as unstable__FluidSelect } from './components/FluidSelect/FluidSelect.js';
-export { default as unstable__FluidSelectSkeleton } from './components/FluidSelect/FluidSelect.Skeleton.js';
-export { default as unstable__FluidSearch } from './components/FluidSearch/FluidSearch.js';
-export { default as unstable__FluidTimePicker } from './components/FluidTimePicker/FluidTimePicker.js';
-export { default as unstable__FluidTimePickerSkeleton } from './components/FluidTimePicker/FluidTimePicker.Skeleton.js';
-export { default as unstable__FluidTimePickerSelect } from './components/FluidTimePickerSelect/FluidTimePickerSelect.js';
 export { LayoutDirection as unstable_LayoutDirection } from './components/LayoutDirection/LayoutDirection.js';
 export { useLayoutDirection as unstable_useLayoutDirection } from './components/LayoutDirection/useLayoutDirection.js';
 export { Text as unstable_Text } from './components/Text/Text.js';