rsuite 6.0.0-canary-2025032014 → 6.0.0-canary-20250416

package/cjs/List/helper/useSortHelper.js

@@ -35,7 +35,7 @@ const useSortHelper = config => {
   /**
    * start dragging
    * */
-  const handlePress = (0, _react.useCallback)((mouseDownEvent, _targetNode, curManagedItem) => {
+  const handlePress = (0, _react.useCallback)((event, _targetNode, curManagedItem) => {
     var _curManagedItem$info$, _curManagedItem$info$2, _activeNodeHelper;
     if (!isMounted()) return;
     // data
@@ -49,6 +49,13 @@ const useSortHelper = config => {
     };
     let animatedNodesOffset = []; // all list item offset
 
+    // Get initial position from event
+    const isTouchEvent = 'touches' in event;
+    const initialPosition = {
+      pageX: isTouchEvent ? event.touches[0].pageX : event.pageX,
+      pageY: isTouchEvent ? event.touches[0].pageY : event.pageY
+    };
+
     // init scroller
     const scrollContainer = (0, _utils.getScrollingParent)(containerElement) || containerElement;
     const initScroll = {
@@ -84,17 +91,31 @@ const useSortHelper = config => {
       x: 0,
       y: 0
     });
-    const sortMouseMoveListener = (0, _on.default)(window, 'mousemove', mouseOverEvent => {
+
+    // Common handler for both mouse and touch move events
+    const handleSortMove = moveEvent => {
+      // Prevent default to stop page scrolling during touch drag
+      if ('touches' in moveEvent) {
+        moveEvent.preventDefault();
+      }
+
+      // Get current position from event
+      const isTouchMoveEvent = 'touches' in moveEvent;
+      const currentPosition = {
+        pageX: isTouchMoveEvent ? moveEvent.touches[0].pageX : moveEvent.pageX,
+        pageY: isTouchMoveEvent ? moveEvent.touches[0].pageY : moveEvent.pageY
+      };
+
       // Update helper position
       const offset = {
-        x: (mouseOverEvent === null || mouseOverEvent === void 0 ? void 0 : mouseOverEvent.pageX) || 0,
-        y: (mouseOverEvent === null || mouseOverEvent === void 0 ? void 0 : mouseOverEvent.pageY) || 0
+        x: currentPosition.pageX,
+        y: currentPosition.pageY
       };
       const containerScrollDelta = getContainerScrollDelta();
       const containerBoundingRect = scrollContainer.getBoundingClientRect();
       activeNodeHolderTranslate = {
-        x: offset.x - mouseDownEvent.pageX,
-        y: offset.y - mouseDownEvent.pageY
+        x: offset.x - initialPosition.pageX,
+        y: offset.y - initialPosition.pageY
       };
       if (activeNodeHelper) {
         (0, _utils.setTranslate3d)(activeNodeHelper, activeNodeHolderTranslate);
@@ -194,14 +215,22 @@ const useSortHelper = config => {
         node: activeNode,
         oldIndex: activeNodeOldIndex,
         newIndex: activeNodeNextIndex
-      }, mouseOverEvent);
-    }, {
-      passive: false
-    });
-    const sortMouseEndListener = (0, _on.default)(window, 'mouseup', event => {
+      }, moveEvent);
+    };
+
+    // Common handler for both mouse and touch end events
+    const handleSortEnd = endEvent => {
+      var _sortTouchMoveListene, _sortTouchEndListener;
       // Remove the event listeners
       sortMouseMoveListener.off();
       sortMouseEndListener.off();
+      (_sortTouchMoveListene = sortTouchMoveListener) === null || _sortTouchMoveListene === void 0 || _sortTouchMoveListene.off();
+      (_sortTouchEndListener = sortTouchEndListener) === null || _sortTouchEndListener === void 0 || _sortTouchEndListener.off();
+
+      // Enable page scrolling again
+      if (document.body.style.overflow === 'hidden') {
+        document.body.style.overflow = '';
+      }
       const holderTranslate = getHolderTranslate();
       const containerScrollDelta = getContainerScrollDelta();
       if (activeNodeHelper) {
@@ -247,12 +276,33 @@ const useSortHelper = config => {
           newIndex: activeNodeNextIndex,
           oldIndex: activeNodeOldIndex
         };
-        onSortEnd === null || onSortEnd === void 0 || onSortEnd(callbackPayload, event);
-        onSort === null || onSort === void 0 || onSort(callbackPayload, event);
+        onSortEnd === null || onSortEnd === void 0 || onSortEnd(callbackPayload, endEvent);
+        onSort === null || onSort === void 0 || onSort(callbackPayload, endEvent);
       }, transitionDuration);
-    }, {
+    };
+
+    // Set up mouse event listeners
+    const sortMouseMoveListener = (0, _on.default)(window, 'mousemove', handleSortMove, {
       passive: false
     });
+    const sortMouseEndListener = (0, _on.default)(window, 'mouseup', handleSortEnd, {
+      passive: false
+    });
+
+    // Set up touch event listeners
+    let sortTouchMoveListener;
+    let sortTouchEndListener;
+    if (isTouchEvent) {
+      // Disable page scrolling during touch drag
+      document.body.style.overflow = 'hidden';
+      sortTouchMoveListener = (0, _on.default)(window, 'touchmove', handleSortMove, {
+        passive: false
+      } // Important: passive: false allows preventDefault() to work
+      );
+      sortTouchEndListener = (0, _on.default)(window, 'touchend', handleSortEnd, {
+        passive: false
+      });
+    }
     setSorting(true);
     // start callback
     onSortStart === null || onSortStart === void 0 || onSortStart({
@@ -260,7 +310,7 @@ const useSortHelper = config => {
       node: activeNode,
       oldIndex: activeNodeOldIndex,
       newIndex: activeNodeNextIndex
-    }, mouseDownEvent.nativeEvent);
+    }, event);
   }, [autoScroll, getOrderedItems, isMounted, onSort, onSortEnd, onSortMove, onSortStart, transitionDuration]);
 
   /**
@@ -286,13 +336,56 @@ const useSortHelper = config => {
     }
   }, [getManagedItem, handlePress, pressDelay, sorting]);
 
+  /**
+   * Handle touch start for mobile devices
+   */
+  const handleTouchStart = (0, _react.useCallback)(touchStartEvent => {
+    const triggeredNode = touchStartEvent.target;
+    const targetNode = (0, _utils.closestNode)(triggeredNode, el => Boolean(getManagedItem(el)));
+    const curManagedItem = getManagedItem(targetNode);
+    if (
+    // is list item
+    Boolean(curManagedItem) && !curManagedItem.info.disabled &&
+    // is not sorting
+    !sorting &&
+    // is valid node
+    targetNode instanceof HTMLElement &&
+    // excludes interactive elements
+    !targetNode.contains((0, _utils.closestNode)(triggeredNode, _utils.isContainInteractiveElement))) {
+      // Prevent scrolling while sorting
+      touchStartEvent.preventDefault();
+      pressTimer.current = setTimeout(handlePress, pressDelay, touchStartEvent, targetNode, curManagedItem);
+    }
+  }, [getManagedItem, handlePress, pressDelay, sorting]);
+
   /**
    * Clear timer after drag
    * */
-  const handleEnd = (0, _react.useCallback)(() => clearTimeout(pressTimer.current), []);
+  const handleEnd = (0, _react.useCallback)(() => {
+    clearTimeout(pressTimer.current);
+
+    // Ensure page scrolling is re-enabled
+    if (document.body.style.overflow === 'hidden') {
+      document.body.style.overflow = '';
+    }
+  }, []);
+
+  /**
+   * Clear timer after touch end
+   */
+  const handleTouchEnd = (0, _react.useCallback)(() => {
+    clearTimeout(pressTimer.current);
+
+    // Ensure page scrolling is re-enabled
+    if (document.body.style.overflow === 'hidden') {
+      document.body.style.overflow = '';
+    }
+  }, []);
   return {
     handleStart,
     handleEnd,
+    handleTouchStart,
+    handleTouchEnd,
     containerRef,
     sorting,
     register: listItemRegister

package/cjs/List/helper/utils.js

@@ -69,10 +69,18 @@ function getEdgeOffset(node, parent, offset) {
   return getEdgeOffset(node.parentNode, parent, nodeOffset);
 }
 function getScrollingParent(el) {
-  return closestNode(el, el => {
-    const computedStyle = window.getComputedStyle(el);
-    const overflowRegex = /(auto|scroll)/;
-    const properties = ['overflow', 'overflowX', 'overflowY'];
-    return properties.some(property => overflowRegex.test(computedStyle[property]));
-  });
+  if (!el || typeof window === 'undefined' || !window.getComputedStyle) {
+    return null;
+  }
+  try {
+    return closestNode(el, el => {
+      const computedStyle = window.getComputedStyle(el);
+      const overflowRegex = /(auto|scroll)/;
+      const properties = ['overflow', 'overflowX', 'overflowY'];
+      return properties.some(property => overflowRegex.test(computedStyle[property]));
+    });
+  } catch {
+    // In test environments, errors may occur, so return null
+    return null;
+  }
 }

package/cjs/MultiCascader/MultiCascader.js

@@ -7,12 +7,10 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
 var _pick = _interopRequireDefault(require("lodash/pick"));
-var _omit = _interopRequireDefault(require("lodash/omit"));
 var _isFunction = _interopRequireDefault(require("lodash/isFunction"));
 var _isNil = _interopRequireDefault(require("lodash/isNil"));
 var _TreeView = _interopRequireDefault(require("../MultiCascadeTree/TreeView"));
 var _SearchView = _interopRequireDefault(require("../MultiCascadeTree/SearchView"));
-var _Box = _interopRequireDefault(require("../internals/Box"));
 var _useActive = _interopRequireDefault(require("../Cascader/useActive"));
 var _utils = require("../internals/Tree/utils");
 var _hooks = require("../internals/hooks");
@@ -38,42 +36,44 @@ const MultiCascader = (0, _utils3.forwardRef)((props, ref) => {
   const {
     as,
     appearance = 'default',
+    block,
+    className,
+    cleanable = true,
     classPrefix = 'picker',
-    defaultValue,
     columnHeight,
     columnWidth,
     childrenKey = 'children',
-    cleanable = true,
+    countable = true,
+    cascade = true,
     data = emptyArray,
+    defaultValue,
     disabled,
     disabledItemValues = emptyArray,
-    value: valueProp,
-    valueKey = 'value',
+    id,
     labelKey = 'label',
     locale,
-    toggleAs,
-    style,
-    countable = true,
-    cascade = true,
     placeholder,
     placement = 'bottomStart',
     popupClassName,
     popupStyle,
+    renderColumn,
+    renderExtraFooter,
+    renderTreeNode,
+    renderValue,
     searchable = true,
+    style,
+    toggleAs,
     uncheckableItemValues = emptyArray,
-    id,
+    value: valueProp,
+    valueKey = 'value',
     getChildren,
-    renderValue,
-    renderExtraFooter,
-    renderColumn,
-    renderTreeNode,
-    onEntered,
-    onExited,
     onClean,
-    onSearch,
-    onSelect,
     onChange,
     onCheck,
+    onEnter,
+    onExit,
+    onSearch,
+    onSelect,
     ...rest
   } = propsWithDefaults;
   const {
@@ -177,11 +177,10 @@ const MultiCascader = (0, _utils3.forwardRef)((props, ref) => {
   });
   const {
     active,
-    handleEntered,
-    handleExited
+    events
   } = (0, _useActive.default)({
-    onEntered,
-    onExited,
+    onEnter,
+    onExit,
     target,
     setSearchKeyword
   });
@@ -295,43 +294,41 @@ const MultiCascader = (0, _utils3.forwardRef)((props, ref) => {
       hasValue = false;
     }
   }
-  const [classes, usedClassNamePropKeys] = (0, _Picker.usePickerClassName)({
-    ...props,
-    classPrefix,
-    hasValue,
-    countable,
-    name: 'cascader',
-    appearance,
-    cleanable
-  });
+  const triggerProps = {
+    ...(0, _pick.default)(props, _Picker.triggerPropKeys),
+    ...events
+  };
   return /*#__PURE__*/_react.default.createElement(_Picker.PickerToggleTrigger, {
+    as: as,
     id: id,
+    name: "multi-cascader",
+    block: block,
+    disabled: disabled,
+    appearance: appearance,
     popupType: "tree",
     multiple: true,
-    pickerProps: (0, _pick.default)(props, _Picker.pickTriggerPropKeys),
+    triggerProps: triggerProps,
     ref: trigger,
     placement: placement,
-    onEnter: handleEntered,
-    onExited: handleExited,
-    speaker: renderTreeView
-  }, /*#__PURE__*/_react.default.createElement(_Box.default, {
-    as: as,
-    className: classes,
+    speaker: renderTreeView,
+    rootRef: root,
     style: style,
-    ref: root
-  }, /*#__PURE__*/_react.default.createElement(_Picker.PickerToggle, (0, _extends2.default)({}, (0, _omit.default)(rest, [..._Picker.omitTriggerPropKeys, ...usedClassNamePropKeys]), {
+    classPrefix: classPrefix,
+    className: className
+  }, /*#__PURE__*/_react.default.createElement(_Picker.PickerToggle, (0, _extends2.default)({
+    ref: target,
     as: toggleAs,
     appearance: appearance,
     disabled: disabled,
-    ref: target,
     onClean: (0, _utils3.createChainedFunction)(handleClean, onClean),
     onKeyDown: onPickerKeyDown,
     cleanable: cleanable && !disabled,
+    countable: countable,
     hasValue: hasValue,
     active: active,
     placement: placement,
     inputValue: value
-  }), selectedElement || (locale === null || locale === void 0 ? void 0 : locale.placeholder))));
+  }, rest), selectedElement || (locale === null || locale === void 0 ? void 0 : locale.placeholder)));
 });
 MultiCascader.displayName = 'MultiCascader';
 var _default = exports.default = MultiCascader;

package/cjs/Nav/NavItem.js

@@ -9,7 +9,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _isNil = _interopRequireDefault(require("lodash/isNil"));
 var _Ripple = _interopRequireDefault(require("../internals/Ripple"));
-var _SafeAnchor = _interopRequireDefault(require("../SafeAnchor"));
+var _SafeAnchor = _interopRequireDefault(require("../internals/SafeAnchor"));
 var _NavContext = _interopRequireDefault(require("./NavContext"));
 var _Box = _interopRequireDefault(require("../internals/Box"));
 var _hooks = require("../internals/hooks");

package/cjs/Nav/NavMegaMenu.d.ts

@@ -1,5 +1,10 @@
 import React from 'react';
 import { NavbarMegaMenuProps } from '../Navbar/NavbarMegaMenu';
 export type NavMegaMenuProps = NavbarMegaMenuProps;
+/**
+ * The `Nav.MegaMenu` component is used to create a mega menu.
+ * @see https://rsuitejs.com/components/navbar/#mega-menu
+ * @version 6.0.0
+ */
 declare const NavMegaMenu: React.ForwardRefExoticComponent<NavbarMegaMenuProps & React.RefAttributes<any>>;
 export default NavMegaMenu;

package/cjs/Nav/NavMegaMenu.js

@@ -10,6 +10,11 @@ var _NavbarMegaMenu = _interopRequireDefault(require("../Navbar/NavbarMegaMenu")
 var _Navbar = require("../Navbar");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+/**
+ * The `Nav.MegaMenu` component is used to create a mega menu.
+ * @see https://rsuitejs.com/components/navbar/#mega-menu
+ * @version 6.0.0
+ */
 const NavMegaMenu = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
   const navbar = (0, _react.useContext)(_Navbar.NavbarContext);
   if (!navbar) {

package/cjs/Navbar/NavbarItem.js

@@ -9,7 +9,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _isNil = _interopRequireDefault(require("lodash/isNil"));
 var _NavContext = _interopRequireDefault(require("../Nav/NavContext"));
-var _SafeAnchor = _interopRequireDefault(require("../SafeAnchor"));
+var _SafeAnchor = _interopRequireDefault(require("../internals/SafeAnchor"));
 var _Ripple = _interopRequireDefault(require("../internals/Ripple"));
 var _Box = _interopRequireDefault(require("../internals/Box"));
 var _hooks = require("../internals/hooks");

package/cjs/Navbar/NavbarMegaMenu.js

@@ -34,7 +34,7 @@ const NavbarMegaMenu = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
     const {
       onClose,
       className
-    } = menuProps;
+    } = menuProps || {};
     return /*#__PURE__*/_react.default.createElement(_Popover.default, {
       ref: ref,
       full: true,

package/cjs/PasswordInput/PasswordInput.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { InputProps } from '../Input';
+export interface PasswordInputProps extends Omit<InputProps, 'type' | 'plaintext'> {
+    /** Controls whether the password is visible */
+    visible?: boolean;
+    /** Default visibility state of the password */
+    defaultVisible?: boolean;
+    /** Custom icon for visibility toggle */
+    renderVisibilityIcon?: (visible: boolean) => React.ReactNode;
+    /** Callback function triggered when the password visibility changes */
+    onVisibleChange?: (visible: boolean) => void;
+}
+declare const PasswordInput: import("../internals/types").InternalRefForwardingComponent<"input", PasswordInputProps, never> & Record<string, never>;
+export default PasswordInput;

package/cjs/PasswordInput/PasswordInput.js

@@ -0,0 +1,71 @@
+'use client';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _Input = _interopRequireDefault(require("../Input"));
+var _InputGroup = _interopRequireDefault(require("../InputGroup"));
+var _EyeClose = _interopRequireDefault(require("@rsuite/icons/EyeClose"));
+var _Visible = _interopRequireDefault(require("@rsuite/icons/Visible"));
+var _utils = require("../internals/utils");
+var _hooks = require("../internals/hooks");
+var _CustomProvider = require("../CustomProvider");
+const PasswordInput = (0, _utils.forwardRef)((props, ref) => {
+  const {
+    propsWithDefaults
+  } = (0, _CustomProvider.useCustom)('PasswordInput', props);
+  const {
+    classPrefix = 'password-input',
+    className,
+    visible: controlVisible,
+    size,
+    defaultVisible,
+    value,
+    defaultValue,
+    placeholder,
+    id,
+    name,
+    readOnly,
+    inputRef,
+    onChange,
+    onVisibleChange,
+    renderVisibilityIcon,
+    ...rest
+  } = propsWithDefaults;
+  const {
+    withPrefix,
+    merge
+  } = (0, _hooks.useStyles)(classPrefix);
+  const [visible, setVisible] = (0, _hooks.useControlled)(controlVisible, defaultVisible);
+  const classes = merge(className, withPrefix());
+  const handleToggleVisibility = (0, _hooks.useEventCallback)(() => {
+    setVisible(!visible);
+    onVisibleChange === null || onVisibleChange === void 0 || onVisibleChange(!visible);
+  });
+  return /*#__PURE__*/_react.default.createElement(_InputGroup.default, (0, _extends2.default)({
+    inside: true,
+    ref: ref,
+    size: size,
+    className: classes
+  }, rest), /*#__PURE__*/_react.default.createElement(_Input.default, {
+    type: visible ? 'text' : 'password',
+    value: value,
+    defaultValue: defaultValue,
+    onChange: onChange,
+    autoComplete: "off",
+    placeholder: placeholder,
+    readOnly: readOnly,
+    name: name,
+    id: id,
+    inputRef: inputRef
+  }), /*#__PURE__*/_react.default.createElement(_InputGroup.default.Button, {
+    tabIndex: -1,
+    onClick: handleToggleVisibility,
+    "aria-label": "Toggle password visibility"
+  }, (renderVisibilityIcon === null || renderVisibilityIcon === void 0 ? void 0 : renderVisibilityIcon(visible !== null && visible !== void 0 ? visible : false)) || (visible ? /*#__PURE__*/_react.default.createElement(_EyeClose.default, null) : /*#__PURE__*/_react.default.createElement(_Visible.default, null))));
+});
+PasswordInput.displayName = 'PasswordInput';
+var _default = exports.default = PasswordInput;

package/cjs/PasswordInput/index.d.ts

@@ -0,0 +1,4 @@
+import PasswordInput from './PasswordInput';
+export type { PasswordInputProps } from './PasswordInput';
+export { PasswordInput };
+export default PasswordInput;

package/cjs/PasswordInput/index.js

@@ -0,0 +1,11 @@
+'use client';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _PasswordInput = _interopRequireDefault(require("./PasswordInput"));
+exports.PasswordInput = _PasswordInput.default;
+// export types
+// export components
+var _default = exports.default = _PasswordInput.default;

package/cjs/PasswordStrengthMeter/PasswordStrengthMeter.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { BoxProps } from '../internals/Box';
+export interface PasswordStrengthMeterProps extends BoxProps {
+    /** The strength level of the password (0-3) */
+    level?: 0 | 1 | 2 | 3;
+    /** Label to display below the strength meter */
+    label?: React.ReactNode;
+    /** Maximum number of segments in the strength meter */
+    max?: number;
+}
+declare const PasswordStrengthMeter: import("../internals/types").InternalRefForwardingComponent<"div", PasswordStrengthMeterProps, never> & Record<string, never>;
+export default PasswordStrengthMeter;

package/cjs/PasswordStrengthMeter/PasswordStrengthMeter.js

@@ -0,0 +1,50 @@
+'use client';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _Box = _interopRequireDefault(require("../internals/Box"));
+var _Text = _interopRequireDefault(require("../Text"));
+var _utils = require("../internals/utils");
+var _hooks = require("../internals/hooks");
+var _CustomProvider = require("../CustomProvider");
+const PasswordStrengthMeter = (0, _utils.forwardRef)((props, ref) => {
+  const {
+    propsWithDefaults
+  } = (0, _CustomProvider.useCustom)('PasswordStrengthMeter', props);
+  const {
+    classPrefix = 'password-strength-meter',
+    className,
+    level = 0,
+    max = 4,
+    label,
+    ...rest
+  } = propsWithDefaults;
+  const {
+    withPrefix,
+    merge,
+    prefix
+  } = (0, _hooks.useStyles)(classPrefix);
+  const classes = merge(className, withPrefix());
+  return /*#__PURE__*/_react.default.createElement(_Box.default, (0, _extends2.default)({
+    ref: ref,
+    className: classes
+  }, rest), /*#__PURE__*/_react.default.createElement("div", {
+    className: prefix('bar')
+  }, [...Array.from({
+    length: max
+  })].map((_, idx) => /*#__PURE__*/_react.default.createElement("div", {
+    key: idx,
+    "data-active": idx <= level,
+    className: prefix('segment')
+  }))), label && /*#__PURE__*/_react.default.createElement(_Text.default, {
+    as: "span",
+    muted: true,
+    size: "xs"
+  }, label));
+});
+PasswordStrengthMeter.displayName = 'PasswordStrengthMeter';
+var _default = exports.default = PasswordStrengthMeter;

package/cjs/PasswordStrengthMeter/index.d.ts

@@ -0,0 +1,4 @@
+import PasswordStrengthMeter from './PasswordStrengthMeter';
+export type { PasswordStrengthMeterProps } from './PasswordStrengthMeter';
+export { PasswordStrengthMeter };
+export default PasswordStrengthMeter;

package/cjs/PasswordStrengthMeter/index.js

@@ -0,0 +1,11 @@
+'use client';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _PasswordStrengthMeter = _interopRequireDefault(require("./PasswordStrengthMeter"));
+exports.PasswordStrengthMeter = _PasswordStrengthMeter.default;
+// export types
+// export components
+var _default = exports.default = _PasswordStrengthMeter.default;