@hbuesing/ui-library 8.1.1 → 8.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
var d={fit:"Or",fontSmall:"Pr",fontMedium:"Qr",fontLarge:"Rr",dark:"Sr"};import Dr,{useEffect as Br,useRef as Mr}from"react";function l(t){let r=[];return t.forEach(e=>{!e||typeof e=="boolean"||r.push(...Array.isArray(e)?e:[e])}),r.join(" ")}var A={dialog:"e",small:"Tr",medium:"Ur",large:"Vr",title:"m",info:"Wr",success:"cr",warning:"hr",error:"vr",default:"Zr",content:"br",divider:"_r",controls:"H",start:"ri",end:"ii","space-between":"oi"};function $r(t){let{ariaModal:r,children:e,dark:o=!1,describedby:i,disableEscapeKey:s,labelledby:c,onCancel:a,onClickBackdrop:p,open:n,scrollable:u=!1,size:m}=t,b=Mr(null);Br(()=>(b.current?.addEventListener("keydown",v),b.current?.addEventListener("mousedown",w),n?(u||(document.body.style.paddingRight="15px",document.body.style.overflow="hidden"),b.current?.showModal()):(u||(document.body.style.paddingRight="",document.body.style.overflow=""),b.current?.close()),()=>{b.current?.removeEventListener("keydown",v),b.current?.removeEventListener("mousedown",w)}),[n]);function v(x){s&&x.key==="Escape"&&x.preventDefault()}function w(x){p&&x.target===x.currentTarget&&p()}return Dr.createElement("dialog",{ref:b,"aria-describedby":i,"aria-labelledby":c,"aria-modal":r,className:l([A.dialog,o&&d.dark,m&&A[m]]),onCancel:a,role:r?"alertdialog":"dialog"},e)}import Ar from"react";function Gr(t){let{children:r,color:e,id:o}=t;return Ar.createElement("div",{className:l([A.title,e&&A[e],d.fontLarge]),id:o},r)}import Or from"react";function Vr(t){let{children:r,divider:e=!1,id:o}=t;return Or.createElement("div",{className:l([A.content,e&&A.divider]),id:o},r)}import Hr from"react";function Kr(t){let{children:r,position:e="end"}=t;return Hr.createElement("div",{className:l([A.controls,A[e]])},r)}import{useLayoutEffect as qr}from"react";function B(t){qr(()=>{let r=document.createComment("Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.");t.current&&!t.current.innerHTML.includes("https://fontawesome.com License")&&t.current?.appendChild(r)},[])}import J,{useEffect as jr,useRef as hr}from"react";var S={toaster:"u",top:"li",bottom:"ai",centerX:"ei",centerY:"ti",centerXY:"ui",left:"ni",right:"si",toast:"k",fadeIn:"di",fadeOut:"ci",info:"hi",success:"vi",warning:"bi",error:"gi",closeButton:"gr"};function ur(t){let{action:r,closeCallback:e,dark:o=!1,dismissible:i,id:s,message:c,timeout:a,variant:p}=t,n=hr(null),u=hr(null);B(u),jr(()=>{if(setTimeout(()=>{n.current&&n.current.classList.add(S.fadeIn)}),a==="persistent")return;let b,v=setTimeout(()=>{n.current&&n.current.classList.replace(S.fadeIn,S.fadeOut),b=setTimeout(()=>{e()},500)},a);return()=>{clearTimeout(v),clearTimeout(b)}},[a,e]);function m(){n.current&&n.current.classList.replace(S.fadeIn,S.fadeOut),setTimeout(()=>{e()},500)}return J.createElement("div",{className:l([S.toast,p&&S[p],d.fontMedium,o&&d.dark]),id:s,ref:n,role:"status"},c,r&&J.createElement("div",null,r),i&&J.createElement("button",{className:S.closeButton,onClick:m},J.createElement("svg",{ref:u,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 384 512"},J.createElement("path",{d:"M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"}))))}import or,{createContext as Xr,useContext as Ur,useRef as vr,useState as _r}from"react";function I(){let t=new Uint32Array(2);return crypto.getRandomValues(t),`uil${t[0].toString(32)}${t[1].toString(16)}`}var Jr={queueToast:()=>{throw new Error("You must wrap your component tree with <ToastProvider> in order to use the queueToast function.")},closeToast:()=>{throw new Error("You must wrap your component tree with <ToastProvider> in order to use the closeToast function.")}},xr=Xr(Jr);function Qr(t){let{alignment:r={horizontal:"left",vertical:"bottom"},children:e,dark:o=!1,dismissible:i=!1,limit:s=4,timeout:c=5e3}=t,[a,p]=_r([]),n=vr(null),u=vr([]);function m(f,y){let{id:E,toast:L}=v(f,y),C=a.length+u.current.length;if(u.current.push(L),C>=s){for(let M=0;M<C-s+1;M++)w(a[M].props.id);n.current=new Promise(M=>{setTimeout(()=>{b(L),M(),n.current=null},500)})}else b(L);return E}function b(f){p(y=>(u.current=u.current.filter(E=>E!==f),[...y,f]))}function v(f,y){let E=I(),L={action:y?.action,closeCallback:()=>{x(E,y?.closeCallback)},dark:y?.dark??o,dismissible:y?.dismissible??i,id:E,message:f,timeout:y?.timeout??c,variant:y?.variant};return{id:E,toast:or.createElement(ur,{...L})}}function w(f){if(!f)return p([]);p(y=>y.filter(E=>E.props.id!==f))}function x(f,y){w(f),y?.()}function T(){let f=r.horizontal,y=r.vertical;return f==="center"&&y==="center"?[S.centerXY]:[f==="center"?S.centerX:S[f],y==="center"?S.centerY:S[y]]}return or.createElement(xr.Provider,{value:{queueToast:m,closeToast:w}},e,or.createElement("div",{className:l([S.toaster,T()])},a.map(f=>or.createElement(ur,{...f.props,key:f.props.id}))))}function Zr(){return Ur(xr)}import yr from"react";var F={checkWrapper:"v",label:"pr",check:"x",box:"pi",radio:"xr",radioCheck:"xi",checkmark:"S",radioWrapper:"T",row:"fi",column:"wi"};import Q from"react";function pr(t){let{checked:r,children:e,color:o,dark:i,disabled:s,id:c,name:a,onChange:p,value:n,...u}=t,m=c??I();function b(w){!s&&p&&p(w)}function v(){document.querySelector(`#${m}`).click()}return Q.createElement("div",{className:l([F.checkWrapper,i&&d.dark])},Q.createElement("div",{className:`${F.check} ${F.radio}`,onClick:()=>{v()}},Q.createElement("input",{id:m,name:a,type:"radio",value:n,checked:r,onChange:w=>{b(w)},disabled:s,tabIndex:s?-1:u.tabIndex??void 0,...u}),Q.createElement("div",{className:`${F.checkmark} ${F.radioCheck}`,style:s?void 0:{backgroundColor:o}})),e&&Q.createElement("label",{htmlFor:m,className:`${d.fontMedium} ${F.label}`},e))}function re(t){let{color:r,dark:e=!1,direction:o="column",disabled:i,name:s,onChange:c,options:a,selected:p}=t;function n(u){!i&&c&&c(u)}return yr.createElement("div",{className:l([F.radioWrapper,F[o]]),role:"radiogroup"},a.map((u,m)=>yr.createElement(pr,{key:m,dark:e,color:r,onChange:n,checked:p===u.value,disabled:i??u.disabled,name:s,...u},u.label)))}var N={pagination:"F",button:"D",svg:"fr",active:"mi"};var Y={pagination:"I",item:"wr",dots:"ki"};import W,{useRef as ir,useState as oe}from"react";function ie(t){let{activePage:r=1,ariaLabels:e,boundary:o=1,dark:i=!1,disablePrevButton:s=!1,disableNextButton:c=!1,disableFirstButton:a=!1,disableLastButton:p=!1,firstButton:n,lastButton:u,nextButton:m,onChange:b,pages:v,prevButton:w,siblings:x=1}=t;if(o<=0||o>v)throw new Error(`<Pagination/> received an invalid boundary. Expected boundary to be greater than 0 and smaller or equal to pages (${v}), but got: ${o}`);if(r<1||r>v)throw new Error(`<Pagination/> activePage out of bounds. Expected activePage to be greater than 0 and smaller or equal to pages (${v}), but got: ${r}`);let[T,f]=oe(r),y=Math.max(Math.min(T-x,v-o-x*2-1),o+2),E=Math.min(Math.max(T+x,o+x*2+2),v-o-1),L=[...new Set([...M(1,o),...y>o+2?["ellipsis-a"]:o<v-o?[o+1]:[],...M(y,E),...E<v-o-1?["ellipsis-b"]:v-o>o?[v-o]:[],...M(v-o+1,v)])],C=[ir(null),ir(null),ir(null),ir(null)];C.forEach(B);function M(g,P){let Fr=P-g+1;return Array.from({length:Fr},(He,Lr)=>g+Lr)}function h(g){f(g),b?.(g)}return W.createElement("nav",{className:l([i&&d.dark])},W.createElement("ul",{className:l([N.pagination,Y.pagination])},!a&&W.createElement("li",{className:Y.item},W.createElement("button",{className:N.button,onClick:()=>{h(1)},disabled:T<=1,"aria-label":e?.first??"Go to first page"},n??W.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512",ref:C[0],className:N.svg},W.createElement("path",{d:"M41.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.3 256 246.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160zm352-160l-160 160c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L301.3 256 438.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0z"})))),!s&&W.createElement("li",{className:Y.item},W.createElement("button",{className:N.button,onClick:()=>{h(T-1)},disabled:T<=1,"aria-label":e?.prev??"Go to previous page"},w??W.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 320 512",ref:C[1],className:N.svg},W.createElement("path",{d:"M41.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.3 256 246.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z"})))),L.map((g,P)=>W.createElement("li",{key:P,className:Y.item},typeof g=="number"?W.createElement("button",{className:l([T===g&&N.active,N.button]),onClick:()=>{h(g)},"aria-label":e?.page?`${e.page} ${g}`:`Go to page ${g}`},g):W.createElement("svg",{className:Y.dots,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},W.createElement("circle",{cx:4,cy:14,r:1}),W.createElement("circle",{cx:12,cy:14,r:1}),W.createElement("circle",{cx:20,cy:14,r:1})))),!c&&W.createElement("li",{className:Y.item},W.createElement("button",{className:N.button,onClick:()=>{h(T+1)},disabled:T>=v,"aria-label":e?.next??"Go to next page"},m??W.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 320 512",ref:C[2],className:N.svg},W.createElement("path",{d:"M278.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L210.7 256 73.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z"})))),!p&&W.createElement("li",{className:Y.item},W.createElement("button",{className:N.button,onClick:()=>{h(v)},disabled:T>=v,"aria-label":e?.last??"Go to last page"},u??W.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512",ref:C[3],className:N.svg},W.createElement("path",{d:"M470.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 256 265.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160zm-352 160l160-160c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L210.7 256 73.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0z"}))))))}var z={circularProgress:"Y",indeterminate:"mr",rotate:"kr",spinner:"E",spinning:"yr",info:"U",success:"V",warning:"W",error:"Z",linearProgress:"g",custom:"yi",progressBar:"A",first:"zi",moving:"zr",second:"Fi","moving-alt":"Fr"};function $(t){return typeof t=="string"&&["info","success","warning","error"].includes(t)}import dr from"react";function le(t){let{color:r="info",dark:e,size:o,value:i}=t;if(typeof i=="number"&&(i>100||i<0))throw new Error(`invalid value. Expected 100 >= value >= 0, but got ${i}`);let s=$(r);return dr.createElement("div",{"aria-valuenow":i,className:l([z.circularProgress,typeof i!="number"&&z.indeterminate,e&&d.dark]),role:"progressbar",style:{width:o,height:o},"aria-label":t["aria-label"]??"Circular progressbar"},dr.createElement("svg",{viewBox:"0 0 40 40"},dr.createElement("circle",{className:l([z.spinner,s&&z[r]]),cx:20,cy:20,fill:"none",r:19,stroke:s?void 0:r,strokeDasharray:typeof i=="number"?"120":void 0,strokeDashoffset:typeof i=="number"?`${1.2*(100-i)}px`:void 0,strokeWidth:2})))}import cr from"react";function ne(t){let{color:r="info",dark:e,size:o,value:i}=t;if(typeof i=="number"&&(i>100||i<0))throw new Error(`invalid value. Expected 100 >= value >= 0, but got ${i}`);let s=$(r);return cr.createElement("div",{"aria-valuenow":i,className:l([z.linearProgress,s?z[r]:z.custom,e&&d.dark]),role:"progressbar",style:{height:o},"aria-label":t["aria-label"]??"Linear progressbar"},cr.createElement("div",{className:l([z.progressBar,typeof i!="number"&&z.first,s&&z[r]]),style:{backgroundColor:s?void 0:r,right:typeof i=="number"?`${100-i}%`:void 0}}),typeof i!="number"&&cr.createElement("div",{className:l([z.progressBar,z.second,s&&z[r]]),style:{backgroundColor:s?void 0:r}}))}var k={inputField:"r",inputWrapper:"i",basic:"b",input:"o",label:"y",fieldset:"s",decorator:"n",start:"J",helpText:"_",outlined:"p",end:"Yi",error:"f",visible:"C",legend:"ji",textareaLabel:"Ai",labelText:"X",asterisk:"Ci",onFocus:"rr",textarea:"Yr"};import ue from"react";function mr(t){let{children:r,onFocus:e,position:o}=t;return ue.createElement("div",{className:l([k.decorator,d.fontSmall,o==="start"?k.start:k.end,e?k.onFocus:k.visible])},r)}import wr,{isValidElement as kr}from"react";import O from"react";function Z(t){let{children:r,dark:e,error:o,helpId:i,helpText:s,id:c,isTextarea:a=!1,label:p,required:n,variant:u="outlined"}=t;return O.createElement("div",{className:l([k.inputField,e&&d.dark])},O.createElement("div",{className:l([k.inputWrapper,k[u],o&&k.error])},r,O.createElement("fieldset",{className:k.fieldset,"aria-hidden":!0},O.createElement("legend",{className:k.legend},O.createElement("span",{className:k.labelText},p),n&&O.createElement("span",{className:`${k.labelText} ${k.asterisk}`,"aria-hidden":!0},"*"))),O.createElement("label",{htmlFor:c,className:l([k.label,a&&k.textareaLabel])},O.createElement("span",{className:k.labelText},p),n&&O.createElement("span",{className:`${k.labelText} ${k.asterisk}`,"aria-hidden":!0},"*"))),s&&O.createElement("div",{className:l([k.helpText,o&&k.error]),id:i},s))}function pe(t){let{children:r,dark:e,error:o,helpText:i,id:s,label:c,required:a,variant:p,...n}=t;if(r&&(!kr(r)||r.type!==mr))throw new Error(`<Input> received an invalid child. Expected <InputDecorator />, but got: ${kr(r)?String(r.type):typeof r}.`);let u=s??I(),m=i?I():void 0;return wr.createElement(Z,{dark:e,error:o,helpId:m,helpText:i,id:u,label:c,required:a,variant:p},wr.createElement("input",{id:u,className:`${k.input} ${d.fontMedium}`,placeholder:"",required:a,...n,"aria-describedby":m}),r)}import Cr from"react";function de(t){let{dark:r=!1,error:e=!1,helpText:o,id:i,label:s,resize:c="both",required:a,...p}=t,n=i??I(),u=o?I():void 0,m={"--uil-textarea-resize":c,...p.style};return Cr.createElement(Z,{dark:r,error:e,helpId:u,helpText:o,id:n,label:s,required:a,isTextarea:!0},Cr.createElement("textarea",{id:n,className:l([k.input,k.textarea,d.fontMedium]),placeholder:"",required:a,...p,"aria-describedby":u,style:m}))}import G,{useRef as Pr,useState as Tr}from"react";var ar={pagination:"q",select:"Di",controls:"Ei"};function me(t){let{activePage:r=1,dark:e=!1,entries:o,entriesDescription:i="of",nextButton:s,nextLabel:c="Go to next page",onChange:a,prevButton:p,prevLabel:n="Go to previous page",rowLabel:u="Rows per page",rows:m=[10,25,50,100]}=t,b=I(),v=Pr(null),w=Pr(null);B(v),B(w);let[x,T]=Tr(m[0]),f=Math.ceil(o/x),[y,E]=Tr(r>f?f:r<=0?1:r),L=x*(y-1)+1,C=x*y;function M(g){let P=Number(g.target.value);T(P),h(1,P)}function h(g,P){E(g),a?.(g,P??x)}return G.createElement("nav",{className:l([N.pagination,ar.pagination,e&&d.dark])},G.createElement("label",{htmlFor:b},u),G.createElement("select",{id:b,className:ar.select,value:x,onChange:M},m.map((g,P)=>G.createElement("option",{key:P,value:g},g))),G.createElement("p",null,L,"-",C>o?o:C," ",i," ",o),G.createElement("div",{className:ar.controls},G.createElement("button",{className:N.button,onClick:()=>{h(y-1)},disabled:y<=1,"aria-label":c},p??G.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 320 512",className:N.svg,ref:v},G.createElement("path",{d:"M41.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.3 256 246.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z"}))),G.createElement("button",{className:N.button,onClick:()=>{h(y+1)},disabled:y>=f,"aria-label":n},s??G.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 320 512",className:N.svg,ref:w},G.createElement("path",{d:"M278.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L210.7 256 73.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z"})))))}var K={details:"d",summary:"z",divider:"Xi",chevron:"K",start:"qi",end:"jr",content:"Bi",accordion:"L"};import Wr,{isValidElement as Er}from"react";import R,{useRef as ge}from"react";function lr(t){let{children:r,dark:e=!1,divider:o=!1,icon:i,iconPosition:s="start",summary:c,...a}=t,p=ge(null);return B(p),R.createElement("details",{className:l([K.details,e&&d.dark]),...a},R.createElement("summary",{className:l([K.summary,o&&K.divider,K[s]])},i??R.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 320 512",className:K.chevron,ref:p},R.createElement("path",{d:"M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"})),c),R.createElement("div",{className:K.content},r))}function be(t){let{children:r,dark:e=!1,divider:o=!1,icon:i,iconPosition:s,name:c}=t;return r&&r.forEach(a=>{if(!Er(a)||a.type!==lr)throw new Error(`<Accordion> received an invalid child. Expected <Details />, but got: ${Er(a)?String(a.type):typeof a}.`)}),Wr.createElement("div",{className:l([K.accordion])},r.map((a,p)=>Wr.createElement(lr,{key:p,...a.props,dark:a.props.dark??e,divider:a.props.divider??o,icon:a.props.icon??i,iconPosition:a.props.iconPosition??s,name:a.props.name??c})))}import rr from"react";function he(t){let{checked:r,children:e,color:o,dark:i,disabled:s,onChange:c,...a}=t,p=a.id??I();function n(m){!s&&c&&c(m)}function u(){document.querySelector(`#${p}`).click()}return rr.createElement("div",{className:l([F.checkWrapper,i&&d.dark])},rr.createElement("div",{className:l([F.check,F.box]),onClick:u},rr.createElement("input",{type:"checkbox",checked:r,onChange:n,id:p,disabled:s,...a}),rr.createElement("div",{className:l([F.checkmark]),style:s?void 0:{backgroundColor:o}})),e&&rr.createElement("label",{htmlFor:p,className:`${d.fontMedium} ${F.label}`},e))}import V,{Children as xe,useState as ye}from"react";var U={breadcrumbs:"j",highlight:"Gi",li:"Ar",hiddenEntries:"ir"};function we(t){let{afterCollapse:r=2,beforeCollapse:e=1,children:o,dark:i=!1,expandButtonLabel:s="expand",highlightLast:c=!1,maxEntries:a=5,separator:p="/"}=t,n=xe.toArray(o).map((w,x)=>V.createElement("li",{className:U.li,key:x},w)),[u,m]=ye(!1);function b(w){return w.reduce((x,T,f)=>(x.push(T),f<w.length-1&&x.push(V.createElement("li",{key:`sep-${f}`,"aria-hidden":!0},p)),x),[])}function v(){return e+r>=n.length?(console.error(`<Breadcrumbs/> received an invalid collapse configuration. Expected (beforeCollapse + afterCollapse) < allEntries, but got: ${e+r} >= ${n.length}.`),n):[...n.slice(0,e),V.createElement("li",{className:U.li,key:"hidden-entries"},V.createElement("button",{className:U.hiddenEntries,type:"button","aria-label":s,onClick:()=>{m(!0)}},V.createElement("svg",{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},V.createElement("circle",{cx:"04",cy:"18",r:"1"}),V.createElement("circle",{cx:"12",cy:"18",r:"1"}),V.createElement("circle",{cx:"20",cy:"18",r:"1"})))),...n.slice(n.length-r,n.length)]}return V.createElement("nav",{"aria-label":t["aria-label"]},V.createElement("ol",{className:l([U.breadcrumbs,c&&U.highlight,i&&d.dark])},b(u||n.length<=a?n:v())))}var fr={skeleton:"Cr",animation:"Hi",pulse:"Dr"};import Ce from"react";function Pe(t){let{dark:r=!1,disableAnimation:e=!1,height:o,width:i,radius:s}=t;return Ce.createElement("div",{className:l([fr.skeleton,!e&&fr.animation,r&&d.dark]),style:{height:o,width:i,borderRadius:s}})}var Te=new RegExp(/^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/);function nr(t,r){if(!Te.test(t))throw new Error(`${r} received an invalid hex color format. Expected '#000' or '#000000', but got: ${t}`);return t=t.replace("#",""),t.length===3?[parseInt(t.substring(0,1),16),parseInt(t.substring(1,2),16),parseInt(t.substring(2,2),16)]:[parseInt(t.substring(0,2),16),parseInt(t.substring(2,4),16),parseInt(t.substring(4,6),16)]}function _(t){let e=nr(t,"useContrastColor").map(a=>a/255),[o,i,s]=e.map(a=>a<=.04045?a/12.92:((a+.055)/1.055)**2.4);return .2126*o+.7152*i+.0722*s>.179?"#000000":"#ffffff"}import Nr from"react";function er(t){let r;switch(t){case"small":r=d.fontSmall;break;case"medium":r=d.fontMedium;break;case"large":r=d.fontLarge;break;default:throw new Error(`Error: unsupported size. Expected 'small', 'medium' or 'large', but got: ${String(t)}`)}return r}var j={button:"a",filled:"M",info:"Ii",success:"Ji",warning:"or",outlined:"N",text:"lr",error:"Ki",disabled:"ar",small:"Er",rounded:"er",medium:"Xr",large:"qr"};function Ee(t){let{children:r,color:e="info",dark:o=!1,disabled:i=!1,href:s,rounded:c=!1,size:a="medium",target:p,variant:n,...u}=t,m=v(),b=w();function v(){return l([j.button,d.fit,j[a],j[n],o&&d.dark,i&&j.disabled,$(e)&&j[e],er(a),c&&j.rounded])}function w(){if(i||$(e))return;let x=nr(e,"<Button>");return{"--uil-button-font-color":_(e),"--uil-button-color":e,"--uil-button-hover-color":`${x[0]}, ${x[1]}, ${x[2]}`}}return s||s===""?Nr.createElement("a",{href:s,target:p,id:u.id,title:u.title,style:b,className:m},r):Nr.createElement("button",{style:b,className:m,type:u.type??"button",disabled:i,"aria-disabled":i,tabIndex:i?-1:u.tabIndex,...u},r)}import tr,{useRef as Se}from"react";var X={switch:"l",small:"O",thumbWrapper:"c",track:"B",medium:"P",large:"Q",info:"Li",success:"Mi",warning:"Ni",error:"Oi",thumb:"tr"};function Fe(t){let{color:r="info",dark:e=!1,disabled:o,onChange:i,size:s="medium",...c}=t,a=$(r),p=a?void 0:{"--uil-switch-color":r},n=Se(null);function u(b){o||i?.(b)}function m(){n.current?.click()}return tr.createElement("div",{className:l([X.switch,X[s],a&&X[r],e&&d.dark]),onClick:()=>{m()},style:p},tr.createElement("div",{className:X.thumbWrapper},tr.createElement("div",{className:X.thumb}),tr.createElement("input",{type:"checkbox",disabled:o,ref:n,onChange:u,...c})),tr.createElement("div",{className:X.track}))}import H,{useEffect as ze,useMemo as De,useRef as br,useState as Sr}from"react";var D={selectWrapper:"h",trigger:"R",disabled:"ur",chevron:"Br",optionsList:"w",top:"Gr",bottom:"Hr",open:"Ir",group:"Jr",groupLabel:"Pi",option:"nr",active:"Qi"};import Ie from"react";function gr(t){let{activeIndex:r,groupDisabled:e,index:o,listId:i,onSelect:s,option:c,setActiveIndex:a,value:p}=t,n=o===r,u=c.value===p,m=c.disabled??e;return Ie.createElement("div",{key:c.value,id:`${i}-option-${o}`,role:"option","aria-selected":u,"aria-disabled":m||void 0,className:l([D.option,n&&D.active,m&&D.disabled]),onMouseEnter:()=>a(o),onClick:()=>{m||s(c.value)}},c.label)}import{useId as Be}from"react";function Me(t){let{dark:r,disabled:e,onChange:o,openPosition:i="bottom",options:s,placeholder:c,value:a,width:p}=t,[n,u]=Sr(!1),[m,b]=Sr(0),v=br(null),w=br(null),x=br(null),T=Be();B(w);let f=De(()=>s.flatMap(h=>"options"in h?h.options.map(g=>({option:g,groupDisabled:h.disabled??!1})):[{option:h,groupDisabled:!1}]),[s]),y=f.find(h=>h.option.value===a)?.option;function E(h){o(h),u(!1),v.current?.focus()}function L(){if(e)return;let h=f.findIndex(g=>!g.option.disabled&&!g.groupDisabled);b(h>=0?h:0),u(!0)}function C(){u(!1)}function M(h){if(!e)switch(h.key){case"ArrowDown":n?b(g=>{let P=g;do P=Math.min(P+1,f.length-1);while(f[P].option.disabled||f[P].groupDisabled);return P}):L();break;case"ArrowUp":h.preventDefault(),n?b(g=>{let P=g;do P=Math.max(P-1,0);while(f[P].option.disabled||f[P].groupDisabled);return P}):L();break;case"Home":h.preventDefault(),b(0);break;case"End":h.preventDefault(),b(f.length-1);break;case"Enter":case" ":{h.preventDefault();let{option:g,groupDisabled:P}=f[m];!g.disabled&&!P&&E(g.value);break}case"Escape":C();break}}return ze(()=>{if(!n)return;let h=g=>{x.current&&!x.current.contains(g.target)&&u(!1)};return document.addEventListener("pointerdown",h),()=>document.removeEventListener("pointerdown",h)},[n]),H.createElement("div",{className:l([D.selectWrapper,r&&d.dark]),ref:x,style:{width:p,minWidth:p}},H.createElement("button",{ref:v,type:"button",role:"combobox","aria-haspopup":"listbox","aria-expanded":n,"aria-controls":T,"aria-activedescendant":n?`${T}-option-${m}`:void 0,disabled:e,onClick:()=>n?C():L(),onKeyDown:M,className:l([D.trigger,e&&D.disabled]),"aria-label":y?.label??c},H.createElement("span",{style:{overflow:"hidden"}},y?.label??c),H.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512",className:D.chevron,ref:w,"aria-hidden":!0},H.createElement("path",{d:"M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"}))),H.createElement("div",{role:"listbox",id:T,className:l([D.optionsList,n&&D.open,i==="top"?D.top:D.bottom]),onMouseLeave:()=>b(-1)},s.map(h=>"options"in h?H.createElement("div",{key:h.label,className:D.group},H.createElement("div",{className:D.groupLabel},h.label),h.options.map(g=>H.createElement(gr,{key:g.value,option:g,groupDisabled:!!h.disabled,activeIndex:m,value:a,index:f.findIndex(P=>P.option===g),onSelect:E,setActiveIndex:b,listId:T}))):H.createElement(gr,{key:h.value,option:h,groupDisabled:!1,activeIndex:m,value:a,index:f.findIndex(g=>g.option===h),onSelect:E,setActiveIndex:b,listId:T}))))}import sr,{cloneElement as Ae,isValidElement as Ge,useRef as Oe}from"react";var q={tag:"t",clickable:"sr",small:"Kr",medium:"Lr",large:"Mr",filled:"Ri",outlined:"dr",delIcon:"G",elevated:"Si",info:"Ti",success:"Ui",warning:"Nr",error:"Vi"};function Ve(t){let{children:r,color:e,dark:o=!1,deleteIcon:i,elevated:s=!1,href:c,label:a,onDelete:p,onClick:n,size:u="medium",target:m,variant:b}=t,v=Oe(null),w=y(),x=E(),T=null;if(p){let C;if(b==="filled")switch(e){case"info":case"success":case"error":C=o?"black":"white";break;case"warning":C="black";break;default:C=_(e)}else $(e)?C=void 0:C=e;T=i&&Ge(i)?Ae(i,{onClick:f}):sr.createElement("svg",{ref:v,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 384 512",onClick:f,className:l([q.delIcon,q[u]]),fill:C},sr.createElement("path",{d:"M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"}))}B(v);function f(C){C.stopPropagation(),p?.()}function y(){if(!$(e))return{"--uil-tag-font-color":_(e),"--uil-tag-color":e}}function E(){return l([q.tag,$(e)&&q[e],q[b],d.fit,s&&q.elevated,o&&d.dark,er(u),q[u],(n??c)&&q.clickable])}function L(C){(C.key==="Enter"||C.key===" ")&&n?.()}return c?sr.createElement("a",{href:c,target:m,style:w,className:x},a??r,T):sr.createElement("div",{className:x,onClick:()=>{n?.()},onKeyDown:n&&L,role:n&&"button",style:w,tabIndex:n&&0},a??r,T)}export{be as Accordion,we as Breadcrumbs,Ee as Button,he as Checkbox,le as CircularProgress,lr as Details,$r as Dialog,Vr as DialogContent,Kr as DialogControls,Gr as DialogTitle,pe as Input,mr as InputDecorator,ne as LinearProgress,ie as Pagination,pr as Radio,re as RadioGroup,Me as Select,Pe as Skeleton,Fe as Switch,me as TablePagination,Ve as Tag,de as Textarea,Qr as ToastProvider,_ as useContrastColor,Zr as useToastContext};
|
|
1
|
+
var d={fit:"Or",fontSmall:"Pr",fontMedium:"Qr",fontLarge:"Rr",dark:"Sr"};import Dr,{useEffect as Br,useRef as Mr}from"react";function l(t){let r=[];return t.forEach(e=>{!e||typeof e=="boolean"||r.push(...Array.isArray(e)?e:[e])}),r.join(" ")}var A={dialog:"e",small:"Tr",medium:"Ur",large:"Vr",title:"m",info:"Wr",success:"cr",warning:"hr",error:"vr",default:"Zr",content:"br",divider:"_r",controls:"H",start:"ri",end:"ii","space-between":"oi"};function $r(t){let{ariaModal:r,children:e,dark:o=!1,describedby:i,disableEscapeKey:s,labelledby:c,onCancel:a,onClickBackdrop:p,open:n,scrollable:u=!1,size:m}=t,b=Mr(null);Br(()=>(b.current?.addEventListener("keydown",v),b.current?.addEventListener("mousedown",w),n?(u||(document.body.style.paddingRight="15px",document.body.style.overflow="hidden"),b.current?.showModal()):(u||(document.body.style.paddingRight="",document.body.style.overflow=""),b.current?.close()),()=>{b.current?.removeEventListener("keydown",v),b.current?.removeEventListener("mousedown",w)}),[n]);function v(x){s&&x.key==="Escape"&&x.preventDefault()}function w(x){p&&x.target===x.currentTarget&&p()}return Dr.createElement("dialog",{ref:b,"aria-describedby":i,"aria-labelledby":c,"aria-modal":r,className:l([A.dialog,o&&d.dark,m&&A[m]]),onCancel:a,role:r?"alertdialog":"dialog"},e)}import Ar from"react";function Gr(t){let{children:r,color:e,id:o}=t;return Ar.createElement("div",{className:l([A.title,e&&A[e],d.fontLarge]),id:o},r)}import Or from"react";function Vr(t){let{children:r,divider:e=!1,id:o}=t;return Or.createElement("div",{className:l([A.content,e&&A.divider]),id:o},r)}import Hr from"react";function Kr(t){let{children:r,position:e="end"}=t;return Hr.createElement("div",{className:l([A.controls,A[e]])},r)}import{useLayoutEffect as qr}from"react";function B(t){qr(()=>{let r=document.createComment("Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.");t.current&&!t.current.innerHTML.includes("https://fontawesome.com License")&&t.current?.appendChild(r)},[])}import J,{useEffect as jr,useRef as hr}from"react";var S={toaster:"u",top:"li",bottom:"ai",centerX:"ei",centerY:"ti",centerXY:"ui",left:"ni",right:"si",toast:"k",fadeIn:"di",fadeOut:"ci",info:"hi",success:"vi",warning:"bi",error:"gi",closeButton:"gr"};function ur(t){let{action:r,closeCallback:e,dark:o=!1,dismissible:i,id:s,message:c,timeout:a,variant:p}=t,n=hr(null),u=hr(null);B(u),jr(()=>{if(setTimeout(()=>{n.current&&n.current.classList.add(S.fadeIn)}),a==="persistent")return;let b,v=setTimeout(()=>{n.current&&n.current.classList.replace(S.fadeIn,S.fadeOut),b=setTimeout(()=>{e()},500)},a);return()=>{clearTimeout(v),clearTimeout(b)}},[a,e]);function m(){n.current&&n.current.classList.replace(S.fadeIn,S.fadeOut),setTimeout(()=>{e()},500)}return J.createElement("div",{className:l([S.toast,p&&S[p],d.fontMedium,o&&d.dark]),id:s,ref:n,role:"status"},c,r&&J.createElement("div",null,r),i&&J.createElement("button",{className:S.closeButton,onClick:m},J.createElement("svg",{ref:u,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 384 512"},J.createElement("path",{d:"M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"}))))}import or,{createContext as Xr,useContext as Ur,useRef as vr,useState as _r}from"react";function I(){let t=new Uint32Array(2);return crypto.getRandomValues(t),`uil${t[0].toString(32)}${t[1].toString(16)}`}var Jr={queueToast:()=>{throw new Error("You must wrap your component tree with <ToastProvider> in order to use the queueToast function.")},closeToast:()=>{throw new Error("You must wrap your component tree with <ToastProvider> in order to use the closeToast function.")}},xr=Xr(Jr);function Qr(t){let{alignment:r={horizontal:"left",vertical:"bottom"},children:e,dark:o=!1,dismissible:i=!1,limit:s=4,timeout:c=5e3}=t,[a,p]=_r([]),n=vr(null),u=vr([]);function m(f,y){let{id:E,toast:L}=v(f,y),C=a.length+u.current.length;if(u.current.push(L),C>=s){for(let M=0;M<C-s+1;M++)w(a[M].props.id);n.current=new Promise(M=>{setTimeout(()=>{b(L),M(),n.current=null},500)})}else b(L);return E}function b(f){p(y=>(u.current=u.current.filter(E=>E!==f),[...y,f]))}function v(f,y){let E=I(),L={action:y?.action,closeCallback:()=>{x(E,y?.closeCallback)},dark:y?.dark??o,dismissible:y?.dismissible??i,id:E,message:f,timeout:y?.timeout??c,variant:y?.variant};return{id:E,toast:or.createElement(ur,{...L})}}function w(f){if(!f)return p([]);p(y=>y.filter(E=>E.props.id!==f))}function x(f,y){w(f),y?.()}function T(){let f=r.horizontal,y=r.vertical;return f==="center"&&y==="center"?[S.centerXY]:[f==="center"?S.centerX:S[f],y==="center"?S.centerY:S[y]]}return or.createElement(xr.Provider,{value:{queueToast:m,closeToast:w}},e,or.createElement("div",{className:l([S.toaster,T()])},a.map(f=>or.createElement(ur,{...f.props,key:f.props.id}))))}function Zr(){return Ur(xr)}import yr from"react";var F={checkWrapper:"v",label:"pr",check:"x",box:"pi",radio:"xr",radioCheck:"xi",checkmark:"S",radioWrapper:"T",row:"fi",column:"wi"};import Q from"react";function pr(t){let{checked:r,children:e,color:o,dark:i,disabled:s,id:c,name:a,onChange:p,value:n,...u}=t,m=c??I();function b(w){!s&&p&&p(w)}function v(){document.querySelector(`#${m}`).click()}return Q.createElement("div",{className:l([F.checkWrapper,i&&d.dark])},Q.createElement("div",{className:`${F.check} ${F.radio}`,onClick:()=>{v()}},Q.createElement("input",{id:m,name:a,type:"radio",value:n,checked:r,onChange:w=>{b(w)},disabled:s,tabIndex:s?-1:u.tabIndex??void 0,...u}),Q.createElement("div",{className:`${F.checkmark} ${F.radioCheck}`,style:s?void 0:{backgroundColor:o}})),e&&Q.createElement("label",{htmlFor:m,className:`${d.fontMedium} ${F.label}`},e))}function re(t){let{color:r,dark:e=!1,direction:o="column",disabled:i,name:s,onChange:c,options:a,selected:p}=t;function n(u){!i&&c&&c(u)}return yr.createElement("div",{className:l([F.radioWrapper,F[o]]),role:"radiogroup"},a.map((u,m)=>yr.createElement(pr,{key:m,dark:e,color:r,onChange:n,checked:p===u.value,disabled:i??u.disabled,name:s,...u},u.label)))}import W,{useEffect as oe,useRef as ir,useState as ie}from"react";var N={pagination:"F",button:"D",svg:"fr",active:"mi"};var Y={pagination:"I",item:"wr",dots:"ki"};function ae(t){let{activePage:r=1,ariaLabels:e,boundary:o=1,dark:i=!1,disablePrevButton:s=!1,disableNextButton:c=!1,disableFirstButton:a=!1,disableLastButton:p=!1,firstButton:n,lastButton:u,nextButton:m,onChange:b,pages:v,prevButton:w,siblings:x=1}=t;if(o<=0||o>v)throw new Error(`<Pagination/> received an invalid boundary. Expected boundary to be greater than 0 and smaller or equal to pages (${v}), but got: ${o}`);if(r<1||r>v)throw new Error(`<Pagination/> activePage out of bounds. Expected activePage to be greater than 0 and smaller or equal to pages (${v}), but got: ${r}`);let[T,f]=ie(r),y=Math.max(Math.min(T-x,v-o-x*2-1),o+2),E=Math.min(Math.max(T+x,o+x*2+2),v-o-1),L=[...new Set([...M(1,o),...y>o+2?["ellipsis-a"]:o<v-o?[o+1]:[],...M(y,E),...E<v-o-1?["ellipsis-b"]:v-o>o?[v-o]:[],...M(v-o+1,v)])],C=[ir(null),ir(null),ir(null),ir(null)];C.forEach(B);function M(g,P){let Fr=P-g+1;return Array.from({length:Fr},(Ke,Lr)=>g+Lr)}function h(g){f(g),b?.(g)}return oe(()=>{f(r)},[r]),W.createElement("nav",{className:l([i&&d.dark])},W.createElement("ul",{className:l([N.pagination,Y.pagination])},!a&&W.createElement("li",{className:Y.item},W.createElement("button",{className:N.button,onClick:()=>{h(1)},disabled:T<=1,"aria-label":e?.first??"Go to first page"},n??W.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512",ref:C[0],className:N.svg},W.createElement("path",{d:"M41.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.3 256 246.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160zm352-160l-160 160c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L301.3 256 438.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0z"})))),!s&&W.createElement("li",{className:Y.item},W.createElement("button",{className:N.button,onClick:()=>{h(T-1)},disabled:T<=1,"aria-label":e?.prev??"Go to previous page"},w??W.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 320 512",ref:C[1],className:N.svg},W.createElement("path",{d:"M41.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.3 256 246.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z"})))),L.map((g,P)=>W.createElement("li",{key:P,className:Y.item},typeof g=="number"?W.createElement("button",{className:l([T===g&&N.active,N.button]),onClick:()=>{h(g)},"aria-label":e?.page?`${e.page} ${g}`:`Go to page ${g}`},g):W.createElement("svg",{className:Y.dots,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},W.createElement("circle",{cx:4,cy:14,r:1}),W.createElement("circle",{cx:12,cy:14,r:1}),W.createElement("circle",{cx:20,cy:14,r:1})))),!c&&W.createElement("li",{className:Y.item},W.createElement("button",{className:N.button,onClick:()=>{h(T+1)},disabled:T>=v,"aria-label":e?.next??"Go to next page"},m??W.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 320 512",ref:C[2],className:N.svg},W.createElement("path",{d:"M278.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L210.7 256 73.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z"})))),!p&&W.createElement("li",{className:Y.item},W.createElement("button",{className:N.button,onClick:()=>{h(v)},disabled:T>=v,"aria-label":e?.last??"Go to last page"},u??W.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512",ref:C[3],className:N.svg},W.createElement("path",{d:"M470.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 256 265.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160zm-352 160l160-160c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L210.7 256 73.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0z"}))))))}var z={circularProgress:"Y",indeterminate:"mr",rotate:"kr",spinner:"E",spinning:"yr",info:"U",success:"V",warning:"W",error:"Z",linearProgress:"g",custom:"yi",progressBar:"A",first:"zi",moving:"zr",second:"Fi","moving-alt":"Fr"};function $(t){return typeof t=="string"&&["info","success","warning","error"].includes(t)}import dr from"react";function ne(t){let{color:r="info",dark:e,size:o,value:i}=t;if(typeof i=="number"&&(i>100||i<0))throw new Error(`invalid value. Expected 100 >= value >= 0, but got ${i}`);let s=$(r);return dr.createElement("div",{"aria-valuenow":i,className:l([z.circularProgress,typeof i!="number"&&z.indeterminate,e&&d.dark]),role:"progressbar",style:{width:o,height:o},"aria-label":t["aria-label"]??"Circular progressbar"},dr.createElement("svg",{viewBox:"0 0 40 40"},dr.createElement("circle",{className:l([z.spinner,s&&z[r]]),cx:20,cy:20,fill:"none",r:19,stroke:s?void 0:r,strokeDasharray:typeof i=="number"?"120":void 0,strokeDashoffset:typeof i=="number"?`${1.2*(100-i)}px`:void 0,strokeWidth:2})))}import cr from"react";function se(t){let{color:r="info",dark:e,size:o,value:i}=t;if(typeof i=="number"&&(i>100||i<0))throw new Error(`invalid value. Expected 100 >= value >= 0, but got ${i}`);let s=$(r);return cr.createElement("div",{"aria-valuenow":i,className:l([z.linearProgress,s?z[r]:z.custom,e&&d.dark]),role:"progressbar",style:{height:o},"aria-label":t["aria-label"]??"Linear progressbar"},cr.createElement("div",{className:l([z.progressBar,typeof i!="number"&&z.first,s&&z[r]]),style:{backgroundColor:s?void 0:r,right:typeof i=="number"?`${100-i}%`:void 0}}),typeof i!="number"&&cr.createElement("div",{className:l([z.progressBar,z.second,s&&z[r]]),style:{backgroundColor:s?void 0:r}}))}var k={inputField:"r",inputWrapper:"i",basic:"b",input:"o",label:"y",fieldset:"s",decorator:"n",start:"J",helpText:"_",outlined:"p",end:"Yi",error:"f",visible:"C",legend:"ji",textareaLabel:"Ai",labelText:"X",asterisk:"Ci",onFocus:"rr",textarea:"Yr"};import pe from"react";function mr(t){let{children:r,onFocus:e,position:o}=t;return pe.createElement("div",{className:l([k.decorator,d.fontSmall,o==="start"?k.start:k.end,e?k.onFocus:k.visible])},r)}import wr,{isValidElement as kr}from"react";import O from"react";function Z(t){let{children:r,dark:e,error:o,helpId:i,helpText:s,id:c,isTextarea:a=!1,label:p,required:n,variant:u="outlined"}=t;return O.createElement("div",{className:l([k.inputField,e&&d.dark])},O.createElement("div",{className:l([k.inputWrapper,k[u],o&&k.error])},r,O.createElement("fieldset",{className:k.fieldset,"aria-hidden":!0},O.createElement("legend",{className:k.legend},O.createElement("span",{className:k.labelText},p),n&&O.createElement("span",{className:`${k.labelText} ${k.asterisk}`,"aria-hidden":!0},"*"))),O.createElement("label",{htmlFor:c,className:l([k.label,a&&k.textareaLabel])},O.createElement("span",{className:k.labelText},p),n&&O.createElement("span",{className:`${k.labelText} ${k.asterisk}`,"aria-hidden":!0},"*"))),s&&O.createElement("div",{className:l([k.helpText,o&&k.error]),id:i},s))}function de(t){let{children:r,dark:e,error:o,helpText:i,id:s,label:c,required:a,variant:p,...n}=t;if(r&&(!kr(r)||r.type!==mr))throw new Error(`<Input> received an invalid child. Expected <InputDecorator />, but got: ${kr(r)?String(r.type):typeof r}.`);let u=s??I(),m=i?I():void 0;return wr.createElement(Z,{dark:e,error:o,helpId:m,helpText:i,id:u,label:c,required:a,variant:p},wr.createElement("input",{id:u,className:`${k.input} ${d.fontMedium}`,placeholder:"",required:a,...n,"aria-describedby":m}),r)}import Cr from"react";function ce(t){let{dark:r=!1,error:e=!1,helpText:o,id:i,label:s,resize:c="both",required:a,...p}=t,n=i??I(),u=o?I():void 0,m={"--uil-textarea-resize":c,...p.style};return Cr.createElement(Z,{dark:r,error:e,helpId:u,helpText:o,id:n,label:s,required:a,isTextarea:!0},Cr.createElement("textarea",{id:n,className:l([k.input,k.textarea,d.fontMedium]),placeholder:"",required:a,...p,"aria-describedby":u,style:m}))}import G,{useRef as Pr,useState as Tr}from"react";var ar={pagination:"q",select:"Di",controls:"Ei"};function fe(t){let{activePage:r=1,dark:e=!1,entries:o,entriesDescription:i="of",nextButton:s,nextLabel:c="Go to next page",onChange:a,prevButton:p,prevLabel:n="Go to previous page",rowLabel:u="Rows per page",rows:m=[10,25,50,100]}=t,b=I(),v=Pr(null),w=Pr(null);B(v),B(w);let[x,T]=Tr(m[0]),f=Math.ceil(o/x),[y,E]=Tr(r>f?f:r<=0?1:r),L=x*(y-1)+1,C=x*y;function M(g){let P=Number(g.target.value);T(P),h(1,P)}function h(g,P){E(g),a?.(g,P??x)}return G.createElement("nav",{className:l([N.pagination,ar.pagination,e&&d.dark])},G.createElement("label",{htmlFor:b},u),G.createElement("select",{id:b,className:ar.select,value:x,onChange:M},m.map((g,P)=>G.createElement("option",{key:P,value:g},g))),G.createElement("p",null,L,"-",C>o?o:C," ",i," ",o),G.createElement("div",{className:ar.controls},G.createElement("button",{className:N.button,onClick:()=>{h(y-1)},disabled:y<=1,"aria-label":c},p??G.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 320 512",className:N.svg,ref:v},G.createElement("path",{d:"M41.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.3 256 246.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z"}))),G.createElement("button",{className:N.button,onClick:()=>{h(y+1)},disabled:y>=f,"aria-label":n},s??G.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 320 512",className:N.svg,ref:w},G.createElement("path",{d:"M278.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L210.7 256 73.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z"})))))}var K={details:"d",summary:"z",divider:"Xi",chevron:"K",start:"qi",end:"jr",content:"Bi",accordion:"L"};import Wr,{isValidElement as Er}from"react";import R,{useRef as be}from"react";function lr(t){let{children:r,dark:e=!1,divider:o=!1,icon:i,iconPosition:s="start",summary:c,...a}=t,p=be(null);return B(p),R.createElement("details",{className:l([K.details,e&&d.dark]),...a},R.createElement("summary",{className:l([K.summary,o&&K.divider,K[s]])},i??R.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 320 512",className:K.chevron,ref:p},R.createElement("path",{d:"M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"})),c),R.createElement("div",{className:K.content},r))}function he(t){let{children:r,dark:e=!1,divider:o=!1,icon:i,iconPosition:s,name:c}=t;return r&&r.forEach(a=>{if(!Er(a)||a.type!==lr)throw new Error(`<Accordion> received an invalid child. Expected <Details />, but got: ${Er(a)?String(a.type):typeof a}.`)}),Wr.createElement("div",{className:l([K.accordion])},r.map((a,p)=>Wr.createElement(lr,{key:p,...a.props,dark:a.props.dark??e,divider:a.props.divider??o,icon:a.props.icon??i,iconPosition:a.props.iconPosition??s,name:a.props.name??c})))}import rr from"react";function ve(t){let{checked:r,children:e,color:o,dark:i,disabled:s,onChange:c,...a}=t,p=a.id??I();function n(m){!s&&c&&c(m)}function u(){document.querySelector(`#${p}`).click()}return rr.createElement("div",{className:l([F.checkWrapper,i&&d.dark])},rr.createElement("div",{className:l([F.check,F.box]),onClick:u},rr.createElement("input",{type:"checkbox",checked:r,onChange:n,id:p,disabled:s,...a}),rr.createElement("div",{className:l([F.checkmark]),style:s?void 0:{backgroundColor:o}})),e&&rr.createElement("label",{htmlFor:p,className:`${d.fontMedium} ${F.label}`},e))}import V,{Children as ye,useState as we}from"react";var U={breadcrumbs:"j",highlight:"Gi",li:"Ar",hiddenEntries:"ir"};function ke(t){let{afterCollapse:r=2,beforeCollapse:e=1,children:o,dark:i=!1,expandButtonLabel:s="expand",highlightLast:c=!1,maxEntries:a=5,separator:p="/"}=t,n=ye.toArray(o).map((w,x)=>V.createElement("li",{className:U.li,key:x},w)),[u,m]=we(!1);function b(w){return w.reduce((x,T,f)=>(x.push(T),f<w.length-1&&x.push(V.createElement("li",{key:`sep-${f}`,"aria-hidden":!0},p)),x),[])}function v(){return e+r>=n.length?(console.error(`<Breadcrumbs/> received an invalid collapse configuration. Expected (beforeCollapse + afterCollapse) < allEntries, but got: ${e+r} >= ${n.length}.`),n):[...n.slice(0,e),V.createElement("li",{className:U.li,key:"hidden-entries"},V.createElement("button",{className:U.hiddenEntries,type:"button","aria-label":s,onClick:()=>{m(!0)}},V.createElement("svg",{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},V.createElement("circle",{cx:"04",cy:"18",r:"1"}),V.createElement("circle",{cx:"12",cy:"18",r:"1"}),V.createElement("circle",{cx:"20",cy:"18",r:"1"})))),...n.slice(n.length-r,n.length)]}return V.createElement("nav",{"aria-label":t["aria-label"]},V.createElement("ol",{className:l([U.breadcrumbs,c&&U.highlight,i&&d.dark])},b(u||n.length<=a?n:v())))}var fr={skeleton:"Cr",animation:"Hi",pulse:"Dr"};import Pe from"react";function Te(t){let{dark:r=!1,disableAnimation:e=!1,height:o,width:i,radius:s}=t;return Pe.createElement("div",{className:l([fr.skeleton,!e&&fr.animation,r&&d.dark]),style:{height:o,width:i,borderRadius:s}})}var We=new RegExp(/^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/);function nr(t,r){if(!We.test(t))throw new Error(`${r} received an invalid hex color format. Expected '#000' or '#000000', but got: ${t}`);return t=t.replace("#",""),t.length===3?[parseInt(t.substring(0,1),16),parseInt(t.substring(1,2),16),parseInt(t.substring(2,2),16)]:[parseInt(t.substring(0,2),16),parseInt(t.substring(2,4),16),parseInt(t.substring(4,6),16)]}function _(t){let e=nr(t,"useContrastColor").map(a=>a/255),[o,i,s]=e.map(a=>a<=.04045?a/12.92:((a+.055)/1.055)**2.4);return .2126*o+.7152*i+.0722*s>.179?"#000000":"#ffffff"}import Nr from"react";function er(t){let r;switch(t){case"small":r=d.fontSmall;break;case"medium":r=d.fontMedium;break;case"large":r=d.fontLarge;break;default:throw new Error(`Error: unsupported size. Expected 'small', 'medium' or 'large', but got: ${String(t)}`)}return r}var j={button:"a",filled:"M",info:"Ii",success:"Ji",warning:"or",outlined:"N",text:"lr",error:"Ki",disabled:"ar",small:"Er",rounded:"er",medium:"Xr",large:"qr"};function Ne(t){let{children:r,color:e="info",dark:o=!1,disabled:i=!1,href:s,rounded:c=!1,size:a="medium",target:p,variant:n,...u}=t,m=v(),b=w();function v(){return l([j.button,d.fit,j[a],j[n],o&&d.dark,i&&j.disabled,$(e)&&j[e],er(a),c&&j.rounded])}function w(){if(i||$(e))return;let x=nr(e,"<Button>");return{"--uil-button-font-color":_(e),"--uil-button-color":e,"--uil-button-hover-color":`${x[0]}, ${x[1]}, ${x[2]}`}}return s||s===""?Nr.createElement("a",{href:s,target:p,id:u.id,title:u.title,style:b,className:m},r):Nr.createElement("button",{style:b,className:m,type:u.type??"button",disabled:i,"aria-disabled":i,tabIndex:i?-1:u.tabIndex,...u},r)}import tr,{useRef as Fe}from"react";var X={switch:"l",small:"O",thumbWrapper:"c",track:"B",medium:"P",large:"Q",info:"Li",success:"Mi",warning:"Ni",error:"Oi",thumb:"tr"};function Le(t){let{color:r="info",dark:e=!1,disabled:o,onChange:i,size:s="medium",...c}=t,a=$(r),p=a?void 0:{"--uil-switch-color":r},n=Fe(null);function u(b){o||i?.(b)}function m(){n.current?.click()}return tr.createElement("div",{className:l([X.switch,X[s],a&&X[r],e&&d.dark]),onClick:()=>{m()},style:p},tr.createElement("div",{className:X.thumbWrapper},tr.createElement("div",{className:X.thumb}),tr.createElement("input",{type:"checkbox",disabled:o,ref:n,onChange:u,...c})),tr.createElement("div",{className:X.track}))}import H,{useEffect as De,useMemo as Be,useRef as br,useState as Sr}from"react";var D={selectWrapper:"h",trigger:"R",disabled:"ur",chevron:"Br",optionsList:"w",top:"Gr",bottom:"Hr",open:"Ir",group:"Jr",groupLabel:"Pi",option:"nr",active:"Qi"};import ze from"react";function gr(t){let{activeIndex:r,groupDisabled:e,index:o,listId:i,onSelect:s,option:c,setActiveIndex:a,value:p}=t,n=o===r,u=c.value===p,m=c.disabled??e;return ze.createElement("div",{key:c.value,id:`${i}-option-${o}`,role:"option","aria-selected":u,"aria-disabled":m||void 0,className:l([D.option,n&&D.active,m&&D.disabled]),onMouseEnter:()=>a(o),onClick:()=>{m||s(c.value)}},c.label)}import{useId as Me}from"react";function $e(t){let{dark:r,disabled:e,onChange:o,openPosition:i="bottom",options:s,placeholder:c,value:a,width:p}=t,[n,u]=Sr(!1),[m,b]=Sr(0),v=br(null),w=br(null),x=br(null),T=Me();B(w);let f=Be(()=>s.flatMap(h=>"options"in h?h.options.map(g=>({option:g,groupDisabled:h.disabled??!1})):[{option:h,groupDisabled:!1}]),[s]),y=f.find(h=>h.option.value===a)?.option;function E(h){o(h),u(!1),v.current?.focus()}function L(){if(e)return;let h=f.findIndex(g=>!g.option.disabled&&!g.groupDisabled);b(h>=0?h:0),u(!0)}function C(){u(!1)}function M(h){if(!e)switch(h.key){case"ArrowDown":n?b(g=>{let P=g;do P=Math.min(P+1,f.length-1);while(f[P].option.disabled||f[P].groupDisabled);return P}):L();break;case"ArrowUp":h.preventDefault(),n?b(g=>{let P=g;do P=Math.max(P-1,0);while(f[P].option.disabled||f[P].groupDisabled);return P}):L();break;case"Home":h.preventDefault(),b(0);break;case"End":h.preventDefault(),b(f.length-1);break;case"Enter":case" ":{h.preventDefault();let{option:g,groupDisabled:P}=f[m];!g.disabled&&!P&&E(g.value);break}case"Escape":C();break}}return De(()=>{if(!n)return;let h=g=>{x.current&&!x.current.contains(g.target)&&u(!1)};return document.addEventListener("pointerdown",h),()=>document.removeEventListener("pointerdown",h)},[n]),H.createElement("div",{className:l([D.selectWrapper,r&&d.dark]),ref:x,style:{width:p,minWidth:p}},H.createElement("button",{ref:v,type:"button",role:"combobox","aria-haspopup":"listbox","aria-expanded":n,"aria-controls":T,"aria-activedescendant":n?`${T}-option-${m}`:void 0,disabled:e,onClick:()=>n?C():L(),onKeyDown:M,className:l([D.trigger,e&&D.disabled]),"aria-label":y?.label??c},H.createElement("span",{style:{overflow:"hidden"}},y?.label??c),H.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512",className:D.chevron,ref:w,"aria-hidden":!0},H.createElement("path",{d:"M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"}))),H.createElement("div",{role:"listbox",id:T,className:l([D.optionsList,n&&D.open,i==="top"?D.top:D.bottom]),onMouseLeave:()=>b(-1)},s.map(h=>"options"in h?H.createElement("div",{key:h.label,className:D.group},H.createElement("div",{className:D.groupLabel},h.label),h.options.map(g=>H.createElement(gr,{key:g.value,option:g,groupDisabled:!!h.disabled,activeIndex:m,value:a,index:f.findIndex(P=>P.option===g),onSelect:E,setActiveIndex:b,listId:T}))):H.createElement(gr,{key:h.value,option:h,groupDisabled:!1,activeIndex:m,value:a,index:f.findIndex(g=>g.option===h),onSelect:E,setActiveIndex:b,listId:T}))))}import sr,{cloneElement as Ge,isValidElement as Oe,useRef as Ve}from"react";var q={tag:"t",clickable:"sr",small:"Kr",medium:"Lr",large:"Mr",filled:"Ri",outlined:"dr",delIcon:"G",elevated:"Si",info:"Ti",success:"Ui",warning:"Nr",error:"Vi"};function He(t){let{children:r,color:e,dark:o=!1,deleteIcon:i,elevated:s=!1,href:c,label:a,onDelete:p,onClick:n,size:u="medium",target:m,variant:b}=t,v=Ve(null),w=y(),x=E(),T=null;if(p){let C;if(b==="filled")switch(e){case"info":case"success":case"error":C=o?"black":"white";break;case"warning":C="black";break;default:C=_(e)}else $(e)?C=void 0:C=e;T=i&&Oe(i)?Ge(i,{onClick:f}):sr.createElement("svg",{ref:v,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 384 512",onClick:f,className:l([q.delIcon,q[u]]),fill:C},sr.createElement("path",{d:"M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"}))}B(v);function f(C){C.stopPropagation(),p?.()}function y(){if(!$(e))return{"--uil-tag-font-color":_(e),"--uil-tag-color":e}}function E(){return l([q.tag,$(e)&&q[e],q[b],d.fit,s&&q.elevated,o&&d.dark,er(u),q[u],(n??c)&&q.clickable])}function L(C){(C.key==="Enter"||C.key===" ")&&n?.()}return c?sr.createElement("a",{href:c,target:m,style:w,className:x},a??r,T):sr.createElement("div",{className:x,onClick:()=>{n?.()},onKeyDown:n&&L,role:n&&"button",style:w,tabIndex:n&&0},a??r,T)}export{he as Accordion,ke as Breadcrumbs,Ne as Button,ve as Checkbox,ne as CircularProgress,lr as Details,$r as Dialog,Vr as DialogContent,Kr as DialogControls,Gr as DialogTitle,de as Input,mr as InputDecorator,se as LinearProgress,ae as Pagination,pr as Radio,re as RadioGroup,$e as Select,Te as Skeleton,Le as Switch,fe as TablePagination,He as Tag,ce as Textarea,Qr as ToastProvider,_ as useContrastColor,Zr as useToastContext};
|