react-be-ui/dist/be-ui.umd.js

React 전용 UI 컴포넌트 라이브러리

(function(W,S){typeof exports=="object"&&typeof module<"u"?S(exports,require("react"),require("react-dom")):typeof define=="function"&&define.amd?define(["exports","react","react-dom"],S):(W=typeof globalThis<"u"?globalThis:W||self,S(W["be-ui"]={},W.React,W.ReactDOM))})(this,function(W,S,Se){"use strict";function Ct(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const I=Ct(S),Tt=Ct(Se);function Vn(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var Ae={exports:{}},Ce={};/**
 * @license React
 * react-jsx-runtime.production.js
 *
 * Copyright (c) Meta Platforms, Inc. and affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */var Nt;function Yn(){if(Nt)return Ce;Nt=1;var e=Symbol.for("react.transitional.element"),t=Symbol.for("react.fragment");function r(n,s,o){var i=null;if(o!==void 0&&(i=""+o),s.key!==void 0&&(i=""+s.key),"key"in s){o={};for(var a in s)a!=="key"&&(o[a]=s[a])}else o=s;return s=o.ref,{$$typeof:e,type:n,key:i,ref:s!==void 0?s:null,props:o}}return Ce.Fragment=t,Ce.jsx=r,Ce.jsxs=r,Ce}var Te={};/**
 * @license React
 * react-jsx-runtime.development.js
 *
 * Copyright (c) Meta Platforms, Inc. and affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */var jt;function qn(){return jt||(jt=1,process.env.NODE_ENV!=="production"&&function(){function e(d){if(d==null)return null;if(typeof d=="function")return d.$$typeof===H?null:d.displayName||d.name||null;if(typeof d=="string")return d;switch(d){case x:return"Fragment";case y:return"Profiler";case E:return"StrictMode";case v:return"Suspense";case L:return"SuspenseList";case V:return"Activity"}if(typeof d=="object")switch(typeof d.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),d.$$typeof){case b:return"Portal";case w:return(d.displayName||"Context")+".Provider";case C:return(d._context.displayName||"Context")+".Consumer";case j:var g=d.render;return d=d.displayName,d||(d=g.displayName||g.name||"",d=d!==""?"ForwardRef("+d+")":"ForwardRef"),d;case A:return g=d.displayName||null,g!==null?g:e(d.type)||"Memo";case M:g=d._payload,d=d._init;try{return e(d(g))}catch{}}return null}function t(d){return""+d}function r(d){try{t(d);var g=!1}catch{g=!0}if(g){g=console;var R=g.error,k=typeof Symbol=="function"&&Symbol.toStringTag&&d[Symbol.toStringTag]||d.constructor.name||"Object";return R.call(g,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",k),t(d)}}function n(d){if(d===x)return"<>";if(typeof d=="object"&&d!==null&&d.$$typeof===M)return"<...>";try{var g=e(d);return g?"<"+g+">":"<...>"}catch{return"<...>"}}function s(){var d=J.A;return d===null?null:d.getOwner()}function o(){return Error("react-stack-top-frame")}function i(d){if(U.call(d,"key")){var g=Object.getOwnPropertyDescriptor(d,"key").get;if(g&&g.isReactWarning)return!1}return d.key!==void 0}function a(d,g){function R(){ee||(ee=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",g))}R.isReactWarning=!0,Object.defineProperty(d,"key",{get:R,configurable:!0})}function c(){var d=e(this.type);return B[d]||(B[d]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),d=this.props.ref,d!==void 0?d:null}function l(d,g,R,k,T,_,D,N){return R=_.ref,d={$$typeof:m,type:d,key:g,props:_,_owner:T},(R!==void 0?R:null)!==null?Object.defineProperty(d,"ref",{enumerable:!1,get:c}):Object.defineProperty(d,"ref",{enumerable:!1,value:null}),d._store={},Object.defineProperty(d._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(d,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(d,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:D}),Object.defineProperty(d,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:N}),Object.freeze&&(Object.freeze(d.props),Object.freeze(d)),d}function f(d,g,R,k,T,_,D,N){var $=g.children;if($!==void 0)if(k)if(Q($)){for(k=0;k<$.length;k++)p($[k]);Object.freeze&&Object.freeze($)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else p($);if(U.call(g,"key")){$=e(d);var Y=Object.keys(g).filter(function(ne){return ne!=="key"});k=0<Y.length?"{key: someKey, "+Y.join(": ..., ")+": ...}":"{key: someKey}",G[$+k]||(Y=0<Y.length?"{"+Y.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
  let props = %s;
  <%s {...props} />
React keys must be passed directly to JSX without using spread:
  let props = %s;
  <%s key={someKey} {...props} />`,k,$,Y,$),G[$+k]=!0)}if($=null,R!==void 0&&(r(R),$=""+R),i(g)&&(r(g.key),$=""+g.key),"key"in g){R={};for(var z in g)z!=="key"&&(R[z]=g[z])}else R=g;return $&&a(R,typeof d=="function"?d.displayName||d.name||"Unknown":d),l(d,$,_,T,s(),R,D,N)}function p(d){typeof d=="object"&&d!==null&&d.$$typeof===m&&d._store&&(d._store.validated=1)}var h=S,m=Symbol.for("react.transitional.element"),b=Symbol.for("react.portal"),x=Symbol.for("react.fragment"),E=Symbol.for("react.strict_mode"),y=Symbol.for("react.profiler"),C=Symbol.for("react.consumer"),w=Symbol.for("react.context"),j=Symbol.for("react.forward_ref"),v=Symbol.for("react.suspense"),L=Symbol.for("react.suspense_list"),A=Symbol.for("react.memo"),M=Symbol.for("react.lazy"),V=Symbol.for("react.activity"),H=Symbol.for("react.client.reference"),J=h.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,U=Object.prototype.hasOwnProperty,Q=Array.isArray,X=console.createTask?console.createTask:function(){return null};h={"react-stack-bottom-frame":function(d){return d()}};var ee,B={},q=h["react-stack-bottom-frame"].bind(h,o)(),P=X(n(o)),G={};Te.Fragment=x,Te.jsx=function(d,g,R,k,T){var _=1e4>J.recentlyCreatedOwnerStacks++;return f(d,g,R,!1,k,T,_?Error("react-stack-top-frame"):q,_?X(n(d)):P)},Te.jsxs=function(d,g,R,k,T){var _=1e4>J.recentlyCreatedOwnerStacks++;return f(d,g,R,!0,k,T,_?Error("react-stack-top-frame"):q,_?X(n(d)):P)}}()),Te}var Ot;function Un(){return Ot||(Ot=1,process.env.NODE_ENV==="production"?Ae.exports=Yn():Ae.exports=qn()),Ae.exports}var u=Un();const Rt=({children:e,onClick:t=()=>{},...r})=>{const{selected:n,contentText:s,brand:o,state:i,color:a,light:c=!1,text:l,border:f,disabled:p,fluid:h,round:m,size:b,compact:x,outline:E,icon:y,withIcon:C,iconPos:w="left",badge:j,badgeOption:v="primary",link:L,linkTarget:A="_self"}=r,M=[o,i,b,a&&(c?`${a}-light`:a),n&&"selected",l&&"text",f&&"border",p&&"disabled",h&&"fluid",m&&"round",x&&"compact",E&&"outline",y&&"icon",j&&"badge",L&&"link"].filter(H=>!!H).join(" "),V=H=>{p||t(H)};return u.jsxs("button",{className:`be-button ${M}`,onClick:V,children:[e||u.jsxs(u.Fragment,{children:[C&&(w==="left"||w==="both")&&u.jsx("i",{className:`icon left ${C}`}),y&&!C&&u.jsx("i",{className:`icon ${y}`}),s&&u.jsx("span",{className:"button-text",children:s}),C&&(w==="right"||w==="both")&&u.jsx("i",{className:`icon right ${C}`}),j&&u.jsx("div",{className:`in-badge ${v}`,children:j})]}),L&&u.jsx("a",{href:L,linkTarget:A})]})},zn=({children:e,buttons:t=null,border:r=!1,round:n=!1,selectIndex:s=0})=>{const[o,i]=S.useState(s),a=c=>{const l=t.findIndex(f=>f.contentText===c.target.textContent);i(l)};return u.jsx("div",{className:`be-buttons ${r?"border":""} ${n?"round":""}`,children:e||u.jsx(u.Fragment,{children:t.map((c,l)=>u.jsx(Rt,{props:c,selected:o===l,onClick:a,children:c.contentText},`btn-${l}`))})})},Hn=({children:e,value:t="",onChange:r=()=>{},onFocus:n=()=>{},onButtonClick:s=()=>{},...o})=>{const{type:i="input",inputType:a="text",align:c="left",status:l,placeholder:f="입력하세요",readonly:p=!1,round:h=!1,underline:m=!1,transparent:b=!1,compact:x=!1,fluid:E=!1,iconLeft:y=null,iconRight:C=null,clear:w=!1,badge:j=null,badgeOption:v={},disabled:L=!1,unit:A=null,labeled:M=null,button:V=null,short:H=!1}=o,[J,U]=S.useState(t),[Q,X]=S.useState(!1),ee=S.useRef(null);S.useEffect(()=>{U(t)},[t]);const B=S.useMemo(()=>y&&(C||w)?"both":y?"left":C||w?"right":null,[y,C,w]),q=k=>{const T=k.target.value;U(T),r(T)},P=()=>{Q||(X(!0),n(!0))},G=()=>{X(!1),n(!1)},d=k=>{k.stopPropagation(),U(""),r("")},g=()=>{s(J)},R=[l,p&&"readonly",m&&"underline",h&&"round",b&&"transparent",x&&"compact",E&&"fluid",(y||C||w)&&"icon",B,j&&"badge",A&&"unit",L&&"disabled",M&&"labeled",M&&(M.pos||"right"),V&&"button",V&&(V.pos||"right"),i==="textarea"&&H?"short":""].filter(k=>!!k).join(" ");return u.jsxs("div",{className:`be-input ${R}`,"data-unit":A,children:[y&&u.jsx("i",{className:`icon ${y}`}),i==="input"?u.jsx("input",{type:a,value:J,onChange:q,placeholder:f,className:`align-${c}`,ref:ee,onClick:P,onBlur:G,readOnly:p,disabled:L}):u.jsx("textarea",{value:J,onChange:q,rows:3,placeholder:f,onBlur:G,readOnly:p,disabled:L}),w?u.jsx("i",{className:`icon clear-btn xi-close ${J===""?"disabled":""}`,onClick:d}):C&&!w?u.jsx("i",{className:`icon ${C}`}):j?u.jsx("span",{className:`be-badge ${v||""}`,children:j}):null,M?e||u.jsx("div",{className:`label ${M.option}`,children:e||M.contents}):V?e||u.jsx("button",{className:`be-button ${V.option}`,onClick:g,children:V.contents}):null]})},Gn=({children:e,value:t=0,onChange:r=()=>{},onFocus:n=()=>{},...s})=>{const{status:o=null,placeholder:i="0",readonly:a=!1,underline:c=!1,round:l=!1,transparent:f=!1,compact:p=!1,fluid:h=!1,iconLeft:m=null,iconRight:b=null,step:x=1,controller:E="between",min:y=null,max:C=null,incIcon:w="xi-plus",decIcon:j="xi-minus",disabled:v=!1,width:L=null}=s,[A,M]=S.useState(t),[V,H]=S.useState(!1),J=S.useRef(null);S.useEffect(()=>{y&&t<y&&M(y),C&&t>C&&M(C)},[t,y,C]);const U=S.useMemo(()=>m&&conRight?"both":m?"left":b?"right":"",[m,b]),Q=d=>{const g=d.target.value;M(parseInt(g)),r(parseInt(g))},X=()=>{V||(H(!0),n(!0))},ee=()=>{H(!1),n(!1)},B=()=>{C&&A+x>C||(M(A+x),r(A+x))},q=()=>{y&&A-x<y||(M(A-x),r(A-x))},P=d=>{v||(d.keyCode===38&&B(),d.keyCode===40&&q())},G=[o,a&&"readonly",c&&"underline",l&&"round",f&&"transparent",p&&"compact",h&&"fluid",(m||b)&&"icon",U,v&&"disabled",E].filter(d=>!!d).join(" ");return u.jsxs("div",{className:`be-input button number ${G}`,tabIndex:"-1",style:L?{width:`${L}px`}:{},onKeyDown:P,children:[e,m&&u.jsx("i",{className:`icon ${m}`}),u.jsx("input",{type:"number",value:A,onChange:Q,placeholder:i,ref:J,onClick:X,onBlur:ee,readOnly:a,disabled:v}),b&&u.jsx("i",{className:`icon ${b}`}),u.jsx("button",{className:`be-button compact icon dec ${v?"disabled":""}`,onClick:q,children:u.jsx("i",{className:`icon ${j}`})}),u.jsx("button",{className:`be-button compact icon inc ${v?"disabled":""}`,onClick:B,children:u.jsx("i",{className:`icon ${w}`})})]})},Xn=({children:e,...t})=>{const{divide:r=null,md:n=null,sm:s=null,xs:o=null,justify:i=null,align:a=null,leftSide:c=null,rightSide:l=null}=t,f=[r&&`divide-${r}`,r&&n&&`divide-md-${n}`,r&&s&&`divide-sm-${s}`,r&&o&&`divide-xs-${o}`,i&&`justify-${i}`,a&&`align-${a}`,c&&"left-side",l&&"right-side"].filter(p=>!!p).join(" ");return u.jsx("div",{className:`be-grid ${f}`,children:e})},Jn=({children:e})=>u.jsx("div",{className:"rows",children:e}),Kn=({children:e,span:t,spanName:r,offset:n,order:s,md:o,sm:i,xs:a,offset_md:c,offset_sm:l,offset_xs:f})=>{const p=[t&&`span-${t}`,r,n&&`offset-${n}`,s&&`order-${s}`,o&&`span-md-${o}`,i&&`span-sm-${i}`,a&&`span-xs-${a}`,c&&`offset-md-${c}`,l&&`offset-sm-${l}`,f&&`offset-xs-${f}`].filter(h=>!!h).join(" ");return u.jsx("div",{className:`column ${p}`,children:e})},Zn=({children:e,title:t=null})=>u.jsxs("div",{className:"be-form",children:[t&&u.jsx("div",{className:"header",children:u.jsx("div",{className:"title",children:t})}),e]}),Qn=({children:e,...t})=>{const{divide:r=null,md:n=null,sm:s=null,xs:o=null,justify:i=null,align:a=null,leftSide:c=null,rightSide:l=null}=t,f=[r&&`divide-${r}`,r&&n&&`divide-md-${n}`,r&&s&&`divide-sm-${s}`,r&&o&&`divide-xs-${o}`,i&&`justify-${i}`,a&&`align-${a}`,c&&"left-side",l&&"right-side"].filter(p=>!!p).join(" ");return u.jsx("div",{className:`fields ${f}`,children:e})},er=({children:e,fieldLabel:t=null,inline:r=!1,short:n=!1,disabled:s=!1})=>u.jsxs("div",{className:`field ${r?"inline":""} ${s?"disabled":""} ${n?"short":""}`,children:[t&&u.jsx("label",{children:t}),e]}),tr=({children:e,...t})=>{const{contents:r="",brand:n=null,state:s=null,color:o=null,mark:i=!1,shadow:a=!0,align:c="center",icon:l=null}=t,f=[n,s,o,i&&"mark",a&&"shadow",c&&`align-${c}`,l&&"icon"].filter(Boolean).join(" ");return u.jsx("div",{className:`be-badge ${f}`,children:e||u.jsx(u.Fragment,{children:l?u.jsx("i",{className:`icon ${l}`}):r})})},ke=({children:e,onChange:t=()=>{},...r})=>{const{labelText:n="",type:s="checkbox",inputType:o="checkbox",group:i="",name:a="",indeter:c=!1,checked:l=!1}=r,[f,p]=S.useState(l);S.useEffect(()=>{p(l)},[l]);const h=[s,c&&"indeter"].filter(b=>!!b).join(" "),m=b=>{const x=b.target.checked;p(x),t(a,x)};return u.jsxs("div",{className:`be-checkbox ${h} ${f?"checked":""}`,children:[u.jsx("label",{htmlFor:a,children:e||n}),u.jsx("input",{name:s==="radio"?i:a,id:a,type:o,onChange:m,checked:f})]})},nr=({children:e,onChange:t=()=>{},checkboxList:r=[],checkedList:n=[]})=>{const[s,o]=S.useState(n),i=(a,c)=>{const l=new Set(s);c?l.add(a):l.delete(a),o([...l]),t([...l])};return u.jsx("div",{className:"be-checkbox-group",children:e||u.jsx(u.Fragment,{children:r.map(a=>u.jsx(ke,{name:a.name,onChange:i,checked:s.includes(a.name),children:a.label||a.name},a.name))})})},rr=({children:e,onChange:t=()=>{},group:r="",radioList:n=[],selectedValue:s=""})=>{const[o,i]=S.useState(s),a=(c,l)=>{l&&(i(c),t(c))};return u.jsx("div",{className:"be-radio",children:e||u.jsx(u.Fragment,{children:n.map(c=>u.jsx(ke,{type:"radio",inputType:"radio",name:c.name,group:r,checked:o===c.name,onChange:a,children:c.label||c.name},c.name))})})},sr={success:"xi-check-circle",info:"xi-info",error:"xi-emoticon-devil",danger:"xi-emoticon-devil",attention:"xi-warning",importance:"xi-star"},or=({children:e,onClick:t=()=>{},...r})=>{const{title:n="",contents:s="",icon:o=!1,state:i=null,selected:a=!1,disabled:c=!1}=r,l=[o&&"icon",i,a&&"selected",c&&"disabled"].filter(h=>!!h).join(" "),f=S.useMemo(()=>i?sr[i]:o,[i,o]),p=h=>{t(h)};return u.jsxs("div",{className:`be-message ${l}`,onClick:p,children:[o&&u.jsx("i",{className:`icon ${f}`}),e||u.jsxs(u.Fragment,{children:[u.jsx("div",{className:"title",children:n}),s&&u.jsx("div",{className:"contents",children:s})]})]})},ir=({children:e,onClick:t=()=>{},...r})=>{const{title:n="",contents:s="",border:o=!1,toggleIcon:i="xi-angle-down",iconPos:a="left",open:c=!1,collapse:l=!1,maxLine:f=5}=r,[p,h]=S.useState(c),m=[o&&"border",l&&"collapse",i&&"icon",a].filter(x=>!!x).join(" "),b=()=>{const x=!p;h(x),t(x)};return u.jsxs("div",{className:`be-panel ${m} ${p?"open":""}`,children:[u.jsxs("div",{className:"panel-header",onClick:b,children:[u.jsx("div",{className:"title",children:n}),l&&i&&u.jsx("i",{className:`icon ${i}`})]}),u.jsx("div",{className:"panel-content",style:{"--max-height":`${f*1.5+1}em`},children:u.jsx("div",{className:"content-wrapper",children:e||s})})]})},ar=({children:e,onChange:t=()=>{},...r})=>{const{type:n="slide",inside:s=!1,round:o=!1,onText:i="ON",offText:a="OFF",color:c=null,checked:l=!1,disabled:f=!1}=r,[p,h]=S.useState(l),m=[n,s&&"inside",o&&"round",c,f&&"disabled"].filter(x=>!!x).join(" "),b=()=>{const x=!p;h(x),t(x)};return u.jsxs("div",{className:`be-switch ${m}`,onClick:b,children:[u.jsx("input",{type:"checkbox",onChange:b,checked:p}),n==="slide"?u.jsx("div",{className:"switch"}):u.jsx(u.Fragment,{children:e||u.jsxs(u.Fragment,{children:[u.jsx("span",{className:`on ${p&&"active"}`,children:i}),u.jsx("span",{className:`off ${!p&&"active"}`,children:a})]})})]})},lr=({children:e,onSelect:t=()=>{},onSelectColumn:r,...n})=>{const{columns:s=[],values:o=[],headAlign:i="center",useFoot:a=!1,border:c=!1,gridType:l=null,divideNum:f=3,selection:p=!1,striped:h=null}=n,m=S.useMemo(()=>l==="divide"?`divide-${f}`:l,[l,f]),b=[c&&"border",p&&"selection",h&&`striped ${h}`,m].filter(E=>!!E).join(" "),x=E=>{p&&t(E,o[E])};return u.jsx("table",{className:`be-table ${b}`,children:e||u.jsxs(u.Fragment,{children:[u.jsx("thead",{className:`align-${i}`,children:u.jsx("tr",{children:s.map(E=>u.jsx("th",{className:`align-${i}`,children:E.name},E.key))})}),u.jsx("tbody",{children:o.map((E,y)=>u.jsx("tr",{className:"",onClick:()=>x(y),children:s.map(C=>u.jsx("td",{className:`align-${C.align||"center"} col-${C.col}`,children:u.jsx("div",{className:"cell",children:E[C.key]})},`cell-${y}-${C.key}`))},`row-${y}`))})]})})},cr=({children:e,onClick:t=()=>{},...r})=>{const{type:n="label",color:s=null,light:o=!1,round:i=!1,icon:a=null,iconPos:c=null,pointDirect:l="up",disabled:f=!1}=r,p=[n,s,o&&"light",i&&"round",a&&"icon",n==="pointing"&&l,f&&"disabled"].filter(Boolean).join(" "),h=m=>{f||t(m)};return u.jsxs("span",{className:`be-tag ${p}`,onClick:h,children:[a&&c!=="right"&&u.jsx("i",{className:`icon ${c} ${a}`}),(n==="label"||n==="pointing")&&e,a&&c==="right"&&u.jsx("i",{className:`icon right ${a}`})]})},ur=({children:e,surf:t,border:r,float:n,align:s="left",round:o="l"})=>{const i=[t&&"surface",r&&"border",n&&"float",s&&`align-${s}`,`round-${o}`].filter(a=>!!a).join(" ");return u.jsx("div",{className:`be-segment ${i}`,children:u.jsx("div",{className:"contents",children:e})})},Ne=(e,t)=>{const r={};return S.Children.forEach(e,n=>{if(S.isValidElement(n)){const s=n.props.name;s&&t.includes(s)&&(r[s]=n.props.children)}}),r},fr=({children:e,title:t,surf:r,border:n=!0,float:s,align:o,round:i="l"})=>{const a=Ne(e,["image","header","contents","extra","footer"]),c=[r&&"surface",n&&"border",s&&"float",o&&`align-${o}`,`round-${i}`,a.header||a.footer&&"atteched"].filter(l=>!!l).join(" ");return u.jsxs("div",{className:`be-card ${c}`,children:[a.header&&u.jsx("div",{className:"header",children:a.header}),a.image&&u.jsx("div",{className:"image",children:a.image}),a.contents?u.jsxs("div",{className:"contents",children:[t&&u.jsx("div",{className:"title",children:t}),a.contents]}):e,a.extra&&u.jsx("div",{className:"extra",children:a.extra}),a.footer&&u.jsx("div",{className:"footer",children:a.footer})]})},dr=({children:e,onChange:t=()=>{},options:r=[],selection:n=!1,selectedType:s="bg",icon:o=!1,image:i=!1,border:a=!1,itemClass:c=""})=>{const[l,f]=S.useState(null),p=[n&&"selection",a&&"border",s].filter(m=>!!m).join(" "),h=m=>{f(m),t(m)};return u.jsx("div",{className:`be-list ${p}`,children:e||u.jsx(u.Fragment,{children:r.map(m=>u.jsxs("div",{className:`item ${c} ${l&&l.option===m.option?"selected":""}`,onClick:()=>h(m),children:[i?u.jsx("div",{className:"item-img",children:m.image&&u.jsx("img",{src:m.image,alt:m.option})}):o?u.jsx("i",{className:`icon list-icon ${m.icon}`}):null,u.jsxs("div",{className:"item-title",children:[m.option,m.sub&&u.jsx("div",{className:"sub-title",children:m.sub})]})]},m.id||m.option))})})},pr=({onChange:e=()=>{},type:t="number",...r})=>{const{round:n=!1,compact:s=!1,border:o=!1,align:i="left",limits:a=5,currentPage:c=1,pageLength:l=1,itemClass:f="",ellipsis:p=!1,color:h=null,firstText:m="F",lastText:b="L",activeType:x="button"}=r,E=S.useRef(null),[y,C]=S.useState(c),[w,j]=S.useState(l),v=S.useMemo(()=>l<=a||!a,[l,a]),L=S.useMemo(()=>Math.max(y-Math.ceil(a*.5)+1,1),[y,a]),A=S.useMemo(()=>y>Math.floor(a/2)+2&&a<w,[y,a,w]),M=S.useMemo(()=>y<=w-a&&a<w,[y,a,w]),V=S.useMemo(()=>y-1<=0,[y]),H=S.useMemo(()=>y+1>w,[y,w]),J=S.useMemo(()=>{let P,G;if(v)G=new Array(l).fill(1).map((d,g)=>d+g);else if(p){P=2;const d=Math.floor(a/2);A&&(P=y-d),!M&&A&&(P=w-a),G=new Array(a).fill(P).map((g,R)=>g+R)}else P=Math.min(L,l-a+1),G=new Array(a).fill(P).map((d,g)=>d+g);return G},[v,l,p,a,w,y,A,M,L]);S.useEffect(()=>{E.current.focus(),j(l)},[l]);const U=P=>{P>w||P<=0||(C(P),e(P))},Q=()=>{V||U(y-1)},X=()=>{H||U(y+1)},ee=()=>{const P=y-a<=0?y-1:y-a;U(P)},B=()=>{const P=y+a>w?y+1:y+a;U(P)},q=[t,x,o&&"border",n&&"round",s&&"compact",i&&`align-${i}`,h].filter(P=>!!P).join(" ");return u.jsxs("div",{className:`be-pagination ${q}`,ref:E,tabIndex:-1,children:[!p&&!v&&u.jsx("div",{className:`${f} pagination-nav first ${V&&"disabled"}`,onClick:()=>U(1),children:m.indexOf("xi")>-1?u.jsx("i",{className:m}):m}),u.jsx("div",{className:`${f} pagination-nav prev ${V&&"disabled"}`,onClick:Q,children:u.jsx("i",{className:"xi-angle-left"})}),p&&u.jsxs(u.Fragment,{children:[u.jsx("div",{className:`${f} pagination-num ${y===1&&"active"}`,onClick:()=>U(1),children:"1"}),A&&u.jsx("div",{className:`${f} pagination-num`,onClick:ee,children:u.jsx("i",{className:"xi-ellipsis-h"})})]}),u.jsx("div",{className:"pagination-page-wrapper",children:u.jsx(mr,{type:t,itemClass:f,pageList:J,current:y,last:w,onClick:U})}),p&&a<l&&u.jsxs(u.Fragment,{children:[M&&u.jsx("div",{className:`${f} pagination-nav`,onClick:B,children:u.jsx("i",{className:"xi-ellipsis-h"})}),u.jsx("div",{className:`${f} pagination-num ${w===y&&"active"}`,onClick:()=>U(w),children:w})]}),u.jsx("div",{className:`${f} pagination-nav next ${H&&"disabled"}`,onClick:X,children:u.jsx("i",{className:"xi-angle-right"})}),!p&&!v&&u.jsx("div",{className:`${f} pagination-nav last ${H&&"disabled"}`,onClick:()=>U(w),children:b.indexOf("xi")>-1?u.jsx("i",{className:b}):b})]})};function mr({type:e,itemClass:t,pageList:r,current:n,onClick:s,last:o}){return e==="page"?u.jsxs("div",{className:"pagination-info",children:[u.jsx("div",{className:"pagination-nav current",children:n}),u.jsx("span",{className:"slash",children:"/"}),u.jsx("div",{className:"pagination-nav last",children:o})]}):r&&r.map(i=>u.jsx("div",{className:`${t} pagination-num ${i===n&&"active"}`,onClick:()=>s(i),children:i},i))}const hr=({onChange:e=()=>{},resultValue:t=null,...r})=>{const{trackType:n="normal",min:s=0,max:o=100,unitText:i=null,showStep:a=!1,stepSize:c=10,showLabel:l=!1,showValue:f=!1,showTooltip:p=!1,disabled:h=!1,color:m=null}=r,b=S.useRef(null),x=S.useRef(null),[E,y]=S.useState(0),[C,w]=S.useState(!1),[j,v]=S.useState(null),[L,A]=S.useState(null),[M,V]=S.useState(500),H=S.useMemo(()=>({width:`${E}px`,left:"0%"}),[E]),J=S.useMemo(()=>({left:`${E}px`}),[E]),U=S.useMemo(()=>Math.ceil((o-s)*(E/M))+s+i,[o,s,E,M,i]),Q=S.useMemo(()=>(o-s)/c,[s,o,c]),X=S.useMemo(()=>100/Q,[Q]),ee=S.useCallback(T=>(T-s)/(o-s),[s,o]),B=S.useCallback(T=>M*ee(T),[M,ee]),q=S.useCallback(()=>{t>o?y(B(o)):t<s?y(B(s)):y(B(t))},[t,o,s,B]),P=T=>{const _=L+T;return _<0?0:_>M?M:_},G=({target:T,pageX:_})=>{T.classList.contains("control-btn")?(v(_),A(x.current.offsetWidth),w(!0),window.addEventListener("mousemove",g),window.addEventListener("mouseup",d)):y(P(_-j))},d=({target:T,pageX:_})=>{T.classList.contains("control-btn")&&y(P(_-j)),e(U),w(!1),window.removeEventListener("mousemove",g),window.removeEventListener("mouseup",d)},g=({pageX:T})=>{y(P(T-j))},R=({target:T})=>{console.log(T)};S.useEffect(()=>{let T;if(b.current){const _=b.current.getBoundingClientRect();V(_.width),v(_.left),q(),T=new ResizeObserver(D=>{for(const N of D){const $=N.contentRect;V($.width),q()}}),T.observe(b.current)}return()=>{T&&b.current&&T.disconnect()}},[b,q]),S.useEffect(()=>{q()},[q]);const k=[n,h&&"disabled",l&&"labeled"].filter(T=>!!T).join(" ");return u.jsxs("div",{className:`be-slider ${k}`,ref:b,onMouseDown:G,onMouseUp:d,children:[u.jsx("div",{className:`result-slider primary ${m&&`be-${m}`}`,ref:x,style:H}),a&&Array.from({length:Q}).map((T,_)=>u.jsx("div",{className:"break-point",style:{left:`${(_+1)*X}%`},onClick:D=>{D.stopPropagation(),R()}},_)),u.jsx("div",{className:`control-btn ${C&&"catching"}`,style:J,children:p&&u.jsx("div",{className:"tooltip",children:U})}),f&&u.jsx("div",{className:"label-text",children:u.jsxs("div",{className:"current-label",style:{left:`${E}px`},children:[U,i]})}),l&&u.jsxs("div",{className:"label-text",children:[u.jsxs("div",{className:"start-label",children:[s,i]}),u.jsxs("div",{className:"end-label",children:[o,i]})]})]})};function _e(){return _e=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},_e.apply(null,arguments)}function $t(e,t){if(e==null)return{};var r={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(t.indexOf(n)!==-1)continue;r[n]=e[n]}return r}function Qe(e,t){return Qe=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(r,n){return r.__proto__=n,r},Qe(e,t)}function Pt(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,Qe(e,t)}var Ie={exports:{}},Me={exports:{}},K={};/** @license React v16.13.1
 * react-is.production.min.js
 *
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */var At;function vr(){if(At)return K;At=1;var e=typeof Symbol=="function"&&Symbol.for,t=e?Symbol.for("react.element"):60103,r=e?Symbol.for("react.portal"):60106,n=e?Symbol.for("react.fragment"):60107,s=e?Symbol.for("react.strict_mode"):60108,o=e?Symbol.for("react.profiler"):60114,i=e?Symbol.for("react.provider"):60109,a=e?Symbol.for("react.context"):60110,c=e?Symbol.for("react.async_mode"):60111,l=e?Symbol.for("react.concurrent_mode"):60111,f=e?Symbol.for("react.forward_ref"):60112,p=e?Symbol.for("react.suspense"):60113,h=e?Symbol.for("react.suspense_list"):60120,m=e?Symbol.for("react.memo"):60115,b=e?Symbol.for("react.lazy"):60116,x=e?Symbol.for("react.block"):60121,E=e?Symbol.for("react.fundamental"):60117,y=e?Symbol.for("react.responder"):60118,C=e?Symbol.for("react.scope"):60119;function w(v){if(typeof v=="object"&&v!==null){var L=v.$$typeof;switch(L){case t:switch(v=v.type,v){case c:case l:case n:case o:case s:case p:return v;default:switch(v=v&&v.$$typeof,v){case a:case f:case b:case m:case i:return v;default:return L}}case r:return L}}}function j(v){return w(v)===l}return K.AsyncMode=c,K.ConcurrentMode=l,K.ContextConsumer=a,K.ContextProvider=i,K.Element=t,K.ForwardRef=f,K.Fragment=n,K.Lazy=b,K.Memo=m,K.Portal=r,K.Profiler=o,K.StrictMode=s,K.Suspense=p,K.isAsyncMode=function(v){return j(v)||w(v)===c},K.isConcurrentMode=j,K.isContextConsumer=function(v){return w(v)===a},K.isContextProvider=function(v){return w(v)===i},K.isElement=function(v){return typeof v=="object"&&v!==null&&v.$$typeof===t},K.isForwardRef=function(v){return w(v)===f},K.isFragment=function(v){return w(v)===n},K.isLazy=function(v){return w(v)===b},K.isMemo=function(v){return w(v)===m},K.isPortal=function(v){return w(v)===r},K.isProfiler=function(v){return w(v)===o},K.isStrictMode=function(v){return w(v)===s},K.isSuspense=function(v){return w(v)===p},K.isValidElementType=function(v){return typeof v=="string"||typeof v=="function"||v===n||v===l||v===o||v===s||v===p||v===h||typeof v=="object"&&v!==null&&(v.$$typeof===b||v.$$typeof===m||v.$$typeof===i||v.$$typeof===a||v.$$typeof===f||v.$$typeof===E||v.$$typeof===y||v.$$typeof===C||v.$$typeof===x)},K.typeOf=w,K}var Z={};/** @license React v16.13.1
 * react-is.development.js
 *
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */var kt;function gr(){return kt||(kt=1,process.env.NODE_ENV!=="production"&&function(){var e=typeof Symbol=="function"&&Symbol.for,t=e?Symbol.for("react.element"):60103,r=e?Symbol.for("react.portal"):60106,n=e?Symbol.for("react.fragment"):60107,s=e?Symbol.for("react.strict_mode"):60108,o=e?Symbol.for("react.profiler"):60114,i=e?Symbol.for("react.provider"):60109,a=e?Symbol.for("react.context"):60110,c=e?Symbol.for("react.async_mode"):60111,l=e?Symbol.for("react.concurrent_mode"):60111,f=e?Symbol.for("react.forward_ref"):60112,p=e?Symbol.for("react.suspense"):60113,h=e?Symbol.for("react.suspense_list"):60120,m=e?Symbol.for("react.memo"):60115,b=e?Symbol.for("react.lazy"):60116,x=e?Symbol.for("react.block"):60121,E=e?Symbol.for("react.fundamental"):60117,y=e?Symbol.for("react.responder"):60118,C=e?Symbol.for("react.scope"):60119;function w(O){return typeof O=="string"||typeof O=="function"||O===n||O===l||O===o||O===s||O===p||O===h||typeof O=="object"&&O!==null&&(O.$$typeof===b||O.$$typeof===m||O.$$typeof===i||O.$$typeof===a||O.$$typeof===f||O.$$typeof===E||O.$$typeof===y||O.$$typeof===C||O.$$typeof===x)}function j(O){if(typeof O=="object"&&O!==null){var ce=O.$$typeof;switch(ce){case t:var Ze=O.type;switch(Ze){case c:case l:case n:case o:case s:case p:return Ze;default:var Wn=Ze&&Ze.$$typeof;switch(Wn){case a:case f:case b:case m:case i:return Wn;default:return ce}}case r:return ce}}}var v=c,L=l,A=a,M=i,V=t,H=f,J=n,U=b,Q=m,X=r,ee=o,B=s,q=p,P=!1;function G(O){return P||(P=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")),d(O)||j(O)===c}function d(O){return j(O)===l}function g(O){return j(O)===a}function R(O){return j(O)===i}function k(O){return typeof O=="object"&&O!==null&&O.$$typeof===t}function T(O){return j(O)===f}function _(O){return j(O)===n}function D(O){return j(O)===b}function N(O){return j(O)===m}function $(O){return j(O)===r}function Y(O){return j(O)===o}function z(O){return j(O)===s}function ne(O){return j(O)===p}Z.AsyncMode=v,Z.ConcurrentMode=L,Z.ContextConsumer=A,Z.ContextProvider=M,Z.Element=V,Z.ForwardRef=H,Z.Fragment=J,Z.Lazy=U,Z.Memo=Q,Z.Portal=X,Z.Profiler=ee,Z.StrictMode=B,Z.Suspense=q,Z.isAsyncMode=G,Z.isConcurrentMode=d,Z.isContextConsumer=g,Z.isContextProvider=R,Z.isElement=k,Z.isForwardRef=T,Z.isFragment=_,Z.isLazy=D,Z.isMemo=N,Z.isPortal=$,Z.isProfiler=Y,Z.isStrictMode=z,Z.isSuspense=ne,Z.isValidElementType=w,Z.typeOf=j}()),Z}var _t;function It(){return _t||(_t=1,process.env.NODE_ENV==="production"?Me.exports=vr():Me.exports=gr()),Me.exports}/*
object-assign
(c) Sindre Sorhus
@license MIT
*/var et,Mt;function xr(){if(Mt)return et;Mt=1;var e=Object.getOwnPropertySymbols,t=Object.prototype.hasOwnProperty,r=Object.prototype.propertyIsEnumerable;function n(o){if(o==null)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(o)}function s(){try{if(!Object.assign)return!1;var o=new String("abc");if(o[5]="de",Object.getOwnPropertyNames(o)[0]==="5")return!1;for(var i={},a=0;a<10;a++)i["_"+String.fromCharCode(a)]=a;var c=Object.getOwnPropertyNames(i).map(function(f){return i[f]});if(c.join("")!=="0123456789")return!1;var l={};return"abcdefghijklmnopqrst".split("").forEach(function(f){l[f]=f}),Object.keys(Object.assign({},l)).join("")==="abcdefghijklmnopqrst"}catch{return!1}}return et=s()?Object.assign:function(o,i){for(var a,c=n(o),l,f=1;f<arguments.length;f++){a=Object(arguments[f]);for(var p in a)t.call(a,p)&&(c[p]=a[p]);if(e){l=e(a);for(var h=0;h<l.length;h++)r.call(a,l[h])&&(c[l[h]]=a[l[h]])}}return c},et}var tt,Dt;function nt(){if(Dt)return tt;Dt=1;var e="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";return tt=e,tt}var rt,Lt;function Ft(){return Lt||(Lt=1,rt=Function.call.bind(Object.prototype.hasOwnProperty)),rt}var st,Bt;function br(){if(Bt)return st;Bt=1;var e=function(){};if(process.env.NODE_ENV!=="production"){var t=nt(),r={},n=Ft();e=function(o){var i="Warning: "+o;typeof console<"u"&&console.error(i);try{throw new Error(i)}catch{}}}function s(o,i,a,c,l){if(process.env.NODE_ENV!=="production"){for(var f in o)if(n(o,f)){var p;try{if(typeof o[f]!="function"){var h=Error((c||"React class")+": "+a+" type `"+f+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof o[f]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw h.name="Invariant Violation",h}p=o[f](i,f,c,a,null,t)}catch(b){p=b}if(p&&!(p instanceof Error)&&e((c||"React class")+": type specification of "+a+" `"+f+"` is invalid; the type checker function must return `null` or an `Error` but returned a "+typeof p+". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."),p instanceof Error&&!(p.message in r)){r[p.message]=!0;var m=l?l():"";e("Failed "+a+" type: "+p.message+(m??""))}}}}return s.resetWarningCache=function(){process.env.NODE_ENV!=="production"&&(r={})},st=s,st}var ot,Wt;function yr(){if(Wt)return ot;Wt=1;var e=It(),t=xr(),r=nt(),n=Ft(),s=br(),o=function(){};process.env.NODE_ENV!=="production"&&(o=function(a){var c="Warning: "+a;typeof console<"u"&&console.error(c);try{throw new Error(c)}catch{}});function i(){return null}return ot=function(a,c){var l=typeof Symbol=="function"&&Symbol.iterator,f="@@iterator";function p(d){var g=d&&(l&&d[l]||d[f]);if(typeof g=="function")return g}var h="<<anonymous>>",m={array:y("array"),bigint:y("bigint"),bool:y("boolean"),func:y("function"),number:y("number"),object:y("object"),string:y("string"),symbol:y("symbol"),any:C(),arrayOf:w,element:j(),elementType:v(),instanceOf:L,node:H(),objectOf:M,oneOf:A,oneOfType:V,shape:U,exact:Q};function b(d,g){return d===g?d!==0||1/d===1/g:d!==d&&g!==g}function x(d,g){this.message=d,this.data=g&&typeof g=="object"?g:{},this.stack=""}x.prototype=Error.prototype;function E(d){if(process.env.NODE_ENV!=="production")var g={},R=0;function k(_,D,N,$,Y,z,ne){if($=$||h,z=z||N,ne!==r){if(c){var O=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types");throw O.name="Invariant Violation",O}else if(process.env.NODE_ENV!=="production"&&typeof console<"u"){var ce=$+":"+N;!g[ce]&&R<3&&(o("You are manually calling a React.PropTypes validation function for the `"+z+"` prop on `"+$+"`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."),g[ce]=!0,R++)}}return D[N]==null?_?D[N]===null?new x("The "+Y+" `"+z+"` is marked as required "+("in `"+$+"`, but its value is `null`.")):new x("The "+Y+" `"+z+"` is marked as required in "+("`"+$+"`, but its value is `undefined`.")):null:d(D,N,$,Y,z)}var T=k.bind(null,!1);return T.isRequired=k.bind(null,!0),T}function y(d){function g(R,k,T,_,D,N){var $=R[k],Y=B($);if(Y!==d){var z=q($);return new x("Invalid "+_+" `"+D+"` of type "+("`"+z+"` supplied to `"+T+"`, expected ")+("`"+d+"`."),{expectedType:d})}return null}return E(g)}function C(){return E(i)}function w(d){function g(R,k,T,_,D){if(typeof d!="function")return new x("Property `"+D+"` of component `"+T+"` has invalid PropType notation inside arrayOf.");var N=R[k];if(!Array.isArray(N)){var $=B(N);return new x("Invalid "+_+" `"+D+"` of type "+("`"+$+"` supplied to `"+T+"`, expected an array."))}for(var Y=0;Y<N.length;Y++){var z=d(N,Y,T,_,D+"["+Y+"]",r);if(z instanceof Error)return z}return null}return E(g)}function j(){function d(g,R,k,T,_){var D=g[R];if(!a(D)){var N=B(D);return new x("Invalid "+T+" `"+_+"` of type "+("`"+N+"` supplied to `"+k+"`, expected a single ReactElement."))}return null}return E(d)}function v(){function d(g,R,k,T,_){var D=g[R];if(!e.isValidElementType(D)){var N=B(D);return new x("Invalid "+T+" `"+_+"` of type "+("`"+N+"` supplied to `"+k+"`, expected a single ReactElement type."))}return null}return E(d)}function L(d){function g(R,k,T,_,D){if(!(R[k]instanceof d)){var N=d.name||h,$=G(R[k]);return new x("Invalid "+_+" `"+D+"` of type "+("`"+$+"` supplied to `"+T+"`, expected ")+("instance of `"+N+"`."))}return null}return E(g)}function A(d){if(!Array.isArray(d))return process.env.NODE_ENV!=="production"&&(arguments.length>1?o("Invalid arguments supplied to oneOf, expected an array, got "+arguments.length+" arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."):o("Invalid argument supplied to oneOf, expected an array.")),i;function g(R,k,T,_,D){for(var N=R[k],$=0;$<d.length;$++)if(b(N,d[$]))return null;var Y=JSON.stringify(d,function(ne,O){var ce=q(O);return ce==="symbol"?String(O):O});return new x("Invalid "+_+" `"+D+"` of value `"+String(N)+"` "+("supplied to `"+T+"`, expected one of "+Y+"."))}return E(g)}function M(d){function g(R,k,T,_,D){if(typeof d!="function")return new x("Property `"+D+"` of component `"+T+"` has invalid PropType notation inside objectOf.");var N=R[k],$=B(N);if($!=="object")return new x("Invalid "+_+" `"+D+"` of type "+("`"+$+"` supplied to `"+T+"`, expected an object."));for(var Y in N)if(n(N,Y)){var z=d(N,Y,T,_,D+"."+Y,r);if(z instanceof Error)return z}return null}return E(g)}function V(d){if(!Array.isArray(d))return process.env.NODE_ENV!=="production"&&o("Invalid argument supplied to oneOfType, expected an instance of array."),i;for(var g=0;g<d.length;g++){var R=d[g];if(typeof R!="function")return o("Invalid argument supplied to oneOfType. Expected an array of check functions, but received "+P(R)+" at index "+g+"."),i}function k(T,_,D,N,$){for(var Y=[],z=0;z<d.length;z++){var ne=d[z],O=ne(T,_,D,N,$,r);if(O==null)return null;O.data&&n(O.data,"expectedType")&&Y.push(O.data.expectedType)}var ce=Y.length>0?", expected one of type ["+Y.join(", ")+"]":"";return new x("Invalid "+N+" `"+$+"` supplied to "+("`"+D+"`"+ce+"."))}return E(k)}function H(){function d(g,R,k,T,_){return X(g[R])?null:new x("Invalid "+T+" `"+_+"` supplied to "+("`"+k+"`, expected a ReactNode."))}return E(d)}function J(d,g,R,k,T){return new x((d||"React class")+": "+g+" type `"+R+"."+k+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+T+"`.")}function U(d){function g(R,k,T,_,D){var N=R[k],$=B(N);if($!=="object")return new x("Invalid "+_+" `"+D+"` of type `"+$+"` "+("supplied to `"+T+"`, expected `object`."));for(var Y in d){var z=d[Y];if(typeof z!="function")return J(T,_,D,Y,q(z));var ne=z(N,Y,T,_,D+"."+Y,r);if(ne)return ne}return null}return E(g)}function Q(d){function g(R,k,T,_,D){var N=R[k],$=B(N);if($!=="object")return new x("Invalid "+_+" `"+D+"` of type `"+$+"` "+("supplied to `"+T+"`, expected `object`."));var Y=t({},R[k],d);for(var z in Y){var ne=d[z];if(n(d,z)&&typeof ne!="function")return J(T,_,D,z,q(ne));if(!ne)return new x("Invalid "+_+" `"+D+"` key `"+z+"` supplied to `"+T+"`.\nBad object: "+JSON.stringify(R[k],null,"  ")+`
Valid keys: `+JSON.stringify(Object.keys(d),null,"  "));var O=ne(N,z,T,_,D+"."+z,r);if(O)return O}return null}return E(g)}function X(d){switch(typeof d){case"number":case"string":case"undefined":return!0;case"boolean":return!d;case"object":if(Array.isArray(d))return d.every(X);if(d===null||a(d))return!0;var g=p(d);if(g){var R=g.call(d),k;if(g!==d.entries){for(;!(k=R.next()).done;)if(!X(k.value))return!1}else for(;!(k=R.next()).done;){var T=k.value;if(T&&!X(T[1]))return!1}}else return!1;return!0;default:return!1}}function ee(d,g){return d==="symbol"?!0:g?g["@@toStringTag"]==="Symbol"||typeof Symbol=="function"&&g instanceof Symbol:!1}function B(d){var g=typeof d;return Array.isArray(d)?"array":d instanceof RegExp?"object":ee(g,d)?"symbol":g}function q(d){if(typeof d>"u"||d===null)return""+d;var g=B(d);if(g==="object"){if(d instanceof Date)return"date";if(d instanceof RegExp)return"regexp"}return g}function P(d){var g=q(d);switch(g){case"array":case"object":return"an "+g;case"boolean":case"date":case"regexp":return"a "+g;default:return g}}function G(d){return!d.constructor||!d.constructor.name?h:d.constructor.name}return m.checkPropTypes=s,m.resetWarningCache=s.resetWarningCache,m.PropTypes=m,m},ot}var it,Vt;function Er(){if(Vt)return it;Vt=1;var e=nt();function t(){}function r(){}return r.resetWarningCache=t,it=function(){function n(i,a,c,l,f,p){if(p!==e){var h=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw h.name="Invariant Violation",h}}n.isRequired=n;function s(){return n}var o={array:n,bigint:n,bool:n,func:n,number:n,object:n,string:n,symbol:n,any:n,arrayOf:s,element:n,elementType:n,instanceOf:s,node:n,objectOf:s,oneOf:s,oneOfType:s,shape:s,exact:s,checkPropTypes:r,resetWarningCache:t};return o.PropTypes=o,o},it}var Yt;function wr(){if(Yt)return Ie.exports;if(Yt=1,process.env.NODE_ENV!=="production"){var e=It(),t=!0;Ie.exports=yr()(e.isElement,t)}else Ie.exports=Er()();return Ie.exports}var Sr=wr();const F=Vn(Sr);function Cr(e,t){return e.classList?!!t&&e.classList.contains(t):(" "+(e.className.baseVal||e.className)+" ").indexOf(" "+t+" ")!==-1}function Tr(e,t){e.classList?e.classList.add(t):Cr(e,t)||(typeof e.className=="string"?e.className=e.className+" "+t:e.setAttribute("class",(e.className&&e.className.baseVal||"")+" "+t))}function qt(e,t){return e.replace(new RegExp("(^|\\s)"+t+"(?:\\s|$)","g"),"$1").replace(/\s+/g," ").replace(/^\s*|\s*$/g,"")}function Nr(e,t){e.classList?e.classList.remove(t):typeof e.className=="string"?e.className=qt(e.className,t):e.setAttribute("class",qt(e.className&&e.className.baseVal||"",t))}const Ut={disabled:!1};var jr=process.env.NODE_ENV!=="production"?F.oneOfType([F.number,F.shape({enter:F.number,exit:F.number,appear:F.number}).isRequired]):null,Or=process.env.NODE_ENV!=="production"?F.oneOfType([F.string,F.shape({enter:F.string,exit:F.string,active:F.string}),F.shape({enter:F.string,enterDone:F.string,enterActive:F.string,exit:F.string,exitDone:F.string,exitActive:F.string})]):null;const zt=S.createContext(null);var Ht=function(t){return t.scrollTop},je="unmounted",de="exited",pe="entering",xe="entered",at="exiting",oe=function(e){Pt(t,e);function t(n,s){var o;o=e.call(this,n,s)||this;var i=s,a=i&&!i.isMounting?n.enter:n.appear,c;return o.appearStatus=null,n.in?a?(c=de,o.appearStatus=pe):c=xe:n.unmountOnExit||n.mountOnEnter?c=je:c=de,o.state={status:c},o.nextCallback=null,o}t.getDerivedStateFromProps=function(s,o){var i=s.in;return i&&o.status===je?{status:de}:null};var r=t.prototype;return r.componentDidMount=function(){this.updateStatus(!0,this.appearStatus)},r.componentDidUpdate=function(s){var o=null;if(s!==this.props){var i=this.state.status;this.props.in?i!==pe&&i!==xe&&(o=pe):(i===pe||i===xe)&&(o=at)}this.updateStatus(!1,o)},r.componentWillUnmount=function(){this.cancelNextCallback()},r.getTimeouts=function(){var s=this.props.timeout,o,i,a;return o=i=a=s,s!=null&&typeof s!="number"&&(o=s.exit,i=s.enter,a=s.appear!==void 0?s.appear:i),{exit:o,enter:i,appear:a}},r.updateStatus=function(s,o){if(s===void 0&&(s=!1),o!==null)if(this.cancelNextCallback(),o===pe){if(this.props.unmountOnExit||this.props.mountOnEnter){var i=this.props.nodeRef?this.props.nodeRef.current:Se.findDOMNode(this);i&&Ht(i)}this.performEnter(s)}else this.performExit();else this.props.unmountOnExit&&this.state.status===de&&this.setState({status:je})},r.performEnter=function(s){var o=this,i=this.props.enter,a=this.context?this.context.isMounting:s,c=this.props.nodeRef?[a]:[Se.findDOMNode(this),a],l=c[0],f=c[1],p=this.getTimeouts(),h=a?p.appear:p.enter;if(!s&&!i||Ut.disabled){this.safeSetState({status:xe},function(){o.props.onEntered(l)});return}this.props.onEnter(l,f),this.safeSetState({status:pe},function(){o.props.onEntering(l,f),o.onTransitionEnd(h,function(){o.safeSetState({status:xe},function(){o.props.onEntered(l,f)})})})},r.performExit=function(){var s=this,o=this.props.exit,i=this.getTimeouts(),a=this.props.nodeRef?void 0:Se.findDOMNode(this);if(!o||Ut.disabled){this.safeSetState({status:de},function(){s.props.onExited(a)});return}this.props.onExit(a),this.safeSetState({status:at},function(){s.props.onExiting(a),s.onTransitionEnd(i.exit,function(){s.safeSetState({status:de},function(){s.props.onExited(a)})})})},r.cancelNextCallback=function(){this.nextCallback!==null&&(this.nextCallback.cancel(),this.nextCallback=null)},r.safeSetState=function(s,o){o=this.setNextCallback(o),this.setState(s,o)},r.setNextCallback=function(s){var o=this,i=!0;return this.nextCallback=function(a){i&&(i=!1,o.nextCallback=null,s(a))},this.nextCallback.cancel=function(){i=!1},this.nextCallback},r.onTransitionEnd=function(s,o){this.setNextCallback(o);var i=this.props.nodeRef?this.props.nodeRef.current:Se.findDOMNode(this),a=s==null&&!this.props.addEndListener;if(!i||a){setTimeout(this.nextCallback,0);return}if(this.props.addEndListener){var c=this.props.nodeRef?[this.nextCallback]:[i,this.nextCallback],l=c[0],f=c[1];this.props.addEndListener(l,f)}s!=null&&setTimeout(this.nextCallback,s)},r.render=function(){var s=this.state.status;if(s===je)return null;var o=this.props,i=o.children;o.in,o.mountOnEnter,o.unmountOnExit,o.appear,o.enter,o.exit,o.timeout,o.addEndListener,o.onEnter,o.onEntering,o.onEntered,o.onExit,o.onExiting,o.onExited,o.nodeRef;var a=$t(o,["children","in","mountOnEnter","unmountOnExit","appear","enter","exit","timeout","addEndListener","onEnter","onEntering","onEntered","onExit","onExiting","onExited","nodeRef"]);return S.createElement(zt.Provider,{value:null},typeof i=="function"?i(s,a):S.cloneElement(S.Children.only(i),a))},t}(S.Component);oe.contextType=zt,oe.propTypes=process.env.NODE_ENV!=="production"?{nodeRef:F.shape({current:typeof Element>"u"?F.any:function(e,t,r,n,s,o){var i=e[t];return F.instanceOf(i&&"ownerDocument"in i?i.ownerDocument.defaultView.Element:Element)(e,t,r,n,s,o)}}),children:F.oneOfType([F.func.isRequired,F.element.isRequired]).isRequired,in:F.bool,mountOnEnter:F.bool,unmountOnExit:F.bool,appear:F.bool,enter:F.bool,exit:F.bool,timeout:function(t){var r=jr;t.addEndListener||(r=r.isRequired);for(var n=arguments.length,s=new Array(n>1?n-1:0),o=1;o<n;o++)s[o-1]=arguments[o];return r.apply(void 0,[t].concat(s))},addEndListener:F.func,onEnter:F.func,onEntering:F.func,onEntered:F.func,onExit:F.func,onExiting:F.func,onExited:F.func}:{};function be(){}oe.defaultProps={in:!1,mountOnEnter:!1,unmountOnExit:!1,appear:!1,enter:!0,exit:!0,onEnter:be,onEntering:be,onEntered:be,onExit:be,onExiting:be,onExited:be},oe.UNMOUNTED=je,oe.EXITED=de,oe.ENTERING=pe,oe.ENTERED=xe,oe.EXITING=at;var Rr=function(t,r){return t&&r&&r.split(" ").forEach(function(n){return Tr(t,n)})},lt=function(t,r){return t&&r&&r.split(" ").forEach(function(n){return Nr(t,n)})},De=function(e){Pt(t,e);function t(){for(var n,s=arguments.length,o=new Array(s),i=0;i<s;i++)o[i]=arguments[i];return n=e.call.apply(e,[this].concat(o))||this,n.appliedClasses={appear:{},enter:{},exit:{}},n.onEnter=function(a,c){var l=n.resolveArguments(a,c),f=l[0],p=l[1];n.removeClasses(f,"exit"),n.addClass(f,p?"appear":"enter","base"),n.props.onEnter&&n.props.onEnter(a,c)},n.onEntering=function(a,c){var l=n.resolveArguments(a,c),f=l[0],p=l[1],h=p?"appear":"enter";n.addClass(f,h,"active"),n.props.onEntering&&n.props.onEntering(a,c)},n.onEntered=function(a,c){var l=n.resolveArguments(a,c),f=l[0],p=l[1],h=p?"appear":"enter";n.removeClasses(f,h),n.addClass(f,h,"done"),n.props.onEntered&&n.props.onEntered(a,c)},n.onExit=function(a){var c=n.resolveArguments(a),l=c[0];n.removeClasses(l,"appear"),n.removeClasses(l,"enter"),n.addClass(l,"exit","base"),n.props.onExit&&n.props.onExit(a)},n.onExiting=function(a){var c=n.resolveArguments(a),l=c[0];n.addClass(l,"exit","active"),n.props.onExiting&&n.props.onExiting(a)},n.onExited=function(a){var c=n.resolveArguments(a),l=c[0];n.removeClasses(l,"exit"),n.addClass(l,"exit","done"),n.props.onExited&&n.props.onExited(a)},n.resolveArguments=function(a,c){return n.props.nodeRef?[n.props.nodeRef.current,a]:[a,c]},n.getClassNames=function(a){var c=n.props.classNames,l=typeof c=="string",f=l&&c?c+"-":"",p=l?""+f+a:c[a],h=l?p+"-active":c[a+"Active"],m=l?p+"-done":c[a+"Done"];return{baseClassName:p,activeClassName:h,doneClassName:m}},n}var r=t.prototype;return r.addClass=function(s,o,i){var a=this.getClassNames(o)[i+"ClassName"],c=this.getClassNames("enter"),l=c.doneClassName;o==="appear"&&i==="done"&&l&&(a+=" "+l),i==="active"&&s&&Ht(s),a&&(this.appliedClasses[o][i]=a,Rr(s,a))},r.removeClasses=function(s,o){var i=this.appliedClasses[o],a=i.base,c=i.active,l=i.done;this.appliedClasses[o]={},a&&lt(s,a),c&&lt(s,c),l&&lt(s,l)},r.render=function(){var s=this.props;s.classNames;var o=$t(s,["classNames"]);return S.createElement(oe,_e({},o,{onEnter:this.onEnter,onEntered:this.onEntered,onEntering:this.onEntering,onExit:this.onExit,onExiting:this.onExiting,onExited:this.onExited}))},t}(S.Component);De.defaultProps={classNames:""},De.propTypes=process.env.NODE_ENV!=="production"?_e({},oe.propTypes,{classNames:Or,onEnter:F.func,onEntering:F.func,onEntered:F.func,onExit:F.func,onExiting:F.func,onExited:F.func}):{};function Le(){return typeof window<"u"}function ye(e){return Gt(e)?(e.nodeName||"").toLowerCase():"#document"}function re(e){var t;return(e==null||(t=e.ownerDocument)==null?void 0:t.defaultView)||window}function ie(e){var t;return(t=(Gt(e)?e.ownerDocument:e.document)||window.document)==null?void 0:t.documentElement}function Gt(e){return Le()?e instanceof Node||e instanceof re(e).Node:!1}function te(e){return Le()?e instanceof Element||e instanceof re(e).Element:!1}function ae(e){return Le()?e instanceof HTMLElement||e instanceof re(e).HTMLElement:!1}function ct(e){return!Le()||typeof ShadowRoot>"u"?!1:e instanceof ShadowRoot||e instanceof re(e).ShadowRoot}const $r=new Set(["inline","contents"]);function Oe(e){const{overflow:t,overflowX:r,overflowY:n,display:s}=se(e);return/auto|scroll|overlay|hidden|clip/.test(t+n+r)&&!$r.