@yamada-ui/react/dist/cjs/components/password-input/use-strength-meter.cjs

React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion

"use client";


const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
const require_utils_index = require('../../utils/index.cjs');
const require_i18n_provider = require('../../providers/i18n-provider/i18n-provider.cjs');
let react = require("react");
react = require_rolldown_runtime.__toESM(react);

//#region src/components/password-input/use-strength-meter.ts
const useStrengthMeter = ({ max = 4, value,...rest }) => {
	const { t } = require_i18n_provider.useI18n("passwordInput");
	const getRootProps = (0, react.useCallback)((props) => ({
		"aria-label": t("Password strength meter"),
		"aria-valuemax": max,
		"aria-valuemin": 0,
		"aria-valuenow": value,
		role: "meter",
		...rest,
		...props
	}), [
		max,
		rest,
		value,
		t
	]);
	return {
		getIndicatorProps: (0, react.useCallback)(({ index,...props }) => ({
			"data-selected": (0, require_utils_index.utils_exports.dataAttr)(index < value),
			...props
		}), [value]),
		getRootProps
	};
};

//#endregion
exports.useStrengthMeter = useStrengthMeter;
//# sourceMappingURL=use-strength-meter.cjs.map