@hbuesing/ui-library 9.2.0 → 9.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/input/types.d.ts +2 -1
- package/dist/index.css +1 -1
- package/dist/index.js +1 -1
- 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}.Ur{min-height:fit-content;min-width:fit-content;height:fit-content;width:fit-content}.Vr{font-size:var(--uil-m);line-height:var(--uil-xl)}.Wr{font-size:var(--uil-l);line-height:var(--uil-xxl)}.Zr{font-size:var(--uil-xxl);line-height:2.25rem}._r{--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:5px;background-color:var(--uil-white-alt);padding:0;border:transparent}.e::backdrop{background-color:#00000080}.e.ri{width:25%}.e.ii{width:50%}.e.oi{width:75%}.e .k{font-weight:700;padding:.5rem}.e .k.li{background-color:var(--uil-info);color:var(--uil-white)}.e .k.vr{background-color:var(--uil-success);color:var(--uil-white)}.e .k.br{background-color:var(--uil-warning);color:var(--uil-black-light)}.e .k.gr{background-color:var(--uil-error);color:var(--uil-white)}.e .k.ai,.e .k.vr,.e .k.br,.e .k.gr{border-top-left-radius:4px;border-top-right-radius:4px}.e .pr{display:flex;flex-direction:column;padding:.5rem}.e .pr.ti{border-top:1px solid var(--uil-grey-alt);border-bottom:1px solid var(--uil-grey-alt)}.e .L{display:flex;gap:2rem;padding:.5rem}.e .L.ei{justify-content:start}.e .L.ni{justify-content:end}.e .L.ui{justify-content:space-between}.u{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)}.u.si{--uil-top: var(--uil-l)}.u.di{--uil-bottom: var(--uil-l);flex-direction:column-reverse}.u.ci{left:50%;transform:translate(-50%)}.u.hi{top:50%;transform:translateY(-50%)}.u.vi{left:50%;top:50%;transform:translate(-50%)}.u.bi{--uil-left: var(--uil-l)}.u.gi{--uil-right: var(--uil-l);align-items:end}.u::-webkit-scrollbar{display:none}.u .y{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)}.u .y.pi{opacity:1;transform:translateY(0)}.u .y.xi{opacity:0;transform:translateY(-6px)}.u .y.fi{color:var(--uil-white);background-color:var(--uil-info)}.u .y.wi{color:var(--uil-white);background-color:var(--uil-success)}.u .y.mi{color:var(--uil-black);background-color:var(--uil-warning)}.u .y.ki{color:var(--uil-white);background-color:var(--uil-error)}.u .y .xr{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)}.u .y .xr:hover{background-color:#0000001a}.b{display:flex;align-items:center;gap:var(--uil-s)}.b:has(input:disabled) .fr{color:var(--uil-grey-dark)}.b .fr{color:var(--uil-black-w)}.b .w{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}.b .w:hover,.b .w:has(input:checked){border-color:var(--uil-black-w)}.b .w.yi{border-radius:2px}.b .w.wr,.b .w.wr .zi{border-radius:50%}.b .w:has(input:disabled){border-color:var(--uil-grey-alt);cursor:default}.b .w input{position:absolute;cursor:pointer;height:0;width:0;opacity:0}.b .w input:checked~.V{transform:scale(1)}.b .w input:disabled~.V{background-color:var(--uil-grey-dark)}.b .w .V{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}.W{display:flex;gap:var(--uil-m)}.W.Fi{flex-direction:row}.W.Yi{flex-direction:column}.Y{--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){.Y{--uil-pagination-size: var(--uil-xxl)}}.Y .E{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))}.Y .E:disabled{cursor:default}.Y .E:disabled .mr{fill:var(--uil-grey-alt)}.Y .E.ji,.Y .E:not(:disabled):hover{background-color:var(--uil-grey)}.Y .E .mr{fill:var(--uil-black-lighter);height:100%;width:100%}.M{list-style:none;gap:var(--uil-xs)}@media(min-width:760px){.M{gap:var(--uil-s)}}.M .kr{height:var(--uil-pagination-size);width:var(--uil-pagination-size)}.M .kr .Xi{fill:var(--uil-grey-dark)}.j{height:1.875rem;width:1.875rem;transform:rotate(-90deg)}.j.yr{animation:1.5s ease-in-out 0s infinite zr}.j.yr .q{animation:1.5s ease-in-out 0s infinite Fr}.j .q{transition:stroke-dashoffset var(--uil-progress-delay) ease-in-out 0ms}.j .q.Z{stroke:var(--uil-info)}.j .q._{stroke:var(--uil-success)}.j .q.rr{stroke:var(--uil-warning)}.j .q.ir{stroke:var(--uil-error)}@keyframes Fr{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 zr{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.p{overflow:hidden;position:relative;min-width:5rem;width:100%;height:5px}.p.Z{background-color:var(--uil-info-o)}.p._{background-color:var(--uil-success-o)}.p.rr{background-color:var(--uil-warning-o)}.p.ir{background-color:var(--uil-error-o)}.p.Ai{background-color:var(--uil-grey-alt)}.p .A{position:absolute;right:0;left:0;height:100%;width:auto;transition:right var(--uil-progress-delay) ease-in-out 0ms}.p .A.Ci{animation:2.5s ease-in-out 0s infinite Yr}.p .A.Di{animation:2.5s ease-in-out 0s infinite jr}.p .A.Z{background-color:var(--uil-info)}.p .A._{background-color:var(--uil-success)}.p .A.rr{background-color:var(--uil-warning)}.p .A.ir{background-color:var(--uil-error)}@keyframes Yr{0%{left:-25%;right:100%}60%{left:100%;right:-90%}to{left:100%;right:-90%}}@keyframes jr{0%{left:-25%;right:100%}55%{left:-35%;right:100%}to{left:100%;right:-150%}}.Xr{background-color:transparent;border:none;padding:0;cursor:pointer;display:flex;width:fit-content;height:fit-content}.Xr .Ei{width:var(--uil-xxl);height:var(--uil-xxl);fill:var(--uil-black-w)}.x{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){.x{min-width:50%;width:auto}}@media(min-width:1025px){.x{min-width:40%}}@media(min-width:1250px){.x{min-width:25%}}@media(min-width:1920px){.x{min-width:15%}}.x.Ar{right:100%}.x.Ar.Cr{transform:translate(100%)}.x.Dr{left:100%}.x.Dr.Cr{transform:translate(-100%)}.x nav{display:flex;flex-direction:column;gap:var(--uil-xl);overflow:auto;height:100%}.x .qi{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}.x .Er{font-size:var(--uil-xl);line-height:var(--uil-xl);opacity:.75;font-weight:400;cursor:default;width:100%}.x .Er:hover{font-size:var(--uil-xxl);opacity:1}.Bi{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.g{border-bottom:1px solid var(--uil-grey-dark)}.r .i.g .o{padding-left:0}.r .i.g .z{left:0}.r .i.g .c{border-bottom:1px solid var(--uil-grey-dark)}.r .i.g .d.N{margin-right:.875rem}.r .i.g~.or{margin-left:0}.r .i.f,.r .i.f .c{border:1px solid var(--uil-grey-dark);border-radius:5px}.r .i.f .d.N{margin-left:.875rem}.r .i.f .d.Gi{margin-right:.875rem}.r .i.g:not(:has(.o:disabled)):not(.m):not(:focus-within):not(:has(.d.C)):has(.o:placeholder-shown):hover,.r .i.g:not(:has(.o:disabled)):not(.m):not(:focus-within):has(:not(.o:placeholder-shown)):hover .c,.r .i.f:not(:has(.o:disabled)):not(.m):not(:focus-within):not(:has(.d.C)):has(.o:placeholder-shown):hover,.r .i.f:not(:has(.o:disabled)):not(.m):not(:focus-within):has(:not(.o:placeholder-shown)):hover .c{border-color:var(--uil-black-w)}.r .i.g:focus-within,.r .i.g:has(.o:not(:placeholder-shown)),.r .i.g:has(.o:disabled:not(:placeholder-shown)),.r .i.g:has(.d.C),.r .i.f:focus-within,.r .i.f:has(.o:not(:placeholder-shown)),.r .i.f:has(.o:disabled:not(:placeholder-shown)),.r .i.f:has(.d.C){border-color:transparent}.r .i.g:has(.d.N),.r .i.f:has(.d.N){flex-direction:row-reverse}.r .i.g:has(.o:disabled),.r .i.f:has(.o:disabled){border-color:var(--uil-grey-alt)}.r .i.m .z{color:var(--uil-error);opacity:1}.r .i.m,.r .i.m .c{border-color:var(--uil-error)}.r .i:not(.m) .o:not(:disabled):focus~.z{opacity:1;color:var(--uil-input-focus-color)}.r .i:not(.m) .o:focus~.c{border-color:var(--uil-input-focus-color)}.r .i .c{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 .c .Hi{visibility:hidden;padding:0 2px}.r .i .z{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 .z.Ii{top:var(--uil-m)}.r .i .G{font-size:var(--uil-l);line-height:var(--uil-l);transition:font-size .2s ease}.r .i .G.Ji{margin-left:var(--uil-xxxs)}.r .i .o{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 .o:disabled{color:var(--uil-grey-dark)}.r .i .o:disabled~.c,.r .i .o:disabled:not(:placeholder-shown)~.c{border-color:var(--uil-grey-alt)}.r .i .o:disabled~.z{color:var(--uil-grey-dark);opacity:1;cursor:default}.r .i .o:focus~.d.lr,.r .i .o:not(:placeholder-shown)~.d.lr{visibility:visible}.r .i .o:focus~.c{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~.c{top:-.5rem}.r .i .d{min-width:fit-content;opacity:.75}.r .i .d.lr{visibility:hidden}.r .i .o:focus~*.c,.r .i .o:not(:placeholder-shown)~*.c,.r .i .d.C~*.c{visibility:visible}.r .i .o:focus~*.z,.r .i .o:not(:placeholder-shown)~*.z,.r .i .d.C~*.z{top:-.65rem}.r .i .o:focus~* .G,.r .i .o:not(:placeholder-shown)~* .G,.r .i .d.C~* .G{font-size:var(--uil-m);line-height:var(--uil-m)}.r .or{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 .or.m{color:var(--uil-error)}.H{gap:var(--uil-xs)}@media(min-width:760px){.H{gap:var(--uil-m)}}.H .Ki{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%}.H p{margin:0}.H .Li{display:flex;gap:var(--uil-xxs);height:100%}.h{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}.h[open]{overflow-x:auto}.h[open] .F.Mi{border-bottom:1px solid var(--uil-grey-alt);box-shadow:0 0 1px 0 var(--uil-grey-alt)}.h[open] .F .O{rotate:90deg}.h .F{width:100%;cursor:pointer;display:flex;align-items:center;padding:var(--uil-xs);box-sizing:border-box}.h .F::marker{content:none}.h .F::-webkit-details-marker{display:none}.h .F.Ni .O{margin-right:var(--uil-s)}.h .F.Br{flex-direction:row-reverse;justify-content:space-between}.h .F.Br .O{margin-left:var(--uil-s)}.h .F .O{height:var(--uil-s);width:var(--uil-s);fill:var(--uil-black-lighter);transition:rotate .2s ease-in-out}.h .Oi{padding:var(--uil-xs)}.P{display:flex;flex-direction:column}.P .h{border-radius:unset;border-bottom:none}.P .h:first-of-type{border-top-left-radius:5px;border-top-right-radius:5px}.P .h:last-of-type{border-bottom-left-radius:5px;border-bottom-right-radius:5px;border-bottom:1px solid var(--uil-grey-alt)}.X{list-style:none;display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin:0;padding:0}.X.Pi li:last-child{font-weight:700}.X li{cursor:default;color:var(--uil-grey-dark);display:flex;align-items:center}.X .Gr:last-child,.X .Gr:hover{color:var(--uil-black-w)}.X .ar{background-color:transparent;border:none;padding:0;margin:0}.X .ar svg{cursor:pointer;fill:var(--uil-grey-dark);height:var(--uil-xl);width:var(--uil-xl)}.X .ar svg:hover{fill:var(--uil-black-w)}.Hr{background-color:var(--uil-grey-alt);height:var(--uil-m);width:100%}.Hr.Qi{animation:ease-in-out var(--uil-pulse-anim) infinite Ir}@keyframes Ir{0%{opacity:1}50%{opacity:.45}to{opacity:1}}.t{display:block;border:1px solid transparent;border-radius:5px;box-sizing:border-box;background-color:transparent;cursor:pointer;text-decoration:none}.t.Q{box-shadow:0 0 2px 0 var(--uil-black-alt)}.t.Ri{--uil-button-font-color: var(--uil-white-b);--uil-button-color: var(--uil-info);--uil-button-hover-color: var(--uil-info-hover)}.t.Si{--uil-button-font-color: var(--uil-white-b);--uil-button-color: var(--uil-success);--uil-button-hover-color: var(--uil-success-hover)}.t.tr{--uil-button-font-color: var(--uil-black-light);--uil-button-color: var(--uil-warning);--uil-button-hover-color: var(--uil-warning-hover)}.t.tr.R,.t.tr.er{--uil-button-color: var(--uil-warning-alt)}.t.Ti{--uil-button-font-color: var(--uil-white-b);--uil-button-color: var(--uil-error);--uil-button-hover-color: var(--uil-error-hover)}.t:not(:disabled).Q{color:var(--uil-button-font-color);background-color:var(--uil-button-color)}.t:not(:disabled).Q:hover{background-color:rgba(var(--uil-button-hover-color),.8)}.t:not(:disabled).R{color:var(--uil-button-color);border-color:var(--uil-button-color)}.t:not(:disabled).R:hover{background-color:rgba(var(--uil-button-hover-color),.08)}.t:not(:disabled).er{color:var(--uil-button-color)}.t:not(:disabled).er:hover{background-color:rgba(var(--uil-button-hover-color),.08)}.t.nr{cursor:default;color:var(--uil-grey-dark)}.t.nr.Q{background-color:var(--uil-grey-light)}.t.nr.R{border-color:var(--uil-grey-dark)}.t.Jr{letter-spacing:1px;padding:var(--uil-xxs) var(--uil-xs)}.t.Jr.ur{border-radius:var(--uil-m)}.t.Kr{letter-spacing:2px;padding:var(--uil-xs) var(--uil-s)}.t.Kr.ur{border-radius:var(--uil-xl)}.t.Lr{letter-spacing:2px;padding:var(--uil-xs) var(--uil-s)}.t.Lr.ur{border-radius:var(--uil-xxl)}.l{height:var(--uil-xxxl);position:relative;display:inline-flex;box-sizing:border-box}.l.S{padding:.7rem 0;width:var(--uil-xxxl)}.l.S .v{width:var(--uil-m);height:var(--uil-m);top:var(--uil-xs)}.l.S .v:has(input:checked){left:calc(100% - var(--uil-m))}.l.S .I{border-radius:6px}.l.T{padding:var(--uil-xs) 0;width:2.75rem}.l.T .v{width:var(--uil-l);height:var(--uil-l);top:.375rem}.l.T .v:has(input:checked){left:calc(100% - var(--uil-l))}.l.T .I{border-radius:9px}.l.U{padding:var(--uil-xxs) 0;width:4.25rem}.l.U .v{width:var(--uil-xxxl);height:var(--uil-xxxl);top:.0125rem}.l.U .v:has(input:checked){left:calc(100% - var(--uil-xxxl))}.l.U .I{border-radius:var(--uil-s)}.l.Ui{--uil-switch-color: var(--uil-info)}.l.Vi{--uil-switch-color: var(--uil-success)}.l.Wi{--uil-switch-color: var(--uil-warning)}.l.Zi{--uil-switch-color: var(--uil-error)}.l .I{height:100%;width:100%;opacity:.25;z-index:-1;background-color:var(--uil-black-lighter);transition:background-color .1s ease-in-out}.l .v{position:absolute;left:0;cursor:pointer;transition:left .15s ease-in-out;border-radius:50%}.l .v:not(:has(input:disabled)):hover,.l .v:not(:has(input:disabled)):has(input:focus){outline:6px solid var(--uil-switch-hover-w)}.l .v:not(:has(input:disabled)):has(input:checked)~.I{background-color:var(--uil-switch-color)}.l .v:not(:has(input:disabled)):has(input:checked) .sr{background-color:var(--uil-switch-color)}.l .v:has(input:disabled){cursor:default}.l .v:has(input:disabled) .sr{background-color:var(--uil-grey-dark)}.l .v .sr{width:100%;height:100%;border-radius:50%;background-color:var(--uil-white);box-shadow:1px 1px 3px -1px var(--uil-black-alt)}.l .v input{clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;margin:-1px;overflow:hidden;padding:0;position:absolute}.a{position:relative;width:100%;min-width:10rem}.a .D{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}.a .D:hover,.a .D:focus{border-color:var(--uil-black-alt)}.a .D.dr{cursor:default;color:var(--uil-grey-dark);background-color:var(--uil-grey-light);border-color:var(--uil-grey-dark)}.a .D.dr .Mr{fill:var(--uil-grey-dark)}.a .D ._i{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.a .D .Mr{width:var(--uil-m);height:var(--uil-m);fill:var(--uil-black-w);flex-shrink:0}.a .s{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}.a .s.Nr{bottom:100%;margin-bottom:var(--uil-xxs);transform:translateY(.5rem)}.a .s.Or{top:100%;margin-top:var(--uil-xxs);transform:translateY(-.5rem)}.a .s.Nr.Pr,.a .s.Or.Pr{opacity:1;visibility:visible;transform:translateY(0);box-shadow:0 var(--uil-xs) var(--uil-m) #00000026}.a .s .J{max-height:200px;overflow-y:auto}.a .s .J::-webkit-scrollbar{width:6px}.a .s .J::-webkit-scrollbar-track{background:transparent}.a .s .J::-webkit-scrollbar-thumb{background-color:#00000040;border-radius:12px}.a .s .J::-webkit-scrollbar-thumb:hover{background-color:#0006}.a .s .ro{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)}.a .s .B{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)}.a .s .B:last-of-type{border-bottom-left-radius:var(--uil-xs);border-bottom-right-radius:var(--uil-xs)}.a .s .B:first-of-type{border-top-left-radius:var(--uil-xs);border-top-right-radius:var(--uil-xs)}.a .s .B.io{background-color:var(--uil-is-active)}.a .s .B.oo{background-color:var(--uil-is-selected)}.a .s .B.dr{color:var(--uil-grey-dark);cursor:default}.n{display:flex;align-items:center;gap:var(--uil-s);cursor:default;outline:none;border-width:2px;border-style:solid}.n.cr{cursor:pointer}.n.cr:focus,.n.cr:hover{opacity:.85}.n.Qr{padding:var(--uil-xxs) var(--uil-xs);border-radius:var(--uil-m)}.n.Rr{padding:var(--uil-xs) var(--uil-s);border-radius:var(--uil-xl)}.n.Sr{padding:var(--uil-xs) var(--uil-s);border-radius:var(--uil-xxl)}.n.lo{border:transparent;color:var(--uil-tag-font-color);background-color:var(--uil-tag-color)}.n.hr{background-color:transparent;color:var(--uil-tag-color);border-color:var(--uil-tag-color)}.n.hr .K{fill:var(--uil-tag-color)}.n.ao{box-shadow:0 0 2px 0 var(--uil-black-alt)}.n.to{--uil-tag-font-color: var(--uil-white-b);--uil-tag-color: var(--uil-info)}.n.eo{--uil-tag-font-color: var(--uil-white-b);--uil-tag-color: var(--uil-success)}.n.Tr{--uil-tag-font-color: var(--uil-black-light);--uil-tag-color: var(--uil-warning)}.n.Tr.hr{--uil-tag-color: var(--uil-warning-alt)}.n.no{--uil-tag-font-color: var(--uil-white-b);--uil-tag-color: var(--uil-error)}.n .K{cursor:pointer}.n .K.Qr{width:var(--uil-m);height:var(--uil-m)}.n .K.Rr{width:var(--uil-xl);height:var(--uil-xl)}.n .K.Sr{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}.Ur{min-height:fit-content;min-width:fit-content;height:fit-content;width:fit-content}.Vr{font-size:var(--uil-m);line-height:var(--uil-xl)}.Wr{font-size:var(--uil-l);line-height:var(--uil-xxl)}.Zr{font-size:var(--uil-xxl);line-height:2.25rem}._r{--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:5px;background-color:var(--uil-white-alt);padding:0;border:transparent}.e::backdrop{background-color:#00000080}.e.ri{width:25%}.e.ii{width:50%}.e.oi{width:75%}.e .k{font-weight:700;padding:.5rem}.e .k.li{background-color:var(--uil-info);color:var(--uil-white)}.e .k.vr{background-color:var(--uil-success);color:var(--uil-white)}.e .k.br{background-color:var(--uil-warning);color:var(--uil-black-light)}.e .k.gr{background-color:var(--uil-error);color:var(--uil-white)}.e .k.ai,.e .k.vr,.e .k.br,.e .k.gr{border-top-left-radius:4px;border-top-right-radius:4px}.e .pr{display:flex;flex-direction:column;padding:.5rem}.e .pr.ti{border-top:1px solid var(--uil-grey-alt);border-bottom:1px solid var(--uil-grey-alt)}.e .L{display:flex;gap:2rem;padding:.5rem}.e .L.ei{justify-content:start}.e .L.ni{justify-content:end}.e .L.ui{justify-content:space-between}.u{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)}.u.si{--uil-top: var(--uil-l)}.u.di{--uil-bottom: var(--uil-l);flex-direction:column-reverse}.u.ci{left:50%;transform:translate(-50%)}.u.hi{top:50%;transform:translateY(-50%)}.u.vi{left:50%;top:50%;transform:translate(-50%)}.u.bi{--uil-left: var(--uil-l)}.u.gi{--uil-right: var(--uil-l);align-items:end}.u::-webkit-scrollbar{display:none}.u .y{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)}.u .y.pi{opacity:1;transform:translateY(0)}.u .y.xi{opacity:0;transform:translateY(-6px)}.u .y.fi{color:var(--uil-white);background-color:var(--uil-info)}.u .y.wi{color:var(--uil-white);background-color:var(--uil-success)}.u .y.mi{color:var(--uil-black);background-color:var(--uil-warning)}.u .y.ki{color:var(--uil-white);background-color:var(--uil-error)}.u .y .xr{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)}.u .y .xr:hover{background-color:#0000001a}.b{display:flex;align-items:center;gap:var(--uil-s)}.b:has(input:disabled) .fr{color:var(--uil-grey-dark)}.b .fr{color:var(--uil-black-w)}.b .w{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}.b .w:hover,.b .w:has(input:checked){border-color:var(--uil-black-w)}.b .w.yi{border-radius:2px}.b .w.wr,.b .w.wr .zi{border-radius:50%}.b .w:has(input:disabled){border-color:var(--uil-grey-alt);cursor:default}.b .w input{position:absolute;cursor:pointer;height:0;width:0;opacity:0}.b .w input:checked~.V{transform:scale(1)}.b .w input:disabled~.V{background-color:var(--uil-grey-dark)}.b .w .V{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}.W{display:flex;gap:var(--uil-m)}.W.Fi{flex-direction:row}.W.Yi{flex-direction:column}.Y{--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){.Y{--uil-pagination-size: var(--uil-xxl)}}.Y .E{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))}.Y .E:disabled{cursor:default}.Y .E:disabled .mr{fill:var(--uil-grey-alt)}.Y .E.ji,.Y .E:not(:disabled):hover{background-color:var(--uil-grey)}.Y .E .mr{fill:var(--uil-black-lighter);height:100%;width:100%}.M{list-style:none;gap:var(--uil-xs)}@media(min-width:760px){.M{gap:var(--uil-s)}}.M .kr{height:var(--uil-pagination-size);width:var(--uil-pagination-size)}.M .kr .Xi{fill:var(--uil-grey-dark)}.j{height:1.875rem;width:1.875rem;transform:rotate(-90deg)}.j.yr{animation:1.5s ease-in-out 0s infinite zr}.j.yr .q{animation:1.5s ease-in-out 0s infinite Fr}.j .q{transition:stroke-dashoffset var(--uil-progress-delay) ease-in-out 0ms}.j .q.Z{stroke:var(--uil-info)}.j .q._{stroke:var(--uil-success)}.j .q.rr{stroke:var(--uil-warning)}.j .q.ir{stroke:var(--uil-error)}@keyframes Fr{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 zr{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.p{overflow:hidden;position:relative;min-width:5rem;width:100%;height:5px}.p.Z{background-color:var(--uil-info-o)}.p._{background-color:var(--uil-success-o)}.p.rr{background-color:var(--uil-warning-o)}.p.ir{background-color:var(--uil-error-o)}.p.Ai{background-color:var(--uil-grey-alt)}.p .A{position:absolute;right:0;left:0;height:100%;width:auto;transition:right var(--uil-progress-delay) ease-in-out 0ms}.p .A.Ci{animation:2.5s ease-in-out 0s infinite Yr}.p .A.Di{animation:2.5s ease-in-out 0s infinite jr}.p .A.Z{background-color:var(--uil-info)}.p .A._{background-color:var(--uil-success)}.p .A.rr{background-color:var(--uil-warning)}.p .A.ir{background-color:var(--uil-error)}@keyframes Yr{0%{left:-25%;right:100%}60%{left:100%;right:-90%}to{left:100%;right:-90%}}@keyframes jr{0%{left:-25%;right:100%}55%{left:-35%;right:100%}to{left:100%;right:-150%}}.Xr{background-color:transparent;border:none;padding:0;cursor:pointer;display:flex;width:fit-content;height:fit-content}.Xr .Ei{width:var(--uil-xxl);height:var(--uil-xxl);fill:var(--uil-black-w)}.x{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){.x{min-width:50%;width:auto}}@media(min-width:1025px){.x{min-width:40%}}@media(min-width:1250px){.x{min-width:25%}}@media(min-width:1920px){.x{min-width:15%}}.x.Ar{right:100%}.x.Ar.Cr{transform:translate(100%)}.x.Dr{left:100%}.x.Dr.Cr{transform:translate(-100%)}.x nav{display:flex;flex-direction:column;gap:var(--uil-xl);overflow:auto;height:100%}.x .qi{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}.x .Er{font-size:var(--uil-xl);line-height:var(--uil-xl);opacity:.75;font-weight:400;cursor:default;width:100%}.x .Er:hover{font-size:var(--uil-xxl);opacity:1}.Bi{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.g{border-bottom:1px solid var(--uil-grey-dark)}.r .i.g .o{padding-left:0}.r .i.g .z{left:0}.r .i.g .c{border-bottom:1px solid var(--uil-grey-dark)}.r .i.g .s.N{margin-right:.875rem}.r .i.g~.or{margin-left:0}.r .i.f,.r .i.f .c{border:1px solid var(--uil-grey-dark);border-radius:5px}.r .i.f .s.N{margin-left:.875rem}.r .i.f .s.Gi{margin-right:.875rem}.r .i.g:not(:has(.o:disabled)):not(.m):not(:focus-within):not(:has(.s.C)):has(.o:placeholder-shown):hover,.r .i.g:not(:has(.o:disabled)):not(.m):not(:focus-within):has(:not(.o:placeholder-shown)):hover .c,.r .i.f:not(:has(.o:disabled)):not(.m):not(:focus-within):not(:has(.s.C)):has(.o:placeholder-shown):hover,.r .i.f:not(:has(.o:disabled)):not(.m):not(:focus-within):has(:not(.o:placeholder-shown)):hover .c{border-color:var(--uil-black-w)}.r .i.g:focus-within,.r .i.g:has(.o:not(:placeholder-shown)),.r .i.g:has(.o:disabled:not(:placeholder-shown)),.r .i.g:has(.s.C),.r .i.f:focus-within,.r .i.f:has(.o:not(:placeholder-shown)),.r .i.f:has(.o:disabled:not(:placeholder-shown)),.r .i.f:has(.s.C){border-color:transparent}.r .i.g:has(.s.N),.r .i.f:has(.s.N){flex-direction:row-reverse}.r .i.g:has(.o:disabled),.r .i.f:has(.o:disabled){border-color:var(--uil-grey-alt)}.r .i.m .z{color:var(--uil-error);opacity:1}.r .i.m,.r .i.m .c{border-color:var(--uil-error)}.r .i:not(.m) .o:not(:disabled):focus~.z{opacity:1;color:var(--uil-input-focus-color)}.r .i:not(.m) .o:focus~.c{border-color:var(--uil-input-focus-color)}.r .i .c{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 .c .Hi{visibility:hidden;padding:0 2px}.r .i .z{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 .z.Ii{top:var(--uil-m)}.r .i .G{font-size:var(--uil-l);line-height:var(--uil-l);transition:font-size .2s ease}.r .i .G.Ji{margin-left:var(--uil-xxxs)}.r .i .o{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 .o:disabled{color:var(--uil-grey-dark)}.r .i .o:disabled~.c,.r .i .o:disabled:not(:placeholder-shown)~.c{border-color:var(--uil-grey-alt)}.r .i .o:disabled~.z{color:var(--uil-grey-dark);opacity:1;cursor:default}.r .i .o:focus~.s.lr,.r .i .o:not(:placeholder-shown)~.s.lr{visibility:visible}.r .i .o:focus~.c{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~.c{top:-.5rem}.r .i .s{min-width:fit-content;opacity:.75;cursor:default;border:none;background-color:transparent}.r .i .s.lr{visibility:hidden}.r .i .s.Ki{cursor:pointer}.r .i .o:focus~*.c,.r .i .o:not(:placeholder-shown)~*.c,.r .i .s.C~*.c{visibility:visible}.r .i .o:focus~*.z,.r .i .o:not(:placeholder-shown)~*.z,.r .i .s.C~*.z{top:-.65rem}.r .i .o:focus~* .G,.r .i .o:not(:placeholder-shown)~* .G,.r .i .s.C~* .G{font-size:var(--uil-m);line-height:var(--uil-m)}.r .or{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 .or.m{color:var(--uil-error)}.H{gap:var(--uil-xs)}@media(min-width:760px){.H{gap:var(--uil-m)}}.H .Li{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%}.H p{margin:0}.H .Mi{display:flex;gap:var(--uil-xxs);height:100%}.h{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}.h[open]{overflow-x:auto}.h[open] .F.Ni{border-bottom:1px solid var(--uil-grey-alt);box-shadow:0 0 1px 0 var(--uil-grey-alt)}.h[open] .F .O{rotate:90deg}.h .F{width:100%;cursor:pointer;display:flex;align-items:center;padding:var(--uil-xs);box-sizing:border-box}.h .F::marker{content:none}.h .F::-webkit-details-marker{display:none}.h .F.Oi .O{margin-right:var(--uil-s)}.h .F.Br{flex-direction:row-reverse;justify-content:space-between}.h .F.Br .O{margin-left:var(--uil-s)}.h .F .O{height:var(--uil-s);width:var(--uil-s);fill:var(--uil-black-lighter);transition:rotate .2s ease-in-out}.h .Pi{padding:var(--uil-xs)}.P{display:flex;flex-direction:column}.P .h{border-radius:unset;border-bottom:none}.P .h:first-of-type{border-top-left-radius:5px;border-top-right-radius:5px}.P .h:last-of-type{border-bottom-left-radius:5px;border-bottom-right-radius:5px;border-bottom:1px solid var(--uil-grey-alt)}.X{list-style:none;display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin:0;padding:0}.X.Qi li:last-child{font-weight:700}.X li{cursor:default;color:var(--uil-grey-dark);display:flex;align-items:center}.X .Gr:last-child,.X .Gr:hover{color:var(--uil-black-w)}.X .ar{background-color:transparent;border:none;padding:0;margin:0}.X .ar svg{cursor:pointer;fill:var(--uil-grey-dark);height:var(--uil-xl);width:var(--uil-xl)}.X .ar svg:hover{fill:var(--uil-black-w)}.Hr{background-color:var(--uil-grey-alt);height:var(--uil-m);width:100%}.Hr.Ri{animation:ease-in-out var(--uil-pulse-anim) infinite Ir}@keyframes Ir{0%{opacity:1}50%{opacity:.45}to{opacity:1}}.t{display:block;border:1px solid transparent;border-radius:5px;box-sizing:border-box;background-color:transparent;cursor:pointer;text-decoration:none}.t.Q{box-shadow:0 0 2px 0 var(--uil-black-alt)}.t.Si{--uil-button-font-color: var(--uil-white-b);--uil-button-color: var(--uil-info);--uil-button-hover-color: var(--uil-info-hover)}.t.Ti{--uil-button-font-color: var(--uil-white-b);--uil-button-color: var(--uil-success);--uil-button-hover-color: var(--uil-success-hover)}.t.tr{--uil-button-font-color: var(--uil-black-light);--uil-button-color: var(--uil-warning);--uil-button-hover-color: var(--uil-warning-hover)}.t.tr.R,.t.tr.er{--uil-button-color: var(--uil-warning-alt)}.t.Ui{--uil-button-font-color: var(--uil-white-b);--uil-button-color: var(--uil-error);--uil-button-hover-color: var(--uil-error-hover)}.t:not(:disabled).Q{color:var(--uil-button-font-color);background-color:var(--uil-button-color)}.t:not(:disabled).Q:hover{background-color:rgba(var(--uil-button-hover-color),.8)}.t:not(:disabled).R{color:var(--uil-button-color);border-color:var(--uil-button-color)}.t:not(:disabled).R:hover{background-color:rgba(var(--uil-button-hover-color),.08)}.t:not(:disabled).er{color:var(--uil-button-color)}.t:not(:disabled).er:hover{background-color:rgba(var(--uil-button-hover-color),.08)}.t.nr{cursor:default;color:var(--uil-grey-dark)}.t.nr.Q{background-color:var(--uil-grey-light)}.t.nr.R{border-color:var(--uil-grey-dark)}.t.Jr{letter-spacing:1px;padding:var(--uil-xxs) var(--uil-xs)}.t.Jr.ur{border-radius:var(--uil-m)}.t.Kr{letter-spacing:2px;padding:var(--uil-xs) var(--uil-s)}.t.Kr.ur{border-radius:var(--uil-xl)}.t.Lr{letter-spacing:2px;padding:var(--uil-xs) var(--uil-s)}.t.Lr.ur{border-radius:var(--uil-xxl)}.l{height:var(--uil-xxxl);position:relative;display:inline-flex;box-sizing:border-box}.l.S{padding:.7rem 0;width:var(--uil-xxxl)}.l.S .v{width:var(--uil-m);height:var(--uil-m);top:var(--uil-xs)}.l.S .v:has(input:checked){left:calc(100% - var(--uil-m))}.l.S .I{border-radius:6px}.l.T{padding:var(--uil-xs) 0;width:2.75rem}.l.T .v{width:var(--uil-l);height:var(--uil-l);top:.375rem}.l.T .v:has(input:checked){left:calc(100% - var(--uil-l))}.l.T .I{border-radius:9px}.l.U{padding:var(--uil-xxs) 0;width:4.25rem}.l.U .v{width:var(--uil-xxxl);height:var(--uil-xxxl);top:.0125rem}.l.U .v:has(input:checked){left:calc(100% - var(--uil-xxxl))}.l.U .I{border-radius:var(--uil-s)}.l.Vi{--uil-switch-color: var(--uil-info)}.l.Wi{--uil-switch-color: var(--uil-success)}.l.Zi{--uil-switch-color: var(--uil-warning)}.l._i{--uil-switch-color: var(--uil-error)}.l .I{height:100%;width:100%;opacity:.25;z-index:-1;background-color:var(--uil-black-lighter);transition:background-color .1s ease-in-out}.l .v{position:absolute;left:0;cursor:pointer;transition:left .15s ease-in-out;border-radius:50%}.l .v:not(:has(input:disabled)):hover,.l .v:not(:has(input:disabled)):has(input:focus){outline:6px solid var(--uil-switch-hover-w)}.l .v:not(:has(input:disabled)):has(input:checked)~.I{background-color:var(--uil-switch-color)}.l .v:not(:has(input:disabled)):has(input:checked) .sr{background-color:var(--uil-switch-color)}.l .v:has(input:disabled){cursor:default}.l .v:has(input:disabled) .sr{background-color:var(--uil-grey-dark)}.l .v .sr{width:100%;height:100%;border-radius:50%;background-color:var(--uil-white);box-shadow:1px 1px 3px -1px var(--uil-black-alt)}.l .v input{clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;margin:-1px;overflow:hidden;padding:0;position:absolute}.a{position:relative;width:100%;min-width:10rem}.a .D{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}.a .D:hover,.a .D:focus{border-color:var(--uil-black-alt)}.a .D.dr{cursor:default;color:var(--uil-grey-dark);background-color:var(--uil-grey-light);border-color:var(--uil-grey-dark)}.a .D.dr .Mr{fill:var(--uil-grey-dark)}.a .D .ro{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.a .D .Mr{width:var(--uil-m);height:var(--uil-m);fill:var(--uil-black-w);flex-shrink:0}.a .d{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}.a .d.Nr{bottom:100%;margin-bottom:var(--uil-xxs);transform:translateY(.5rem)}.a .d.Or{top:100%;margin-top:var(--uil-xxs);transform:translateY(-.5rem)}.a .d.Nr.Pr,.a .d.Or.Pr{opacity:1;visibility:visible;transform:translateY(0);box-shadow:0 var(--uil-xs) var(--uil-m) #00000026}.a .d .J{max-height:200px;overflow-y:auto}.a .d .J::-webkit-scrollbar{width:6px}.a .d .J::-webkit-scrollbar-track{background:transparent}.a .d .J::-webkit-scrollbar-thumb{background-color:#00000040;border-radius:12px}.a .d .J::-webkit-scrollbar-thumb:hover{background-color:#0006}.a .d .io{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)}.a .d .B{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)}.a .d .B:last-of-type{border-bottom-left-radius:var(--uil-xs);border-bottom-right-radius:var(--uil-xs)}.a .d .B:first-of-type{border-top-left-radius:var(--uil-xs);border-top-right-radius:var(--uil-xs)}.a .d .B.oo{background-color:var(--uil-is-active)}.a .d .B.lo{background-color:var(--uil-is-selected)}.a .d .B.dr{color:var(--uil-grey-dark);cursor:default}.n{display:flex;align-items:center;gap:var(--uil-s);cursor:default;outline:none;border-width:2px;border-style:solid}.n.cr{cursor:pointer}.n.cr:focus,.n.cr:hover{opacity:.85}.n.Qr{padding:var(--uil-xxs) var(--uil-xs);border-radius:var(--uil-m)}.n.Rr{padding:var(--uil-xs) var(--uil-s);border-radius:var(--uil-xl)}.n.Sr{padding:var(--uil-xs) var(--uil-s);border-radius:var(--uil-xxl)}.n.ao{border:transparent;color:var(--uil-tag-font-color);background-color:var(--uil-tag-color)}.n.hr{background-color:transparent;color:var(--uil-tag-color);border-color:var(--uil-tag-color)}.n.hr .K{fill:var(--uil-tag-color)}.n.to{box-shadow:0 0 2px 0 var(--uil-black-alt)}.n.eo{--uil-tag-font-color: var(--uil-white-b);--uil-tag-color: var(--uil-info)}.n.no{--uil-tag-font-color: var(--uil-white-b);--uil-tag-color: var(--uil-success)}.n.Tr{--uil-tag-font-color: var(--uil-black-light);--uil-tag-color: var(--uil-warning)}.n.Tr.hr{--uil-tag-color: var(--uil-warning-alt)}.n.uo{--uil-tag-font-color: var(--uil-white-b);--uil-tag-color: var(--uil-error)}.n .K{cursor:pointer}.n .K.Qr{width:var(--uil-m);height:var(--uil-m)}.n .K.Rr{width:var(--uil-xl);height:var(--uil-xl)}.n .K.Sr{width:var(--uil-xxl);height:var(--uil-xxl)}
|
package/dist/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
var d={fit:"Ur",fontSmall:"Vr",fontMedium:"Wr",fontLarge:"Zr",dark:"_r"};import qr,{useEffect as Yr,useRef as Kr}from"react";function l(e){let r=[];return e.forEach(t=>{!t||typeof t=="boolean"||r.push(...Array.isArray(t)?t:[t])}),r.join(" ")}var O={dialog:"e",small:"ri",medium:"ii",large:"oi",title:"k",info:"li",success:"vr",warning:"br",error:"gr",default:"ai",content:"pr",divider:"ti",controls:"L",start:"ei",end:"ni","space-between":"ui"};function jr(e){let{ariaModal:r,children:t,dark:o=!1,describedby:i,disableEscapeKey:s,labelledby:c,onCancel:a,onClickBackdrop:u,open:p,scrollable:n=!1,size:m}=e,v=Kr(null);Yr(()=>(v.current?.addEventListener("keydown",g),v.current?.addEventListener("mousedown",w),p?(n||(document.body.style.paddingRight="15px",document.body.style.overflow="hidden"),v.current?.showModal()):(n||(document.body.style.paddingRight="",document.body.style.overflow=""),v.current?.close()),()=>{v.current?.removeEventListener("keydown",g),v.current?.removeEventListener("mousedown",w)}),[p]);function g(x){s&&x.key==="Escape"&&x.preventDefault()}function w(x){u&&x.target===x.currentTarget&&u()}return qr.createElement("dialog",{ref:v,"aria-describedby":i,"aria-labelledby":c,"aria-modal":r,className:l([O.dialog,o&&d.dark,m&&O[m]]),onCancel:a,role:r?"alertdialog":"dialog"},t)}import Xr from"react";function Ur(e){let{children:r,color:t,id:o}=e;return Xr.createElement("div",{className:l([O.title,t&&O[t],d.fontLarge]),id:o},r)}import _r from"react";function Jr(e){let{children:r,divider:t=!1,id:o}=e;return _r.createElement("div",{className:l([O.content,t&&O.divider]),id:o},r)}import Qr from"react";function Zr(e){let{children:r,position:t="end"}=e;return Qr.createElement("div",{className:l([O.controls,O[t]])},r)}import{useLayoutEffect as Rr}from"react";function N(e){Rr(()=>{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.current&&!e.current.innerHTML.includes("https://fontawesome.com License")&&e.current?.appendChild(r)},[])}import er,{useEffect as ee,useRef as Pr}from"react";var I={toaster:"u",top:"si",bottom:"di",centerX:"ci",centerY:"hi",centerXY:"vi",left:"bi",right:"gi",toast:"y",fadeIn:"pi",fadeOut:"xi",info:"fi",success:"wi",warning:"mi",error:"ki",closeButton:"xr"};function hr(e){let{action:r,closeCallback:t,dark:o=!1,dismissible:i,id:s,message:c,timeout:a,variant:u}=e,p=Pr(null),n=Pr(null);N(n),ee(()=>{if(setTimeout(()=>{p.current&&p.current.classList.add(I.fadeIn)}),a==="persistent")return;let v,g=setTimeout(()=>{p.current&&p.current.classList.replace(I.fadeIn,I.fadeOut),v=setTimeout(()=>{t()},500)},a);return()=>{clearTimeout(g),clearTimeout(v)}},[a,t]);function m(){p.current&&p.current.classList.replace(I.fadeIn,I.fadeOut),setTimeout(()=>{t()},500)}return er.createElement("div",{className:l([I.toast,u&&I[u],d.fontMedium,o&&d.dark]),id:s,ref:p,role:"status"},c,r&&er.createElement("div",null,r),i&&er.createElement("button",{className:I.closeButton,onClick:m},er.createElement("svg",{ref:n,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 384 512"},er.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 ur,{createContext as oe,useContext as ie,useRef as Er,useState as ae}from"react";import{useId as Tr,useState as te}from"react";function pr(){let e=new Uint32Array(2);return crypto.getRandomValues(e),`uil${e[0].toString(32)}${e[1].toString(16)}`}function H(){if(typeof Tr=="function")return Tr();{let[e]=te(()=>pr());return e}}var le={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.")}},Sr=oe(le);function ne(e){let{alignment:r={horizontal:"left",vertical:"bottom"},children:t,dark:o=!1,dismissible:i=!1,limit:s=4,timeout:c=5e3}=e,[a,u]=ae([]),p=Er(null),n=Er([]);function m(y,h){let{id:E,toast:D}=g(y,h),C=a.length+n.current.length;if(n.current.push(D),C>=s){for(let B=0;B<C-s+1;B++)w(a[B].props.id);p.current=new Promise(B=>{setTimeout(()=>{v(D),B(),p.current=null},500)})}else v(D);return E}function v(y){u(h=>(n.current=n.current.filter(E=>E!==y),[...h,y]))}function g(y,h){let E=pr(),D={action:h?.action,closeCallback:()=>{x(E,h?.closeCallback)},dark:h?.dark??o,dismissible:h?.dismissible??i,id:E,message:y,timeout:h?.timeout??c,variant:h?.variant};return{id:E,toast:ur.createElement(hr,{...D})}}function w(y){if(!y)return u([]);u(h=>h.filter(E=>E.props.id!==y))}function x(y,h){w(y),h?.()}function P(){let y=r.horizontal,h=r.vertical;return y==="center"&&h==="center"?[I.centerXY]:[y==="center"?I.centerX:I[y],h==="center"?I.centerY:I[h]]}return ur.createElement(Sr.Provider,{value:{queueToast:m,closeToast:w}},t,ur.createElement("div",{className:l([I.toaster,P()])},a.map(y=>ur.createElement(hr,{...y.props,key:y.props.id}))))}function se(){return ie(Sr)}import Lr from"react";var z={checkWrapper:"b",label:"fr",check:"w",box:"yi",radio:"wr",radioCheck:"zi",checkmark:"V",radioWrapper:"W",row:"Fi",column:"Yi"};import tr from"react";function vr(e){let{checked:r,children:t,color:o,dark:i,disabled:s,id:c,name:a,onChange:u,value:p,...n}=e,m=c??H();function v(w){!s&&u&&u(w)}function g(){document.querySelector(`#${m}`).click()}return tr.createElement("div",{className:l([z.checkWrapper,i&&d.dark])},tr.createElement("div",{className:`${z.check} ${z.radio}`,onClick:()=>{g()}},tr.createElement("input",{id:m,name:a,type:"radio",value:p,checked:r,onChange:w=>{v(w)},disabled:s,tabIndex:s?-1:n.tabIndex??void 0,...n}),tr.createElement("div",{className:`${z.checkmark} ${z.radioCheck}`,style:s?void 0:{backgroundColor:o}})),t&&tr.createElement("label",{htmlFor:m,className:`${d.fontMedium} ${z.label}`},t))}function ue(e){let{color:r,dark:t=!1,direction:o="column",disabled:i,name:s,onChange:c,options:a,selected:u}=e;function p(n){!i&&c&&c(n)}return Lr.createElement("div",{className:l([z.radioWrapper,z[o]]),role:"radiogroup"},a.map((n,m)=>Lr.createElement(vr,{key:m,dark:t,color:r,onChange:p,checked:u===n.value,disabled:i??n.disabled,name:s,...n},n.label)))}import W,{useEffect as me,useRef as dr,useState as fe}from"react";var L={pagination:"Y",button:"E",svg:"mr",active:"ji"};var J={pagination:"M",item:"kr",dots:"Xi"};function ge(e){let{activePage:r=1,ariaLabels:t,boundary:o=1,dark:i=!1,disablePrevButton:s=!1,disableNextButton:c=!1,disableFirstButton:a=!1,disableLastButton:u=!1,firstButton:p,lastButton:n,nextButton:m,onChange:v,pages:g,prevButton:w,siblings:x=1}=e;if(o<=0||o>g)throw new Error(`<Pagination/> received an invalid boundary. Expected boundary to be greater than 0 and smaller or equal to pages (${g}), but got: ${o}`);if(r<1||r>g)throw new Error(`<Pagination/> activePage out of bounds. Expected activePage to be greater than 0 and smaller or equal to pages (${g}), but got: ${r}`);let[P,y]=fe(r),h=Math.max(Math.min(P-x,g-o-x*2-1),o+2),E=Math.min(Math.max(P+x,o+x*2+2),g-o-1),D=[...new Set([...B(1,o),...h>o+2?["ellipsis-a"]:o<g-o?[o+1]:[],...B(h,E),...E<g-o-1?["ellipsis-b"]:g-o>o?[g-o]:[],...B(g-o+1,g)])],C=[dr(null),dr(null),dr(null),dr(null)];C.forEach(N);function B(T,V){let sr=V-T+1;return Array.from({length:sr},(f,b)=>T+b)}function $(T){y(T),v?.(T)}return me(()=>{y(r)},[r]),W.createElement("nav",{className:l([i&&d.dark])},W.createElement("ul",{className:l([L.pagination,J.pagination])},!a&&W.createElement("li",{className:J.item},W.createElement("button",{className:L.button,onClick:()=>{$(1)},disabled:P<=1,"aria-label":t?.first??"Go to first page"},p??W.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512",ref:C[0],className:L.svg},W.createElement("path",{d:"M41.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.3 256 246.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160zm352-160l-160 160c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L301.3 256 438.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0z"})))),!s&&W.createElement("li",{className:J.item},W.createElement("button",{className:L.button,onClick:()=>{$(P-1)},disabled:P<=1,"aria-label":t?.prev??"Go to previous page"},w??W.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 320 512",ref:C[1],className:L.svg},W.createElement("path",{d:"M41.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.3 256 246.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z"})))),D.map((T,V)=>W.createElement("li",{key:V,className:J.item},typeof T=="number"?W.createElement("button",{className:l([P===T&&L.active,L.button]),onClick:()=>{$(T)},"aria-label":t?.page?`${t.page} ${T}`:`Go to page ${T}`},T):W.createElement("svg",{className:J.dots,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},W.createElement("circle",{cx:4,cy:14,r:1}),W.createElement("circle",{cx:12,cy:14,r:1}),W.createElement("circle",{cx:20,cy:14,r:1})))),!c&&W.createElement("li",{className:J.item},W.createElement("button",{className:L.button,onClick:()=>{$(P+1)},disabled:P>=g,"aria-label":t?.next??"Go to next page"},m??W.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 320 512",ref:C[2],className:L.svg},W.createElement("path",{d:"M278.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L210.7 256 73.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z"})))),!u&&W.createElement("li",{className:J.item},W.createElement("button",{className:L.button,onClick:()=>{$(g)},disabled:P>=g,"aria-label":t?.last??"Go to last page"},n??W.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512",ref:C[3],className:L.svg},W.createElement("path",{d:"M470.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 256 265.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160zm-352 160l160-160c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L210.7 256 73.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0z"}))))))}var M={circularProgress:"j",indeterminate:"yr",rotate:"zr",spinner:"q",spinning:"Fr",info:"Z",success:"_",warning:"rr",error:"ir",linearProgress:"p",custom:"Ai",progressBar:"A",first:"Ci",moving:"Yr",second:"Di","moving-alt":"jr"};function G(e){return typeof e=="string"&&["info","success","warning","error"].includes(e)}import xr from"react";function he(e){let{color:r="info",dark:t,size:o,value:i}=e;if(typeof i=="number"&&(i>100||i<0))throw new Error(`invalid value. Expected 100 >= value >= 0, but got ${i}`);let s=G(r);return xr.createElement("div",{"aria-valuenow":i,className:l([M.circularProgress,typeof i!="number"&&M.indeterminate,t&&d.dark]),role:"progressbar",style:{width:o,height:o},"aria-label":e["aria-label"]??"Circular progressbar"},xr.createElement("svg",{viewBox:"0 0 40 40"},xr.createElement("circle",{className:l([M.spinner,s&&M[r]]),cx:20,cy:20,fill:"none",r:19,stroke:s?void 0:r,strokeDasharray:typeof i=="number"?"120":void 0,strokeDashoffset:typeof i=="number"?`${1.2*(100-i)}px`:void 0,strokeWidth:2})))}import yr from"react";function ve(e){let{color:r="info",dark:t,size:o,value:i}=e;if(typeof i=="number"&&(i>100||i<0))throw new Error(`invalid value. Expected 100 >= value >= 0, but got ${i}`);let s=G(r);return yr.createElement("div",{"aria-valuenow":i,className:l([M.linearProgress,s?M[r]:M.custom,t&&d.dark]),role:"progressbar",style:{height:o},"aria-label":e["aria-label"]??"Linear progressbar"},yr.createElement("div",{className:l([M.progressBar,typeof i!="number"&&M.first,s&&M[r]]),style:{backgroundColor:s?void 0:r,right:typeof i=="number"?`${100-i}%`:void 0}}),typeof i!="number"&&yr.createElement("div",{className:l([M.progressBar,M.second,s&&M[r]]),style:{backgroundColor:s?void 0:r}}))}var A={burgerControl:"Xr",icon:"Ei",menuWrapper:"x",left:"Ar",transform:"Cr",right:"Dr",menuHeader:"qi",menuItem:"Er",blur:"Bi"};import ye from"react";function we(e){return ye.createElement("div",{className:A.menuHeader},e.children)}import ke from"react";function Ce(e){return ke.createElement("div",{className:A.menuItem},e.children)}import{useEffect as We}from"react";function wr(e){We(()=>{if(!e)return;let r=document.body.style.overflow,t=document.body.style.paddingRight,o=window.innerWidth-document.documentElement.clientWidth;return document.body.style.overflow="hidden",document.body.style.paddingRight=`${o}px`,()=>{document.body.style.overflow=r,document.body.style.paddingRight=t}},[e])}import Y,{useRef as Nr,useState as Pe}from"react";function Te(e){let{alignment:r,children:t,closeIcon:o,dark:i,footer:s,openIcon:c}=e,[a,u]=Pe(!1);wr(a);let p=Nr(null),n=Nr(null);N(p),N(n);function m(){u(!a)}return Y.createElement(Y.Fragment,null,Y.createElement("button",{className:l([A.burgerControl,i&&d.dark]),onClick:m},c??Y.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 640 640",className:A.icon,ref:n},Y.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&&Y.createElement("div",{className:A.blur,onClick:m}),Y.createElement("div",{className:l([A.menuWrapper,r==="left"?A.left:A.right,a&&A.transform,i&&d.dark]),onClick:m},Y.createElement("button",{className:A.burgerControl,onClick:m},o??Y.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 640 640",className:A.icon,ref:p},Y.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"}))),Y.createElement("nav",{onClick:m},t),s))}var k={inputField:"r",inputWrapper:"i",basic:"g",input:"o",label:"z",fieldset:"c",decorator:"d",start:"N",helpText:"or",outlined:"f",end:"Gi",error:"m",visible:"C",legend:"Hi",textareaLabel:"Ii",labelText:"G",asterisk:"Ji",onFocus:"lr",textarea:"qr"};import Se from"react";function kr(e){let{children:r,onFocus:t,position:o}=e;return Se.createElement("div",{className:l([k.decorator,d.fontSmall,o==="start"?k.start:k.end,t?k.onFocus:k.visible])},r)}import Fr,{isValidElement as Ir}from"react";import K from"react";function or(e){let{children:r,dark:t,error:o,helpId:i,helpText:s,id:c,isTextarea:a=!1,label:u,required:p,variant:n="outlined"}=e;return K.createElement("div",{className:l([k.inputField,t&&d.dark])},K.createElement("div",{className:l([k.inputWrapper,k[n],o&&k.error])},r,K.createElement("fieldset",{className:k.fieldset,"aria-hidden":!0},K.createElement("legend",{className:k.legend},K.createElement("span",{className:k.labelText},u),p&&K.createElement("span",{className:`${k.labelText} ${k.asterisk}`,"aria-hidden":!0},"*"))),K.createElement("label",{htmlFor:c,className:l([k.label,a&&k.textareaLabel])},K.createElement("span",{className:k.labelText},u),p&&K.createElement("span",{className:`${k.labelText} ${k.asterisk}`,"aria-hidden":!0},"*"))),s&&K.createElement("div",{className:l([k.helpText,o&&k.error]),id:i},s))}function Le(e){let{children:r,dark:t,error:o,helpText:i,id:s,label:c,required:a,variant:u,...p}=e;if(r&&(!Ir(r)||r.type!==kr))throw new Error(`<Input> received an invalid child. Expected <InputDecorator />, but got: ${Ir(r)?String(r.type):typeof r}.`);let n=s??H(),m=i?H():void 0;return Fr.createElement(or,{dark:t,error:o,helpId:m,helpText:i,id:n,label:c,required:a,variant:u},Fr.createElement("input",{id:n,className:`${k.input} ${d.fontMedium}`,placeholder:"",required:a,...p,"aria-describedby":m}),r)}import zr from"react";function Ne(e){let{dark:r=!1,error:t=!1,helpText:o,id:i,label:s,resize:c="both",required:a,...u}=e,p=i??H(),n=o?H():void 0,m={"--uil-textarea-resize":c,...u.style};return zr.createElement(or,{dark:r,error:t,helpId:n,helpText:o,id:p,label:s,required:a,isTextarea:!0},zr.createElement("textarea",{id:p,className:l([k.input,k.textarea,d.fontMedium]),placeholder:"",required:a,...u,"aria-describedby":n,style:m}))}import q,{useRef as Mr,useState as Dr}from"react";var cr={pagination:"H",select:"Ki",controls:"Li"};function Ie(e){let{activePage:r=1,dark:t=!1,entries:o,entriesDescription:i="of",nextButton:s,nextLabel:c="Go to next page",onChange:a,prevButton:u,prevLabel:p="Go to previous page",rowLabel:n="Rows per page",rows:m=[10,25,50,100]}=e,v=H(),g=Mr(null),w=Mr(null);N(g),N(w);let[x,P]=Dr(m[0]),y=Math.ceil(o/x),[h,E]=Dr(r>y?y:r<=0?1:r),D=x*(h-1)+1,C=x*h;function B(T){let V=Number(T.target.value);P(V),$(1,V)}function $(T,V){E(T),a?.(T,V??x)}return q.createElement("nav",{className:l([L.pagination,cr.pagination,t&&d.dark])},q.createElement("label",{htmlFor:v},n),q.createElement("select",{id:v,className:cr.select,value:x,onChange:B},m.map((T,V)=>q.createElement("option",{key:V,value:T},T))),q.createElement("p",null,D,"-",C>o?o:C," ",i," ",o),q.createElement("div",{className:cr.controls},q.createElement("button",{className:L.button,onClick:()=>{$(h-1)},disabled:h<=1,"aria-label":c},u??q.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 320 512",className:L.svg,ref:g},q.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"}))),q.createElement("button",{className:L.button,onClick:()=>{$(h+1)},disabled:h>=y,"aria-label":p},s??q.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 320 512",className:L.svg,ref:w},q.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 X={details:"h",summary:"F",divider:"Mi",chevron:"O",start:"Ni",end:"Br",content:"Oi",accordion:"P"};import Br,{isValidElement as Ar}from"react";import ir,{useRef as Me}from"react";function mr(e){let{children:r,dark:t=!1,divider:o=!1,icon:i,iconPosition:s="start",summary:c,...a}=e,u=Me(null);return N(u),ir.createElement("details",{className:l([X.details,t&&d.dark]),...a},ir.createElement("summary",{className:l([X.summary,o&&X.divider,X[s]])},i??ir.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 320 512",className:X.chevron,ref:u},ir.createElement("path",{d:"M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"})),c),ir.createElement("div",{className:X.content},r))}function De(e){let{children:r,dark:t=!1,divider:o=!1,icon:i,iconPosition:s,name:c}=e;return r&&r.forEach(a=>{if(!Ar(a)||a.type!==mr)throw new Error(`<Accordion> received an invalid child. Expected <Details />, but got: ${Ar(a)?String(a.type):typeof a}.`)}),Br.createElement("div",{className:l([X.accordion])},r.map((a,u)=>Br.createElement(mr,{key:u,...a.props,dark:a.props.dark??t,divider:a.props.divider??o,icon:a.props.icon??i,iconPosition:a.props.iconPosition??s,name:a.props.name??c})))}import ar from"react";function Be(e){let{checked:r,children:t,color:o,dark:i,disabled:s,onChange:c,...a}=e,u=a.id??H();function p(m){!s&&c&&c(m)}function n(){document.querySelector(`#${u}`).click()}return ar.createElement("div",{className:l([z.checkWrapper,i&&d.dark])},ar.createElement("div",{className:l([z.check,z.box]),onClick:n},ar.createElement("input",{type:"checkbox",checked:r,onChange:p,id:u,disabled:s,...a}),ar.createElement("div",{className:l([z.checkmark]),style:s?void 0:{backgroundColor:o}})),t&&ar.createElement("label",{htmlFor:u,className:`${d.fontMedium} ${z.label}`},t))}import j,{Children as $e,useState as Ge}from"react";var R={breadcrumbs:"X",highlight:"Pi",li:"Gr",hiddenEntries:"ar"};function Ve(e){let{afterCollapse:r=2,beforeCollapse:t=1,children:o,dark:i=!1,expandButtonLabel:s="expand",highlightLast:c=!1,maxEntries:a=5,separator:u="/"}=e,p=$e.toArray(o).map((w,x)=>j.createElement("li",{className:R.li,key:x},w)),[n,m]=Ge(!1);function v(w){return w.reduce((x,P,y)=>(x.push(P),y<w.length-1&&x.push(j.createElement("li",{key:`sep-${y}`,"aria-hidden":!0},u)),x),[])}function g(){return t+r>=p.length?(console.error(`<Breadcrumbs/> received an invalid collapse configuration. Expected (beforeCollapse + afterCollapse) < allEntries, but got: ${t+r} >= ${p.length}.`),p):[...p.slice(0,t),j.createElement("li",{className:R.li,key:"hidden-entries"},j.createElement("button",{className:R.hiddenEntries,type:"button","aria-label":s,onClick:()=>{m(!0)}},j.createElement("svg",{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},j.createElement("circle",{cx:"04",cy:"18",r:"1"}),j.createElement("circle",{cx:"12",cy:"18",r:"1"}),j.createElement("circle",{cx:"20",cy:"18",r:"1"})))),...p.slice(p.length-r,p.length)]}return j.createElement("nav",{"aria-label":e["aria-label"]},j.createElement("ol",{className:l([R.breadcrumbs,c&&R.highlight,i&&d.dark])},v(n||p.length<=a?p:g())))}var Cr={skeleton:"Hr",animation:"Qi",pulse:"Ir"};import He from"react";function qe(e){let{dark:r=!1,disableAnimation:t=!1,height:o,width:i,radius:s}=e;return He.createElement("div",{className:l([Cr.skeleton,!t&&Cr.animation,r&&d.dark]),style:{height:o,width:i,borderRadius:s}})}var Ye=new RegExp(/^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/);function fr(e,r){if(!Ye.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 rr(e){let t=fr(e,"useContrastColor").map(a=>a/255),[o,i,s]=t.map(a=>a<=.04045?a/12.92:((a+.055)/1.055)**2.4);return .2126*o+.7152*i+.0722*s>.179?"#000000":"#ffffff"}import $r from"react";function lr(e){let r;switch(e){case"small":r=d.fontSmall;break;case"medium":r=d.fontMedium;break;case"large":r=d.fontLarge;break;default:throw new Error(`Error: unsupported size. Expected 'small', 'medium' or 'large', but got: ${String(e)}`)}return r}var Q={button:"t",filled:"Q",info:"Ri",success:"Si",warning:"tr",outlined:"R",text:"er",error:"Ti",disabled:"nr",small:"Jr",rounded:"ur",medium:"Kr",large:"Lr"};function je(e){let{children:r,color:t="info",dark:o=!1,disabled:i=!1,href:s,rounded:c=!1,size:a="medium",target:u,variant:p,...n}=e,m=g(),v=w();function g(){return l([Q.button,d.fit,Q[a],Q[p],o&&d.dark,i&&Q.disabled,G(t)&&Q[t],lr(a),c&&Q.rounded])}function w(){if(i||G(t))return;let x=fr(t,"<Button>");return{"--uil-button-font-color":rr(t),"--uil-button-color":t,"--uil-button-hover-color":`${x[0]}, ${x[1]}, ${x[2]}`}}return s||s===""?$r.createElement("a",{href:s,target:u,id:n.id,title:n.title,style:v,className:m},r):$r.createElement("button",{style:v,className:m,type:n.type??"button",disabled:i,"aria-disabled":i,tabIndex:i?-1:n.tabIndex,...n},r)}import nr,{useRef as Ue}from"react";var Z={switch:"l",small:"S",thumbWrapper:"v",track:"I",medium:"T",large:"U",info:"Ui",success:"Vi",warning:"Wi",error:"Zi",thumb:"sr"};function _e(e){let{color:r="info",dark:t=!1,disabled:o,onChange:i,size:s="medium",...c}=e,a=G(r),u=a?void 0:{"--uil-switch-color":r},p=Ue(null);function n(v){o||i?.(v)}function m(){p.current?.click()}return nr.createElement("div",{className:l([Z.switch,Z[s],a&&Z[r],t&&d.dark]),onClick:()=>{m()},style:u},nr.createElement("div",{className:Z.thumbWrapper},nr.createElement("div",{className:Z.thumb}),nr.createElement("input",{type:"checkbox",disabled:o,ref:p,onChange:n,...c})),nr.createElement("div",{className:Z.track}))}import U,{useEffect as Ze,useMemo as Re,useRef as Wr,useState as Vr}from"react";var F={selectWrapper:"a",trigger:"D",disabled:"dr",chevron:"Mr",displayText:"_i",optionsList:"s",top:"Nr",bottom:"Or",open:"Pr",scrollArea:"J",group:"ro",option:"B",active:"io",selected:"oo"};import Qe from"react";function Gr(e){let{activeIndex:r,disabled:t,index:o,listId:i,onSelect:s,option:c,setActiveIndex:a,value:u}=e,p=o===r,n=Array.isArray(u)?u.includes(c.value):u===c.value;return Qe.createElement("div",{key:c.value,id:`${i}-option-${o}`,role:"option","aria-selected":n,"aria-disabled":t,className:l([F.option,p&&F.active,n&&F.selected,t&&F.disabled]),onMouseEnter:()=>a(o),onClick:()=>{t||s(c.value)}},c.label)}import{useId as rt}from"react";function et(e){let{dark:r,disabled:t,multi:o,onChange:i,openPosition:s="bottom",options:c,placeholder:a,value:u,width:p}=e,[n,m]=Vr(!1),[v,g]=Vr(0),w=rt(),x=Wr(null),P=Wr(null),y=Wr(null);N(y);let h=Re(()=>{let f=[];for(let b of c)if("options"in b){f.push({type:"group",label:b.label});for(let S of b.options)f.push({type:"option",option:S,groupDisabled:b.disabled??!1,index:f.length})}else f.push({type:"option",option:b,groupDisabled:!1,index:f.length});return f},[c]),E=h.filter(f=>f.type==="option"),D=E.filter(f=>o?u.includes(f.option.value):f.option.value===u),C=D.length===0?a:D.map(f=>f.option.label).join(", ");function B(f){if(o){let b;u.includes(f)?b=u.filter(S=>S!==f):b=[...u,f],i(b)}else i(f),m(!1),x.current?.focus()}function $(){if(t)return;let f=E.find(b=>b.type==="option"&&b.option.value===u);if(f)g(f.index);else{let b=E.find(S=>S.type==="option"&&!S.option.disabled&&!S.groupDisabled);g(b?b.index:0)}m(!0)}function T(){m(!1)}function V(f){if(!t)switch(f.key){case"ArrowDown":return f.preventDefault(),n?g(b=>sr(b,1)):$();case"ArrowUp":return f.preventDefault(),n?g(b=>sr(b,-1)):$();case"Home":{f.preventDefault();let b=E.find(S=>!S.option.disabled&&!S.groupDisabled);b&&g(b.index);break}case"End":{f.preventDefault();for(let b=h.length-1;b>=0;b--){let S=h[b];if(S.type==="option"&&!S.option.disabled&&!S.groupDisabled){g(b);break}}break}case"Enter":case" ":{f.preventDefault();let b=h[v];b?.type==="option"&&!b.option.disabled&&!b.groupDisabled&&B(b.option.value);break}case"Escape":return T()}}function sr(f,b){let S=f+b;for(;S>=0&&S<h.length;){let br=h[S];if(br.type==="option"&&!br.option.disabled&&!br.groupDisabled)return S;S+=b}return f}return Ze(()=>{if(!n)return;function f(b){P.current&&!P.current.contains(b.target)&&m(!1)}return document.addEventListener("pointerdown",f),()=>document.removeEventListener("pointerdown",f)},[n]),U.createElement("div",{className:l([F.selectWrapper,r&&d.dark]),ref:P,style:{width:p,minWidth:p}},U.createElement("button",{ref:x,type:"button","aria-haspopup":"listbox","aria-expanded":n,"aria-controls":w,"aria-activedescendant":n&&v>=0?`${w}-option-${v}`:void 0,disabled:t,onClick:()=>n?T():$(),onKeyDown:V,className:l([F.trigger,t&&F.disabled]),"aria-label":C,title:C},U.createElement("span",{className:F.displayText},C),U.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512",className:F.chevron,ref:y,"aria-hidden":!0},U.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"}))),U.createElement("div",{id:w,role:"listbox",className:l([F.optionsList,n&&F.open,s==="top"?F.top:F.bottom])},U.createElement("div",{className:F.scrollArea},h.map(f=>f.type==="group"?U.createElement("div",{key:`group-${f.label}`,className:F.group},f.label):U.createElement(Gr,{key:f.option.value,option:f.option,disabled:f.groupDisabled||f.option.disabled,activeIndex:v,value:u,index:f.index,onSelect:B,setActiveIndex:g,listId:w})))))}import gr,{cloneElement as ot,isValidElement as it,useRef as at}from"react";var _={tag:"n",clickable:"cr",small:"Qr",medium:"Rr",large:"Sr",filled:"lo",outlined:"hr",delIcon:"K",elevated:"ao",info:"to",success:"eo",warning:"Tr",error:"no"};function lt(e){let{children:r,color:t,dark:o=!1,deleteIcon:i,elevated:s=!1,href:c,label:a,onDelete:u,onClick:p,size:n="medium",target:m,variant:v}=e,g=at(null),w=h(),x=E(),P=null;if(u){let C;if(v==="filled")switch(t){case"info":case"success":case"error":C=o?"black":"white";break;case"warning":C="black";break;default:C=rr(t)}else G(t)?C=void 0:C=t;P=i&&it(i)?ot(i,{onClick:y}):gr.createElement("svg",{ref:g,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 384 512",onClick:y,className:l([_.delIcon,_[n]]),fill:C},gr.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"}))}N(g);function y(C){C.stopPropagation(),u?.()}function h(){if(!G(t))return{"--uil-tag-font-color":rr(t),"--uil-tag-color":t}}function E(){return l([_.tag,G(t)&&_[t],_[v],d.fit,s&&_.elevated,o&&d.dark,lr(n),_[n],(p??c)&&_.clickable])}function D(C){(C.key==="Enter"||C.key===" ")&&p?.()}return c?gr.createElement("a",{href:c,target:m,style:w,className:x},a??r,P):gr.createElement("div",{className:x,onClick:()=>{p?.()},onKeyDown:p&&D,role:p&&"button",style:w,tabIndex:p&&0},a??r,P)}export{De as Accordion,Ve as Breadcrumbs,Te as BurgerMenu,je as Button,Be as Checkbox,he as CircularProgress,mr as Details,jr as Dialog,Jr as DialogContent,Zr as DialogControls,Ur as DialogTitle,Le as Input,kr as InputDecorator,ve as LinearProgress,we as MenuHeader,Ce as MenuItem,ge as Pagination,vr as Radio,ue as RadioGroup,et as Select,qe as Skeleton,_e as Switch,Ie as TablePagination,lt as Tag,Ne as Textarea,ne as ToastProvider,rr as useContrastColor,wr as useScrollLock,se as useToastContext};
|
|
1
|
+
var d={fit:"Ur",fontSmall:"Vr",fontMedium:"Wr",fontLarge:"Zr",dark:"_r"};import Yr,{useEffect as Kr,useRef as jr}from"react";function l(e){let r=[];return e.forEach(t=>{!t||typeof t=="boolean"||r.push(...Array.isArray(t)?t:[t])}),r.join(" ")}var O={dialog:"e",small:"ri",medium:"ii",large:"oi",title:"k",info:"li",success:"vr",warning:"br",error:"gr",default:"ai",content:"pr",divider:"ti",controls:"L",start:"ei",end:"ni","space-between":"ui"};function Xr(e){let{ariaModal:r,children:t,dark:o=!1,describedby:i,disableEscapeKey:n,labelledby:c,onCancel:a,onClickBackdrop:u,open:p,scrollable:s=!1,size:m}=e,v=jr(null);Kr(()=>(v.current?.addEventListener("keydown",g),v.current?.addEventListener("mousedown",w),p?(s||(document.body.style.paddingRight="15px",document.body.style.overflow="hidden"),v.current?.showModal()):(s||(document.body.style.paddingRight="",document.body.style.overflow=""),v.current?.close()),()=>{v.current?.removeEventListener("keydown",g),v.current?.removeEventListener("mousedown",w)}),[p]);function g(x){n&&x.key==="Escape"&&x.preventDefault()}function w(x){u&&x.target===x.currentTarget&&u()}return Yr.createElement("dialog",{ref:v,"aria-describedby":i,"aria-labelledby":c,"aria-modal":r,className:l([O.dialog,o&&d.dark,m&&O[m]]),onCancel:a,role:r?"alertdialog":"dialog"},t)}import Ur from"react";function _r(e){let{children:r,color:t,id:o}=e;return Ur.createElement("div",{className:l([O.title,t&&O[t],d.fontLarge]),id:o},r)}import Jr from"react";function Qr(e){let{children:r,divider:t=!1,id:o}=e;return Jr.createElement("div",{className:l([O.content,t&&O.divider]),id:o},r)}import Zr from"react";function Rr(e){let{children:r,position:t="end"}=e;return Zr.createElement("div",{className:l([O.controls,O[t]])},r)}import{useLayoutEffect as re}from"react";function L(e){re(()=>{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.current&&!e.current.innerHTML.includes("https://fontawesome.com License")&&e.current?.appendChild(r)},[])}import er,{useEffect as te,useRef as Pr}from"react";var I={toaster:"u",top:"si",bottom:"di",centerX:"ci",centerY:"hi",centerXY:"vi",left:"bi",right:"gi",toast:"y",fadeIn:"pi",fadeOut:"xi",info:"fi",success:"wi",warning:"mi",error:"ki",closeButton:"xr"};function hr(e){let{action:r,closeCallback:t,dark:o=!1,dismissible:i,id:n,message:c,timeout:a,variant:u}=e,p=Pr(null),s=Pr(null);L(s),te(()=>{if(setTimeout(()=>{p.current&&p.current.classList.add(I.fadeIn)}),a==="persistent")return;let v,g=setTimeout(()=>{p.current&&p.current.classList.replace(I.fadeIn,I.fadeOut),v=setTimeout(()=>{t()},500)},a);return()=>{clearTimeout(g),v&&clearTimeout(v)}},[a,t]);function m(){p.current&&p.current.classList.replace(I.fadeIn,I.fadeOut),setTimeout(()=>{t()},500)}return er.createElement("div",{className:l([I.toast,u&&I[u],d.fontMedium,o&&d.dark]),id:n,ref:p,role:"status"},c,r&&er.createElement("div",null,r),i&&er.createElement("button",{className:I.closeButton,onClick:m},er.createElement("svg",{ref:s,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 384 512"},er.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 ur,{createContext as ie,useContext as ae,useRef as Er,useState as le}from"react";import{useId as Tr,useState as oe}from"react";function pr(){let e=new Uint32Array(2);return crypto.getRandomValues(e),`uil${e[0].toString(32)}${e[1].toString(16)}`}function H(){if(typeof Tr=="function")return Tr();{let[e]=oe(()=>pr());return e}}var ne={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.")}},Nr=ie(ne);function se(e){let{alignment:r={horizontal:"left",vertical:"bottom"},children:t,dark:o=!1,dismissible:i=!1,limit:n=4,timeout:c=5e3}=e,[a,u]=le([]),p=Er(null),s=Er([]);function m(y,h){let{id:E,toast:D}=g(y,h),C=a.length+s.current.length;if(s.current.push(D),C>=n){for(let B=0;B<C-n+1;B++)w(a[B].props.id);p.current=new Promise(B=>{setTimeout(()=>{v(D),B(),p.current=null},500)})}else v(D);return E}function v(y){u(h=>(s.current=s.current.filter(E=>E!==y),[...h,y]))}function g(y,h){let E=pr(),D={action:h?.action,closeCallback:()=>{x(E,h?.closeCallback)},dark:h?.dark??o,dismissible:h?.dismissible??i,id:E,message:y,timeout:h?.timeout??c,variant:h?.variant};return{id:E,toast:ur.createElement(hr,{...D})}}function w(y){if(!y)return u([]);u(h=>h.filter(E=>E.props.id!==y))}function x(y,h){w(y),h?.()}function P(){let y=r.horizontal,h=r.vertical;return y==="center"&&h==="center"?[I.centerXY]:[y==="center"?I.centerX:I[y],h==="center"?I.centerY:I[h]]}return ur.createElement(Nr.Provider,{value:{queueToast:m,closeToast:w}},t,ur.createElement("div",{className:l([I.toaster,P()])},a.map(y=>ur.createElement(hr,{...y.props,key:y.props.id}))))}function pe(){return ae(Nr)}import Sr from"react";var z={checkWrapper:"b",label:"fr",check:"w",box:"yi",radio:"wr",radioCheck:"zi",checkmark:"V",radioWrapper:"W",row:"Fi",column:"Yi"};import tr from"react";function vr(e){let{checked:r,children:t,color:o,dark:i,disabled:n,id:c,name:a,onChange:u,value:p,...s}=e,m=c??H();function v(w){!n&&u&&u(w)}function g(){document.querySelector(`#${m}`).click()}return tr.createElement("div",{className:l([z.checkWrapper,i&&d.dark])},tr.createElement("div",{className:`${z.check} ${z.radio}`,onClick:()=>{g()}},tr.createElement("input",{id:m,name:a,type:"radio",value:p,checked:r,onChange:w=>{v(w)},disabled:n,tabIndex:n?-1:s.tabIndex??void 0,...s}),tr.createElement("div",{className:`${z.checkmark} ${z.radioCheck}`,style:n?void 0:{backgroundColor:o}})),t&&tr.createElement("label",{htmlFor:m,className:`${d.fontMedium} ${z.label}`},t))}function de(e){let{color:r,dark:t=!1,direction:o="column",disabled:i,name:n,onChange:c,options:a,selected:u}=e;function p(s){!i&&c&&c(s)}return Sr.createElement("div",{className:l([z.radioWrapper,z[o]]),role:"radiogroup"},a.map((s,m)=>Sr.createElement(vr,{key:m,dark:t,color:r,onChange:p,checked:u===s.value,disabled:i??s.disabled,name:n,...s},s.label)))}import W,{useEffect as fe,useRef as dr,useState as ge}from"react";var S={pagination:"Y",button:"E",svg:"mr",active:"ji"};var J={pagination:"M",item:"kr",dots:"Xi"};function be(e){let{activePage:r=1,ariaLabels:t,boundary:o=1,dark:i=!1,disablePrevButton:n=!1,disableNextButton:c=!1,disableFirstButton:a=!1,disableLastButton:u=!1,firstButton:p,lastButton:s,nextButton:m,onChange:v,pages:g,prevButton:w,siblings:x=1}=e;if(o<=0||o>g)throw new Error(`<Pagination/> received an invalid boundary. Expected boundary to be greater than 0 and smaller or equal to pages (${g}), but got: ${o}`);if(r<1||r>g)throw new Error(`<Pagination/> activePage out of bounds. Expected activePage to be greater than 0 and smaller or equal to pages (${g}), but got: ${r}`);let[P,y]=ge(r),h=Math.max(Math.min(P-x,g-o-x*2-1),o+2),E=Math.min(Math.max(P+x,o+x*2+2),g-o-1),D=[...new Set([...B(1,o),...h>o+2?["ellipsis-a"]:o<g-o?[o+1]:[],...B(h,E),...E<g-o-1?["ellipsis-b"]:g-o>o?[g-o]:[],...B(g-o+1,g)])],C=[dr(null),dr(null),dr(null),dr(null)];C.forEach(L);function B(T,V){let sr=V-T+1;return Array.from({length:sr},(f,b)=>T+b)}function $(T){y(T),v?.(T)}return fe(()=>{y(r)},[r]),W.createElement("nav",{className:l([i&&d.dark])},W.createElement("ul",{className:l([S.pagination,J.pagination])},!a&&W.createElement("li",{className:J.item},W.createElement("button",{className:S.button,onClick:()=>{$(1)},disabled:P<=1,"aria-label":t?.first??"Go to first page"},p??W.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512",ref:C[0],className:S.svg},W.createElement("path",{d:"M41.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.3 256 246.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160zm352-160l-160 160c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L301.3 256 438.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0z"})))),!n&&W.createElement("li",{className:J.item},W.createElement("button",{className:S.button,onClick:()=>{$(P-1)},disabled:P<=1,"aria-label":t?.prev??"Go to previous page"},w??W.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 320 512",ref:C[1],className:S.svg},W.createElement("path",{d:"M41.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.3 256 246.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z"})))),D.map((T,V)=>W.createElement("li",{key:V,className:J.item},typeof T=="number"?W.createElement("button",{className:l([P===T&&S.active,S.button]),onClick:()=>{$(T)},"aria-label":t?.page?`${t.page} ${T}`:`Go to page ${T}`},T):W.createElement("svg",{className:J.dots,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},W.createElement("circle",{cx:4,cy:14,r:1}),W.createElement("circle",{cx:12,cy:14,r:1}),W.createElement("circle",{cx:20,cy:14,r:1})))),!c&&W.createElement("li",{className:J.item},W.createElement("button",{className:S.button,onClick:()=>{$(P+1)},disabled:P>=g,"aria-label":t?.next??"Go to next page"},m??W.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 320 512",ref:C[2],className:S.svg},W.createElement("path",{d:"M278.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L210.7 256 73.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z"})))),!u&&W.createElement("li",{className:J.item},W.createElement("button",{className:S.button,onClick:()=>{$(g)},disabled:P>=g,"aria-label":t?.last??"Go to last page"},s??W.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512",ref:C[3],className:S.svg},W.createElement("path",{d:"M470.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 256 265.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160zm-352 160l160-160c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L210.7 256 73.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0z"}))))))}var M={circularProgress:"j",indeterminate:"yr",rotate:"zr",spinner:"q",spinning:"Fr",info:"Z",success:"_",warning:"rr",error:"ir",linearProgress:"p",custom:"Ai",progressBar:"A",first:"Ci",moving:"Yr",second:"Di","moving-alt":"jr"};function G(e){return typeof e=="string"&&["info","success","warning","error"].includes(e)}import xr from"react";function ve(e){let{color:r="info",dark:t,size:o,value:i}=e;if(typeof i=="number"&&(i>100||i<0))throw new Error(`invalid value. Expected 100 >= value >= 0, but got ${i}`);let n=G(r);return xr.createElement("div",{"aria-valuenow":i,className:l([M.circularProgress,typeof i!="number"&&M.indeterminate,t&&d.dark]),role:"progressbar",style:{width:o,height:o},"aria-label":e["aria-label"]??"Circular progressbar"},xr.createElement("svg",{viewBox:"0 0 40 40"},xr.createElement("circle",{className:l([M.spinner,n&&M[r]]),cx:20,cy:20,fill:"none",r:19,stroke:n?void 0:r,strokeDasharray:typeof i=="number"?"120":void 0,strokeDashoffset:typeof i=="number"?`${1.2*(100-i)}px`:void 0,strokeWidth:2})))}import yr from"react";function xe(e){let{color:r="info",dark:t,size:o,value:i}=e;if(typeof i=="number"&&(i>100||i<0))throw new Error(`invalid value. Expected 100 >= value >= 0, but got ${i}`);let n=G(r);return yr.createElement("div",{"aria-valuenow":i,className:l([M.linearProgress,n?M[r]:M.custom,t&&d.dark]),role:"progressbar",style:{height:o},"aria-label":e["aria-label"]??"Linear progressbar"},yr.createElement("div",{className:l([M.progressBar,typeof i!="number"&&M.first,n&&M[r]]),style:{backgroundColor:n?void 0:r,right:typeof i=="number"?`${100-i}%`:void 0}}),typeof i!="number"&&yr.createElement("div",{className:l([M.progressBar,M.second,n&&M[r]]),style:{backgroundColor:n?void 0:r}}))}var A={burgerControl:"Xr",icon:"Ei",menuWrapper:"x",left:"Ar",transform:"Cr",right:"Dr",menuHeader:"qi",menuItem:"Er",blur:"Bi"};import we from"react";function ke(e){return we.createElement("div",{className:A.menuHeader},e.children)}import Ce from"react";function We(e){return Ce.createElement("div",{className:A.menuItem},e.children)}import{useEffect as Pe}from"react";function wr(e){Pe(()=>{if(!e)return;let r=document.body.style.overflow,t=document.body.style.paddingRight,o=window.innerWidth-document.documentElement.clientWidth;return document.body.style.overflow="hidden",document.body.style.paddingRight=`${o}px`,()=>{document.body.style.overflow=r,document.body.style.paddingRight=t}},[e])}import Y,{useRef as Lr,useState as Te}from"react";function Ee(e){let{alignment:r,children:t,closeIcon:o,dark:i,footer:n,openIcon:c}=e,[a,u]=Te(!1);wr(a);let p=Lr(null),s=Lr(null);L(p),L(s);function m(){u(!a)}return Y.createElement(Y.Fragment,null,Y.createElement("button",{className:l([A.burgerControl,i&&d.dark]),onClick:m},c??Y.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 640 640",className:A.icon,ref:s},Y.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&&Y.createElement("div",{className:A.blur,onClick:m}),Y.createElement("div",{className:l([A.menuWrapper,r==="left"?A.left:A.right,a&&A.transform,i&&d.dark]),onClick:m},Y.createElement("button",{className:A.burgerControl,onClick:m},o??Y.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 640 640",className:A.icon,ref:p},Y.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"}))),Y.createElement("nav",{onClick:m},t),n))}var k={inputField:"r",inputWrapper:"i",basic:"g",input:"o",label:"z",fieldset:"c",decorator:"s",start:"N",helpText:"or",outlined:"f",end:"Gi",error:"m",visible:"C",legend:"Hi",textareaLabel:"Ii",labelText:"G",asterisk:"Ji",onFocus:"lr",textarea:"qr",click:"Ki"};import Fr from"react";function kr(e){let{children:r,onClick:t,onFocus:o,position:i}=e,n=l([k.decorator,d.fontSmall,i==="start"?k.start:k.end,o?k.onFocus:k.visible,t&&k.click]);return t?Fr.createElement("button",{className:n,onMouseDown:c=>{c.preventDefault()},onClick:t,type:"button"},r):Fr.createElement("div",{className:n},r)}import Ir,{isValidElement as zr}from"react";import K from"react";function or(e){let{children:r,dark:t,error:o,helpId:i,helpText:n,id:c,isTextarea:a=!1,label:u,required:p,variant:s="outlined"}=e;return K.createElement("div",{className:l([k.inputField,t&&d.dark])},K.createElement("div",{className:l([k.inputWrapper,k[s],o&&k.error])},r,K.createElement("fieldset",{className:k.fieldset,"aria-hidden":!0},K.createElement("legend",{className:k.legend},K.createElement("span",{className:k.labelText},u),p&&K.createElement("span",{className:`${k.labelText} ${k.asterisk}`,"aria-hidden":!0},"*"))),K.createElement("label",{htmlFor:c,className:l([k.label,a&&k.textareaLabel])},K.createElement("span",{className:k.labelText},u),p&&K.createElement("span",{className:`${k.labelText} ${k.asterisk}`,"aria-hidden":!0},"*"))),n&&K.createElement("div",{className:l([k.helpText,o&&k.error]),id:i},n))}function Se(e){let{children:r,dark:t,error:o,helpText:i,id:n,label:c,required:a,variant:u,...p}=e;if(r&&(!zr(r)||r.type!==kr))throw new Error(`<Input> received an invalid child. Expected <InputDecorator />, but got: ${zr(r)?String(r.type):typeof r}.`);let s=n??H(),m=i?H():void 0;return Ir.createElement(or,{dark:t,error:o,helpId:m,helpText:i,id:s,label:c,required:a,variant:u},Ir.createElement("input",{id:s,className:`${k.input} ${d.fontMedium}`,placeholder:"",required:a,...p,"aria-describedby":m}),r)}import Mr from"react";function Le(e){let{dark:r=!1,error:t=!1,helpText:o,id:i,label:n,resize:c="both",required:a,...u}=e,p=i??H(),s=o?H():void 0,m={"--uil-textarea-resize":c,...u.style};return Mr.createElement(or,{dark:r,error:t,helpId:s,helpText:o,id:p,label:n,required:a,isTextarea:!0},Mr.createElement("textarea",{id:p,className:l([k.input,k.textarea,d.fontMedium]),placeholder:"",required:a,...u,"aria-describedby":s,style:m}))}import q,{useRef as Dr,useState as Br}from"react";var cr={pagination:"H",select:"Li",controls:"Mi"};function Ie(e){let{activePage:r=1,dark:t=!1,entries:o,entriesDescription:i="of",nextButton:n,nextLabel:c="Go to next page",onChange:a,prevButton:u,prevLabel:p="Go to previous page",rowLabel:s="Rows per page",rows:m=[10,25,50,100]}=e,v=H(),g=Dr(null),w=Dr(null);L(g),L(w);let[x,P]=Br(m[0]),y=Math.ceil(o/x),[h,E]=Br(r>y?y:r<=0?1:r),D=x*(h-1)+1,C=x*h;function B(T){let V=Number(T.target.value);P(V),$(1,V)}function $(T,V){E(T),a?.(T,V??x)}return q.createElement("nav",{className:l([S.pagination,cr.pagination,t&&d.dark])},q.createElement("label",{htmlFor:v},s),q.createElement("select",{id:v,className:cr.select,value:x,onChange:B},m.map((T,V)=>q.createElement("option",{key:V,value:T},T))),q.createElement("p",null,D,"-",C>o?o:C," ",i," ",o),q.createElement("div",{className:cr.controls},q.createElement("button",{className:S.button,onClick:()=>{$(h-1)},disabled:h<=1,"aria-label":c},u??q.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 320 512",className:S.svg,ref:g},q.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"}))),q.createElement("button",{className:S.button,onClick:()=>{$(h+1)},disabled:h>=y,"aria-label":p},n??q.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 320 512",className:S.svg,ref:w},q.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 X={details:"h",summary:"F",divider:"Ni",chevron:"O",start:"Oi",end:"Br",content:"Pi",accordion:"P"};import Ar,{isValidElement as $r}from"react";import ir,{useRef as Me}from"react";function mr(e){let{children:r,dark:t=!1,divider:o=!1,icon:i,iconPosition:n="start",summary:c,...a}=e,u=Me(null);return L(u),ir.createElement("details",{className:l([X.details,t&&d.dark]),...a},ir.createElement("summary",{className:l([X.summary,o&&X.divider,X[n]])},i??ir.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 320 512",className:X.chevron,ref:u},ir.createElement("path",{d:"M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"})),c),ir.createElement("div",{className:X.content},r))}function De(e){let{children:r,dark:t=!1,divider:o=!1,icon:i,iconPosition:n,name:c}=e;return r&&r.forEach(a=>{if(!$r(a)||a.type!==mr)throw new Error(`<Accordion> received an invalid child. Expected <Details />, but got: ${$r(a)?String(a.type):typeof a}.`)}),Ar.createElement("div",{className:l([X.accordion])},r.map((a,u)=>Ar.createElement(mr,{key:u,...a.props,dark:a.props.dark??t,divider:a.props.divider??o,icon:a.props.icon??i,iconPosition:a.props.iconPosition??n,name:a.props.name??c})))}import ar from"react";function Be(e){let{checked:r,children:t,color:o,dark:i,disabled:n,onChange:c,...a}=e,u=a.id??H();function p(m){!n&&c&&c(m)}function s(){document.querySelector(`#${u}`).click()}return ar.createElement("div",{className:l([z.checkWrapper,i&&d.dark])},ar.createElement("div",{className:l([z.check,z.box]),onClick:s},ar.createElement("input",{type:"checkbox",checked:r,onChange:p,id:u,disabled:n,...a}),ar.createElement("div",{className:l([z.checkmark]),style:n?void 0:{backgroundColor:o}})),t&&ar.createElement("label",{htmlFor:u,className:`${d.fontMedium} ${z.label}`},t))}import j,{Children as $e,useState as Ge}from"react";var R={breadcrumbs:"X",highlight:"Qi",li:"Gr",hiddenEntries:"ar"};function Ve(e){let{afterCollapse:r=2,beforeCollapse:t=1,children:o,dark:i=!1,expandButtonLabel:n="expand",highlightLast:c=!1,maxEntries:a=5,separator:u="/"}=e,p=$e.toArray(o).map((w,x)=>j.createElement("li",{className:R.li,key:x},w)),[s,m]=Ge(!1);function v(w){return w.reduce((x,P,y)=>(x.push(P),y<w.length-1&&x.push(j.createElement("li",{key:`sep-${y}`,"aria-hidden":!0},u)),x),[])}function g(){return t+r>=p.length?(console.error(`<Breadcrumbs/> received an invalid collapse configuration. Expected (beforeCollapse + afterCollapse) < allEntries, but got: ${t+r} >= ${p.length}.`),p):[...p.slice(0,t),j.createElement("li",{className:R.li,key:"hidden-entries"},j.createElement("button",{className:R.hiddenEntries,type:"button","aria-label":n,onClick:()=>{m(!0)}},j.createElement("svg",{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},j.createElement("circle",{cx:"04",cy:"18",r:"1"}),j.createElement("circle",{cx:"12",cy:"18",r:"1"}),j.createElement("circle",{cx:"20",cy:"18",r:"1"})))),...p.slice(p.length-r,p.length)]}return j.createElement("nav",{"aria-label":e["aria-label"]},j.createElement("ol",{className:l([R.breadcrumbs,c&&R.highlight,i&&d.dark])},v(s||p.length<=a?p:g())))}var Cr={skeleton:"Hr",animation:"Ri",pulse:"Ir"};import He from"react";function qe(e){let{dark:r=!1,disableAnimation:t=!1,height:o,width:i,radius:n}=e;return He.createElement("div",{className:l([Cr.skeleton,!t&&Cr.animation,r&&d.dark]),style:{height:o,width:i,borderRadius:n}})}var Ye=new RegExp(/^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/);function fr(e,r){if(!Ye.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 rr(e){let t=fr(e,"useContrastColor").map(a=>a/255),[o,i,n]=t.map(a=>a<=.04045?a/12.92:((a+.055)/1.055)**2.4);return .2126*o+.7152*i+.0722*n>.179?"#000000":"#ffffff"}import Gr from"react";function lr(e){let r;switch(e){case"small":r=d.fontSmall;break;case"medium":r=d.fontMedium;break;case"large":r=d.fontLarge;break;default:throw new Error(`Error: unsupported size. Expected 'small', 'medium' or 'large', but got: ${String(e)}`)}return r}var Q={button:"t",filled:"Q",info:"Si",success:"Ti",warning:"tr",outlined:"R",text:"er",error:"Ui",disabled:"nr",small:"Jr",rounded:"ur",medium:"Kr",large:"Lr"};function je(e){let{children:r,color:t="info",dark:o=!1,disabled:i=!1,href:n,rounded:c=!1,size:a="medium",target:u,variant:p,...s}=e,m=g(),v=w();function g(){return l([Q.button,d.fit,Q[a],Q[p],o&&d.dark,i&&Q.disabled,G(t)&&Q[t],lr(a),c&&Q.rounded])}function w(){if(i||G(t))return;let x=fr(t,"<Button>");return{"--uil-button-font-color":rr(t),"--uil-button-color":t,"--uil-button-hover-color":`${x[0]}, ${x[1]}, ${x[2]}`}}return n||n===""?Gr.createElement("a",{href:n,target:u,id:s.id,title:s.title,style:v,className:m},r):Gr.createElement("button",{style:v,className:m,type:s.type??"button",disabled:i,"aria-disabled":i,tabIndex:i?-1:s.tabIndex,...s},r)}import nr,{useRef as Ue}from"react";var Z={switch:"l",small:"S",thumbWrapper:"v",track:"I",medium:"T",large:"U",info:"Vi",success:"Wi",warning:"Zi",error:"_i",thumb:"sr"};function _e(e){let{color:r="info",dark:t=!1,disabled:o,onChange:i,size:n="medium",...c}=e,a=G(r),u=a?void 0:{"--uil-switch-color":r},p=Ue(null);function s(v){o||i?.(v)}function m(){p.current?.click()}return nr.createElement("div",{className:l([Z.switch,Z[n],a&&Z[r],t&&d.dark]),onClick:()=>{m()},style:u},nr.createElement("div",{className:Z.thumbWrapper},nr.createElement("div",{className:Z.thumb}),nr.createElement("input",{type:"checkbox",disabled:o,ref:p,onChange:s,...c})),nr.createElement("div",{className:Z.track}))}import U,{useEffect as Ze,useMemo as Re,useRef as Wr,useState as Or}from"react";var F={selectWrapper:"a",trigger:"D",disabled:"dr",chevron:"Mr",displayText:"ro",optionsList:"d",top:"Nr",bottom:"Or",open:"Pr",scrollArea:"J",group:"io",option:"B",active:"oo",selected:"lo"};import Qe from"react";function Vr(e){let{activeIndex:r,disabled:t,index:o,listId:i,onSelect:n,option:c,setActiveIndex:a,value:u}=e,p=o===r,s=Array.isArray(u)?u.includes(c.value):u===c.value;return Qe.createElement("div",{key:c.value,id:`${i}-option-${o}`,role:"option","aria-selected":s,"aria-disabled":t,className:l([F.option,p&&F.active,s&&F.selected,t&&F.disabled]),onMouseEnter:()=>a(o),onClick:()=>{t||n(c.value)}},c.label)}import{useId as rt}from"react";function et(e){let{dark:r,disabled:t,multi:o,onChange:i,openPosition:n="bottom",options:c,placeholder:a,value:u,width:p}=e,[s,m]=Or(!1),[v,g]=Or(0),w=rt(),x=Wr(null),P=Wr(null),y=Wr(null);L(y);let h=Re(()=>{let f=[];for(let b of c)if("options"in b){f.push({type:"group",label:b.label});for(let N of b.options)f.push({type:"option",option:N,groupDisabled:b.disabled??!1,index:f.length})}else f.push({type:"option",option:b,groupDisabled:!1,index:f.length});return f},[c]),E=h.filter(f=>f.type==="option"),D=E.filter(f=>o?u.includes(f.option.value):f.option.value===u),C=D.length===0?a:D.map(f=>f.option.label).join(", ");function B(f){if(o){let b;u.includes(f)?b=u.filter(N=>N!==f):b=[...u,f],i(b)}else i(f),m(!1),x.current?.focus()}function $(){if(t)return;let f=E.find(b=>b.type==="option"&&b.option.value===u);if(f)g(f.index);else{let b=E.find(N=>N.type==="option"&&!N.option.disabled&&!N.groupDisabled);g(b?b.index:0)}m(!0)}function T(){m(!1)}function V(f){if(!t)switch(f.key){case"ArrowDown":return f.preventDefault(),s?g(b=>sr(b,1)):$();case"ArrowUp":return f.preventDefault(),s?g(b=>sr(b,-1)):$();case"Home":{f.preventDefault();let b=E.find(N=>!N.option.disabled&&!N.groupDisabled);b&&g(b.index);break}case"End":{f.preventDefault();for(let b=h.length-1;b>=0;b--){let N=h[b];if(N.type==="option"&&!N.option.disabled&&!N.groupDisabled){g(b);break}}break}case"Enter":case" ":{f.preventDefault();let b=h[v];b?.type==="option"&&!b.option.disabled&&!b.groupDisabled&&B(b.option.value);break}case"Escape":return T()}}function sr(f,b){let N=f+b;for(;N>=0&&N<h.length;){let br=h[N];if(br.type==="option"&&!br.option.disabled&&!br.groupDisabled)return N;N+=b}return f}return Ze(()=>{if(!s)return;function f(b){P.current&&!P.current.contains(b.target)&&m(!1)}return document.addEventListener("pointerdown",f),()=>document.removeEventListener("pointerdown",f)},[s]),U.createElement("div",{className:l([F.selectWrapper,r&&d.dark]),ref:P,style:{width:p,minWidth:p}},U.createElement("button",{ref:x,type:"button","aria-haspopup":"listbox","aria-expanded":s,"aria-controls":w,"aria-activedescendant":s&&v>=0?`${w}-option-${v}`:void 0,disabled:t,onClick:()=>s?T():$(),onKeyDown:V,className:l([F.trigger,t&&F.disabled]),"aria-label":C,title:C},U.createElement("span",{className:F.displayText},C),U.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512",className:F.chevron,ref:y,"aria-hidden":!0},U.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"}))),U.createElement("div",{id:w,role:"listbox",className:l([F.optionsList,s&&F.open,n==="top"?F.top:F.bottom])},U.createElement("div",{className:F.scrollArea},h.map(f=>f.type==="group"?U.createElement("div",{key:`group-${f.label}`,className:F.group},f.label):U.createElement(Vr,{key:f.option.value,option:f.option,disabled:f.groupDisabled||f.option.disabled,activeIndex:v,value:u,index:f.index,onSelect:B,setActiveIndex:g,listId:w})))))}import gr,{cloneElement as ot,isValidElement as it,useRef as at}from"react";var _={tag:"n",clickable:"cr",small:"Qr",medium:"Rr",large:"Sr",filled:"ao",outlined:"hr",delIcon:"K",elevated:"to",info:"eo",success:"no",warning:"Tr",error:"uo"};function lt(e){let{children:r,color:t,dark:o=!1,deleteIcon:i,elevated:n=!1,href:c,label:a,onDelete:u,onClick:p,size:s="medium",target:m,variant:v}=e,g=at(null),w=h(),x=E(),P=null;if(u){let C;if(v==="filled")switch(t){case"info":case"success":case"error":C=o?"black":"white";break;case"warning":C="black";break;default:C=rr(t)}else G(t)?C=void 0:C=t;P=i&&it(i)?ot(i,{onClick:y}):gr.createElement("svg",{ref:g,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 384 512",onClick:y,className:l([_.delIcon,_[s]]),fill:C},gr.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"}))}L(g);function y(C){C.stopPropagation(),u?.()}function h(){if(!G(t))return{"--uil-tag-font-color":rr(t),"--uil-tag-color":t}}function E(){return l([_.tag,G(t)&&_[t],_[v],d.fit,n&&_.elevated,o&&d.dark,lr(s),_[s],(p??c)&&_.clickable])}function D(C){(C.key==="Enter"||C.key===" ")&&p?.()}return c?gr.createElement("a",{href:c,target:m,style:w,className:x},a??r,P):gr.createElement("div",{className:x,onClick:()=>{p?.()},onKeyDown:p&&D,role:p&&"button",style:w,tabIndex:p&&0},a??r,P)}export{De as Accordion,Ve as Breadcrumbs,Ee as BurgerMenu,je as Button,Be as Checkbox,ve as CircularProgress,mr as Details,Xr as Dialog,Qr as DialogContent,Rr as DialogControls,_r as DialogTitle,Se as Input,kr as InputDecorator,xe as LinearProgress,ke as MenuHeader,We as MenuItem,be as Pagination,vr as Radio,de as RadioGroup,et as Select,qe as Skeleton,_e as Switch,Ie as TablePagination,lt as Tag,Le as Textarea,se as ToastProvider,rr as useContrastColor,wr as useScrollLock,pe as useToastContext};
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"private": false,
|
|
3
3
|
"name": "@hbuesing/ui-library",
|
|
4
|
-
"version": "9.
|
|
4
|
+
"version": "9.3.0",
|
|
5
5
|
"description": "Collection of reusable ui components for react based applications",
|
|
6
6
|
"source": "src/index.ts",
|
|
7
7
|
"type": "module",
|
|
@@ -49,17 +49,17 @@
|
|
|
49
49
|
"react-dom": "^18.0.0 || ^19.0.0"
|
|
50
50
|
},
|
|
51
51
|
"devDependencies": {
|
|
52
|
-
"@storybook/addon-a11y": "^10.3.
|
|
53
|
-
"@storybook/react-vite": "^10.3.
|
|
52
|
+
"@storybook/addon-a11y": "^10.3.3",
|
|
53
|
+
"@storybook/react-vite": "^10.3.3",
|
|
54
54
|
"@testing-library/react": "^16.3.2",
|
|
55
55
|
"@testing-library/user-event": "^14.6.1",
|
|
56
|
-
"@vitest/coverage-v8": "^4.1.
|
|
56
|
+
"@vitest/coverage-v8": "^4.1.2",
|
|
57
57
|
"esbuild": "0.27.4",
|
|
58
58
|
"esbuild-sass-plugin": "^3.7.0",
|
|
59
|
-
"eslint-plugin-storybook": "^10.3.
|
|
60
|
-
"jsdom": "^29.0.
|
|
61
|
-
"storybook": "^10.3.
|
|
59
|
+
"eslint-plugin-storybook": "^10.3.3",
|
|
60
|
+
"jsdom": "^29.0.1",
|
|
61
|
+
"storybook": "^10.3.3",
|
|
62
62
|
"typescript-plugin-css-modules": "^5.2.0",
|
|
63
|
-
"vitest": "^4.1.
|
|
63
|
+
"vitest": "^4.1.2"
|
|
64
64
|
}
|
|
65
65
|
}
|