react-be-ui
Version:
React 전용 UI 컴포넌트 라이브러리
41 lines • 93.7 kB
JavaScript
(function(W,w){typeof exports=="object"&&typeof module<"u"?w(exports,require("react"),require("react-dom")):typeof define=="function"&&define.amd?define(["exports","react","react-dom"],w):(W=typeof globalThis<"u"?globalThis:W||self,w(W["be-ui"]={},W.React,W.ReactDOM))})(this,function(W,w,Te){"use strict";function Tt(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 _=Tt(w),Nt=Tt(Te);function Yn(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var _e={exports:{}},Ne={};/**
* @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 jt;function qn(){if(jt)return Ne;jt=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 Ne.Fragment=t,Ne.jsx=r,Ne.jsxs=r,Ne}var je={};/**
* @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 Ot;function Un(){return Ot||(Ot=1,process.env.NODE_ENV!=="production"&&function(){function e(d){if(d==null)return null;if(typeof d=="function")return d.$$typeof===M?null:d.displayName||d.name||null;if(typeof d=="string")return d;switch(d){case v:return"Fragment";case S:return"Profiler";case y:return"StrictMode";case x:return"Suspense";case L:return"SuspenseList";case k: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 E:return(d.displayName||"Context")+".Provider";case O:return(d._context.displayName||"Context")+".Consumer";case T:var g=d.render;return d=d.displayName,d||(d=g.displayName||g.name||"",d=d!==""?"ForwardRef("+d+")":"ForwardRef"),d;case V:return g=d.displayName||null,g!==null?g:e(d.type)||"Memo";case z: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 j=g.error,N=typeof Symbol=="function"&&Symbol.toStringTag&&d[Symbol.toStringTag]||d.constructor.name||"Object";return j.call(g,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",N),t(d)}}function n(d){if(d===v)return"<>";if(typeof d=="object"&&d!==null&&d.$$typeof===z)return"<...>";try{var g=e(d);return g?"<"+g+">":"<...>"}catch{return"<...>"}}function s(){var d=q.A;return d===null?null:d.getOwner()}function o(){return Error("react-stack-top-frame")}function i(d){if(J.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 j(){Z||(Z=!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))}j.isReactWarning=!0,Object.defineProperty(d,"key",{get:j,configurable:!0})}function l(){var d=e(this.type);return Y[d]||(Y[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 c(d,g,j,N,A,R,$,F){return j=R.ref,d={$$typeof:h,type:d,key:g,props:R,_owner:A},(j!==void 0?j:null)!==null?Object.defineProperty(d,"ref",{enumerable:!1,get:l}):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:$}),Object.defineProperty(d,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:F}),Object.freeze&&(Object.freeze(d.props),Object.freeze(d)),d}function f(d,g,j,N,A,R,$,F){var C=g.children;if(C!==void 0)if(N)if(K(C)){for(N=0;N<C.length;N++)p(C[N]);Object.freeze&&Object.freeze(C)}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(C);if(J.call(g,"key")){C=e(d);var I=Object.keys(g).filter(function(ne){return ne!=="key"});N=0<I.length?"{key: someKey, "+I.join(": ..., ")+": ...}":"{key: someKey}",X[C+N]||(I=0<I.length?"{"+I.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} />`,N,C,I,C),X[C+N]=!0)}if(C=null,j!==void 0&&(r(j),C=""+j),i(g)&&(r(g.key),C=""+g.key),"key"in g){j={};for(var U in g)U!=="key"&&(j[U]=g[U])}else j=g;return C&&a(j,typeof d=="function"?d.displayName||d.name||"Unknown":d),c(d,C,R,A,s(),j,$,F)}function p(d){typeof d=="object"&&d!==null&&d.$$typeof===h&&d._store&&(d._store.validated=1)}var m=w,h=Symbol.for("react.transitional.element"),b=Symbol.for("react.portal"),v=Symbol.for("react.fragment"),y=Symbol.for("react.strict_mode"),S=Symbol.for("react.profiler"),O=Symbol.for("react.consumer"),E=Symbol.for("react.context"),T=Symbol.for("react.forward_ref"),x=Symbol.for("react.suspense"),L=Symbol.for("react.suspense_list"),V=Symbol.for("react.memo"),z=Symbol.for("react.lazy"),k=Symbol.for("react.activity"),M=Symbol.for("react.client.reference"),q=m.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,J=Object.prototype.hasOwnProperty,K=Array.isArray,H=console.createTask?console.createTask:function(){return null};m={"react-stack-bottom-frame":function(d){return d()}};var Z,Y={},G=m["react-stack-bottom-frame"].bind(m,o)(),D=H(n(o)),X={};je.Fragment=v,je.jsx=function(d,g,j,N,A){var R=1e4>q.recentlyCreatedOwnerStacks++;return f(d,g,j,!1,N,A,R?Error("react-stack-top-frame"):G,R?H(n(d)):D)},je.jsxs=function(d,g,j,N,A){var R=1e4>q.recentlyCreatedOwnerStacks++;return f(d,g,j,!0,N,A,R?Error("react-stack-top-frame"):G,R?H(n(d)):D)}}()),je}var Rt;function zn(){return Rt||(Rt=1,process.env.NODE_ENV==="production"?_e.exports=qn():_e.exports=Un()),_e.exports}var u=zn();const $t=({children:e,className:t="",ref:r,onClick:n=()=>{},...s})=>{const{selected:o,contentText:i,brand:a,state:l,color:c,light:f=!1,text:p,border:m,disabled:h,fluid:b,round:v,size:y,compact:S,outline:O,icon:E,withIcon:T,iconPos:x="left",badge:L,badgeOption:V="primary",link:z,linkTarget:k="_self"}=s,M=[a,l,y,c&&(f?`${c}-light`:c),o&&"selected",p&&"text",m&&"border",h&&"disabled",b&&"fluid",v&&"round",S&&"compact",O&&"outline",E&&"icon",L&&"badge",z&&"link"].filter(J=>!!J).join(" "),q=J=>{h||n(J)};return u.jsxs("button",{className:`be-button ${t} ${M}`,ref:r,onClick:q,children:[e||u.jsxs(u.Fragment,{children:[T&&(x==="left"||x==="both")&&u.jsx("i",{className:`icon left ${T}`}),E&&!T&&u.jsx("i",{className:`icon ${E}`}),i&&u.jsx("span",{className:"button-text",children:i}),T&&(x==="right"||x==="both")&&u.jsx("i",{className:`icon right ${T}`}),L&&u.jsx("div",{className:`in-badge ${V}`,children:L})]}),z&&u.jsx("a",{href:z,target:k})]})},Hn=({children:e,className:t="",buttons:r=null,border:n=!1,round:s=!1,selectIndex:o=0})=>{const[i,a]=w.useState(o),l=c=>{const f=r.findIndex(p=>p.contentText===c.target.textContent);a(f)};return u.jsx("div",{className:`be-buttons ${t} ${n?"border":""} ${s?"round":""}`,children:e||u.jsx(u.Fragment,{children:r.map((c,f)=>u.jsx($t,{props:c,selected:i===f,onClick:l,children:c.contentText},`btn-${f}`))})})},Gn=({children:e,value:t="",className:r="",onChange:n=()=>{},onFocus:s=()=>{},onButtonClick:o=()=>{},ref:i,...a})=>{const{type:l="input",inputType:c="text",align:f="left",status:p,placeholder:m="입력하세요",readonly:h=!1,round:b=!1,underline:v=!1,transparent:y=!1,compact:S=!1,fluid:O=!1,iconLeft:E=null,iconRight:T=null,clear:x=!1,badge:L=null,badgeOption:V={},disabled:z=!1,unit:k=null,labeled:M=null,button:q=null,short:J=!1}=a,[K,H]=w.useState(t),[Z,Y]=w.useState(!1),G=w.useRef(null),D=$=>{G.current=$,i&&(typeof i=="function"?i($):i.current=$)};w.useEffect(()=>{H(t)},[t]);const X=w.useMemo(()=>E&&T?"both":E?"left":T?"right":null,[E,T]),d=$=>{const F=$.target.value;H(F),n(F)},g=()=>{Z||(Y(!0),s(!0))},j=()=>{Y(!1),s(!1)},N=$=>{$.stopPropagation(),H(""),n("")},A=()=>{o(K)},R=[p,h&&"readonly",v&&"underline",b&&"round",y&&"transparent",S&&"compact",O&&"fluid",(E||T||x)&&"icon",X,L&&"badge",k&&"unit",z&&"disabled",M&&"labeled",M&&(M.pos||"right"),q&&"button",q&&(q.pos||"right"),l==="textarea"&&J?"short":""].filter($=>!!$).join(" ");return u.jsxs("div",{className:`be-input ${r} ${R}`,"data-unit":k,children:[E&&u.jsx("i",{className:`icon ${E}`}),l==="input"?u.jsx("input",{type:c,value:K,onChange:d,placeholder:m,className:`align-${f}`,ref:D,onClick:g,onBlur:j,readOnly:h,disabled:z}):u.jsx("textarea",{value:K,onChange:d,rows:3,placeholder:m,ref:D,onBlur:j,readOnly:h,disabled:z}),x&&u.jsx("i",{className:`icon clear-btn xi-close ${K===""?"disabled":""}`,onClick:N}),T?u.jsx("i",{className:`icon ${T}`}):L?u.jsx("span",{className:`be-badge ${V||""}`,children:L}):null,M?e||u.jsx("div",{className:`label ${M.option}`,children:e||M.contents}):q?e||u.jsx("button",{className:`be-button ${q.option}`,onClick:A,children:q.contents}):null]})},Xn=({children:e,value:t=0,className:r="",onChange:n=()=>{},onFocus:s=()=>{},ref:o,...i})=>{const{status:a=null,placeholder:l="0",readonly:c=!1,underline:f=!1,round:p=!1,transparent:m=!1,compact:h=!1,fluid:b=!1,iconLeft:v=null,iconRight:y=null,step:S=1,controller:O="between",min:E=null,max:T=null,incIcon:x="xi-plus",decIcon:L="xi-minus",disabled:V=!1,width:z=null}=i,[k,M]=w.useState(t),[q,J]=w.useState(!1),K=w.useRef(null),H=N=>{K.current=N,o&&(typeof o=="function"?o(N):o.current=N)};w.useEffect(()=>{E&&t<E&&M(E),T&&t>T&&M(T)},[t,E,T]);const Z=w.useMemo(()=>v&&conRight?"both":v?"left":y?"right":"",[v,y]),Y=N=>{const A=N.target.value;M(parseInt(A)),n(parseInt(A))},G=()=>{q||(J(!0),s(!0))},D=()=>{J(!1),s(!1)},X=()=>{T&&k+S>T||(M(k+S),n(k+S))},d=()=>{E&&k-S<E||(M(k-S),n(k-S))},g=N=>{V||(N.keyCode===38&&X(),N.keyCode===40&&d())},j=[a,c&&"readonly",f&&"underline",p&&"round",m&&"transparent",h&&"compact",b&&"fluid",(v||y)&&"icon",Z,V&&"disabled",O].filter(N=>!!N).join(" ");return u.jsxs("div",{className:`be-input button number ${r} ${j}`,tabIndex:"-1",style:z?{width:`${z}px`}:{},onKeyDown:g,children:[e,v&&u.jsx("i",{className:`icon ${v}`}),u.jsx("input",{type:"number",value:k,onChange:Y,placeholder:l,ref:H,onClick:G,onBlur:D,readOnly:c,disabled:V}),y&&u.jsx("i",{className:`icon ${y}`}),u.jsx("button",{className:`be-button compact icon dec ${V?"disabled":""}`,onClick:d,children:u.jsx("i",{className:`icon ${L}`})}),u.jsx("button",{className:`be-button compact icon inc ${V?"disabled":""}`,onClick:X,children:u.jsx("i",{className:`icon ${x}`})})]})},Jn=({children:e,...t})=>{const{divide:r=null,md:n=null,sm:s=null,xs:o=null,justify:i=null,align:a=null,leftSide:l=null,rightSide:c=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}`,l&&"left-side",c&&"right-side"].filter(p=>!!p).join(" ");return u.jsx("div",{className:`be-grid ${f}`,children:e})},Kn=({children:e})=>u.jsx("div",{className:"rows",children:e}),Zn=({children:e,span:t,spanName:r,offset:n,order:s,md:o,sm:i,xs:a,offset_md:l,offset_sm:c,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}`,l&&`offset-md-${l}`,c&&`offset-sm-${c}`,f&&`offset-xs-${f}`].filter(m=>!!m).join(" ");return u.jsx("div",{className:`column ${p}`,children:e})},Qn=({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]}),er=({children:e,...t})=>{const{divide:r=null,md:n=null,sm:s=null,xs:o=null,justify:i=null,align:a=null,leftSide:l=null,rightSide:c=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}`,l&&"left-side",c&&"right-side"].filter(p=>!!p).join(" ");return u.jsx("div",{className:`fields ${f}`,children:e})},tr=({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]}),nr=({children:e,...t})=>{const{contents:r="",className:n="",brand:s=null,state:o=null,color:i=null,mark:a=!1,shadow:l=!0,align:c="center",icon:f=null}=t,p=[s,o,i,a&&"mark",l&&"shadow",c&&`align-${c}`,f&&"icon"].filter(Boolean).join(" ");return u.jsx("div",{className:`be-badge ${n} ${p}`,children:e||u.jsx(u.Fragment,{children:f?u.jsx("i",{className:`icon ${f}`}):r})})},Ie=({children:e,className:t="",onChange:r=()=>{},...n})=>{const{labelText:s="",type:o="checkbox",inputType:i="checkbox",group:a="",name:l="",indeter:c=!1,checked:f=!1}=n,[p,m]=w.useState(f);w.useEffect(()=>{m(f)},[f]);const h=[o,c&&"indeter"].filter(v=>!!v).join(" "),b=v=>{const y=v.target.checked;m(y),r(l,y)};return u.jsxs("div",{className:`be-checkbox ${t} ${h} ${p?"checked":""}`,children:[u.jsx("label",{htmlFor:l,children:e||s}),u.jsx("input",{name:o==="radio"?a:l,id:l,type:i,onChange:b,checked:p})]})},rr=({children:e,onChange:t=()=>{},className:r="",checkboxList:n=[],checkedList:s=[]})=>{const[o,i]=w.useState(s),a=(l,c)=>{const f=new Set(o);c?f.add(l):f.delete(l),i([...f]),t([...f])};return u.jsx("div",{className:`be-checkbox-group ${r}`,children:e||u.jsx(u.Fragment,{children:n.map(l=>u.jsx(Ie,{name:l.name,onChange:a,checked:o.includes(l.name),children:l.label||l.name},l.name))})})},sr=({children:e,className:t="",onChange:r=()=>{},group:n="",radioList:s=[],selectedValue:o=""})=>{const[i,a]=w.useState(o),l=(c,f)=>{f&&(a(c),r(c))};return u.jsx("div",{className:`be-radio ${t}`,children:e||u.jsx(u.Fragment,{children:s.map(c=>u.jsx(Ie,{type:"radio",inputType:"radio",name:c.name,group:n,checked:i===c.name,onChange:l,children:c.label||c.name},c.name))})})},or={success:"xi-check-circle",info:"xi-info",error:"xi-emoticon-devil",danger:"xi-emoticon-devil",attention:"xi-warning",importance:"xi-star"},ir=({children:e,className:t="",onClick:r=()=>{},...n})=>{const{title:s="",contents:o="",icon:i=!1,state:a=null,selected:l=!1,disabled:c=!1}=n,f=[i&&"icon",a,l&&"selected",c&&"disabled"].filter(h=>!!h).join(" "),p=w.useMemo(()=>a?or[a]:i,[a,i]),m=h=>{r(h)};return u.jsxs("div",{className:`be-message ${t} ${f}`,onClick:m,children:[i&&u.jsx("i",{className:`icon ${p}`}),e||u.jsxs(u.Fragment,{children:[u.jsx("div",{className:"title",children:s}),o&&u.jsx("div",{className:"contents",children:o})]})]})},ar=({children:e,className:t="",onClick:r=()=>{},...n})=>{const{title:s="",contents:o="",border:i=!1,toggleIcon:a="xi-angle-down",iconPos:l="left",open:c=!1,collapse:f=!1,maxLine:p=5}=n,[m,h]=w.useState(c),b=[i&&"border",f&&"collapse",a&&"icon",l].filter(y=>!!y).join(" "),v=()=>{const y=!m;h(y),r(y)};return u.jsxs("div",{className:`be-panel ${t} ${b} ${m?"open":""}`,children:[u.jsxs("div",{className:"panel-header",onClick:v,children:[u.jsx("div",{className:"title",children:s}),f&&a&&u.jsx("i",{className:`icon ${a}`})]}),u.jsx("div",{className:"panel-content",style:{"--max-height":`${p*1.5+1}em`},children:u.jsx("div",{className:"content-wrapper",children:e||o})})]})},lr=({children:e,className:t="",onChange:r=()=>{},...n})=>{const{type:s="slide",inside:o=!1,round:i=!1,onText:a="ON",offText:l="OFF",color:c=null,checked:f=!1,disabled:p=!1}=n,[m,h]=w.useState(f),b=[s,o&&"inside",i&&"round",c,p&&"disabled"].filter(y=>!!y).join(" "),v=()=>{const y=!m;h(y),r(y)};return u.jsxs("div",{className:`be-switch ${t} ${b}`,onClick:v,children:[u.jsx("input",{type:"checkbox",onChange:v,checked:m}),s==="slide"?u.jsx("div",{className:"switch"}):u.jsx(u.Fragment,{children:e||u.jsxs(u.Fragment,{children:[u.jsx("span",{className:`on ${m&&"active"}`,children:a}),u.jsx("span",{className:`off ${!m&&"active"}`,children:l})]})})]})},cr=({children:e,className:t="",onSelect:r=()=>{},...n})=>{const{columns:s=[],values:o=[],headAlign:i="center",border:a=!1,gridType:l=null,divideNum:c=3,selection:f=!1,striped:p=null}=n,m=w.useMemo(()=>l==="divide"?`divide-${c}`:l,[l,c]),h=[a&&"border",f&&"selection",p&&`striped ${p}`,m].filter(v=>!!v).join(" "),b=v=>{f&&r(v,o[v])};return u.jsx("table",{className:`be-table ${t} ${h}`,children:e||u.jsxs(u.Fragment,{children:[u.jsx("thead",{className:`align-${i}`,children:u.jsx("tr",{children:s.map(v=>u.jsx("th",{className:`align-${i}`,children:v.name},v.key))})}),u.jsx("tbody",{children:o.map((v,y)=>u.jsx("tr",{className:"",onClick:()=>b(y),children:s.map(S=>u.jsx("td",{className:`align-${S.align||"center"} col-${S.col}`,children:u.jsx("div",{className:"cell",children:v[S.key]})},`cell-${y}-${S.key}`))},`row-${y}`))})]})})},ur=({children:e,className:t="",onClick:r=()=>{},...n})=>{const{type:s="label",color:o=null,light:i=!1,round:a=!1,icon:l=null,iconPos:c=null,pointDirect:f="up",disabled:p=!1,isMeta:m=!1,keyType:h=""}=n,b=[s,o,i&&"light",a&&"round",l&&"icon",s==="pointing"&&f,s==="kbd"&&m&&"meta",s==="kbd"&&h,p&&"disabled"].filter(Boolean).join(" "),v=y=>{p||r(y)};return u.jsxs("span",{className:`be-tag ${t} ${b}`,onClick:v,children:[l&&c!=="right"&&u.jsx("i",{className:`icon ${c} ${l}`}),(s==="label"||s==="pointing"||s==="kbd")&&e,l&&c==="right"&&u.jsx("i",{className:`icon right ${l}`})]})},fr=({children:e,className:t="",surf:r,border:n,float:s,align:o="left",round:i="l"})=>{const a=[r&&"surface",n&&"border",s&&"float",o&&`align-${o}`,`round-${i}`].filter(l=>!!l).join(" ");return u.jsx("div",{className:`be-segment ${a}`,children:u.jsx("div",{className:"contents",children:e})})},Oe=(e,t)=>{const r={};return w.Children.forEach(e,n=>{if(w.isValidElement(n)){const s=n.props.name;s&&t.includes(s)&&(r[s]=n.props.children)}}),r},dr=({children:e,className:t="",title:r,surf:n,border:s=!0,float:o,align:i,round:a="l"})=>{const l=Oe(e,["image","header","contents","extra","footer"]),c=[n&&"surface",s&&"border",o&&"float",i&&`align-${i}`,`round-${a}`,l.header||l.footer&&"atteched"].filter(f=>!!f).join(" ");return u.jsxs("div",{className:`be-card ${t} ${c}`,children:[l.header&&u.jsx("div",{className:"header",children:l.header}),l.image&&u.jsx("div",{className:"image",children:l.image}),l.contents?u.jsxs("div",{className:"contents",children:[r&&u.jsx("div",{className:"title",children:r}),l.contents]}):e,l.extra&&u.jsx("div",{className:"extra",children:l.extra}),l.footer&&u.jsx("div",{className:"footer",children:l.footer})]})},xe=({children:e,className:t="",surf:r,border:n=!0,float:s,align:o,round:i="l"})=>{const a=[r&&"surface",n&&"border",s&&"float",o&&`align-${o}`,`round-${i}`].filter(l=>!!l).join(" ");return u.jsx("div",{className:`be-card ${t} ${a}`,children:e})},pr=({children:e})=>u.jsx("div",{className:"header",children:e}),mr=({children:e})=>u.jsx("div",{className:"footer",children:e}),hr=({children:e})=>u.jsx("div",{className:"extra",children:e}),vr=({...e})=>u.jsx("div",{className:"image",children:u.jsx("img",{...e})}),gr=({children:e,...t})=>u.jsxs("div",{className:"contents",children:[t.title&&u.jsx("div",{className:"title",children:t.title}),e]});xe.Header=pr,xe.Footer=mr,xe.Extra=hr,xe.Image=vr,xe.Contents=gr;const xr=({children:e,className:t="",onChange:r=()=>{},options:n=[],selection:s=!1,selectedType:o="bg",icon:i=!1,image:a=!1,border:l=!1,itemClass:c=""})=>{const[f,p]=w.useState(null),m=[s&&"selection",l&&"border",o].filter(b=>!!b).join(" "),h=b=>{p(b),r(b)};return u.jsx("div",{className:`be-list ${t} ${m}`,children:e||u.jsx(u.Fragment,{children:n.map(b=>u.jsxs("div",{className:`item ${c} ${f&&f.option===b.option?"selected":""}`,onClick:()=>h(b),children:[a?u.jsx("div",{className:"item-img",children:b.image&&u.jsx("img",{src:b.image,alt:b.option})}):i?u.jsx("i",{className:`icon list-icon ${b.icon}`}):null,u.jsxs("div",{className:"item-title",children:[b.option,b.sub&&u.jsx("div",{className:"sub-title",children:b.sub})]})]},b.id||b.option))})})},br=({onChange:e=()=>{},ref:t,className:r="",type:n="number",...s})=>{const{round:o=!1,compact:i=!1,border:a=!1,align:l="left",limits:c=5,currentPage:f=1,pageLength:p=1,itemClass:m="",ellipsis:h=!1,color:b=null,firstText:v="F",lastText:y="L",activeType:S="button"}=s,O=w.useRef(null),[E,T]=w.useState(f),[x,L]=w.useState(p),V=g=>{O.current=g,t&&(typeof t=="function"?t(g):t.current=g)},z=w.useMemo(()=>p<=c||!c,[p,c]),k=w.useMemo(()=>Math.max(E-Math.ceil(c*.5)+1,1),[E,c]),M=w.useMemo(()=>E>Math.floor(c/2)+2&&c<x,[E,c,x]),q=w.useMemo(()=>E<=x-c&&c<x,[E,c,x]),J=w.useMemo(()=>E-1<=0,[E]),K=w.useMemo(()=>E+1>x,[E,x]),H=w.useMemo(()=>{let g,j;if(z)j=new Array(p).fill(1).map((N,A)=>N+A);else if(h){g=2;const N=Math.floor(c/2);M&&(g=E-N),!q&&M&&(g=x-c),j=new Array(c).fill(g).map((A,R)=>A+R)}else g=Math.min(k,p-c+1),j=new Array(c).fill(g).map((N,A)=>N+A);return j},[z,p,h,c,x,E,M,q,k]);w.useEffect(()=>{O.current.focus(),L(p)},[p]);const Z=g=>{g>x||g<=0||(T(g),e(g))},Y=()=>{J||Z(E-1)},G=()=>{K||Z(E+1)},D=()=>{const g=E-c<=0?E-1:E-c;Z(g)},X=()=>{const g=E+c>x?E+1:E+c;Z(g)},d=[n,S,a&&"border",o&&"round",i&&"compact",l&&`align-${l}`,b].filter(g=>!!g).join(" ");return u.jsxs("div",{className:`be-pagination ${r} ${d}`,ref:V,tabIndex:-1,children:[!h&&!z&&u.jsx("div",{className:`${m} pagination-nav first ${J&&"disabled"}`,onClick:()=>Z(1),children:v.indexOf("xi")>-1?u.jsx("i",{className:v}):v}),u.jsx("div",{className:`${m} pagination-nav prev ${J&&"disabled"}`,onClick:Y,children:u.jsx("i",{className:"xi-angle-left"})}),h&&u.jsxs(u.Fragment,{children:[u.jsx("div",{className:`${m} pagination-num ${E===1&&"active"}`,onClick:()=>Z(1),children:"1"}),M&&u.jsx("div",{className:`${m} pagination-num`,onClick:D,children:u.jsx("i",{className:"xi-ellipsis-h"})})]}),u.jsx("div",{className:"pagination-page-wrapper",children:u.jsx(yr,{type:n,itemClass:m,pageList:H,current:E,last:x,onClick:Z})}),h&&c<p&&u.jsxs(u.Fragment,{children:[q&&u.jsx("div",{className:`${m} pagination-nav`,onClick:X,children:u.jsx("i",{className:"xi-ellipsis-h"})}),u.jsx("div",{className:`${m} pagination-num ${x===E&&"active"}`,onClick:()=>Z(x),children:x})]}),u.jsx("div",{className:`${m} pagination-nav next ${K&&"disabled"}`,onClick:G,children:u.jsx("i",{className:"xi-angle-right"})}),!h&&!z&&u.jsx("div",{className:`${m} pagination-nav last ${K&&"disabled"}`,onClick:()=>Z(x),children:y.indexOf("xi")>-1?u.jsx("i",{className:y}):y})]})};function yr({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 Er=({className:e="",onChange:t=()=>{},resultValue:r=null,...n})=>{const{trackType:s="normal",min:o=0,max:i=100,unitText:a=null,showStep:l=!1,stepSize:c=10,showLabel:f=!1,showValue:p=!1,showTooltip:m=!1,disabled:h=!1,color:b=null}=n,v=w.useRef(null),y=w.useRef(null),[S,O]=w.useState(0),[E,T]=w.useState(!1),[x,L]=w.useState(null),[V,z]=w.useState(null),[k,M]=w.useState(500),q=w.useMemo(()=>({width:`${S}px`,left:"0%"}),[S]),J=w.useMemo(()=>({left:`${S}px`}),[S]),K=w.useMemo(()=>Math.ceil((i-o)*(S/k))+o+a,[i,o,S,k,a]),H=w.useMemo(()=>(i-o)/c,[o,i,c]),Z=w.useMemo(()=>100/H,[H]),Y=w.useCallback(R=>(R-o)/(i-o),[o,i]),G=w.useCallback(R=>k*Y(R),[k,Y]),D=w.useCallback(()=>{r>i?O(G(i)):r<o?O(G(o)):O(G(r))},[r,i,o,G]),X=R=>{const $=V+R;return $<0?0:$>k?k:$},d=({target:R,pageX:$})=>{R.classList.contains("control-btn")?(L($),z(y.current.offsetWidth),T(!0),window.addEventListener("mousemove",j),window.addEventListener("mouseup",g)):O(X($-x))},g=({target:R,pageX:$})=>{R.classList.contains("control-btn")&&O(X($-x)),t(K),T(!1),window.removeEventListener("mousemove",j),window.removeEventListener("mouseup",g)},j=({pageX:R})=>{O(X(R-x))},N=({target:R})=>{console.log(R)};w.useEffect(()=>{let R;if(v.current){const $=v.current.getBoundingClientRect();M($.width),L($.left),D(),R=new ResizeObserver(F=>{for(const C of F){const I=C.contentRect;M(I.width),D()}}),R.observe(v.current)}return()=>{R&&v.current&&R.disconnect()}},[v,D]),w.useEffect(()=>{D()},[D]);const A=[s,h&&"disabled",f&&"labeled"].filter(R=>!!R).join(" ");return u.jsxs("div",{className:`be-slider ${e} ${A}`,ref:v,onMouseDown:d,onMouseUp:g,children:[u.jsx("div",{className:`result-slider primary ${b&&`be-${b}`}`,ref:y,style:q}),l&&Array.from({length:H}).map((R,$)=>u.jsx("div",{className:"break-point",style:{left:`${($+1)*Z}%`},onClick:F=>{F.stopPropagation(),N()}},$)),u.jsx("div",{className:`control-btn ${E&&"catching"}`,style:J,children:m&&u.jsx("div",{className:"tooltip",children:K})}),p&&u.jsx("div",{className:"label-text",children:u.jsxs("div",{className:"current-label",style:{left:`${S}px`},children:[K,a]})}),f&&u.jsxs("div",{className:"label-text",children:[u.jsxs("div",{className:"start-label",children:[o,a]}),u.jsxs("div",{className:"end-label",children:[i,a]})]})]})};function Me(){return Me=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},Me.apply(null,arguments)}function Pt(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 tt(e,t){return tt=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(r,n){return r.__proto__=n,r},tt(e,t)}function At(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,tt(e,t)}var De={exports:{}},Le={exports:{}},Q={};/** @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 kt;function wr(){if(kt)return Q;kt=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,l=e?Symbol.for("react.async_mode"):60111,c=e?Symbol.for("react.concurrent_mode"):60111,f=e?Symbol.for("react.forward_ref"):60112,p=e?Symbol.for("react.suspense"):60113,m=e?Symbol.for("react.suspense_list"):60120,h=e?Symbol.for("react.memo"):60115,b=e?Symbol.for("react.lazy"):60116,v=e?Symbol.for("react.block"):60121,y=e?Symbol.for("react.fundamental"):60117,S=e?Symbol.for("react.responder"):60118,O=e?Symbol.for("react.scope"):60119;function E(x){if(typeof x=="object"&&x!==null){var L=x.$$typeof;switch(L){case t:switch(x=x.type,x){case l:case c:case n:case o:case s:case p:return x;default:switch(x=x&&x.$$typeof,x){case a:case f:case b:case h:case i:return x;default:return L}}case r:return L}}}function T(x){return E(x)===c}return Q.AsyncMode=l,Q.ConcurrentMode=c,Q.ContextConsumer=a,Q.ContextProvider=i,Q.Element=t,Q.ForwardRef=f,Q.Fragment=n,Q.Lazy=b,Q.Memo=h,Q.Portal=r,Q.Profiler=o,Q.StrictMode=s,Q.Suspense=p,Q.isAsyncMode=function(x){return T(x)||E(x)===l},Q.isConcurrentMode=T,Q.isContextConsumer=function(x){return E(x)===a},Q.isContextProvider=function(x){return E(x)===i},Q.isElement=function(x){return typeof x=="object"&&x!==null&&x.$$typeof===t},Q.isForwardRef=function(x){return E(x)===f},Q.isFragment=function(x){return E(x)===n},Q.isLazy=function(x){return E(x)===b},Q.isMemo=function(x){return E(x)===h},Q.isPortal=function(x){return E(x)===r},Q.isProfiler=function(x){return E(x)===o},Q.isStrictMode=function(x){return E(x)===s},Q.isSuspense=function(x){return E(x)===p},Q.isValidElementType=function(x){return typeof x=="string"||typeof x=="function"||x===n||x===c||x===o||x===s||x===p||x===m||typeof x=="object"&&x!==null&&(x.$$typeof===b||x.$$typeof===h||x.$$typeof===i||x.$$typeof===a||x.$$typeof===f||x.$$typeof===y||x.$$typeof===S||x.$$typeof===O||x.$$typeof===v)},Q.typeOf=E,Q}var ee={};/** @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 _t;function Sr(){return _t||(_t=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,l=e?Symbol.for("react.async_mode"):60111,c=e?Symbol.for("react.concurrent_mode"):60111,f=e?Symbol.for("react.forward_ref"):60112,p=e?Symbol.for("react.suspense"):60113,m=e?Symbol.for("react.suspense_list"):60120,h=e?Symbol.for("react.memo"):60115,b=e?Symbol.for("react.lazy"):60116,v=e?Symbol.for("react.block"):60121,y=e?Symbol.for("react.fundamental"):60117,S=e?Symbol.for("react.responder"):60118,O=e?Symbol.for("react.scope"):60119;function E(P){return typeof P=="string"||typeof P=="function"||P===n||P===c||P===o||P===s||P===p||P===m||typeof P=="object"&&P!==null&&(P.$$typeof===b||P.$$typeof===h||P.$$typeof===i||P.$$typeof===a||P.$$typeof===f||P.$$typeof===y||P.$$typeof===S||P.$$typeof===O||P.$$typeof===v)}function T(P){if(typeof P=="object"&&P!==null){var ce=P.$$typeof;switch(ce){case t:var et=P.type;switch(et){case l:case c:case n:case o:case s:case p:return et;default:var Vn=et&&et.$$typeof;switch(Vn){case a:case f:case b:case h:case i:return Vn;default:return ce}}case r:return ce}}}var x=l,L=c,V=a,z=i,k=t,M=f,q=n,J=b,K=h,H=r,Z=o,Y=s,G=p,D=!1;function X(P){return D||(D=!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(P)||T(P)===l}function d(P){return T(P)===c}function g(P){return T(P)===a}function j(P){return T(P)===i}function N(P){return typeof P=="object"&&P!==null&&P.$$typeof===t}function A(P){return T(P)===f}function R(P){return T(P)===n}function $(P){return T(P)===b}function F(P){return T(P)===h}function C(P){return T(P)===r}function I(P){return T(P)===o}function U(P){return T(P)===s}function ne(P){return T(P)===p}ee.AsyncMode=x,ee.ConcurrentMode=L,ee.ContextConsumer=V,ee.ContextProvider=z,ee.Element=k,ee.ForwardRef=M,ee.Fragment=q,ee.Lazy=J,ee.Memo=K,ee.Portal=H,ee.Profiler=Z,ee.StrictMode=Y,ee.Suspense=G,ee.isAsyncMode=X,ee.isConcurrentMode=d,ee.isContextConsumer=g,ee.isContextProvider=j,ee.isElement=N,ee.isForwardRef=A,ee.isFragment=R,ee.isLazy=$,ee.isMemo=F,ee.isPortal=C,ee.isProfiler=I,ee.isStrictMode=U,ee.isSuspense=ne,ee.isValidElementType=E,ee.typeOf=T}()),ee}var It;function Mt(){return It||(It=1,process.env.NODE_ENV==="production"?Le.exports=wr():Le.exports=Sr()),Le.exports}/*
object-assign
(c) Sindre Sorhus
@license MIT
*/var nt,Dt;function Cr(){if(Dt)return nt;Dt=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 l=Object.getOwnPropertyNames(i).map(function(f){return i[f]});if(l.join("")!=="0123456789")return!1;var c={};return"abcdefghijklmnopqrst".split("").forEach(function(f){c[f]=f}),Object.keys(Object.assign({},c)).join("")==="abcdefghijklmnopqrst"}catch{return!1}}return nt=s()?Object.assign:function(o,i){for(var a,l=n(o),c,f=1;f<arguments.length;f++){a=Object(arguments[f]);for(var p in a)t.call(a,p)&&(l[p]=a[p]);if(e){c=e(a);for(var m=0;m<c.length;m++)r.call(a,c[m])&&(l[c[m]]=a[c[m]])}}return l},nt}var rt,Lt;function st(){if(Lt)return rt;Lt=1;var e="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";return rt=e,rt}var ot,Ft;function Bt(){return Ft||(Ft=1,ot=Function.call.bind(Object.prototype.hasOwnProperty)),ot}var it,Wt;function Tr(){if(Wt)return it;Wt=1;var e=function(){};if(process.env.NODE_ENV!=="production"){var t=st(),r={},n=Bt();e=function(o){var i="Warning: "+o;typeof console<"u"&&console.error(i);try{throw new Error(i)}catch{}}}function s(o,i,a,l,c){if(process.env.NODE_ENV!=="production"){for(var f in o)if(n(o,f)){var p;try{if(typeof o[f]!="function"){var m=Error((l||"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 m.name="Invariant Violation",m}p=o[f](i,f,l,a,null,t)}catch(b){p=b}if(p&&!(p instanceof Error)&&e((l||"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 h=c?c():"";e("Failed "+a+" type: "+p.message+(h??""))}}}}return s.resetWarningCache=function(){process.env.NODE_ENV!=="production"&&(r={})},it=s,it}var at,Vt;function Nr(){if(Vt)return at;Vt=1;var e=Mt(),t=Cr(),r=st(),n=Bt(),s=Tr(),o=function(){};process.env.NODE_ENV!=="production"&&(o=function(a){var l="Warning: "+a;typeof console<"u"&&console.error(l);try{throw new Error(l)}catch{}});function i(){return null}return at=function(a,l){var c=typeof Symbol=="function"&&Symbol.iterator,f="@@iterator";function p(d){var g=d&&(c&&d[c]||d[f]);if(typeof g=="function")return g}var m="<<anonymous>>",h={array:S("array"),bigint:S("bigint"),bool:S("boolean"),func:S("function"),number:S("number"),object:S("object"),string:S("string"),symbol:S("symbol"),any:O(),arrayOf:E,element:T(),elementType:x(),instanceOf:L,node:M(),objectOf:z,oneOf:V,oneOfType:k,shape:J,exact:K};function b(d,g){return d===g?d!==0||1/d===1/g:d!==d&&g!==g}function v(d,g){this.message=d,this.data=g&&typeof g=="object"?g:{},this.stack=""}v.prototype=Error.prototype;function y(d){if(process.env.NODE_ENV!=="production")var g={},j=0;function N(R,$,F,C,I,U,ne){if(C=C||m,U=U||F,ne!==r){if(l){var P=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 P.name="Invariant Violation",P}else if(process.env.NODE_ENV!=="production"&&typeof console<"u"){var ce=C+":"+F;!g[ce]&&j<3&&(o("You are manually calling a React.PropTypes validation function for the `"+U+"` prop on `"+C+"`. 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,j++)}}return $[F]==null?R?$[F]===null?new v("The "+I+" `"+U+"` is marked as required "+("in `"+C+"`, but its value is `null`.")):new v("The "+I+" `"+U+"` is marked as required in "+("`"+C+"`, but its value is `undefined`.")):null:d($,F,C,I,U)}var A=N.bind(null,!1);return A.isRequired=N.bind(null,!0),A}function S(d){function g(j,N,A,R,$,F){var C=j[N],I=Y(C);if(I!==d){var U=G(C);return new v("Invalid "+R+" `"+$+"` of type "+("`"+U+"` supplied to `"+A+"`, expected ")+("`"+d+"`."),{expectedType:d})}return null}return y(g)}function O(){return y(i)}function E(d){function g(j,N,A,R,$){if(typeof d!="function")return new v("Property `"+$+"` of component `"+A+"` has invalid PropType notation inside arrayOf.");var F=j[N];if(!Array.isArray(F)){var C=Y(F);return new v("Invalid "+R+" `"+$+"` of type "+("`"+C+"` supplied to `"+A+"`, expected an array."))}for(var I=0;I<F.length;I++){var U=d(F,I,A,R,$+"["+I+"]",r);if(U instanceof Error)return U}return null}return y(g)}function T(){function d(g,j,N,A,R){var $=g[j];if(!a($)){var F=Y($);return new v("Invalid "+A+" `"+R+"` of type "+("`"+F+"` supplied to `"+N+"`, expected a single ReactElement."))}return null}return y(d)}function x(){function d(g,j,N,A,R){var $=g[j];if(!e.isValidElementType($)){var F=Y($);return new v("Invalid "+A+" `"+R+"` of type "+("`"+F+"` supplied to `"+N+"`, expected a single ReactElement type."))}return null}return y(d)}function L(d){function g(j,N,A,R,$){if(!(j[N]instanceof d)){var F=d.name||m,C=X(j[N]);return new v("Invalid "+R+" `"+$+"` of type "+("`"+C+"` supplied to `"+A+"`, expected ")+("instance of `"+F+"`."))}return null}return y(g)}function V(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(j,N,A,R,$){for(var F=j[N],C=0;C<d.length;C++)if(b(F,d[C]))return null;var I=JSON.stringify(d,function(ne,P){var ce=G(P);return ce==="symbol"?String(P):P});return new v("Invalid "+R+" `"+$+"` of value `"+String(F)+"` "+("supplied to `"+A+"`, expected one of "+I+"."))}return y(g)}function z(d){function g(j,N,A,R,$){if(typeof d!="function")return new v("Property `"+$+"` of component `"+A+"` has invalid PropType notation inside objectOf.");var F=j[N],C=Y(F);if(C!=="object")return new v("Invalid "+R+" `"+$+"` of type "+("`"+C+"` supplied to `"+A+"`, expected an object."));for(var I in F)if(n(F,I)){var U=d(F,I,A,R,$+"."+I,r);if(U instanceof Error)return U}return null}return y(g)}function k(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 j=d[g];if(typeof j!="function")return o("Invalid argument supplied to oneOfType. Expected an array of check functions, but received "+D(j)+" at index "+g+"."),i}function N(A,R,$,F,C){for(var I=[],U=0;U<d.length;U++){var ne=d[U],P=ne(A,R,$,F,C,r);if(P==null)return null;P.data&&n(P.data,"expectedType")&&I.push(P.data.expectedType)}var ce=I.length>0?", expected one of type ["+I.join(", ")+"]":"";return new v("Invalid "+F+" `"+C+"` supplied to "+("`"+$+"`"+ce+"."))}return y(N)}function M(){function d(g,j,N,A,R){return H(g[j])?null:new v("Invalid "+A+" `"+R+"` supplied to "+("`"+N+"`, expected a ReactNode."))}return y(d)}function q(d,g,j,N,A){return new v((d||"React class")+": "+g+" type `"+j+"."+N+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+A+"`.")}function J(d){function g(j,N,A,R,$){var F=j[N],C=Y(F);if(C!=="object")return new v("Invalid "+R+" `"+$+"` of type `"+C+"` "+("supplied to `"+A+"`, expected `object`."));for(var I in d){var U=d[I];if(typeof U!="function")return q(A,R,$,I,G(U));var ne=U(F,I,A,R,$+"."+I,r);if(ne)return ne}return null}return y(g)}function K(d){function g(j,N,A,R,$){var F=j[N],C=Y(F);if(C!=="object")return new v("Invalid "+R+" `"+$+"` of type `"+C+"` "+("supplied to `"+A+"`, expected `object`."));var I=t({},j[N],d);for(var U in I){var ne=d[U];if(n(d,U)&&typeof ne!="function")return q(A,R,$,U,G(ne));if(!ne)return new v("Invalid "+R+" `"+$+"` key `"+U+"` supplied to `"+A+"`.\nBad object: "+JSON.stringify(j[N],null," ")+`
Valid keys: `+JSON.stringify(Object.keys(d),null," "));var P=ne(F,U,A,R,$+"."+U,r);if(P)return P}return null}return y(g)}function H(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(H);if(d===null||a(d))return!0;var g=p(d);if(g){var j=g.call(d),N;if(g!==d.entries){for(;!(N=j.next()).done;)if(!H(N.value))return!1}else for(;!(N=j.next()).done;){var A=N.value;if(A&&!H(A[1]))return!1}}else return!1;return!0;default:return!1}}function Z(d,g){return d==="symbol"?!0:g?g["@@toStringTag"]==="Symbol"||typeof Symbol=="function"&&g instanceof Symbol:!1}function Y(d){var g=typeof d;return Array.isArray(d)?"array":d instanceof RegExp?"object":Z(g,d)?"symbol":g}function G(d){if(typeof d>"u"||d===null)return""+d;var g=Y(d);if(g==="object"){if(d instanceof Date)return"date";if(d instanceof RegExp)return"regexp"}return g}function D(d){var g=G(d);switch(g){case"array":case"object":return"an "+g;case"boolean":case"date":case"regexp":return"a "+g;default:return g}}function X(d){return!d.constructor||!d.constructor.name?m:d.constructor.name}return h.checkPropTypes=s,h.resetWarningCache=s.resetWarningCache,h.PropTypes=h,h},at}var lt,Yt;function jr(){if(Yt)return lt;Yt=1;var e=st();function t(){}function r(){}return r.resetWarningCache=t,lt=function(){function n(i,a,l,c,f,p){if(p!==e){var m=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 m.name="Invariant Violation",m}}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},lt}var qt;function Or(){if(qt)return De.exports;if(qt=1,process.env.NODE_ENV!=="production"){var e=Mt(),t=!0;De.exports=Nr()(e.isElement,t)}else De.exports=jr()();return De.exports}var Rr=Or();const B=Yn(Rr);function $r(e,t){return e.classList?!!t&&e.classList.contains(t):(" "+(e.className.baseVal||e.className)+" ").indexOf(" "+t+" ")!==-1}function Pr(e,t){e.classList?e.classList.add(t):$r(e,t)||(typeof e.className=="string"?e.className=e.className+" "+t:e.setAttribute("class",(e.className&&e.className.baseVal||"")+" "+t))}function Ut(e,t){return e.replace(new RegExp("(^|\\s)"+t+"(?:\\s|$)","g"),"$1").replace(/\s+/g," ").replace(/^\s*|\s*$/g,"")}function Ar(e,t){e.classList?e.classList.remove(t):typeof e.className=="string"?e.className=Ut(e.className,t):e.setAttribute("class",Ut(e.className&&e.className.baseVal||"",t))}const zt={disabled:!1};var kr=process.env.NODE_ENV!=="production"?B.oneOfType([B.number,B.shape({enter:B.number,exit:B.number,appear:B.number}).isRequired]):null,_r=process.env.NODE_ENV!=="production"?B.oneOfType([B.string,B.shape({enter:B.string,exit:B.string,active:B.string}),B.shape({enter:B.string,enterDone:B.string,enterActive:B.string,exit:B.string,exitDone:B.string,exitActive:B.string})]):null;const Ht=w.createContext(null);var Gt=function(t){return t.scrollTop},Re="unmounted",de="exited",pe="entering",be="entered",ct="exiting",oe=function(e){At(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,l;return o.appearStatus=null,n.in?a?(l=de,o.appearStatus=pe):l=be:n.unmountOnExit||n.mountOnEnter?l=Re:l=de,o.state={status:l},o.nextCallback=null,o}t.getDerivedStateFromProps=function(s,o){var i=s.in;return i&&o.status===Re?{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!==be&&(o=pe):(i===pe||i===be)&&(o=ct)}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:Te.findDOMNode(this);i&&Gt(i)}this.performEnter(s)}else this.performExit();else this.props.unmountOnExit&&this.state.status===de&&this.setState({status:Re})},r.performEnter=function(s){var o=this,i=this.props.enter,a=this.context?this.context.isMounting:s,l=this.props.nodeRef?[a]:[Te.findDOMNode(this),a],c=l[0],f=l[1],p=this.getTimeouts(),m=a?p.appear:p.enter;if(!s&&!i||zt.disabled){this.safeSetState({status:be},function(){o.props.onEntered(c)});return}this.props.onEnter(c,f),this.safeSetState({status:pe},function(){o.props.onEntering(c,f),o.onTransitionEnd(m,function(){o.safeSetState({status:be},function(){o.props.onEntered(c,f)})})})},r.performExit=function(){var s=this,o=this.props.exit,i=this.getTimeouts(),a=this.props.nodeRef?void 0:Te.findDOMNode(this);if(!o||zt.disabled){this.safeSetState({status:de},function(){s.props.onExited(a)});return}this.props.onExit(a),this.safeSetState({status:ct},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:Te.findDOMNode(this),a=s==null&&!this.props.addEndListener;if(!i||a){setTimeout(this.nextCallback,0);return}if(this.props.addEndListener){var l=this.props.nodeRef?[this.nextCallback]:[i,this.nextCallback],c=l[0],f=l[1];this.props.addEndListener(c,f)}s!=null&&setTimeout(this.nextCallback,s)},r.render=function(){var s=this.state.status;if(s===Re)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=Pt(o,["children","in","mountOnEnter","unmountOnExit","appear","enter","exit","timeout","addEndListener","onEnter","onEntering","onEntered","onExit","onExiting","onExited","nodeRef"]);return w.createElement(Ht.Provider,{value:null},typeof i=="function"?i(s,a):w.cloneElement(w.Children.only(i),a))},t}(w.Component);oe.contextType=Ht,oe.propTypes=process.env.NODE_ENV!=="production"?{nodeRef:B.shape({current:typeof Element>"u"?B.any:function(e,t,r,n,s,o){var i=e[t];return B.instanceOf(i&&"ownerDocument"in i?i.ownerDocument.defaultView.Element:Element)(e,t,r,n,s,o)}}),children:B.oneOfType([B.func.isRequired,B.element.isRequired]).isRequired,in:B.bool,mountOnEnter:B.bool,unmountOnExit:B.bool,appear:B.bool,enter:B.bool,exit:B.bool,timeout:function(t){var r=kr;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:B.func,onEnter:B.func,onEntering:B.func,onEntered:B.func,onExit:B.func,onExiting:B.func,onExited:B.func}:{};function ye(){}oe.defaultProps={in:!1,mountOnEnter:!1,unmountOnExit:!1,appear:!1,enter:!0,exit:!0,onEnter:ye,onEntering:ye,onEntered:ye,onExit:ye,onExiting:ye,onExited:ye},oe.UNMOUNTED=Re,oe.EXITED=de,oe.ENTERING=pe,oe.ENTERED=be,oe.EXITING=ct;var Ir=function(t,r){return t&&r&&r.split(" ").forEach(function(n){return Pr(t,n)})},ut=function(t,r){return t&&r&&r.split(" ").forEach(function(n){return Ar(t,n)})},Fe=function(e){At(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,l){var c=n.resolveArguments(a,l),f=c[0],p=c[1];n.removeClasses(f,"exit"),n.addClass(f,p?"appear":"enter","base"),n.props.onEnter&&n.props.onEnter(a,l)},n.onEntering=function(a,l){var c=n.resolveArguments(a,l),f=c[0],p=c[1],m=p?"appear":"enter";n.addClass(f,m,"active"),n.props.onEntering&&n.props.onEntering(a,l)},n.onEntered=function(a,l){var c=n.resolveArguments(a,l),f=c[0],p=c[1],m=p?"appear":"enter";n.removeClasses(f,m),n.addClass(f,m,"done"),n.props.onEntered&&n.props.onEntered(a,l)},n.onExit=function(a){var l=n.resolveArguments(a),c=l[0];n.removeClasses(c,"appear"),n.removeClasses(c,"enter"),n.addClass(c,"exit","base"),n.props.onExit&&n.props.onExit(a)},n.onExiting=function(a){var l=n.resolveArguments(a),c=l[0];n.addClass(c,"exit","active"),n.props.onExiting&&n.props.onExiting(a)},n.onExited=function(a){var l=n.resolveArguments(a),c=l[0];n.removeClasses(c,"exit"),n.addClass(c,"exit","done"),n.props.onExited&&n.props.onExited(a)},n.resolveArguments=function(a,l){return n.props.nodeRef?[n.props.nodeRef.current,a]:[a,l]},n.getClassNames=function(a){var l=n.props.classNames,c=typeof l=="string",f=c&&l?l+"-":"",p=c?""+f+a:l[a],m=c?p+"-active":l[a+"Active"],h=c?p+"-done":l[a+"Done"];return{baseClassName:p,activeClassName:m,doneClassName:h}},n}var r=t.prototype;return r.addClass=function(s,o,i){var a=this.getClassNames(o)[i+"ClassName"],l=this.getClassNames("enter"),c=l.doneClassName;o==="appear"&&i==="done"&&c&&(a+=" "+c),i==="active"&&s&&Gt(s),a&&(this.appliedClasses[o][i]=a,Ir(s,a))},r.removeClasses=function(s,o){var i=this.appliedClasses[o],a=i.base,l=i.active,c=i.done;this.appliedClasses[o]={},a&&ut(s,a),l&&ut(s,l),c&&ut