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