koval-ui/dist/src/lib/Number/NumberPercent.cjs

React components collection with minimalistic design. Supports theming, layout, and input validation.

"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const M=require("react/jsx-runtime"),D=require("react"),P=require("classnames"),R=require("../../internal/locale/useBrowserLocale.cjs"),B=require("./Number.module.css.cjs"),i=require("./types.cjs"),p=D.forwardRef(({value:m,className:w,locale:t,localeMatcher:n=i.LocaleMatchers["best fit"],digitsConfig:e={integer:{minimum:1},significant:{minimum:1,maximum:21},fraction:{}},grouping:r,signDisplay:u=i.SignDisplayModes.auto,...L},j)=>{var s,o,l,f,b;const F=R.useBrowserLocale(),a=t||F,c=D.useMemo(()=>{var x,N,q,y,S;return m?new Intl.NumberFormat(a,{localeMatcher:n,style:i.Styles.percent,minimumIntegerDigits:(x=e.integer)==null?void 0:x.minimum,minimumFractionDigits:(N=e.fraction)==null?void 0:N.minimum,minimumSignificantDigits:(q=e.significant)==null?void 0:q.minimum,maximumSignificantDigits:(y=e.significant)==null?void 0:y.maximum,maximumFractionDigits:(S=e.fraction)==null?void 0:S.maximum,useGrouping:r,signDisplay:u}).format(m):""},[(s=e.fraction)==null?void 0:s.maximum,(o=e.fraction)==null?void 0:o.minimum,(l=e.integer)==null?void 0:l.minimum,(f=e.significant)==null?void 0:f.maximum,(b=e.significant)==null?void 0:b.minimum,r,a,n,u,m]);return m&&M.jsx("span",{...L,title:c,className:P(B.default.number,w),ref:j,children:c})});p.displayName="NumberPercent";exports.NumberPercent=p;
//# sourceMappingURL=NumberPercent.cjs.map