alex-evo-sh-ui-kit 1.0.0

package/dist/alex-evo-sh-ui-kit.umd.js

@@ -0,0 +1,111 @@
+(function(v,p){typeof exports=="object"&&typeof module<"u"?p(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],p):(v=typeof globalThis<"u"?globalThis:v||self,p(v["alex-evo-sh-ui-kit"]={},v.React))})(this,function(v,p){"use strict";var Ne=document.createElement("style");Ne.textContent=`.btn{box-sizing:border-box;margin:5px;cursor:pointer;border:none;line-height:40px;border-radius:20px;padding-left:24px;padding-right:24px;font-size:18px;min-width:100px;transition:.5s;text-align:center;display:inline-block;overflow:hidden;position:relative;background-color:var(--Surface-container-low-color);color:var(--Primary-color);box-shadow:1px 1px 6px -2px var(--Shadow-color)}.btn.m-0{margin:0}.btn:disabled{box-shadow:none;background-color:var(--Primary-color);opacity:38%}.btn:disabled span{color:var(--On-primary-color);opacity:38%}.btn:hover{box-shadow:1px 1px 4px -2px var(--Shadow-color)}.btn:active{box-shadow:none;filter:brightness(90%)}.btn.little{line-height:35px;padding-left:16px;padding-right:16px;min-width:30px}.btn.outline-button{background-color:transparent;border:1px solid var(--Outline-color);position:relative;height:40px;line-height:36px;color:var(--Primary-color);box-shadow:none}.btn.outline-button:before{content:"";position:absolute;opacity:12%;width:0px;background-color:var(--Primary-color);height:100%;transition:.3s;top:0;left:50%}.btn.outline-button:disabled{box-shadow:none;border:1px solid var(--On-surface-color);opacity:38%}.btn.outline-button:disabled span{color:var(--On-surface-color)}.btn.outline-button:hover{box-shadow:1px 1px 6px -2px var(--Shadow-color)}.btn.outline-button:active{box-shadow:none}.btn.outline-button:active:before{width:100%;left:0}.btn.text-button{background-color:transparent;position:relative;height:40px;line-height:36px;color:var(--Primary-color);box-shadow:none}.btn.text-button:before{content:"";position:absolute;opacity:12%;width:0px;background-color:var(--Primary-color);height:100%;transition:.3s;top:0;left:50%}.btn.text-button:disabled{box-shadow:none;opacity:38%}.btn.text-button:disabled span{color:var(--On-surface-color)}.btn.text-button:hover:before{width:100%;left:0}.btn.text-button:active{box-shadow:none;filter:blur(50)}.btn.total-button{background-color:var(--Secondary-container-color);color:var(--On-secondary-container-color);box-shadow:none}.btn.total-button:disabled{box-shadow:none;background-color:var(--On-surface-color);opacity:38%}.btn.total-button:disabled span{color:var(--Surface-dim-color)}.btn.total-button:hover{box-shadow:1px 1px 6px -2px var(--Shadow-color)}.btn.total-button:active{box-shadow:none;filter:brightness(90%)}.btn.filled-button{background-color:var(--Primary-color);color:var(--On-primary-color);box-shadow:none}.btn.filled-button:disabled{box-shadow:none;background-color:var(--On-surface-color);opacity:38%}.btn.filled-button:disabled span{color:var(--surface-color)}.btn.filled-button:hover{box-shadow:1px 1px 6px -2px var(--Shadow-color)}.btn.filled-button:active{box-shadow:none;filter:brightness(90%)}.btn:disabled:hover{box-shadow:none}.btn:disabled:hover:before{display:none}.btn:disabled:active{box-shadow:none;filter:none}.btn:disabled:active:before{display:none}.list-container{padding:8px 0;min-height:56px;background-color:var(--Surface-container-lowest-color)}.list-container.transparent{background-color:transparent}.list-container.scroll{overflow-y:scroll}li.list-item-container{padding:8px 24px 8px 16px;display:flex;flex-direction:row;border-radius:10px;position:relative}li.list-item-container.hovered{cursor:pointer}li.list-item-container.hovered:hover{box-shadow:inset 0 0 10px -8px var(--Shadow-color)}li.list-item-container .text-container{flex:100%;display:flex;flex-direction:column;justify-content:center}li.list-item-container .text-container .header{font-size:16px;color:var(--On-surface-color)}li.list-item-container .text-container .text{font-size:14px;color:var(--On-surface-variant-color)}li.list-item-container .control-container{padding-left:16px;display:flex;flex-direction:column;justify-content:center;align-items:center}li.list-item-container .icon-container{padding-right:16px;display:flex;position:relative;flex-direction:column;color:var(--On-surface-variant-color);font-size:24px;justify-content:center;align-items:center;min-width:32px}li.list-item-container .icon-container svg{color:var(--On-surface-variant-color);width:24px}li.list-item-container .icon-container img{width:32px;height:32px;border-radius:4px}.iconbutton{cursor:pointer;width:48px;height:48px;transition:.5s;line-height:48px;outline:none;border:none;position:relative;overflow:hidden;border-radius:50%;display:flex;justify-content:center;align-items:center;color:var(--On-surface-variant-color)}.iconbutton .btn-overlay{background-color:var(--On-surface-variant-color);position:absolute}.iconbutton.active{color:var(--Primary-color)}.iconbutton .iconbutton-container{margin:auto;width:40px;transition:.5s;line-height:40px;display:flex;height:40px;border-radius:50%;text-align:center;justify-content:center;align-items:center}.iconbutton .iconbutton-container i{width:24px;margin:auto;height:24px;line-height:24px;font-size:24px}.iconbutton .iconbutton-container svg{width:24px;margin:auto;height:24px;font-size:24px}.iconbutton .iconbutton-container.filled{box-shadow:1px 1px 6px -2px #000;box-shadow:1px 1px 4px -2px #000}.iconbutton:active{outline:none}.iconbutton:active>.iconbutton-container{box-shadow:none;filter:brightness(90%)}.iconbutton:disabled{cursor:auto}.iconbutton:disabled .iconbutton-container{opacity:38%;color:var(--On-surface-color);box-shadow:none}.iconbutton:disabled:hover>.iconbutton-container{box-shadow:none}.iconbutton:disabled:active>.iconbutton-container{box-shadow:none;filter:brightness(90%)}.card-container{min-width:150px;min-height:150px;background-color:var(--Surface-container-low-color);box-shadow:1px 1px 6px -2px var(--Shadow-color);color:var(--Primary-color);border-radius:12px;position:relative}.card-container .blick-container{position:absolute;width:100%;height:100%;overflow:hidden;z-index:2}.card-container:disabled,.card-container.disabled{opacity:50%}.card-container.filled{background-color:var(--Surface-container-highest-color);box-shadow:0 0 5px -3px var(--Shadow-color);color:var(--Primary-color)}.card-container .card-img-container{border-radius:12px;max-height:200px;z-index:1;overflow:hidden;position:relative}.card-container .card-img-container img{object-fit:cover;width:100%;max-height:200px}.card-container .card-Headline-container{display:flex}.card-container .card-Headline-container .headline{flex:100%;display:flex;align-items:center}.card-container .card-Headline-container .icon-button-container{display:flex;align-items:center}.card-container .card-content-container{padding:16px;position:relative;z-index:3}.base-action-card{display:flex;justify-content:end;flex-wrap:wrap}.big-container{position:relative;overflow:hidden}.big-container-content{position:absolute;width:100%;height:100%}.bottom-sheets{max-width:640px;margin-top:72px;position:relative;background-color:var(--Surface-container-low-color);z-index:1150;padding:0 10px;position:fixed;bottom:0;width:100%;overflow-y:auto;max-height:80vh;left:50%;transform:translate(-50%);border-top-right-radius:28px;border-top-left-radius:28px;animation:.2s linear showBottomSheets;box-shadow:0 0 10 10 var(--Outline-color)}.bottom-sheets.hide{animation:.2s linear hideBottomSheets;transform:translate(-50%,100%)}.bottom-sheets .bottom-sheets-handle{width:100%;height:50px;display:flex;justify-content:center;align-items:center}.bottom-sheets .bottom-sheets-handle span{height:4px;width:32px;background-color:var(--On-surface-variant-color)}.bottom-sheets-backplate{background-color:var(--Scrim-color);opacity:40%}@keyframes showBottomSheets{0%{transform:translate(-50%,100%)}to{transform:translate(-50%)}}@keyframes hideBottomSheets{0%{transform:translate(-50%)}to{transform:translate(-50%,100%)}}.checkbox-container{display:inline;margin:0;position:relative;height:18px;width:18px}.checkbox-container input{-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer}.checkbox-container span{display:inline-flex;box-sizing:border-box;border-radius:2px;justify-content:center;align-items:center;width:18px;height:18px;position:relative;border:2px solid var(--On-surface-color)}.checkbox-container span svg,.checkbox-container span .checkbox-ckeck-icon{display:none;position:relative;width:100%;height:100%;line-height:100%;font-size:18px;color:var(--On-primary-color)}.checkbox-container input:checked~span{border:none;background-color:var(--Primary-color);border-radius:2px}.checkbox-container input:checked~span svg,.checkbox-container input:checked~span .checkbox-ckeck-icon{display:block}.chips{padding:0 8px 0 16px;border:1px solid var(--Outline-color);display:inline-flex;border-radius:6px;align-items:center;height:32px;margin:5px}.chips p{margin-right:5px}.chips.hovered{cursor:pointer}.chips .chips-btn{margin-left:3px;font-size:18px;cursor:pointer}.chips.big-chips{height:auto;line-height:32px}.text-field{display:flex;align-items:center;position:relative;background-color:var(--Surface-container-high-color);color:var(--On-surface-variant-color)}.text-field.transparent{background:transparent}.text-field .icon-container{margin-left:12px}.text-field .clear-container{margin-right:12px;height:24px;width:24px;cursor:pointer;z-index:4}.text-field .input-container{height:56px;z-index:3;flex:100%;margin:0 16px;padding-top:8px;padding-bottom:8px}.text-field .input-container label{position:absolute;line-height:56px;transition:.3s;z-index:3}.text-field .input-container input{position:absolute;background-color:transparent;outline:none;border:none;width:calc(100% - 52px);bottom:8px;z-index:4;line-height:54px;font-size:18px}.text-field .input-container input:focus~label,.text-field .input-container input:valid~label{top:8px;font-size:10px;color:var(--Primary-color);font-weight:700;line-height:13px}.text-field .input-container input:read-only~label{top:8px;font-size:10px;font-weight:700;line-height:13px}.text-field .input-container input:focus~.text-field-line,.text-field .input-container input:valid~.text-field-line{background-color:var(--Primary-color)}.text-field .input-container input.error~.text-field-line{background-color:var(--Error-color)}.text-field .input-container input.error~label{color:var(--Error-color)}.text-field .input-container .text-field-line{position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:var(--On-surface-variant-color)}.text-field.border{border-radius:10px}.text-field.border .text-field-line{border:1px solid var(--On-surface-variant-color);width:100%;background-color:transparent;height:100%;border-radius:10px;z-index:2}.text-field.border input{z-index:3;bottom:50%;transform:translateY(50%)}.text-field.border input:focus~.text-field-line,.text-field.border input:valid~.text-field-line{border:1px solid var(--Primary-color);background-color:transparent}.text-field.border input.error~.text-field-line{border:1px solid var(--Error-color);background-color:transparent}.text-field.border input:focus~label,.text-field.border input:valid~label{top:-7px;padding:0 3px;font-size:10px;color:var(--Primary-color);font-weight:700;line-height:13px}.text-field.border input:read-only~label{top:-7px;padding:0 3px;font-size:10px;font-weight:700;line-height:13px}.text-field.border label span{background-color:var(--Surface-container-high-color);padding:0 2px}.text-area{overflow:hidden;position:relative;background-color:var(--Surface-container-high-color);color:var(--On-surface-variant-color);border-bottom:1px solid var(--On-surface-variant-color)}.text-area.error{border-bottom:1px solid var(--Error-color)}.text-area.transparent,.text-area.transparent textarea{background-color:transparent}.text-area .textarea-container{z-index:3;flex:100%;margin:0 10px 0 16px;padding-top:8px}.text-area textarea{resize:vertical;background-color:var(--Surface-container-high-color);width:100%;outline:none;border:none}.text-area textarea.error::placeholder{color:var(--Error-color)}.text-area.border{border:none;border-radius:10px;border:1px solid var(--On-surface-variant-color)}.text-area.border.error{border:1px solid var(--Error-color)}.text-area.border textarea{resize:vertical;background-color:var(--Surface-container-high-color);width:100%;outline:none}.text-area.border textarea.error::placeholder{color:var(--Error-color)}.divider{position:relative;padding:0;width:100%;height:1px;background-color:var(--Outline-variant-color)}.divider.short{width:calc(100% - 32px);margin-left:16px}.divider-and-text{display:flex;justify-content:space-between;align-items:center}.divider-and-text .divider.short{width:calc(100% - 32px);margin:0 8px}.radio-button-container{display:block;width:25px;height:25px;position:relative}.radio-button-container input{-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer}.radio-button-container span{display:block;width:20px;height:20px;top:0;left:0;position:absolute;border-radius:50%;border:2px solid var(--On-surface-variant-color)}.radio-button-container span:before{content:"";width:10px;height:10px;border-radius:50%;background-color:var(--Primary-color);position:absolute;top:5px;left:5px;display:none}.radio-button-container input:checked~span{border:2px solid var(--Primary-color)}.radio-button-container input:checked~span:before{display:block}.extendedFAB{border:none;position:fixed;justify-content:center;align-items:center;margin-right:16px;margin-bottom:16px;min-width:56px;min-height:56px;line-height:56px;color:#000;display:flex;bottom:0;right:0;background-color:var(--Secondary-container-color);color:var(--On-primary-container-class);border-radius:16px;padding:0 16px;transition:.1s;z-index:100;font-size:24px;box-shadow:1px 1px 6px -2px #000}.extendedFAB *:not(:first-child){margin-left:16px}.extendedFAB:hover{box-shadow:1px 1px 4px -2px #000}.extendedFAB:active{box-shadow:none}@media (max-width: 720px){.extendedFAB{bottom:80px}}.field-container-ui{padding:10px 0}.field-container-ui h4{font-weight:600;padding-bottom:5px;margin:0}.field-container-ui .field-container-content>*{margin-top:10px}.runing-text{min-width:100%;display:flex;position:relative;justify-content:center;overflow:hidden}.runing-text p{white-space:nowrap;text-align:center}.runing-text p.runing{text-align:left;animation:runtext 8s linear infinite}@keyframes runtext{0%{text-indent:25%}to{text-indent:-25%}}.scroll-container{width:100%;overflow-y:auto}.search-container{line-height:56px;background-color:var(--Surface-container-high-color);border-radius:24px}.search-container .search-field{display:flex;height:56px;line-height:56px}.search-container .search-field input[type=text]{flex:100%;min-width:100px;background-color:transparent;outline:none;border:none;color:var(--On-surface-variant-color);font-size:24px;padding:0 16px}.search-container .search-field>span:first-child{padding-left:16px;display:flex;align-items:center;font-size:24px;color:var(--On-surface-color);cursor:pointer}.search-container .search-field>span:last-child{padding-right:16px;display:flex;align-items:center;font-size:24px;color:var(--On-surface-color);cursor:pointer}.snackbar-container{position:fixed;z-index:3000;bottom:100px;padding:0 16px 0 12px;background-color:var(--Inverse-surface-color);color:var(--Inverse-on-surface-color);display:flex;width:90%;left:50%;transform:translate(-50%);overflow:hidden;border-radius:4px}.snackbar-container .snackbar-close{padding-left:12px;display:flex;align-items:center}.snackbar-container .snackbar-close span{cursor:pointer}.snackbar-container .snackbar-content-container{flex:100%;display:flex;justify-content:space-between}@media (max-width: 520px){.snackbar-container .snackbar-content-container{flex-direction:column}}.snackbar-container .snackbar-content-container .snackbar-text{line-height:48px}.snackbar-container .snackbar-content-container .snackbar-button-container{display:flex;justify-content:end}.snackbar-container .snackbar-content-container .snackbar-btn{color:var(--Inverse-primary-color)}.swich-container{height:32px;width:52px;display:flex;justify-content:center;align-items:center}.swich-container input[type=checkbox]{position:relative;width:52px;height:32px;-webkit-appearance:none}.swich-container input[type=checkbox]:before{content:"";width:52px;position:absolute;height:32px;background:var(--Surface-variant-color);border-radius:32px;border:2px solid var(--Outline-color)}.swich-container input[type=checkbox]:checked:before{background-color:var(--Primary-color)}.swich-container input[type=checkbox]:after{content:"";width:16px;height:16px;position:absolute;left:8px;top:10px;transition:.3s;background-color:var(--Outline-color);border-radius:50%;box-sizing:border-box}.swich-container input[type=checkbox]:checked:after{left:25px;background-color:var(--On-primary-color);width:24px;height:24px;top:6px}.dialog-container{padding:24px 0;background-color:var(--Surface-container-high-color);box-shadow:1px 1px 6px -2px var(--Shadow-color);min-width:280px;max-width:560px;width:calc(100% - 40px);border-radius:28px;position:fixed;display:flex;flex-direction:column;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000}.dialog-container .dialog-header{flex:100%;padding-bottom:16px;padding-left:24px;padding-right:24px;color:var(--On-surface-color)}.dialog-container .dialog-header h2{display:inline}.dialog-container .dialog-action{flex:100%;padding-top:24px;padding-left:24px;padding-right:24px}.dialog-container .dialog-content{flex:100%;overflow-y:auto;position:relative;color:var(--On-surface-variant-color)}.dialog-container .dialog-content>*{padding-left:24px;padding-right:24px}.dialog-container .dialog-button-container{display:flex;justify-content:end}.dialog-container .dialog-input-container{margin:8px 0 0}.full-screen-dialog-base-format{max-height:85vh}.full-screen-dialog-container{position:fixed;z-index:900;top:0;left:0;width:100%;height:calc(100vh - 80px);background-color:var(--Surface-container-high-color)}.full-screen-dialog-container .full-screen-dialog-header{display:flex;height:56px}.full-screen-dialog-container .full-screen-dialog-header .header{flex:100%;line-height:56px;color:var(--On-surface-color);font-size:24px;font-weight:700}.full-screen-dialog-container .full-screen-dialog-header .dialog-icon-container{width:56px;flex:56px;line-height:56px;display:flex;justify-content:center;align-items:center}.full-screen-dialog-container .full-screen-dialog-header .save-container{height:56px;display:flex;color:var(--Primary-color);align-items:center}.full-screen-dialog-container .full-screen-dialog-content{height:calc(100% - 56px);padding:0 10px}.calendar-body-container{padding:20px 12px 12px;max-width:328px;width:100%;min-height:428px;background-color:var(--Surface-container-high-color);color:var(--On-surface-variant-color);box-shadow:0 0 5px -3px var(--Shadow-color);border-radius:10px;z-index:1000}.calendar-body-container .calendar-body-select-container{display:flex;padding-bottom:30px;border-bottom:1px solid var(--Outline-variant-color)}.calendar-body-container .calendar-body-select-container>div{flex:100%;display:flex;justify-content:center}.calendar-body-container .calendar-body-select-container>div span{cursor:pointer;display:flex;transition:.4s}.calendar-body-container .calendar-body-select-container>div span svg{transition:.4s}.calendar-body-container .calendar-body-select-container>div span.active>svg{transform:rotate(180deg)}.calendar-body-container .calendar-body-dayofweek-container{display:flex;justify-content:space-around;margin-bottom:16px}.calendar-body-container .calendar-body-dayofweek-container span{display:flex;justify-content:center;align-items:center;width:24px;height:24px;font-size:20px}.calendar-body-container .calendar-body-months-container,.calendar-body-container .calendar-body-years-container{height:284px;overflow-y:scroll}.calendar-body-container .calendar-body-months-container .calendar-body-months-item,.calendar-body-container .calendar-body-months-container .calendar-body-year-item,.calendar-body-container .calendar-body-years-container .calendar-body-months-item,.calendar-body-container .calendar-body-years-container .calendar-body-year-item{height:56px;display:flex;color:var(--On-surface-color);background-color:var(--Surface-container-high-color);align-items:center}.calendar-body-container .calendar-body-months-container .calendar-body-months-item .status-container,.calendar-body-container .calendar-body-months-container .calendar-body-year-item .status-container,.calendar-body-container .calendar-body-years-container .calendar-body-months-item .status-container,.calendar-body-container .calendar-body-years-container .calendar-body-year-item .status-container{height:24px;width:24px;margin-right:16px}.calendar-body-container .calendar-body-months-container .calendar-body-months-item:hover,.calendar-body-container .calendar-body-months-container .calendar-body-year-item:hover,.calendar-body-container .calendar-body-years-container .calendar-body-months-item:hover,.calendar-body-container .calendar-body-years-container .calendar-body-year-item:hover{background-color:var(--Surface-variant-color)}.calendar-body-container .calendar-body-days-container{height:284px;display:grid;grid-template-columns:repeat(7,1fr);justify-content:center;grid-auto-rows:1fr}.calendar-body-container .calendar-body-days-container .day{max-width:40px;width:100%;height:40px;display:flex;justify-content:center;align-items:center;border-radius:50%;color:var(--On-surface-color)}.calendar-body-container .calendar-body-days-container .day.other{color:var(--On-surface-variant-color)}.calendar-body-container .calendar-body-days-container .day.now{color:var(--Primary-color);border:1px solid var(--Primary-color)}.calendar-body-container .calendar-body-days-container .day:hover,.calendar-body-container .calendar-body-days-container .day.select{background-color:var(--Primary-color);color:var(--On-primary-color)}.calendar-body-container .calendar-body-action-container{height:40px;display:flex;justify-content:end}.enter-time-container .time-type{padding-bottom:20px;color:var(--On-surface-variant-color)}.enter-time-container .time-input-container{padding-bottom:24px;display:flex;justify-content:center}.enter-time-container .time-input-container .time-input{width:96px}.enter-time-container .time-input-container .time-input span{color:var(--On-surface-variant-color)}.enter-time-container .time-input-container .time-input .input-container{position:relative;border-radius:10px;overflow:hidden}.enter-time-container .time-input-container .time-input .input-container:before{content:"";position:absolute;left:0;top:0;z-index:1;width:100%;height:100%;opacity:20%;background-color:var(--Primary-color)}.enter-time-container .time-input-container .time-input .input-container input{width:96px;position:relative;height:72px;z-index:2;border-radius:10px;border:none;outline:none;transition:.3s;background-color:var(--Surface-container-highest-color);color:var(--On-surface-color);text-align:center;font-size:32px}.enter-time-container .time-input-container .time-input .input-container input::-webkit-outer-spin-button,.enter-time-container .time-input-container .time-input .input-container input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.enter-time-container .time-input-container .time-input .input-container input:focus{background-color:transparent}.enter-time-container .time-input-container .time-separator{height:72px;line-height:72px;width:24px;font-size:57px;text-align:center;color:var(--On-surface-color)}.enter-time-container .enter-time-action{display:flex;justify-content:end;position:relative}.enter-time-container .enter-time-action .enter-time-action-btn{height:30px;min-width:60px;padding:0 5px;color:var(--color-active);border-radius:20px}.enter-time-container .enter-time-action .enter-time-action-btn:active{box-shadow:inset 0 5px 5px -3px #0003,inset 0 4px 5px #00000024,inset 0 1px 10px #0000001f}.enter-time-container .enter-time-action .enter-time-icon{width:24px;height:100%;position:absolute;top:0;left:24px;color:var(--Primary-color);display:flex;align-items:center;cursor:pointer}.enter-time-container .enter-time-action .enter-time-icon:active>svg{border-radius:10px;box-shadow:inset 0 5px 5px -3px #0003,inset 0 4px 5px #00000024,inset 0 1px 10px #0000001f}.clock-input-container .clock-input{--clock-radius: 128px ;width:calc(var(--clock-radius) * 2);height:calc(var(--clock-radius) * 2);position:relative;margin:auto;background-color:var(--Surface-container-highest-color);border-radius:50%}.clock-input-container .clock-input span.center{width:10px;border-radius:50%;background-color:var(--Primary-color);height:10px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.clock-input-container .clock-input .clock-input-am{position:absolute;width:100%;height:100%;left:0;border-radius:50%;top:0}.clock-input-container .clock-input .clock-input-am span{position:absolute;top:50%;left:50%;width:48px;height:48px;line-height:48px;color:var(--On-surface-color);text-align:center;border-radius:50%;z-index:4}.clock-input-container .clock-input .clock-input-am span:before{content:"";width:calc(var(--clock-radius) - 20px);height:2px;background-color:var(--Primary-color);position:absolute;top:50%;left:50%;display:none;transform-origin:left top;z-index:3}.clock-input-container .clock-input .clock-input-am span:hover{background-color:var(--Primary-color);color:var(--On-primary-color)}.clock-input-container .clock-input .clock-input-am span:hover:before{display:block}.clock-input-container .clock-input .clock-input-am span:nth-of-type(1){transform:rotate(300deg) translate(calc(var(--clock-radius) - 20px)) rotate(-300deg) translate(-24px,-24px)}.clock-input-container .clock-input .clock-input-am span:nth-of-type(1):before{transform:rotate(120deg)}.clock-input-container .clock-input .clock-input-am span:nth-of-type(2){transform:rotate(330deg) translate(calc(var(--clock-radius) - 20px)) rotate(-330deg) translate(-24px,-24px)}.clock-input-container .clock-input .clock-input-am span:nth-of-type(2):before{transform:rotate(150deg)}.clock-input-container .clock-input .clock-input-am span:nth-of-type(3){transform:rotate(0) translate(calc(var(--clock-radius) - 20px)) rotate(0) translate(-24px,-24px)}.clock-input-container .clock-input .clock-input-am span:nth-of-type(3):before{transform:rotate(180deg)}.clock-input-container .clock-input .clock-input-am span:nth-of-type(4){transform:rotate(30deg) translate(calc(var(--clock-radius) - 20px)) rotate(-30deg) translate(-24px,-24px)}.clock-input-container .clock-input .clock-input-am span:nth-of-type(4):before{transform:rotate(210deg)}.clock-input-container .clock-input .clock-input-am span:nth-of-type(5){transform:rotate(60deg) translate(calc(var(--clock-radius) - 20px)) rotate(-60deg) translate(-24px,-24px)}.clock-input-container .clock-input .clock-input-am span:nth-of-type(5):before{transform:rotate(240deg)}.clock-input-container .clock-input .clock-input-am span:nth-of-type(6){transform:rotate(90deg) translate(calc(var(--clock-radius) - 20px)) rotate(-90deg) translate(-24px,-24px)}.clock-input-container .clock-input .clock-input-am span:nth-of-type(6):before{transform:rotate(270deg)}.clock-input-container .clock-input .clock-input-am span:nth-of-type(7){transform:rotate(120deg) translate(calc(var(--clock-radius) - 20px)) rotate(-120deg) translate(-24px,-24px)}.clock-input-container .clock-input .clock-input-am span:nth-of-type(7):before{transform:rotate(300deg)}.clock-input-container .clock-input .clock-input-am span:nth-of-type(8){transform:rotate(150deg) translate(calc(var(--clock-radius) - 20px)) rotate(-150deg) translate(-24px,-24px)}.clock-input-container .clock-input .clock-input-am span:nth-of-type(8):before{transform:rotate(330deg)}.clock-input-container .clock-input .clock-input-am span:nth-of-type(9){transform:rotate(180deg) translate(calc(var(--clock-radius) - 20px)) rotate(-180deg) translate(-24px,-24px)}.clock-input-container .clock-input .clock-input-am span:nth-of-type(9):before{transform:rotate(0)}.clock-input-container .clock-input .clock-input-am span:nth-of-type(10){transform:rotate(210deg) translate(calc(var(--clock-radius) - 20px)) rotate(-210deg) translate(-24px,-24px)}.clock-input-container .clock-input .clock-input-am span:nth-of-type(10):before{transform:rotate(30deg)}.clock-input-container .clock-input .clock-input-am span:nth-of-type(11){transform:rotate(240deg) translate(calc(var(--clock-radius) - 20px)) rotate(-240deg) translate(-24px,-24px)}.clock-input-container .clock-input .clock-input-am span:nth-of-type(11):before{transform:rotate(60deg)}.clock-input-container .clock-input .clock-input-am span:nth-of-type(12){transform:rotate(270deg) translate(calc(var(--clock-radius) - 20px)) rotate(-270deg) translate(-24px,-24px)}.clock-input-container .clock-input .clock-input-am span:nth-of-type(12):before{transform:rotate(90deg)}.clock-input-container .clock-input .clock-input-pm{position:absolute;width:calc(100% - 80px);border-radius:50%;height:calc(100% - 80px);left:40px;top:40px}.clock-input-container .clock-input .clock-input-pm span{position:absolute;top:50%;left:50%;width:48px;height:48px;line-height:48px;color:var(--On-surface-color);border-radius:50%;text-align:center}.clock-input-container .clock-input .clock-input-pm span:before{content:"";width:calc(var(--clock-radius) - 60px);height:2px;background-color:var(--Primary-color);position:absolute;top:50%;left:50%;transform-origin:left top;display:none}.clock-input-container .clock-input .clock-input-pm span:hover{background-color:var(--Primary-color);color:var(--On-primary-color)}.clock-input-container .clock-input .clock-input-pm span:hover:before{display:block}.clock-input-container .clock-input .clock-input-pm span:nth-of-type(1){transform:rotate(300deg) translate(calc(var(--clock-radius) - 60px)) rotate(-300deg) translate(-24px,-24px)}.clock-input-container .clock-input .clock-input-pm span:nth-of-type(1):before{transform:rotate(120deg)}.clock-input-container .clock-input .clock-input-pm span:nth-of-type(2){transform:rotate(330deg) translate(calc(var(--clock-radius) - 60px)) rotate(-330deg) translate(-24px,-24px)}.clock-input-container .clock-input .clock-input-pm span:nth-of-type(2):before{transform:rotate(150deg)}.clock-input-container .clock-input .clock-input-pm span:nth-of-type(3){transform:rotate(0) translate(calc(var(--clock-radius) - 60px)) rotate(0) translate(-24px,-24px)}.clock-input-container .clock-input .clock-input-pm span:nth-of-type(3):before{transform:rotate(180deg)}.clock-input-container .clock-input .clock-input-pm span:nth-of-type(4){transform:rotate(30deg) translate(calc(var(--clock-radius) - 60px)) rotate(-30deg) translate(-24px,-24px)}.clock-input-container .clock-input .clock-input-pm span:nth-of-type(4):before{transform:rotate(210deg)}.clock-input-container .clock-input .clock-input-pm span:nth-of-type(5){transform:rotate(60deg) translate(calc(var(--clock-radius) - 60px)) rotate(-60deg) translate(-24px,-24px)}.clock-input-container .clock-input .clock-input-pm span:nth-of-type(5):before{transform:rotate(240deg)}.clock-input-container .clock-input .clock-input-pm span:nth-of-type(6){transform:rotate(90deg) translate(calc(var(--clock-radius) - 60px)) rotate(-90deg) translate(-24px,-24px)}.clock-input-container .clock-input .clock-input-pm span:nth-of-type(6):before{transform:rotate(270deg)}.clock-input-container .clock-input .clock-input-pm span:nth-of-type(7){transform:rotate(120deg) translate(calc(var(--clock-radius) - 60px)) rotate(-120deg) translate(-24px,-24px)}.clock-input-container .clock-input .clock-input-pm span:nth-of-type(7):before{transform:rotate(300deg)}.clock-input-container .clock-input .clock-input-pm span:nth-of-type(8){transform:rotate(150deg) translate(calc(var(--clock-radius) - 60px)) rotate(-150deg) translate(-24px,-24px)}.clock-input-container .clock-input .clock-input-pm span:nth-of-type(8):before{transform:rotate(330deg)}.clock-input-container .clock-input .clock-input-pm span:nth-of-type(9){transform:rotate(180deg) translate(calc(var(--clock-radius) - 60px)) rotate(-180deg) translate(-24px,-24px)}.clock-input-container .clock-input .clock-input-pm span:nth-of-type(9):before{transform:rotate(0)}.clock-input-container .clock-input .clock-input-pm span:nth-of-type(10){transform:rotate(210deg) translate(calc(var(--clock-radius) - 60px)) rotate(-210deg) translate(-24px,-24px)}.clock-input-container .clock-input .clock-input-pm span:nth-of-type(10):before{transform:rotate(30deg)}.clock-input-container .clock-input .clock-input-pm span:nth-of-type(11){transform:rotate(240deg) translate(calc(var(--clock-radius) - 60px)) rotate(-240deg) translate(-24px,-24px)}.clock-input-container .clock-input .clock-input-pm span:nth-of-type(11):before{transform:rotate(60deg)}.clock-input-container .clock-input .clock-input-pm span:nth-of-type(12){transform:rotate(270deg) translate(calc(var(--clock-radius) - 60px)) rotate(-270deg) translate(-24px,-24px)}.clock-input-container .clock-input .clock-input-pm span:nth-of-type(12):before{transform:rotate(90deg)}.clock-input-container .clock-input .clock-input-minute{position:absolute;width:100%;height:100%;left:0;border-radius:50%;top:0}.clock-input-container .clock-input .clock-input-minute span{position:absolute;top:50%;left:50%;width:48px;height:48px;line-height:48px;text-align:center;border-radius:50%;z-index:4;color:var(--On-surface-color)}.clock-input-container .clock-input .clock-input-minute span:before{content:"";width:calc(var(--clock-radius) - 20px);height:2px;background-color:var(--Primary-color);position:absolute;top:50%;left:50%;display:none;transform-origin:left top;z-index:3}.clock-input-container .clock-input .clock-input-minute span:hover{background-color:var(--Primary-color);color:var(--On-primary-color)}.clock-input-container .clock-input .clock-input-minute span:hover:before{display:block}.clock-input-container .clock-input .clock-input-minute span:nth-of-type(1){transform:rotate(270deg) translate(calc(var(--clock-radius) - 20px)) rotate(-270deg) translate(-24px,-24px)}.clock-input-container .clock-input .clock-input-minute span:nth-of-type(1):before{transform:rotate(90deg)}.clock-input-container .clock-input .clock-input-minute span:nth-of-type(2){transform:rotate(300deg) translate(calc(var(--clock-radius) - 20px)) rotate(-300deg) translate(-24px,-24px)}.clock-input-container .clock-input .clock-input-minute span:nth-of-type(2):before{transform:rotate(120deg)}.clock-input-container .clock-input .clock-input-minute span:nth-of-type(3){transform:rotate(330deg) translate(calc(var(--clock-radius) - 20px)) rotate(-330deg) translate(-24px,-24px)}.clock-input-container .clock-input .clock-input-minute span:nth-of-type(3):before{transform:rotate(150deg)}.clock-input-container .clock-input .clock-input-minute span:nth-of-type(4){transform:rotate(0) translate(calc(var(--clock-radius) - 20px)) rotate(0) translate(-24px,-24px)}.clock-input-container .clock-input .clock-input-minute span:nth-of-type(4):before{transform:rotate(180deg)}.clock-input-container .clock-input .clock-input-minute span:nth-of-type(5){transform:rotate(30deg) translate(calc(var(--clock-radius) - 20px)) rotate(-30deg) translate(-24px,-24px)}.clock-input-container .clock-input .clock-input-minute span:nth-of-type(5):before{transform:rotate(210deg)}.clock-input-container .clock-input .clock-input-minute span:nth-of-type(6){transform:rotate(60deg) translate(calc(var(--clock-radius) - 20px)) rotate(-60deg) translate(-24px,-24px)}.clock-input-container .clock-input .clock-input-minute span:nth-of-type(6):before{transform:rotate(240deg)}.clock-input-container .clock-input .clock-input-minute span:nth-of-type(7){transform:rotate(90deg) translate(calc(var(--clock-radius) - 20px)) rotate(-90deg) translate(-24px,-24px)}.clock-input-container .clock-input .clock-input-minute span:nth-of-type(7):before{transform:rotate(270deg)}.clock-input-container .clock-input .clock-input-minute span:nth-of-type(8){transform:rotate(120deg) translate(calc(var(--clock-radius) - 20px)) rotate(-120deg) translate(-24px,-24px)}.clock-input-container .clock-input .clock-input-minute span:nth-of-type(8):before{transform:rotate(300deg)}.clock-input-container .clock-input .clock-input-minute span:nth-of-type(9){transform:rotate(150deg) translate(calc(var(--clock-radius) - 20px)) rotate(-150deg) translate(-24px,-24px)}.clock-input-container .clock-input .clock-input-minute span:nth-of-type(9):before{transform:rotate(330deg)}.clock-input-container .clock-input .clock-input-minute span:nth-of-type(10){transform:rotate(180deg) translate(calc(var(--clock-radius) - 20px)) rotate(-180deg) translate(-24px,-24px)}.clock-input-container .clock-input .clock-input-minute span:nth-of-type(10):before{transform:rotate(0)}.clock-input-container .clock-input .clock-input-minute span:nth-of-type(11){transform:rotate(210deg) translate(calc(var(--clock-radius) - 20px)) rotate(-210deg) translate(-24px,-24px)}.clock-input-container .clock-input .clock-input-minute span:nth-of-type(11):before{transform:rotate(30deg)}.clock-input-container .clock-input .clock-input-minute span:nth-of-type(12){transform:rotate(240deg) translate(calc(var(--clock-radius) - 20px)) rotate(-240deg) translate(-24px,-24px)}.clock-input-container .clock-input .clock-input-minute span:nth-of-type(12):before{transform:rotate(60deg)}.days-week-field-container{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-gap:10px;padding:15px 10px 10px;width:100%;flex-wrap:wrap}.days-week-field-container>label{flex:100%;display:flex;flex-direction:column;justify-content:center;position:relative;height:32px;min-width:40px;border-radius:10px;overflow:hidden;align-items:center}.days-week-field-container>label span{position:absolute;text-align:center;top:0;left:0;width:100%;height:100%;line-height:32px;background-color:var(--Secondary-container-color);color:var(--On-secondary-container-color)}.days-week-field-container>label input{display:none}.days-week-field-container>label input:checked+span{background-color:var(--Primary-color);color:var(--On-primary-color)}@media (max-width: 400px){.days-week-field-container{grid-template-columns:1fr 1fr 1fr 1fr}}.adaptiv-grid-layout{justify-content:center}.adaptiv-grid-item-container{display:flex;justify-content:center}.menu-container{position:absolute;z-index:2000;min-width:112px;max-width:280px;background-color:var(--Surface-container-color);box-shadow:1px 1px 6px -2px var(--Shadow-color);color:var(--On-surface-color);border-radius:4px;font-size:14px}.menu-container .menu-status-container{line-height:24px;margin-left:5px}.menu-container .none-status{width:24px;height:24px;display:block}.menu-container .menu-status-submenu{width:10px;height:10px;display:block;border-bottom:2px solid var(--On-surface-color);border-left:2px solid var(--On-surface-color);transform:rotate(225deg);transition:.3s}.menu-container .menu-status-submenu.active{transform:rotate(45deg)}.menu-container .menu-block{padding-bottom:8px;padding-top:8px;z-index:3}.menu-container .menu-block .menu-item-conatiner{position:relative}.menu-container .menu-block .menu-item-conatiner .menu-sub-block{padding-bottom:8px;min-width:112px;max-width:280px;padding-top:8px;position:absolute;left:100%;z-index:5;top:0;background-color:var(--Surface-container-color);box-shadow:1px 1px 6px -2px var(--Shadow-color);border-radius:4px}.menu-container .menu-item,.menu-container .menu-sub-item,.bottom-sheets-menu-container .menu-item,.bottom-sheets-menu-container .menu-sub-item{padding-right:12px;line-height:48px;height:48px;font-size:14px;padding-left:12px;display:flex;justify-content:start;transition:.3s;border-radius:4px;align-items:center}.menu-container .menu-item:first-child,.menu-container .menu-sub-item:first-child,.bottom-sheets-menu-container .menu-item:first-child,.bottom-sheets-menu-container .menu-sub-item:first-child{height:56px}.menu-container .menu-item:last-child,.menu-container .menu-sub-item:last-child,.bottom-sheets-menu-container .menu-item:last-child,.bottom-sheets-menu-container .menu-sub-item:last-child{height:56px}.menu-container .menu-item .menu-icon-container,.menu-container .menu-sub-item .menu-icon-container,.bottom-sheets-menu-container .menu-item .menu-icon-container,.bottom-sheets-menu-container .menu-sub-item .menu-icon-container{margin-right:12px;font-size:24px;line-height:24px;width:24px;height:24px}.menu-container .menu-item .menu-text-container,.menu-container .menu-sub-item .menu-text-container,.bottom-sheets-menu-container .menu-item .menu-text-container,.bottom-sheets-menu-container .menu-sub-item .menu-text-container{flex:100%}.menu-container .menu-item:hover,.menu-container .menu-sub-item:hover,.bottom-sheets-menu-container .menu-item:hover,.bottom-sheets-menu-container .menu-sub-item:hover{box-shadow:0 0 10px -5px}.menu-container .menu-item:active,.menu-container .menu-sub-item:active,.bottom-sheets-menu-container .menu-item:active,.bottom-sheets-menu-container .menu-sub-item:active{box-shadow:inset 0 0 10px -5px}.bottom-sheets-menu-container .menu-status-submenu{width:10px;height:10px;display:block;border-bottom:2px solid var(--On-surface-color);border-left:2px solid var(--On-surface-color);transform:rotate(-45deg);transition:.3s}.bottom-sheets-menu-container .menu-status-submenu.active{transform:rotate(135deg)}.bottom-sheets-menu-container .menu-block{padding-bottom:8px;padding-top:8px;z-index:3}.bottom-sheets-menu-container .menu-block .menu-item-conatiner{position:relative}.bottom-sheets-menu-container .menu-block .menu-item-conatiner .menu-sub-block{padding-bottom:8px;width:100%;padding-top:8px;left:100%;z-index:5;top:0;background-color:var(--Surface-container-high-color);border-radius:4px}.table-container{max-width:1170px;margin:auto;padding:0 15px;overflow-x:auto}.table-container table{width:100%;box-shadow:var(--Shadow-base);border-collapse:collapse}.table-container table .table-actions-header{height:68px}.table-container table .min-width{min-width:150px}.table-container table th,.table-container table td{text-align:center;padding:10px}.table-container table th{background-color:var(--Primary-color);color:var(--On-primary-color)}.table-container table td{background-color:var(--Surface-container-high-color);color:var(--On-surface-color);transition:.2s}.table-container table td p{display:flex;justify-content:center}.table-container table td .table-edit-button{display:flex;flex-wrap:nowrap}.table-container table tr:nth-child(2n) td{background-color:var(--Surface-container-color)}.table-container table tr:hover td{background-color:var(--Surface-container-highest-color)}.table-container.clicked table tr td{cursor:pointer}.table-container.clicked table tr:active td{background-color:var(--Surface-container-low-color)}@media (max-width: 720px){.table-container.auto-rotate table{display:flex;position:relative;width:100%;white-space:nowrap;height:100%;align-items:stretch}.table-container.auto-rotate table *{outline:none}.table-container.auto-rotate table thead,.table-container.auto-rotate table tbody,.table-container.auto-rotate table thead th{display:block;position:relative}.table-container.auto-rotate table thead{height:100%;flex-grow:1}.table-container.auto-rotate table tbody{overflow-x:auto;flex:100%;width:100%}.table-container.auto-rotate table tbody tr{display:table-cell}.table-container.auto-rotate table tbody tr td{display:block;max-width:180px;overflow:hidden;text-overflow:ellipsis}}@media (max-width: 400px){.table-container.auto-rotate table .min-width{min-width:auto}}body{--Primary-color: #6750A4;--Primary-container-color: #EADDFF;--On-primary-color: #FFFFFF;--On-primary-container-color: #21005E;--Inverse-primary-color: #D0BCFF;--Secondary-color: #625B71;--Secondary-container-color: #E8DEF8;--On-secondary-color: #FFFFFF;--On-secondary-container-color: #1E192B;--Tertiary-color: #7D5260;--Tertiary-container-color: #FFD8E4;--On-tertiary-color: #FFFFFF;--On-tertiary-container-color: #370B1E;--Surface-color: #FEF7FF;--Surface-dim-color: #DED8E1;--Surface-bright-color: #FEF7FF;--Surface-container-lowest-color: #FFFFFF;--Surface-container-low-color: #F7F2FA;--Surface-container-color: #F3EDF7;--Surface-container-high-color: #ECE6F0;--Surface-container-highest-color: #E6E0E9;--Surface-variant-color: #E7E0EC;--On-surface-color: #1C1B1F;--On-surface-variant-color: #49454E;--Inverse-surface-color: #313033;--Inverse-on-surface-color: #F4EFF4;--Background-color: #FEF7FF;--On-background-color: #1C1B1F;--Error-color: #B3261E;--Error-container-color: #F9DEDC;--On-error-color: #FFFFFF;--On-error-container-color: #410E0B;--Outline-color: #79747E;--Outline-variant-color: #C4C7C5;--Shadow-color: #000000;--Surface-tint-color: #6750A4;--Scrim-color: #000000;--Shadow-base: 0 0 5px -3px var(--Shadow-color);--card-border-radius: 4px;background-size:cover;background-attachment:fixed}.sh-bg-active{background-color:var(--text-active)}.sh-text-bg-ct-1,.sh-text-bg-ct-1-1,.sh-text-bg-ct-1-2{background-color:var(--text-base)}.sh-text-bg-ct-2,.sh-text-bg-ct-2-1,.sh-text-bg-ct-2-2{background-color:var(--text-normal)}.sh-bg-active{background-color:var(--color-active)}.sh-bg-ct-1,.sh-bg-ct-1-1{background-color:var(--color-base)}.sh-bg-ct-2,.sh-bg-ct-2-1{background-color:var(--color-normal)}.sh-bg-ct-1-2{background-color:var(--color-base-v2)}.sh-bg-ct-2-2{background-color:var(--color-normal-v2)}.sh-text-active{color:var(--color-active)}.sh-text-ct-1,.sh-text-ct-1-1{color:var(--color-base)}.sh-text-ct-2,.sh-text-ct-2-1{color:var(--color-normal)}.sh-text-ct-1-2{color:var(--color-base-v2)}.sh-text-ct-2-2{color:var(--color-normal-v2)}.btn-overlay{position:absolute;height:400px;width:400px;background:#fff;top:0;z-index:100;left:0;transform:translate(-50%,-50%);border-radius:50%;opacity:.5s;animation:blink .5s linear infinite}@keyframes blink{0%{height:0px;width:0px;opacity:.5}to{height:400px;width:400px;opacity:0}}.backplate{position:fixed;top:0;left:0;width:100%;height:100vh}.btn-container{display:flex;justify-content:end}.additional-information{padding:10px 0;color:var(--On-surface-variant-color);font-size:14px}
+`,document.head.appendChild(Ne);var xe={exports:{}},$={};/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var Se;function xt(){if(Se)return $;Se=1;var t=p,a=Symbol.for("react.element"),r=Symbol.for("react.fragment"),o=Object.prototype.hasOwnProperty,l=t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,s={key:!0,ref:!0,__self:!0,__source:!0};function d(i,c,h){var x,g={},m=null,w=null;h!==void 0&&(m=""+h),c.key!==void 0&&(m=""+c.key),c.ref!==void 0&&(w=c.ref);for(x in c)o.call(c,x)&&!s.hasOwnProperty(x)&&(g[x]=c[x]);if(i&&i.defaultProps)for(x in c=i.defaultProps,c)g[x]===void 0&&(g[x]=c[x]);return{$$typeof:a,type:i,key:m,ref:w,props:g,_owner:l.current}}return $.Fragment=r,$.jsx=d,$.jsxs=d,$}var ee={};/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var Ee;function ht(){return Ee||(Ee=1,process.env.NODE_ENV!=="production"&&function(){var t=p,a=Symbol.for("react.element"),r=Symbol.for("react.portal"),o=Symbol.for("react.fragment"),l=Symbol.for("react.strict_mode"),s=Symbol.for("react.profiler"),d=Symbol.for("react.provider"),i=Symbol.for("react.context"),c=Symbol.for("react.forward_ref"),h=Symbol.for("react.suspense"),x=Symbol.for("react.suspense_list"),g=Symbol.for("react.memo"),m=Symbol.for("react.lazy"),w=Symbol.for("react.offscreen"),C=Symbol.iterator,S="@@iterator";function F(n){if(n===null||typeof n!="object")return null;var u=C&&n[C]||n[S];return typeof u=="function"?u:null}var _=t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function E(n){{for(var u=arguments.length,f=new Array(u>1?u-1:0),k=1;k<u;k++)f[k-1]=arguments[k];I("error",n,f)}}function I(n,u,f){{var k=_.ReactDebugCurrentFrame,N=k.getStackAddendum();N!==""&&(u+="%s",f=f.concat([N]));var O=f.map(function(j){return String(j)});O.unshift("Warning: "+u),Function.prototype.apply.call(console[n],console,O)}}var b=!1,T=!1,Y=!1,K=!1,ne=!1,Z;Z=Symbol.for("react.module.reference");function le(n){return!!(typeof n=="string"||typeof n=="function"||n===o||n===s||ne||n===l||n===h||n===x||K||n===w||b||T||Y||typeof n=="object"&&n!==null&&(n.$$typeof===m||n.$$typeof===g||n.$$typeof===d||n.$$typeof===i||n.$$typeof===c||n.$$typeof===Z||n.getModuleId!==void 0))}function U(n,u,f){var k=n.displayName;if(k)return k;var N=u.displayName||u.name||"";return N!==""?f+"("+N+")":f}function Ke(n){return n.displayName||"Context"}function W(n){if(n==null)return null;if(typeof n.tag=="number"&&E("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),typeof n=="function")return n.displayName||n.name||null;if(typeof n=="string")return n;switch(n){case o:return"Fragment";case r:return"Portal";case s:return"Profiler";case l:return"StrictMode";case h:return"Suspense";case x:return"SuspenseList"}if(typeof n=="object")switch(n.$$typeof){case i:var u=n;return Ke(u)+".Consumer";case d:var f=n;return Ke(f._context)+".Provider";case c:return U(n,n.render,"ForwardRef");case g:var k=n.displayName||null;return k!==null?k:W(n.type)||"Memo";case m:{var N=n,O=N._payload,j=N._init;try{return W(j(O))}catch{return null}}}return null}var X=Object.assign,ae=0,Ue,Xe,Ge,He,Je,Ze,Qe;function qe(){}qe.__reactDisabledLog=!0;function bn(){{if(ae===0){Ue=console.log,Xe=console.info,Ge=console.warn,He=console.error,Je=console.group,Ze=console.groupCollapsed,Qe=console.groupEnd;var n={configurable:!0,enumerable:!0,value:qe,writable:!0};Object.defineProperties(console,{info:n,log:n,warn:n,error:n,group:n,groupCollapsed:n,groupEnd:n})}ae++}}function gn(){{if(ae--,ae===0){var n={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:X({},n,{value:Ue}),info:X({},n,{value:Xe}),warn:X({},n,{value:Ge}),error:X({},n,{value:He}),group:X({},n,{value:Je}),groupCollapsed:X({},n,{value:Ze}),groupEnd:X({},n,{value:Qe})})}ae<0&&E("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var me=_.ReactCurrentDispatcher,be;function se(n,u,f){{if(be===void 0)try{throw Error()}catch(N){var k=N.stack.trim().match(/\n( *(at )?)/);be=k&&k[1]||""}return`
+`+be+n}}var ge=!1,de;{var vn=typeof WeakMap=="function"?WeakMap:Map;de=new vn}function $e(n,u){if(!n||ge)return"";{var f=de.get(n);if(f!==void 0)return f}var k;ge=!0;var N=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var O;O=me.current,me.current=null,bn();try{if(u){var j=function(){throw Error()};if(Object.defineProperty(j.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(j,[])}catch(z){k=z}Reflect.construct(n,[],j)}else{try{j.call()}catch(z){k=z}n.call(j.prototype)}}else{try{throw Error()}catch(z){k=z}n()}}catch(z){if(z&&k&&typeof z.stack=="string"){for(var y=z.stack.split(`
+`),M=k.stack.split(`
+`),R=y.length-1,P=M.length-1;R>=1&&P>=0&&y[R]!==M[P];)P--;for(;R>=1&&P>=0;R--,P--)if(y[R]!==M[P]){if(R!==1||P!==1)do if(R--,P--,P<0||y[R]!==M[P]){var B=`
+`+y[R].replace(" at new "," at ");return n.displayName&&B.includes("<anonymous>")&&(B=B.replace("<anonymous>",n.displayName)),typeof n=="function"&&de.set(n,B),B}while(R>=1&&P>=0);break}}}finally{ge=!1,me.current=O,gn(),Error.prepareStackTrace=N}var q=n?n.displayName||n.name:"",G=q?se(q):"";return typeof n=="function"&&de.set(n,G),G}function kn(n,u,f){return $e(n,!1)}function yn(n){var u=n.prototype;return!!(u&&u.isReactComponent)}function ue(n,u,f){if(n==null)return"";if(typeof n=="function")return $e(n,yn(n));if(typeof n=="string")return se(n);switch(n){case h:return se("Suspense");case x:return se("SuspenseList")}if(typeof n=="object")switch(n.$$typeof){case c:return kn(n.render);case g:return ue(n.type,u,f);case m:{var k=n,N=k._payload,O=k._init;try{return ue(O(N),u,f)}catch{}}}return""}var re=Object.prototype.hasOwnProperty,et={},tt=_.ReactDebugCurrentFrame;function pe(n){if(n){var u=n._owner,f=ue(n.type,n._source,u?u.type:null);tt.setExtraStackFrame(f)}else tt.setExtraStackFrame(null)}function jn(n,u,f,k,N){{var O=Function.call.bind(re);for(var j in n)if(O(n,j)){var y=void 0;try{if(typeof n[j]!="function"){var M=Error((k||"React class")+": "+f+" type `"+j+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof n[j]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw M.name="Invariant Violation",M}y=n[j](u,j,k,f,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(R){y=R}y&&!(y instanceof Error)&&(pe(N),E("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",k||"React class",f,j,typeof y),pe(null)),y instanceof Error&&!(y.message in et)&&(et[y.message]=!0,pe(N),E("Failed %s type: %s",f,y.message),pe(null))}}}var wn=Array.isArray;function ve(n){return wn(n)}function Cn(n){{var u=typeof Symbol=="function"&&Symbol.toStringTag,f=u&&n[Symbol.toStringTag]||n.constructor.name||"Object";return f}}function Nn(n){try{return nt(n),!1}catch{return!0}}function nt(n){return""+n}function at(n){if(Nn(n))return E("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",Cn(n)),nt(n)}var oe=_.ReactCurrentOwner,Sn={key:!0,ref:!0,__self:!0,__source:!0},rt,ot,ke;ke={};function En(n){if(re.call(n,"ref")){var u=Object.getOwnPropertyDescriptor(n,"ref").get;if(u&&u.isReactWarning)return!1}return n.ref!==void 0}function On(n){if(re.call(n,"key")){var u=Object.getOwnPropertyDescriptor(n,"key").get;if(u&&u.isReactWarning)return!1}return n.key!==void 0}function Tn(n,u){if(typeof n.ref=="string"&&oe.current&&u&&oe.current.stateNode!==u){var f=W(oe.current.type);ke[f]||(E('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref',W(oe.current.type),n.ref),ke[f]=!0)}}function Fn(n,u){{var f=function(){rt||(rt=!0,E("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",u))};f.isReactWarning=!0,Object.defineProperty(n,"key",{get:f,configurable:!0})}}function Rn(n,u){{var f=function(){ot||(ot=!0,E("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",u))};f.isReactWarning=!0,Object.defineProperty(n,"ref",{get:f,configurable:!0})}}var _n=function(n,u,f,k,N,O,j){var y={$$typeof:a,type:n,key:u,ref:f,props:j,_owner:O};return y._store={},Object.defineProperty(y._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(y,"_self",{configurable:!1,enumerable:!1,writable:!1,value:k}),Object.defineProperty(y,"_source",{configurable:!1,enumerable:!1,writable:!1,value:N}),Object.freeze&&(Object.freeze(y.props),Object.freeze(y)),y};function Pn(n,u,f,k,N){{var O,j={},y=null,M=null;f!==void 0&&(at(f),y=""+f),On(u)&&(at(u.key),y=""+u.key),En(u)&&(M=u.ref,Tn(u,N));for(O in u)re.call(u,O)&&!Sn.hasOwnProperty(O)&&(j[O]=u[O]);if(n&&n.defaultProps){var R=n.defaultProps;for(O in R)j[O]===void 0&&(j[O]=R[O])}if(y||M){var P=typeof n=="function"?n.displayName||n.name||"Unknown":n;y&&Fn(j,P),M&&Rn(j,P)}return _n(n,y,M,N,k,oe.current,j)}}var ye=_.ReactCurrentOwner,it=_.ReactDebugCurrentFrame;function Q(n){if(n){var u=n._owner,f=ue(n.type,n._source,u?u.type:null);it.setExtraStackFrame(f)}else it.setExtraStackFrame(null)}var je;je=!1;function we(n){return typeof n=="object"&&n!==null&&n.$$typeof===a}function ct(){{if(ye.current){var n=W(ye.current.type);if(n)return`
+
+Check the render method of \``+n+"`."}return""}}function Dn(n){return""}var lt={};function Mn(n){{var u=ct();if(!u){var f=typeof n=="string"?n:n.displayName||n.name;f&&(u=`
+
+Check the top-level render call using <`+f+">.")}return u}}function st(n,u){{if(!n._store||n._store.validated||n.key!=null)return;n._store.validated=!0;var f=Mn(u);if(lt[f])return;lt[f]=!0;var k="";n&&n._owner&&n._owner!==ye.current&&(k=" It was passed a child from "+W(n._owner.type)+"."),Q(n),E('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',f,k),Q(null)}}function dt(n,u){{if(typeof n!="object")return;if(ve(n))for(var f=0;f<n.length;f++){var k=n[f];we(k)&&st(k,u)}else if(we(n))n._store&&(n._store.validated=!0);else if(n){var N=F(n);if(typeof N=="function"&&N!==n.entries)for(var O=N.call(n),j;!(j=O.next()).done;)we(j.value)&&st(j.value,u)}}}function zn(n){{var u=n.type;if(u==null||typeof u=="string")return;var f;if(typeof u=="function")f=u.propTypes;else if(typeof u=="object"&&(u.$$typeof===c||u.$$typeof===g))f=u.propTypes;else return;if(f){var k=W(u);jn(f,n.props,"prop",k,n)}else if(u.PropTypes!==void 0&&!je){je=!0;var N=W(u);E("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",N||"Unknown")}typeof u.getDefaultProps=="function"&&!u.getDefaultProps.isReactClassApproved&&E("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function An(n){{for(var u=Object.keys(n.props),f=0;f<u.length;f++){var k=u[f];if(k!=="children"&&k!=="key"){Q(n),E("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",k),Q(null);break}}n.ref!==null&&(Q(n),E("Invalid attribute `ref` supplied to `React.Fragment`."),Q(null))}}var ut={};function pt(n,u,f,k,N,O){{var j=le(n);if(!j){var y="";(n===void 0||typeof n=="object"&&n!==null&&Object.keys(n).length===0)&&(y+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var M=Dn();M?y+=M:y+=ct();var R;n===null?R="null":ve(n)?R="array":n!==void 0&&n.$$typeof===a?(R="<"+(W(n.type)||"Unknown")+" />",y=" Did you accidentally export a JSX literal instead of a component?"):R=typeof n,E("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",R,y)}var P=Pn(n,u,f,N,O);if(P==null)return P;if(j){var B=u.children;if(B!==void 0)if(k)if(ve(B)){for(var q=0;q<B.length;q++)dt(B[q],n);Object.freeze&&Object.freeze(B)}else E("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else dt(B,n)}if(re.call(u,"key")){var G=W(n),z=Object.keys(u).filter(function(Vn){return Vn!=="key"}),Ce=z.length>0?"{key: someKey, "+z.join(": ..., ")+": ...}":"{key: someKey}";if(!ut[G+Ce]){var Ln=z.length>0?"{"+z.join(": ..., ")+": ...}":"{}";E(`A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`,Ce,G,Ln,G),ut[G+Ce]=!0}}return n===o?An(P):zn(P),P}}function Bn(n,u,f){return pt(n,u,f,!0)}function In(n,u,f){return pt(n,u,f,!1)}var Yn=In,Wn=Bn;ee.Fragment=o,ee.jsx=Yn,ee.jsxs=Wn}()),ee}process.env.NODE_ENV==="production"?xe.exports=xt():xe.exports=ht();var e=xe.exports;const Oe=t=>H({...t,className:(t.className??"")+" outline-button"}),D=t=>H({...t,className:(t.className??"")+" text-button"}),Te=t=>H({...t,className:(t.className??"")+" total-button"}),Fe=t=>H({...t,className:(t.className??"")+" filled-button"}),H=t=>{const a=r=>{t.onClick&&t.onClick(r);let o=document.createElement("span");o.classList.add("btn-overlay");let l=r.pageX-r.currentTarget.offsetLeft,s=r.pageY-r.currentTarget.offsetTop;o.style.left=l+"px",o.style.top=s+"px",r.currentTarget.appendChild(o),setTimeout(()=>{o.remove()},500)};return e.jsx("button",{...t,className:(t.className??"")+" btn",onClick:a,children:e.jsx("span",{children:t.children})})},Re=({styleType:t="base",...a})=>t==="outline"?Oe({...a}):t==="text"?D({...a}):t==="filledTotal"?Te({...a}):t==="filled"?Fe({...a}):H({...a}),_e=({children:t,className:a,maxHeight:r,scroll:o,transparent:l})=>e.jsx("ul",{style:{overflowY:r?o?"scroll":"hidden":void 0,maxHeight:r,backgroundColor:l?"transparent":void 0},className:`list-container ${a} ${o?"scroll":""}`,children:t}),Pe=({icon:t,control:a,text:r,header:o,value:l,onClick:s,hovered:d,className:i})=>{const c=h=>{h.target.closest(".control-container")||s&&s(h)};return e.jsxs("li",{className:` ${i} list-item-container ${d?"hovered":""}`,onClick:c,children:[t?e.jsx("div",{className:"icon-container",children:t}):l?e.jsx("div",{className:"icon-container",children:l}):null,r?e.jsxs("div",{className:"text-container",children:[e.jsx("div",{className:"header",children:o}),e.jsx("div",{className:"text",children:r})]}):e.jsx("div",{className:"text-container",children:e.jsx("div",{className:"header",children:o})}),a?e.jsx("div",{className:"control-container",children:a}):null]})},J=({transparent:t,icon:a,className:r,onClick:o,onContextMenu:l,disabled:s,classNameContainer:d,style:i})=>{const c=h=>{o&&o(h);let x=document.createElement("span");x.classList.add("btn-overlay");let g=h.pageX-h.currentTarget.offsetLeft,m=h.pageY-h.currentTarget.offsetTop;x.style.left=g+"px",x.style.top=m+"px",h.currentTarget.appendChild(x),setTimeout(()=>{x.remove()},500)};return e.jsx("button",{style:{backgroundColor:t?"transparent":void 0,...i},className:`iconbutton ${r}`,onClick:c,onContextMenu:l,disabled:s,children:e.jsx("div",{className:`${d} iconbutton-container`,children:a})})},ft=({className:t,action:a,imgSrc:r,alt:o,header:l,subhead:s,text:d,children:i,iconButtonCell:c,onClick:h})=>{const x=m=>!(m.target.className==="action-container"||m.target.closest(".action-container")||m.target.className==="icon-button-container"||m.target.closest(".icon-button-container")),g=m=>{if(h&&h(m),!x(m))return;let w=m.currentTarget.closest(".card-container"),C=w==null?void 0:w.querySelector(".blick-container");if(!C)return;let S=document.createElement("span");S.classList.add("btn-overlay");let F=m.pageX-m.currentTarget.offsetLeft,_=m.pageY-m.currentTarget.offsetTop;S.style.left=F+"px",S.style.top=_+"px",C.appendChild(S),setTimeout(()=>{S.remove()},500)};return e.jsxs("div",{className:`card-container ${t}`,onClick:g,children:[e.jsx("div",{className:"blick-container"}),r?e.jsx("div",{className:"card-img-container",children:e.jsx("img",{src:r,alt:o})}):null,e.jsxs("div",{className:"card-content-container",children:[e.jsxs("div",{className:"card-Headline-container mb-1 font-bold",children:[e.jsx("div",{className:"headline",children:e.jsx("h2",{className:"text-3xl",children:l})}),c?e.jsx("div",{className:"icon-button-container",children:c}):null]}),s?e.jsx("div",{className:"card-subhead-container mb-1",children:e.jsx("div",{className:"subhead",children:e.jsx("h3",{className:"text-xl",children:s})})}):null,d?e.jsx("div",{className:"card-text-container mb-1",children:e.jsx("div",{className:"text",children:e.jsx("p",{className:"text-sm",children:d})})}):null,i?e.jsx("div",{className:"card-child-container mb-2",children:i}):null,e.jsx("div",{className:"action-container",children:a})]})]})},De=({children:t,className:a})=>e.jsx("div",{className:`base-action-card ${a??""}`,children:t}),mt=({children:t,className:a,id:r,height:o,width:l,pozMove:s})=>{const[d,i]=p.useState(!1),[c,h]=p.useState(null),[x,g]=p.useState({x:0,y:0}),m=S=>{S.button==1&&(i(!1),h(null),document.body.style.cursor="auto")},w=S=>{S.button==1&&(h({x:S.clientX,y:S.clientY}),i(!0),document.body.style.cursor="move")},C=p.useCallback(S=>{d&&(g(F=>{if(!c)return F;const _=S.clientX-c.x,E=S.clientY-c.y;let I=F.x+_,b=F.y+E;return{x:I,y:b}}),h({x:S.clientX,y:S.clientY}))},[d,c]);return p.useEffect(()=>{s&&g({...s})},[s]),e.jsx("div",{id:r,style:{height:o,width:l},className:`big-container ${a}`,onMouseDown:w,onMouseUp:m,onMouseMove:C,children:e.jsx("div",{className:"big-container-content",style:{left:x.x,top:x.y},children:t})})},Me=t=>{const[a,r]=p.useState(!1),o=p.useCallback(()=>{r(!0),setTimeout(()=>{t.onHide(),r(!1)},200)},[t.onHide]);return p.useEffect(()=>{t.visible||o()},[t.visible,o]),!t.visible&&!a||!t.children?null:e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:`bottom-sheets ${a?"hide":""}`,children:[e.jsx("div",{className:"bottom-sheets-handle",children:e.jsx("span",{})}),e.jsx("div",{className:"bottom-sheets-content",children:t.children})]}),e.jsx("div",{className:"backplate bottom-sheets-backplate",style:{zIndex:1101},onClick:o})]})},bt=({name:t,checked:a,onChange:r,readOnly:o,checkIcon:l})=>e.jsxs("label",{className:"checkbox-container",children:[e.jsx("input",{className:"checkbox",name:t,type:"checkbox",checked:a,onChange:r,readOnly:o}),e.jsx("span",{children:l||e.jsx("span",{className:"checkbox-ckeck-icon",children:"✓"})})]});/**
+ * @license lucide-react v0.378.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const gt=t=>t.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase(),ze=(...t)=>t.filter((a,r,o)=>!!a&&o.indexOf(a)===r).join(" ");/**
+ * @license lucide-react v0.378.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */var vt={xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"};/**
+ * @license lucide-react v0.378.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const kt=p.forwardRef(({color:t="currentColor",size:a=24,strokeWidth:r=2,absoluteStrokeWidth:o,className:l="",children:s,iconNode:d,...i},c)=>p.createElement("svg",{ref:c,...vt,width:a,height:a,stroke:t,strokeWidth:o?Number(r)*24/Number(a):r,className:ze("lucide",l),...i},[...d.map(([h,x])=>p.createElement(h,x)),...Array.isArray(s)?s:[s]]));/**
+ * @license lucide-react v0.378.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const A=(t,a)=>{const r=p.forwardRef(({className:o,...l},s)=>p.createElement(kt,{ref:s,iconNode:a,className:ze(`lucide-${gt(t)}`,o),...l}));return r.displayName=`${t}`,r};/**
+ * @license lucide-react v0.378.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const yt=A("AlignJustify",[["line",{x1:"3",x2:"21",y1:"6",y2:"6",key:"4m8b97"}],["line",{x1:"3",x2:"21",y1:"12",y2:"12",key:"10d38w"}],["line",{x1:"3",x2:"21",y1:"18",y2:"18",key:"kwyyxn"}]]);/**
+ * @license lucide-react v0.378.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const jt=A("ArrowLeft",[["path",{d:"m12 19-7-7 7-7",key:"1l729n"}],["path",{d:"M19 12H5",key:"x3x0zl"}]]);/**
+ * @license lucide-react v0.378.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const ie=A("Check",[["path",{d:"M20 6 9 17l-5-5",key:"1gmf2c"}]]);/**
+ * @license lucide-react v0.378.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Ae=A("ChevronDown",[["path",{d:"m6 9 6 6 6-6",key:"qrunsl"}]]);/**
+ * @license lucide-react v0.378.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const wt=A("CircleX",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"m15 9-6 6",key:"1uzhvr"}],["path",{d:"m9 9 6 6",key:"z0biqf"}]]);/**
+ * @license lucide-react v0.378.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Ct=A("Clock3",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["polyline",{points:"12 6 12 12 16.5 12",key:"1aq6pp"}]]);/**
+ * @license lucide-react v0.378.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Nt=A("EllipsisVertical",[["circle",{cx:"12",cy:"12",r:"1",key:"41hilf"}],["circle",{cx:"12",cy:"5",r:"1",key:"gxeob9"}],["circle",{cx:"12",cy:"19",r:"1",key:"lyex9k"}]]);/**
+ * @license lucide-react v0.378.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const St=A("Keyboard",[["path",{d:"M10 8h.01",key:"1r9ogq"}],["path",{d:"M12 12h.01",key:"1mp3jc"}],["path",{d:"M14 8h.01",key:"1primd"}],["path",{d:"M16 12h.01",key:"1l6xoz"}],["path",{d:"M18 8h.01",key:"emo2bl"}],["path",{d:"M6 8h.01",key:"x9i8wu"}],["path",{d:"M7 16h10",key:"wp8him"}],["path",{d:"M8 12h.01",key:"czm47f"}],["rect",{width:"20",height:"16",x:"2",y:"4",rx:"2",key:"18n3k1"}]]);/**
+ * @license lucide-react v0.378.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Et=A("Pen",[["path",{d:"M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z",key:"5qss01"}]]);/**
+ * @license lucide-react v0.378.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Ot=A("Search",[["circle",{cx:"11",cy:"11",r:"8",key:"4ej97u"}],["path",{d:"m21 21-4.3-4.3",key:"1qie3q"}]]);/**
+ * @license lucide-react v0.378.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Tt=A("Trash2",[["path",{d:"M3 6h18",key:"d0wm0j"}],["path",{d:"M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6",key:"4alrt4"}],["path",{d:"M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2",key:"v07s0e"}],["line",{x1:"10",x2:"10",y1:"11",y2:"17",key:"1uufr5"}],["line",{x1:"14",x2:"14",y1:"11",y2:"17",key:"xtxkd"}]]);/**
+ * @license lucide-react v0.378.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const ce=A("X",[["path",{d:"M18 6 6 18",key:"1bl5f8"}],["path",{d:"m6 6 12 12",key:"d8bk6v"}]]),Be=({text:t,onDelete:a,big:r,onClick:o})=>{const l=d=>!(d.target.className==="alex-evo-ui-kit-chips-btn"||d.target.closest(".alex-evo-ui-kit-chips-btn")),s=d=>{l(d)&&o&&o(d)};return e.jsxs("div",{className:`alex-evo-ui-kit-chips chips ${r?"big-chips":""} ${o?"hovered":""}`,onClick:s,children:[e.jsx("p",{children:t}),a?e.jsx("div",{className:"alex-evo-ui-kit-chips-btn chips-btn",onClick:a,children:e.jsx(ce,{size:18})}):null]})},he=({styleContainer:t,type:a="text",transparent:r,readOnly:o,password:l,border:s,onClear:d,icon:i,onChange:c,name:h,value:x,placeholder:g,className:m,validEmptyValue:w,onFocus:C,onBlur:S,error:F,max:_,min:E})=>{const I=p.useRef(null),[b,T]=p.useState(!1),Y=p.useCallback((ne,Z)=>T(!!(F||ne&&(!Z||Z===""))),[]);p.useEffect(()=>{Y(w,x)},[x,w,Y]);const K=()=>{I.current&&I.current.focus()};return e.jsxs("div",{style:t,className:`text-field ${s?"border":""} ${r?"transparent":""} ${m}`,children:[i?e.jsx("div",{className:"icon-container",onClick:K,children:i}):null,e.jsxs("div",{className:"input-container",onClick:K,children:[e.jsx("input",{ref:I,max:_,min:E,readOnly:o,required:!0,type:l?"password":a,className:`${b?"error":""}`,name:h,value:x,onChange:c,onFocus:C,onBlur:S}),e.jsx("label",{children:g?e.jsx("span",{children:g}):null}),e.jsx("span",{className:"text-field-line"})]}),d?e.jsx("div",{className:"clear-container",children:e.jsx(wt,{onClick:d})}):null]})},Ft=({styleContainer:t,transparent:a,readOnly:r,border:o,icon:l,onChange:s,name:d,value:i,placeholder:c,className:h,validEmptyValue:x,onFocus:g,onBlur:m,error:w})=>{const C=p.useRef(null),[S,F]=p.useState(!1),_=p.useCallback((I,b)=>F(!!(w||I&&(!b||b===""))),[]);p.useEffect(()=>{_(x,i)},[i,x,_]);const E=()=>{C.current&&C.current.focus()};return e.jsxs("div",{style:t,className:`text-area ${S?"error":""} ${o?"border":""} ${a?"transparent":""} ${h}`,children:[l?e.jsx("div",{className:"icon-container",onClick:E,children:l}):null,e.jsx("div",{className:"textarea-container",onClick:E,children:e.jsx("textarea",{ref:C,readOnly:r,required:!0,placeholder:c,className:`${S?"error":""}`,name:d,value:i,onChange:s,onFocus:g,onBlur:m})})]})},te=({style:t,short:a,text:r})=>r?e.jsxs("div",{style:t,className:`divider-and-text ${a?"short":""}`,children:[e.jsx("div",{className:`divider ${a?"short":""}`}),r,e.jsx("div",{className:`divider ${a?"short":""}`})]}):e.jsx("div",{style:t,className:`divider ${a?"short":""}`}),Ie=({name:t,checked:a})=>e.jsxs("label",{className:"radio-button-container",children:[e.jsx("input",{className:"radio-button",name:t,type:"radio",checked:a,readOnly:!0}),e.jsx("span",{})]}),Rt=({name:t,currentValue:a,value:r,onChange:o,readOnly:l,checked:s})=>e.jsxs("label",{className:"radio-button-container",children:[e.jsx("input",{className:"radio-button",name:t,type:"radio",checked:a===r||s,value:r,onChange:o,readOnly:l}),e.jsx("span",{})]}),_t=({style:t,icon:a,className:r,onClick:o,onContextMenu:l,children:s})=>e.jsxs("button",{style:t,className:`${r} extendedFAB`,onClick:o,onContextMenu:l,children:[a,s?e.jsx("span",{children:s}):null]}),Pt=({children:t,header:a})=>e.jsxs("div",{className:"field-container-ui",children:[e.jsx("h4",{children:a}),e.jsx("div",{className:"field-container-content",children:t})]}),Dt=t=>t===""?[]:t.split(",").map(a=>a.trim()),Ye=t=>t.join(", "),Mt=({minWidth:t,value:a,onChange:r,border:o})=>{const[l,s]=p.useState([]),[d,i]=p.useState("");p.useEffect(()=>{console.log("p0"),s(Dt(a))},[a]),p.useEffect(()=>{console.log(l)},[l]);const c=g=>{i(g.target.value)},h=p.useCallback(()=>{if(d===""||l.includes(d))return;const g=[...l,d.trim()];s(g),r&&r(Ye(g)),i("")},[l,d]),x=g=>{const m=l.filter((w,C)=>C!==g);s(m),r&&r(Ye(m))};return e.jsxs("div",{className:"more-text",style:{minWidth:t},children:[e.jsxs("div",{className:"add value",children:[e.jsx(he,{onChange:c,value:d,border:o}),e.jsx(De,{children:e.jsx(Re,{onClick:h,children:"add"})})]}),e.jsx("div",{className:"chips-container",children:l.map((g,m)=>e.jsx(Be,{text:g,onDelete:()=>x(m)},m))})]})},zt=({style:t,text:a,className:r,onClick:o,onContextMenu:l})=>{const s=p.useRef(null),d=p.useCallback(()=>{if(!s.current)return;let i=s.current.getElementsByTagName("p");i[0]&&s.current.clientWidth<=i[0].clientWidth?(i[0].className="runing",i[0].innerHTML=`| ${a} | ${a}`):i[0].className=""},[a]);return p.useEffect(()=>{d()},[d]),e.jsx("div",{style:t,ref:s,onClick:o,onContextMenu:l,className:`runing-text ${r}`,children:e.jsx("p",{children:a})})},At=({className:t,children:a,height:r})=>e.jsx("div",{className:`scroll-container ${t}`,style:{height:r},children:a}),Bt=({onMenu:t,onSearch:a,placeholder:r,autoChenge:o})=>{const l=p.useRef(null),[s,d]=p.useState(""),[i,c]=p.useState(!1),h=()=>{l.current&&(l.current.focus(),c(!0))},x=()=>{l.current&&(l.current.focus(),l.current.value=""),d(""),c(!0),o&&a("")},g=()=>{x(),l.current&&(l.current.blur(),c(!1))},m=C=>{d(C.target.value),o&&a(C.target.value)},w=C=>{C.code==="Enter"&&a(s)};return e.jsx("div",{className:"search-container",children:e.jsxs("div",{className:"search-field",children:[i?e.jsx("span",{onClick:g,children:e.jsx(jt,{size:24})}):t?e.jsx("span",{onClick:t,children:e.jsx(yt,{size:24})}):null,e.jsx("input",{placeholder:r,type:"text",ref:l,onChange:m,onKeyDown:w,value:s,onFocus:()=>c(!0)}),i?e.jsx("span",{onClick:x,children:e.jsx(ce,{size:24})}):e.jsx("span",{onClick:h,children:e.jsx(Ot,{size:24})})]})})},It=({visible:t,text:a,option:r})=>{const o=()=>{r!=null&&r.onHide&&r.onHide()};return t?e.jsxs("div",{className:`snackbar-container ${r==null?void 0:r.className}`,style:{backgroundColor:r==null?void 0:r.backgroundColor,color:r==null?void 0:r.color},children:[e.jsxs("div",{className:"snackbar-content-container",children:[e.jsx("div",{className:"snackbar-text",children:a}),r!=null&&r.onClick?e.jsx("div",{className:"snackbar-button-container",children:e.jsx(D,{className:"snackbar-btn",onClick:r.onClick,children:r.buttonText??"Action"})}):null]}),r!=null&&r.closeButton?e.jsx("div",{className:"snackbar-close",children:e.jsx("span",{onClick:o,children:e.jsx(ce,{})})}):null]}):null},Yt=({name:t,onChange:a,checked:r,className:o})=>e.jsx("div",{className:`swich-container ${o}`,children:e.jsx("input",{type:"checkbox",name:t,onChange:a,checked:r})}),V=({className:t,children:a,header:r,action:o,onHide:l,style:s})=>{function d(){l&&l()}return e.jsxs(e.Fragment,{children:[e.jsx("div",{onClick:d,style:{zIndex:"999"},className:"backplate"}),e.jsxs("div",{style:s,className:`dialog-container ${t}`,children:[r?e.jsx("div",{className:"dialog-header",children:e.jsx("h2",{className:"text-3xl",children:r})}):null,e.jsx("div",{className:"dialog-content",children:a}),o?e.jsx("div",{className:"dialog-action",children:o}):null]})]})},Wt=({onHide:t,onSave:a})=>e.jsxs("div",{className:"dialog-button-container",children:[e.jsx(D,{onClick:t,children:"cancel"}),a?e.jsx(D,{onClick:a,children:"save"}):null]}),Lt=({style:t,className:a,header:r,children:o,onSave:l,onHide:s})=>{const[d,i]=p.useState(!1),c=p.useCallback(()=>{window.innerWidth<720?i(!0):i(!1)},[window.innerWidth]);p.useEffect(()=>{c()},[c]),p.useEffect(()=>(window.addEventListener("resize",c),()=>{window.removeEventListener("resize",c)}),[c]);const h=()=>{s&&s()},x=()=>{l&&l()};return d?e.jsxs("div",{style:t,className:`full-screen-dialog-container ${a}`,children:[e.jsxs("div",{className:"full-screen-dialog-header",children:[e.jsx("div",{className:"dialog-icon-container",children:e.jsx(J,{transparent:!0,onClick:h,icon:e.jsx(ce,{})})}),e.jsx("div",{className:"header",children:r}),e.jsx("div",{className:"save-container",children:l?e.jsx(D,{onClick:x,children:"save"}):null})]}),e.jsx("div",{className:"full-screen-dialog-content",style:{overflowY:"auto"},children:o})]}):e.jsx(V,{style:t,header:r,className:`full-screen-dialog-base-format ${a}`,onHide:h,children:o,action:e.jsx(Wt,{onHide:h,onSave:l?x:void 0})})},Vt=({styleContainer:t,text:a,header:r,actionText:o,onSuccess:l,onHide:s,onCancel:d})=>{const i=p.useCallback(()=>{l&&l(),s&&s()},[]),c=p.useCallback(()=>{d&&d(),s&&s()},[]);return e.jsx(V,{style:t,header:r,action:e.jsx(Kt,{onHide:c,actionText:o,onSuccess:i}),children:e.jsx("p",{children:a})})};function Kt({actionText:t,onSuccess:a,onHide:r}){return e.jsxs("div",{className:"dialog-button-container",children:[e.jsx(D,{onClick:r,children:"cancel"}),e.jsx(D,{onClick:a,children:t??"OK"})]})}function Ut({onSuccess:t,items:a,header:r,onHide:o,noHide:l=!1,name:s="dailog_name"}){const[d,i]=p.useState(void 0),c=p.useCallback(()=>{t&&d&&t(d),i(void 0),!l&&o&&o()},[d]),h=p.useCallback(x=>{i(x)},[]);return e.jsxs(V,{header:r,action:e.jsx(Xt,{onHide:o,onSuccess:c,disabled:d===void 0}),children:[e.jsx(te,{style:{padding:"0px"}}),e.jsx(_e,{className:"transparent",scroll:!0,maxHeight:"200px",children:a.map((x,g)=>e.jsx("label",{children:e.jsx(Pe,{hovered:!0,header:x.title,onClick:()=>h(x.data),control:e.jsx(Ie,{name:s,checked:x.data===d})})},g))}),e.jsx(te,{style:{padding:"0px"}})]})}function Xt({onSuccess:t,onHide:a,disabled:r}){return e.jsxs("div",{className:"dialog-button-container",children:[e.jsx(D,{onClick:a,children:"cancel"}),e.jsx(D,{onClick:t,disabled:r,children:"OK"})]})}const Gt=({styleContainer:t,text:a,header:r,onSuccess:o,onHide:l,placeholder:s,type:d="text",min:i=0,max:c=100})=>{const[h,x]=p.useState(""),g=p.useCallback(()=>{o&&o(h),l&&l()},[h]),m=w=>{d==="number"&&(Number(w)<i&&(w=String(i)),Number(w)>c&&(w=String(c))),x(w)};return e.jsxs(V,{style:t,header:r,action:e.jsx(Ht,{onHide:l,onSuccess:g}),children:[e.jsx("p",{children:a}),e.jsx("div",{className:"dialog-input-container",children:e.jsx(he,{max:c,min:i,type:d,border:!0,placeholder:s,value:h,onChange:w=>m(w.target.value)})})]})};function Ht({onSuccess:t,onHide:a}){return e.jsxs("div",{className:"dialog-button-container",children:[e.jsx(D,{onClick:a,children:"cancel"}),e.jsx(D,{onClick:t,children:"OK"})]})}const Jt=2050,We=1900,L=["January","February","March","April","May","June","July","August","September","October","November","December"],Zt=()=>Array(Jt-We).fill(0).map((t,a)=>We+a),Qt=({onChange:t,onHide:a})=>{const[r]=p.useState(L[new Date().getMonth()]),[o]=p.useState(new Date().getFullYear()),[l]=p.useState(new Date().getDate()),[s,d]=p.useState(L[new Date().getMonth()]),[i,c]=p.useState(new Date().getFullYear()),[h,x]=p.useState({day:new Date().getDate(),type:"NOW_MONTH"}),[g,m]=p.useState("DAYS"),w=(b,T)=>new Date(b,T+1,0).getDate(),C=(b,T,Y)=>new Date(b,T,Y).getDay(),S=(b,T)=>{let Y=Array(w(b,T)).fill(0).map((le,U)=>({type:"NOW_MONTH",day:U+1})),K=C(b,T,w(b,T)),ne=Array(7-K).fill(0).map((le,U)=>({type:"NEXT_MONTH",day:U+1}));return Y=Array(C(b,T,0)).fill(0).map((le,U)=>({type:"PREV_MONTH",day:w(T?b:b-1,T?T-1:11)-U})).reverse().concat(Y).concat(ne),Y},F=b=>{m("DAYS"),c(b)},_=b=>{m("DAYS"),d(b)},E=b=>{x(b)},I=p.useCallback(()=>{let b=new Date;b.setFullYear(i),h.type==="NEXT_MONTH"?s===L[11]?(b.setMonth(0),b.setFullYear(i+1)):b.setMonth(L.indexOf(s)+1):h.type==="PREV_MONTH"?s===L[0]?(b.setMonth(11),b.setFullYear(i-1)):b.setMonth(L.indexOf(s)-1):b.setMonth(L.indexOf(s)),b.setDate(h.day),t&&t(b.getFullYear(),b.getMonth(),b.getDate()),a&&a()},[s,i,t,a,h]);return e.jsxs(V,{className:"calendar-body-container",style:{maxWidth:"328px"},children:[e.jsxs("div",{className:"calendar-body-select-container",children:[e.jsx("div",{className:"month",children:e.jsxs("span",{className:g==="MONTHS"?"active":"",onClick:()=>m("MONTHS"),children:[s," ",e.jsx(Ae,{})]})}),e.jsx("div",{className:"years",children:e.jsxs("span",{className:g==="YEARS"?"active":"",onClick:()=>m("YEARS"),children:[i," ",e.jsx(Ae,{})]})})]}),g==="MONTHS"?e.jsx("div",{className:"calendar-body-months-container",children:L.map((b,T)=>e.jsxs("div",{className:"calendar-body-months-item",onClick:()=>_(b),children:[e.jsx("div",{className:"status-container",children:s===b?e.jsx(ie,{}):null}),e.jsx("div",{className:"content",children:b})]},T))}):g==="YEARS"?e.jsx("div",{className:"calendar-body-years-container",children:Zt().map((b,T)=>e.jsxs("div",{className:"calendar-body-year-item",onClick:()=>F(b),children:[e.jsx("div",{className:"status-container",children:i===b?e.jsx(ie,{}):null}),e.jsx("div",{className:"content",children:b})]},T))}):e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"calendar-body-dayofweek-container",children:[e.jsx("span",{children:"M"}),e.jsx("span",{children:"T"}),e.jsx("span",{children:"W"}),e.jsx("span",{children:"T"}),e.jsx("span",{children:"F"}),e.jsx("span",{children:"S"}),e.jsx("span",{children:"S"})]}),e.jsx("div",{className:"calendar-body-days-container",children:S(i,L.indexOf(s)).map((b,T)=>e.jsx("div",{className:`day ${b.type!=="NOW_MONTH"?"other":""} ${l===b.day&&i===o&&s===r?"now":""} ${b.day===h.day&&b.type===h.type?"select":""}`,onClick:()=>E(b),children:b.day},T))})]}),e.jsxs("div",{className:"calendar-body-action-container",children:[e.jsx(D,{className:"little m-0",onClick:a,children:"Cancel"}),e.jsx(D,{className:"little m-0",onClick:I,children:"OK"})]})]})},qt=({setHours:t,setMinutes:a,switchMode:r,hours:o,minutes:l,onCancel:s,onOK:d})=>{const[i,c]=p.useState(!1),h=p.useCallback(m=>{t(m),c(!0)},[t]),x=p.useCallback(m=>{a(m),c(!1)},[a]),g=p.useCallback(()=>{c(!1),s()},[]);return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"time-type",children:e.jsx("p",{className:"text-sm",children:"Select time"})}),e.jsxs("div",{className:"time-input-container",children:[e.jsxs("div",{className:"time-input hours",children:[e.jsx("div",{className:"input-container",children:e.jsx("input",{disabled:!0,type:"number",min:0,max:23,value:o})}),e.jsx("span",{className:"text-sm",children:"Hour"})]}),e.jsx("div",{className:"time-separator",children:":"}),e.jsxs("div",{className:"time-input minutes",children:[e.jsx("div",{className:"input-container",children:e.jsx("input",{disabled:!0,type:"number",value:l,min:0,max:60})}),e.jsx("span",{className:"text-sm",children:"Minute"})]})]}),e.jsx("div",{className:"clock-input-container",children:i?e.jsx(en,{setMinutes:x}):e.jsx($t,{setHours:h})}),e.jsxs("div",{className:"enter-time-action",children:[e.jsx("div",{className:"enter-time-icon",onClick:()=>r(),children:e.jsx(St,{})}),e.jsx(D,{className:"little",onClick:g,children:"Cancel"}),e.jsx(D,{className:"little",onClick:d,children:"OK"})]})]})};function $t({setHours:t}){return e.jsxs("div",{className:"clock-input",children:[e.jsxs("div",{className:"clock-input-am",children:[e.jsx("span",{onClick:()=>t(1),children:"1"}),e.jsx("span",{onClick:()=>t(2),children:"2"}),e.jsx("span",{onClick:()=>t(3),children:"3"}),e.jsx("span",{onClick:()=>t(4),children:"4"}),e.jsx("span",{onClick:()=>t(5),children:"5"}),e.jsx("span",{onClick:()=>t(6),children:"6"}),e.jsx("span",{onClick:()=>t(7),children:"7"}),e.jsx("span",{onClick:()=>t(8),children:"8"}),e.jsx("span",{onClick:()=>t(9),children:"9"}),e.jsx("span",{onClick:()=>t(10),children:"10"}),e.jsx("span",{onClick:()=>t(11),children:"11"}),e.jsx("span",{onClick:()=>t(12),children:"12"})]}),e.jsxs("div",{className:"clock-input-pm",children:[e.jsx("span",{onClick:()=>t(13),children:"13"}),e.jsx("span",{onClick:()=>t(14),children:"14"}),e.jsx("span",{onClick:()=>t(15),children:"15"}),e.jsx("span",{onClick:()=>t(16),children:"16"}),e.jsx("span",{onClick:()=>t(17),children:"17"}),e.jsx("span",{onClick:()=>t(18),children:"18"}),e.jsx("span",{onClick:()=>t(19),children:"19"}),e.jsx("span",{onClick:()=>t(20),children:"20"}),e.jsx("span",{onClick:()=>t(21),children:"21"}),e.jsx("span",{onClick:()=>t(22),children:"22"}),e.jsx("span",{onClick:()=>t(23),children:"23"}),e.jsx("span",{onClick:()=>t(0),children:"0"})]}),e.jsx("span",{className:"center"})]})}function en({setMinutes:t}){return e.jsxs("div",{className:"clock-input",children:[e.jsxs("div",{className:"clock-input-minute",children:[e.jsx("span",{onClick:()=>t(0),children:"00"}),e.jsx("span",{onClick:()=>t(5),children:"05"}),e.jsx("span",{onClick:()=>t(10),children:"10"}),e.jsx("span",{onClick:()=>t(15),children:"15"}),e.jsx("span",{onClick:()=>t(20),children:"20"}),e.jsx("span",{onClick:()=>t(25),children:"25"}),e.jsx("span",{onClick:()=>t(30),children:"30"}),e.jsx("span",{onClick:()=>t(35),children:"35"}),e.jsx("span",{onClick:()=>t(40),children:"40"}),e.jsx("span",{onClick:()=>t(45),children:"45"}),e.jsx("span",{onClick:()=>t(50),children:"50"}),e.jsx("span",{onClick:()=>t(55),children:"55"})]}),e.jsx("span",{className:"center"})]})}const tn=({setHours:t,setMinutes:a,switchMode:r,minutes:o,hours:l,onCancel:s,onOK:d})=>{const i=h=>{let x=Number(h.target.value);x<0&&(x=0),x>23&&(x=23),t(x)},c=h=>{let x=Number(h.target.value);x<0&&(x=0),x>59&&(x=59),a(x)};return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"time-type",children:e.jsx("p",{className:"text-sm",children:"Enter time"})}),e.jsxs("div",{className:"time-input-container",children:[e.jsxs("div",{className:"time-input hours",children:[e.jsx("div",{className:"input-container",children:e.jsx("input",{type:"number",min:0,max:23,value:l,onChange:i})}),e.jsx("span",{className:"text-sm",children:"Hour"})]}),e.jsx("div",{className:"time-separator",children:":"}),e.jsxs("div",{className:"time-input minutes",children:[e.jsx("div",{className:"input-container",children:e.jsx("input",{type:"number",value:o,min:0,max:59,onChange:c})}),e.jsx("span",{className:"text-sm",children:"Minute"})]})]}),e.jsxs("div",{className:"enter-time-action",children:[e.jsx("div",{className:"enter-time-icon",onClick:()=>r(),children:e.jsx(Ct,{})}),e.jsx(D,{className:"little",onClick:s,children:"Cancel"}),e.jsx(D,{className:"little",onClick:d,children:"OK"})]})]})},nn=t=>{const[a,r]=p.useState(t.minutes??0),[o,l]=p.useState(t.hours??0),[s,d]=p.useState(!0),i=()=>{t.onHide&&t.onHide(),r(0),l(0)},c=p.useCallback(x=>{r(x),t.onChange&&t.onChange(o,x),t.onHide&&t.onHide()},[o]),h=p.useCallback(()=>{t.onChange&&t.onChange(o,a),t.onHide&&t.onHide()},[o,a]);return s?e.jsx(V,{className:"enter-time-container",children:e.jsx(qt,{setMinutes:c,setHours:l,minutes:a,hours:o,switchMode:()=>d(!1),onCancel:i,onOK:h})}):e.jsx(V,{className:"enter-time-container",children:e.jsx(tn,{setMinutes:r,setHours:l,minutes:a,hours:o,switchMode:()=>d(!0),onCancel:i,onOK:h})})},an=({onChange:t,value:a,className:r})=>{const[o,l]=p.useState(a||[]),s=p.useCallback(i=>{if(!i)return;let c=o.slice();const h=c.indexOf(i.target.name);h!==-1&&!i.target.checked?c=c.filter((x,g)=>g!==h):h===-1&&i.target.checked&&c.push(i.target.name),l(c),t&&t(c)},[o]),d=p.useCallback(i=>o.indexOf(i)!==-1,[o]);return e.jsx(e.Fragment,{children:e.jsxs("div",{className:`days-week-field-container ${r}`,children:[e.jsxs("label",{children:[e.jsx("input",{type:"checkbox",onChange:s,name:"Mon",checked:d("Mon")}),e.jsx("span",{children:"Mon"})]}),e.jsxs("label",{children:[e.jsx("input",{type:"checkbox",onChange:s,name:"Tue",checked:d("Tue")}),e.jsx("span",{children:"Tue"})]}),e.jsxs("label",{children:[e.jsx("input",{type:"checkbox",onChange:s,name:"Wed",checked:d("Wed")}),e.jsx("span",{children:"Wed"})]}),e.jsxs("label",{children:[e.jsx("input",{type:"checkbox",onChange:s,name:"Thu",checked:d("Thu")}),e.jsx("span",{children:"Thu"})]}),e.jsxs("label",{children:[e.jsx("input",{type:"checkbox",onChange:s,name:"Fri",checked:d("Fri")}),e.jsx("span",{children:"Fri"})]}),e.jsxs("label",{children:[e.jsx("input",{type:"checkbox",onChange:s,name:"Sat",checked:d("Sat")}),e.jsx("span",{children:"Sat"})]}),e.jsxs("label",{children:[e.jsx("input",{type:"checkbox",onChange:s,name:"Sun",checked:d("Sun")}),e.jsx("span",{children:"Sun"})]})]})})},rn=({children:t})=>e.jsx("div",{className:"adaptiv-grid-item",children:e.jsx("div",{className:"adaptiv-grid-item-container",children:t})}),on=({minWith:t,children:a,className:r,gridRowGap:o="10px",gridColumnGap:l="5px",itemMinWith:s,itemMaxWith:d,itemWith:i="400px"})=>{const c=p.useRef(null),[h,x]=p.useState([]),g=p.useCallback(()=>{if(!c.current)return;c.current.style.display="grid",c.current.style.gridRowGap=o,c.current.style.gridColumnGap=l;let C=s??i,S=d??i;c.current.style.gridTemplateColumns="repeat(auto-fill, minmax("+C+", "+S+"))",c.current.style.gridAutoRows="0",h.forEach(F=>{F.style.gridAutoRows="0",F.style.gridAutoColumns="0"})},[c.current]),m=p.useCallback(()=>{if(!c.current)return;let C=parseInt(window.getComputedStyle(c.current).getPropertyValue("grid-row-gap")),S=parseInt(window.getComputedStyle(c.current).getPropertyValue("grid-auto-rows"));h.forEach(F=>{let _=0,E=F.querySelector(".adaptiv-grid-item-container");E&&(_=Math.ceil((E.getBoundingClientRect().height+C)/(S+C))),F.style.gridRowEnd="span "+_})},[h,c.current]),w=p.useCallback(()=>{if(c.current){let C=c.current.querySelectorAll(".adaptiv-grid-item");x(Array.prototype.slice.call(C,0))}},[c.current,a]);return p.useEffect(()=>{w()},[w]),p.useEffect(()=>{g()},[g]),p.useEffect(()=>{m()},[m,a]),p.useEffect(()=>(window.addEventListener("resize",m),()=>{window.addEventListener("resize",m)}),[m]),e.jsx("div",{style:{minWidth:t},ref:c,className:`adaptiv-grid-layout ${r}`,children:a})},cn=({item:t,isIcon:a,globalClick:r})=>{const o=()=>{t.onClick&&t.onClick(),r&&r()};return e.jsxs("div",{className:"menu-sub-item",onClick:o,children:[a?e.jsx("div",{className:"menu-icon-container",children:t.icon}):null,e.jsx("div",{className:"menu-text-container",children:t.title}),e.jsx("div",{className:"menu-status-container",children:t.activated?e.jsx(ie,{}):null})]})},Le=t=>t?{height:Number(window.getComputedStyle(t).getPropertyValue("height").replace("px","")),width:Number(window.getComputedStyle(t).getPropertyValue("width").replace("px","")),left:Number(t.getBoundingClientRect().left),top:Number(t.getBoundingClientRect().top)}:void 0,fe=(t,a,r,o)=>{let l={x:t,y:a};if(!r)return l;let s=Number(window.getComputedStyle(r).getPropertyValue("height").replace("px","")),d=Number(window.getComputedStyle(r).getPropertyValue("width").replace("px","")),i=a+s-document.documentElement.scrollHeight,c=t+d-document.documentElement.clientWidth;return i>0&&(l.y=l.y-i-((o==null?void 0:o.marginBottom)??0)),c>0&&(l.x=l.x-c-((o==null?void 0:o.marginRight)??0)),l},ln=({items:t,onHide:a,smallDisplay:r,globalClick:o})=>{const l=p.useRef(null),[s,d]=p.useState({left:"0px",top:"0px"});function i(c){for(let h of c)if(h.icon)return!0;return!1}return p.useEffect(()=>{if(!l.current)return;let c=Le(l.current.parentElement);if(!c)return;let h=fe(c.left+c.width,c.top,l.current,{marginRight:c.width});d({left:h.x-c.left+"px",top:h.y-c.top+"px"})},[]),e.jsxs(e.Fragment,{children:[e.jsx("div",{ref:l,className:"menu-sub-block",style:{...s},children:t.map((c,h)=>e.jsx(cn,{item:c,isIcon:i(t),globalClick:o},h))}),r?null:e.jsx("div",{style:{zIndex:4},className:"backplate",onClick:a})]})},sn=({onHide:t,autoHide:a,globalClick:r,item:o,isIcon:l,smallDisplay:s})=>{const[d,i]=p.useState(!1),c=p.useCallback(()=>{o.subItems?i(h=>!h):o.onClick&&o.onClick(),r&&r(),a&&t&&t()},[o.onClick]);return e.jsxs("div",{className:"menu-item-conatiner",children:[e.jsxs("div",{className:"menu-item",onClick:c,children:[l?e.jsx("div",{className:"menu-icon-container",children:o.icon}):null,e.jsx("div",{className:"menu-text-container",children:o.title}),e.jsx("div",{className:"menu-status-container",children:o.subItems?e.jsx("span",{className:`menu-status-submenu ${d?"active":""}`}):o.activated?e.jsx(ie,{}):e.jsx("span",{className:"none-status"})})]}),d&&o.subItems?e.jsx(ln,{items:o.subItems,onHide:()=>i(!1),smallDisplay:s}):null]})};function Ve({block:t,smallDisplay:a,onHide:r,globalClick:o,autoHide:l}){function s(d){for(let i of d.items)if(i.icon)return!0;return!1}return e.jsx("div",{className:"menu-block",children:t.items.map((d,i)=>e.jsx(sn,{globalClick:o,autoHide:l,onHide:r,item:d,isIcon:s(t),smallDisplay:a},i))})}const dn=100,un=t=>{const a=p.useRef(null),[r,o]=p.useState({left:"0px",top:"0px"}),l=()=>{t.onHide&&t.onHide()};return p.useEffect(()=>{let s=fe(t.x,t.y,a.current,{marginBottom:dn});o({left:s.x+"px",top:s.y+"px"})},[t.x,t.y]),t.visible?e.jsxs(e.Fragment,{children:[e.jsx("div",{ref:a,className:"menu-container",style:{...r,opacity:r.top!=="0px"?"100%":"0%",width:t.width,maxWidth:t.width?"100%":void 0},children:t.blocks.map((s,d)=>e.jsxs(p.Fragment,{children:[d!==0?e.jsx(te,{}):null,e.jsx(Ve,{block:s,smallDisplay:!1,globalClick:t.onClick,autoHide:t.autoHide,onHide:l})]},d))}),e.jsx("div",{style:{zIndex:1600},className:"backplate",onClick:l,onContextMenu:s=>{s.preventDefault()}})]}):null},pn=t=>{const a=()=>{};return e.jsx(Me,{onHide:t.onHide||a,visible:t.visible,children:e.jsx("div",{className:"bottom-sheets-menu-container",children:t.blocks.map((r,o)=>e.jsxs(p.Fragment,{children:[o!==0?e.jsx(te,{}):null,e.jsx(Ve,{block:r,smallDisplay:!0})]},o))})})};function xn(t){let a=[];if(t.length>0)for(let r of t)for(let o in r){let l=!1;for(let s of a)s.field===o&&(l=!0);l||a.push({title:o,field:o})}return a}const hn=({data:t,column:a,color:r,backgroundColor:o})=>{function l(i,c){for(let h in c)if(i===h)return c[h]}function s(i){return typeof i=="number"||typeof i=="string"?{content:i}:i}function d(i){return i?Array.isArray(i)?i.map(c=>s(c)):[s(i)]:[]}return e.jsx("td",{style:{backgroundColor:o},children:d(l(a.field,t)).map((i,c)=>e.jsx("p",{style:{color:i.color??r},className:i.onClick?"no-click":"",onClick:i.onClick,children:typeof i.content=="string"||typeof i.content=="number"?i.content:e.jsx(i.content,{})},c))})},fn=({actions:t,item:a,columns:r,onContextMenu:o,onDelete:l,onEdit:s,onClickRow:d,index:i})=>{const c=x=>!x.target.closest(".no-click"),h=x=>{c(x)&&d&&d(a,i)};return e.jsxs("tr",{className:"table-row",onClick:h,children:[r.map((x,g)=>e.jsx(hn,{color:x.color,backgroundColor:x.backgroundColor,column:x,data:a},g)),t?e.jsx("td",{className:"w-[180px] no-click",children:e.jsx("div",{className:"table-edit-button",children:t.map((x,g)=>e.jsx(J,{transparent:!0,icon:x.icon,onClick:m=>x.onClick(m,a,i)},g))})}):null,o||l||s?e.jsx("td",{className:"w-[180px] table-edit-button no-click",children:e.jsxs("div",{className:"table-edit-button",children:[s?e.jsx(J,{transparent:!0,icon:e.jsx(Et,{}),onClick:()=>s(a,i)}):null,l?e.jsx(J,{transparent:!0,icon:e.jsx(Tt,{className:"text-red-500"}),onClick:()=>l(a,i)}):null,o?e.jsx(J,{transparent:!0,icon:e.jsx(Nt,{}),onClick:x=>o(x,a,i)}):null]})}):null]})},mn=({data:t,columns:a,onDelete:r,onContextMenu:o,onEdit:l,actions:s,onClickRow:d,adaptive:i})=>{const[c]=p.useState(a??xn(t));return e.jsx("div",{className:`table-container mt-3 ${d?"clicked":""} ${i?"auto-rotate":""}`,children:e.jsxs("table",{children:[e.jsx("thead",{children:e.jsxs("tr",{children:[c.map((h,x)=>e.jsx("th",{className:"min-width",children:h.title},x)),s?e.jsx("th",{className:"table-actions-header",children:"actions"}):null,r||o||l?e.jsx("th",{className:"table-actions-header"}):null]})}),e.jsx("tbody",{children:t.map((h,x)=>e.jsx(fn,{onClickRow:d,actions:s,index:x,columns:c,item:h,onDelete:r,onContextMenu:o,onEdit:l},x))})]})})};v.BaseActionCard=De,v.BaseButton=H,v.BaseDialog=Vt,v.BaseRadioButton=Ie,v.BasicTemplateDialog=V,v.BigContainer=mt,v.BottomSheetsUi=Me,v.Button=Re,v.Card=ft,v.Checkbox=bt,v.Chips=Be,v.DayOfWeekField=an,v.Divider=te,v.FAB=_t,v.FieldContainer=Pt,v.FilledButton=Fe,v.FilledTotalButton=Te,v.FullScrinTemplateDialog=Lt,v.GridLayout=on,v.GridLayoutItem=rn,v.IconButton=J,v.ListContainer=_e,v.ListItem=Pe,v.Menu=un,v.MoreText=Mt,v.OutlineButton=Oe,v.RadioButton=Rt,v.RunningLine=zt,v.ScrollContainer=At,v.Search=Bt,v.SelectionDialog=Ut,v.SmallWindowMenu=pn,v.Snackbar=It,v.Switch=Yt,v.Table=mn,v.TextArea=Ft,v.TextButton=D,v.TextDialog=Gt,v.TextField=he,v.TimePicker=nn,v.getContainerData=Le,v.getModalWindowCord=fe,v.СalendarPickers=Qt,Object.defineProperty(v,Symbol.toStringTag,{value:"Module"})});

package/dist/helpers/getModalCord.d.ts

@@ -0,0 +1,15 @@
+export interface IOptionModalWindowCord {
+    marginBottom?: number;
+    marginRight?: number;
+}
+export interface IContainerData {
+    height: number;
+    width: number;
+    left: number;
+    top: number;
+}
+export declare const getContainerData: (container: HTMLElement | null) => IContainerData | undefined;
+export declare const getModalWindowCord: (x: number, y: number, container: HTMLElement | null, option?: IOptionModalWindowCord) => {
+    x: number;
+    y: number;
+};

package/dist/helpers/stringSplitAndJoin.d.ts

@@ -0,0 +1,2 @@
+export declare const splitValue: (value: string) => string[];
+export declare const joinValue: (value: string[]) => string;

package/dist/helpers/table.d.ts

@@ -0,0 +1,4 @@
+import { IDataItem } from '../model/table';
+
+declare function getColumnsName(rows: IDataItem[]): import('../model/table').IColumn[];
+export { getColumnsName };

package/dist/index.css

@@ -0,0 +1 @@
+.btn{box-sizing:border-box;margin:5px;cursor:pointer;border:none;line-height:40px;border-radius:20px;padding-left:24px;padding-right:24px;font-size:18px;min-width:100px;transition:.5s;text-align:center;display:inline-block;overflow:hidden;position:relative;background-color:var(--Surface-container-low-color);color:var(--Primary-color);box-shadow:1px 1px 6px -2px var(--Shadow-color)}.btn.m-0{margin:0}.btn:disabled{box-shadow:none;background-color:var(--Primary-color);opacity:38%}.btn:disabled span{color:var(--On-primary-color);opacity:38%}.btn:hover{box-shadow:1px 1px 4px -2px var(--Shadow-color)}.btn:active{box-shadow:none;filter:brightness(90%)}.btn.little{line-height:35px;padding-left:16px;padding-right:16px;min-width:30px}.btn.outline-button{background-color:transparent;border:1px solid var(--Outline-color);position:relative;height:40px;line-height:36px;color:var(--Primary-color);box-shadow:none}.btn.outline-button:before{content:"";position:absolute;opacity:12%;width:0px;background-color:var(--Primary-color);height:100%;transition:.3s;top:0;left:50%}.btn.outline-button:disabled{box-shadow:none;border:1px solid var(--On-surface-color);opacity:38%}.btn.outline-button:disabled span{color:var(--On-surface-color)}.btn.outline-button:hover{box-shadow:1px 1px 6px -2px var(--Shadow-color)}.btn.outline-button:active{box-shadow:none}.btn.outline-button:active:before{width:100%;left:0}.btn.text-button{background-color:transparent;position:relative;height:40px;line-height:36px;color:var(--Primary-color);box-shadow:none}.btn.text-button:before{content:"";position:absolute;opacity:12%;width:0px;background-color:var(--Primary-color);height:100%;transition:.3s;top:0;left:50%}.btn.text-button:disabled{box-shadow:none;opacity:38%}.btn.text-button:disabled span{color:var(--On-surface-color)}.btn.text-button:hover:before{width:100%;left:0}.btn.text-button:active{box-shadow:none;filter:blur(50)}.btn.total-button{background-color:var(--Secondary-container-color);color:var(--On-secondary-container-color);box-shadow:none}.btn.total-button:disabled{box-shadow:none;background-color:var(--On-surface-color);opacity:38%}.btn.total-button:disabled span{color:var(--Surface-dim-color)}.btn.total-button:hover{box-shadow:1px 1px 6px -2px var(--Shadow-color)}.btn.total-button:active{box-shadow:none;filter:brightness(90%)}.btn.filled-button{background-color:var(--Primary-color);color:var(--On-primary-color);box-shadow:none}.btn.filled-button:disabled{box-shadow:none;background-color:var(--On-surface-color);opacity:38%}.btn.filled-button:disabled span{color:var(--surface-color)}.btn.filled-button:hover{box-shadow:1px 1px 6px -2px var(--Shadow-color)}.btn.filled-button:active{box-shadow:none;filter:brightness(90%)}.btn:disabled:hover{box-shadow:none}.btn:disabled:hover:before{display:none}.btn:disabled:active{box-shadow:none;filter:none}.btn:disabled:active:before{display:none}.list-container{padding:8px 0;min-height:56px;background-color:var(--Surface-container-lowest-color)}.list-container.transparent{background-color:transparent}.list-container.scroll{overflow-y:scroll}li.list-item-container{padding:8px 24px 8px 16px;display:flex;flex-direction:row;border-radius:10px;position:relative}li.list-item-container.hovered{cursor:pointer}li.list-item-container.hovered:hover{box-shadow:inset 0 0 10px -8px var(--Shadow-color)}li.list-item-container .text-container{flex:100%;display:flex;flex-direction:column;justify-content:center}li.list-item-container .text-container .header{font-size:16px;color:var(--On-surface-color)}li.list-item-container .text-container .text{font-size:14px;color:var(--On-surface-variant-color)}li.list-item-container .control-container{padding-left:16px;display:flex;flex-direction:column;justify-content:center;align-items:center}li.list-item-container .icon-container{padding-right:16px;display:flex;position:relative;flex-direction:column;color:var(--On-surface-variant-color);font-size:24px;justify-content:center;align-items:center;min-width:32px}li.list-item-container .icon-container svg{color:var(--On-surface-variant-color);width:24px}li.list-item-container .icon-container img{width:32px;height:32px;border-radius:4px}.iconbutton{cursor:pointer;width:48px;height:48px;transition:.5s;line-height:48px;outline:none;border:none;position:relative;overflow:hidden;border-radius:50%;display:flex;justify-content:center;align-items:center;color:var(--On-surface-variant-color)}.iconbutton .btn-overlay{background-color:var(--On-surface-variant-color);position:absolute}.iconbutton.active{color:var(--Primary-color)}.iconbutton .iconbutton-container{margin:auto;width:40px;transition:.5s;line-height:40px;display:flex;height:40px;border-radius:50%;text-align:center;justify-content:center;align-items:center}.iconbutton .iconbutton-container i{width:24px;margin:auto;height:24px;line-height:24px;font-size:24px}.iconbutton .iconbutton-container svg{width:24px;margin:auto;height:24px;font-size:24px}.iconbutton .iconbutton-container.filled{box-shadow:1px 1px 6px -2px #000;box-shadow:1px 1px 4px -2px #000}.iconbutton:active{outline:none}.iconbutton:active>.iconbutton-container{box-shadow:none;filter:brightness(90%)}.iconbutton:disabled{cursor:auto}.iconbutton:disabled .iconbutton-container{opacity:38%;color:var(--On-surface-color);box-shadow:none}.iconbutton:disabled:hover>.iconbutton-container{box-shadow:none}.iconbutton:disabled:active>.iconbutton-container{box-shadow:none;filter:brightness(90%)}.card-container{min-width:150px;min-height:150px;background-color:var(--Surface-container-low-color);box-shadow:1px 1px 6px -2px var(--Shadow-color);color:var(--Primary-color);border-radius:12px;position:relative}.card-container .blick-container{position:absolute;width:100%;height:100%;overflow:hidden;z-index:2}.card-container:disabled,.card-container.disabled{opacity:50%}.card-container.filled{background-color:var(--Surface-container-highest-color);box-shadow:0 0 5px -3px var(--Shadow-color);color:var(--Primary-color)}.card-container .card-img-container{border-radius:12px;max-height:200px;z-index:1;overflow:hidden;position:relative}.card-container .card-img-container img{object-fit:cover;width:100%;max-height:200px}.card-container .card-Headline-container{display:flex}.card-container .card-Headline-container .headline{flex:100%;display:flex;align-items:center}.card-container .card-Headline-container .icon-button-container{display:flex;align-items:center}.card-container .card-content-container{padding:16px;position:relative;z-index:3}.base-action-card{display:flex;justify-content:end;flex-wrap:wrap}.big-container{position:relative;overflow:hidden}.big-container-content{position:absolute;width:100%;height:100%}.bottom-sheets{max-width:640px;margin-top:72px;position:relative;background-color:var(--Surface-container-low-color);z-index:1150;padding:0 10px;position:fixed;bottom:0;width:100%;overflow-y:auto;max-height:80vh;left:50%;transform:translate(-50%);border-top-right-radius:28px;border-top-left-radius:28px;animation:.2s linear showBottomSheets;box-shadow:0 0 10 10 var(--Outline-color)}.bottom-sheets.hide{animation:.2s linear hideBottomSheets;transform:translate(-50%,100%)}.bottom-sheets .bottom-sheets-handle{width:100%;height:50px;display:flex;justify-content:center;align-items:center}.bottom-sheets .bottom-sheets-handle span{height:4px;width:32px;background-color:var(--On-surface-variant-color)}.bottom-sheets-backplate{background-color:var(--Scrim-color);opacity:40%}@keyframes showBottomSheets{0%{transform:translate(-50%,100%)}to{transform:translate(-50%)}}@keyframes hideBottomSheets{0%{transform:translate(-50%)}to{transform:translate(-50%,100%)}}.checkbox-container{display:inline;margin:0;position:relative;height:18px;width:18px}.checkbox-container input{-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer}.checkbox-container span{display:inline-flex;box-sizing:border-box;border-radius:2px;justify-content:center;align-items:center;width:18px;height:18px;position:relative;border:2px solid var(--On-surface-color)}.checkbox-container span svg,.checkbox-container span .checkbox-ckeck-icon{display:none;position:relative;width:100%;height:100%;line-height:100%;font-size:18px;color:var(--On-primary-color)}.checkbox-container input:checked~span{border:none;background-color:var(--Primary-color);border-radius:2px}.checkbox-container input:checked~span svg,.checkbox-container input:checked~span .checkbox-ckeck-icon{display:block}.chips{padding:0 8px 0 16px;border:1px solid var(--Outline-color);display:inline-flex;border-radius:6px;align-items:center;height:32px;margin:5px}.chips p{margin-right:5px}.chips.hovered{cursor:pointer}.chips .chips-btn{margin-left:3px;font-size:18px;cursor:pointer}.chips.big-chips{height:auto;line-height:32px}.text-field{display:flex;align-items:center;position:relative;background-color:var(--Surface-container-high-color);color:var(--On-surface-variant-color)}.text-field.transparent{background:transparent}.text-field .icon-container{margin-left:12px}.text-field .clear-container{margin-right:12px;height:24px;width:24px;cursor:pointer;z-index:4}.text-field .input-container{height:56px;z-index:3;flex:100%;margin:0 16px;padding-top:8px;padding-bottom:8px}.text-field .input-container label{position:absolute;line-height:56px;transition:.3s;z-index:3}.text-field .input-container input{position:absolute;background-color:transparent;outline:none;border:none;width:calc(100% - 52px);bottom:8px;z-index:4;line-height:54px;font-size:18px}.text-field .input-container input:focus~label,.text-field .input-container input:valid~label{top:8px;font-size:10px;color:var(--Primary-color);font-weight:700;line-height:13px}.text-field .input-container input:read-only~label{top:8px;font-size:10px;font-weight:700;line-height:13px}.text-field .input-container input:focus~.text-field-line,.text-field .input-container input:valid~.text-field-line{background-color:var(--Primary-color)}.text-field .input-container input.error~.text-field-line{background-color:var(--Error-color)}.text-field .input-container input.error~label{color:var(--Error-color)}.text-field .input-container .text-field-line{position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:var(--On-surface-variant-color)}.text-field.border{border-radius:10px}.text-field.border .text-field-line{border:1px solid var(--On-surface-variant-color);width:100%;background-color:transparent;height:100%;border-radius:10px;z-index:2}.text-field.border input{z-index:3;bottom:50%;transform:translateY(50%)}.text-field.border input:focus~.text-field-line,.text-field.border input:valid~.text-field-line{border:1px solid var(--Primary-color);background-color:transparent}.text-field.border input.error~.text-field-line{border:1px solid var(--Error-color);background-color:transparent}.text-field.border input:focus~label,.text-field.border input:valid~label{top:-7px;padding:0 3px;font-size:10px;color:var(--Primary-color);font-weight:700;line-height:13px}.text-field.border input:read-only~label{top:-7px;padding:0 3px;font-size:10px;font-weight:700;line-height:13px}.text-field.border label span{background-color:var(--Surface-container-high-color);padding:0 2px}.text-area{overflow:hidden;position:relative;background-color:var(--Surface-container-high-color);color:var(--On-surface-variant-color);border-bottom:1px solid var(--On-surface-variant-color)}.text-area.error{border-bottom:1px solid var(--Error-color)}.text-area.transparent,.text-area.transparent textarea{background-color:transparent}.text-area .textarea-container{z-index:3;flex:100%;margin:0 10px 0 16px;padding-top:8px}.text-area textarea{resize:vertical;background-color:var(--Surface-container-high-color);width:100%;outline:none;border:none}.text-area textarea.error::placeholder{color:var(--Error-color)}.text-area.border{border:none;border-radius:10px;border:1px solid var(--On-surface-variant-color)}.text-area.border.error{border:1px solid var(--Error-color)}.text-area.border textarea{resize:vertical;background-color:var(--Surface-container-high-color);width:100%;outline:none}.text-area.border textarea.error::placeholder{color:var(--Error-color)}.divider{position:relative;padding:0;width:100%;height:1px;background-color:var(--Outline-variant-color)}.divider.short{width:calc(100% - 32px);margin-left:16px}.divider-and-text{display:flex;justify-content:space-between;align-items:center}.divider-and-text .divider.short{width:calc(100% - 32px);margin:0 8px}.radio-button-container{display:block;width:25px;height:25px;position:relative}.radio-button-container input{-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer}.radio-button-container span{display:block;width:20px;height:20px;top:0;left:0;position:absolute;border-radius:50%;border:2px solid var(--On-surface-variant-color)}.radio-button-container span:before{content:"";width:10px;height:10px;border-radius:50%;background-color:var(--Primary-color);position:absolute;top:5px;left:5px;display:none}.radio-button-container input:checked~span{border:2px solid var(--Primary-color)}.radio-button-container input:checked~span:before{display:block}.extendedFAB{border:none;position:fixed;justify-content:center;align-items:center;margin-right:16px;margin-bottom:16px;min-width:56px;min-height:56px;line-height:56px;color:#000;display:flex;bottom:0;right:0;background-color:var(--Secondary-container-color);color:var(--On-primary-container-class);border-radius:16px;padding:0 16px;transition:.1s;z-index:100;font-size:24px;box-shadow:1px 1px 6px -2px #000}.extendedFAB *:not(:first-child){margin-left:16px}.extendedFAB:hover{box-shadow:1px 1px 4px -2px #000}.extendedFAB:active{box-shadow:none}@media (max-width: 720px){.extendedFAB{bottom:80px}}.field-container-ui{padding:10px 0}.field-container-ui h4{font-weight:600;padding-bottom:5px;margin:0}.field-container-ui .field-container-content>*{margin-top:10px}.runing-text{min-width:100%;display:flex;position:relative;justify-content:center;overflow:hidden}.runing-text p{white-space:nowrap;text-align:center}.runing-text p.runing{text-align:left;animation:runtext 8s linear infinite}@keyframes runtext{0%{text-indent:25%}to{text-indent:-25%}}.scroll-container{width:100%;overflow-y:auto}.search-container{line-height:56px;background-color:var(--Surface-container-high-color);border-radius:24px}.search-container .search-field{display:flex;height:56px;line-height:56px}.search-container .search-field input[type=text]{flex:100%;min-width:100px;background-color:transparent;outline:none;border:none;color:var(--On-surface-variant-color);font-size:24px;padding:0 16px}.search-container .search-field>span:first-child{padding-left:16px;display:flex;align-items:center;font-size:24px;color:var(--On-surface-color);cursor:pointer}.search-container .search-field>span:last-child{padding-right:16px;display:flex;align-items:center;font-size:24px;color:var(--On-surface-color);cursor:pointer}.snackbar-container{position:fixed;z-index:3000;bottom:100px;padding:0 16px 0 12px;background-color:var(--Inverse-surface-color);color:var(--Inverse-on-surface-color);display:flex;width:90%;left:50%;transform:translate(-50%);overflow:hidden;border-radius:4px}.snackbar-container .snackbar-close{padding-left:12px;display:flex;align-items:center}.snackbar-container .snackbar-close span{cursor:pointer}.snackbar-container .snackbar-content-container{flex:100%;display:flex;justify-content:space-between}@media (max-width: 520px){.snackbar-container .snackbar-content-container{flex-direction:column}}.snackbar-container .snackbar-content-container .snackbar-text{line-height:48px}.snackbar-container .snackbar-content-container .snackbar-button-container{display:flex;justify-content:end}.snackbar-container .snackbar-content-container .snackbar-btn{color:var(--Inverse-primary-color)}.swich-container{height:32px;width:52px;display:flex;justify-content:center;align-items:center}.swich-container input[type=checkbox]{position:relative;width:52px;height:32px;-webkit-appearance:none}.swich-container input[type=checkbox]:before{content:"";width:52px;position:absolute;height:32px;background:var(--Surface-variant-color);border-radius:32px;border:2px solid var(--Outline-color)}.swich-container input[type=checkbox]:checked:before{background-color:var(--Primary-color)}.swich-container input[type=checkbox]:after{content:"";width:16px;height:16px;position:absolute;left:8px;top:10px;transition:.3s;background-color:var(--Outline-color);border-radius:50%;box-sizing:border-box}.swich-container input[type=checkbox]:checked:after{left:25px;background-color:var(--On-primary-color);width:24px;height:24px;top:6px}.dialog-container{padding:24px 0;background-color:var(--Surface-container-high-color);box-shadow:1px 1px 6px -2px var(--Shadow-color);min-width:280px;max-width:560px;width:calc(100% - 40px);border-radius:28px;position:fixed;display:flex;flex-direction:column;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000}.dialog-container .dialog-header{flex:100%;padding-bottom:16px;padding-left:24px;padding-right:24px;color:var(--On-surface-color)}.dialog-container .dialog-header h2{display:inline}.dialog-container .dialog-action{flex:100%;padding-top:24px;padding-left:24px;padding-right:24px}.dialog-container .dialog-content{flex:100%;overflow-y:auto;position:relative;color:var(--On-surface-variant-color)}.dialog-container .dialog-content>*{padding-left:24px;padding-right:24px}.dialog-container .dialog-button-container{display:flex;justify-content:end}.dialog-container .dialog-input-container{margin:8px 0 0}.full-screen-dialog-base-format{max-height:85vh}.full-screen-dialog-container{position:fixed;z-index:900;top:0;left:0;width:100%;height:calc(100vh - 80px);background-color:var(--Surface-container-high-color)}.full-screen-dialog-container .full-screen-dialog-header{display:flex;height:56px}.full-screen-dialog-container .full-screen-dialog-header .header{flex:100%;line-height:56px;color:var(--On-surface-color);font-size:24px;font-weight:700}.full-screen-dialog-container .full-screen-dialog-header .dialog-icon-container{width:56px;flex:56px;line-height:56px;display:flex;justify-content:center;align-items:center}.full-screen-dialog-container .full-screen-dialog-header .save-container{height:56px;display:flex;color:var(--Primary-color);align-items:center}.full-screen-dialog-container .full-screen-dialog-content{height:calc(100% - 56px);padding:0 10px}.calendar-body-container{padding:20px 12px 12px;max-width:328px;width:100%;min-height:428px;background-color:var(--Surface-container-high-color);color:var(--On-surface-variant-color);box-shadow:0 0 5px -3px var(--Shadow-color);border-radius:10px;z-index:1000}.calendar-body-container .calendar-body-select-container{display:flex;padding-bottom:30px;border-bottom:1px solid var(--Outline-variant-color)}.calendar-body-container .calendar-body-select-container>div{flex:100%;display:flex;justify-content:center}.calendar-body-container .calendar-body-select-container>div span{cursor:pointer;display:flex;transition:.4s}.calendar-body-container .calendar-body-select-container>div span svg{transition:.4s}.calendar-body-container .calendar-body-select-container>div span.active>svg{transform:rotate(180deg)}.calendar-body-container .calendar-body-dayofweek-container{display:flex;justify-content:space-around;margin-bottom:16px}.calendar-body-container .calendar-body-dayofweek-container span{display:flex;justify-content:center;align-items:center;width:24px;height:24px;font-size:20px}.calendar-body-container .calendar-body-months-container,.calendar-body-container .calendar-body-years-container{height:284px;overflow-y:scroll}.calendar-body-container .calendar-body-months-container .calendar-body-months-item,.calendar-body-container .calendar-body-months-container .calendar-body-year-item,.calendar-body-container .calendar-body-years-container .calendar-body-months-item,.calendar-body-container .calendar-body-years-container .calendar-body-year-item{height:56px;display:flex;color:var(--On-surface-color);background-color:var(--Surface-container-high-color);align-items:center}.calendar-body-container .calendar-body-months-container .calendar-body-months-item .status-container,.calendar-body-container .calendar-body-months-container .calendar-body-year-item .status-container,.calendar-body-container .calendar-body-years-container .calendar-body-months-item .status-container,.calendar-body-container .calendar-body-years-container .calendar-body-year-item .status-container{height:24px;width:24px;margin-right:16px}.calendar-body-container .calendar-body-months-container .calendar-body-months-item:hover,.calendar-body-container .calendar-body-months-container .calendar-body-year-item:hover,.calendar-body-container .calendar-body-years-container .calendar-body-months-item:hover,.calendar-body-container .calendar-body-years-container .calendar-body-year-item:hover{background-color:var(--Surface-variant-color)}.calendar-body-container .calendar-body-days-container{height:284px;display:grid;grid-template-columns:repeat(7,1fr);justify-content:center;grid-auto-rows:1fr}.calendar-body-container .calendar-body-days-container .day{max-width:40px;width:100%;height:40px;display:flex;justify-content:center;align-items:center;border-radius:50%;color:var(--On-surface-color)}.calendar-body-container .calendar-body-days-container .day.other{color:var(--On-surface-variant-color)}.calendar-body-container .calendar-body-days-container .day.now{color:var(--Primary-color);border:1px solid var(--Primary-color)}.calendar-body-container .calendar-body-days-container .day:hover,.calendar-body-container .calendar-body-days-container .day.select{background-color:var(--Primary-color);color:var(--On-primary-color)}.calendar-body-container .calendar-body-action-container{height:40px;display:flex;justify-content:end}.enter-time-container .time-type{padding-bottom:20px;color:var(--On-surface-variant-color)}.enter-time-container .time-input-container{padding-bottom:24px;display:flex;justify-content:center}.enter-time-container .time-input-container .time-input{width:96px}.enter-time-container .time-input-container .time-input span{color:var(--On-surface-variant-color)}.enter-time-container .time-input-container .time-input .input-container{position:relative;border-radius:10px;overflow:hidden}.enter-time-container .time-input-container .time-input .input-container:before{content:"";position:absolute;left:0;top:0;z-index:1;width:100%;height:100%;opacity:20%;background-color:var(--Primary-color)}.enter-time-container .time-input-container .time-input .input-container input{width:96px;position:relative;height:72px;z-index:2;border-radius:10px;border:none;outline:none;transition:.3s;background-color:var(--Surface-container-highest-color);color:var(--On-surface-color);text-align:center;font-size:32px}.enter-time-container .time-input-container .time-input .input-container input::-webkit-outer-spin-button,.enter-time-container .time-input-container .time-input .input-container input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.enter-time-container .time-input-container .time-input .input-container input:focus{background-color:transparent}.enter-time-container .time-input-container .time-separator{height:72px;line-height:72px;width:24px;font-size:57px;text-align:center;color:var(--On-surface-color)}.enter-time-container .enter-time-action{display:flex;justify-content:end;position:relative}.enter-time-container .enter-time-action .enter-time-action-btn{height:30px;min-width:60px;padding:0 5px;color:var(--color-active);border-radius:20px}.enter-time-container .enter-time-action .enter-time-action-btn:active{box-shadow:inset 0 5px 5px -3px #0003,inset 0 4px 5px #00000024,inset 0 1px 10px #0000001f}.enter-time-container .enter-time-action .enter-time-icon{width:24px;height:100%;position:absolute;top:0;left:24px;color:var(--Primary-color);display:flex;align-items:center;cursor:pointer}.enter-time-container .enter-time-action .enter-time-icon:active>svg{border-radius:10px;box-shadow:inset 0 5px 5px -3px #0003,inset 0 4px 5px #00000024,inset 0 1px 10px #0000001f}.clock-input-container .clock-input{--clock-radius: 128px ;width:calc(var(--clock-radius) * 2);height:calc(var(--clock-radius) * 2);position:relative;margin:auto;background-color:var(--Surface-container-highest-color);border-radius:50%}.clock-input-container .clock-input span.center{width:10px;border-radius:50%;background-color:var(--Primary-color);height:10px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.clock-input-container .clock-input .clock-input-am{position:absolute;width:100%;height:100%;left:0;border-radius:50%;top:0}.clock-input-container .clock-input .clock-input-am span{position:absolute;top:50%;left:50%;width:48px;height:48px;line-height:48px;color:var(--On-surface-color);text-align:center;border-radius:50%;z-index:4}.clock-input-container .clock-input .clock-input-am span:before{content:"";width:calc(var(--clock-radius) - 20px);height:2px;background-color:var(--Primary-color);position:absolute;top:50%;left:50%;display:none;transform-origin:left top;z-index:3}.clock-input-container .clock-input .clock-input-am span:hover{background-color:var(--Primary-color);color:var(--On-primary-color)}.clock-input-container .clock-input .clock-input-am span:hover:before{display:block}.clock-input-container .clock-input .clock-input-am span:nth-of-type(1){transform:rotate(300deg) translate(calc(var(--clock-radius) - 20px)) rotate(-300deg) translate(-24px,-24px)}.clock-input-container .clock-input .clock-input-am span:nth-of-type(1):before{transform:rotate(120deg)}.clock-input-container .clock-input .clock-input-am span:nth-of-type(2){transform:rotate(330deg) translate(calc(var(--clock-radius) - 20px)) rotate(-330deg) translate(-24px,-24px)}.clock-input-container .clock-input .clock-input-am span:nth-of-type(2):before{transform:rotate(150deg)}.clock-input-container .clock-input .clock-input-am span:nth-of-type(3){transform:rotate(0) translate(calc(var(--clock-radius) - 20px)) rotate(0) translate(-24px,-24px)}.clock-input-container .clock-input .clock-input-am span:nth-of-type(3):before{transform:rotate(180deg)}.clock-input-container .clock-input .clock-input-am span:nth-of-type(4){transform:rotate(30deg) translate(calc(var(--clock-radius) - 20px)) rotate(-30deg) translate(-24px,-24px)}.clock-input-container .clock-input .clock-input-am span:nth-of-type(4):before{transform:rotate(210deg)}.clock-input-container .clock-input .clock-input-am span:nth-of-type(5){transform:rotate(60deg) translate(calc(var(--clock-radius) - 20px)) rotate(-60deg) translate(-24px,-24px)}.clock-input-container .clock-input .clock-input-am span:nth-of-type(5):before{transform:rotate(240deg)}.clock-input-container .clock-input .clock-input-am span:nth-of-type(6){transform:rotate(90deg) translate(calc(var(--clock-radius) - 20px)) rotate(-90deg) translate(-24px,-24px)}.clock-input-container .clock-input .clock-input-am span:nth-of-type(6):before{transform:rotate(270deg)}.clock-input-container .clock-input .clock-input-am span:nth-of-type(7){transform:rotate(120deg) translate(calc(var(--clock-radius) - 20px)) rotate(-120deg) translate(-24px,-24px)}.clock-input-container .clock-input .clock-input-am span:nth-of-type(7):before{transform:rotate(300deg)}.clock-input-container .clock-input .clock-input-am span:nth-of-type(8){transform:rotate(150deg) translate(calc(var(--clock-radius) - 20px)) rotate(-150deg) translate(-24px,-24px)}.clock-input-container .clock-input .clock-input-am span:nth-of-type(8):before{transform:rotate(330deg)}.clock-input-container .clock-input .clock-input-am span:nth-of-type(9){transform:rotate(180deg) translate(calc(var(--clock-radius) - 20px)) rotate(-180deg) translate(-24px,-24px)}.clock-input-container .clock-input .clock-input-am span:nth-of-type(9):before{transform:rotate(0)}.clock-input-container .clock-input .clock-input-am span:nth-of-type(10){transform:rotate(210deg) translate(calc(var(--clock-radius) - 20px)) rotate(-210deg) translate(-24px,-24px)}.clock-input-container .clock-input .clock-input-am span:nth-of-type(10):before{transform:rotate(30deg)}.clock-input-container .clock-input .clock-input-am span:nth-of-type(11){transform:rotate(240deg) translate(calc(var(--clock-radius) - 20px)) rotate(-240deg) translate(-24px,-24px)}.clock-input-container .clock-input .clock-input-am span:nth-of-type(11):before{transform:rotate(60deg)}.clock-input-container .clock-input .clock-input-am span:nth-of-type(12){transform:rotate(270deg) translate(calc(var(--clock-radius) - 20px)) rotate(-270deg) translate(-24px,-24px)}.clock-input-container .clock-input .clock-input-am span:nth-of-type(12):before{transform:rotate(90deg)}.clock-input-container .clock-input .clock-input-pm{position:absolute;width:calc(100% - 80px);border-radius:50%;height:calc(100% - 80px);left:40px;top:40px}.clock-input-container .clock-input .clock-input-pm span{position:absolute;top:50%;left:50%;width:48px;height:48px;line-height:48px;color:var(--On-surface-color);border-radius:50%;text-align:center}.clock-input-container .clock-input .clock-input-pm span:before{content:"";width:calc(var(--clock-radius) - 60px);height:2px;background-color:var(--Primary-color);position:absolute;top:50%;left:50%;transform-origin:left top;display:none}.clock-input-container .clock-input .clock-input-pm span:hover{background-color:var(--Primary-color);color:var(--On-primary-color)}.clock-input-container .clock-input .clock-input-pm span:hover:before{display:block}.clock-input-container .clock-input .clock-input-pm span:nth-of-type(1){transform:rotate(300deg) translate(calc(var(--clock-radius) - 60px)) rotate(-300deg) translate(-24px,-24px)}.clock-input-container .clock-input .clock-input-pm span:nth-of-type(1):before{transform:rotate(120deg)}.clock-input-container .clock-input .clock-input-pm span:nth-of-type(2){transform:rotate(330deg) translate(calc(var(--clock-radius) - 60px)) rotate(-330deg) translate(-24px,-24px)}.clock-input-container .clock-input .clock-input-pm span:nth-of-type(2):before{transform:rotate(150deg)}.clock-input-container .clock-input .clock-input-pm span:nth-of-type(3){transform:rotate(0) translate(calc(var(--clock-radius) - 60px)) rotate(0) translate(-24px,-24px)}.clock-input-container .clock-input .clock-input-pm span:nth-of-type(3):before{transform:rotate(180deg)}.clock-input-container .clock-input .clock-input-pm span:nth-of-type(4){transform:rotate(30deg) translate(calc(var(--clock-radius) - 60px)) rotate(-30deg) translate(-24px,-24px)}.clock-input-container .clock-input .clock-input-pm span:nth-of-type(4):before{transform:rotate(210deg)}.clock-input-container .clock-input .clock-input-pm span:nth-of-type(5){transform:rotate(60deg) translate(calc(var(--clock-radius) - 60px)) rotate(-60deg) translate(-24px,-24px)}.clock-input-container .clock-input .clock-input-pm span:nth-of-type(5):before{transform:rotate(240deg)}.clock-input-container .clock-input .clock-input-pm span:nth-of-type(6){transform:rotate(90deg) translate(calc(var(--clock-radius) - 60px)) rotate(-90deg) translate(-24px,-24px)}.clock-input-container .clock-input .clock-input-pm span:nth-of-type(6):before{transform:rotate(270deg)}.clock-input-container .clock-input .clock-input-pm span:nth-of-type(7){transform:rotate(120deg) translate(calc(var(--clock-radius) - 60px)) rotate(-120deg) translate(-24px,-24px)}.clock-input-container .clock-input .clock-input-pm span:nth-of-type(7):before{transform:rotate(300deg)}.clock-input-container .clock-input .clock-input-pm span:nth-of-type(8){transform:rotate(150deg) translate(calc(var(--clock-radius) - 60px)) rotate(-150deg) translate(-24px,-24px)}.clock-input-container .clock-input .clock-input-pm span:nth-of-type(8):before{transform:rotate(330deg)}.clock-input-container .clock-input .clock-input-pm span:nth-of-type(9){transform:rotate(180deg) translate(calc(var(--clock-radius) - 60px)) rotate(-180deg) translate(-24px,-24px)}.clock-input-container .clock-input .clock-input-pm span:nth-of-type(9):before{transform:rotate(0)}.clock-input-container .clock-input .clock-input-pm span:nth-of-type(10){transform:rotate(210deg) translate(calc(var(--clock-radius) - 60px)) rotate(-210deg) translate(-24px,-24px)}.clock-input-container .clock-input .clock-input-pm span:nth-of-type(10):before{transform:rotate(30deg)}.clock-input-container .clock-input .clock-input-pm span:nth-of-type(11){transform:rotate(240deg) translate(calc(var(--clock-radius) - 60px)) rotate(-240deg) translate(-24px,-24px)}.clock-input-container .clock-input .clock-input-pm span:nth-of-type(11):before{transform:rotate(60deg)}.clock-input-container .clock-input .clock-input-pm span:nth-of-type(12){transform:rotate(270deg) translate(calc(var(--clock-radius) - 60px)) rotate(-270deg) translate(-24px,-24px)}.clock-input-container .clock-input .clock-input-pm span:nth-of-type(12):before{transform:rotate(90deg)}.clock-input-container .clock-input .clock-input-minute{position:absolute;width:100%;height:100%;left:0;border-radius:50%;top:0}.clock-input-container .clock-input .clock-input-minute span{position:absolute;top:50%;left:50%;width:48px;height:48px;line-height:48px;text-align:center;border-radius:50%;z-index:4;color:var(--On-surface-color)}.clock-input-container .clock-input .clock-input-minute span:before{content:"";width:calc(var(--clock-radius) - 20px);height:2px;background-color:var(--Primary-color);position:absolute;top:50%;left:50%;display:none;transform-origin:left top;z-index:3}.clock-input-container .clock-input .clock-input-minute span:hover{background-color:var(--Primary-color);color:var(--On-primary-color)}.clock-input-container .clock-input .clock-input-minute span:hover:before{display:block}.clock-input-container .clock-input .clock-input-minute span:nth-of-type(1){transform:rotate(270deg) translate(calc(var(--clock-radius) - 20px)) rotate(-270deg) translate(-24px,-24px)}.clock-input-container .clock-input .clock-input-minute span:nth-of-type(1):before{transform:rotate(90deg)}.clock-input-container .clock-input .clock-input-minute span:nth-of-type(2){transform:rotate(300deg) translate(calc(var(--clock-radius) - 20px)) rotate(-300deg) translate(-24px,-24px)}.clock-input-container .clock-input .clock-input-minute span:nth-of-type(2):before{transform:rotate(120deg)}.clock-input-container .clock-input .clock-input-minute span:nth-of-type(3){transform:rotate(330deg) translate(calc(var(--clock-radius) - 20px)) rotate(-330deg) translate(-24px,-24px)}.clock-input-container .clock-input .clock-input-minute span:nth-of-type(3):before{transform:rotate(150deg)}.clock-input-container .clock-input .clock-input-minute span:nth-of-type(4){transform:rotate(0) translate(calc(var(--clock-radius) - 20px)) rotate(0) translate(-24px,-24px)}.clock-input-container .clock-input .clock-input-minute span:nth-of-type(4):before{transform:rotate(180deg)}.clock-input-container .clock-input .clock-input-minute span:nth-of-type(5){transform:rotate(30deg) translate(calc(var(--clock-radius) - 20px)) rotate(-30deg) translate(-24px,-24px)}.clock-input-container .clock-input .clock-input-minute span:nth-of-type(5):before{transform:rotate(210deg)}.clock-input-container .clock-input .clock-input-minute span:nth-of-type(6){transform:rotate(60deg) translate(calc(var(--clock-radius) - 20px)) rotate(-60deg) translate(-24px,-24px)}.clock-input-container .clock-input .clock-input-minute span:nth-of-type(6):before{transform:rotate(240deg)}.clock-input-container .clock-input .clock-input-minute span:nth-of-type(7){transform:rotate(90deg) translate(calc(var(--clock-radius) - 20px)) rotate(-90deg) translate(-24px,-24px)}.clock-input-container .clock-input .clock-input-minute span:nth-of-type(7):before{transform:rotate(270deg)}.clock-input-container .clock-input .clock-input-minute span:nth-of-type(8){transform:rotate(120deg) translate(calc(var(--clock-radius) - 20px)) rotate(-120deg) translate(-24px,-24px)}.clock-input-container .clock-input .clock-input-minute span:nth-of-type(8):before{transform:rotate(300deg)}.clock-input-container .clock-input .clock-input-minute span:nth-of-type(9){transform:rotate(150deg) translate(calc(var(--clock-radius) - 20px)) rotate(-150deg) translate(-24px,-24px)}.clock-input-container .clock-input .clock-input-minute span:nth-of-type(9):before{transform:rotate(330deg)}.clock-input-container .clock-input .clock-input-minute span:nth-of-type(10){transform:rotate(180deg) translate(calc(var(--clock-radius) - 20px)) rotate(-180deg) translate(-24px,-24px)}.clock-input-container .clock-input .clock-input-minute span:nth-of-type(10):before{transform:rotate(0)}.clock-input-container .clock-input .clock-input-minute span:nth-of-type(11){transform:rotate(210deg) translate(calc(var(--clock-radius) - 20px)) rotate(-210deg) translate(-24px,-24px)}.clock-input-container .clock-input .clock-input-minute span:nth-of-type(11):before{transform:rotate(30deg)}.clock-input-container .clock-input .clock-input-minute span:nth-of-type(12){transform:rotate(240deg) translate(calc(var(--clock-radius) - 20px)) rotate(-240deg) translate(-24px,-24px)}.clock-input-container .clock-input .clock-input-minute span:nth-of-type(12):before{transform:rotate(60deg)}.days-week-field-container{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-gap:10px;padding:15px 10px 10px;width:100%;flex-wrap:wrap}.days-week-field-container>label{flex:100%;display:flex;flex-direction:column;justify-content:center;position:relative;height:32px;min-width:40px;border-radius:10px;overflow:hidden;align-items:center}.days-week-field-container>label span{position:absolute;text-align:center;top:0;left:0;width:100%;height:100%;line-height:32px;background-color:var(--Secondary-container-color);color:var(--On-secondary-container-color)}.days-week-field-container>label input{display:none}.days-week-field-container>label input:checked+span{background-color:var(--Primary-color);color:var(--On-primary-color)}@media (max-width: 400px){.days-week-field-container{grid-template-columns:1fr 1fr 1fr 1fr}}.adaptiv-grid-layout{justify-content:center}.adaptiv-grid-item-container{display:flex;justify-content:center}.menu-container{position:absolute;z-index:2000;min-width:112px;max-width:280px;background-color:var(--Surface-container-color);box-shadow:1px 1px 6px -2px var(--Shadow-color);color:var(--On-surface-color);border-radius:4px;font-size:14px}.menu-container .menu-status-container{line-height:24px;margin-left:5px}.menu-container .none-status{width:24px;height:24px;display:block}.menu-container .menu-status-submenu{width:10px;height:10px;display:block;border-bottom:2px solid var(--On-surface-color);border-left:2px solid var(--On-surface-color);transform:rotate(225deg);transition:.3s}.menu-container .menu-status-submenu.active{transform:rotate(45deg)}.menu-container .menu-block{padding-bottom:8px;padding-top:8px;z-index:3}.menu-container .menu-block .menu-item-conatiner{position:relative}.menu-container .menu-block .menu-item-conatiner .menu-sub-block{padding-bottom:8px;min-width:112px;max-width:280px;padding-top:8px;position:absolute;left:100%;z-index:5;top:0;background-color:var(--Surface-container-color);box-shadow:1px 1px 6px -2px var(--Shadow-color);border-radius:4px}.menu-container .menu-item,.menu-container .menu-sub-item,.bottom-sheets-menu-container .menu-item,.bottom-sheets-menu-container .menu-sub-item{padding-right:12px;line-height:48px;height:48px;font-size:14px;padding-left:12px;display:flex;justify-content:start;transition:.3s;border-radius:4px;align-items:center}.menu-container .menu-item:first-child,.menu-container .menu-sub-item:first-child,.bottom-sheets-menu-container .menu-item:first-child,.bottom-sheets-menu-container .menu-sub-item:first-child{height:56px}.menu-container .menu-item:last-child,.menu-container .menu-sub-item:last-child,.bottom-sheets-menu-container .menu-item:last-child,.bottom-sheets-menu-container .menu-sub-item:last-child{height:56px}.menu-container .menu-item .menu-icon-container,.menu-container .menu-sub-item .menu-icon-container,.bottom-sheets-menu-container .menu-item .menu-icon-container,.bottom-sheets-menu-container .menu-sub-item .menu-icon-container{margin-right:12px;font-size:24px;line-height:24px;width:24px;height:24px}.menu-container .menu-item .menu-text-container,.menu-container .menu-sub-item .menu-text-container,.bottom-sheets-menu-container .menu-item .menu-text-container,.bottom-sheets-menu-container .menu-sub-item .menu-text-container{flex:100%}.menu-container .menu-item:hover,.menu-container .menu-sub-item:hover,.bottom-sheets-menu-container .menu-item:hover,.bottom-sheets-menu-container .menu-sub-item:hover{box-shadow:0 0 10px -5px}.menu-container .menu-item:active,.menu-container .menu-sub-item:active,.bottom-sheets-menu-container .menu-item:active,.bottom-sheets-menu-container .menu-sub-item:active{box-shadow:inset 0 0 10px -5px}.bottom-sheets-menu-container .menu-status-submenu{width:10px;height:10px;display:block;border-bottom:2px solid var(--On-surface-color);border-left:2px solid var(--On-surface-color);transform:rotate(-45deg);transition:.3s}.bottom-sheets-menu-container .menu-status-submenu.active{transform:rotate(135deg)}.bottom-sheets-menu-container .menu-block{padding-bottom:8px;padding-top:8px;z-index:3}.bottom-sheets-menu-container .menu-block .menu-item-conatiner{position:relative}.bottom-sheets-menu-container .menu-block .menu-item-conatiner .menu-sub-block{padding-bottom:8px;width:100%;padding-top:8px;left:100%;z-index:5;top:0;background-color:var(--Surface-container-high-color);border-radius:4px}.table-container{max-width:1170px;margin:auto;padding:0 15px;overflow-x:auto}.table-container table{width:100%;box-shadow:var(--Shadow-base);border-collapse:collapse}.table-container table .table-actions-header{height:68px}.table-container table .min-width{min-width:150px}.table-container table th,.table-container table td{text-align:center;padding:10px}.table-container table th{background-color:var(--Primary-color);color:var(--On-primary-color)}.table-container table td{background-color:var(--Surface-container-high-color);color:var(--On-surface-color);transition:.2s}.table-container table td p{display:flex;justify-content:center}.table-container table td .table-edit-button{display:flex;flex-wrap:nowrap}.table-container table tr:nth-child(2n) td{background-color:var(--Surface-container-color)}.table-container table tr:hover td{background-color:var(--Surface-container-highest-color)}.table-container.clicked table tr td{cursor:pointer}.table-container.clicked table tr:active td{background-color:var(--Surface-container-low-color)}@media (max-width: 720px){.table-container.auto-rotate table{display:flex;position:relative;width:100%;white-space:nowrap;height:100%;align-items:stretch}.table-container.auto-rotate table *{outline:none}.table-container.auto-rotate table thead,.table-container.auto-rotate table tbody,.table-container.auto-rotate table thead th{display:block;position:relative}.table-container.auto-rotate table thead{height:100%;flex-grow:1}.table-container.auto-rotate table tbody{overflow-x:auto;flex:100%;width:100%}.table-container.auto-rotate table tbody tr{display:table-cell}.table-container.auto-rotate table tbody tr td{display:block;max-width:180px;overflow:hidden;text-overflow:ellipsis}}@media (max-width: 400px){.table-container.auto-rotate table .min-width{min-width:auto}}body{--Primary-color: #6750A4;--Primary-container-color: #EADDFF;--On-primary-color: #FFFFFF;--On-primary-container-color: #21005E;--Inverse-primary-color: #D0BCFF;--Secondary-color: #625B71;--Secondary-container-color: #E8DEF8;--On-secondary-color: #FFFFFF;--On-secondary-container-color: #1E192B;--Tertiary-color: #7D5260;--Tertiary-container-color: #FFD8E4;--On-tertiary-color: #FFFFFF;--On-tertiary-container-color: #370B1E;--Surface-color: #FEF7FF;--Surface-dim-color: #DED8E1;--Surface-bright-color: #FEF7FF;--Surface-container-lowest-color: #FFFFFF;--Surface-container-low-color: #F7F2FA;--Surface-container-color: #F3EDF7;--Surface-container-high-color: #ECE6F0;--Surface-container-highest-color: #E6E0E9;--Surface-variant-color: #E7E0EC;--On-surface-color: #1C1B1F;--On-surface-variant-color: #49454E;--Inverse-surface-color: #313033;--Inverse-on-surface-color: #F4EFF4;--Background-color: #FEF7FF;--On-background-color: #1C1B1F;--Error-color: #B3261E;--Error-container-color: #F9DEDC;--On-error-color: #FFFFFF;--On-error-container-color: #410E0B;--Outline-color: #79747E;--Outline-variant-color: #C4C7C5;--Shadow-color: #000000;--Surface-tint-color: #6750A4;--Scrim-color: #000000;--Shadow-base: 0 0 5px -3px var(--Shadow-color);--card-border-radius: 4px;background-size:cover;background-attachment:fixed}.sh-bg-active{background-color:var(--text-active)}.sh-text-bg-ct-1,.sh-text-bg-ct-1-1,.sh-text-bg-ct-1-2{background-color:var(--text-base)}.sh-text-bg-ct-2,.sh-text-bg-ct-2-1,.sh-text-bg-ct-2-2{background-color:var(--text-normal)}.sh-bg-active{background-color:var(--color-active)}.sh-bg-ct-1,.sh-bg-ct-1-1{background-color:var(--color-base)}.sh-bg-ct-2,.sh-bg-ct-2-1{background-color:var(--color-normal)}.sh-bg-ct-1-2{background-color:var(--color-base-v2)}.sh-bg-ct-2-2{background-color:var(--color-normal-v2)}.sh-text-active{color:var(--color-active)}.sh-text-ct-1,.sh-text-ct-1-1{color:var(--color-base)}.sh-text-ct-2,.sh-text-ct-2-1{color:var(--color-normal)}.sh-text-ct-1-2{color:var(--color-base-v2)}.sh-text-ct-2-2{color:var(--color-normal-v2)}.btn-overlay{position:absolute;height:400px;width:400px;background:#fff;top:0;z-index:100;left:0;transform:translate(-50%,-50%);border-radius:50%;opacity:.5s;animation:blink .5s linear infinite}@keyframes blink{0%{height:0px;width:0px;opacity:.5}to{height:400px;width:400px;opacity:0}}.backplate{position:fixed;top:0;left:0;width:100%;height:100vh}.btn-container{display:flex;justify-content:end}.additional-information{padding:10px 0;color:var(--On-surface-variant-color);font-size:14px}

package/dist/index.d.ts

@@ -0,0 +1,43 @@
+import { Button, TextButton, FilledButton, OutlineButton, FilledTotalButton, BaseButton } from './ui/Button/Button';
+import { ListContainer } from './ui/List/List';
+import { ListItem } from './ui/List/ListItem';
+import { IconButton } from './ui/IconButton/IconButton';
+import { Card } from './ui/Card/Card';
+import { BaseActionCard } from './ui/BaseActionCard/BaseActionCard';
+import { BigContainer } from './ui/BigContainer/BigContainer';
+import { BottomSheetsUi } from './ui/BottomSheets/BottomSheetsUi';
+import { Checkbox } from './ui/Checkbox/Checkbox';
+import { Chips } from './ui/Chips/Chips';
+import { TextField } from './ui/TextField/TextField';
+import { TextArea } from './ui/TextField/TextArea';
+import { Divider } from './ui/Divider/Divider';
+import { RadioButton, BaseRadioButton } from './ui/RadioButton/RadioButton';
+import { FAB } from './ui/FAB/FAB';
+import { FieldContainer } from './ui/FieldContainer/FieldContainer';
+import { MoreText } from './ui/MoreText/MoreText';
+import { RunningLine } from './ui/RunningLine/RunningLine';
+import { ScrollContainer } from './ui/ScrollContainer/ScrollContainer';
+import { Search } from './ui/Search/Search';
+import { Snackbar } from './ui/Snackbar/Snackbar';
+import { Switch } from './ui/Switch/Switch';
+import { BasicTemplateDialog } from './ui/Dialog/TemplateDialog/BasicTemplateDialog';
+import { FullScrinTemplateDialog } from './ui/Dialog/TemplateDialog/FullScreenTemplateDialog';
+import { BaseDialog } from './ui/Dialog/BaseDialog/BaseDialog';
+import { SelectionDialog } from './ui/Dialog/BaseDialog/SelectionDialog';
+import { TextDialog } from './ui/Dialog/BaseDialog/TextDialog';
+import { СalendarPickers } from './ui/DatePicker/DatePickers';
+import { TimePicker } from './ui/TimePickers/TimePickers';
+import { DayOfWeekField } from './ui/DayOfWeek/DayOfWeek';
+import { GridLayoutItem, default as GridLayout } from './ui/GridLayout/GridLayout';
+import { Menu } from './ui/Menu/Menu';
+import { SmallWindowMenu } from './ui/Menu/SmallWindowMenu';
+import { Table } from './ui/Table/Table';
+import { getContainerData, getModalWindowCord, IContainerData, IOptionModalWindowCord } from './helpers/getModalCord';
+
+export type { IOptionSnackbar, SnackbarProps } from './ui/Snackbar/Snackbar';
+export { Button, FAB, FilledButton, TextButton, OutlineButton, FilledTotalButton, BaseButton, ListContainer, ListItem, IconButton, Card, BaseActionCard, BigContainer, BottomSheetsUi, Checkbox, Chips, BasicTemplateDialog, FullScrinTemplateDialog, BaseDialog, SelectionDialog, TextDialog, TextField, TextArea, RadioButton, BaseRadioButton, Divider, СalendarPickers, DayOfWeekField, FieldContainer, GridLayoutItem, GridLayout, Menu, SmallWindowMenu, MoreText, RunningLine, ScrollContainer, Search, Snackbar, Switch, TimePicker, Table };
+export { getContainerData, getModalWindowCord };
+export type { IContainerData, IOptionModalWindowCord };
+export type { IBlock, IMenuItem, IMenuOption, IMenuSubItem } from './model/menu';
+export type { IPoint } from './model/point';
+export type { ICell, IColumn, IDataItem, ITable, ITableAction, celData } from './model/table';

package/dist/model/menu.d.ts

@@ -0,0 +1,41 @@
+/// <reference types="react" />
+export interface IMenuSubItem {
+    title: string;
+    icon?: React.ReactNode;
+    activated?: boolean;
+    onClick?: () => void;
+}
+export interface IMenuItem {
+    title: string;
+    icon?: React.ReactNode;
+    activated?: boolean;
+    onClick?: () => void;
+    subItems?: IMenuSubItem[];
+}
+export interface IBlock {
+    items: IMenuItem[];
+}
+export interface IMenuOption {
+    width?: number;
+    autoHide?: boolean;
+    onHide?: () => void;
+    onClick?: () => void;
+}
+export interface MenuStateProps {
+    blocks: IBlock[];
+    visible: boolean;
+    x: number;
+    y: number;
+    width?: number;
+    autoHide?: boolean;
+    onHide?: () => void;
+    onClick?: () => void;
+}
+export interface MenuButtomStateProps {
+    blocks: IBlock[];
+    visible: boolean;
+    width?: number;
+    autoHide?: boolean;
+    onHide?: () => void;
+    onClick?: () => void;
+}

package/dist/model/point.d.ts

@@ -0,0 +1,4 @@
+export interface IPoint {
+    x: number;
+    y: number;
+}

package/dist/model/table.d.ts

@@ -0,0 +1,33 @@
+import { LucideIcon } from 'lucide-react';
+
+export interface IColumn {
+    field: string;
+    title: string;
+    color?: string;
+    backgroundColor?: string;
+}
+export type Column = IColumn;
+export interface ICell {
+    content: string | number | LucideIcon;
+    color?: string;
+    onDelete?: () => void;
+    onClick?: () => void;
+}
+export type celData = string | number | ICell;
+export interface IDataItem {
+    [columnsName: string]: celData | celData[];
+}
+export interface ITableAction {
+    icon: React.ReactNode;
+    onClick: (event: React.MouseEvent<HTMLElement>, data: IDataItem, index: number) => void;
+}
+export interface ITable {
+    columns?: Column[];
+    data: IDataItem[];
+    actions?: ITableAction[];
+    adaptive?: boolean;
+    onDelete?: (data: IDataItem, index: number) => void;
+    onEdit?: (data: IDataItem, index: number) => void;
+    onContextMenu?: (event: React.MouseEvent<HTMLElement>, data: IDataItem, index: number) => void;
+    onClickRow?: (data: IDataItem, index: number) => void;
+}

package/dist/ui/BaseActionCard/BaseActionCard.d.ts

@@ -0,0 +1,6 @@
+
+export interface BaseActionCardProps {
+    children: React.ReactNode;
+    className?: string;
+}
+export declare const BaseActionCard: ({ children, className }: BaseActionCardProps) => import("react/jsx-runtime").JSX.Element;