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

package/esm/List/helper/useSortHelper.d.ts

@@ -1,4 +1,4 @@
-import { MouseEventHandler } from 'react';
+import { MouseEventHandler, TouchEventHandler } from 'react';
 import { Collection, ManagedItem } from './useManager';
 export interface MovedItemInfo {
     collection: Collection;
@@ -10,14 +10,16 @@ export type SortConfig = {
     autoScroll?: boolean;
     pressDelay?: number;
     transitionDuration?: number;
-    onSortStart?(payload?: MovedItemInfo, event?: MouseEvent): void;
-    onSortMove?(payload?: MovedItemInfo, event?: MouseEvent): void;
-    onSortEnd?(payload?: MovedItemInfo, event?: MouseEvent): void;
-    onSort?(payload?: MovedItemInfo, event?: MouseEvent): void;
+    onSortStart?(payload?: MovedItemInfo, event?: MouseEvent | TouchEvent): void;
+    onSortMove?(payload?: MovedItemInfo, event?: MouseEvent | TouchEvent): void;
+    onSortEnd?(payload?: MovedItemInfo, event?: MouseEvent | TouchEvent): void;
+    onSort?(payload?: MovedItemInfo, event?: MouseEvent | TouchEvent): void;
 };
 declare const useSortHelper: (config: SortConfig) => {
     handleStart: MouseEventHandler<Element>;
     handleEnd: MouseEventHandler<Element>;
+    handleTouchStart: TouchEventHandler<Element>;
+    handleTouchEnd: TouchEventHandler<Element>;
     containerRef: import("react").RefObject<HTMLDivElement | null>;
     sorting: boolean;
     register: (item: ManagedItem) => {

package/esm/List/helper/useSortHelper.js

@@ -30,7 +30,7 @@ const useSortHelper = config => {
   /**
    * start dragging
    * */
-  const handlePress = useCallback((mouseDownEvent, _targetNode, curManagedItem) => {
+  const handlePress = useCallback((event, _targetNode, curManagedItem) => {
     var _curManagedItem$info$, _curManagedItem$info$2, _activeNodeHelper;
     if (!isMounted()) return;
     // data
@@ -44,6 +44,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 = getScrollingParent(containerElement) || containerElement;
     const initScroll = {
@@ -79,17 +86,31 @@ const useSortHelper = config => {
       x: 0,
       y: 0
     });
-    const sortMouseMoveListener = on(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) {
         setTranslate3d(activeNodeHelper, activeNodeHolderTranslate);
@@ -189,14 +210,22 @@ const useSortHelper = config => {
         node: activeNode,
         oldIndex: activeNodeOldIndex,
         newIndex: activeNodeNextIndex
-      }, mouseOverEvent);
-    }, {
-      passive: false
-    });
-    const sortMouseEndListener = on(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) {
@@ -242,12 +271,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 = on(window, 'mousemove', handleSortMove, {
       passive: false
     });
+    const sortMouseEndListener = on(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 = on(window, 'touchmove', handleSortMove, {
+        passive: false
+      } // Important: passive: false allows preventDefault() to work
+      );
+      sortTouchEndListener = on(window, 'touchend', handleSortEnd, {
+        passive: false
+      });
+    }
     setSorting(true);
     // start callback
     onSortStart === null || onSortStart === void 0 || onSortStart({
@@ -255,7 +305,7 @@ const useSortHelper = config => {
       node: activeNode,
       oldIndex: activeNodeOldIndex,
       newIndex: activeNodeNextIndex
-    }, mouseDownEvent.nativeEvent);
+    }, event);
   }, [autoScroll, getOrderedItems, isMounted, onSort, onSortEnd, onSortMove, onSortStart, transitionDuration]);
 
   /**
@@ -281,13 +331,56 @@ const useSortHelper = config => {
     }
   }, [getManagedItem, handlePress, pressDelay, sorting]);
 
+  /**
+   * Handle touch start for mobile devices
+   */
+  const handleTouchStart = useCallback(touchStartEvent => {
+    const triggeredNode = touchStartEvent.target;
+    const targetNode = 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(closestNode(triggeredNode, 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 = useCallback(() => clearTimeout(pressTimer.current), []);
+  const handleEnd = 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 = 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/esm/List/helper/utils.js

@@ -59,10 +59,18 @@ export function getEdgeOffset(node, parent, offset) {
   return getEdgeOffset(node.parentNode, parent, nodeOffset);
 }
 export 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/esm/MultiCascader/MultiCascader.js

@@ -2,12 +2,10 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import React, { useCallback } from 'react';
 import pick from 'lodash/pick';
-import omit from 'lodash/omit';
 import isFunction from 'lodash/isFunction';
 import isNil from 'lodash/isNil';
 import TreeView from "../MultiCascadeTree/TreeView.js";
 import SearchView from "../MultiCascadeTree/SearchView.js";
-import Box from "../internals/Box/index.js";
 import useActive from "../Cascader/useActive.js";
 import { findNodeOfTree } from "../internals/Tree/utils/index.js";
 import { useStyles, useControlled, useEventCallback } from "../internals/hooks/index.js";
@@ -15,7 +13,7 @@ import { getColumnsAndPaths } from "../CascadeTree/utils.js";
 import { forwardRef, createChainedFunction, mergeRefs } from "../internals/utils/index.js";
 import { useCascadeValue, useSearch, useSelect } from "../MultiCascadeTree/hooks/index.js";
 import { useCustom } from "../CustomProvider/index.js";
-import { PickerToggle, PickerPopup, SelectedElement, PickerToggleTrigger, usePickerClassName, usePickerRef, useToggleKeyDownEvent, useFocusItemValue, pickTriggerPropKeys, omitTriggerPropKeys } from "../internals/Picker/index.js";
+import { PickerToggle, PickerPopup, SelectedElement, PickerToggleTrigger, usePickerRef, useToggleKeyDownEvent, useFocusItemValue, triggerPropKeys } from "../internals/Picker/index.js";
 const emptyArray = [];
 
 /**
@@ -31,42 +29,44 @@ const MultiCascader = 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 {
@@ -170,11 +170,10 @@ const MultiCascader = forwardRef((props, ref) => {
   });
   const {
     active,
-    handleEntered,
-    handleExited
+    events
   } = useActive({
-    onEntered,
-    onExited,
+    onEnter,
+    onExit,
     target,
     setSearchKeyword
   });
@@ -288,43 +287,41 @@ const MultiCascader = forwardRef((props, ref) => {
       hasValue = false;
     }
   }
-  const [classes, usedClassNamePropKeys] = usePickerClassName({
-    ...props,
-    classPrefix,
-    hasValue,
-    countable,
-    name: 'cascader',
-    appearance,
-    cleanable
-  });
+  const triggerProps = {
+    ...pick(props, triggerPropKeys),
+    ...events
+  };
   return /*#__PURE__*/React.createElement(PickerToggleTrigger, {
+    as: as,
     id: id,
+    name: "multi-cascader",
+    block: block,
+    disabled: disabled,
+    appearance: appearance,
     popupType: "tree",
     multiple: true,
-    pickerProps: pick(props, pickTriggerPropKeys),
+    triggerProps: triggerProps,
     ref: trigger,
     placement: placement,
-    onEnter: handleEntered,
-    onExited: handleExited,
-    speaker: renderTreeView
-  }, /*#__PURE__*/React.createElement(Box, {
-    as: as,
-    className: classes,
+    speaker: renderTreeView,
+    rootRef: root,
     style: style,
-    ref: root
-  }, /*#__PURE__*/React.createElement(PickerToggle, _extends({}, omit(rest, [...omitTriggerPropKeys, ...usedClassNamePropKeys]), {
+    classPrefix: classPrefix,
+    className: className
+  }, /*#__PURE__*/React.createElement(PickerToggle, _extends({
+    ref: target,
     as: toggleAs,
     appearance: appearance,
     disabled: disabled,
-    ref: target,
     onClean: 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';
 export default MultiCascader;

package/esm/Nav/NavItem.js

@@ -4,7 +4,7 @@ import React, { useCallback, useContext } from 'react';
 import classNames from 'classnames';
 import isNil from 'lodash/isNil';
 import Ripple from "../internals/Ripple/index.js";
-import SafeAnchor from "../SafeAnchor/index.js";
+import SafeAnchor from "../internals/SafeAnchor/index.js";
 import NavContext from "./NavContext.js";
 import Box from "../internals/Box/index.js";
 import { useStyles } from "../internals/hooks/index.js";

package/esm/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/esm/Nav/NavMegaMenu.js

@@ -3,6 +3,11 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import React, { useContext } from 'react';
 import NavbarMegaMenu from "../Navbar/NavbarMegaMenu.js";
 import { NavbarContext } from "../Navbar/index.js";
+/**
+ * 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.forwardRef((props, ref) => {
   const navbar = useContext(NavbarContext);
   if (!navbar) {

package/esm/Navbar/NavbarItem.js

@@ -4,7 +4,7 @@ import React, { useCallback, useContext } from 'react';
 import classNames from 'classnames';
 import isNil from 'lodash/isNil';
 import NavContext from "../Nav/NavContext.js";
-import SafeAnchor from "../SafeAnchor/index.js";
+import SafeAnchor from "../internals/SafeAnchor/index.js";
 import Ripple from "../internals/Ripple/index.js";
 import Box from "../internals/Box/index.js";
 import { useStyles } from "../internals/hooks/index.js";

package/esm/Navbar/NavbarMegaMenu.js

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

package/esm/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/esm/PasswordInput/PasswordInput.js

@@ -0,0 +1,66 @@
+'use client';
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from 'react';
+import Input from "../Input/index.js";
+import InputGroup from "../InputGroup/index.js";
+import EyeCloseIcon from '@rsuite/icons/EyeClose';
+import VisibleIcon from '@rsuite/icons/Visible';
+import { forwardRef } from "../internals/utils/index.js";
+import { useStyles, useControlled, useEventCallback } from "../internals/hooks/index.js";
+import { useCustom } from "../CustomProvider/index.js";
+const PasswordInput = forwardRef((props, ref) => {
+  const {
+    propsWithDefaults
+  } = 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
+  } = useStyles(classPrefix);
+  const [visible, setVisible] = useControlled(controlVisible, defaultVisible);
+  const classes = merge(className, withPrefix());
+  const handleToggleVisibility = useEventCallback(() => {
+    setVisible(!visible);
+    onVisibleChange === null || onVisibleChange === void 0 || onVisibleChange(!visible);
+  });
+  return /*#__PURE__*/React.createElement(InputGroup, _extends({
+    inside: true,
+    ref: ref,
+    size: size,
+    className: classes
+  }, rest), /*#__PURE__*/React.createElement(Input, {
+    type: visible ? 'text' : 'password',
+    value: value,
+    defaultValue: defaultValue,
+    onChange: onChange,
+    autoComplete: "off",
+    placeholder: placeholder,
+    readOnly: readOnly,
+    name: name,
+    id: id,
+    inputRef: inputRef
+  }), /*#__PURE__*/React.createElement(InputGroup.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.createElement(EyeCloseIcon, null) : /*#__PURE__*/React.createElement(VisibleIcon, null))));
+});
+PasswordInput.displayName = 'PasswordInput';
+export default PasswordInput;

package/esm/PasswordInput/index.d.ts

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

package/esm/PasswordInput/index.js

@@ -0,0 +1,8 @@
+'use client';
+import PasswordInput from "./PasswordInput.js";
+
+// export types
+
+// export components
+export { PasswordInput };
+export default PasswordInput;

package/esm/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/esm/PasswordStrengthMeter/PasswordStrengthMeter.js

@@ -0,0 +1,45 @@
+'use client';
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from 'react';
+import Box from "../internals/Box/index.js";
+import Text from "../Text/index.js";
+import { forwardRef } from "../internals/utils/index.js";
+import { useStyles } from "../internals/hooks/index.js";
+import { useCustom } from "../CustomProvider/index.js";
+const PasswordStrengthMeter = forwardRef((props, ref) => {
+  const {
+    propsWithDefaults
+  } = useCustom('PasswordStrengthMeter', props);
+  const {
+    classPrefix = 'password-strength-meter',
+    className,
+    level = 0,
+    max = 4,
+    label,
+    ...rest
+  } = propsWithDefaults;
+  const {
+    withPrefix,
+    merge,
+    prefix
+  } = useStyles(classPrefix);
+  const classes = merge(className, withPrefix());
+  return /*#__PURE__*/React.createElement(Box, _extends({
+    ref: ref,
+    className: classes
+  }, rest), /*#__PURE__*/React.createElement("div", {
+    className: prefix('bar')
+  }, [...Array.from({
+    length: max
+  })].map((_, idx) => /*#__PURE__*/React.createElement("div", {
+    key: idx,
+    "data-active": idx <= level,
+    className: prefix('segment')
+  }))), label && /*#__PURE__*/React.createElement(Text, {
+    as: "span",
+    muted: true,
+    size: "xs"
+  }, label));
+});
+PasswordStrengthMeter.displayName = 'PasswordStrengthMeter';
+export default PasswordStrengthMeter;

package/esm/PasswordStrengthMeter/index.d.ts

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

package/esm/PasswordStrengthMeter/index.js

@@ -0,0 +1,8 @@
+'use client';
+import PasswordStrengthMeter from "./PasswordStrengthMeter.js";
+
+// export types
+
+// export components
+export { PasswordStrengthMeter };
+export default PasswordStrengthMeter;