@hbuesing/ui-library 10.0.1 → 10.0.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.
Files changed (3) hide show
  1. package/dist/index.css +1 -1
  2. package/dist/index.js +1 -1
  3. package/package.json +8 -8
package/dist/index.css CHANGED
@@ -1 +1 @@
1
- :root{--uil-black: #000000;--uil-black-w: #000000;--uil-black-alt: #222222;--uil-black-light: #2b2b2b;--uil-black-lighter: #333333;--uil-box-shadow-w: rgba(0, 0, 0, .3);--uil-switch-hover-w: rgba(0, 0, 0, .05);--uil-white: #ffffff;--uil-white-b: #ffffff;--uil-white-alt: #ffffff;--uil-grey-light: #f3f3f3;--uil-grey-light-alt: rgba(243, 243, 243, 1);--uil-grey: #e9e9e9;--uil-grey-alt: #cfcfcf;--uil-grey-dark: #757575;--uil-info-hover: 39, 121, 202;--uil-success-hover: 0, 156, 115;--uil-warning-hover: 255, 215, 0;--uil-error-hover: 207, 9, 52;--uil-info: #2876CD;--uil-success: #00875A;--uil-warning: #FFD700;--uil-warning-alt: #84722A;--uil-error: #CF0934;--uil-info-o: rgba(39, 121, 202, .3);--uil-success-o: rgba(0, 156, 115, .3);--uil-warning-o: rgba(255, 215, 0, .3);--uil-error-o: rgba(207, 9, 52, .3);--uil-top: initial;--uil-bottom: initial;--uil-left: initial;--uil-right: initial;--uil-progress-delay: .25s;--uil-pulse-anim: 2.5s;--uil-xxxs: .125rem;--uil-xxs: .25rem;--uil-xs: .5rem;--uil-s: .75rem;--uil-m: 1rem;--uil-l: 1.25rem;--uil-xl: 1.5rem;--uil-xxl: 1.75rem;--uil-xxxl: 2rem}.si{min-height:fit-content;min-width:fit-content;height:fit-content;width:fit-content}.ci{font-size:var(--uil-m);line-height:var(--uil-xl)}.bi{font-size:var(--uil-l);line-height:var(--uil-xxl)}.hi{font-size:var(--uil-xxl);line-height:2.25rem}.gi{--uil-black-w: #ffffff;--uil-black-alt: #c3c3c3;--uil-black-lighter: #dddddd;--uil-grey: #616161;--uil-grey-dark: #a3a3a3;--uil-grey-alt: #5c5c5c;--uil-grey-light-alt: rgba(243, 243, 243, .3);--uil-white-alt: #3a3a3a;--uil-white-b: #000000;--uil-info: #7bb4ff;--uil-info-hover: 123, 180, 255;--uil-success: #00cc96;--uil-success-hover: 0, 204, 150;--uil-warning: #FFFF3E;--uil-warning-alt: #dcdc38;--uil-warning-hover: 255, 255, 30;--uil-error: #fb0b41;--uil-error-hover: 239, 34, 79;--uil-info-o: rgba(123, 180, 255, .3);--uil-success-o: rgba(0, 204, 150, .3);--uil-warning-o: rgba(255, 255, 62, .3);--uil-error-o: rgba(251, 11, 65, .3);--uil-box-shadow-w: rgba(150, 150, 150, .3);--uil-switch-hover-w: rgba(255, 255, 255, .1)}.e{margin:auto;border-radius:6px;background-color:transparent;padding:0;border:transparent;--uil-dialog-component-padding: var(--uil-m)}.e::backdrop{background-color:#00000080}.e.ur{width:50%}@media(min-width:760px){.e.ur{width:25%}}@media(min-width:1920px){.e.ur{width:30%}}.e.dr{width:75%}@media(min-width:760px){.e.dr{width:50%}}@media(min-width:1920px){.e.dr{width:40%}}.e.sr{width:90%}@media(min-width:760px){.e.sr{width:75%}}@media(min-width:1920px){.e.sr{width:50%}}.e .vi{background-color:var(--uil-white-alt);border-radius:6px;display:flow-root}.e .P{--uil-dialog-title-background: transparent;--uil-dialog-title-font-color: var(--uil-black-w);font-weight:700;padding:var(--uil-dialog-component-padding);background-color:var(--uil-dialog-title-background);color:var(--uil-dialog-title-font-color)}.e .P.pi{--uil-dialog-title-background: var(--uil-info);--uil-dialog-title-font-color: var(--uil-white)}.e .P.xi{--uil-dialog-title-background: var(--uil-success);--uil-dialog-title-font-color: var(--uil-white)}.e .P.fi{--uil-dialog-title-background: var(--uil-warning);--uil-dialog-title-font-color: var(--uil-black-light)}.e .P.wi{--uil-dialog-title-background: var(--uil-error);--uil-dialog-title-font-color: var(--uil-white)}.e .Ar{padding:var(--uil-dialog-component-padding)}.e .Ar.mi{border-top:1px solid var(--uil-grey-alt);border-bottom:1px solid var(--uil-grey-alt)}.e .V{display:flex;gap:var(--uil-xxxl);padding:var(--uil-dialog-component-padding)}.e .V.ki{justify-content:start}.e .V.yi{justify-content:end}.e .V.zi{justify-content:space-between}.s{display:flex;flex-direction:column;gap:var(--uil-m);background-color:transparent;border:none;padding:var(--uil-xs);height:60%;max-height:60%;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none;z-index:2147483647;position:fixed;top:var(--uil-top);bottom:var(--uil-bottom);left:var(--uil-left);right:var(--uil-right)}.s.Yi{--uil-top: var(--uil-l)}.s.ji{--uil-bottom: var(--uil-l);flex-direction:column-reverse}.s.Fi{left:50%;transform:translate(-50%)}.s.Xi{top:50%;transform:translateY(-50%)}.s.Ai{left:50%;top:50%;transform:translate(-50%)}.s.Ci{--uil-left: var(--uil-l)}.s.Di{--uil-right: var(--uil-l);align-items:end}.s::-webkit-scrollbar{display:none}.s .j{display:flex;align-items:center;gap:var(--uil-s);opacity:0;color:var(--uil-white-alt);background-color:var(--uil-black-lighter);padding:var(--uil-xs);width:fit-content;border-radius:3px;transition:all .5s linear;transform:translateY(6px);box-shadow:1px 5px 6px -1px var(--uil-box-shadow-w);-webkit-box-shadow:1px 5px 6px -1px var(--uil-box-shadow-w);-moz-box-shadow:1px 5px 6px -1px var(--uil-box-shadow-w)}.s .j.Ei{opacity:1;transform:translateY(0)}.s .j.qi{opacity:0;transform:translateY(-6px)}.s .j.Bi{color:var(--uil-white);background-color:var(--uil-info)}.s .j.Gi{color:var(--uil-white);background-color:var(--uil-success)}.s .j.Hi{color:var(--uil-black);background-color:var(--uil-warning)}.s .j.Ii{color:var(--uil-white);background-color:var(--uil-error)}.s .j .Cr{height:var(--uil-s);width:var(--uil-s);box-sizing:content-box;padding:var(--uil-xs);border-radius:50%;cursor:pointer;border:none;background-color:transparent;fill:var(--uil-white-b)}.s .j .Cr:hover{background-color:#0000001a}.x{display:flex;align-items:center;gap:var(--uil-s)}.x:has(input:disabled) .Dr{color:var(--uil-grey-dark)}.x .Dr{color:var(--uil-black-w)}.x .y{position:relative;display:block;min-height:var(--uil-l);min-width:var(--uil-l);border:2px solid var(--uil-grey-dark);box-sizing:border-box;cursor:pointer}.x .y:hover,.x .y:has(input:checked){border-color:var(--uil-black-w)}.x .y.Ji{border-radius:2px}.x .y.Er,.x .y.Er .Ki{border-radius:50%}.x .y:has(input:disabled){border-color:var(--uil-grey-alt);cursor:default}.x .y input{position:absolute;cursor:pointer;height:0;width:0;opacity:0}.x .y input:checked~.cr{transform:scale(1)}.x .y input:disabled~.cr{background-color:var(--uil-grey-dark)}.x .y .cr{position:absolute;top:25%;left:25%;background-color:var(--uil-info);width:var(--uil-xs);height:var(--uil-xs);transform:scale(0);transition:.1s ease}.br{display:flex;gap:var(--uil-m)}.br.Li{flex-direction:row}.br.Mi{flex-direction:column}.D{--uil-pagination-size: var(--uil-xl);color:var(--uil-black-w);display:flex;align-items:center;margin:0;padding:0;min-height:var(--uil-pagination-size);font-size:calc(var(--uil-pagination-size) - var(--uil-xs))}@media(min-width:760px){.D{--uil-pagination-size: var(--uil-xxl)}}.D .J{border:none;outline:none;background-color:transparent;padding:var(--uil-xxs);display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:6px;height:var(--uil-pagination-size);width:var(--uil-pagination-size);font-size:calc(var(--uil-pagination-size) - var(--uil-xs))}.D .J:disabled{cursor:default}.D .J:disabled .qr{fill:var(--uil-grey-alt)}.D .J.Ni,.D .J:not(:disabled):hover{background-color:var(--uil-grey)}.D .J .qr{fill:var(--uil-black-lighter);height:100%;width:100%}.W{list-style:none;gap:var(--uil-xs)}@media(min-width:760px){.W{gap:var(--uil-s)}}.W .Br{height:var(--uil-pagination-size);width:var(--uil-pagination-size)}.W .Br .Oi{fill:var(--uil-grey-dark)}.E{height:1.875rem;width:1.875rem;transform:rotate(-90deg)}.E.Gr{animation:1.5s ease-in-out 0s infinite Hr}.E.Gr .K{animation:1.5s ease-in-out 0s infinite Ir}.E .K{transition:stroke-dashoffset var(--uil-progress-delay) ease-in-out 0ms}.E .K.hr{stroke:var(--uil-info)}.E .K.gr{stroke:var(--uil-success)}.E .K.vr{stroke:var(--uil-warning)}.E .K.pr{stroke:var(--uil-error)}@keyframes Ir{0%{stroke-dasharray:1px,120px;stroke-dashoffset:0}50%{stroke-dasharray:90px,120px;stroke-dashoffset:-10px}to{stroke-dasharray:1px,120px;stroke-dashoffset:-120px}}@keyframes Hr{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.w{overflow:hidden;position:relative;width:6rem;height:6px}.w.hr{background-color:var(--uil-info-o)}.w.gr{background-color:var(--uil-success-o)}.w.vr{background-color:var(--uil-warning-o)}.w.pr{background-color:var(--uil-error-o)}.w.Pi{background-color:var(--uil-grey-alt)}.w .G{position:absolute;right:0;left:0;height:100%;width:auto;transition:right var(--uil-progress-delay) ease-in-out 0ms}.w .G.Qi{animation:2.5s ease-in-out 0s infinite Jr}.w .G.Ri{animation:2.5s ease-in-out 0s infinite Kr}.w .G.hr{background-color:var(--uil-info)}.w .G.gr{background-color:var(--uil-success)}.w .G.vr{background-color:var(--uil-warning)}.w .G.pr{background-color:var(--uil-error)}@keyframes Jr{0%{left:-25%;right:100%}70%{left:100%;right:-80%}to{left:100%}}@keyframes Kr{0%{left:-25%;right:100%}55%{left:-35%;right:100%}to{left:100%;right:-160%}}.Lr{background-color:transparent;border:none;padding:0;cursor:pointer;display:flex;width:fit-content;height:fit-content}.Lr .Si{width:var(--uil-xxl);height:var(--uil-xxl);fill:var(--uil-black-w)}.m{width:100%;height:100%;position:fixed;top:0;z-index:99;transition:all .5s ease-in-out;display:flex;flex-direction:column;gap:var(--uil-xl);box-sizing:border-box;padding:var(--uil-xl) 2rem;background-color:var(--uil-white-alt);color:var(--uil-black-w)}@media(min-width:760px){.m{min-width:50%;width:auto}}@media(min-width:1025px){.m{min-width:40%}}@media(min-width:1250px){.m{min-width:25%}}@media(min-width:1920px){.m{min-width:15%}}.m.Mr{right:100%}.m.Mr.Nr{transform:translate(100%)}.m.Or{left:100%}.m.Or.Nr{transform:translate(-100%)}.m nav{display:flex;flex-direction:column;gap:var(--uil-xl);overflow:auto;height:100%}.m .Ti{font-size:var(--uil-xxl);line-height:var(--uil-xxl);font-weight:400;width:100%;padding-bottom:var(--uil-xxs);margin-top:var(--uil-xxxl);border-bottom:1px solid var(--uil-grey-dark);cursor:default}.m .Pr{font-size:var(--uil-xl);line-height:var(--uil-xl);opacity:.75;font-weight:400;cursor:default;width:100%}.m .Pr:hover{font-size:var(--uil-xxl);opacity:1}.Ui{position:fixed;inset:0;background-color:var(--uil-black);opacity:.5;z-index:90}.r{width:100%;--uil-input-focus-color: var(--uil-info)}.r .i{position:relative;display:flex;align-items:center;width:100%;box-sizing:border-box}.r .i.f{border-bottom:1px solid var(--uil-grey-dark)}.r .i.f .l{padding-left:0}.r .i.f .F{left:0}.r .i.f .h{border-bottom:1px solid var(--uil-grey-dark)}.r .i.f .u.Z{margin-right:.875rem}.r .i.f~.xr{margin-left:0}.r .i.k,.r .i.k .h{border:1px solid var(--uil-grey-dark);border-radius:5px}.r .i.k .u.Z{margin-left:.875rem}.r .i.k .u.Vi{margin-right:.875rem}.r .i.f:not(:has(.l:disabled)):not(.Y):not(:focus-within):not(:has(.u.X)):has(.l:placeholder-shown):hover,.r .i.f:not(:has(.l:disabled)):not(.Y):not(:focus-within):has(:not(.l:placeholder-shown)):hover .h,.r .i.k:not(:has(.l:disabled)):not(.Y):not(:focus-within):not(:has(.u.X)):has(.l:placeholder-shown):hover,.r .i.k:not(:has(.l:disabled)):not(.Y):not(:focus-within):has(:not(.l:placeholder-shown)):hover .h{border-color:var(--uil-black-w)}.r .i.f:focus-within,.r .i.f:has(.l:not(:placeholder-shown)),.r .i.f:has(.l:disabled:not(:placeholder-shown)),.r .i.f:has(.u.X),.r .i.k:focus-within,.r .i.k:has(.l:not(:placeholder-shown)),.r .i.k:has(.l:disabled:not(:placeholder-shown)),.r .i.k:has(.u.X){border-color:transparent}.r .i.f:has(.u.Z),.r .i.k:has(.u.Z){flex-direction:row-reverse}.r .i.f:has(.l:disabled:placeholder-shown):not(:has(.u.X)),.r .i.k:has(.l:disabled:placeholder-shown):not(:has(.u.X)){border-color:var(--uil-grey-alt)}.r .i.Y .F{color:var(--uil-error);opacity:1}.r .i.Y,.r .i.Y .h{border-color:var(--uil-error)}.r .i:not(.Y) .l:not(:disabled):focus~.F{opacity:1;color:var(--uil-input-focus-color)}.r .i:not(.Y) .l:focus~.h{border-color:var(--uil-input-focus-color)}.r .i .h{border-radius:0;padding:var(--uil-xs);margin:0;position:absolute;left:0;right:0;bottom:0;pointer-events:none;visibility:hidden;border:none;min-height:2.1875rem;box-sizing:content-box;font-size:var(--uil-m)}.r .i .h .Wi{visibility:hidden;padding:0 2px}.r .i .F{position:absolute;top:25%;left:.7rem;cursor:text;color:var(--uil-black-w);opacity:.6;transition:top .25s ease;font-size:var(--uil-m)}.r .i .F.Zi{top:var(--uil-m)}.r .i .Q{font-size:var(--uil-l);line-height:var(--uil-l);transition:font-size .2s ease}.r .i .Q._i{margin-left:var(--uil-xxxs)}.r .i .l{box-sizing:border-box;width:100%;color:var(--uil-black-w);background-color:transparent;border-radius:0;padding:var(--uil-xs);padding-left:.65rem;border:none;outline:none}.r .i .l:disabled{color:var(--uil-grey-dark)}.r .i .l:disabled~.h,.r .i .l:disabled:not(:placeholder-shown)~.h{border-color:var(--uil-grey-alt)}.r .i .l:disabled~.F{color:var(--uil-grey-dark);opacity:1;cursor:default}.r .i .l:focus~.u.fr,.r .i .l:not(:placeholder-shown)~.u.fr{visibility:visible}.r .i .l:focus~.h{border-width:2px;padding:7px}.r .i .Qr{min-width:fit-content;min-height:fit-content;margin:var(--uil-xxs);resize:var(--uil-textarea-resize)}.r .i .Qr~.h{top:-.5rem}.r .i .u{min-width:fit-content;opacity:.75;cursor:default;border:none;background-color:transparent}.r .i .u.fr{visibility:hidden}.r .i .u.Rr{display:flex;align-items:center;cursor:pointer;padding:0}.r .i .u.Rr:disabled{color:var(--uil-grey-dark);cursor:default}.r .i .l:focus~*.h,.r .i .l:not(:placeholder-shown)~*.h,.r .i .u.X~*.h{visibility:visible}.r .i .l:focus~*.F,.r .i .l:not(:placeholder-shown)~*.F,.r .i .u.X~*.F{top:-.65rem}.r .i .l:focus~* .Q,.r .i .l:not(:placeholder-shown)~* .Q,.r .i .u.X~* .Q{font-size:var(--uil-m);line-height:var(--uil-m)}.r .xr{color:var(--uil-grey-dark);font-size:var(--uil-m);line-height:var(--uil-m);margin-left:var(--uil-s);margin-top:var(--uil-xxs);min-height:var(--uil-m)}.r .xr.Y{color:var(--uil-error)}.o{position:relative;width:250px}.o.z .q{border-width:2px;border-color:var(--uil-info)}.o.z .L{color:var(--uil-info)}.o.A:not(.z) .q{border-color:var(--uil-black-w)}.o.A:not(.z) .L{color:var(--uil-black-w)}.o.z .q,.o.A .q{visibility:visible;transform:translateY(-.5em)}.o.z .L,.o.A .L{top:-.6rem;font-size:var(--uil-m);opacity:1}.o.z .g,.o.A .g{border-color:transparent}.o:not(:has(.g:disabled)):not(.z):not(.A):hover .g{border-color:var(--uil-black-lighter)}.o:not(:has(.g:disabled)):not(.z):not(.A) .g:focus{border-color:var(--uil-black-w);border-width:2px}.o:not(:has(.g:disabled)):not(.z):has(.g:focus) .q{border-color:var(--uil-black-w);border-width:2px}.o:has(.g:disabled):not(.A) .g{border-color:var(--uil-grey-alt)}.o:has(.g:disabled).A .q{border-color:var(--uil-grey-alt)}.o .q{position:absolute;inset:0;pointer-events:none;visibility:hidden;border:1px solid var(--uil-grey-dark);border-radius:var(--uil-xs);padding:0 .5rem;box-sizing:border-box;min-height:52px;margin:0;outline:none}.o .q legend{visibility:hidden;padding:0 2px;font-size:var(--uil-m)}.o .L{position:absolute;top:25%;left:.7rem;cursor:pointer;color:var(--uil-black-w);opacity:.6;transition:top .25s ease,font-size .2s ease;font-size:1.125rem}.o .g{width:100%;padding:var(--uil-xs);font-size:1.125rem;line-height:var(--uil-l);border:1px solid var(--uil-grey-dark);background-color:transparent;color:var(--uil-black-w);border-radius:var(--uil-xs);display:flex;align-items:center;justify-content:space-between;gap:var(--uil-s);cursor:pointer;min-height:44px;outline:none}.o .g:disabled{cursor:default;color:var(--uil-grey-dark)}.o .g:disabled .Sr{fill:var(--uil-grey-dark)}.o .g:disabled~.L{cursor:default;color:var(--uil-grey-dark)}.o .Sr{width:var(--uil-m);height:var(--uil-m);fill:var(--uil-black-w);opacity:.8}.o .b{position:absolute;top:100%;width:100%;background-color:var(--uil-white-alt);border-radius:9px;padding:.75rem;box-sizing:border-box;margin-top:.25rem;border:1px solid rgba(0,0,0,.2);box-shadow:0 1px 2px #00000014,0 8px 24px #0000001f;opacity:0;visibility:hidden;transform-origin:top center;transform:translateY(-.5rem) scale(.96);transition:opacity .2s ease,transform .2s ease,visibility .1s ease}.o .b.ro{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.o .b .M{width:100%;display:flex;justify-content:space-between;gap:.25rem;margin-bottom:1rem;color:var(--uil-black-w)}.o .b .M ._{border:none;background-color:transparent;padding:0;cursor:pointer}.o .b .M ._:disabled{cursor:default}.o .b .M ._:disabled .Tr{fill:var(--uil-grey-dark)}.o .b .M ._ .Tr{width:1rem;height:1rem;fill:var(--uil-black-w)}.o .b .M span{font-weight:500}.o .b .io .H{width:1.75rem;height:1rem;font-size:.8rem;text-align:center;color:var(--uil-black-w)}.o .b .oo td{height:6px}.o .b .N .H{width:1.75rem;height:1.75rem;padding:0;background-color:transparent;border:none;color:var(--uil-grey-dark);border-radius:4px}.o .b .N .H:not(:disabled):not(.rr):hover{background-color:var(--uil-info-o);color:var(--uil-black-w)}.o .b .N .H:not(:disabled):not(.rr).z{color:var(--uil-black-w)}.o .b .N .H.rr{color:var(--uil-white);background-color:var(--uil-info)}.o .b .N .H:not(.rr).lo{border:1px solid var(--uil-black-alt)}.o .b .N .H:disabled{background-color:var(--uil-grey)}.R{gap:var(--uil-xs)}@media(min-width:760px){.R{gap:var(--uil-m)}}.R .ao{color:var(--uil-black-alt);background-color:var(--uil-white-alt);border:1px solid var(--uil-black-alt);border-radius:3px;outline:none;padding:var(--uil-xxs) var(--uil-xxs) var(--uil-xxs) 0;height:100%}.R p{margin:0}.R .to{display:flex;gap:var(--uil-xxs);height:100%}.v{width:100%;color:var(--uil-black-w);background-color:var(--uil-white-alt);box-shadow:0 1px 3px -1px var(--uil-grey-alt);border:1px solid var(--uil-grey-alt);border-radius:5px}.v[open]{overflow-x:auto}.v[open] .C.eo{border-bottom:1px solid var(--uil-grey-alt);box-shadow:0 0 1px 0 var(--uil-grey-alt)}.v[open] .C .ir{rotate:90deg}.v .C{width:100%;cursor:pointer;display:flex;align-items:center;padding:var(--uil-xs);box-sizing:border-box}.v .C::marker{content:none}.v .C::-webkit-details-marker{display:none}.v .C.no .ir{margin-right:var(--uil-s)}.v .C.Ur{flex-direction:row-reverse;justify-content:space-between}.v .C.Ur .ir{margin-left:var(--uil-s)}.v .C .ir{height:var(--uil-s);width:var(--uil-s);fill:var(--uil-black-lighter);transition:rotate .2s ease-in-out}.v .uo{padding:var(--uil-xs)}.or{display:flex;flex-direction:column}.or .v{border-radius:unset;border-bottom:none}.or .v:first-of-type{border-top-left-radius:5px;border-top-right-radius:5px}.or .v:last-of-type{border-bottom-left-radius:5px;border-bottom-right-radius:5px;border-bottom:1px solid var(--uil-grey-alt)}.B{list-style:none;display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin:0;padding:0}.B.do li:last-child{font-weight:700}.B li{cursor:default;color:var(--uil-grey-dark);display:flex;align-items:center}.B .Vr:last-child,.B .Vr:hover{color:var(--uil-black-w)}.B .wr{background-color:transparent;border:none;padding:0;margin:0}.B .wr svg{cursor:pointer;fill:var(--uil-grey-dark);height:var(--uil-xl);width:var(--uil-xl)}.B .wr svg:hover{fill:var(--uil-black-w)}.Wr{background-color:var(--uil-grey-alt);height:var(--uil-m);width:100%}.Wr.so{animation:ease-in-out var(--uil-pulse-anim) infinite Zr}@keyframes Zr{0%{opacity:1}50%{opacity:.45}to{opacity:1}}.n{display:block;border:1px solid transparent;border-radius:5px;box-sizing:border-box;background-color:transparent;cursor:pointer;text-decoration:none}.n.lr{box-shadow:0 0 2px 0 var(--uil-black-alt)}.n.co{--uil-button-font-color: var(--uil-white-b);--uil-button-color: var(--uil-info);--uil-button-hover-color: var(--uil-info-hover)}.n.bo{--uil-button-font-color: var(--uil-white-b);--uil-button-color: var(--uil-success);--uil-button-hover-color: var(--uil-success-hover)}.n.mr{--uil-button-font-color: var(--uil-black-light);--uil-button-color: var(--uil-warning);--uil-button-hover-color: var(--uil-warning-hover)}.n.mr.ar,.n.mr.kr{--uil-button-color: var(--uil-warning-alt)}.n.ho{--uil-button-font-color: var(--uil-white-b);--uil-button-color: var(--uil-error);--uil-button-hover-color: var(--uil-error-hover)}.n:not(:disabled).lr{color:var(--uil-button-font-color);background-color:var(--uil-button-color)}.n:not(:disabled).lr:hover{background-color:rgba(var(--uil-button-hover-color),.8)}.n:not(:disabled).ar{color:var(--uil-button-color);border-color:var(--uil-button-color)}.n:not(:disabled).ar:hover{background-color:rgba(var(--uil-button-hover-color),.08)}.n:not(:disabled).kr{color:var(--uil-button-color)}.n:not(:disabled).kr:hover{background-color:rgba(var(--uil-button-hover-color),.08)}.n.yr{cursor:default;color:var(--uil-grey-dark)}.n.yr.lr{background-color:var(--uil-grey-light)}.n.yr.ar{border-color:var(--uil-grey-dark)}.n._r{letter-spacing:1px;padding:var(--uil-xxs) var(--uil-xs)}.n._r.zr{border-radius:var(--uil-m)}.n.ri{letter-spacing:2px;padding:var(--uil-xs) var(--uil-s)}.n.ri.zr{border-radius:var(--uil-xl)}.n.ii{letter-spacing:2px;padding:var(--uil-xs) var(--uil-s)}.n.ii.zr{border-radius:var(--uil-xxl)}.a{height:var(--uil-xxxl);position:relative;display:inline-flex;box-sizing:border-box}.a.tr{padding:.7rem 0;width:var(--uil-xxxl)}.a.tr .p{width:var(--uil-m);height:var(--uil-m);top:var(--uil-xs)}.a.tr .p:has(input:checked){left:calc(100% - var(--uil-m))}.a.tr .S{border-radius:6px}.a.er{padding:var(--uil-xs) 0;width:2.75rem}.a.er .p{width:var(--uil-l);height:var(--uil-l);top:.375rem}.a.er .p:has(input:checked){left:calc(100% - var(--uil-l))}.a.er .S{border-radius:9px}.a.nr{padding:var(--uil-xxs) 0;width:4.25rem}.a.nr .p{width:var(--uil-xxxl);height:var(--uil-xxxl);top:.0125rem}.a.nr .p:has(input:checked){left:calc(100% - var(--uil-xxxl))}.a.nr .S{border-radius:var(--uil-s)}.a.go{--uil-switch-color: var(--uil-info)}.a.vo{--uil-switch-color: var(--uil-success)}.a.po{--uil-switch-color: var(--uil-warning)}.a.xo{--uil-switch-color: var(--uil-error)}.a .S{height:100%;width:100%;opacity:.25;z-index:-1;background-color:var(--uil-black-lighter);transition:background-color .1s ease-in-out}.a .p{position:absolute;left:0;cursor:pointer;transition:left .15s ease-in-out;border-radius:50%}.a .p:not(:has(input:disabled)):hover,.a .p:not(:has(input:disabled)):has(input:focus){outline:6px solid var(--uil-switch-hover-w)}.a .p:not(:has(input:disabled)):has(input:checked)~.S{background-color:var(--uil-switch-color)}.a .p:not(:has(input:disabled)):has(input:checked) .Yr{background-color:var(--uil-switch-color)}.a .p:has(input:disabled){cursor:default}.a .p:has(input:disabled) .Yr{background-color:var(--uil-grey-dark)}.a .p .Yr{width:100%;height:100%;border-radius:50%;background-color:var(--uil-white);box-shadow:1px 1px 3px -1px var(--uil-black-alt)}.a .p input{clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;margin:-1px;overflow:hidden;padding:0;position:absolute}.t{position:relative;width:100%;min-width:10rem}.t .I{padding:var(--uil-xs);font-size:var(--uil-l);line-height:var(--uil-xl);border:1px solid var(--uil-grey-dark);background-color:var(--uil-white-alt);border-radius:var(--uil-xs);width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--uil-s);color:var(--uil-black-w);cursor:pointer;white-space:nowrap}.t .I:hover,.t .I:focus{border-color:var(--uil-black-alt)}.t .I.jr{cursor:default;color:var(--uil-grey-dark);background-color:var(--uil-grey-light-alt);border-color:var(--uil-grey-dark)}.t .I.jr .oi{fill:var(--uil-grey-dark)}.t .I .fo{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.t .I .oi{width:var(--uil-m);height:var(--uil-m);fill:var(--uil-black-w);flex-shrink:0}.t .c{position:absolute;display:flex;flex-direction:column;box-sizing:border-box;background-color:var(--uil-white-alt);width:100%;border:1px solid var(--uil-black-alt);border-radius:var(--uil-xs);cursor:default;opacity:0;visibility:hidden;transition:opacity .2s ease,transform .2s ease,visibility .1s ease;z-index:999;overflow:hidden}.t .c.li{bottom:100%;margin-bottom:var(--uil-xxs);transform:translateY(.5rem)}.t .c.ai{top:100%;margin-top:var(--uil-xxs);transform:translateY(-.5rem)}.t .c.li.ti,.t .c.ai.ti{opacity:1;visibility:visible;transform:translateY(0);box-shadow:0 var(--uil-xs) var(--uil-m) #00000026}.t .c .T{max-height:200px;overflow-y:auto}.t .c .T::-webkit-scrollbar{width:6px}.t .c .T::-webkit-scrollbar-track{background:transparent}.t .c .T::-webkit-scrollbar-thumb{background-color:#00000040;border-radius:12px}.t .c .T::-webkit-scrollbar-thumb:hover{background-color:#0006}.t .c .wo{color:var(--uil-black-alt);font-size:.875rem;margin-bottom:var(--uil-xxs);margin-top:var(--uil-xxs);text-decoration:underline;padding:var(--uil-xs)}.t .c .O{cursor:pointer;color:var(--uil-black-w);padding:var(--uil-xs);--uil-is-active: var(--uil-grey-light-alt);--uil-is-selected: rgba(123, 180, 255, .2)}.t .c .O:last-of-type{border-bottom-left-radius:var(--uil-xs);border-bottom-right-radius:var(--uil-xs)}.t .c .O:first-of-type{border-top-left-radius:var(--uil-xs);border-top-right-radius:var(--uil-xs)}.t .c .O.mo{background-color:var(--uil-is-active)}.t .c .O.ko{background-color:var(--uil-is-selected)}.t .c .O.jr{color:var(--uil-grey-dark);cursor:default}.d{display:flex;align-items:center;gap:var(--uil-s);cursor:default;outline:none;border-width:2px;border-style:solid}.d.Fr{cursor:pointer}.d.Fr:focus,.d.Fr:hover{opacity:.85}.d.ei{padding:var(--uil-xxs) var(--uil-xs);border-radius:var(--uil-m)}.d.ni{padding:var(--uil-xs) var(--uil-s);border-radius:var(--uil-xl)}.d.ui{padding:var(--uil-xs) var(--uil-s);border-radius:var(--uil-xxl)}.d.yo{border:transparent;color:var(--uil-tag-font-color);background-color:var(--uil-tag-color)}.d.Xr{background-color:transparent;color:var(--uil-tag-color);border-color:var(--uil-tag-color)}.d.Xr .U{fill:var(--uil-tag-color)}.d.zo{box-shadow:0 0 2px 0 var(--uil-black-alt)}.d.Yo{--uil-tag-font-color: var(--uil-white-b);--uil-tag-color: var(--uil-info)}.d.jo{--uil-tag-font-color: var(--uil-white-b);--uil-tag-color: var(--uil-success)}.d.di{--uil-tag-font-color: var(--uil-black-light);--uil-tag-color: var(--uil-warning)}.d.di.Xr{--uil-tag-color: var(--uil-warning-alt)}.d.Fo{--uil-tag-font-color: var(--uil-white-b);--uil-tag-color: var(--uil-error)}.d .U{cursor:pointer}.d .U.ei{width:var(--uil-m);height:var(--uil-m)}.d .U.ni{width:var(--uil-xl);height:var(--uil-xl)}.d .U.ui{width:var(--uil-xxl);height:var(--uil-xxl)}
1
+ :root{--uil-black: #000000;--uil-black-w: #000000;--uil-black-alt: #222222;--uil-black-light: #2b2b2b;--uil-black-lighter: #333333;--uil-box-shadow-w: rgba(0, 0, 0, .3);--uil-switch-hover-w: rgba(0, 0, 0, .05);--uil-white: #ffffff;--uil-white-b: #ffffff;--uil-white-alt: #ffffff;--uil-grey-light: #f3f3f3;--uil-grey-light-alt: rgba(243, 243, 243, 1);--uil-grey: #e9e9e9;--uil-grey-alt: #cfcfcf;--uil-grey-dark: #757575;--uil-info-hover: 39, 121, 202;--uil-success-hover: 0, 156, 115;--uil-warning-hover: 255, 215, 0;--uil-error-hover: 207, 9, 52;--uil-info: #2876CD;--uil-success: #00875A;--uil-warning: #FFD700;--uil-warning-alt: #84722A;--uil-error: #CF0934;--uil-info-o: rgba(39, 121, 202, .3);--uil-success-o: rgba(0, 156, 115, .3);--uil-warning-o: rgba(255, 215, 0, .3);--uil-error-o: rgba(207, 9, 52, .3);--uil-top: initial;--uil-bottom: initial;--uil-left: initial;--uil-right: initial;--uil-progress-delay: .25s;--uil-pulse-anim: 2.5s;--uil-xxxs: .125rem;--uil-xxs: .25rem;--uil-xs: .5rem;--uil-s: .75rem;--uil-m: 1rem;--uil-l: 1.25rem;--uil-xl: 1.5rem;--uil-xxl: 1.75rem;--uil-xxxl: 2rem}.si{min-height:fit-content;min-width:fit-content;height:fit-content;width:fit-content}.ci{font-size:var(--uil-m);line-height:var(--uil-xl)}.bi{font-size:var(--uil-l);line-height:var(--uil-xxl)}.hi{font-size:var(--uil-xxl);line-height:2.25rem}.gi{--uil-black-w: #ffffff;--uil-black-alt: #c3c3c3;--uil-black-lighter: #dddddd;--uil-grey: #616161;--uil-grey-dark: #a3a3a3;--uil-grey-alt: #5c5c5c;--uil-grey-light-alt: rgba(243, 243, 243, .3);--uil-white-alt: #3a3a3a;--uil-white-b: #000000;--uil-info: #7bb4ff;--uil-info-hover: 123, 180, 255;--uil-success: #00cc96;--uil-success-hover: 0, 204, 150;--uil-warning: #FFFF3E;--uil-warning-alt: #dcdc38;--uil-warning-hover: 255, 255, 30;--uil-error: #fb0b41;--uil-error-hover: 239, 34, 79;--uil-info-o: rgba(123, 180, 255, .3);--uil-success-o: rgba(0, 204, 150, .3);--uil-warning-o: rgba(255, 255, 62, .3);--uil-error-o: rgba(251, 11, 65, .3);--uil-box-shadow-w: rgba(150, 150, 150, .3);--uil-switch-hover-w: rgba(255, 255, 255, .1)}.e{margin:auto;border-radius:6px;background-color:transparent;padding:0;border:transparent;--uil-dialog-component-padding: var(--uil-m)}.e::backdrop{background-color:#00000080}.e.ur{width:50%}@media(min-width:760px){.e.ur{width:25%}}@media(min-width:1920px){.e.ur{width:30%}}.e.dr{width:75%}@media(min-width:760px){.e.dr{width:50%}}@media(min-width:1920px){.e.dr{width:40%}}.e.sr{width:90%}@media(min-width:760px){.e.sr{width:75%}}@media(min-width:1920px){.e.sr{width:50%}}.e .vi{background-color:var(--uil-white-alt);border-radius:6px;display:flow-root}.e .P{--uil-dialog-title-background: transparent;--uil-dialog-title-font-color: var(--uil-black-w);font-weight:700;padding:var(--uil-dialog-component-padding);background-color:var(--uil-dialog-title-background);color:var(--uil-dialog-title-font-color)}.e .P.pi{--uil-dialog-title-background: var(--uil-info);--uil-dialog-title-font-color: var(--uil-white)}.e .P.xi{--uil-dialog-title-background: var(--uil-success);--uil-dialog-title-font-color: var(--uil-white)}.e .P.fi{--uil-dialog-title-background: var(--uil-warning);--uil-dialog-title-font-color: var(--uil-black-light)}.e .P.wi{--uil-dialog-title-background: var(--uil-error);--uil-dialog-title-font-color: var(--uil-white)}.e .Ar{padding:var(--uil-dialog-component-padding)}.e .Ar.mi{border-top:1px solid var(--uil-grey-alt);border-bottom:1px solid var(--uil-grey-alt)}.e .V{display:flex;gap:var(--uil-xxxl);padding:var(--uil-dialog-component-padding)}.e .V.ki{justify-content:start}.e .V.yi{justify-content:end}.e .V.zi{justify-content:space-between}.s{display:flex;flex-direction:column;gap:var(--uil-m);background-color:transparent;border:none;padding:var(--uil-xs);height:60%;max-height:60%;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none;z-index:2147483647;position:fixed;top:var(--uil-top);bottom:var(--uil-bottom);left:var(--uil-left);right:var(--uil-right)}.s.Yi{--uil-top: var(--uil-l)}.s.ji{--uil-bottom: var(--uil-l);flex-direction:column-reverse}.s.Fi{left:50%;transform:translate(-50%)}.s.Xi{top:50%;transform:translateY(-50%)}.s.Ai{left:50%;top:50%;transform:translate(-50%)}.s.Ci{--uil-left: var(--uil-l)}.s.Di{--uil-right: var(--uil-l);align-items:end}.s::-webkit-scrollbar{display:none}.s .j{display:flex;align-items:center;gap:var(--uil-s);opacity:0;color:var(--uil-white-alt);background-color:var(--uil-black-lighter);padding:var(--uil-xs);width:fit-content;border-radius:3px;transition:all .5s linear;transform:translateY(6px);box-shadow:1px 5px 6px -1px var(--uil-box-shadow-w);-webkit-box-shadow:1px 5px 6px -1px var(--uil-box-shadow-w);-moz-box-shadow:1px 5px 6px -1px var(--uil-box-shadow-w)}.s .j.Ei{opacity:1;transform:translateY(0)}.s .j.qi{opacity:0;transform:translateY(-6px)}.s .j.Bi{color:var(--uil-white);background-color:var(--uil-info)}.s .j.Gi{color:var(--uil-white);background-color:var(--uil-success)}.s .j.Hi{color:var(--uil-black);background-color:var(--uil-warning)}.s .j.Ii{color:var(--uil-white);background-color:var(--uil-error)}.s .j .Cr{height:var(--uil-s);width:var(--uil-s);box-sizing:content-box;padding:var(--uil-xs);border-radius:50%;cursor:pointer;border:none;background-color:transparent;fill:var(--uil-white-b)}.s .j .Cr:hover{background-color:#0000001a}.x{display:flex;align-items:center;gap:var(--uil-s)}.x:has(input:disabled) .Dr{color:var(--uil-grey-dark)}.x .Dr{color:var(--uil-black-w)}.x .y{position:relative;display:block;min-height:var(--uil-l);min-width:var(--uil-l);border:2px solid var(--uil-grey-dark);box-sizing:border-box;cursor:pointer}.x .y:hover,.x .y:has(input:checked){border-color:var(--uil-black-w)}.x .y.Ji{border-radius:2px}.x .y.Er,.x .y.Er .Ki{border-radius:50%}.x .y:has(input:disabled){border-color:var(--uil-grey-alt);cursor:default}.x .y input{position:absolute;cursor:pointer;height:0;width:0;opacity:0}.x .y input:checked~.cr{transform:scale(1)}.x .y input:disabled~.cr{background-color:var(--uil-grey-dark)}.x .y .cr{position:absolute;top:25%;left:25%;background-color:var(--uil-info);width:var(--uil-xs);height:var(--uil-xs);transform:scale(0);transition:.1s ease}.br{display:flex;gap:var(--uil-m)}.br.Li{flex-direction:row}.br.Mi{flex-direction:column}.D{--uil-pagination-size: var(--uil-xl);color:var(--uil-black-w);display:flex;align-items:center;margin:0;padding:0;min-height:var(--uil-pagination-size);font-size:calc(var(--uil-pagination-size) - var(--uil-xs))}@media(min-width:760px){.D{--uil-pagination-size: var(--uil-xxl)}}.D .J{border:none;outline:none;background-color:transparent;padding:var(--uil-xxs);display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:6px;height:var(--uil-pagination-size);width:var(--uil-pagination-size);font-size:calc(var(--uil-pagination-size) - var(--uil-xs))}.D .J:disabled{cursor:default}.D .J:disabled .qr{fill:var(--uil-grey-alt)}.D .J.Ni,.D .J:not(:disabled):hover{background-color:var(--uil-grey)}.D .J .qr{fill:var(--uil-black-lighter);height:100%;width:100%}.W{list-style:none;gap:var(--uil-xs)}@media(min-width:760px){.W{gap:var(--uil-s)}}.W .Br{height:var(--uil-pagination-size);width:var(--uil-pagination-size)}.W .Br .Oi{fill:var(--uil-grey-dark)}.E{height:1.875rem;width:1.875rem;transform:rotate(-90deg)}.E.Gr{animation:1.5s ease-in-out 0s infinite Hr}.E.Gr .K{animation:1.5s ease-in-out 0s infinite Ir}.E .K{transition:stroke-dashoffset var(--uil-progress-delay) ease-in-out 0ms}.E .K.hr{stroke:var(--uil-info)}.E .K.gr{stroke:var(--uil-success)}.E .K.vr{stroke:var(--uil-warning)}.E .K.pr{stroke:var(--uil-error)}@keyframes Ir{0%{stroke-dasharray:1px,120px;stroke-dashoffset:0}50%{stroke-dasharray:90px,120px;stroke-dashoffset:-10px}to{stroke-dasharray:1px,120px;stroke-dashoffset:-120px}}@keyframes Hr{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.w{overflow:hidden;position:relative;width:6rem;height:6px}.w.hr{background-color:var(--uil-info-o)}.w.gr{background-color:var(--uil-success-o)}.w.vr{background-color:var(--uil-warning-o)}.w.pr{background-color:var(--uil-error-o)}.w.Pi{background-color:var(--uil-grey-alt)}.w .G{position:absolute;right:0;left:0;height:100%;width:auto;transition:right var(--uil-progress-delay) ease-in-out 0ms}.w .G.Qi{animation:2.5s ease-in-out 0s infinite Jr}.w .G.Ri{animation:2.5s ease-in-out 0s infinite Kr}.w .G.hr{background-color:var(--uil-info)}.w .G.gr{background-color:var(--uil-success)}.w .G.vr{background-color:var(--uil-warning)}.w .G.pr{background-color:var(--uil-error)}@keyframes Jr{0%{left:-25%;right:100%}70%{left:100%;right:-80%}to{left:100%}}@keyframes Kr{0%{left:-25%;right:100%}55%{left:-35%;right:100%}to{left:100%;right:-160%}}.Lr{background-color:transparent;border:none;padding:0;cursor:pointer;display:flex;width:fit-content;height:fit-content}.Lr .Si{width:var(--uil-xxl);height:var(--uil-xxl);fill:var(--uil-black-w)}.m{width:100%;height:100%;position:fixed;top:0;z-index:99;transition:all .5s ease-in-out;display:flex;flex-direction:column;gap:var(--uil-xl);box-sizing:border-box;padding:var(--uil-xl) 2rem;background-color:var(--uil-white-alt);color:var(--uil-black-w)}@media(min-width:760px){.m{min-width:50%;width:auto}}@media(min-width:1025px){.m{min-width:40%}}@media(min-width:1250px){.m{min-width:25%}}@media(min-width:1920px){.m{min-width:15%}}.m.Mr{right:100%}.m.Mr.Nr{transform:translate(100%)}.m.Or{left:100%}.m.Or.Nr{transform:translate(-100%)}.m nav{display:flex;flex-direction:column;gap:var(--uil-xl);overflow:auto;height:100%}.m .Ti{font-size:var(--uil-xxl);line-height:var(--uil-xxl);font-weight:400;width:100%;padding-bottom:var(--uil-xxs);margin-top:var(--uil-xxxl);border-bottom:1px solid var(--uil-grey-dark);cursor:default}.m .Pr{font-size:var(--uil-xl);line-height:var(--uil-xl);opacity:.75;font-weight:400;cursor:default;width:100%}.m .Pr:hover{font-size:var(--uil-xxl);opacity:1}.Ui{position:fixed;inset:0;background-color:var(--uil-black);opacity:.5;z-index:90}.r{width:100%;--uil-input-focus-color: var(--uil-info)}.r .i{position:relative;display:flex;align-items:center;width:100%;box-sizing:border-box}.r .i.f{border-bottom:1px solid var(--uil-grey-dark)}.r .i.f .l{padding-left:0}.r .i.f .F{left:0}.r .i.f .h{border-bottom:1px solid var(--uil-grey-dark)}.r .i.f .u.Z{margin-right:.875rem}.r .i.f~.xr{margin-left:0}.r .i.k,.r .i.k .h{border:1px solid var(--uil-grey-dark);border-radius:5px}.r .i.k .u.Z{margin-left:.875rem}.r .i.k .u.Vi{margin-right:.875rem}.r .i.f:not(:has(.l:disabled)):not(.Y):not(:focus-within):not(:has(.u.X)):has(.l:placeholder-shown):hover,.r .i.f:not(:has(.l:disabled)):not(.Y):not(:focus-within):has(:not(.l:placeholder-shown)):hover .h,.r .i.k:not(:has(.l:disabled)):not(.Y):not(:focus-within):not(:has(.u.X)):has(.l:placeholder-shown):hover,.r .i.k:not(:has(.l:disabled)):not(.Y):not(:focus-within):has(:not(.l:placeholder-shown)):hover .h{border-color:var(--uil-black-w)}.r .i.f:focus-within,.r .i.f:has(.l:not(:placeholder-shown)),.r .i.f:has(.l:disabled:not(:placeholder-shown)),.r .i.f:has(.u.X),.r .i.k:focus-within,.r .i.k:has(.l:not(:placeholder-shown)),.r .i.k:has(.l:disabled:not(:placeholder-shown)),.r .i.k:has(.u.X){border-color:transparent}.r .i.f:has(.u.Z),.r .i.k:has(.u.Z){flex-direction:row-reverse}.r .i.f:has(.l:disabled:placeholder-shown):not(:has(.u.X)),.r .i.k:has(.l:disabled:placeholder-shown):not(:has(.u.X)){border-color:var(--uil-grey-alt)}.r .i.Y .F{color:var(--uil-error);opacity:1}.r .i.Y,.r .i.Y .h{border-color:var(--uil-error)}.r .i:not(.Y) .l:not(:disabled):focus~.F{opacity:1;color:var(--uil-input-focus-color)}.r .i:not(.Y) .l:focus~.h{border-color:var(--uil-input-focus-color)}.r .i .h{border-radius:0;padding:var(--uil-xs);margin:0;position:absolute;left:0;right:0;bottom:0;pointer-events:none;visibility:hidden;border:none;min-height:2.1875rem;box-sizing:content-box;font-size:var(--uil-m)}.r .i .h .Wi{visibility:hidden;padding:0 2px}.r .i .F{position:absolute;top:25%;left:.7rem;cursor:text;color:var(--uil-black-w);opacity:.6;transition:top .25s ease;font-size:var(--uil-m)}.r .i .F.Zi{top:var(--uil-m)}.r .i .Q{font-size:var(--uil-l);line-height:var(--uil-l);transition:font-size .2s ease}.r .i .Q._i{margin-left:var(--uil-xxxs)}.r .i .l{box-sizing:border-box;width:100%;color:var(--uil-black-w);background-color:transparent;border-radius:0;padding:var(--uil-xs);padding-left:.65rem;border:none;outline:none}.r .i .l:disabled{color:var(--uil-grey-dark)}.r .i .l:disabled~.h,.r .i .l:disabled:not(:placeholder-shown)~.h{border-color:var(--uil-grey-alt)}.r .i .l:disabled~.F{color:var(--uil-grey-dark);opacity:1;cursor:default}.r .i .l:focus~.u.fr,.r .i .l:not(:placeholder-shown)~.u.fr{visibility:visible}.r .i .l:focus~.h{border-width:2px;padding:7px}.r .i .Qr{min-width:fit-content;min-height:fit-content;margin:var(--uil-xxs);resize:var(--uil-textarea-resize)}.r .i .Qr~.h{top:-.5rem}.r .i .u{min-width:fit-content;opacity:.75;cursor:default;border:none;background-color:transparent}.r .i .u.fr{visibility:hidden}.r .i .u.Rr{display:flex;align-items:center;cursor:pointer;padding:0}.r .i .u.Rr:disabled{color:var(--uil-grey-dark);cursor:default}.r .i .l:focus~*.h,.r .i .l:not(:placeholder-shown)~*.h,.r .i .u.X~*.h{visibility:visible}.r .i .l:focus~*.F,.r .i .l:not(:placeholder-shown)~*.F,.r .i .u.X~*.F{top:-.65rem}.r .i .l:focus~* .Q,.r .i .l:not(:placeholder-shown)~* .Q,.r .i .u.X~* .Q{font-size:var(--uil-m);line-height:var(--uil-m)}.r .xr{color:var(--uil-grey-dark);font-size:var(--uil-m);line-height:var(--uil-m);margin-left:var(--uil-s);margin-top:var(--uil-xxs);min-height:var(--uil-m)}.r .xr.Y{color:var(--uil-error)}.o{position:relative;width:100%}.o.z .q{border-width:2px;border-color:var(--uil-info)}.o.z .L{color:var(--uil-info)}.o.A:not(.z) .q{border-color:var(--uil-black-w)}.o.A:not(.z) .L{color:var(--uil-black-w)}.o.z .q,.o.A .q{visibility:visible;transform:translateY(-.5em)}.o.z .L,.o.A .L{top:-.6rem;font-size:var(--uil-m);opacity:1}.o.z .g,.o.A .g{border-color:transparent}.o:not(:has(.g:disabled)):not(.z):not(.A):hover .g{border-color:var(--uil-black-lighter)}.o:not(:has(.g:disabled)):not(.z):not(.A) .g:focus{border-color:var(--uil-black-w);border-width:2px}.o:not(:has(.g:disabled)):not(.z):has(.g:focus) .q{border-color:var(--uil-black-w);border-width:2px}.o:has(.g:disabled):not(.A) .g{border-color:var(--uil-grey-alt)}.o:has(.g:disabled).A .q{border-color:var(--uil-grey-alt)}.o .q{position:absolute;inset:0;pointer-events:none;visibility:hidden;border:1px solid var(--uil-grey-dark);border-radius:var(--uil-xs);padding:0 .5rem;box-sizing:border-box;min-height:52px;margin:0;outline:none}.o .q legend{visibility:hidden;padding:0 2px;font-size:var(--uil-m)}.o .L{position:absolute;top:25%;left:.7rem;cursor:pointer;color:var(--uil-black-w);opacity:.6;transition:top .25s ease,font-size .2s ease;font-size:1.125rem}.o .g{width:100%;padding:var(--uil-xs);font-size:1.125rem;line-height:var(--uil-l);border:1px solid var(--uil-grey-dark);background-color:transparent;color:var(--uil-black-w);border-radius:var(--uil-xs);display:flex;align-items:center;justify-content:space-between;gap:var(--uil-s);cursor:pointer;min-height:44px;outline:none}.o .g:disabled{cursor:default;color:var(--uil-grey-dark)}.o .g:disabled .Sr{fill:var(--uil-grey-dark)}.o .g:disabled~.L{cursor:default;color:var(--uil-grey-dark)}.o .Sr{width:var(--uil-m);height:var(--uil-m);fill:var(--uil-black-w);opacity:.8}.o .b{z-index:10;position:absolute;top:100%;right:.125rem;width:fit-content;background-color:var(--uil-white-alt);border-radius:9px;padding:.75rem;box-sizing:border-box;margin-top:.25rem;border:1px solid rgba(0,0,0,.2);box-shadow:0 1px 2px #00000014,0 8px 24px #0000001f;opacity:0;visibility:hidden;transform-origin:top center;transform:translateY(-.5rem) scale(.96);transition:opacity .2s ease,transform .2s ease,visibility .1s ease}.o .b.ro{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.o .b .M{width:100%;display:flex;justify-content:space-between;gap:.25rem;margin-bottom:1rem;color:var(--uil-black-w)}.o .b .M ._{border:none;background-color:transparent;padding:0;cursor:pointer}.o .b .M ._:disabled{cursor:default}.o .b .M ._:disabled .Tr{fill:var(--uil-grey-dark)}.o .b .M ._ .Tr{width:1rem;height:1rem;fill:var(--uil-black-w)}.o .b .M span{font-weight:500}.o .b .io .H{width:1.75rem;height:1rem;font-size:.8rem;text-align:center;color:var(--uil-black-w)}.o .b .oo td{height:6px}.o .b .N .H{width:1.75rem;height:1.75rem;padding:0;background-color:transparent;border:none;color:var(--uil-grey-dark);border-radius:4px}.o .b .N .H:not(:disabled):not(.rr):hover{background-color:var(--uil-info-o);color:var(--uil-black-w)}.o .b .N .H:not(:disabled):not(.rr).z{color:var(--uil-black-w)}.o .b .N .H.rr{color:var(--uil-white);background-color:var(--uil-info)}.o .b .N .H:not(.rr).lo{border:1px solid var(--uil-black-alt)}.o .b .N .H:disabled{background-color:var(--uil-grey)}.R{gap:var(--uil-xs)}@media(min-width:760px){.R{gap:var(--uil-m)}}.R .ao{color:var(--uil-black-alt);background-color:var(--uil-white-alt);border:1px solid var(--uil-black-alt);border-radius:3px;outline:none;padding:var(--uil-xxs) var(--uil-xxs) var(--uil-xxs) 0;height:100%}.R p{margin:0}.R .to{display:flex;gap:var(--uil-xxs);height:100%}.v{width:100%;color:var(--uil-black-w);background-color:var(--uil-white-alt);box-shadow:0 1px 3px -1px var(--uil-grey-alt);border:1px solid var(--uil-grey-alt);border-radius:5px}.v[open]{overflow-x:auto}.v[open] .C.eo{border-bottom:1px solid var(--uil-grey-alt);box-shadow:0 0 1px 0 var(--uil-grey-alt)}.v[open] .C .ir{rotate:90deg}.v .C{width:100%;cursor:pointer;display:flex;align-items:center;padding:var(--uil-xs);box-sizing:border-box}.v .C::marker{content:none}.v .C::-webkit-details-marker{display:none}.v .C.no .ir{margin-right:var(--uil-s)}.v .C.Ur{flex-direction:row-reverse;justify-content:space-between}.v .C.Ur .ir{margin-left:var(--uil-s)}.v .C .ir{height:var(--uil-s);width:var(--uil-s);fill:var(--uil-black-lighter);transition:rotate .2s ease-in-out}.v .uo{padding:var(--uil-xs)}.or{display:flex;flex-direction:column}.or .v{border-radius:unset;border-bottom:none}.or .v:first-of-type{border-top-left-radius:5px;border-top-right-radius:5px}.or .v:last-of-type{border-bottom-left-radius:5px;border-bottom-right-radius:5px;border-bottom:1px solid var(--uil-grey-alt)}.B{list-style:none;display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin:0;padding:0}.B.do li:last-child{font-weight:700}.B li{cursor:default;color:var(--uil-grey-dark);display:flex;align-items:center}.B .Vr:last-child,.B .Vr:hover{color:var(--uil-black-w)}.B .wr{background-color:transparent;border:none;padding:0;margin:0}.B .wr svg{cursor:pointer;fill:var(--uil-grey-dark);height:var(--uil-xl);width:var(--uil-xl)}.B .wr svg:hover{fill:var(--uil-black-w)}.Wr{background-color:var(--uil-grey-alt);height:var(--uil-m);width:100%}.Wr.so{animation:ease-in-out var(--uil-pulse-anim) infinite Zr}@keyframes Zr{0%{opacity:1}50%{opacity:.45}to{opacity:1}}.n{display:block;border:1px solid transparent;border-radius:5px;box-sizing:border-box;background-color:transparent;cursor:pointer;text-decoration:none}.n.lr{box-shadow:0 0 2px 0 var(--uil-black-alt)}.n.co{--uil-button-font-color: var(--uil-white-b);--uil-button-color: var(--uil-info);--uil-button-hover-color: var(--uil-info-hover)}.n.bo{--uil-button-font-color: var(--uil-white-b);--uil-button-color: var(--uil-success);--uil-button-hover-color: var(--uil-success-hover)}.n.mr{--uil-button-font-color: var(--uil-black-light);--uil-button-color: var(--uil-warning);--uil-button-hover-color: var(--uil-warning-hover)}.n.mr.ar,.n.mr.kr{--uil-button-color: var(--uil-warning-alt)}.n.ho{--uil-button-font-color: var(--uil-white-b);--uil-button-color: var(--uil-error);--uil-button-hover-color: var(--uil-error-hover)}.n:not(:disabled).lr{color:var(--uil-button-font-color);background-color:var(--uil-button-color)}.n:not(:disabled).lr:hover{background-color:rgba(var(--uil-button-hover-color),.8)}.n:not(:disabled).ar{color:var(--uil-button-color);border-color:var(--uil-button-color)}.n:not(:disabled).ar:hover{background-color:rgba(var(--uil-button-hover-color),.08)}.n:not(:disabled).kr{color:var(--uil-button-color)}.n:not(:disabled).kr:hover{background-color:rgba(var(--uil-button-hover-color),.08)}.n.yr{cursor:default;color:var(--uil-grey-dark)}.n.yr.lr{background-color:var(--uil-grey-light)}.n.yr.ar{border-color:var(--uil-grey-dark)}.n._r{letter-spacing:1px;padding:var(--uil-xxs) var(--uil-xs)}.n._r.zr{border-radius:var(--uil-m)}.n.ri{letter-spacing:2px;padding:var(--uil-xs) var(--uil-s)}.n.ri.zr{border-radius:var(--uil-xl)}.n.ii{letter-spacing:2px;padding:var(--uil-xs) var(--uil-s)}.n.ii.zr{border-radius:var(--uil-xxl)}.a{height:var(--uil-xxxl);position:relative;display:inline-flex;box-sizing:border-box}.a.tr{padding:.7rem 0;width:var(--uil-xxxl)}.a.tr .p{width:var(--uil-m);height:var(--uil-m);top:var(--uil-xs)}.a.tr .p:has(input:checked){left:calc(100% - var(--uil-m))}.a.tr .S{border-radius:6px}.a.er{padding:var(--uil-xs) 0;width:2.75rem}.a.er .p{width:var(--uil-l);height:var(--uil-l);top:.375rem}.a.er .p:has(input:checked){left:calc(100% - var(--uil-l))}.a.er .S{border-radius:9px}.a.nr{padding:var(--uil-xxs) 0;width:4.25rem}.a.nr .p{width:var(--uil-xxxl);height:var(--uil-xxxl);top:.0125rem}.a.nr .p:has(input:checked){left:calc(100% - var(--uil-xxxl))}.a.nr .S{border-radius:var(--uil-s)}.a.go{--uil-switch-color: var(--uil-info)}.a.vo{--uil-switch-color: var(--uil-success)}.a.po{--uil-switch-color: var(--uil-warning)}.a.xo{--uil-switch-color: var(--uil-error)}.a .S{height:100%;width:100%;opacity:.25;z-index:-1;background-color:var(--uil-black-lighter);transition:background-color .1s ease-in-out}.a .p{position:absolute;left:0;cursor:pointer;transition:left .15s ease-in-out;border-radius:50%}.a .p:not(:has(input:disabled)):hover,.a .p:not(:has(input:disabled)):has(input:focus){outline:6px solid var(--uil-switch-hover-w)}.a .p:not(:has(input:disabled)):has(input:checked)~.S{background-color:var(--uil-switch-color)}.a .p:not(:has(input:disabled)):has(input:checked) .Yr{background-color:var(--uil-switch-color)}.a .p:has(input:disabled){cursor:default}.a .p:has(input:disabled) .Yr{background-color:var(--uil-grey-dark)}.a .p .Yr{width:100%;height:100%;border-radius:50%;background-color:var(--uil-white);box-shadow:1px 1px 3px -1px var(--uil-black-alt)}.a .p input{clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;margin:-1px;overflow:hidden;padding:0;position:absolute}.t{position:relative;width:100%;min-width:10rem}.t .I{padding:var(--uil-xs);font-size:var(--uil-l);line-height:var(--uil-xl);border:1px solid var(--uil-grey-dark);background-color:var(--uil-white-alt);border-radius:var(--uil-xs);width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--uil-s);color:var(--uil-black-w);cursor:pointer;white-space:nowrap}.t .I:hover,.t .I:focus{border-color:var(--uil-black-alt)}.t .I.jr{cursor:default;color:var(--uil-grey-dark);background-color:var(--uil-grey-light-alt);border-color:var(--uil-grey-dark)}.t .I.jr .oi{fill:var(--uil-grey-dark)}.t .I .fo{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.t .I .oi{width:var(--uil-m);height:var(--uil-m);fill:var(--uil-black-w);flex-shrink:0}.t .c{position:absolute;display:flex;flex-direction:column;box-sizing:border-box;background-color:var(--uil-white-alt);width:100%;border:1px solid var(--uil-black-alt);border-radius:var(--uil-xs);cursor:default;opacity:0;visibility:hidden;transition:opacity .2s ease,transform .2s ease,visibility .1s ease;z-index:999;overflow:hidden}.t .c.li{bottom:100%;margin-bottom:var(--uil-xxs);transform:translateY(.5rem)}.t .c.ai{top:100%;margin-top:var(--uil-xxs);transform:translateY(-.5rem)}.t .c.li.ti,.t .c.ai.ti{opacity:1;visibility:visible;transform:translateY(0);box-shadow:0 var(--uil-xs) var(--uil-m) #00000026}.t .c .T{max-height:200px;overflow-y:auto}.t .c .T::-webkit-scrollbar{width:6px}.t .c .T::-webkit-scrollbar-track{background:transparent}.t .c .T::-webkit-scrollbar-thumb{background-color:#00000040;border-radius:12px}.t .c .T::-webkit-scrollbar-thumb:hover{background-color:#0006}.t .c .wo{color:var(--uil-black-alt);font-size:.875rem;margin-bottom:var(--uil-xxs);margin-top:var(--uil-xxs);text-decoration:underline;padding:var(--uil-xs)}.t .c .O{cursor:pointer;color:var(--uil-black-w);padding:var(--uil-xs);--uil-is-active: var(--uil-grey-light-alt);--uil-is-selected: rgba(123, 180, 255, .2)}.t .c .O:last-of-type{border-bottom-left-radius:var(--uil-xs);border-bottom-right-radius:var(--uil-xs)}.t .c .O:first-of-type{border-top-left-radius:var(--uil-xs);border-top-right-radius:var(--uil-xs)}.t .c .O.mo{background-color:var(--uil-is-active)}.t .c .O.ko{background-color:var(--uil-is-selected)}.t .c .O.jr{color:var(--uil-grey-dark);cursor:default}.d{display:flex;align-items:center;gap:var(--uil-s);cursor:default;outline:none;border-width:2px;border-style:solid}.d.Fr{cursor:pointer}.d.Fr:focus,.d.Fr:hover{opacity:.85}.d.ei{padding:var(--uil-xxs) var(--uil-xs);border-radius:var(--uil-m)}.d.ni{padding:var(--uil-xs) var(--uil-s);border-radius:var(--uil-xl)}.d.ui{padding:var(--uil-xs) var(--uil-s);border-radius:var(--uil-xxl)}.d.yo{border:transparent;color:var(--uil-tag-font-color);background-color:var(--uil-tag-color)}.d.Xr{background-color:transparent;color:var(--uil-tag-color);border-color:var(--uil-tag-color)}.d.Xr .U{fill:var(--uil-tag-color)}.d.zo{box-shadow:0 0 2px 0 var(--uil-black-alt)}.d.Yo{--uil-tag-font-color: var(--uil-white-b);--uil-tag-color: var(--uil-info)}.d.jo{--uil-tag-font-color: var(--uil-white-b);--uil-tag-color: var(--uil-success)}.d.di{--uil-tag-font-color: var(--uil-black-light);--uil-tag-color: var(--uil-warning)}.d.di.Xr{--uil-tag-color: var(--uil-warning-alt)}.d.Fo{--uil-tag-font-color: var(--uil-white-b);--uil-tag-color: var(--uil-error)}.d .U{cursor:pointer}.d .U.ei{width:var(--uil-m);height:var(--uil-m)}.d .U.ni{width:var(--uil-xl);height:var(--uil-xl)}.d .U.ui{width:var(--uil-xxl);height:var(--uil-xxl)}
package/dist/index.js CHANGED
@@ -1 +1 @@
1
- var m={fit:"si",fontSmall:"ci",fontMedium:"bi",fontLarge:"hi",dark:"gi"};import{useEffect as cr,useRef as mr}from"react";function pe(e,r){let o=mr(0);cr(()=>{if(!(!e||r))return o.current=window.scrollY,document.body.style.position="fixed",document.body.style.top=`-${o.current}px`,document.body.style.left="0",document.body.style.right="0",document.body.style.width="100%",()=>{document.body.style.position="",document.body.style.top="",document.body.style.left="",document.body.style.right="",document.body.style.width="",window.scrollTo(0,o.current)}},[e,r])}import qe,{useEffect as gr,useRef as br}from"react";function d(e){let r=[];return e.forEach(o=>{!o||typeof o=="boolean"||r.push(...Array.isArray(o)?o:[o])}),r.join(" ")}var X={dialog:"e",small:"ur",medium:"dr",large:"sr",surface:"vi",title:"P",info:"pi",success:"xi",warning:"fi",error:"wi",content:"Ar",divider:"mi",controls:"V",start:"ki",end:"yi","space-between":"zi"};function hr(e){let{ariaModal:r,children:o,dark:t=!1,describedby:i,disableEscapeKey:n,labelledby:u,onCancel:a,onClickBackdrop:s,open:l,scrollable:p=!1,size:c}=e,h=br(null);pe(l,p),gr(()=>(h.current?.addEventListener("keydown",f),h.current?.addEventListener("mousedown",y),l?h.current?.showModal():h.current?.close(),()=>{h.current?.removeEventListener("keydown",f),h.current?.removeEventListener("mousedown",y)}),[l]);function f(w){n&&w.key==="Escape"&&w.preventDefault()}function y(w){s&&w.target===w.currentTarget&&s()}return qe.createElement("dialog",{ref:h,"aria-describedby":i,"aria-labelledby":u,"aria-modal":r,className:d([X.dialog,t&&m.dark,c&&X[c]]),onCancel:a,role:r?"alertdialog":"dialog"},qe.createElement("div",{className:X.surface},o))}var vr=new RegExp(/^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/);function ke(e,r){if(!vr.test(e))throw new Error(`${r} received an invalid hex color format. Expected '#000' or '#000000', but got: ${e}`);return e=e.replace("#",""),e.length===3?[parseInt(e.substring(0,1),16),parseInt(e.substring(1,2),16),parseInt(e.substring(2,2),16)]:[parseInt(e.substring(0,2),16),parseInt(e.substring(2,4),16),parseInt(e.substring(4,6),16)]}function ie(e){let o=ke(e,"useContrastColor").map(a=>a/255),[t,i,n]=o.map(a=>a<=.04045?a/12.92:((a+.055)/1.055)**2.4);return .2126*t+.7152*i+.0722*n>.179?"#000000":"#ffffff"}import xr from"react";function O(e){return typeof e=="string"&&["info","success","warning","error"].includes(e)}function wr(e){let{children:r,color:o,id:t}=e,i=O(o),n=u();function u(){if(o&&!i)return{"--uil-dialog-title-font-color":ie(o),"--uil-dialog-title-background":o}}return xr.createElement("div",{className:d([X.title,i&&X[o],m.fontLarge]),id:t,style:n},r)}import yr from"react";function kr(e){let{children:r,divider:o=!1,id:t}=e;return yr.createElement("div",{className:d([X.content,o&&X.divider]),id:t},r)}import Pr from"react";function Cr(e){let{children:r,position:o="end"}=e;return Pr.createElement("div",{className:d([X.controls,X[o]])},r)}function I(e){if(!e||e.dataset.attributed)return;e.dataset.attributed="true";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.");e.appendChild(r)}import ce,{useEffect as Lr,useRef as Wr}from"react";var H={toaster:"s",top:"Yi",bottom:"ji",centerX:"Fi",centerY:"Xi",centerXY:"Ai",left:"Ci",right:"Di",toast:"j",fadeIn:"Ei",fadeOut:"qi",info:"Bi",success:"Gi",warning:"Hi",error:"Ii",closeButton:"Cr"};function Ie(e){let{action:r,closeCallback:o,dark:t=!1,dismissible:i,id:n,message:u,timeout:a,variant:s}=e,l=Wr(null);Lr(()=>{if(setTimeout(()=>{l.current&&l.current.classList.add(H.fadeIn)}),a==="persistent")return;let c,h=setTimeout(()=>{l.current&&l.current.classList.replace(H.fadeIn,H.fadeOut),c=setTimeout(()=>{o()},500)},a);return()=>{clearTimeout(h),c&&clearTimeout(c)}},[a,o]);function p(){l.current&&l.current.classList.replace(H.fadeIn,H.fadeOut),setTimeout(()=>{o()},500)}return ce.createElement("div",{className:d([H.toast,s&&H[s],m.fontMedium,t&&m.dark]),id:n,ref:l,role:"status"},u,r&&ce.createElement("div",null,r),i&&ce.createElement("button",{className:H.closeButton,onClick:p},ce.createElement("svg",{ref:c=>I(c),xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 384 512"},ce.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 Ce,{createContext as Tr,useContext as Er,useRef as Ve,useState as Ir}from"react";import{useId as Ge,useState as Nr}from"react";function Pe(){let e=new Uint32Array(2);return crypto.getRandomValues(e),`uil${e[0].toString(32)}${e[1].toString(16)}`}function q(){if(typeof Ge=="function")return Ge();{let[e]=Nr(()=>Pe());return e}}var Sr={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.")}},je=Tr(Sr);function Fr(e){let{alignment:r={horizontal:"left",vertical:"bottom"},children:o,dark:t=!1,dismissible:i=!1,limit:n=4,timeout:u=5e3}=e,[a,s]=Ir([]),l=Ve(null),p=Ve([]);function c(v,L){let{id:k,toast:b}=f(v,L),F=a.length+p.current.length;if(p.current.push(b),F>=n){for(let P=0;P<F-n+1;P++)y(a[P].props.id);l.current=new Promise(P=>{setTimeout(()=>{h(b),P(),l.current=null},500)})}else h(b);return k}function h(v){s(L=>(p.current=p.current.filter(k=>k!==v),[...L,v]))}function f(v,L){let k=Pe(),b={action:L?.action,closeCallback:()=>{w(k,L?.closeCallback)},dark:L?.dark??t,dismissible:L?.dismissible??i,id:k,message:v,timeout:L?.timeout??u,variant:L?.variant};return{id:k,toast:Ce.createElement(Ie,{...b})}}function y(v){if(!v)return s([]);s(L=>L.filter(k=>k.props.id!==v))}function w(v,L){y(v),L?.()}function D(){let v=r.horizontal,L=r.vertical;return v==="center"&&L==="center"?[H.centerXY]:[v==="center"?H.centerX:H[v],L==="center"?H.centerY:H[L]]}return Ce.createElement(je.Provider,{value:{queueToast:c,closeToast:y}},o,Ce.createElement("div",{className:d([H.toaster,D()])},a.map(v=>Ce.createElement(Ie,{...v.props,key:v.props.id}))))}function Mr(){return Er(je)}import Xe from"react";var Y={checkWrapper:"x",label:"Dr",check:"y",box:"Ji",radio:"Er",radioCheck:"Ki",checkmark:"cr",radioWrapper:"br",row:"Li",column:"Mi"};import me from"react";function Se(e){let{checked:r,children:o,color:t,dark:i,disabled:n,id:u,name:a,onChange:s,value:l,...p}=e,c=u??q();function h(y){!n&&s&&s(y)}function f(){document.querySelector(`#${c}`).click()}return me.createElement("div",{className:d([Y.checkWrapper,i&&m.dark])},me.createElement("div",{className:`${Y.check} ${Y.radio}`,onClick:()=>{f()}},me.createElement("input",{id:c,name:a,type:"radio",value:l,checked:r,onChange:y=>{h(y)},disabled:n,tabIndex:n?-1:p.tabIndex??void 0,...p}),me.createElement("div",{className:`${Y.checkmark} ${Y.radioCheck}`,style:n?void 0:{backgroundColor:t}})),o&&me.createElement("label",{htmlFor:c,className:`${m.fontMedium} ${Y.label}`},o))}function Br(e){let{color:r,dark:o=!1,direction:t="column",disabled:i,name:n,onChange:u,options:a,selected:s}=e;function l(p){!i&&u&&u(p)}return Xe.createElement("div",{className:d([Y.radioWrapper,Y[t]]),role:"radiogroup"},a.map((p,c)=>Xe.createElement(Se,{key:c,dark:o,color:r,onChange:l,checked:s===p.value,disabled:i??p.disabled,name:n,...p},p.label)))}var A={pagination:"D",button:"J",svg:"qr",active:"Ni"};var ae={pagination:"W",item:"Br",dots:"Oi"};import S,{useEffect as Hr,useState as Yr}from"react";function Or(e){let{activePage:r=1,ariaLabels:o,boundary:t=1,dark:i=!1,disablePrevButton:n=!1,disableNextButton:u=!1,disableFirstButton:a=!1,disableLastButton:s=!1,firstButton:l,lastButton:p,nextButton:c,onChange:h,pages:f,prevButton:y,siblings:w=1}=e;if(t<=0||t>f)throw new Error(`<Pagination/> received an invalid boundary. Expected boundary to be greater than 0 and smaller or equal to pages (${f}), but got: ${t}`);if(r<1||r>f)throw new Error(`<Pagination/> activePage out of bounds. Expected activePage to be greater than 0 and smaller or equal to pages (${f}), but got: ${r}`);let[D,v]=Yr(r),L=Math.max(Math.min(D-w,f-t-w*2-1),t+2),k=Math.min(Math.max(D+w,t+w*2+2),f-t-1),b=[...new Set([...F(1,t),...L>t+2?["ellipsis-a"]:t<f-t?[t+1]:[],...F(L,k),...k<f-t-1?["ellipsis-b"]:f-t>t?[f-t]:[],...F(f-t+1,f)])];function F(C,V){let j=V-C+1;return Array.from({length:j},(g,x)=>C+x)}function P(C){v(C),h?.(C)}return Hr(()=>{v(r)},[r]),S.createElement("nav",{className:d([i&&m.dark])},S.createElement("ul",{className:d([A.pagination,ae.pagination])},!a&&S.createElement("li",{className:ae.item},S.createElement("button",{className:A.button,onClick:()=>{P(1)},disabled:D<=1,"aria-label":o?.first??"Go to first page"},l??S.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512",ref:C=>I(C),className:A.svg},S.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"})))),!n&&S.createElement("li",{className:ae.item},S.createElement("button",{className:A.button,onClick:()=>{P(D-1)},disabled:D<=1,"aria-label":o?.prev??"Go to previous page"},y??S.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 320 512",ref:C=>I(C),className:A.svg},S.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"})))),b.map((C,V)=>S.createElement("li",{key:V,className:ae.item},typeof C=="number"?S.createElement("button",{className:d([D===C&&A.active,A.button]),onClick:()=>{P(C)},"aria-label":o?.page?`${o.page} ${C}`:`Go to page ${C}`},C):S.createElement("svg",{className:ae.dots,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},S.createElement("circle",{cx:4,cy:14,r:1}),S.createElement("circle",{cx:12,cy:14,r:1}),S.createElement("circle",{cx:20,cy:14,r:1})))),!u&&S.createElement("li",{className:ae.item},S.createElement("button",{className:A.button,onClick:()=>{P(D+1)},disabled:D>=f,"aria-label":o?.next??"Go to next page"},c??S.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 320 512",ref:C=>I(C),className:A.svg},S.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"})))),!s&&S.createElement("li",{className:ae.item},S.createElement("button",{className:A.button,onClick:()=>{P(f)},disabled:D>=f,"aria-label":o?.last??"Go to last page"},p??S.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512",ref:C=>I(C),className:A.svg},S.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 K={circularProgress:"E",indeterminate:"Gr",rotate:"Hr",spinner:"K",spinning:"Ir",info:"hr",success:"gr",warning:"vr",error:"pr",linearProgress:"w",custom:"Pi",progressBar:"G",first:"Qi",moving:"Jr",second:"Ri","moving-alt":"Kr"};import Fe from"react";function qr(e){let{ariaLabel:r,color:o="info",dark:t,size:i,value:n}=e;if(typeof n=="number"&&(n>100||n<0))throw new Error(`invalid value. Expected 100 >= value >= 0, but got ${n}`);let u=O(o);return Fe.createElement("div",{"aria-valuenow":n,className:d([K.circularProgress,typeof n!="number"&&K.indeterminate,t&&m.dark]),role:"progressbar",style:{width:i,height:i},"aria-label":r??"Circular progressbar"},Fe.createElement("svg",{viewBox:"0 0 40 40"},Fe.createElement("circle",{className:d([K.spinner,u&&K[o]]),cx:20,cy:20,fill:"none",r:19,stroke:u?void 0:o,strokeDasharray:typeof n=="number"?"120":void 0,strokeDashoffset:typeof n=="number"?`${1.2*(100-n)}px`:void 0,strokeWidth:2})))}import Me from"react";function Gr(e){let{color:r="info",dark:o,height:t,value:i,width:n,ariaLabel:u}=e;if(typeof i=="number"&&(i>100||i<0))throw new Error(`invalid value. Expected 100 >= value >= 0, but got ${i}`);let a=O(r);return Me.createElement("div",{"aria-valuenow":i,className:d([K.linearProgress,a?K[r]:K.custom,o&&m.dark]),role:"progressbar",style:{height:t,width:n},"aria-label":u??"Linear progressbar"},Me.createElement("div",{className:d([K.progressBar,typeof i!="number"&&K.first,a&&K[r]]),style:{backgroundColor:a?void 0:r,right:typeof i=="number"?`${100-i}%`:void 0}}),typeof i!="number"&&Me.createElement("div",{className:d([K.progressBar,K.second,a&&K[r]]),style:{backgroundColor:a?void 0:r}}))}var G={burgerControl:"Lr",icon:"Si",menuWrapper:"m",left:"Mr",transform:"Nr",right:"Or",menuHeader:"Ti",menuItem:"Pr",blur:"Ui"};import jr from"react";function Xr(e){return jr.createElement("div",{className:G.menuHeader},e.children)}import Ur from"react";function _r(e){return Ur.createElement("div",{className:G.menuItem},e.children)}import _,{useState as Jr}from"react";function Qr(e){let{alignment:r,children:o,closeIcon:t,dark:i,footer:n,openIcon:u}=e,[a,s]=Jr(!1);pe(a,!1);function l(){s(!a)}return _.createElement(_.Fragment,null,_.createElement("button",{className:d([G.burgerControl,i&&m.dark]),onClick:l},u??_.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 640 640",className:G.icon,ref:p=>I(p)},_.createElement("path",{d:"M96 160C96 142.3 110.3 128 128 128L512 128C529.7 128 544 142.3 544 160C544 177.7 529.7 192 512 192L128 192C110.3 192 96 177.7 96 160zM96 320C96 302.3 110.3 288 128 288L512 288C529.7 288 544 302.3 544 320C544 337.7 529.7 352 512 352L128 352C110.3 352 96 337.7 96 320zM544 480C544 497.7 529.7 512 512 512L128 512C110.3 512 96 497.7 96 480C96 462.3 110.3 448 128 448L512 448C529.7 448 544 462.3 544 480z"}))),a&&_.createElement("div",{className:G.blur,onClick:l}),_.createElement("div",{className:d([G.menuWrapper,r==="left"?G.left:G.right,a&&G.transform,i&&m.dark]),onClick:l},_.createElement("button",{className:G.burgerControl,onClick:l},t??_.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 640 640",className:G.icon,ref:p=>I(p)},_.createElement("path",{d:"M416 160L480 160C497.7 160 512 174.3 512 192L512 448C512 465.7 497.7 480 480 480L416 480C398.3 480 384 494.3 384 512C384 529.7 398.3 544 416 544L480 544C533 544 576 501 576 448L576 192C576 139 533 96 480 96L416 96C398.3 96 384 110.3 384 128C384 145.7 398.3 160 416 160zM406.6 342.6C419.1 330.1 419.1 309.8 406.6 297.3L278.6 169.3C266.1 156.8 245.8 156.8 233.3 169.3C220.8 181.8 220.8 202.1 233.3 214.6L306.7 288L96 288C78.3 288 64 302.3 64 320C64 337.7 78.3 352 96 352L306.7 352L233.3 425.4C220.8 437.9 220.8 458.2 233.3 470.7C245.8 483.2 266.1 483.2 278.6 470.7L406.6 342.7z"}))),_.createElement("nav",{onClick:l},o),n))}import _e,{cloneElement as et,isValidElement as Je}from"react";var N={inputField:"r",inputWrapper:"i",basic:"f",input:"l",label:"F",fieldset:"h",decorator:"u",start:"Z",helpText:"xr",outlined:"k",end:"Vi",error:"Y",visible:"X",legend:"Wi",textareaLabel:"Zi",labelText:"Q",asterisk:"_i",onFocus:"fr",textarea:"Qr",click:"Rr"};import Ue from"react";function Rr(e){let{children:r,onClick:o,onFocus:t,position:i}=e,n=d([N.decorator,m.fontSmall,i==="start"?N.start:N.end,t?N.onFocus:N.visible,o&&N.click]);return o?Ue.createElement("button",{className:n,onMouseDown:u=>{u.preventDefault()},onClick:o,type:"button",disabled:e.disabled},r):Ue.createElement("div",{className:n},r)}var fe=Rr;import Q from"react";function ge(e){let{children:r,dark:o,error:t,helpId:i,helpText:n,id:u,isTextarea:a=!1,label:s,required:l,variant:p="outlined"}=e;return Q.createElement("div",{className:d([N.inputField,o&&m.dark])},Q.createElement("div",{className:d([N.inputWrapper,N[p],t&&N.error])},r,Q.createElement("fieldset",{className:N.fieldset,"aria-hidden":!0},Q.createElement("legend",{className:N.legend},Q.createElement("span",{className:N.labelText},s),l&&Q.createElement("span",{className:`${N.labelText} ${N.asterisk}`,"aria-hidden":!0},"*"))),Q.createElement("label",{htmlFor:u,className:d([N.label,a&&N.textareaLabel])},Q.createElement("span",{className:N.labelText},s),l&&Q.createElement("span",{className:`${N.labelText} ${N.asterisk}`,"aria-hidden":!0},"*"))),n&&Q.createElement("div",{className:d([N.helpText,t&&N.error]),id:i},n))}function ze(e){let{children:r,dark:o,error:t,helpText:i,id:n,label:u,required:a,variant:s,...l}=e;if(r&&(!Je(r)||r.type!==fe))throw new Error(`<Input> received an invalid child. Expected <InputDecorator />, but got: ${Je(r)?String(r.type):typeof r}.`);let p=n??q(),c=q(),h=r?et(r,{disabled:l.disabled}):null;return _e.createElement(ge,{dark:o,error:t,helpId:c,helpText:i,id:p,label:u,required:a,variant:s},_e.createElement("input",{id:p,className:`${N.input} ${m.fontMedium}`,placeholder:"",required:a,...l,"aria-describedby":c}),h)}import Qe from"react";function rt(e){let{dark:r=!1,error:o=!1,helpText:t,id:i,label:n,resize:u="both",required:a,...s}=e,l=i??q(),p=t?q():void 0,c={"--uil-textarea-resize":u,...s.style};return Qe.createElement(ge,{dark:r,error:o,helpId:p,helpText:t,id:l,label:n,required:a,isTextarea:!0},Qe.createElement("textarea",{id:l,className:d([N.input,N.textarea,m.fontMedium]),placeholder:"",required:a,...s,"aria-describedby":p,style:c}))}function Be(e,r){return!!e&&!!r&&e.getFullYear()===r.getFullYear()&&e.getMonth()===r.getMonth()&&e.getDate()===r.getDate()}function Ze(e="default",r="mon"){let o=new Date(2021,7,1),t=Array.from({length:7},(i,n)=>{let u=new Date(o);return u.setDate(o.getDate()+n),u.toLocaleDateString(e,{weekday:"short"})});return r==="mon"?[...t.slice(1),t[0]]:t}function Re(e,r,o,t){let i=[],n=new Date(e,r,1).getDay(),u=new Date(e,r+1,0).getDate(),a=o==="mon"?n===0?6:n-1:n,s=new Date(e,r,1-a),l=Math.ceil((a+u)/7)*7;for(let p=0;p<l;p++){let c=new Date(s);c.setDate(s.getDate()+p),i.push({date:c,currentMonth:c.getMonth()===r,disabled:t(c)})}return i}import{useEffect as Ae,useMemo as $e,useRef as De,useState as He}from"react";function Le(e){let{activeView:r,locale:o,max:t,min:i,onChange:n,value:u,weekStart:a="mon"}=e,s=i?new Date(i.getFullYear(),i.getMonth(),i.getDate()):null,l=t?new Date(t.getFullYear(),t.getMonth(),t.getDate()):null,p=new Date,c=$e(()=>{let W=u??r??p;return i&&W<i?i:t&&W>t?t:W},[u,r,i,t]),[h,f]=He(c),[y,w]=He(!1),D=h.getFullYear(),v=h.getMonth(),L=q(),k=$e(()=>Re(D,v,a,Oe),[D,v,a]),b=Array.from({length:k.length/7},(W,E)=>k.slice(E*7,E*7+7)),F=$e(()=>Ze(o,a),[o,a]),[P,C]=He(u??k[0].date),V=De(null),j=De({}),g=De(null),x=De(null),M=t?new Date(D,v+1,1)>new Date(t.getFullYear(),t.getMonth(),1):!1,de=i?new Date(D,v-1,1)<new Date(i.getFullYear(),i.getMonth(),1):!1;function Ee(W){f(E=>{let z=new Date(E.getFullYear(),E.getMonth()+W,1);return i&&z<new Date(i.getFullYear(),i.getMonth(),1)||t&&z>new Date(t.getFullYear(),t.getMonth(),1)?E:z})}function Oe(W){let E=new Date(W.getFullYear(),W.getMonth(),W.getDate());return!!(s&&E<s||l&&E>l)}function sr(W){if(W.key==="Tab"){let R=[g.current,x.current,j.current[P?.toDateString()||""]].filter(Ke=>!!Ke&&!Ke.hasAttribute("disabled")),J=R.indexOf(document.activeElement);J===-1&&(J=0),W.shiftKey?J===0&&(W.preventDefault(),R[R.length-1]?.focus()):J===R.length-1&&(W.preventDefault(),R[0]?.focus());return}if(!P)return;let E=k.findIndex(R=>Be(R.date,P));if(E===-1)return;let z=E;switch(W.key){case"ArrowRight":z+=1;break;case"ArrowLeft":z-=1;break;case"ArrowDown":z+=7;break;case"ArrowUp":z-=7;break;case"Home":{z=E-E%7;break}case"End":{z=E+(6-E%7);break}case"PageUp":{W.preventDefault(),Ee(-1);return}case"PageDown":{W.preventDefault(),Ee(1);return}default:return}W.preventDefault(),z=Math.max(0,Math.min(k.length-1,z));let ye=k[z];if(ye.disabled){let R=z>E?1:-1,J=z;for(;J>=0&&J<k.length;){if(!k[J].disabled){ye=k[J];break}J+=R}}ye.disabled||C(ye.date)}function ur(){w(W=>!W)}function dr(W){w(!1),n(W)}return Ae(()=>{if(!y){f(c);return}function W(z){V.current&&!V.current.contains(z.target)&&w(!1)}function E(z){z.key==="Escape"&&w(!1)}return document.addEventListener("pointerdown",W),document.addEventListener("keydown",E),()=>{document.removeEventListener("pointerdown",W),document.removeEventListener("keydown",E)}},[y,c]),Ae(()=>{if(!P)return;let W=P.toDateString();j.current[W]?.focus()},[P]),Ae(()=>{if(!y)return;let W=k.find(E=>E.currentMonth&&!E.disabled)??k.find(E=>!E.disabled)??k[0];W&&C(W.date)},[y,k]),{open:y,ID:L,view:h,days:k,weeks:b,weekdays:F,focusedDate:P,setFocusedDate:C,ref:V,prevRef:g,nextRef:x,dayRefs:j,changeMonth:Ee,handleKeyDown:sr,isSameDay:Be,isDayDisabled:Oe,isPrevDisabled:de,isNextDisabled:M,today:p,toggleCalendar:ur,selectDate:dr}}var T={datePicker:"o",active:"z",fieldset:"q",label:"L",value:"A",trigger:"g",chevron:"Sr",calendar:"b",open:"ro",controls:"M",button:"_",svg:"Tr",calendarHeader:"io",item:"H",divider:"oo",calendarDays:"N",selected:"rr",today:"lo"};import B from"react";function be(e){return B.createElement("div",{className:d([T.calendar,e.open&&T.open]),id:e.ID,role:"dialog","aria-label":e.ariaLabels.calendar,onKeyDown:e.handleKeyDown},B.createElement("div",{className:T.controls},B.createElement("button",{className:T.button,ref:e.prevRef,disabled:e.isPrevDisabled,onClick:()=>{e.changeMonth(-1)},"aria-label":e.ariaLabels.previous},B.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 640 640",className:T.svg,ref:r=>I(r)},B.createElement("path",{d:"M169.4 297.4C156.9 309.9 156.9 330.2 169.4 342.7L361.4 534.7C373.9 547.2 394.2 547.2 406.7 534.7C419.2 522.2 419.2 501.9 406.7 489.4L237.3 320L406.6 150.6C419.1 138.1 419.1 117.8 406.6 105.3C394.1 92.8 373.8 92.8 361.3 105.3L169.3 297.3z"}))),B.createElement("span",null,e.view.toLocaleDateString(e.locale,{month:"long",year:"numeric"})),B.createElement("button",{className:T.button,ref:e.nextRef,disabled:e.isNextDisabled,onClick:()=>{e.changeMonth(1)},"aria-label":e.ariaLabels.next},B.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 640 640",className:T.svg,ref:r=>I(r)},B.createElement("path",{d:"M471.1 297.4C483.6 309.9 483.6 330.2 471.1 342.7L279.1 534.7C266.6 547.2 246.3 547.2 233.8 534.7C221.3 522.2 221.3 501.9 233.8 489.4L403.2 320L233.9 150.6C221.4 138.1 221.4 117.8 233.9 105.3C246.4 92.8 266.7 92.8 279.2 105.3L471.2 297.3z"})))),B.createElement("table",null,B.createElement("thead",{className:T.calendarHeader},B.createElement("tr",null,e.weekdays.map(r=>B.createElement("th",{key:r,className:T.item},r)))),B.createElement("tbody",{className:T.calendarDays},B.createElement("tr",{className:T.divider},B.createElement("td",{colSpan:7})),e.weeks.map((r,o)=>B.createElement("tr",{key:o},r.map(t=>B.createElement("td",{key:`${t.date.getFullYear()}-${t.date.getMonth()}-${t.date.getDate()}`},B.createElement("button",{className:d([T.item,t.currentMonth&&T.active,e.isSameDay(e.value,t.date)&&T.selected,e.isSameDay(e.today,t.date)&&T.today]),onClick:()=>{e.handleDateChange(t.date)},disabled:t.disabled,"aria-current":e.isSameDay(e.value,t.date)?"date":void 0,tabIndex:e.isSameDay(e.focusedDate,t.date)?0:-1,ref:i=>{e.dayRefs.current[`${t.date.toDateString()}`]=i}},t.date.getDate()))))))))}import ee from"react";function ot(e){let{ariaLabels:r={calendar:"Date picker",next:"Next month",previous:"Previous month"},dark:o=!1,dateFormat:t={year:"numeric",month:"2-digit",day:"2-digit"},disabled:i,placeholder:n,locale:u,value:a}=e,s=Le(e);function l(){i||s.toggleCalendar()}function p(c){s.selectDate(c)}return ee.createElement("div",{className:d([T.datePicker,s.open&&T.active,a&&T.value,o&&m.dark]),ref:s.ref},ee.createElement("button",{className:T.trigger,disabled:i,onClick:l,"aria-controls":s.ID,"aria-haspopup":"dialog","aria-expanded":s.open,"aria-label":a?.toLocaleDateString(u,t)??n},ee.createElement("span",null,a?.toLocaleDateString(u,t)),ee.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 448 512",className:T.chevron,ref:c=>I(c),"aria-hidden":!0},ee.createElement("path",{d:"M152 24c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 40L64 64C28.7 64 0 92.7 0 128l0 16 0 48L0 448c0 35.3 28.7 64 64 64l320 0c35.3 0 64-28.7 64-64l0-256 0-48 0-16c0-35.3-28.7-64-64-64l-40 0 0-40c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 40L152 64l0-40zM48 192l352 0 0 256c0 8.8-7.2 16-16 16L64 464c-8.8 0-16-7.2-16-16l0-256z"}))),ee.createElement("fieldset",{className:T.fieldset},ee.createElement("legend",null,n)),ee.createElement("label",{className:T.label,onClick:l},n),ee.createElement(be,{...s,ariaLabels:r,value:a,locale:u,handleDateChange:p}))}import se,{useEffect as it,useRef as at,useState as er}from"react";function nt(e){let{ariaLabels:r={calendar:"Date picker",next:"Next month",previous:"Previous month"},dark:o=!1,dateFormat:t={year:"numeric",month:"2-digit",day:"2-digit"},disabled:i,placeholder:n,locale:u,onChange:a,value:s}=e,l=Le(e),[p,c]=er(""),[h,f]=er(!1),y=at(null);function w(b){c(b.toLocaleDateString(u,t)),l.selectDate(b)}function D(){i||(l.open||k(),y.current?.focus(),l.toggleCalendar())}function v(b){let F=b.split(".");if(F.length!==3)return null;let[P,C,V]=F.map(Number);if(!P||!C||!V)return null;let j=new Date(V,C-1,P);return j.getFullYear()!==V||j.getMonth()!==C-1||j.getDate()!==P?null:j}function L(b){f(!0);let F=b.target.value;c(F)}function k(){let b=v(p);if(!b||l.isDayDisabled(b)){c(s?s.toLocaleDateString(u,t):""),f(!1);return}a(b),l.setFocusedDate(b),c(b.toLocaleDateString(u,t)),f(!1)}return it(()=>{if(!h){if(!s){c("");return}c(s.toLocaleDateString(u,t))}},[s,u,t,h]),se.createElement("div",{className:d([T.datePicker,l.open&&T.active,s&&T.value,o&&m.dark]),ref:l.ref},se.createElement(ze,{label:n,variant:"outlined",value:p,onChange:L,onBlur:k,onKeyDown:b=>{b.key==="Enter"&&k()},disabled:i,ref:y},se.createElement(fe,{onClick:D},se.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 448 512",className:T.chevron,ref:b=>I(b)},se.createElement("path",{d:"M152 24c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 40L64 64C28.7 64 0 92.7 0 128l0 16 0 48L0 448c0 35.3 28.7 64 64 64l320 0c35.3 0 64-28.7 64-64l0-256 0-48 0-16c0-35.3-28.7-64-64-64l-40 0 0-40c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 40L152 64l0-40zM48 192l352 0 0 256c0 8.8-7.2 16-16 16L64 464c-8.8 0-16-7.2-16-16l0-256z"})))),se.createElement(be,{...l,ariaLabels:r,value:s,locale:u,handleDateChange:w}))}import U,{useState as rr}from"react";var We={pagination:"R",select:"ao",controls:"to"};function st(e){let{activePage:r=1,dark:o=!1,entries:t,entriesDescription:i="of",nextButton:n,nextLabel:u="Go to next page",onChange:a,prevButton:s,prevLabel:l="Go to previous page",rowLabel:p="Rows per page",rows:c=[10,25,50,100]}=e,h=q(),[f,y]=rr(c[0]),w=Math.ceil(t/f),[D,v]=rr(r>w?w:r<=0?1:r),L=f*(D-1)+1,k=f*D;function b(P){let C=Number(P.target.value);y(C),F(1,C)}function F(P,C){v(P),a?.(P,C??f)}return U.createElement("nav",{className:d([A.pagination,We.pagination,o&&m.dark])},U.createElement("label",{htmlFor:h},p),U.createElement("select",{id:h,className:We.select,value:f,onChange:b},c.map((P,C)=>U.createElement("option",{key:C,value:P},P))),U.createElement("p",null,L,"-",k>t?t:k," ",i," ",t),U.createElement("div",{className:We.controls},U.createElement("button",{className:A.button,onClick:()=>{F(D-1)},disabled:D<=1,"aria-label":u},s??U.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 320 512",className:A.svg,ref:P=>I(P)},U.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"}))),U.createElement("button",{className:A.button,onClick:()=>{F(D+1)},disabled:D>=w,"aria-label":l},n??U.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 320 512",className:A.svg,ref:P=>I(P)},U.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 re={details:"v",summary:"C",divider:"eo",chevron:"ir",start:"no",end:"Ur",content:"uo",accordion:"or"};import tr,{isValidElement as or}from"react";import he from"react";function Ne(e){let{children:r,dark:o=!1,divider:t=!1,icon:i,iconPosition:n="start",summary:u,...a}=e;return he.createElement("details",{className:d([re.details,o&&m.dark]),...a},he.createElement("summary",{className:d([re.summary,t&&re.divider,re[n]])},i??he.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 320 512",className:re.chevron,ref:s=>I(s)},he.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"})),u),he.createElement("div",{className:re.content},r))}function dt(e){let{children:r,dark:o=!1,divider:t=!1,icon:i,iconPosition:n,name:u}=e;return r&&r.forEach(a=>{if(!or(a)||a.type!==Ne)throw new Error(`<Accordion> received an invalid child. Expected <Details />, but got: ${or(a)?String(a.type):typeof a}.`)}),tr.createElement("div",{className:d([re.accordion])},r.map((a,s)=>tr.createElement(Ne,{key:s,...a.props,dark:a.props.dark??o,divider:a.props.divider??t,icon:a.props.icon??i,iconPosition:a.props.iconPosition??n,name:a.props.name??u})))}import ve from"react";function pt(e){let{checked:r,children:o,color:t,dark:i,disabled:n,onChange:u,...a}=e,s=a.id??q();function l(c){!n&&u&&u(c)}function p(){document.querySelector(`#${s}`).click()}return ve.createElement("div",{className:d([Y.checkWrapper,i&&m.dark])},ve.createElement("div",{className:d([Y.check,Y.box]),onClick:p},ve.createElement("input",{type:"checkbox",checked:r,onChange:l,id:s,disabled:n,...a}),ve.createElement("div",{className:d([Y.checkmark]),style:n?void 0:{backgroundColor:t}})),o&&ve.createElement("label",{htmlFor:s,className:`${m.fontMedium} ${Y.label}`},o))}import Z,{Children as mt,useState as ft}from"react";var ue={breadcrumbs:"B",highlight:"do",li:"Vr",hiddenEntries:"wr"};function gt(e){let{afterCollapse:r=2,beforeCollapse:o=1,children:t,dark:i=!1,expandButtonLabel:n="expand",highlightLast:u=!1,maxEntries:a=5,separator:s="/"}=e,l=mt.toArray(t).map((y,w)=>Z.createElement("li",{className:ue.li,key:w},y)),[p,c]=ft(!1);function h(y){return y.reduce((w,D,v)=>(w.push(D),v<y.length-1&&w.push(Z.createElement("li",{key:`sep-${v}`,"aria-hidden":!0},s)),w),[])}function f(){return o+r>=l.length?(console.error(`<Breadcrumbs/> received an invalid collapse configuration. Expected (beforeCollapse + afterCollapse) < allEntries, but got: ${o+r} >= ${l.length}.`),l):[...l.slice(0,o),Z.createElement("li",{className:ue.li,key:"hidden-entries"},Z.createElement("button",{className:ue.hiddenEntries,type:"button","aria-label":n,onClick:()=>{c(!0)}},Z.createElement("svg",{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},Z.createElement("circle",{cx:"04",cy:"18",r:"1"}),Z.createElement("circle",{cx:"12",cy:"18",r:"1"}),Z.createElement("circle",{cx:"20",cy:"18",r:"1"})))),...l.slice(l.length-r,l.length)]}return Z.createElement("nav",{"aria-label":e["aria-label"]},Z.createElement("ol",{className:d([ue.breadcrumbs,u&&ue.highlight,i&&m.dark])},h(p||l.length<=a?l:f())))}var Ye={skeleton:"Wr",animation:"so",pulse:"Zr"};import ht from"react";function vt(e){let{dark:r=!1,disableAnimation:o=!1,height:t,width:i,radius:n}=e;return ht.createElement("div",{className:d([Ye.skeleton,!o&&Ye.animation,r&&m.dark]),style:{height:t,width:i,borderRadius:n}})}import ir from"react";function xe(e){let r;switch(e){case"small":r=m.fontSmall;break;case"medium":r=m.fontMedium;break;case"large":r=m.fontLarge;break;default:throw new Error(`Error: unsupported size. Expected 'small', 'medium' or 'large', but got: ${String(e)}`)}return r}var ne={button:"n",filled:"lr",info:"co",success:"bo",warning:"mr",outlined:"ar",text:"kr",error:"ho",disabled:"yr",small:"_r",rounded:"zr",medium:"ri",large:"ii"};function wt(e){let{children:r,color:o="info",dark:t=!1,disabled:i=!1,href:n,rounded:u=!1,size:a="medium",target:s,variant:l,...p}=e,c=f(),h=y();function f(){return d([ne.button,m.fit,ne[a],ne[l],t&&m.dark,i&&ne.disabled,O(o)&&ne[o],xe(a),u&&ne.rounded])}function y(){if(i||O(o))return;let w=ke(o,"<Button>");return{"--uil-button-font-color":ie(o),"--uil-button-color":o,"--uil-button-hover-color":`${w[0]}, ${w[1]}, ${w[2]}`}}return n||n===""?ir.createElement("a",{href:n,target:s,id:p.id,title:p.title,style:h,className:c},r):ir.createElement("button",{style:h,className:c,type:p.type??"button",disabled:i,"aria-disabled":i,tabIndex:i?-1:p.tabIndex,...p},r)}import we,{useRef as kt}from"react";var le={switch:"a",small:"tr",thumbWrapper:"p",track:"S",medium:"er",large:"nr",info:"go",success:"vo",warning:"po",error:"xo",thumb:"Yr"};function Pt(e){let{color:r="info",dark:o=!1,disabled:t,onChange:i,size:n="medium",...u}=e,a=O(r),s=a?void 0:{"--uil-switch-color":r},l=kt(null);function p(h){t||i?.(h)}function c(){l.current?.click()}return we.createElement("div",{className:d([le.switch,le[n],a&&le[r],o&&m.dark]),onClick:()=>{c()},style:s},we.createElement("div",{className:le.thumbWrapper},we.createElement("div",{className:le.thumb}),we.createElement("input",{type:"checkbox",disabled:t,ref:l,onChange:p,...u})),we.createElement("div",{className:le.track}))}import te,{useEffect as Lt,useMemo as Wt,useRef as nr,useState as lr}from"react";var $={selectWrapper:"t",trigger:"I",disabled:"jr",chevron:"oi",displayText:"fo",optionsList:"c",top:"li",bottom:"ai",open:"ti",scrollArea:"T",group:"wo",option:"O",active:"mo",selected:"ko"};import Dt from"react";function ar(e){let{activeIndex:r,disabled:o,index:t,listId:i,onSelect:n,option:u,setActiveIndex:a,value:s}=e,l=t===r,p=Array.isArray(s)?s.includes(u.value):s===u.value;return Dt.createElement("div",{key:u.value,id:`${i}-option-${t}`,role:"option","aria-selected":p,"aria-disabled":o,className:d([$.option,l&&$.active,p&&$.selected,o&&$.disabled]),onMouseEnter:()=>a(t),onClick:()=>{o||n(u.value)}},u.label)}import{useId as Nt}from"react";function Tt(e){let{dark:r,disabled:o,multi:t,onChange:i,openPosition:n="bottom",options:u,placeholder:a,value:s,width:l}=e,[p,c]=lr(!1),[h,f]=lr(0),y=Nt(),w=nr(null),D=nr(null),v=Wt(()=>{let g=[];for(let x of u)if("options"in x){g.push({type:"group",label:x.label});for(let M of x.options)g.push({type:"option",option:M,groupDisabled:x.disabled??!1,index:g.length})}else g.push({type:"option",option:x,groupDisabled:!1,index:g.length});return g},[u]),L=v.filter(g=>g.type==="option"),k=L.filter(g=>t?s.includes(g.option.value):g.option.value===s),b=k.length===0?a:k.map(g=>g.option.label).join(", ");function F(g){if(t){let x;s.includes(g)?x=s.filter(M=>M!==g):x=[...s,g],i(x)}else i(g),c(!1),w.current?.focus()}function P(){if(o)return;let g=L.find(x=>x.type==="option"&&x.option.value===s);if(g)f(g.index);else{let x=L.find(M=>M.type==="option"&&!M.option.disabled&&!M.groupDisabled);f(x?x.index:0)}c(!0)}function C(){c(!1)}function V(g){if(!o)switch(g.key){case"ArrowDown":return g.preventDefault(),p?f(x=>j(x,1)):P();case"ArrowUp":return g.preventDefault(),p?f(x=>j(x,-1)):P();case"Home":{g.preventDefault();let x=L.find(M=>!M.option.disabled&&!M.groupDisabled);x&&f(x.index);break}case"End":{g.preventDefault();for(let x=v.length-1;x>=0;x--){let M=v[x];if(M.type==="option"&&!M.option.disabled&&!M.groupDisabled){f(x);break}}break}case"Enter":case" ":{g.preventDefault();let x=v[h];x?.type==="option"&&!x.option.disabled&&!x.groupDisabled&&F(x.option.value);break}case"Escape":return C()}}function j(g,x){let M=g+x;for(;M>=0&&M<v.length;){let de=v[M];if(de.type==="option"&&!de.option.disabled&&!de.groupDisabled)return M;M+=x}return g}return Lt(()=>{if(!p)return;function g(x){D.current&&!D.current.contains(x.target)&&c(!1)}return document.addEventListener("pointerdown",g),()=>document.removeEventListener("pointerdown",g)},[p]),te.createElement("div",{className:d([$.selectWrapper,r&&m.dark]),ref:D,style:{width:l,minWidth:l}},te.createElement("button",{ref:w,type:"button","aria-haspopup":"listbox","aria-expanded":p,"aria-controls":y,"aria-activedescendant":p&&h>=0?`${y}-option-${h}`:void 0,disabled:o,onClick:()=>p?C():P(),onKeyDown:V,className:d([$.trigger,o&&$.disabled]),"aria-label":b,title:b},te.createElement("span",{className:$.displayText},b),te.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512",className:$.chevron,ref:g=>I(g),"aria-hidden":!0},te.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"}))),te.createElement("div",{id:y,role:"listbox",className:d([$.optionsList,p&&$.open,n==="top"?$.top:$.bottom])},te.createElement("div",{className:$.scrollArea},v.map(g=>g.type==="group"?te.createElement("div",{key:`group-${g.label}`,className:$.group},g.label):te.createElement(ar,{key:g.option.value,option:g.option,disabled:g.groupDisabled||g.option.disabled,activeIndex:h,value:s,index:g.index,onSelect:F,setActiveIndex:f,listId:y})))))}import Te,{cloneElement as It,isValidElement as St}from"react";var oe={tag:"d",clickable:"Fr",small:"ei",medium:"ni",large:"ui",filled:"yo",outlined:"Xr",delIcon:"U",elevated:"zo",info:"Yo",success:"jo",warning:"di",error:"Fo"};function Ft(e){let{children:r,color:o,dark:t=!1,deleteIcon:i,elevated:n=!1,href:u,label:a,onDelete:s,onClick:l,size:p="medium",target:c,variant:h}=e,f=v(),y=L(),w=null;if(s){let b;if(h==="filled")switch(o){case"info":case"success":case"error":b=t?"black":"white";break;case"warning":b="black";break;default:b=ie(o)}else O(o)?b=void 0:b=o;w=i&&St(i)?It(i,{onClick:D}):Te.createElement("svg",{ref:F=>I(F),xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 384 512",onClick:D,className:d([oe.delIcon,oe[p]]),fill:b},Te.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"}))}function D(b){b.stopPropagation(),s?.()}function v(){if(!O(o))return{"--uil-tag-font-color":ie(o),"--uil-tag-color":o}}function L(){return d([oe.tag,O(o)&&oe[o],oe[h],m.fit,n&&oe.elevated,t&&m.dark,xe(p),oe[p],(l??u)&&oe.clickable])}function k(b){(b.key==="Enter"||b.key===" ")&&l?.()}return u?Te.createElement("a",{href:u,target:c,style:f,className:y},a??r,w):Te.createElement("div",{className:y,onClick:()=>{l?.()},onKeyDown:l&&k,role:l&&"button",style:f,tabIndex:l&&0},a??r,w)}export{dt as Accordion,gt as Breadcrumbs,Qr as BurgerMenu,wt as Button,pt as Checkbox,qr as CircularProgress,nt as DateInput,ot as DatePicker,Ne as Details,hr as Dialog,kr as DialogContent,Cr as DialogControls,wr as DialogTitle,ze as Input,fe as InputDecorator,Gr as LinearProgress,Xr as MenuHeader,_r as MenuItem,Or as Pagination,Se as Radio,Br as RadioGroup,Tt as Select,vt as Skeleton,Pt as Switch,st as TablePagination,Ft as Tag,rt as Textarea,Fr as ToastProvider,ie as useContrastColor,pe as useScrollLock,Mr as useToastContext};
1
+ var m={fit:"si",fontSmall:"ci",fontMedium:"bi",fontLarge:"hi",dark:"gi"};import{useEffect as cr,useRef as mr}from"react";function pe(e,r){let o=mr(0);cr(()=>{if(!(!e||r))return o.current=window.scrollY,document.body.style.position="fixed",document.body.style.top=`-${o.current}px`,document.body.style.left="0",document.body.style.right="0",document.body.style.width="100%",()=>{document.body.style.position="",document.body.style.top="",document.body.style.left="",document.body.style.right="",document.body.style.width="",window.scrollTo(0,o.current)}},[e,r])}import qe,{useEffect as gr,useRef as br}from"react";function d(e){let r=[];return e.forEach(o=>{!o||typeof o=="boolean"||r.push(...Array.isArray(o)?o:[o])}),r.join(" ")}var X={dialog:"e",small:"ur",medium:"dr",large:"sr",surface:"vi",title:"P",info:"pi",success:"xi",warning:"fi",error:"wi",content:"Ar",divider:"mi",controls:"V",start:"ki",end:"yi","space-between":"zi"};function hr(e){let{ariaModal:r,children:o,dark:t=!1,describedby:i,disableEscapeKey:n,labelledby:u,onCancel:a,onClickBackdrop:s,open:l,scrollable:p=!1,size:c}=e,h=br(null);pe(l,p),gr(()=>(h.current?.addEventListener("keydown",f),h.current?.addEventListener("mousedown",y),l?h.current?.showModal():h.current?.close(),()=>{h.current?.removeEventListener("keydown",f),h.current?.removeEventListener("mousedown",y)}),[l]);function f(w){n&&w.key==="Escape"&&w.preventDefault()}function y(w){s&&w.target===w.currentTarget&&s()}return qe.createElement("dialog",{ref:h,"aria-describedby":i,"aria-labelledby":u,"aria-modal":r,className:d([X.dialog,t&&m.dark,c&&X[c]]),onCancel:a,role:r?"alertdialog":"dialog"},qe.createElement("div",{className:X.surface},o))}var vr=new RegExp(/^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/);function ke(e,r){if(!vr.test(e))throw new Error(`${r} received an invalid hex color format. Expected '#000' or '#000000', but got: ${e}`);return e=e.replace("#",""),e.length===3?[parseInt(e.substring(0,1),16),parseInt(e.substring(1,2),16),parseInt(e.substring(2,2),16)]:[parseInt(e.substring(0,2),16),parseInt(e.substring(2,4),16),parseInt(e.substring(4,6),16)]}function ie(e){let o=ke(e,"useContrastColor").map(a=>a/255),[t,i,n]=o.map(a=>a<=.04045?a/12.92:((a+.055)/1.055)**2.4);return .2126*t+.7152*i+.0722*n>.179?"#000000":"#ffffff"}import xr from"react";function O(e){return typeof e=="string"&&["info","success","warning","error"].includes(e)}function wr(e){let{children:r,color:o,id:t}=e,i=O(o),n=u();function u(){if(o&&!i)return{"--uil-dialog-title-font-color":ie(o),"--uil-dialog-title-background":o}}return xr.createElement("div",{className:d([X.title,i&&X[o],m.fontLarge]),id:t,style:n},r)}import yr from"react";function kr(e){let{children:r,divider:o=!1,id:t}=e;return yr.createElement("div",{className:d([X.content,o&&X.divider]),id:t},r)}import Pr from"react";function Cr(e){let{children:r,position:o="end"}=e;return Pr.createElement("div",{className:d([X.controls,X[o]])},r)}function I(e){if(!e||e.dataset.attributed)return;e.dataset.attributed="true";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.");e.appendChild(r)}import ce,{useEffect as Lr,useRef as Wr}from"react";var H={toaster:"s",top:"Yi",bottom:"ji",centerX:"Fi",centerY:"Xi",centerXY:"Ai",left:"Ci",right:"Di",toast:"j",fadeIn:"Ei",fadeOut:"qi",info:"Bi",success:"Gi",warning:"Hi",error:"Ii",closeButton:"Cr"};function Ie(e){let{action:r,closeCallback:o,dark:t=!1,dismissible:i,id:n,message:u,timeout:a,variant:s}=e,l=Wr(null);Lr(()=>{if(setTimeout(()=>{l.current&&l.current.classList.add(H.fadeIn)}),a==="persistent")return;let c,h=setTimeout(()=>{l.current&&l.current.classList.replace(H.fadeIn,H.fadeOut),c=setTimeout(()=>{o()},500)},a);return()=>{clearTimeout(h),c&&clearTimeout(c)}},[a,o]);function p(){l.current&&l.current.classList.replace(H.fadeIn,H.fadeOut),setTimeout(()=>{o()},500)}return ce.createElement("div",{className:d([H.toast,s&&H[s],m.fontMedium,t&&m.dark]),id:n,ref:l,role:"status"},u,r&&ce.createElement("div",null,r),i&&ce.createElement("button",{className:H.closeButton,onClick:p},ce.createElement("svg",{ref:c=>I(c),xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 384 512"},ce.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 Ce,{createContext as Tr,useContext as Er,useRef as Ve,useState as Ir}from"react";import{useId as Ge,useState as Nr}from"react";function Pe(){let e=new Uint32Array(2);return crypto.getRandomValues(e),`uil${e[0].toString(32)}${e[1].toString(16)}`}function q(){if(typeof Ge=="function")return Ge();{let[e]=Nr(()=>Pe());return e}}var Sr={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.")}},je=Tr(Sr);function Fr(e){let{alignment:r={horizontal:"left",vertical:"bottom"},children:o,dark:t=!1,dismissible:i=!1,limit:n=4,timeout:u=5e3}=e,[a,s]=Ir([]),l=Ve(null),p=Ve([]);function c(v,L){let{id:k,toast:b}=f(v,L),F=a.length+p.current.length;if(p.current.push(b),F>=n){for(let P=0;P<F-n+1;P++)y(a[P].props.id);l.current=new Promise(P=>{setTimeout(()=>{h(b),P(),l.current=null},500)})}else h(b);return k}function h(v){s(L=>(p.current=p.current.filter(k=>k!==v),[...L,v]))}function f(v,L){let k=Pe(),b={action:L?.action,closeCallback:()=>{w(k,L?.closeCallback)},dark:L?.dark??t,dismissible:L?.dismissible??i,id:k,message:v,timeout:L?.timeout??u,variant:L?.variant};return{id:k,toast:Ce.createElement(Ie,{...b})}}function y(v){if(!v)return s([]);s(L=>L.filter(k=>k.props.id!==v))}function w(v,L){y(v),L?.()}function D(){let v=r.horizontal,L=r.vertical;return v==="center"&&L==="center"?[H.centerXY]:[v==="center"?H.centerX:H[v],L==="center"?H.centerY:H[L]]}return Ce.createElement(je.Provider,{value:{queueToast:c,closeToast:y}},o,Ce.createElement("div",{className:d([H.toaster,D()])},a.map(v=>Ce.createElement(Ie,{...v.props,key:v.props.id}))))}function Mr(){return Er(je)}import Xe from"react";var Y={checkWrapper:"x",label:"Dr",check:"y",box:"Ji",radio:"Er",radioCheck:"Ki",checkmark:"cr",radioWrapper:"br",row:"Li",column:"Mi"};import me from"react";function Se(e){let{checked:r,children:o,color:t,dark:i,disabled:n,id:u,name:a,onChange:s,value:l,...p}=e,c=u??q();function h(y){!n&&s&&s(y)}function f(){document.querySelector(`#${c}`).click()}return me.createElement("div",{className:d([Y.checkWrapper,i&&m.dark])},me.createElement("div",{className:`${Y.check} ${Y.radio}`,onClick:()=>{f()}},me.createElement("input",{id:c,name:a,type:"radio",value:l,checked:r,onChange:y=>{h(y)},disabled:n,tabIndex:n?-1:p.tabIndex??void 0,...p}),me.createElement("div",{className:`${Y.checkmark} ${Y.radioCheck}`,style:n?void 0:{backgroundColor:t}})),o&&me.createElement("label",{htmlFor:c,className:`${m.fontMedium} ${Y.label}`},o))}function Br(e){let{color:r,dark:o=!1,direction:t="column",disabled:i,name:n,onChange:u,options:a,selected:s}=e;function l(p){!i&&u&&u(p)}return Xe.createElement("div",{className:d([Y.radioWrapper,Y[t]]),role:"radiogroup"},a.map((p,c)=>Xe.createElement(Se,{key:c,dark:o,color:r,onChange:l,checked:s===p.value,disabled:i??p.disabled,name:n,...p},p.label)))}var A={pagination:"D",button:"J",svg:"qr",active:"Ni"};var ae={pagination:"W",item:"Br",dots:"Oi"};import S,{useEffect as Hr,useState as Yr}from"react";function Or(e){let{activePage:r=1,ariaLabels:o,boundary:t=1,dark:i=!1,disablePrevButton:n=!1,disableNextButton:u=!1,disableFirstButton:a=!1,disableLastButton:s=!1,firstButton:l,lastButton:p,nextButton:c,onChange:h,pages:f,prevButton:y,siblings:w=1}=e;if(t<=0||t>f)throw new Error(`<Pagination/> received an invalid boundary. Expected boundary to be greater than 0 and smaller or equal to pages (${f}), but got: ${t}`);if(r<1||r>f)throw new Error(`<Pagination/> activePage out of bounds. Expected activePage to be greater than 0 and smaller or equal to pages (${f}), but got: ${r}`);let[D,v]=Yr(r),L=Math.max(Math.min(D-w,f-t-w*2-1),t+2),k=Math.min(Math.max(D+w,t+w*2+2),f-t-1),b=[...new Set([...F(1,t),...L>t+2?["ellipsis-a"]:t<f-t?[t+1]:[],...F(L,k),...k<f-t-1?["ellipsis-b"]:f-t>t?[f-t]:[],...F(f-t+1,f)])];function F(C,V){let j=V-C+1;return Array.from({length:j},(g,x)=>C+x)}function P(C){v(C),h?.(C)}return Hr(()=>{v(r)},[r]),S.createElement("nav",{className:d([i&&m.dark])},S.createElement("ul",{className:d([A.pagination,ae.pagination])},!a&&S.createElement("li",{className:ae.item},S.createElement("button",{className:A.button,onClick:()=>{P(1)},disabled:D<=1,"aria-label":o?.first??"Go to first page"},l??S.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512",ref:C=>I(C),className:A.svg},S.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"})))),!n&&S.createElement("li",{className:ae.item},S.createElement("button",{className:A.button,onClick:()=>{P(D-1)},disabled:D<=1,"aria-label":o?.prev??"Go to previous page"},y??S.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 320 512",ref:C=>I(C),className:A.svg},S.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"})))),b.map((C,V)=>S.createElement("li",{key:V,className:ae.item},typeof C=="number"?S.createElement("button",{className:d([D===C&&A.active,A.button]),onClick:()=>{P(C)},"aria-label":o?.page?`${o.page} ${C}`:`Go to page ${C}`},C):S.createElement("svg",{className:ae.dots,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},S.createElement("circle",{cx:4,cy:14,r:1}),S.createElement("circle",{cx:12,cy:14,r:1}),S.createElement("circle",{cx:20,cy:14,r:1})))),!u&&S.createElement("li",{className:ae.item},S.createElement("button",{className:A.button,onClick:()=>{P(D+1)},disabled:D>=f,"aria-label":o?.next??"Go to next page"},c??S.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 320 512",ref:C=>I(C),className:A.svg},S.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"})))),!s&&S.createElement("li",{className:ae.item},S.createElement("button",{className:A.button,onClick:()=>{P(f)},disabled:D>=f,"aria-label":o?.last??"Go to last page"},p??S.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512",ref:C=>I(C),className:A.svg},S.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 K={circularProgress:"E",indeterminate:"Gr",rotate:"Hr",spinner:"K",spinning:"Ir",info:"hr",success:"gr",warning:"vr",error:"pr",linearProgress:"w",custom:"Pi",progressBar:"G",first:"Qi",moving:"Jr",second:"Ri","moving-alt":"Kr"};import Fe from"react";function qr(e){let{ariaLabel:r,color:o="info",dark:t,size:i,value:n}=e;if(typeof n=="number"&&(n>100||n<0))throw new Error(`invalid value. Expected 100 >= value >= 0, but got ${n}`);let u=O(o);return Fe.createElement("div",{"aria-valuenow":n,className:d([K.circularProgress,typeof n!="number"&&K.indeterminate,t&&m.dark]),role:"progressbar",style:{width:i,height:i},"aria-label":r??"Circular progressbar"},Fe.createElement("svg",{viewBox:"0 0 40 40"},Fe.createElement("circle",{className:d([K.spinner,u&&K[o]]),cx:20,cy:20,fill:"none",r:19,stroke:u?void 0:o,strokeDasharray:typeof n=="number"?"120":void 0,strokeDashoffset:typeof n=="number"?`${1.2*(100-n)}px`:void 0,strokeWidth:2})))}import Me from"react";function Gr(e){let{color:r="info",dark:o,height:t,value:i,width:n,ariaLabel:u}=e;if(typeof i=="number"&&(i>100||i<0))throw new Error(`invalid value. Expected 100 >= value >= 0, but got ${i}`);let a=O(r);return Me.createElement("div",{"aria-valuenow":i,className:d([K.linearProgress,a?K[r]:K.custom,o&&m.dark]),role:"progressbar",style:{height:t,width:n},"aria-label":u??"Linear progressbar"},Me.createElement("div",{className:d([K.progressBar,typeof i!="number"&&K.first,a&&K[r]]),style:{backgroundColor:a?void 0:r,right:typeof i=="number"?`${100-i}%`:void 0}}),typeof i!="number"&&Me.createElement("div",{className:d([K.progressBar,K.second,a&&K[r]]),style:{backgroundColor:a?void 0:r}}))}var G={burgerControl:"Lr",icon:"Si",menuWrapper:"m",left:"Mr",transform:"Nr",right:"Or",menuHeader:"Ti",menuItem:"Pr",blur:"Ui"};import jr from"react";function Xr(e){return jr.createElement("div",{className:G.menuHeader},e.children)}import Ur from"react";function _r(e){return Ur.createElement("div",{className:G.menuItem},e.children)}import _,{useState as Jr}from"react";function Qr(e){let{alignment:r,children:o,closeIcon:t,dark:i,footer:n,openIcon:u}=e,[a,s]=Jr(!1);pe(a,!1);function l(){s(!a)}return _.createElement(_.Fragment,null,_.createElement("button",{className:d([G.burgerControl,i&&m.dark]),onClick:l},u??_.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 640 640",className:G.icon,ref:p=>I(p)},_.createElement("path",{d:"M96 160C96 142.3 110.3 128 128 128L512 128C529.7 128 544 142.3 544 160C544 177.7 529.7 192 512 192L128 192C110.3 192 96 177.7 96 160zM96 320C96 302.3 110.3 288 128 288L512 288C529.7 288 544 302.3 544 320C544 337.7 529.7 352 512 352L128 352C110.3 352 96 337.7 96 320zM544 480C544 497.7 529.7 512 512 512L128 512C110.3 512 96 497.7 96 480C96 462.3 110.3 448 128 448L512 448C529.7 448 544 462.3 544 480z"}))),a&&_.createElement("div",{className:G.blur,onClick:l}),_.createElement("div",{className:d([G.menuWrapper,r==="left"?G.left:G.right,a&&G.transform,i&&m.dark]),onClick:l},_.createElement("button",{className:G.burgerControl,onClick:l},t??_.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 640 640",className:G.icon,ref:p=>I(p)},_.createElement("path",{d:"M416 160L480 160C497.7 160 512 174.3 512 192L512 448C512 465.7 497.7 480 480 480L416 480C398.3 480 384 494.3 384 512C384 529.7 398.3 544 416 544L480 544C533 544 576 501 576 448L576 192C576 139 533 96 480 96L416 96C398.3 96 384 110.3 384 128C384 145.7 398.3 160 416 160zM406.6 342.6C419.1 330.1 419.1 309.8 406.6 297.3L278.6 169.3C266.1 156.8 245.8 156.8 233.3 169.3C220.8 181.8 220.8 202.1 233.3 214.6L306.7 288L96 288C78.3 288 64 302.3 64 320C64 337.7 78.3 352 96 352L306.7 352L233.3 425.4C220.8 437.9 220.8 458.2 233.3 470.7C245.8 483.2 266.1 483.2 278.6 470.7L406.6 342.7z"}))),_.createElement("nav",{onClick:l},o),n))}import _e,{cloneElement as et,isValidElement as Je}from"react";var N={inputField:"r",inputWrapper:"i",basic:"f",input:"l",label:"F",fieldset:"h",decorator:"u",start:"Z",helpText:"xr",outlined:"k",end:"Vi",error:"Y",visible:"X",legend:"Wi",textareaLabel:"Zi",labelText:"Q",asterisk:"_i",onFocus:"fr",textarea:"Qr",click:"Rr"};import Ue from"react";function Rr(e){let{children:r,onClick:o,onFocus:t,position:i}=e,n=d([N.decorator,m.fontSmall,i==="start"?N.start:N.end,t?N.onFocus:N.visible,o&&N.click]);return o?Ue.createElement("button",{className:n,onMouseDown:u=>{u.preventDefault()},onClick:o,type:"button",disabled:e.disabled},r):Ue.createElement("div",{className:n},r)}var fe=Rr;import Q from"react";function ge(e){let{children:r,dark:o,error:t,helpId:i,helpText:n,id:u,isTextarea:a=!1,label:s,required:l,variant:p="outlined"}=e;return Q.createElement("div",{className:d([N.inputField,o&&m.dark])},Q.createElement("div",{className:d([N.inputWrapper,N[p],t&&N.error])},r,Q.createElement("fieldset",{className:N.fieldset,"aria-hidden":!0},Q.createElement("legend",{className:N.legend},Q.createElement("span",{className:N.labelText},s),l&&Q.createElement("span",{className:`${N.labelText} ${N.asterisk}`,"aria-hidden":!0},"*"))),Q.createElement("label",{htmlFor:u,className:d([N.label,a&&N.textareaLabel])},Q.createElement("span",{className:N.labelText},s),l&&Q.createElement("span",{className:`${N.labelText} ${N.asterisk}`,"aria-hidden":!0},"*"))),n&&Q.createElement("div",{className:d([N.helpText,t&&N.error]),id:i},n))}function ze(e){let{children:r,dark:o,error:t,helpText:i,id:n,label:u,required:a,variant:s,...l}=e;if(r&&(!Je(r)||r.type!==fe))throw new Error(`<Input> received an invalid child. Expected <InputDecorator />, but got: ${Je(r)?String(r.type):typeof r}.`);let p=n??q(),c=q(),h=r?et(r,{disabled:l.disabled}):null;return _e.createElement(ge,{dark:o,error:t,helpId:c,helpText:i,id:p,label:u,required:a,variant:s},_e.createElement("input",{id:p,className:`${N.input} ${m.fontMedium}`,placeholder:"",required:a,...l,"aria-describedby":c}),h)}import Qe from"react";function rt(e){let{dark:r=!1,error:o=!1,helpText:t,id:i,label:n,resize:u="both",required:a,...s}=e,l=i??q(),p=t?q():void 0,c={"--uil-textarea-resize":u,...s.style};return Qe.createElement(ge,{dark:r,error:o,helpId:p,helpText:t,id:l,label:n,required:a,isTextarea:!0},Qe.createElement("textarea",{id:l,className:d([N.input,N.textarea,m.fontMedium]),placeholder:"",required:a,...s,"aria-describedby":p,style:c}))}function Be(e,r){return!!e&&!!r&&e.getFullYear()===r.getFullYear()&&e.getMonth()===r.getMonth()&&e.getDate()===r.getDate()}function Ze(e="default",r="mon"){let o=new Date(2021,7,1),t=Array.from({length:7},(i,n)=>{let u=new Date(o);return u.setDate(o.getDate()+n),u.toLocaleDateString(e,{weekday:"short"})});return r==="mon"?[...t.slice(1),t[0]]:t}function Re(e,r,o,t){let i=[],n=new Date(e,r,1).getDay(),u=new Date(e,r+1,0).getDate(),a=o==="mon"?n===0?6:n-1:n,s=new Date(e,r,1-a),l=Math.ceil((a+u)/7)*7;for(let p=0;p<l;p++){let c=new Date(s);c.setDate(s.getDate()+p),i.push({date:c,currentMonth:c.getMonth()===r,disabled:t(c)})}return i}import{useEffect as Ae,useMemo as $e,useRef as De,useState as He}from"react";function Le(e){let{activeView:r,locale:o,max:t,min:i,onChange:n,value:u,weekStart:a="mon"}=e,s=i?new Date(i.getFullYear(),i.getMonth(),i.getDate()):null,l=t?new Date(t.getFullYear(),t.getMonth(),t.getDate()):null,p=new Date,c=$e(()=>{let W=u??r??p;return i&&W<i?i:t&&W>t?t:W},[u,r,i,t]),[h,f]=He(c),[y,w]=He(!1),D=h.getFullYear(),v=h.getMonth(),L=q(),k=$e(()=>Re(D,v,a,Oe),[D,v,a]),b=Array.from({length:k.length/7},(W,E)=>k.slice(E*7,E*7+7)),F=$e(()=>Ze(o,a),[o,a]),[P,C]=He(u??k[0].date),V=De(null),j=De({}),g=De(null),x=De(null),M=t?new Date(D,v+1,1)>new Date(t.getFullYear(),t.getMonth(),1):!1,de=i?new Date(D,v-1,1)<new Date(i.getFullYear(),i.getMonth(),1):!1;function Ee(W){f(E=>{let z=new Date(E.getFullYear(),E.getMonth()+W,1);return i&&z<new Date(i.getFullYear(),i.getMonth(),1)||t&&z>new Date(t.getFullYear(),t.getMonth(),1)?E:z})}function Oe(W){let E=new Date(W.getFullYear(),W.getMonth(),W.getDate());return!!(s&&E<s||l&&E>l)}function sr(W){if(W.key==="Tab"){let R=[g.current,x.current,j.current[P?.toDateString()||""]].filter(Ke=>!!Ke&&!Ke.hasAttribute("disabled")),J=R.indexOf(document.activeElement);J===-1&&(J=0),W.shiftKey?J===0&&(W.preventDefault(),R[R.length-1]?.focus()):J===R.length-1&&(W.preventDefault(),R[0]?.focus());return}if(!P)return;let E=k.findIndex(R=>Be(R.date,P));if(E===-1)return;let z=E;switch(W.key){case"ArrowRight":z+=1;break;case"ArrowLeft":z-=1;break;case"ArrowDown":z+=7;break;case"ArrowUp":z-=7;break;case"Home":{z=E-E%7;break}case"End":{z=E+(6-E%7);break}case"PageUp":{W.preventDefault(),Ee(-1);return}case"PageDown":{W.preventDefault(),Ee(1);return}default:return}W.preventDefault(),z=Math.max(0,Math.min(k.length-1,z));let ye=k[z];if(ye.disabled){let R=z>E?1:-1,J=z;for(;J>=0&&J<k.length;){if(!k[J].disabled){ye=k[J];break}J+=R}}ye.disabled||C(ye.date)}function ur(){w(W=>!W)}function dr(W){w(!1),n(W)}return Ae(()=>{if(!y){f(c);return}function W(z){V.current&&!V.current.contains(z.target)&&w(!1)}function E(z){z.key==="Escape"&&w(!1)}return document.addEventListener("pointerdown",W),document.addEventListener("keydown",E),()=>{document.removeEventListener("pointerdown",W),document.removeEventListener("keydown",E)}},[y,c]),Ae(()=>{if(!P)return;let W=P.toDateString();j.current[W]?.focus()},[P]),Ae(()=>{if(!y)return;let W=k.find(E=>E.currentMonth&&!E.disabled)??k.find(E=>!E.disabled)??k[0];W&&C(W.date)},[y,k]),{open:y,ID:L,view:h,days:k,weeks:b,weekdays:F,focusedDate:P,setFocusedDate:C,ref:V,prevRef:g,nextRef:x,dayRefs:j,changeMonth:Ee,handleKeyDown:sr,isSameDay:Be,isDayDisabled:Oe,isPrevDisabled:de,isNextDisabled:M,today:p,toggleCalendar:ur,selectDate:dr}}var T={datePicker:"o",active:"z",fieldset:"q",label:"L",value:"A",trigger:"g",chevron:"Sr",calendar:"b",open:"ro",controls:"M",button:"_",svg:"Tr",calendarHeader:"io",item:"H",divider:"oo",calendarDays:"N",selected:"rr",today:"lo"};import B from"react";function be(e){return B.createElement("div",{className:d([T.calendar,e.open&&T.open]),id:e.ID,role:"dialog","aria-label":e.ariaLabels.calendar,onKeyDown:e.handleKeyDown},B.createElement("div",{className:T.controls},B.createElement("button",{className:T.button,ref:e.prevRef,disabled:e.isPrevDisabled,onClick:()=>{e.changeMonth(-1)},"aria-label":e.ariaLabels.previous,type:"button"},B.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 640 640",className:T.svg,ref:r=>I(r)},B.createElement("path",{d:"M169.4 297.4C156.9 309.9 156.9 330.2 169.4 342.7L361.4 534.7C373.9 547.2 394.2 547.2 406.7 534.7C419.2 522.2 419.2 501.9 406.7 489.4L237.3 320L406.6 150.6C419.1 138.1 419.1 117.8 406.6 105.3C394.1 92.8 373.8 92.8 361.3 105.3L169.3 297.3z"}))),B.createElement("span",null,e.view.toLocaleDateString(e.locale,{month:"long",year:"numeric"})),B.createElement("button",{className:T.button,ref:e.nextRef,disabled:e.isNextDisabled,onClick:()=>{e.changeMonth(1)},"aria-label":e.ariaLabels.next,type:"button"},B.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 640 640",className:T.svg,ref:r=>I(r)},B.createElement("path",{d:"M471.1 297.4C483.6 309.9 483.6 330.2 471.1 342.7L279.1 534.7C266.6 547.2 246.3 547.2 233.8 534.7C221.3 522.2 221.3 501.9 233.8 489.4L403.2 320L233.9 150.6C221.4 138.1 221.4 117.8 233.9 105.3C246.4 92.8 266.7 92.8 279.2 105.3L471.2 297.3z"})))),B.createElement("table",null,B.createElement("thead",{className:T.calendarHeader},B.createElement("tr",null,e.weekdays.map(r=>B.createElement("th",{key:r,className:T.item},r)))),B.createElement("tbody",{className:T.calendarDays},B.createElement("tr",{className:T.divider},B.createElement("td",{colSpan:7})),e.weeks.map((r,o)=>B.createElement("tr",{key:o},r.map(t=>B.createElement("td",{key:`${t.date.getFullYear()}-${t.date.getMonth()}-${t.date.getDate()}`},B.createElement("button",{className:d([T.item,t.currentMonth&&T.active,e.isSameDay(e.value,t.date)&&T.selected,e.isSameDay(e.today,t.date)&&T.today]),type:"button",onClick:()=>{e.handleDateChange(t.date)},disabled:t.disabled,"aria-current":e.isSameDay(e.value,t.date)?"date":void 0,tabIndex:e.isSameDay(e.focusedDate,t.date)?0:-1,ref:i=>{e.dayRefs.current[`${t.date.toDateString()}`]=i}},t.date.getDate()))))))))}import ee from"react";function ot(e){let{ariaLabels:r={calendar:"Date picker",next:"Next month",previous:"Previous month"},dark:o=!1,dateFormat:t={year:"numeric",month:"2-digit",day:"2-digit"},disabled:i,placeholder:n,locale:u,value:a}=e,s=Le(e);function l(){i||s.toggleCalendar()}function p(c){s.selectDate(c)}return ee.createElement("div",{className:d([T.datePicker,s.open&&T.active,a&&T.value,o&&m.dark]),ref:s.ref},ee.createElement("button",{className:T.trigger,disabled:i,onClick:l,"aria-controls":s.ID,"aria-haspopup":"dialog","aria-expanded":s.open,"aria-label":a?.toLocaleDateString(u,t)??n},ee.createElement("span",null,a?.toLocaleDateString(u,t)),ee.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 448 512",className:T.chevron,ref:c=>I(c),"aria-hidden":!0},ee.createElement("path",{d:"M152 24c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 40L64 64C28.7 64 0 92.7 0 128l0 16 0 48L0 448c0 35.3 28.7 64 64 64l320 0c35.3 0 64-28.7 64-64l0-256 0-48 0-16c0-35.3-28.7-64-64-64l-40 0 0-40c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 40L152 64l0-40zM48 192l352 0 0 256c0 8.8-7.2 16-16 16L64 464c-8.8 0-16-7.2-16-16l0-256z"}))),ee.createElement("fieldset",{className:T.fieldset},ee.createElement("legend",null,n)),ee.createElement("label",{className:T.label,onClick:l},n),ee.createElement(be,{...s,ariaLabels:r,value:a,locale:u,handleDateChange:p}))}import se,{useEffect as it,useRef as at,useState as er}from"react";function nt(e){let{ariaLabels:r={calendar:"Date picker",next:"Next month",previous:"Previous month"},dark:o=!1,dateFormat:t={year:"numeric",month:"2-digit",day:"2-digit"},disabled:i,placeholder:n,locale:u,onChange:a,value:s}=e,l=Le(e),[p,c]=er(""),[h,f]=er(!1),y=at(null);function w(b){c(b.toLocaleDateString(u,t)),l.selectDate(b)}function D(){i||(l.open||k(),y.current?.focus(),l.toggleCalendar())}function v(b){let F=b.split(".");if(F.length!==3)return null;let[P,C,V]=F.map(Number);if(!P||!C||!V)return null;let j=new Date(V,C-1,P);return j.getFullYear()!==V||j.getMonth()!==C-1||j.getDate()!==P?null:j}function L(b){f(!0);let F=b.target.value;c(F)}function k(){let b=v(p);if(!b||l.isDayDisabled(b)){c(s?s.toLocaleDateString(u,t):""),f(!1);return}a(b),l.setFocusedDate(b),c(b.toLocaleDateString(u,t)),f(!1)}return it(()=>{if(!h){if(!s){c("");return}c(s.toLocaleDateString(u,t))}},[s,u,t,h]),se.createElement("div",{className:d([T.datePicker,l.open&&T.active,s&&T.value,o&&m.dark]),ref:l.ref},se.createElement(ze,{label:n,variant:"outlined",value:p,onChange:L,onBlur:k,onKeyDown:b=>{b.key==="Enter"&&k()},disabled:i,ref:y},se.createElement(fe,{onClick:D},se.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 448 512",className:T.chevron,ref:b=>I(b)},se.createElement("path",{d:"M152 24c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 40L64 64C28.7 64 0 92.7 0 128l0 16 0 48L0 448c0 35.3 28.7 64 64 64l320 0c35.3 0 64-28.7 64-64l0-256 0-48 0-16c0-35.3-28.7-64-64-64l-40 0 0-40c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 40L152 64l0-40zM48 192l352 0 0 256c0 8.8-7.2 16-16 16L64 464c-8.8 0-16-7.2-16-16l0-256z"})))),se.createElement(be,{...l,ariaLabels:r,value:s,locale:u,handleDateChange:w}))}import U,{useState as rr}from"react";var We={pagination:"R",select:"ao",controls:"to"};function st(e){let{activePage:r=1,dark:o=!1,entries:t,entriesDescription:i="of",nextButton:n,nextLabel:u="Go to next page",onChange:a,prevButton:s,prevLabel:l="Go to previous page",rowLabel:p="Rows per page",rows:c=[10,25,50,100]}=e,h=q(),[f,y]=rr(c[0]),w=Math.ceil(t/f),[D,v]=rr(r>w?w:r<=0?1:r),L=f*(D-1)+1,k=f*D;function b(P){let C=Number(P.target.value);y(C),F(1,C)}function F(P,C){v(P),a?.(P,C??f)}return U.createElement("nav",{className:d([A.pagination,We.pagination,o&&m.dark])},U.createElement("label",{htmlFor:h},p),U.createElement("select",{id:h,className:We.select,value:f,onChange:b},c.map((P,C)=>U.createElement("option",{key:C,value:P},P))),U.createElement("p",null,L,"-",k>t?t:k," ",i," ",t),U.createElement("div",{className:We.controls},U.createElement("button",{className:A.button,onClick:()=>{F(D-1)},disabled:D<=1,"aria-label":u},s??U.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 320 512",className:A.svg,ref:P=>I(P)},U.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"}))),U.createElement("button",{className:A.button,onClick:()=>{F(D+1)},disabled:D>=w,"aria-label":l},n??U.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 320 512",className:A.svg,ref:P=>I(P)},U.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 re={details:"v",summary:"C",divider:"eo",chevron:"ir",start:"no",end:"Ur",content:"uo",accordion:"or"};import tr,{isValidElement as or}from"react";import he from"react";function Ne(e){let{children:r,dark:o=!1,divider:t=!1,icon:i,iconPosition:n="start",summary:u,...a}=e;return he.createElement("details",{className:d([re.details,o&&m.dark]),...a},he.createElement("summary",{className:d([re.summary,t&&re.divider,re[n]])},i??he.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 320 512",className:re.chevron,ref:s=>I(s)},he.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"})),u),he.createElement("div",{className:re.content},r))}function dt(e){let{children:r,dark:o=!1,divider:t=!1,icon:i,iconPosition:n,name:u}=e;return r&&r.forEach(a=>{if(!or(a)||a.type!==Ne)throw new Error(`<Accordion> received an invalid child. Expected <Details />, but got: ${or(a)?String(a.type):typeof a}.`)}),tr.createElement("div",{className:d([re.accordion])},r.map((a,s)=>tr.createElement(Ne,{key:s,...a.props,dark:a.props.dark??o,divider:a.props.divider??t,icon:a.props.icon??i,iconPosition:a.props.iconPosition??n,name:a.props.name??u})))}import ve from"react";function pt(e){let{checked:r,children:o,color:t,dark:i,disabled:n,onChange:u,...a}=e,s=a.id??q();function l(c){!n&&u&&u(c)}function p(){document.querySelector(`#${s}`).click()}return ve.createElement("div",{className:d([Y.checkWrapper,i&&m.dark])},ve.createElement("div",{className:d([Y.check,Y.box]),onClick:p},ve.createElement("input",{type:"checkbox",checked:r,onChange:l,id:s,disabled:n,...a}),ve.createElement("div",{className:d([Y.checkmark]),style:n?void 0:{backgroundColor:t}})),o&&ve.createElement("label",{htmlFor:s,className:`${m.fontMedium} ${Y.label}`},o))}import Z,{Children as mt,useState as ft}from"react";var ue={breadcrumbs:"B",highlight:"do",li:"Vr",hiddenEntries:"wr"};function gt(e){let{afterCollapse:r=2,beforeCollapse:o=1,children:t,dark:i=!1,expandButtonLabel:n="expand",highlightLast:u=!1,maxEntries:a=5,separator:s="/"}=e,l=mt.toArray(t).map((y,w)=>Z.createElement("li",{className:ue.li,key:w},y)),[p,c]=ft(!1);function h(y){return y.reduce((w,D,v)=>(w.push(D),v<y.length-1&&w.push(Z.createElement("li",{key:`sep-${v}`,"aria-hidden":!0},s)),w),[])}function f(){return o+r>=l.length?(console.error(`<Breadcrumbs/> received an invalid collapse configuration. Expected (beforeCollapse + afterCollapse) < allEntries, but got: ${o+r} >= ${l.length}.`),l):[...l.slice(0,o),Z.createElement("li",{className:ue.li,key:"hidden-entries"},Z.createElement("button",{className:ue.hiddenEntries,type:"button","aria-label":n,onClick:()=>{c(!0)}},Z.createElement("svg",{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},Z.createElement("circle",{cx:"04",cy:"18",r:"1"}),Z.createElement("circle",{cx:"12",cy:"18",r:"1"}),Z.createElement("circle",{cx:"20",cy:"18",r:"1"})))),...l.slice(l.length-r,l.length)]}return Z.createElement("nav",{"aria-label":e["aria-label"]},Z.createElement("ol",{className:d([ue.breadcrumbs,u&&ue.highlight,i&&m.dark])},h(p||l.length<=a?l:f())))}var Ye={skeleton:"Wr",animation:"so",pulse:"Zr"};import ht from"react";function vt(e){let{dark:r=!1,disableAnimation:o=!1,height:t,width:i,radius:n}=e;return ht.createElement("div",{className:d([Ye.skeleton,!o&&Ye.animation,r&&m.dark]),style:{height:t,width:i,borderRadius:n}})}import ir from"react";function xe(e){let r;switch(e){case"small":r=m.fontSmall;break;case"medium":r=m.fontMedium;break;case"large":r=m.fontLarge;break;default:throw new Error(`Error: unsupported size. Expected 'small', 'medium' or 'large', but got: ${String(e)}`)}return r}var ne={button:"n",filled:"lr",info:"co",success:"bo",warning:"mr",outlined:"ar",text:"kr",error:"ho",disabled:"yr",small:"_r",rounded:"zr",medium:"ri",large:"ii"};function wt(e){let{children:r,color:o="info",dark:t=!1,disabled:i=!1,href:n,rounded:u=!1,size:a="medium",target:s,variant:l,...p}=e,c=f(),h=y();function f(){return d([ne.button,m.fit,ne[a],ne[l],t&&m.dark,i&&ne.disabled,O(o)&&ne[o],xe(a),u&&ne.rounded])}function y(){if(i||O(o))return;let w=ke(o,"<Button>");return{"--uil-button-font-color":ie(o),"--uil-button-color":o,"--uil-button-hover-color":`${w[0]}, ${w[1]}, ${w[2]}`}}return n||n===""?ir.createElement("a",{href:n,target:s,id:p.id,title:p.title,style:h,className:c},r):ir.createElement("button",{style:h,className:c,type:p.type??"button",disabled:i,"aria-disabled":i,tabIndex:i?-1:p.tabIndex,...p},r)}import we,{useRef as kt}from"react";var le={switch:"a",small:"tr",thumbWrapper:"p",track:"S",medium:"er",large:"nr",info:"go",success:"vo",warning:"po",error:"xo",thumb:"Yr"};function Pt(e){let{color:r="info",dark:o=!1,disabled:t,onChange:i,size:n="medium",...u}=e,a=O(r),s=a?void 0:{"--uil-switch-color":r},l=kt(null);function p(h){t||i?.(h)}function c(){l.current?.click()}return we.createElement("div",{className:d([le.switch,le[n],a&&le[r],o&&m.dark]),onClick:()=>{c()},style:s},we.createElement("div",{className:le.thumbWrapper},we.createElement("div",{className:le.thumb}),we.createElement("input",{type:"checkbox",disabled:t,ref:l,onChange:p,...u})),we.createElement("div",{className:le.track}))}import te,{useEffect as Lt,useMemo as Wt,useRef as nr,useState as lr}from"react";var $={selectWrapper:"t",trigger:"I",disabled:"jr",chevron:"oi",displayText:"fo",optionsList:"c",top:"li",bottom:"ai",open:"ti",scrollArea:"T",group:"wo",option:"O",active:"mo",selected:"ko"};import Dt from"react";function ar(e){let{activeIndex:r,disabled:o,index:t,listId:i,onSelect:n,option:u,setActiveIndex:a,value:s}=e,l=t===r,p=Array.isArray(s)?s.includes(u.value):s===u.value;return Dt.createElement("div",{key:u.value,id:`${i}-option-${t}`,role:"option","aria-selected":p,"aria-disabled":o,className:d([$.option,l&&$.active,p&&$.selected,o&&$.disabled]),onMouseEnter:()=>a(t),onClick:()=>{o||n(u.value)}},u.label)}import{useId as Nt}from"react";function Tt(e){let{dark:r,disabled:o,multi:t,onChange:i,openPosition:n="bottom",options:u,placeholder:a,value:s,width:l}=e,[p,c]=lr(!1),[h,f]=lr(0),y=Nt(),w=nr(null),D=nr(null),v=Wt(()=>{let g=[];for(let x of u)if("options"in x){g.push({type:"group",label:x.label});for(let M of x.options)g.push({type:"option",option:M,groupDisabled:x.disabled??!1,index:g.length})}else g.push({type:"option",option:x,groupDisabled:!1,index:g.length});return g},[u]),L=v.filter(g=>g.type==="option"),k=L.filter(g=>t?s.includes(g.option.value):g.option.value===s),b=k.length===0?a:k.map(g=>g.option.label).join(", ");function F(g){if(t){let x;s.includes(g)?x=s.filter(M=>M!==g):x=[...s,g],i(x)}else i(g),c(!1),w.current?.focus()}function P(){if(o)return;let g=L.find(x=>x.type==="option"&&x.option.value===s);if(g)f(g.index);else{let x=L.find(M=>M.type==="option"&&!M.option.disabled&&!M.groupDisabled);f(x?x.index:0)}c(!0)}function C(){c(!1)}function V(g){if(!o)switch(g.key){case"ArrowDown":return g.preventDefault(),p?f(x=>j(x,1)):P();case"ArrowUp":return g.preventDefault(),p?f(x=>j(x,-1)):P();case"Home":{g.preventDefault();let x=L.find(M=>!M.option.disabled&&!M.groupDisabled);x&&f(x.index);break}case"End":{g.preventDefault();for(let x=v.length-1;x>=0;x--){let M=v[x];if(M.type==="option"&&!M.option.disabled&&!M.groupDisabled){f(x);break}}break}case"Enter":case" ":{g.preventDefault();let x=v[h];x?.type==="option"&&!x.option.disabled&&!x.groupDisabled&&F(x.option.value);break}case"Escape":return C()}}function j(g,x){let M=g+x;for(;M>=0&&M<v.length;){let de=v[M];if(de.type==="option"&&!de.option.disabled&&!de.groupDisabled)return M;M+=x}return g}return Lt(()=>{if(!p)return;function g(x){D.current&&!D.current.contains(x.target)&&c(!1)}return document.addEventListener("pointerdown",g),()=>document.removeEventListener("pointerdown",g)},[p]),te.createElement("div",{className:d([$.selectWrapper,r&&m.dark]),ref:D,style:{width:l,minWidth:l}},te.createElement("button",{ref:w,type:"button","aria-haspopup":"listbox","aria-expanded":p,"aria-controls":y,"aria-activedescendant":p&&h>=0?`${y}-option-${h}`:void 0,disabled:o,onClick:()=>p?C():P(),onKeyDown:V,className:d([$.trigger,o&&$.disabled]),"aria-label":b,title:b},te.createElement("span",{className:$.displayText},b),te.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512",className:$.chevron,ref:g=>I(g),"aria-hidden":!0},te.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"}))),te.createElement("div",{id:y,role:"listbox",className:d([$.optionsList,p&&$.open,n==="top"?$.top:$.bottom])},te.createElement("div",{className:$.scrollArea},v.map(g=>g.type==="group"?te.createElement("div",{key:`group-${g.label}`,className:$.group},g.label):te.createElement(ar,{key:g.option.value,option:g.option,disabled:g.groupDisabled||g.option.disabled,activeIndex:h,value:s,index:g.index,onSelect:F,setActiveIndex:f,listId:y})))))}import Te,{cloneElement as It,isValidElement as St}from"react";var oe={tag:"d",clickable:"Fr",small:"ei",medium:"ni",large:"ui",filled:"yo",outlined:"Xr",delIcon:"U",elevated:"zo",info:"Yo",success:"jo",warning:"di",error:"Fo"};function Ft(e){let{children:r,color:o,dark:t=!1,deleteIcon:i,elevated:n=!1,href:u,label:a,onDelete:s,onClick:l,size:p="medium",target:c,variant:h}=e,f=v(),y=L(),w=null;if(s){let b;if(h==="filled")switch(o){case"info":case"success":case"error":b=t?"black":"white";break;case"warning":b="black";break;default:b=ie(o)}else O(o)?b=void 0:b=o;w=i&&St(i)?It(i,{onClick:D}):Te.createElement("svg",{ref:F=>I(F),xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 384 512",onClick:D,className:d([oe.delIcon,oe[p]]),fill:b},Te.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"}))}function D(b){b.stopPropagation(),s?.()}function v(){if(!O(o))return{"--uil-tag-font-color":ie(o),"--uil-tag-color":o}}function L(){return d([oe.tag,O(o)&&oe[o],oe[h],m.fit,n&&oe.elevated,t&&m.dark,xe(p),oe[p],(l??u)&&oe.clickable])}function k(b){(b.key==="Enter"||b.key===" ")&&l?.()}return u?Te.createElement("a",{href:u,target:c,style:f,className:y},a??r,w):Te.createElement("div",{className:y,onClick:()=>{l?.()},onKeyDown:l&&k,role:l&&"button",style:f,tabIndex:l&&0},a??r,w)}export{dt as Accordion,gt as Breadcrumbs,Qr as BurgerMenu,wt as Button,pt as Checkbox,qr as CircularProgress,nt as DateInput,ot as DatePicker,Ne as Details,hr as Dialog,kr as DialogContent,Cr as DialogControls,wr as DialogTitle,ze as Input,fe as InputDecorator,Gr as LinearProgress,Xr as MenuHeader,_r as MenuItem,Or as Pagination,Se as Radio,Br as RadioGroup,Tt as Select,vt as Skeleton,Pt as Switch,st as TablePagination,Ft as Tag,rt as Textarea,Fr as ToastProvider,ie as useContrastColor,pe as useScrollLock,Mr as useToastContext};
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "private": false,
3
3
  "name": "@hbuesing/ui-library",
4
- "version": "10.0.1",
4
+ "version": "10.0.2",
5
5
  "description": "Collection of reusable ui components for react based applications",
6
6
  "source": "src/index.ts",
7
7
  "type": "module",
@@ -49,16 +49,16 @@
49
49
  "react-dom": "^18.0.0 || ^19.0.0"
50
50
  },
51
51
  "devDependencies": {
52
- "@storybook/addon-a11y": "^10.5.4",
53
- "@storybook/react-vite": "^10.5.4",
52
+ "@storybook/addon-a11y": "^10.5.7",
53
+ "@storybook/react-vite": "^10.5.7",
54
54
  "@testing-library/react": "^16.3.2",
55
- "@testing-library/user-event": "^14.6.1",
55
+ "@testing-library/user-event": "^14.6.4",
56
56
  "@vitest/coverage-v8": "^4.1.10",
57
- "esbuild": "0.28.1",
57
+ "esbuild": "0.28.2",
58
58
  "esbuild-sass-plugin": "^3.7.0",
59
- "eslint-plugin-storybook": "^10.5.4",
60
- "jsdom": "^29.1.1",
61
- "storybook": "^10.5.4",
59
+ "eslint-plugin-storybook": "^10.5.7",
60
+ "jsdom": "^30.0.1",
61
+ "storybook": "^10.5.7",
62
62
  "typescript-plugin-css-modules": "^5.2.0",
63
63
  "vitest": "^4.1.10"
64
64
  }