@popovandrii/ui-elements 0.1.3 → 0.2.0

package/dist/style.css

@@ -1 +1 @@
-.UIbg{--bg-50:var(--c-g-50);--bg-100:var(--c-g-100);--bg-300:var(--c-g-300);--bg-500:var(--c-g-500);--bg-700:var(--c-g-700);--bg-950:var(--c-g-950);grid-auto-columns:minmax(min-content,1fr);grid-auto-flow:column;align-content:center;gap:.5rem;display:grid}.UIbg.vertical{grid-auto-rows:min-content;grid-auto-flow:row}.UIbg-input{opacity:0;pointer-events:none;position:absolute}.UIbg-input:checked+.UIbg-btn{background-color:var(--bg-700);border-color:var(--bg-950);color:var(--bg-50)}.UIbg-input:disabled+.UIbg-btn{background-color:var(--bg-100);border-color:var(--bg-100);color:var(--bg-300);cursor:not-allowed}.UIbg-input:not(:disabled)+.UIbg-btn:hover{background-color:var(--bg-700);border-color:var(--bg-700);color:var(--bg-50)}.UIbg>.UIbg-btn{cursor:pointer;background-color:var(--bg-100);border:1px solid var(--bg-500);height:2.5rem;color:var(--bg-950);border-radius:.5rem;justify-content:center;align-items:center;padding:.125rem;font-size:1rem;transition:all .4s,color .4s;display:flex;position:relative;overflow:hidden}.UIbg>.UIbg-btn:after{content:"";border-radius:inherit;background:radial-gradient(circle at center, var(--bg-500) 0%, transparent 60%);opacity:0;pointer-events:none;position:absolute;inset:0;transform:scale(0)}.UIbg>.UIbg-btn.ui-ripple:after{animation:1s ease-out forwards ui-ripple}.UIbg>.UIbg-btn:hover:not([aria-disabled=true]){background-color:var(--bg-700);border-color:var(--bg-700);color:var(--bg-950)}.UIbg>.UIbg-btn.UIbg--flash{--flash-start:var(--bg-50);--flash-mid:var(--bg-700);--flash-end:var(--bg-950);animation:.4s ease-out ui-flash}.UIbg.r-0>.UIbg-btn{border-radius:0}.UIbg.r-round>.UIbg-btn{border-radius:2.5rem}.UIbg.r-round.g-0>.UIbg-btn:first-of-type{border-radius:2.5rem 0 0 2.5rem}.UIbg.r-round.g-0>.UIbg-btn:last-of-type{border-radius:0 2.5rem 2.5rem 0}.UIbg.g-0{gap:0}.UIbg.g-0>.UIbg-btn{border:0;border-radius:0}.UIbg.g-1{gap:1rem}.UIbg.sm>.UIbg-btn{height:2rem;font-size:.9rem}.UIbg.lg>.UIbg-btn{height:3rem;font-size:1.1rem}.UIbg[aria-disabled=true]{opacity:.5;pointer-events:none;cursor:not-allowed}.UIbg.border{border:1px solid var(--bg-100);border-radius:.5rem;padding:5px}.UIbg.border:hover:not([aria-disabled=true]){border-color:var(--bg-700)}.UIbg.border.r-0{border-radius:0}.UIbg.border.r-round{border-radius:2.5rem}.UIbg.danger{--bg-50:var(--c-d-50);--bg-100:var(--c-d-100);--bg-300:var(--c-d-300);--bg-500:var(--c-d-500);--bg-700:var(--c-d-700);--bg-950:var(--c-d-950)}.UIbg.info{--bg-50:var(--c-i-50);--bg-100:var(--c-i-100);--bg-300:var(--c-i-300);--bg-500:var(--c-i-500);--bg-700:var(--c-i-700);--bg-950:var(--c-i-950)}.UIbg.primary{--bg-50:var(--c-p-50);--bg-100:var(--c-p-100);--bg-300:var(--c-p-300);--bg-500:var(--c-p-500);--bg-700:var(--c-p-700);--bg-950:var(--c-p-950)}.UIbg.success{--bg-50:var(--c-s-50);--bg-100:var(--c-s-100);--bg-300:var(--c-s-300);--bg-500:var(--c-s-500);--bg-700:var(--c-s-700);--bg-950:var(--c-s-950)}.UIbg.warning{--bg-50:var(--c-w-50);--bg-100:var(--c-w-100);--bg-300:var(--c-w-300);--bg-500:var(--c-w-500);--bg-700:var(--c-w-700);--bg-950:var(--c-w-950)}.UIb{--b-50:var(--c-g-50);--b-100:var(--c-g-100);--b-300:var(--c-g-300);--b-500:var(--c-g-500);--b-700:var(--c-g-700);--b-950:var(--c-g-950);grid-auto-flow:column;grid-auto-columns:minmax(min-content);cursor:pointer;background-color:var(--b-100);border:1px solid var(--b-500);height:2.5rem;color:var(--b-950);border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.125rem .75rem;font-size:1rem;transition:background-color .4s,color .1s;display:flex;position:relative;overflow:hidden}.UIb:after{content:"";border-radius:inherit;background:radial-gradient(circle at center, var(--b-500) 0%, transparent 60%);opacity:0;pointer-events:none;position:absolute;inset:0;transform:scale(0)}.UIb.UIb--ripple:after{animation:1s ease-out forwards ui-ripple}.UIb.UIb--flash{--flash-start:var(--b-50);--flash-mid:var(--b-700);--flash-end:var(--b-950);animation:.4s ease-out ui-flash}.UIb:hover:not(:disabled){background-color:var(--b-700);border-color:var(--b-700);color:var(--b-50)}.UIb:disabled,.UIb[aria-disabled=true]{background-color:var(--b-100);border-color:var(--b-100);color:var(--b-300);cursor:not-allowed;pointer-events:none}.UIb.expand{width:100%}.UIb.between{justify-content:space-between}.UIb.around{justify-content:space-around}.UIb.r-0{border-radius:0}.UIb.r-round{border-radius:2.5rem}.UIb.g-0{gap:0}.UIb.g-1{gap:1rem}.UIb.sm{height:2rem;font-size:.9rem}.UIb.lg{height:3rem;font-size:1.1rem}.UIb.danger{--b-50:var(--c-d-50);--b-100:var(--c-d-100);--b-300:var(--c-d-300);--b-500:var(--c-d-500);--b-700:var(--c-d-700);--b-950:var(--c-d-950)}.UIb.info{--b-50:var(--c-i-50);--b-100:var(--c-i-100);--b-300:var(--c-i-300);--b-500:var(--c-i-500);--b-700:var(--c-i-700);--b-950:var(--c-i-950)}.UIb.primary{--b-50:var(--c-p-50);--b-100:var(--c-p-100);--b-300:var(--c-p-300);--b-500:var(--c-p-500);--b-700:var(--c-p-700);--b-950:var(--c-p-950)}.UIb.success{--b-50:var(--c-s-50);--b-100:var(--c-s-100);--b-300:var(--c-s-300);--b-500:var(--c-s-500);--b-700:var(--c-s-700);--b-950:var(--c-s-950)}.UIb.warning{--b-50:var(--c-w-50);--b-100:var(--c-w-100);--b-300:var(--c-w-300);--b-500:var(--c-w-500);--b-700:var(--c-w-700);--b-950:var(--c-w-950)}.UIsp{--sp-50:var(--c-g-50);--sp-100:var(--c-g-100);--sp-300:var(--c-g-300);--sp-500:var(--c-g-500);--sp-700:var(--c-g-700);--sp-950:var(--c-g-950);grid-template-columns:min-content 1fr min-content;align-self:end;align-items:end;width:13rem;display:grid}.UIsp.UIsp--flash>.UIsp__btn,.UIsp.UIsp--flash>.UIsp__input{--flash-start:var(--sp-50);--flash-mid:var(--sp-700);--flash-end:var(--sp-950);animation:.4s ease-out ui-flash}.UIsp>.UIsp-label{grid-column:1/-1;padding:0 0 .075rem .25rem;font-size:1rem}.UIsp>.UIsp__input{text-align:center;background-color:var(--sp-50);height:2.5rem;color:var(--sp-700);border:none;border-top:1px solid var(--sp-500);border-bottom:1px solid var(--sp-500);box-sizing:border-box;outline:none;width:100%;min-width:3rem;padding:0;font-size:1.5rem;font-weight:700}.UIsp>.UIsp__input:focus{background-color:var(--sp-50);color:var(--sp-950)}.UIsp>.UIsp__input:disabled{opacity:.5;cursor:not-allowed}.UIsp__txt{font-weight:400}.UIsp>.UIsp__btn{cursor:pointer;background-color:var(--sp-100);border:none;border:1px solid var(--sp-500);width:3rem;height:2.5rem;color:var(--sp-950);border-radius:.5rem 0 0 .5rem;justify-content:center;align-items:center;padding:0;font-size:2rem;transition:background-color .4s,color .1s;display:flex;position:relative;overflow:hidden}.UIsp>.UIsp__btn:after{content:"";border-radius:inherit;background:radial-gradient(circle at center, var(--sp-500) 0%, transparent 60%);opacity:0;pointer-events:none;position:absolute;inset:0;transform:scale(0)}.UIsp>.UIsp__btn.ui-ripple:after{animation:1s ease-out forwards ui-ripple}.UIsp>.UIsp__btn:hover{background-color:var(--sp-700);color:var(--sp-50)}.UIsp>.disabled{background-color:var(--sp-100);border-color:var(--sp-500);color:var(--sp-300);pointer-events:none}.UIsp[aria-disabled=true]{opacity:.5;pointer-events:none;cursor:not-allowed}.UIsp>.UIsp__btn:first-of-type{border-radius:.5rem 0 0 .5rem}.UIsp>.UIsp__btn:last-of-type{border-radius:0 .5rem .5rem 0}.UIsp.r-0>.UIsp__btn{border-radius:0}.UIsp.r-round>.UIsp__btn:first-of-type{border-radius:1.5rem 0 0 1.5rem}.UIsp.r-round>.UIsp__btn:last-of-type{border-radius:0 1.5rem 1.5rem 0}.UIsp.sm{width:10rem}.UIsp.sm>.UIsp-label{padding:0 0 0 .125rem;font-size:.8rem}.UIsp.sm>.UIsp__input,.UIsp.sm>.UIsp__btn{height:2rem;font-size:1rem}.UIsp.sm>.UIsp__btn{width:2rem}.UIsp.lg{width:16rem}.UIsp.lg>.UIsp__input,.UIsp.lg>.UIsp__btn{height:3rem;font-size:2rem}.UIsp.lg>.UIsp__btn{width:3rem}.UIsp.danger{--sp-50:var(--c-d-50);--sp-100:var(--c-d-100);--sp-300:var(--c-d-300);--sp-500:var(--c-d-500);--sp-700:var(--c-d-700);--sp-950:var(--c-d-950)}.UIsp.info{--sp-50:var(--c-i-50);--sp-100:var(--c-i-100);--sp-300:var(--c-i-300);--sp-500:var(--c-i-500);--sp-700:var(--c-i-700);--sp-950:var(--c-i-950)}.UIsp.primary{--sp-50:var(--c-p-50);--sp-100:var(--c-p-100);--sp-300:var(--c-p-300);--sp-500:var(--c-p-500);--sp-700:var(--c-p-700);--sp-950:var(--c-p-950)}.UIsp.success{--sp-50:var(--c-s-50);--sp-100:var(--c-s-100);--sp-300:var(--c-s-300);--sp-500:var(--c-s-500);--sp-700:var(--c-s-700);--sp-950:var(--c-s-950)}.UIsp.warning{--sp-50:var(--c-w-50);--sp-100:var(--c-w-100);--sp-300:var(--c-w-300);--sp-500:var(--c-w-500);--sp-700:var(--c-w-700);--sp-950:var(--c-w-950)}.UIselect{--sl-50:var(--c-g-50);--sl-100:var(--c-g-100);--sl-300:var(--c-g-300);--sl-500:var(--c-g-500);--sl-700:var(--c-g-700);--sl-900:var(--c-g-900);--sl-950:var(--c-g-950);--sl-item-hover-bg:var(--sl-500);--sl-item-hover-color:var(--sl-50);--sl-item-sel-bg:var(--sl-300);--sl-item-sel-color:var(--sl-950);background-color:var(--sl-500);cursor:pointer;box-sizing:border-box;white-space:nowrap;border-radius:.5rem;align-self:end;width:12rem;min-width:10rem;height:2.5rem;display:flex;position:relative}.UIselect:hover{background-color:var(--sl-700)}.UIselect:hover .UIselect-selected,.UIselect:hover .UIselect-arrow{background-color:var(--sl-700);color:var(--sl-50)}.UIselect-selected{background-color:var(--sl-100);color:var(--sl-900);border-radius:.5rem;align-items:center;width:100%;height:calc(100% - 2px);margin:1px;padding:0 .5rem;display:flex;overflow:hidden}.UIselect-selected>span{white-space:nowrap;text-align:center;max-width:100%;display:inline-block;overflow:hidden}.UIselect-selected.center>span{text-align:left;max-width:100%;margin:0 auto}.UIselect-arrow{background-color:var(--sl-100);width:2rem;height:calc(100% - 4px);color:var(--sl-700);border-radius:.5rem;place-content:center;align-items:center;margin:2px 5px;font-size:.8rem;position:absolute;top:0;right:0}.UIselect-arrow>svg{margin:0 auto;display:flex}.UIselect-options{width:inherit;background-color:var(--sl-100);color:var(--sl-950);z-index:2;box-sizing:border-box;border:1px solid var(--sl-500);border-radius:.5rem;margin:0;padding:0;list-style:none;position:absolute;left:0;overflow:hidden}.UIselect-options__search{padding:1px 2px;position:sticky;top:1px}.UIselect-options__search>input{width:100%;height:inherit;border:1px solid var(--sl-300);box-shadow:none;background-color:var(--sl-50);color:var(--sl-950);border-radius:.5rem;padding:0 7px;font-size:1.5rem}.UIselect-options__search>input:focus-visible{outline:none}.UIselect-options__items{max-height:20rem;overflow-y:auto}.UIselect-options__items>ul{margin:0;padding:0;list-style:none}.UIselect-options__items>ul>li{border-radius:.5rem;align-items:center;height:2.5rem;margin:1px;padding:0 .5rem;display:flex}.UIselect-options__items>ul>li:hover{background-color:var(--sl-item-hover-bg);color:var(--sl-item-hover-color)}.UIselect-options__items>ul>li[aria-selected=true]{background-color:var(--sl-item-sel-bg);color:var(--sl-item-sel-color)}.UIselect-options__items>ul>li.divider{background-color:var(--sl-300);height:1px;margin:0 .25rem}.UIselect.r-0,.UIselect.r-0>.UIselect-selected,.UIselect.r-0>.UIselect-options,.UIselect.r-0>.UIselect-options>li.UIselect-options__search,.UIselect.r-0>.UIselect-options>li.UIselect-options__search>input,.UIselect.r-0>.UIselect-options>li>ul>li{border-radius:0}.UIselect.r-1,.UIselect.r-1>.UIselect-selected,.UIselect.r-1>.UIselect-arrow{border-radius:1.5rem}.UIselect.lg{width:16rem;min-width:12rem;height:3rem;font-size:1.1rem}.UIselect.lg>.UIselect-selected{overflow:hidden}.UIselect.lg .UIselect-options__search>input{height:3rem;font-size:1.7rem}.UIselect.lg .UIselect-options__items{max-height:25rem}.UIselect.lg .UIselect-options__items>ul>li{height:3rem}.UIselect.lg .UIselect-options__items>ul>li.divider{height:1px;margin:0 .5rem}.UIselect.sm{width:10rem;min-width:8rem;height:2rem;font-size:.9rem}.UIselect.sm .UIselect-options__search>input{height:2rem;font-size:1rem}.UIselect.sm .UIselect-options__items{max-height:15rem}.UIselect.sm .UIselect-options__items>ul>li{height:2rem}.UIselect.sm .UIselect-options__items>ul>li.divider{height:1px;margin:0 .25rem}.UIselect.expand{width:100%}.UIselect.UIselect--flash{--flash-start:var(--sl-50);--flash-mid:var(--sl-700);--flash-end:var(--sl-950);animation:.4s ease-out ui-flash}.UIselect[aria-disabled=true]{pointer-events:none;opacity:.5;cursor:not-allowed}.UIselect.danger{--sl-50:var(--c-d-50);--sl-100:var(--c-d-100);--sl-300:var(--c-d-300);--sl-500:var(--c-d-500);--sl-700:var(--c-d-700);--sl-900:var(--c-d-900);--sl-950:var(--c-d-950);--sl-item-hover-bg:var(--sl-300);--sl-item-hover-color:var(--sl-950);--sl-item-sel-bg:var(--sl-700);--sl-item-sel-color:var(--sl-50)}.UIselect.info{--sl-50:var(--c-i-50);--sl-100:var(--c-i-100);--sl-300:var(--c-i-300);--sl-500:var(--c-i-500);--sl-700:var(--c-i-700);--sl-900:var(--c-i-900);--sl-950:var(--c-i-950);--sl-item-hover-bg:var(--sl-300);--sl-item-hover-color:var(--sl-950);--sl-item-sel-bg:var(--sl-700);--sl-item-sel-color:var(--sl-50)}.UIselect.primary{--sl-50:var(--c-p-50);--sl-100:var(--c-p-100);--sl-300:var(--c-p-300);--sl-500:var(--c-p-500);--sl-700:var(--c-p-700);--sl-900:var(--c-p-900);--sl-950:var(--c-p-950);--sl-item-hover-bg:var(--sl-300);--sl-item-hover-color:var(--sl-950);--sl-item-sel-bg:var(--sl-700);--sl-item-sel-color:var(--sl-50)}.UIselect.success{--sl-50:var(--c-s-50);--sl-100:var(--c-s-100);--sl-300:var(--c-s-300);--sl-500:var(--c-s-500);--sl-700:var(--c-s-700);--sl-900:var(--c-s-900);--sl-950:var(--c-s-950);--sl-item-hover-bg:var(--sl-300);--sl-item-hover-color:var(--sl-950);--sl-item-sel-bg:var(--sl-700);--sl-item-sel-color:var(--sl-50)}.UIselect.warning{--sl-50:var(--c-w-50);--sl-100:var(--c-w-100);--sl-300:var(--c-w-300);--sl-500:var(--c-w-500);--sl-700:var(--c-w-700);--sl-900:var(--c-w-900);--sl-950:var(--c-w-950);--sl-item-hover-bg:var(--sl-300);--sl-item-hover-color:var(--sl-950);--sl-item-sel-bg:var(--sl-700);--sl-item-sel-color:var(--sl-50)}.UIsw{--sw-50:var(--c-g-50);--sw-100:var(--c-g-100);--sw-300:var(--c-g-300);--sw-700:var(--c-g-700);--sw-950:var(--c-g-950);align-items:center;gap:1.5rem;display:inline-flex;position:relative}.UIsw-label{cursor:pointer;-webkit-user-select:none;user-select:none}.UIsw-label:hover{color:var(--sw-700)}.UIsw>input[type=checkbox]{display:none}.UIsw-slider{background-color:var(--sw-100);cursor:pointer;border:1px solid var(--sw-300);border-radius:1.5rem;width:5rem;height:2.5rem;transition:background-color .4s,border-color .4s;position:relative;overflow:hidden}.UIsw-slider:after{content:"";border-radius:inherit;background:radial-gradient(circle at center, var(--sw-700) 0%, transparent 60%);opacity:0;pointer-events:none;position:absolute;inset:0;transform:scale(0)}.UIsw-slider.ui-ripple:after{animation:1s ease-out forwards ui-ripple}.UIsw-slider:before{z-index:1;content:"";background-color:var(--sw-300);border-radius:1.5rem;width:2.5rem;height:2.5rem;transition:transform .1s;position:absolute;left:0}.UIsw-slider:hover{border-color:var(--sw-50);color:var(--sw-300)}.UIsw-slider:hover~.UIsw-slider__on,.UIsw-slider:hover~.UIsw-slider__off{color:var(--sw-300);transition:color .4s}.UIsw-slider__on,.UIsw-slider__off{color:var(--sw-950);cursor:pointer;transition:color .4s;position:absolute;right:3rem}.UIsw-slider__on:hover,.UIsw-slider__off:hover{color:var(--sw-300)}.UIsw-slider__off{color:var(--sw-700);right:.7rem}.UIsw.UIsw--flash>.UIsw-slider{--flash-start:var(--sw-50);--flash-mid:var(--sw-700);--flash-end:var(--sw-950);animation:.4s ease-out ui-flash}.UIsw[aria-disabled=true]{opacity:.5;pointer-events:none;cursor:not-allowed}.UIsw:has(>input:disabled){opacity:.5;pointer-events:none;cursor:not-allowed}.UIsw>input[type=checkbox]:checked~.UIsw-slider{background-color:var(--sw-100);border-color:var(--sw-700)}.UIsw>input[type=checkbox]:checked~.UIsw-slider:before{background-color:var(--sw-700);transform:translate(2.5rem)}.UIsw>input[type=checkbox]:checked~.UIsw-slider:hover{border-color:var(--sw-50)}.UIsw:has(.UIsw-slider__on:hover,.UIsw-slider__off:hover) .UIsw-slider{border-color:var(--sw-50)}.UIsw>input[type=checkbox]:checked:has(~.UIsw-slider__on:hover,~.UIsw-slider__off:hover)~.UIsw-slider{border-color:var(--sw-50)}.UIsw.lg>.UIsw-slider{width:6rem;height:3rem}.UIsw.lg>.UIsw-slider:before{border-radius:1.5rem;width:3rem;height:3rem}.UIsw.lg>.UIsw-slider__on{font-size:1.2rem;right:3.8rem}.UIsw.lg>.UIsw-slider__off{font-size:1.2rem;right:1rem}.UIsw.lg>input[type=checkbox]:checked~.UIsw-slider:before{transform:translate(3rem)}.UIsw.sm{gap:1rem}.UIsw.sm>.UIsw-slider{width:4rem;height:2rem}.UIsw.sm>.UIsw-slider:before{border-radius:1.5rem;width:2rem;height:2rem}.UIsw.sm>.UIsw-slider__on,.UIsw.sm>.UIsw-slider__off{font-size:.9rem;right:2.5rem}.UIsw.sm>.UIsw-slider__off{right:.6rem}.UIsw.sm>input[type=checkbox]:checked~.UIsw-slider:before{transform:translate(2rem)}.UIsw.xsm{gap:.5rem}.UIsw.xsm>.UIsw-slider{width:2rem;height:1rem}.UIsw.xsm>.UIsw-slider:before{border-radius:1.5rem;width:1rem;height:1rem}.UIsw.xsm>.UIsw-slider__on,.UIsw.xsm>.UIsw-slider__off{font-size:.6rem;right:1.2rem}.UIsw.xsm>.UIsw-slider__off{right:.3rem}.UIsw.xsm>input[type=checkbox]:checked~.UIsw-slider:before{transform:translate(1rem)}.UIsw.r-0>.UIsw-slider,.UIsw.r-0>.UIsw-slider:before{border-radius:0}.UIsw.r-1>.UIsw-slider,.UIsw.r-1>.UIsw-slider:before{border-radius:.5rem}.UIsw.danger{--sw-50:var(--c-d-50);--sw-100:var(--c-d-100);--sw-300:var(--c-d-300);--sw-700:var(--c-d-700);--sw-950:var(--c-d-950)}.UIsw.info{--sw-50:var(--c-i-50);--sw-100:var(--c-i-100);--sw-300:var(--c-i-300);--sw-700:var(--c-i-700);--sw-950:var(--c-i-950)}.UIsw.success{--sw-50:var(--c-s-50);--sw-100:var(--c-s-100);--sw-300:var(--c-s-300);--sw-700:var(--c-s-700);--sw-950:var(--c-s-950)}.UIsw.primary{--sw-50:var(--c-p-50);--sw-100:var(--c-p-100);--sw-300:var(--c-p-300);--sw-700:var(--c-p-700);--sw-950:var(--c-p-950)}.UIsw.warning{--sw-50:var(--c-w-50);--sw-100:var(--c-w-100);--sw-300:var(--c-w-300);--sw-700:var(--c-w-700);--sw-950:var(--c-w-950)}.UIsw.warning>.UIsw-slider__off{color:var(--sw-300)}body{background-color:var(--c-g-50);color:var(--c-g-950);padding:0;transition:background .4s}html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{margin:.67em 0;font-size:2em}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}a{color:inherit;background-color:#0000;text-decoration:none}img{border-style:none}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}fieldset{border:1px solid silver;margin:0;padding:.35em .75em .625em}legend{padding:0}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}table{border-collapse:collapse;border-spacing:0}@keyframes ui-ripple{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(5)}}@keyframes ui-flash{0%{box-shadow:0 0 0 0 var(--flash-start)}50%{box-shadow:0 0 5px 1px var(--flash-mid)}to{box-shadow:0 0 0 0 var(--flash-end)}}.UIFlash{--flash-start:var(--c-g-50);--flash-mid:var(--c-g-700);--flash-end:var(--c-g-950);animation:.4s ease-out ui-flash}
+.UIbg{--bg-50:var(--c-g-50);--bg-100:var(--c-g-100);--bg-300:var(--c-g-300);--bg-500:var(--c-g-500);--bg-700:var(--c-g-700);--bg-950:var(--c-g-950);grid-auto-columns:minmax(min-content,1fr);grid-auto-flow:column;align-content:center;gap:.5rem;display:grid}.UIbg.vertical{grid-auto-rows:min-content;grid-auto-flow:row}.UIbg-input{opacity:0;pointer-events:none;position:absolute}.UIbg-input:checked+.UIbg-btn{background-color:var(--bg-700);border-color:var(--bg-950);color:var(--bg-50)}.UIbg-input:disabled+.UIbg-btn{background-color:var(--bg-100);border-color:var(--bg-100);color:var(--bg-300);cursor:not-allowed}.UIbg-input:not(:disabled)+.UIbg-btn:hover{background-color:var(--bg-700);border-color:var(--bg-700);color:var(--bg-50)}.UIbg>.UIbg-btn{cursor:pointer;background-color:var(--bg-100);border:1px solid var(--bg-500);height:2.5rem;color:var(--bg-950);border-radius:.5rem;justify-content:center;align-items:center;padding:.125rem;font-size:1rem;transition:all .4s,color .4s;display:flex;position:relative;overflow:hidden}.UIbg>.UIbg-btn:after{content:"";border-radius:inherit;background:radial-gradient(circle at center, var(--bg-500) 0%, transparent 60%);opacity:0;pointer-events:none;position:absolute;inset:0;transform:scale(0)}.UIbg>.UIbg-btn.ui-ripple:after{animation:1s ease-out forwards ui-ripple}.UIbg>.UIbg-btn:hover:not([aria-disabled=true]){background-color:var(--bg-700);border-color:var(--bg-700);color:var(--bg-950)}.UIbg>.UIbg-btn.UIbg--flash{--flash-start:var(--bg-50);--flash-mid:var(--bg-700);--flash-end:var(--bg-950);animation:.4s ease-out ui-flash}.UIbg.r-0>.UIbg-btn{border-radius:0}.UIbg.r-round>.UIbg-btn{border-radius:2.5rem}.UIbg.r-round.g-0>.UIbg-btn:first-of-type{border-radius:2.5rem 0 0 2.5rem}.UIbg.r-round.g-0>.UIbg-btn:last-of-type{border-radius:0 2.5rem 2.5rem 0}.UIbg.g-0{gap:0}.UIbg.g-0>.UIbg-btn{border:0;border-radius:0}.UIbg.g-1{gap:1rem}.UIbg.sm>.UIbg-btn{height:2rem;font-size:.9rem}.UIbg.lg>.UIbg-btn{height:3rem;font-size:1.1rem}.UIbg[aria-disabled=true]{opacity:.5;pointer-events:none;cursor:not-allowed}.UIbg.border{border:1px solid var(--bg-100);border-radius:.5rem;padding:5px}.UIbg.border:hover:not([aria-disabled=true]){border-color:var(--bg-700)}.UIbg.border.r-0{border-radius:0}.UIbg.border.r-round{border-radius:2.5rem}.UIbg.danger{--bg-50:var(--c-d-50);--bg-100:var(--c-d-100);--bg-300:var(--c-d-300);--bg-500:var(--c-d-500);--bg-700:var(--c-d-700);--bg-950:var(--c-d-950)}.UIbg.info{--bg-50:var(--c-i-50);--bg-100:var(--c-i-100);--bg-300:var(--c-i-300);--bg-500:var(--c-i-500);--bg-700:var(--c-i-700);--bg-950:var(--c-i-950)}.UIbg.primary{--bg-50:var(--c-p-50);--bg-100:var(--c-p-100);--bg-300:var(--c-p-300);--bg-500:var(--c-p-500);--bg-700:var(--c-p-700);--bg-950:var(--c-p-950)}.UIbg.success{--bg-50:var(--c-s-50);--bg-100:var(--c-s-100);--bg-300:var(--c-s-300);--bg-500:var(--c-s-500);--bg-700:var(--c-s-700);--bg-950:var(--c-s-950)}.UIbg.warning{--bg-50:var(--c-w-50);--bg-100:var(--c-w-100);--bg-300:var(--c-w-300);--bg-500:var(--c-w-500);--bg-700:var(--c-w-700);--bg-950:var(--c-w-950)}.UIb{--b-50:var(--c-g-50);--b-100:var(--c-g-100);--b-300:var(--c-g-300);--b-500:var(--c-g-500);--b-700:var(--c-g-700);--b-950:var(--c-g-950);grid-auto-flow:column;grid-auto-columns:minmax(min-content);cursor:pointer;background-color:var(--b-100);border:1px solid var(--b-500);height:2.5rem;color:var(--b-950);border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.125rem .75rem;font-size:1rem;transition:background-color .4s,color .1s;display:flex;position:relative;overflow:hidden}.UIb:after{content:"";border-radius:inherit;background:radial-gradient(circle at center, var(--b-500) 0%, transparent 60%);opacity:0;pointer-events:none;position:absolute;inset:0;transform:scale(0)}.UIb.UIb--ripple:after{animation:1s ease-out forwards ui-ripple}.UIb.UIb--flash{--flash-start:var(--b-50);--flash-mid:var(--b-700);--flash-end:var(--b-950);animation:.4s ease-out ui-flash}.UIb:hover:not(:disabled){background-color:var(--b-700);border-color:var(--b-700);color:var(--b-50)}.UIb:disabled,.UIb[aria-disabled=true]{background-color:var(--b-100);border-color:var(--b-100);color:var(--b-300);cursor:not-allowed;pointer-events:none}.UIb.expand{width:100%}.UIb.between{justify-content:space-between}.UIb.around{justify-content:space-around}.UIb.r-0{border-radius:0}.UIb.r-round{border-radius:2.5rem}.UIb.g-0{gap:0}.UIb.g-1{gap:1rem}.UIb.sm{height:2rem;font-size:.9rem}.UIb.lg{height:3rem;font-size:1.1rem}.UIb.danger{--b-50:var(--c-d-50);--b-100:var(--c-d-100);--b-300:var(--c-d-300);--b-500:var(--c-d-500);--b-700:var(--c-d-700);--b-950:var(--c-d-950)}.UIb.info{--b-50:var(--c-i-50);--b-100:var(--c-i-100);--b-300:var(--c-i-300);--b-500:var(--c-i-500);--b-700:var(--c-i-700);--b-950:var(--c-i-950)}.UIb.primary{--b-50:var(--c-p-50);--b-100:var(--c-p-100);--b-300:var(--c-p-300);--b-500:var(--c-p-500);--b-700:var(--c-p-700);--b-950:var(--c-p-950)}.UIb.success{--b-50:var(--c-s-50);--b-100:var(--c-s-100);--b-300:var(--c-s-300);--b-500:var(--c-s-500);--b-700:var(--c-s-700);--b-950:var(--c-s-950)}.UIb.warning{--b-50:var(--c-w-50);--b-100:var(--c-w-100);--b-300:var(--c-w-300);--b-500:var(--c-w-500);--b-700:var(--c-w-700);--b-950:var(--c-w-950)}.UIsp{--sp-50:var(--c-g-50);--sp-100:var(--c-g-100);--sp-300:var(--c-g-300);--sp-500:var(--c-g-500);--sp-700:var(--c-g-700);--sp-950:var(--c-g-950);grid-template-columns:min-content 1fr min-content;align-self:end;align-items:end;width:13rem;display:grid}.UIsp.UIsp--flash>.UIsp__btn,.UIsp.UIsp--flash>.UIsp__input{--flash-start:var(--sp-50);--flash-mid:var(--sp-700);--flash-end:var(--sp-950);animation:.4s ease-out ui-flash}.UIsp>.UIsp-label{grid-column:1/-1;padding:0 0 .075rem .25rem;font-size:1rem}.UIsp>.UIsp__input{text-align:center;background-color:var(--sp-50);height:2.5rem;color:var(--sp-700);border:none;border-top:1px solid var(--sp-500);border-bottom:1px solid var(--sp-500);box-sizing:border-box;outline:none;width:100%;min-width:3rem;padding:0;font-size:1.5rem;font-weight:700}.UIsp>.UIsp__input:focus{background-color:var(--sp-50);color:var(--sp-950)}.UIsp>.UIsp__input:disabled{opacity:.5;cursor:not-allowed}.UIsp__txt{font-weight:400}.UIsp>.UIsp__btn{cursor:pointer;background-color:var(--sp-100);border:none;border:1px solid var(--sp-500);width:3rem;height:2.5rem;color:var(--sp-950);border-radius:.5rem 0 0 .5rem;justify-content:center;align-items:center;padding:0;font-size:2rem;transition:background-color .4s,color .1s;display:flex;position:relative;overflow:hidden}.UIsp>.UIsp__btn:after{content:"";border-radius:inherit;background:radial-gradient(circle at center, var(--sp-500) 0%, transparent 60%);opacity:0;pointer-events:none;position:absolute;inset:0;transform:scale(0)}.UIsp>.UIsp__btn.ui-ripple:after{animation:1s ease-out forwards ui-ripple}.UIsp>.UIsp__btn:hover{background-color:var(--sp-700);color:var(--sp-50)}.UIsp>.disabled{background-color:var(--sp-100);border-color:var(--sp-500);color:var(--sp-300);pointer-events:none}.UIsp[aria-disabled=true]{opacity:.5;pointer-events:none;cursor:not-allowed}.UIsp>.UIsp__btn:first-of-type{border-radius:.5rem 0 0 .5rem}.UIsp>.UIsp__btn:last-of-type{border-radius:0 .5rem .5rem 0}.UIsp.r-0>.UIsp__btn{border-radius:0}.UIsp.r-round>.UIsp__btn:first-of-type{border-radius:1.5rem 0 0 1.5rem}.UIsp.r-round>.UIsp__btn:last-of-type{border-radius:0 1.5rem 1.5rem 0}.UIsp.sm{width:10rem}.UIsp.sm>.UIsp-label{padding:0 0 0 .125rem;font-size:.8rem}.UIsp.sm>.UIsp__input,.UIsp.sm>.UIsp__btn{height:2rem;font-size:1rem}.UIsp.sm>.UIsp__btn{width:2rem}.UIsp.lg{width:16rem}.UIsp.lg>.UIsp__input,.UIsp.lg>.UIsp__btn{height:3rem;font-size:2rem}.UIsp.lg>.UIsp__btn{width:3rem}.UIsp.danger{--sp-50:var(--c-d-50);--sp-100:var(--c-d-100);--sp-300:var(--c-d-300);--sp-500:var(--c-d-500);--sp-700:var(--c-d-700);--sp-950:var(--c-d-950)}.UIsp.info{--sp-50:var(--c-i-50);--sp-100:var(--c-i-100);--sp-300:var(--c-i-300);--sp-500:var(--c-i-500);--sp-700:var(--c-i-700);--sp-950:var(--c-i-950)}.UIsp.primary{--sp-50:var(--c-p-50);--sp-100:var(--c-p-100);--sp-300:var(--c-p-300);--sp-500:var(--c-p-500);--sp-700:var(--c-p-700);--sp-950:var(--c-p-950)}.UIsp.success{--sp-50:var(--c-s-50);--sp-100:var(--c-s-100);--sp-300:var(--c-s-300);--sp-500:var(--c-s-500);--sp-700:var(--c-s-700);--sp-950:var(--c-s-950)}.UIsp.warning{--sp-50:var(--c-w-50);--sp-100:var(--c-w-100);--sp-300:var(--c-w-300);--sp-500:var(--c-w-500);--sp-700:var(--c-w-700);--sp-950:var(--c-w-950)}.UIselect{--sl-50:var(--c-g-50);--sl-100:var(--c-g-100);--sl-300:var(--c-g-300);--sl-500:var(--c-g-500);--sl-700:var(--c-g-700);--sl-900:var(--c-g-900);--sl-950:var(--c-g-950);--sl-item-hover-bg:var(--sl-500);--sl-item-hover-color:var(--sl-50);--sl-item-sel-bg:var(--sl-300);--sl-item-sel-color:var(--sl-950);background-color:var(--sl-500);cursor:pointer;box-sizing:border-box;white-space:nowrap;border-radius:.5rem;align-self:end;width:12rem;min-width:10rem;height:2.5rem;display:flex;position:relative}.UIselect:hover{background-color:var(--sl-700)}.UIselect:hover .UIselect-selected,.UIselect:hover .UIselect-arrow{background-color:var(--sl-700);color:var(--sl-50)}.UIselect-selected{background-color:var(--sl-100);color:var(--sl-900);border-radius:.5rem;align-items:center;width:100%;height:calc(100% - 2px);margin:1px;padding:0 .5rem;display:flex;overflow:hidden}.UIselect-selected>span{white-space:nowrap;text-align:center;max-width:100%;display:inline-block;overflow:hidden}.UIselect-selected.center>span{text-align:left;max-width:100%;margin:0 auto}.UIselect-arrow{background-color:var(--sl-100);width:2rem;height:calc(100% - 4px);color:var(--sl-700);border-radius:.5rem;place-content:center;align-items:center;margin:2px 5px;font-size:.8rem;position:absolute;top:0;right:0}.UIselect-arrow>svg{margin:0 auto;display:flex}.UIselect-options{width:inherit;background-color:var(--sl-100);color:var(--sl-950);z-index:2;box-sizing:border-box;border:1px solid var(--sl-500);border-radius:.5rem;margin:0;padding:0;list-style:none;position:absolute;left:0;overflow:hidden}.UIselect-options__search{padding:1px 2px;position:sticky;top:1px}.UIselect-options__search>input{width:100%;height:inherit;border:1px solid var(--sl-300);box-shadow:none;background-color:var(--sl-50);color:var(--sl-950);border-radius:.5rem;padding:0 7px;font-size:1.5rem}.UIselect-options__search>input:focus-visible{outline:none}.UIselect-options__items{max-height:20rem;overflow-y:auto}.UIselect-options__items>ul{margin:0;padding:0;list-style:none}.UIselect-options__items>ul>li{border-radius:.5rem;align-items:center;height:2.5rem;margin:1px;padding:0 .5rem;display:flex}.UIselect-options__items>ul>li:hover{background-color:var(--sl-item-hover-bg);color:var(--sl-item-hover-color)}.UIselect-options__items>ul>li[aria-selected=true]{background-color:var(--sl-item-sel-bg);color:var(--sl-item-sel-color)}.UIselect-options__items>ul>li.divider{background-color:var(--sl-300);height:1px;margin:0 .25rem}.UIselect.r-0,.UIselect.r-0>.UIselect-selected,.UIselect.r-0>.UIselect-options,.UIselect.r-0>.UIselect-options>li.UIselect-options__search,.UIselect.r-0>.UIselect-options>li.UIselect-options__search>input,.UIselect.r-0>.UIselect-options>li>ul>li{border-radius:0}.UIselect.r-1,.UIselect.r-1>.UIselect-selected,.UIselect.r-1>.UIselect-arrow{border-radius:1.5rem}.UIselect.lg{width:16rem;min-width:12rem;height:3rem;font-size:1.1rem}.UIselect.lg>.UIselect-selected{overflow:hidden}.UIselect.lg .UIselect-options__search>input{height:3rem;font-size:1.7rem}.UIselect.lg .UIselect-options__items{max-height:25rem}.UIselect.lg .UIselect-options__items>ul>li{height:3rem}.UIselect.lg .UIselect-options__items>ul>li.divider{height:1px;margin:0 .5rem}.UIselect.sm{width:10rem;min-width:8rem;height:2rem;font-size:.9rem}.UIselect.sm .UIselect-options__search>input{height:2rem;font-size:1rem}.UIselect.sm .UIselect-options__items{max-height:15rem}.UIselect.sm .UIselect-options__items>ul>li{height:2rem}.UIselect.sm .UIselect-options__items>ul>li.divider{height:1px;margin:0 .25rem}.UIselect.expand{width:100%}.UIselect.UIselect--flash{--flash-start:var(--sl-50);--flash-mid:var(--sl-700);--flash-end:var(--sl-950);animation:.4s ease-out ui-flash}.UIselect[aria-disabled=true]{pointer-events:none;opacity:.5;cursor:not-allowed}.UIselect.danger{--sl-50:var(--c-d-50);--sl-100:var(--c-d-100);--sl-300:var(--c-d-300);--sl-500:var(--c-d-500);--sl-700:var(--c-d-700);--sl-900:var(--c-d-900);--sl-950:var(--c-d-950);--sl-item-hover-bg:var(--sl-300);--sl-item-hover-color:var(--sl-950);--sl-item-sel-bg:var(--sl-700);--sl-item-sel-color:var(--sl-50)}.UIselect.info{--sl-50:var(--c-i-50);--sl-100:var(--c-i-100);--sl-300:var(--c-i-300);--sl-500:var(--c-i-500);--sl-700:var(--c-i-700);--sl-900:var(--c-i-900);--sl-950:var(--c-i-950);--sl-item-hover-bg:var(--sl-300);--sl-item-hover-color:var(--sl-950);--sl-item-sel-bg:var(--sl-700);--sl-item-sel-color:var(--sl-50)}.UIselect.primary{--sl-50:var(--c-p-50);--sl-100:var(--c-p-100);--sl-300:var(--c-p-300);--sl-500:var(--c-p-500);--sl-700:var(--c-p-700);--sl-900:var(--c-p-900);--sl-950:var(--c-p-950);--sl-item-hover-bg:var(--sl-300);--sl-item-hover-color:var(--sl-950);--sl-item-sel-bg:var(--sl-700);--sl-item-sel-color:var(--sl-50)}.UIselect.success{--sl-50:var(--c-s-50);--sl-100:var(--c-s-100);--sl-300:var(--c-s-300);--sl-500:var(--c-s-500);--sl-700:var(--c-s-700);--sl-900:var(--c-s-900);--sl-950:var(--c-s-950);--sl-item-hover-bg:var(--sl-300);--sl-item-hover-color:var(--sl-950);--sl-item-sel-bg:var(--sl-700);--sl-item-sel-color:var(--sl-50)}.UIselect.warning{--sl-50:var(--c-w-50);--sl-100:var(--c-w-100);--sl-300:var(--c-w-300);--sl-500:var(--c-w-500);--sl-700:var(--c-w-700);--sl-900:var(--c-w-900);--sl-950:var(--c-w-950);--sl-item-hover-bg:var(--sl-300);--sl-item-hover-color:var(--sl-950);--sl-item-sel-bg:var(--sl-700);--sl-item-sel-color:var(--sl-50)}.UIsw{--sw-50:var(--c-g-50);--sw-100:var(--c-g-100);--sw-300:var(--c-g-300);--sw-700:var(--c-g-700);--sw-950:var(--c-g-950);align-items:center;gap:1.5rem;display:inline-flex;position:relative}.UIsw-label{cursor:pointer;-webkit-user-select:none;user-select:none}.UIsw-label:hover{color:var(--sw-700)}.UIsw>input[type=checkbox]{display:none}.UIsw-slider{background-color:var(--sw-100);cursor:pointer;border:1px solid var(--sw-300);border-radius:1.5rem;width:5rem;height:2.5rem;transition:background-color .4s,border-color .4s;position:relative;overflow:hidden}.UIsw-slider:after{content:"";border-radius:inherit;background:radial-gradient(circle at center, var(--sw-700) 0%, transparent 60%);opacity:0;pointer-events:none;position:absolute;inset:0;transform:scale(0)}.UIsw-slider.ui-ripple:after{animation:1s ease-out forwards ui-ripple}.UIsw-slider:before{z-index:1;content:"";background-color:var(--sw-300);border-radius:1.5rem;width:2.5rem;height:2.5rem;transition:transform .1s;position:absolute;left:0}.UIsw-slider:hover{border-color:var(--sw-50);color:var(--sw-300)}.UIsw-slider:hover~.UIsw-slider__on,.UIsw-slider:hover~.UIsw-slider__off{color:var(--sw-300);transition:color .4s}.UIsw-slider__on,.UIsw-slider__off{color:var(--sw-950);cursor:pointer;transition:color .4s;position:absolute;right:3rem}.UIsw-slider__on:hover,.UIsw-slider__off:hover{color:var(--sw-300)}.UIsw-slider__off{color:var(--sw-700);right:.7rem}.UIsw.UIsw--flash>.UIsw-slider{--flash-start:var(--sw-50);--flash-mid:var(--sw-700);--flash-end:var(--sw-950);animation:.4s ease-out ui-flash}.UIsw[aria-disabled=true]{opacity:.5;pointer-events:none;cursor:not-allowed}.UIsw:has(>input:disabled){opacity:.5;pointer-events:none;cursor:not-allowed}.UIsw>input[type=checkbox]:checked~.UIsw-slider{background-color:var(--sw-100);border-color:var(--sw-700)}.UIsw>input[type=checkbox]:checked~.UIsw-slider:before{background-color:var(--sw-700);transform:translate(2.5rem)}.UIsw>input[type=checkbox]:checked~.UIsw-slider:hover{border-color:var(--sw-50)}.UIsw:has(.UIsw-slider__on:hover,.UIsw-slider__off:hover) .UIsw-slider{border-color:var(--sw-50)}.UIsw>input[type=checkbox]:checked:has(~.UIsw-slider__on:hover,~.UIsw-slider__off:hover)~.UIsw-slider{border-color:var(--sw-50)}.UIsw.lg>.UIsw-slider{width:6rem;height:3rem}.UIsw.lg>.UIsw-slider:before{border-radius:1.5rem;width:3rem;height:3rem}.UIsw.lg>.UIsw-slider__on{font-size:1.2rem;right:3.8rem}.UIsw.lg>.UIsw-slider__off{font-size:1.2rem;right:1rem}.UIsw.lg>input[type=checkbox]:checked~.UIsw-slider:before{transform:translate(3rem)}.UIsw.sm{gap:1rem}.UIsw.sm>.UIsw-slider{width:4rem;height:2rem}.UIsw.sm>.UIsw-slider:before{border-radius:1.5rem;width:2rem;height:2rem}.UIsw.sm>.UIsw-slider__on,.UIsw.sm>.UIsw-slider__off{font-size:.9rem;right:2.5rem}.UIsw.sm>.UIsw-slider__off{right:.6rem}.UIsw.sm>input[type=checkbox]:checked~.UIsw-slider:before{transform:translate(2rem)}.UIsw.xsm{gap:.5rem}.UIsw.xsm>.UIsw-slider{width:2rem;height:1rem}.UIsw.xsm>.UIsw-slider:before{border-radius:1.5rem;width:1rem;height:1rem}.UIsw.xsm>.UIsw-slider__on,.UIsw.xsm>.UIsw-slider__off{font-size:.6rem;right:1.2rem}.UIsw.xsm>.UIsw-slider__off{right:.3rem}.UIsw.xsm>input[type=checkbox]:checked~.UIsw-slider:before{transform:translate(1rem)}.UIsw.r-0>.UIsw-slider,.UIsw.r-0>.UIsw-slider:before{border-radius:0}.UIsw.r-1>.UIsw-slider,.UIsw.r-1>.UIsw-slider:before{border-radius:.5rem}.UIsw.danger{--sw-50:var(--c-d-50);--sw-100:var(--c-d-100);--sw-300:var(--c-d-300);--sw-700:var(--c-d-700);--sw-950:var(--c-d-950)}.UIsw.info{--sw-50:var(--c-i-50);--sw-100:var(--c-i-100);--sw-300:var(--c-i-300);--sw-700:var(--c-i-700);--sw-950:var(--c-i-950)}.UIsw.success{--sw-50:var(--c-s-50);--sw-100:var(--c-s-100);--sw-300:var(--c-s-300);--sw-700:var(--c-s-700);--sw-950:var(--c-s-950)}.UIsw.primary{--sw-50:var(--c-p-50);--sw-100:var(--c-p-100);--sw-300:var(--c-p-300);--sw-700:var(--c-p-700);--sw-950:var(--c-p-950)}.UIsw.warning{--sw-50:var(--c-w-50);--sw-100:var(--c-w-100);--sw-300:var(--c-w-300);--sw-700:var(--c-w-700);--sw-950:var(--c-w-950)}.UIsw.warning>.UIsw-slider__off{color:var(--sw-300)}:root{--g-50:#f2f2f2;--g-100:#e6e6e6;--g-300:#b3b3b3;--g-500:gray;--g-700:#4d4d4d;--g-900:#1a1a1a;--g-950:#0d0d0d;--d-50:#ffe6ea;--d-100:#ffccd5;--d-300:#ff6680;--d-500:#ff002b;--d-700:#99001a;--d-900:#330009;--d-950:#1a0004;--i-50:#e7f8fe;--i-100:#cff1fc;--i-300:#6ed5f7;--i-500:#0db9f2;--i-700:#086f91;--i-900:#032530;--i-950:#011218;--p-50:#ececf9;--p-100:#d9d9f2;--p-300:#8c8cd9;--p-500:#4040bf;--p-700:#262673;--p-900:#0d0d26;--p-950:#060613;--s-50:#e9fbf2;--s-100:#d4f7e6;--s-300:#7de8b3;--s-500:#26d980;--s-700:#17824d;--s-900:#082b1a;--s-950:#04160d;--w-50:#fcf7e9;--w-100:#f9efd2;--w-300:#eccf79;--w-500:#dfaf20;--w-700:#866913;--w-900:#2d2306;--w-950:#161203;--c-d-50:var(--d-50);--c-d-100:var(--d-100);--c-d-300:var(--d-300);--c-d-500:var(--d-500);--c-d-700:var(--d-700);--c-d-900:var(--d-900);--c-d-950:var(--d-950);--c-i-50:var(--i-50);--c-i-100:var(--i-100);--c-i-300:var(--i-300);--c-i-500:var(--i-500);--c-i-700:var(--i-700);--c-i-900:var(--i-900);--c-i-950:var(--i-950);--c-p-50:var(--p-50);--c-p-100:var(--p-100);--c-p-300:var(--p-300);--c-p-500:var(--p-500);--c-p-700:var(--p-700);--c-p-900:var(--p-900);--c-p-950:var(--p-950);--c-s-50:var(--s-50);--c-s-100:var(--s-100);--c-s-300:var(--s-300);--c-s-500:var(--s-500);--c-s-700:var(--s-700);--c-s-900:var(--s-900);--c-s-950:var(--s-950);--c-g-50:var(--g-50);--c-g-100:var(--g-100);--c-g-300:var(--g-300);--c-g-500:var(--g-500);--c-g-700:var(--g-700);--c-g-900:var(--g-900);--c-g-950:var(--g-950);--c-w-50:var(--w-50);--c-w-100:var(--w-100);--c-w-300:var(--w-300);--c-w-500:var(--w-500);--c-w-700:var(--w-700);--c-w-900:var(--w-900);--c-w-950:var(--w-950)}body{background-color:var(--c-g-50);color:var(--c-g-950);padding:0;transition:background .4s}html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{margin:.67em 0;font-size:2em}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}a{color:inherit;background-color:#0000;text-decoration:none}img{border-style:none}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}fieldset{border:1px solid silver;margin:0;padding:.35em .75em .625em}legend{padding:0}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}table{border-collapse:collapse;border-spacing:0}@keyframes ui-ripple{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(5)}}@keyframes ui-flash{0%{box-shadow:0 0 0 0 var(--flash-start)}50%{box-shadow:0 0 5px 1px var(--flash-mid)}to{box-shadow:0 0 0 0 var(--flash-end)}}.UIFlash{--flash-start:var(--c-g-50);--flash-mid:var(--c-g-700);--flash-end:var(--c-g-950);animation:.4s ease-out ui-flash}

package/dist/theme-dark-neon.css

@@ -1 +1 @@
-[data-theme=dark-neon]{--g-50:#e6e6e6;--g-100:#bfbfbf;--g-300:#a6a6a6;--g-500:gray;--g-700:#595959;--g-900:#404040;--g-950:#1a1a1a;--d-50:#f5bea3;--d-100:#f2ae8c;--d-300:#ed8e5e;--d-500:#e65e1a;--d-700:#a14112;--d-900:#732f0d;--d-950:#2e1305;--i-50:#a3f5da;--i-100:#8cf2d0;--i-300:#5eedbe;--i-500:#1ae6a2;--i-700:#12a171;--i-900:#0d7351;--i-950:#052e20;--p-50:#a3daf5;--p-100:#8cd0f2;--p-300:#5ebeed;--p-500:#1aa1e6;--p-700:#1271a1;--p-900:#0d5173;--p-950:#05202e;--s-50:#a3f5aa;--s-100:#8cf295;--s-300:#5eed6a;--s-500:#1ae62a;--s-700:#12a11e;--s-900:#0d7315;--s-950:#052e08;--w-50:#f5daa3;--w-100:#f2d08c;--w-300:#edbe5e;--w-500:#e6a21a;--w-700:#a17112;--w-900:#73510d;--w-950:#2e2005;--c-d-50:var(--d-950);--c-d-100:var(--d-900);--c-d-300:var(--d-700);--c-d-500:var(--d-500);--c-d-700:var(--d-300);--c-d-900:var(--d-100);--c-d-950:var(--d-50);--c-i-50:var(--i-950);--c-i-100:var(--i-900);--c-i-300:var(--i-700);--c-i-500:var(--i-500);--c-i-700:var(--i-300);--c-i-900:var(--i-100);--c-i-950:var(--i-50);--c-p-50:var(--p-950);--c-p-100:var(--p-900);--c-p-300:var(--p-700);--c-p-500:var(--p-500);--c-p-700:var(--p-300);--c-p-900:var(--p-100);--c-p-950:var(--p-50);--c-s-50:var(--s-950);--c-s-100:var(--s-900);--c-s-300:var(--s-700);--c-s-500:var(--s-500);--c-s-700:var(--s-300);--c-s-900:var(--s-100);--c-s-950:var(--s-50);--c-g-50:var(--g-950);--c-g-100:var(--g-900);--c-g-300:var(--g-700);--c-g-500:var(--g-500);--c-g-700:var(--g-300);--c-g-900:var(--g-100);--c-g-950:var(--g-50);--c-w-50:var(--w-950);--c-w-100:var(--w-900);--c-w-300:var(--w-700);--c-w-500:var(--w-500);--c-w-700:var(--w-300);--c-w-900:var(--w-100);--c-w-950:var(--w-50)}
+html[data-theme=dark-neon]{--g-50:#e6e6e6;--g-100:#bfbfbf;--g-300:#a6a6a6;--g-500:gray;--g-700:#595959;--g-900:#404040;--g-950:#1a1a1a;--d-50:#f5bea3;--d-100:#f2ae8c;--d-300:#ed8e5e;--d-500:#e65e1a;--d-700:#a14112;--d-900:#732f0d;--d-950:#2e1305;--i-50:#a3f5da;--i-100:#8cf2d0;--i-300:#5eedbe;--i-500:#1ae6a2;--i-700:#12a171;--i-900:#0d7351;--i-950:#052e20;--p-50:#a3daf5;--p-100:#8cd0f2;--p-300:#5ebeed;--p-500:#1aa1e6;--p-700:#1271a1;--p-900:#0d5173;--p-950:#05202e;--s-50:#a3f5aa;--s-100:#8cf295;--s-300:#5eed6a;--s-500:#1ae62a;--s-700:#12a11e;--s-900:#0d7315;--s-950:#052e08;--w-50:#f5daa3;--w-100:#f2d08c;--w-300:#edbe5e;--w-500:#e6a21a;--w-700:#a17112;--w-900:#73510d;--w-950:#2e2005;--c-d-50:var(--d-950);--c-d-100:var(--d-900);--c-d-300:var(--d-700);--c-d-500:var(--d-500);--c-d-700:var(--d-300);--c-d-900:var(--d-100);--c-d-950:var(--d-50);--c-i-50:var(--i-950);--c-i-100:var(--i-900);--c-i-300:var(--i-700);--c-i-500:var(--i-500);--c-i-700:var(--i-300);--c-i-900:var(--i-100);--c-i-950:var(--i-50);--c-p-50:var(--p-950);--c-p-100:var(--p-900);--c-p-300:var(--p-700);--c-p-500:var(--p-500);--c-p-700:var(--p-300);--c-p-900:var(--p-100);--c-p-950:var(--p-50);--c-s-50:var(--s-950);--c-s-100:var(--s-900);--c-s-300:var(--s-700);--c-s-500:var(--s-500);--c-s-700:var(--s-300);--c-s-900:var(--s-100);--c-s-950:var(--s-50);--c-g-50:var(--g-950);--c-g-100:var(--g-900);--c-g-300:var(--g-700);--c-g-500:var(--g-500);--c-g-700:var(--g-300);--c-g-900:var(--g-100);--c-g-950:var(--g-50);--c-w-50:var(--w-950);--c-w-100:var(--w-900);--c-w-300:var(--w-700);--c-w-500:var(--w-500);--c-w-700:var(--w-300);--c-w-900:var(--w-100);--c-w-950:var(--w-50)}

package/dist/theme-dark.css

@@ -1 +1 @@
-[data-theme=dark]{--g-50:#f2f2f2;--g-100:#e6e6e6;--g-300:#b3b3b3;--g-500:gray;--g-700:#4d4d4d;--g-900:#1a1a1a;--g-950:#0d0d0d;--d-50:#ffe6ea;--d-100:#ffccd5;--d-300:#ff6680;--d-500:#ff002b;--d-700:#99001a;--d-900:#330009;--d-950:#1a0004;--i-50:#e7f8fe;--i-100:#cff1fc;--i-300:#6ed5f7;--i-500:#0db9f2;--i-700:#086f91;--i-900:#032530;--i-950:#011218;--p-50:#ececf9;--p-100:#d9d9f2;--p-300:#8c8cd9;--p-500:#4040bf;--p-700:#262673;--p-900:#0d0d26;--p-950:#060613;--s-50:#e9fbf2;--s-100:#d4f7e6;--s-300:#7de8b3;--s-500:#26d980;--s-700:#17824d;--s-900:#082b1a;--s-950:#04160d;--w-50:#fcf7e9;--w-100:#f9efd2;--w-300:#eccf79;--w-500:#dfaf20;--w-700:#866913;--w-900:#2d2306;--w-950:#161203;--c-d-50:var(--d-950);--c-d-100:var(--d-900);--c-d-300:var(--d-700);--c-d-500:var(--d-500);--c-d-700:var(--d-300);--c-d-900:var(--d-100);--c-d-950:var(--d-50);--c-i-50:var(--i-950);--c-i-100:var(--i-900);--c-i-300:var(--i-700);--c-i-500:var(--i-500);--c-i-700:var(--i-300);--c-i-900:var(--i-100);--c-i-950:var(--i-50);--c-p-50:var(--p-950);--c-p-100:var(--p-900);--c-p-300:var(--p-700);--c-p-500:var(--p-500);--c-p-700:var(--p-300);--c-p-900:var(--p-100);--c-p-950:var(--p-50);--c-s-50:var(--s-950);--c-s-100:var(--s-900);--c-s-300:var(--s-700);--c-s-500:var(--s-500);--c-s-700:var(--s-300);--c-s-900:var(--s-100);--c-s-950:var(--s-50);--c-g-50:var(--g-950);--c-g-100:var(--g-900);--c-g-300:var(--g-700);--c-g-500:var(--g-500);--c-g-700:var(--g-300);--c-g-900:var(--g-100);--c-g-950:var(--g-50);--c-w-50:var(--w-950);--c-w-100:var(--w-900);--c-w-300:var(--w-700);--c-w-500:var(--w-500);--c-w-700:var(--w-300);--c-w-900:var(--w-100);--c-w-950:var(--w-50)}
+html[data-theme=dark]{--g-50:#f2f2f2;--g-100:#e6e6e6;--g-300:#b3b3b3;--g-500:gray;--g-700:#4d4d4d;--g-900:#1a1a1a;--g-950:#0d0d0d;--d-50:#ffe6ea;--d-100:#ffccd5;--d-300:#ff6680;--d-500:#ff002b;--d-700:#99001a;--d-900:#330009;--d-950:#1a0004;--i-50:#e7f8fe;--i-100:#cff1fc;--i-300:#6ed5f7;--i-500:#0db9f2;--i-700:#086f91;--i-900:#032530;--i-950:#011218;--p-50:#ececf9;--p-100:#d9d9f2;--p-300:#8c8cd9;--p-500:#4040bf;--p-700:#262673;--p-900:#0d0d26;--p-950:#060613;--s-50:#e9fbf2;--s-100:#d4f7e6;--s-300:#7de8b3;--s-500:#26d980;--s-700:#17824d;--s-900:#082b1a;--s-950:#04160d;--w-50:#fcf7e9;--w-100:#f9efd2;--w-300:#eccf79;--w-500:#dfaf20;--w-700:#866913;--w-900:#2d2306;--w-950:#161203;--c-d-50:var(--d-950);--c-d-100:var(--d-900);--c-d-300:var(--d-700);--c-d-500:var(--d-500);--c-d-700:var(--d-300);--c-d-900:var(--d-100);--c-d-950:var(--d-50);--c-i-50:var(--i-950);--c-i-100:var(--i-900);--c-i-300:var(--i-700);--c-i-500:var(--i-500);--c-i-700:var(--i-300);--c-i-900:var(--i-100);--c-i-950:var(--i-50);--c-p-50:var(--p-950);--c-p-100:var(--p-900);--c-p-300:var(--p-700);--c-p-500:var(--p-500);--c-p-700:var(--p-300);--c-p-900:var(--p-100);--c-p-950:var(--p-50);--c-s-50:var(--s-950);--c-s-100:var(--s-900);--c-s-300:var(--s-700);--c-s-500:var(--s-500);--c-s-700:var(--s-300);--c-s-900:var(--s-100);--c-s-950:var(--s-50);--c-g-50:var(--g-950);--c-g-100:var(--g-900);--c-g-300:var(--g-700);--c-g-500:var(--g-500);--c-g-700:var(--g-300);--c-g-900:var(--g-100);--c-g-950:var(--g-50);--c-w-50:var(--w-950);--c-w-100:var(--w-900);--c-w-300:var(--w-700);--c-w-500:var(--w-500);--c-w-700:var(--w-300);--c-w-900:var(--w-100);--c-w-950:var(--w-50)}

package/dist/theme-light-neon.css

@@ -1 +1 @@
-[data-theme=light-neon]{--g-50:#e6e6e6;--g-100:#bfbfbf;--g-300:#a6a6a6;--g-500:gray;--g-700:#595959;--g-900:#404040;--g-950:#1a1a1a;--d-50:#f5bea3;--d-100:#f2ae8c;--d-300:#ed8e5e;--d-500:#e65e1a;--d-700:#a14112;--d-900:#732f0d;--d-950:#2e1305;--i-50:#a3f5da;--i-100:#8cf2d0;--i-300:#5eedbe;--i-500:#1ae6a2;--i-700:#12a171;--i-900:#0d7351;--i-950:#052e20;--p-50:#a3daf5;--p-100:#8cd0f2;--p-300:#5ebeed;--p-500:#1aa1e6;--p-700:#1271a1;--p-900:#0d5173;--p-950:#05202e;--s-50:#a3f5a9;--s-100:#8cf293;--s-300:#5eed68;--s-500:#1ae627;--s-700:#12a11b;--s-900:#0d7314;--s-950:#052e08;--w-50:#f5daa3;--w-100:#f2d08c;--w-300:#edbe5e;--w-500:#e6a21a;--w-700:#a17112;--w-900:#73510d;--w-950:#2e2005;--c-d-50:var(--d-50);--c-d-100:var(--d-100);--c-d-300:var(--d-300);--c-d-500:var(--d-500);--c-d-700:var(--d-700);--c-d-900:var(--d-900);--c-d-950:var(--d-950);--c-i-50:var(--i-50);--c-i-100:var(--i-100);--c-i-300:var(--i-300);--c-i-500:var(--i-500);--c-i-700:var(--i-700);--c-i-900:var(--i-900);--c-i-950:var(--i-950);--c-p-50:var(--p-50);--c-p-100:var(--p-100);--c-p-300:var(--p-300);--c-p-500:var(--p-500);--c-p-700:var(--p-700);--c-p-900:var(--p-900);--c-p-950:var(--p-950);--c-s-50:var(--s-50);--c-s-100:var(--s-100);--c-s-300:var(--s-300);--c-s-500:var(--s-500);--c-s-700:var(--s-700);--c-s-900:var(--s-900);--c-s-950:var(--s-950);--c-g-50:var(--g-50);--c-g-100:var(--g-100);--c-g-300:var(--g-300);--c-g-500:var(--g-500);--c-g-700:var(--g-700);--c-g-900:var(--g-900);--c-g-950:var(--g-950);--c-w-50:var(--w-50);--c-w-100:var(--w-100);--c-w-300:var(--w-300);--c-w-500:var(--w-500);--c-w-700:var(--w-700);--c-w-900:var(--w-900);--c-w-950:var(--w-950)}
+html[data-theme=light-neon]{--g-50:#e6e6e6;--g-100:#bfbfbf;--g-300:#a6a6a6;--g-500:gray;--g-700:#595959;--g-900:#404040;--g-950:#1a1a1a;--d-50:#f5bea3;--d-100:#f2ae8c;--d-300:#ed8e5e;--d-500:#e65e1a;--d-700:#a14112;--d-900:#732f0d;--d-950:#2e1305;--i-50:#a3f5da;--i-100:#8cf2d0;--i-300:#5eedbe;--i-500:#1ae6a2;--i-700:#12a171;--i-900:#0d7351;--i-950:#052e20;--p-50:#a3daf5;--p-100:#8cd0f2;--p-300:#5ebeed;--p-500:#1aa1e6;--p-700:#1271a1;--p-900:#0d5173;--p-950:#05202e;--s-50:#a3f5a9;--s-100:#8cf293;--s-300:#5eed68;--s-500:#1ae627;--s-700:#12a11b;--s-900:#0d7314;--s-950:#052e08;--w-50:#f5daa3;--w-100:#f2d08c;--w-300:#edbe5e;--w-500:#e6a21a;--w-700:#a17112;--w-900:#73510d;--w-950:#2e2005;--c-d-50:var(--d-50);--c-d-100:var(--d-100);--c-d-300:var(--d-300);--c-d-500:var(--d-500);--c-d-700:var(--d-700);--c-d-900:var(--d-900);--c-d-950:var(--d-950);--c-i-50:var(--i-50);--c-i-100:var(--i-100);--c-i-300:var(--i-300);--c-i-500:var(--i-500);--c-i-700:var(--i-700);--c-i-900:var(--i-900);--c-i-950:var(--i-950);--c-p-50:var(--p-50);--c-p-100:var(--p-100);--c-p-300:var(--p-300);--c-p-500:var(--p-500);--c-p-700:var(--p-700);--c-p-900:var(--p-900);--c-p-950:var(--p-950);--c-s-50:var(--s-50);--c-s-100:var(--s-100);--c-s-300:var(--s-300);--c-s-500:var(--s-500);--c-s-700:var(--s-700);--c-s-900:var(--s-900);--c-s-950:var(--s-950);--c-g-50:var(--g-50);--c-g-100:var(--g-100);--c-g-300:var(--g-300);--c-g-500:var(--g-500);--c-g-700:var(--g-700);--c-g-900:var(--g-900);--c-g-950:var(--g-950);--c-w-50:var(--w-50);--c-w-100:var(--w-100);--c-w-300:var(--w-300);--c-w-500:var(--w-500);--c-w-700:var(--w-700);--c-w-900:var(--w-900);--c-w-950:var(--w-950)}

package/dist/theme-light.css

@@ -1 +1 @@
-[data-theme=light]{--g-50:#f2f2f2;--g-100:#e6e6e6;--g-300:#b3b3b3;--g-500:gray;--g-700:#4d4d4d;--g-900:#1a1a1a;--g-950:#0d0d0d;--d-50:#ffe6ea;--d-100:#ffccd5;--d-300:#ff6680;--d-500:#ff002b;--d-700:#99001a;--d-900:#330009;--d-950:#1a0004;--i-50:#e7f8fe;--i-100:#cff1fc;--i-300:#6ed5f7;--i-500:#0db9f2;--i-700:#086f91;--i-900:#032530;--i-950:#011218;--p-50:#ececf9;--p-100:#d9d9f2;--p-300:#8c8cd9;--p-500:#4040bf;--p-700:#262673;--p-900:#0d0d26;--p-950:#060613;--s-50:#e9fbf2;--s-100:#d4f7e6;--s-300:#7de8b3;--s-500:#26d980;--s-700:#17824d;--s-900:#082b1a;--s-950:#04160d;--w-50:#fcf7e9;--w-100:#f9efd2;--w-300:#eccf79;--w-500:#dfaf20;--w-700:#866913;--w-900:#2d2306;--w-950:#161203;--c-d-50:var(--d-50);--c-d-100:var(--d-100);--c-d-300:var(--d-300);--c-d-500:var(--d-500);--c-d-700:var(--d-700);--c-d-900:var(--d-900);--c-d-950:var(--d-950);--c-i-50:var(--i-50);--c-i-100:var(--i-100);--c-i-300:var(--i-300);--c-i-500:var(--i-500);--c-i-700:var(--i-700);--c-i-900:var(--i-900);--c-i-950:var(--i-950);--c-p-50:var(--p-50);--c-p-100:var(--p-100);--c-p-300:var(--p-300);--c-p-500:var(--p-500);--c-p-700:var(--p-700);--c-p-900:var(--p-900);--c-p-950:var(--p-950);--c-s-50:var(--s-50);--c-s-100:var(--s-100);--c-s-300:var(--s-300);--c-s-500:var(--s-500);--c-s-700:var(--s-700);--c-s-900:var(--s-900);--c-s-950:var(--s-950);--c-g-50:var(--g-50);--c-g-100:var(--g-100);--c-g-300:var(--g-300);--c-g-500:var(--g-500);--c-g-700:var(--g-700);--c-g-900:var(--g-900);--c-g-950:var(--g-950);--c-w-50:var(--w-50);--c-w-100:var(--w-100);--c-w-300:var(--w-300);--c-w-500:var(--w-500);--c-w-700:var(--w-700);--c-w-900:var(--w-900);--c-w-950:var(--w-950)}
+html[data-theme=light]{--g-50:#f2f2f2;--g-100:#e6e6e6;--g-300:#b3b3b3;--g-500:gray;--g-700:#4d4d4d;--g-900:#1a1a1a;--g-950:#0d0d0d;--d-50:#ffe6ea;--d-100:#ffccd5;--d-300:#ff6680;--d-500:#ff002b;--d-700:#99001a;--d-900:#330009;--d-950:#1a0004;--i-50:#e7f8fe;--i-100:#cff1fc;--i-300:#6ed5f7;--i-500:#0db9f2;--i-700:#086f91;--i-900:#032530;--i-950:#011218;--p-50:#ececf9;--p-100:#d9d9f2;--p-300:#8c8cd9;--p-500:#4040bf;--p-700:#262673;--p-900:#0d0d26;--p-950:#060613;--s-50:#e9fbf2;--s-100:#d4f7e6;--s-300:#7de8b3;--s-500:#26d980;--s-700:#17824d;--s-900:#082b1a;--s-950:#04160d;--w-50:#fcf7e9;--w-100:#f9efd2;--w-300:#eccf79;--w-500:#dfaf20;--w-700:#866913;--w-900:#2d2306;--w-950:#161203;--c-d-50:var(--d-50);--c-d-100:var(--d-100);--c-d-300:var(--d-300);--c-d-500:var(--d-500);--c-d-700:var(--d-700);--c-d-900:var(--d-900);--c-d-950:var(--d-950);--c-i-50:var(--i-50);--c-i-100:var(--i-100);--c-i-300:var(--i-300);--c-i-500:var(--i-500);--c-i-700:var(--i-700);--c-i-900:var(--i-900);--c-i-950:var(--i-950);--c-p-50:var(--p-50);--c-p-100:var(--p-100);--c-p-300:var(--p-300);--c-p-500:var(--p-500);--c-p-700:var(--p-700);--c-p-900:var(--p-900);--c-p-950:var(--p-950);--c-s-50:var(--s-50);--c-s-100:var(--s-100);--c-s-300:var(--s-300);--c-s-500:var(--s-500);--c-s-700:var(--s-700);--c-s-900:var(--s-900);--c-s-950:var(--s-950);--c-g-50:var(--g-50);--c-g-100:var(--g-100);--c-g-300:var(--g-300);--c-g-500:var(--g-500);--c-g-700:var(--g-700);--c-g-900:var(--g-900);--c-g-950:var(--g-950);--c-w-50:var(--w-50);--c-w-100:var(--w-100);--c-w-300:var(--w-300);--c-w-500:var(--w-500);--c-w-700:var(--w-700);--c-w-900:var(--w-900);--c-w-950:var(--w-950)}

package/package.json

@@ -2,7 +2,7 @@
   "author": "Andrii Popov",
   "name": "@popovandrii/ui-elements",
   "description": "Lightweight TypeScript UI component library — SpinBox, Select with search, Switch, ButtonGroup (radio), Button. Zero dependencies, accessible (ARIA), themeable via CSS custom properties, supports destroy/reinitialize lifecycle.",
-  "version": "0.1.3",
+  "version": "0.2.0",
   "license": "MIT",
   "keywords": [
     "ui",
@@ -37,7 +37,11 @@
       "import": "./dist/index.es.js",
       "require": "./dist/index.cjs.js"
     },
-    "./style.css": "./dist/style.css"
+    "./style.css": "./dist/style.css",
+    "./theme-light.css": "./dist/theme-light.css",
+    "./theme-dark.css": "./dist/theme-dark.css",
+    "./theme-light-neon.css": "./dist/theme-light-neon.css",
+    "./theme-dark-neon.css": "./dist/theme-dark-neon.css"
   },
   "files": [
     "dist",
@@ -67,4 +71,4 @@
     "vite-plugin-dts": "^5.0.0",
     "vitest": "^4.1.5"
   }
-}
+}