@yamada-ui/react/dist/cjs/components/format/use-format-number.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_i18n_cache = require('../../providers/i18n-provider/i18n-cache.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/format/use-format-number.ts
const getFormatNumber = require_i18n_cache.i18nCache(Intl.NumberFormat);
/**
* `useFormatNumber` is a custom hook that returns the formatted number.
*
* @see https://yamada-ui.com/docs/hooks/use-format-number
*/
const useFormatNumber = (value, options) => {
	return useNumberFormat(options)(value);
};
const useNumberFormat = ({ locale,...options } = {}) => {
	const { locale: defaultLocale } = require_i18n_provider.useI18n();
	const memoizedOptions = (0, react.useRef)(options);
	locale ??= defaultLocale;
	return (0, react.useCallback)((value, options$1) => {
		return getFormatNumber(locale, {
			...memoizedOptions.current,
			...options$1
		}).format(value);
	}, [locale]);
};

//#endregion
exports.getFormatNumber = getFormatNumber;
exports.useFormatNumber = useFormatNumber;
exports.useNumberFormat = useNumberFormat;
//# sourceMappingURL=use-format-number.cjs.map