@datability/8ui 0.1.68 → 1.0.0

package/dist/assets/index-QxCDX2bt.css

@@ -0,0 +1 @@
+.DBui-button{transition:opacity .3s;display:flex;align-items:center;justify-content:center;gap:.5em;cursor:pointer;padding:.4em 1em;border-radius:.3em;border:1px solid #03287E;background-color:#03287e;color:#fff}.DBui-button:hover{opacity:.8}.DBui-button:disabled{cursor:not-allowed;opacity:.5}.DBui-button .DBui-loaderSpinButton{width:30px;height:30px;border:3px solid #aaaaae;border-bottom-color:#fff;border-radius:50%;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.DBui-blackdrop{opacity:1;transition:opacity 225ms cubic-bezier(.4,0,.2,1) 0ms;position:fixed;z-index:var(--z-index-backdrop);left:0;top:0;width:100%;height:100%;background-color:#0006}.DBui-blackdrop[data-hidden=true]{opacity:0;visibility:hidden}.DBui-chip{display:flex;align-items:center;width:fit-content;padding:.4em .5em;border-radius:.3em;border:1px solid #03287E;background-color:#618aea;gap:.5em}.DBui-chip[data-checked=true]{cursor:pointer}.DBui-chip[data-checked=true]:hover{opacity:.5}.DBui-chip .DBui-chipIcon{width:20px;height:20px}.DBui-chip .DBui-chipIcon[data-checked=true]{cursor:pointer}.DBui-chip .DBui-chipIcon[data-checked=true]:hover{opacity:.5}.DBui-divider{border:1px solid #9E9E9E;width:100%}.DBui-wrapperMenu{display:inline-flex;align-items:center;cursor:pointer}.DBui-wrapperMenuItem{position:fixed;background:#fff;color:#000;border-radius:.3em;min-width:140px;max-width:320px;max-height:45%;box-shadow:#00000026 0 4px 12px;overflow-y:auto;overflow-x:hidden;transition:opacity .1s ease;z-index:var(--z-index-menu)}.DBui-wrapperMenuItem[data-hidden=true]{opacity:0;visibility:hidden;pointer-events:none}.DBui-wrapperMenuItem[data-is-in-modal=true]{z-index:var(--z-index-menu-in-modal)}.DBui-modalContent{top:50%;left:50%;transform:translate(-50%,-50%);position:absolute;border-radius:1em;background-color:#fff;box-shadow:#0003 0 11px 15px -7px,#00000024 0 24px 38px 3px,#0000001f 0 9px 46px 8px;min-width:320px;min-height:150px;overflow-x:hidden;overflow-y:scroll;display:flex;flex-direction:column}.DBui-modalContent::-webkit-scrollbar{display:none}.DBui-modalContent .DBui-close{position:absolute;top:10px;right:10px;width:30px;height:30px;z-index:var(--z-index-normale);cursor:pointer}.DBui-modalContent .DBui-close:hover{opacity:.5}.DBui-disabled,.DBui-inputBasic:disabled{cursor:not-allowed;background-color:#fafafa;color:#000}.DBui-input,.DBui-inputBasic{width:100%;padding:.3em .5em;border-radius:.3em;border:1px solid #E3E3E8;background-color:#fff;color:#000}.DBui-input[data-invalid=true],[data-invalid=true].DBui-inputBasic{border:1px solid #EB5757}.DBui-inputBase{display:flex;flex-direction:column}.DBui-inputBase[data-invalid=true] .DBui-inputLabel,.DBui-inputBase .DBui-dataInvalid{color:#eb5757}.DBui-disabled,.DBui-inputNumber:disabled{cursor:not-allowed;background-color:#fafafa;color:#000}.DBui-input,.DBui-inputNumber{width:100%;padding:.3em .5em;border-radius:.3em;border:1px solid #E3E3E8;background-color:#fff;color:#000}.DBui-input[data-invalid=true],[data-invalid=true].DBui-inputNumber{border:1px solid #EB5757}.DBui-disabled,.DBui-inputDate[data-disabled=true]{cursor:not-allowed;background-color:#fafafa;color:#000}.DBui-input,.DBui-inputDate{width:100%;padding:.3em .5em;border-radius:.3em;border:1px solid #E3E3E8;background-color:#fff;color:#000}.DBui-input[data-invalid=true],[data-invalid=true].DBui-inputDate{border:1px solid #EB5757}.DBui-inputDate{height:35px;display:flex;align-items:center;cursor:pointer}.DBui-inputDate .DBui-clearIconInputDate{width:20px}.DBui-inputDate .DBui-clearIconInputDate[data-hidden=true]{display:none!important}.DBui-inputDate .DBui-clearIconInputDate:hover{opacity:.8}.DBui-inputDateWrapperCalendar{display:flex;flex-direction:column;gap:.3em;padding:2em 0;justify-content:center;align-items:center}.DBui-inputDateWrapperCalendar .DBui-inputDateRowMonthYear,.DBui-inputDateWrapperCalendar .DBui-inputDateRowHeaderDay,.DBui-inputDateWrapperCalendar .DBui-inputDateRowDay{display:flex;flex-direction:row;gap:.8em}.DBui-inputDateWrapperCalendar .DBui-inputDateRowMonthYear{gap:.5em;margin-left:.5em;align-items:center}.DBui-inputDateWrapperCalendar .DBui-inputDateRowHeaderDay .DBui-inputDateHeader,.DBui-inputDateWrapperCalendar .DBui-inputDateRowHeaderDay .DBui-inputDateDay,.DBui-inputDateWrapperCalendar .DBui-inputDateRowDay .DBui-inputDateHeader,.DBui-inputDateWrapperCalendar .DBui-inputDateRowDay .DBui-inputDateDay{width:30px;height:30px;text-align:center;display:flex;align-items:center;justify-content:center}.DBui-inputDateWrapperCalendar .DBui-inputDateRowHeaderDay .DBui-inputDateDay,.DBui-inputDateWrapperCalendar .DBui-inputDateRowDay .DBui-inputDateDay{cursor:not-allowed}.DBui-inputDateWrapperCalendar .DBui-inputDateRowHeaderDay .DBui-inputDateDay[data-hidden-hover=false],.DBui-inputDateWrapperCalendar .DBui-inputDateRowDay .DBui-inputDateDay[data-hidden-hover=false]{cursor:pointer}.DBui-inputDateWrapperCalendar .DBui-inputDateRowHeaderDay .DBui-inputDateDay[data-hidden-hover=false]:hover,.DBui-inputDateWrapperCalendar .DBui-inputDateRowDay .DBui-inputDateDay[data-hidden-hover=false]:hover{background-color:#03287e;border-radius:100%;color:#fff}.DBui-inputDateWrapperCalendar .DBui-inputDateRowHeaderDay .DBui-inputDateDay[data-checked=true],.DBui-inputDateWrapperCalendar .DBui-inputDateRowDay .DBui-inputDateDay[data-checked=true]{background-color:#03287e;color:#fff;border-radius:100%}.DBui-inputDateRowMonthYearSelected{cursor:pointer;text-align:center}.DBui-inputDateRowMonthYearOption{cursor:pointer;padding:.5em 1em}.DBui-inputDateRowMonthYearOption:hover,.DBui-inputDateRowMonthYearOption[data-checked=true]{background-color:#03287e;color:#fff}.DBui-disabled,.DBui-inputDateRange[data-disabled=true]{cursor:not-allowed;background-color:#fafafa;color:#000}.DBui-input,.DBui-inputDateRange{width:100%;padding:.3em .5em;border-radius:.3em;border:1px solid #E3E3E8;background-color:#fff;color:#000}.DBui-input[data-invalid=true],[data-invalid=true].DBui-inputDateRange{border:1px solid #EB5757}.DBui-inputDateRange{height:35px;display:flex;align-items:center;cursor:pointer}.DBui-inputDateRange .DBui-clearIconInputDateRange{width:20px}.DBui-inputDateRange .DBui-clearIconInputDateRange[data-hidden=true]{display:none!important}.DBui-inputDateRange .DBui-clearIconInputDateRange:hover{opacity:.8}.DBui-inputDateRangeWrapperCalendar{display:flex;flex-direction:column;gap:.3em;padding:2em 0;justify-content:center;align-items:center}.DBui-inputDateRangeWrapperCalendar .DBui-inputDateRangeRowMonthYear,.DBui-inputDateRangeWrapperCalendar .DBui-inputDateRangeRowHeaderDay,.DBui-inputDateRangeWrapperCalendar .DBui-inputDateRangeRowDay{display:flex;flex-direction:row;gap:.8em}.DBui-inputDateRangeWrapperCalendar .DBui-inputDateRangeRowMonthYear{gap:.5em;margin-left:.5em;align-items:center}.DBui-inputDateRangeWrapperCalendar .DBui-inputDateRangeRowHeaderDay,.DBui-inputDateRangeWrapperCalendar .DBui-inputDateRangeRowDay{cursor:pointer}.DBui-inputDateRangeWrapperCalendar .DBui-inputDateRangeRowHeaderDay .DBui-inputDateRangeHeader,.DBui-inputDateRangeWrapperCalendar .DBui-inputDateRangeRowHeaderDay .DBui-inputDateRangeDay,.DBui-inputDateRangeWrapperCalendar .DBui-inputDateRangeRowDay .DBui-inputDateRangeHeader,.DBui-inputDateRangeWrapperCalendar .DBui-inputDateRangeRowDay .DBui-inputDateRangeDay{width:30px;height:30px;text-align:center;display:flex;align-items:center;justify-content:center}.DBui-inputDateRangeWrapperCalendar .DBui-inputDateRangeRowHeaderDay .DBui-inputDateRangeDay[data-hidden-hover=false]:hover,.DBui-inputDateRangeWrapperCalendar .DBui-inputDateRangeRowDay .DBui-inputDateRangeDay[data-hidden-hover=false]:hover{background-color:#03287e;border-radius:100%;color:#fff}.DBui-inputDateRangeWrapperCalendar .DBui-inputDateRangeRowHeaderDay .DBui-inputDateRangeDay[data-checked=true],.DBui-inputDateRangeWrapperCalendar .DBui-inputDateRangeRowDay .DBui-inputDateRangeDay[data-checked=true]{background-color:#03287e;color:#fff;border-radius:100%}.DBui-inputDateRangeRowMonthYearSelected{cursor:pointer;text-align:center}.DBui-inputDateRangeRowMonthYearOption{cursor:pointer;padding:.5em 1em}.DBui-inputDateRangeRowMonthYearOption:hover,.DBui-inputDateRangeRowMonthYearOption[data-checked=true]{background-color:#03287e;color:#fff}.DBui-disabled,.DBui-inputDateTime[data-disabled=true]{cursor:not-allowed;background-color:#fafafa;color:#000}.DBui-input,.DBui-inputDateTime{width:100%;padding:.3em .5em;border-radius:.3em;border:1px solid #E3E3E8;background-color:#fff;color:#000}.DBui-input[data-invalid=true],[data-invalid=true].DBui-inputDateTime{border:1px solid #EB5757}.DBui-inputDateTime{height:35px;display:flex;align-items:center;cursor:pointer}.DBui-inputDateTime .DBui-clearIconInputDateTime{width:20px}.DBui-inputDateTime .DBui-clearIconInputDateTime[data-hidden=true]{display:none!important}.DBui-inputDateTime .DBui-clearIconInputDateTime:hover{opacity:.8}.DBui-inputDateTimeWrapperCalendar{display:flex;flex-direction:column;padding:3em 1em;gap:.8em}@media(max-width:425px){.DBui-inputDateTimeWrapperCalendar{padding:2.5em 0;width:99vw}}.DBui-inputDateTimeWrapperCalendar .DBui-inputDateTimeWrapperYearMonthDayTime{display:flex;flex-direction:row;gap:.3em;justify-content:center;align-items:center}@media(max-width:425px){.DBui-inputDateTimeWrapperCalendar .DBui-inputDateTimeWrapperYearMonthDayTime{gap:.2em}}.DBui-inputDateTimeWrapperCalendar .DBui-inputDateTimeWrapperYearMonthDayTime .DBui-inputDateTimeWrapperYearMonthDay{display:flex;flex-direction:column;gap:.3em;justify-content:center;align-items:center;border-right:1px solid gray;padding-right:.5em}.DBui-inputDateTimeWrapperCalendar .DBui-inputDateTimeWrapperYearMonthDayTime .DBui-inputDateTimeWrapperYearMonthDay .DBui-inputDateTimeRowMonthYear,.DBui-inputDateTimeWrapperCalendar .DBui-inputDateTimeWrapperYearMonthDayTime .DBui-inputDateTimeWrapperYearMonthDay .DBui-inputDateTimeRowHeaderDay,.DBui-inputDateTimeWrapperCalendar .DBui-inputDateTimeWrapperYearMonthDayTime .DBui-inputDateTimeWrapperYearMonthDay .DBui-inputDateTimeRowDay{display:flex;flex-direction:row;gap:.8em}@media(max-width:425px){.DBui-inputDateTimeWrapperCalendar .DBui-inputDateTimeWrapperYearMonthDayTime .DBui-inputDateTimeWrapperYearMonthDay .DBui-inputDateTimeRowMonthYear,.DBui-inputDateTimeWrapperCalendar .DBui-inputDateTimeWrapperYearMonthDayTime .DBui-inputDateTimeWrapperYearMonthDay .DBui-inputDateTimeRowHeaderDay,.DBui-inputDateTimeWrapperCalendar .DBui-inputDateTimeWrapperYearMonthDayTime .DBui-inputDateTimeWrapperYearMonthDay .DBui-inputDateTimeRowDay{gap:.2em}}.DBui-inputDateTimeWrapperCalendar .DBui-inputDateTimeWrapperYearMonthDayTime .DBui-inputDateTimeWrapperYearMonthDay .DBui-inputDateTimeRowMonthYear{gap:.5em;margin-left:.5em;align-items:center}.DBui-inputDateTimeWrapperCalendar .DBui-inputDateTimeWrapperYearMonthDayTime .DBui-inputDateTimeWrapperYearMonthDay .DBui-inputDateTimeRowHeaderDay .DBui-inputDateTimeHeader,.DBui-inputDateTimeWrapperCalendar .DBui-inputDateTimeWrapperYearMonthDayTime .DBui-inputDateTimeWrapperYearMonthDay .DBui-inputDateTimeRowHeaderDay .DBui-inputDateTimeDay,.DBui-inputDateTimeWrapperCalendar .DBui-inputDateTimeWrapperYearMonthDayTime .DBui-inputDateTimeWrapperYearMonthDay .DBui-inputDateTimeRowDay .DBui-inputDateTimeHeader,.DBui-inputDateTimeWrapperCalendar .DBui-inputDateTimeWrapperYearMonthDayTime .DBui-inputDateTimeWrapperYearMonthDay .DBui-inputDateTimeRowDay .DBui-inputDateTimeDay{width:30px;height:30px;text-align:center;display:flex;align-items:center;justify-content:center}.DBui-inputDateTimeWrapperCalendar .DBui-inputDateTimeWrapperYearMonthDayTime .DBui-inputDateTimeWrapperYearMonthDay .DBui-inputDateTimeRowHeaderDay .DBui-inputDateTimeDay,.DBui-inputDateTimeWrapperCalendar .DBui-inputDateTimeWrapperYearMonthDayTime .DBui-inputDateTimeWrapperYearMonthDay .DBui-inputDateTimeRowDay .DBui-inputDateTimeDay{cursor:not-allowed}.DBui-inputDateTimeWrapperCalendar .DBui-inputDateTimeWrapperYearMonthDayTime .DBui-inputDateTimeWrapperYearMonthDay .DBui-inputDateTimeRowHeaderDay .DBui-inputDateTimeDay[data-hidden-hover=false],.DBui-inputDateTimeWrapperCalendar .DBui-inputDateTimeWrapperYearMonthDayTime .DBui-inputDateTimeWrapperYearMonthDay .DBui-inputDateTimeRowDay .DBui-inputDateTimeDay[data-hidden-hover=false]{cursor:pointer}.DBui-inputDateTimeWrapperCalendar .DBui-inputDateTimeWrapperYearMonthDayTime .DBui-inputDateTimeWrapperYearMonthDay .DBui-inputDateTimeRowHeaderDay .DBui-inputDateTimeDay[data-hidden-hover=false]:hover,.DBui-inputDateTimeWrapperCalendar .DBui-inputDateTimeWrapperYearMonthDayTime .DBui-inputDateTimeWrapperYearMonthDay .DBui-inputDateTimeRowDay .DBui-inputDateTimeDay[data-hidden-hover=false]:hover{background-color:#03287e;border-radius:100%;color:#fff}.DBui-inputDateTimeWrapperCalendar .DBui-inputDateTimeWrapperYearMonthDayTime .DBui-inputDateTimeWrapperYearMonthDay .DBui-inputDateTimeRowHeaderDay .DBui-inputDateTimeDay[data-checked=true],.DBui-inputDateTimeWrapperCalendar .DBui-inputDateTimeWrapperYearMonthDayTime .DBui-inputDateTimeWrapperYearMonthDay .DBui-inputDateTimeRowDay .DBui-inputDateTimeDay[data-checked=true]{background-color:#03287e;color:#fff;border-radius:100%}.DBui-inputDateTimeWrapperCalendar .DBui-inputDateTimeWrapperYearMonthDayTime .DBui-inputDateTimeWrapperHourMin{padding:0 .3em;align-self:flex-end;flex-direction:column;display:flex}@media(max-width:425px){.DBui-inputDateTimeWrapperCalendar .DBui-inputDateTimeWrapperYearMonthDayTime .DBui-inputDateTimeWrapperHourMin{padding:0 .2em}}.DBui-inputDateTimeWrapperCalendar .DBui-inputDateTimeWrapperYearMonthDayTime .DBui-inputDateTimeWrapperHourMin .DBui-inputDateTimeWrapperHourMinOptions{max-height:200px;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none}.DBui-inputDateTimeWrapperCalendar .DBui-inputDateTimeWrapperYearMonthDayTime .DBui-inputDateTimeWrapperHourMin .DBui-inputDateTimeWrapperHourMinOptions::-webkit-scrollbar{display:none}.DBui-inputDateTimeWrapperCalendar .DBui-inputDateTimeWrapperYearMonthDayTime .DBui-inputDateTimeWrapperHourMin .DBui-inputDateTimeWrapperHourMinOptions p{padding:.5em;cursor:pointer}.DBui-inputDateTimeWrapperCalendar .DBui-inputDateTimeWrapperYearMonthDayTime .DBui-inputDateTimeWrapperHourMin .DBui-inputDateTimeWrapperHourMinOptions p:hover,.DBui-inputDateTimeWrapperCalendar .DBui-inputDateTimeWrapperYearMonthDayTime .DBui-inputDateTimeWrapperHourMin .DBui-inputDateTimeWrapperHourMinOptions p[data-checked=true]{background-color:#03287e;color:#fff}.DBui-inputDateTimeWrapperCalendar .DBui-inputDateTimeWrapperButton{display:flex;gap:.5em;justify-content:flex-end}.DBui-inputDateTimeRowMonthYearSelected{cursor:pointer;text-align:center}.DBui-inputDateTimeRowMonthYearOption{cursor:pointer;padding:.5em 1em}.DBui-inputDateTimeRowMonthYearOption:hover,.DBui-inputDateTimeRowMonthYearOption[data-checked=true]{background-color:#03287e;color:#fff}.DBui-disabled{cursor:not-allowed;background-color:#fafafa;color:#000}.DBui-input,.DBui-wrapInputPassword .DBui-inputPassword{width:100%;padding:.3em .5em;border-radius:.3em;border:1px solid #E3E3E8;background-color:#fff;color:#000}.DBui-input[data-invalid=true],.DBui-wrapInputPassword [data-invalid=true].DBui-inputPassword{border:1px solid #EB5757}.DBui-wrapInputPassword{width:100%;position:relative}.DBui-wrapInputPassword .DBui-inputPassword{padding-right:1em}.DBui-wrapInputPassword .DBui-inputPasswordIcon{position:absolute;right:5px;top:50%;transform:translateY(-50%);cursor:pointer;width:1.5em;height:1.5em}.DBui-disabled,.DBui-wrapInputRadioList .DBui-wrapInputRadio .DBui-inputRadio:disabled{cursor:not-allowed;background-color:#fafafa;color:#000}.DBui-wrapInputRadioList{display:flex;width:100%;gap:1em}.DBui-wrapInputRadioList[data-vertical=true]{flex-direction:column;gap:.5em}.DBui-wrapInputRadioList .DBui-wrapInputRadio{display:flex;align-items:center;gap:.3em}.DBui-wrapInputRadioList .DBui-wrapInputRadio .DBui-labelRadio[data-invalid=true]{color:#eb5757}.DBui-wrapInputRadioList .DBui-wrapInputRadio .DBui-inputRadio{border-radius:.3em;width:20px;height:20px;cursor:pointer}.DBui-disabled,.DBui-wrapInputCheckboxList .DBui-wrapInputCheckbox .DBui-inputCheckbox:disabled{cursor:not-allowed;background-color:#fafafa;color:#000}.DBui-wrapInputCheckboxList{display:flex;width:100%;gap:1em}.DBui-wrapInputCheckboxList .DBui-wrapInputCheckbox{display:flex;align-items:center;gap:.3em}.DBui-wrapInputCheckboxList .DBui-wrapInputCheckbox .DBui-labelCheckbox[data-invalid=true]{color:#eb5757}.DBui-wrapInputCheckboxList .DBui-wrapInputCheckbox .DBui-inputCheckbox{width:100%;border-radius:.3em;width:18px;height:18px}.DBui-disabled,.DBui-inputTextarea:disabled{cursor:not-allowed;background-color:#fafafa;color:#000}.DBui-input,.DBui-inputTextarea{width:100%;padding:.3em .5em;border-radius:.3em;border:1px solid #E3E3E8;background-color:#fff;color:#000}.DBui-input[data-invalid=true],[data-invalid=true].DBui-inputTextarea{border:1px solid #EB5757}.DBui-inputTextarea{resize:none}.DBui-disabled,.DBui-wrapperInputSelect[data-disabled=true]{cursor:not-allowed;background-color:#fafafa;color:#000}.DBui-input{width:100%;padding:.3em .5em;border-radius:.3em;border:1px solid #E3E3E8;background-color:#fff;color:#000}.DBui-input[data-invalid=true]{border:1px solid #EB5757}.DBui-wrapperInputSelect{cursor:pointer;position:relative;height:35px;width:100%;padding:.3em 35px .3em .5em;border-radius:8px;border:1px solid #e3e3e8;background-color:#fff;color:#000;display:flex}.DBui-wrapperInputSelect[data-invalid=true]{border:1px solid #eb5757}.DBui-wrapperInputSelect .DBui-wrapperLabel{text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.DBui-wrapperInputSelect .DBui-placeholder{color:#c3c3c3}.DBui-wrapperInputSelect .DBui-wrapperLabelInputSelect{display:flex;gap:.3em;align-items:center;width:100%}.DBui-wrapperInputSelect .DBui-wrapperLabelInputSelect .DBui-clearIconInputSelect{width:20px}.DBui-wrapperInputSelect .DBui-wrapperLabelInputSelect .DBui-clearIconInputSelect[data-hidden=true]{display:none!important}.DBui-wrapperInputSelect .DBui-wrapperLabelInputSelect .DBui-clearIconInputSelect:hover{opacity:.8}.DBui-wrapperInputSelect .DBui-arrowIconInputSelect{position:absolute;right:5px;top:50%;transform:translateY(-50%);transition:transform .2s}.DBui-wrapperInputSelect .DBui-arrowIconInputSelect[data-checked=false]{transform:rotate(180deg) translateY(50%)}.DBui-menuItemInputSelect{background-color:#fff;color:#000;padding:.3em .5em;cursor:pointer}.DBui-menuItemInputSelect:hover{background-color:#fafafa}.DBui-menuItemInputSelect[data-checked=true]{background-color:#0045a5;color:#fff}.DBui-disabled,.DBui-wrapInputAutoComplete .DBui-inputAutoComplete:disabled,.DBui-wrapInputAutoComplete[data-disabled=true]{cursor:not-allowed;background-color:#fafafa;color:#000}.DBui-input,.DBui-wrapInputAutoComplete{width:100%;padding:.3em .5em;border-radius:.3em;border:1px solid #E3E3E8;background-color:#fff;color:#000}.DBui-input[data-invalid=true],[data-invalid=true].DBui-wrapInputAutoComplete{border:1px solid #EB5757}.DBui-wrapInputAutoComplete{padding:.4em .5em;display:flex;align-items:center;gap:.3em;height:36px}.DBui-wrapInputAutoComplete .DBui-wrapSelectValueInputAutoComplete{display:flex;align-items:center}.DBui-wrapInputAutoComplete .DBui-wrapSelectValueInputAutoComplete .DBui-iconInputAutoComplete{width:20px;color:#e3e3e8;cursor:pointer}.DBui-wrapInputAutoComplete .DBui-inputAutoComplete{border:none;background-color:#fff;align-items:center;width:100%}.DBui-menuItemInputAutoComplete{background-color:#fff;color:#000;padding:.3em .5em;cursor:pointer}.DBui-menuItemInputAutoComplete:hover{background-color:#fafafa}.DBui-menuItemInputAutoComplete[data-checked=true]{background-color:#0045a5;color:#fff}.DBui-switch{position:relative;display:inline-block;width:51px;height:28px}.DBui-switch input{opacity:0;width:0;height:0}.DBui-switch .DBui-minus{position:absolute;height:9px;width:1px;left:18px;bottom:9px;background-color:#1c1c1e;z-index:1;border-radius:999px}.DBui-switch .DBui-miniCircle{position:absolute;border-radius:100%;height:7px;width:7px;right:11px;bottom:10px;box-shadow:0 0 0 1px #000;z-index:1}.DBui-switch .DBui-slider{border-radius:34px;position:absolute;cursor:pointer;inset:0;background-color:#aaa;-webkit-transition:.3s cubic-bezier(.61,-.01,.2,1.37);transition:.3s cubic-bezier(.61,-.01,.2,1.37)}.DBui-switch .DBui-slider:before{border-radius:50%;z-index:2;position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#1c1c1e;box-shadow:0 .31px 10px #00000004;-webkit-transition:.3s cubic-bezier(.61,-.01,.2,1.37);transition:.3s cubic-bezier(.61,-.01,.2,1.37)}.DBui-switch input:checked+.DBui-slider{background-color:#477cee}.DBui-switch input:checked+.DBui-slider:before{-webkit-transform:translateX(22px);-ms-transform:translateX(22px);transform:translate(22px)}.DBui-switch .DBui-wrapInputList{display:flex;flex-direction:row}.DBui-switch .DBui-wrapInputList[data-disabled=true]{opacity:.6;pointer-events:none}*{outline:none!important;box-sizing:border-box}body{margin:1em 0;padding:0}.row{display:flex;flex-direction:row;align-items:center;justify-content:center;width:70%;min-height:100px;background-color:#fafafa;border:1px solid #E3E3E8;margin:1em 0}.column{display:flex;flex-direction:column}.align-center{align-items:center}.gap-sm{gap:1em}h1,h2,h3,h4,h5,h6,p{margin:0}

package/dist/index.html

@@ -0,0 +1,14 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>8ui</title>
+    <script type="module" crossorigin src="/assets/index-BYmsRLQS.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-QxCDX2bt.css">
+  </head>
+  <body>
+    <div id="root"></div>
+  </body>
+</html>

package/dist/vite.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

package/package.json

@@ -1,6 +1,7 @@
 {
   "name": "@datability/8ui",
-  "version": "0.1.68",
+  "version": "1.0.0",
+  "type": "module",
   "description": "",
   "main": "dist/components/index.js",
   "types": "dist/components/index.d.ts",
@@ -8,39 +9,40 @@
   "license": "ISC",
   "keywords": [],
   "scripts": {
-    "start": "react-scripts start",
+    "dev": "vite",
+    "prebuild": "rm -rf dist/ && npm run cp-scss && npm run cp-scss-2 && npm run cp-svg",
+    "build": "tsc -b && vite build",
+    "lint": "eslint .",
+    "preview": "vite preview",
     "cp-svg": "copyfiles -u 1 src/components/**/*.svg dist/",
     "cp-scss": "copyfiles -u 1 src/components/**/*.scss dist/",
-    "cp-scss-2": "copyfiles -u 1 src/components/**/**/*.scss dist/",
-    "build": "rm -rf dist/ && tsc && npm run cp-scss && npm run cp-scss-2 && npm run cp-svg"
+    "cp-scss-2": "copyfiles -u 1 src/components/**/**/*.scss dist/"
   },
   "files": [
     "/dist"
   ],
-  "dependencies": {
-    "copyfiles": "^2.4.1",
-    "formik": "^2.4.6",
-    "prettier": "^3.2.5",
-    "react-scripts": "^5.0.1",
-    "sass": "^1.77.0",
-    "sass-loader": "^14.2.1"
+  "peerDependencies": {
+    "@hookform/resolvers": "^5.2.2",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
+    "react-hook-form": "^7.71.1",
+    "zod": "^4.3.6"
   },
   "devDependencies": {
-    "@types/react": "^18.3.1",
-    "@types/react-dom": "^18.3.0",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1"
-  },
-  "browserslist": {
-    "production": [
-      ">0.2%",
-      "not dead",
-      "not op_mini all"
-    ],
-    "development": [
-      "last 1 chrome version",
-      "last 1 firefox version",
-      "last 1 safari version"
-    ]
+    "@eslint/js": "^9.39.1",
+    "@types/node": "^24.10.1",
+    "@types/react": "^19.2.5",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react": "^5.1.1",
+    "babel-plugin-react-compiler": "^1.0.0",
+    "copyfiles": "^2.4.1",
+    "eslint": "^9.39.1",
+    "eslint-plugin-react-hooks": "^7.0.1",
+    "eslint-plugin-react-refresh": "^0.4.24",
+    "globals": "^16.5.0",
+    "sass": "^1.97.3",
+    "typescript": "~5.9.3",
+    "typescript-eslint": "^8.46.4",
+    "vite": "^7.2.4"
   }
 }

package/dist/components/Blackdrop/index.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import './index.scss';
-import type { PropsBlackdrop } from './index.type';
-declare const Blackdrop: React.FC<PropsBlackdrop>;
-export default Blackdrop;

package/dist/components/Blackdrop/index.js

@@ -1,11 +0,0 @@
-// Lib
-import React from 'react';
-// Images
-// Include in project
-import './index.scss';
-var Blackdrop = function (_a) {
-    var children = _a.children, open = _a.open, onClose = _a.onClose;
-    return (React.createElement("div", { className: "DBui-blackdrop", "data-hidden": !open, onClick: onClose }, children));
-};
-export default Blackdrop;
-//# sourceMappingURL=index.js.map

package/dist/components/Blackdrop/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Blackdrop/index.tsx"],"names":[],"mappings":"AAAA,MAAM;AACN,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,SAAS;AAET,qBAAqB;AACrB,OAAO,cAAc,CAAA;AAGrB,IAAM,SAAS,GAA6B,UAAC,EAA2B;QAAzB,QAAQ,cAAA,EAAE,IAAI,UAAA,EAAE,OAAO,aAAA;IACpE,OAAO,CACL,6BAAK,SAAS,EAAC,gBAAgB,iBAAc,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO,IACjE,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}

package/dist/components/Blackdrop/index.scss

@@ -1,16 +0,0 @@
-.DBui-blackdrop {
-  opacity: 1;
-  transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-  position: fixed;
-  z-index: var(--z-index-backdrop);
-  left: 0;
-  top: 0;
-  width: 100%;
-  height: 100%;
-  background-color: rgba(0, 0, 0, 0.4);
-
-  &[data-hidden='true'] {
-    opacity: 0;
-    visibility: hidden;
-  }
-}

package/dist/components/Blackdrop/index.type.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-export type PropsBlackdrop = {
-    children: JSX.Element | JSX.Element[];
-    open: boolean;
-    onClose?: () => void;
-};

package/dist/components/Blackdrop/index.type.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=index.type.js.map

package/dist/components/Blackdrop/index.type.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.type.js","sourceRoot":"","sources":["../../../src/components/Blackdrop/index.type.ts"],"names":[],"mappings":""}

package/dist/components/Button/index.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import './index.scss';
-import type { PropsButton } from './index.type';
-declare const Button: React.FC<PropsButton>;
-export default Button;

package/dist/components/Button/index.js

@@ -1,16 +0,0 @@
-// Lib
-import React from 'react';
-// Images
-// Include in project
-import './index.scss';
-var Button = function (_a) {
-    var name = _a.name, _b = _a.type, type = _b === void 0 ? 'button' : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, onClick = _a.onClick, StartIcon = _a.startIcon, EndIcon = _a.endIcon, className = _a.className, style = _a.style, _d = _a.isLoading, isLoading = _d === void 0 ? false : _d;
-    return (React.createElement("button", { type: type, className: "DBui-button ".concat(className ? className : ''), onClick: onClick && onClick, disabled: isLoading || disabled, style: style ? style : {} }, isLoading ? (React.createElement("div", { className: "DBui-loaderSpinButton" })) : (React.createElement(React.Fragment, null,
-        StartIcon && typeof StartIcon === 'string' && React.createElement("img", { src: StartIcon, alt: "startIcon" }),
-        StartIcon && typeof StartIcon !== 'string' && React.createElement(StartIcon, { alt: "startIcon" }),
-        name,
-        EndIcon && typeof EndIcon === 'string' && React.createElement("img", { src: EndIcon, alt: "endIcon" }),
-        EndIcon && typeof EndIcon !== 'string' && React.createElement(EndIcon, { alt: "endIcon" })))));
-};
-export default Button;
-//# sourceMappingURL=index.js.map

package/dist/components/Button/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAAA,MAAM;AACN,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,SAAS;AAET,qBAAqB;AACrB,OAAO,cAAc,CAAA;AAGrB,IAAM,MAAM,GAA0B,UAAC,EAUtC;QATC,IAAI,UAAA,EACJ,YAAe,EAAf,IAAI,mBAAG,QAAQ,KAAA,EACf,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,OAAO,aAAA,EACI,SAAS,eAAA,EACX,OAAO,aAAA,EAChB,SAAS,eAAA,EACT,KAAK,WAAA,EACL,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA;IAEjB,OAAO,CACL,gCACE,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,sBAAe,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAE,EACtD,OAAO,EAAE,OAAO,IAAI,OAAO,EAC3B,QAAQ,EAAE,SAAS,IAAI,QAAQ,EAC/B,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,IAExB,SAAS,CAAC,CAAC,CAAC,CACX,6BAAK,SAAS,EAAC,uBAAuB,GAAG,CAC1C,CAAC,CAAC,CAAC,CACF;QACG,SAAS,IAAI,OAAO,SAAS,KAAK,QAAQ,IAAI,6BAAK,GAAG,EAAE,SAAS,EAAE,GAAG,EAAC,WAAW,GAAG;QACrF,SAAS,IAAI,OAAO,SAAS,KAAK,QAAQ,IAAI,oBAAC,SAAS,IAAC,GAAG,EAAC,WAAW,GAAG;QAC3E,IAAI;QACJ,OAAO,IAAI,OAAO,OAAO,KAAK,QAAQ,IAAI,6BAAK,GAAG,EAAE,OAAO,EAAE,GAAG,EAAC,SAAS,GAAG;QAC7E,OAAO,IAAI,OAAO,OAAO,KAAK,QAAQ,IAAI,oBAAC,OAAO,IAAC,GAAG,EAAC,SAAS,GAAG,CACnE,CACJ,CACM,CACV,CAAA;AACH,CAAC,CAAA;AAED,eAAe,MAAM,CAAA"}

package/dist/components/Button/index.scss

@@ -1,40 +0,0 @@
-.DBui-button {
-  transition: opacity 0.3s;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 0.5em;
-  cursor: pointer;
-  padding: 0.4em 1em;
-  border-radius: 0.3em;
-  border: 1px solid #03287E;
-  background-color: #03287E;
-  color: #FFFFFF;
-
-  &:hover {
-    opacity: 0.8;
-  }
-
-  &:disabled {
-    cursor: not-allowed;
-    opacity: 0.5;
-  }
-  
-  .DBui-loaderSpinButton {
-    width: 30px;
-    height: 30px;
-    border: 3px solid #aaaaae;
-    border-bottom-color: #FFFFFF;
-    border-radius: 50%;
-    animation: rotation 1s linear infinite;
-
-    @keyframes rotation {
-      0% {
-        transform: rotate(0deg);
-      }
-      100% {
-        transform: rotate(360deg);
-      }
-    }
-  }
-}

package/dist/components/Button/index.type.d.ts

@@ -1,12 +0,0 @@
-import { CSSProperties, ElementType } from 'react';
-export type PropsButton = {
-    name?: string;
-    type?: 'button' | 'submit';
-    disabled?: boolean;
-    onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
-    startIcon?: string | ElementType;
-    endIcon?: string | ElementType;
-    className?: string;
-    style?: CSSProperties;
-    isLoading?: boolean;
-};

package/dist/components/Button/index.type.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=index.type.js.map

package/dist/components/Button/index.type.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.type.js","sourceRoot":"","sources":["../../../src/components/Button/index.type.ts"],"names":[],"mappings":""}

package/dist/components/Chip/index.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { PropsChip } from './index.type';
-import './index.scss';
-declare const Chip: React.FC<PropsChip>;
-export default Chip;

package/dist/components/Chip/index.js

@@ -1,18 +0,0 @@
-// Lib
-import React from 'react';
-//Images
-import closedSVG from '../assets/closed.svg';
-// Include in project
-import './index.scss';
-var Chip = function (_a) {
-    var label = _a.label, onDelete = _a.onDelete, onClick = _a.onClick, Icon = _a.icon, className = _a.className, style = _a.style;
-    return (React.createElement("div", { className: "DBui-chip ".concat(className ? className : ''), style: style ? style : {}, "data-checked": Boolean(onClick), onClick: onClick && onClick },
-        label,
-        onDelete && !Icon && (React.createElement("img", { src: closedSVG, alt: "icon", className: "DBui-chipIcon", "data-checked": Boolean(onDelete), onClick: onDelete })),
-        onDelete && Icon && typeof Icon === 'string' && (React.createElement("img", { src: Icon, alt: "icon", className: "DBui-chipIcon", "data-checked": Boolean(onDelete), onClick: onDelete })),
-        onDelete && Icon && typeof Icon !== 'string' && (React.createElement(Icon, { alt: "icon", className: "DBui-chipIcon", "data-checked": Boolean(onDelete), onClick: onDelete })),
-        !onDelete && Icon && typeof Icon === 'string' && (React.createElement("img", { src: Icon, alt: "icon", className: "DBui-chipIcon", "data-checked": Boolean(onDelete), onClick: onDelete })),
-        !onDelete && Icon && typeof Icon !== 'string' && (React.createElement(Icon, { alt: "icon", className: "DBui-chipIcon", "data-checked": Boolean(onDelete), onClick: onDelete }))));
-};
-export default Chip;
-//# sourceMappingURL=index.js.map

package/dist/components/Chip/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Chip/index.tsx"],"names":[],"mappings":"AAAA,MAAM;AACN,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,QAAQ;AACR,OAAO,SAAS,MAAM,sBAAsB,CAAA;AAE5C,qBAAqB;AACrB,OAAO,cAAc,CAAA;AAErB,IAAM,IAAI,GAAwB,UAAC,EAA0D;QAAxD,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAE,OAAO,aAAA,EAAQ,IAAI,UAAA,EAAE,SAAS,eAAA,EAAE,KAAK,WAAA;IACzF,OAAO,CACL,6BACE,SAAS,EAAE,oBAAa,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAE,EACpD,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,kBACX,OAAO,CAAC,OAAO,CAAC,EAC9B,OAAO,EAAE,OAAO,IAAI,OAAO;QAE1B,KAAK;QACL,QAAQ,IAAI,CAAC,IAAI,IAAI,CACpB,6BAAK,GAAG,EAAE,SAAS,EAAE,GAAG,EAAC,MAAM,EAAC,SAAS,EAAC,eAAe,kBAAe,OAAO,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,QAAQ,GAAI,CACjH;QACA,QAAQ,IAAI,IAAI,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,CAC/C,6BAAK,GAAG,EAAE,IAAI,EAAE,GAAG,EAAC,MAAM,EAAC,SAAS,EAAC,eAAe,kBAAe,OAAO,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,QAAQ,GAAI,CAC5G;QACA,QAAQ,IAAI,IAAI,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,CAC/C,oBAAC,IAAI,IAAC,GAAG,EAAC,MAAM,EAAC,SAAS,EAAC,eAAe,kBAAe,OAAO,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,QAAQ,GAAI,CAClG;QACA,CAAC,QAAQ,IAAI,IAAI,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,CAChD,6BAAK,GAAG,EAAE,IAAI,EAAE,GAAG,EAAC,MAAM,EAAC,SAAS,EAAC,eAAe,kBAAe,OAAO,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,QAAQ,GAAI,CAC5G;QACA,CAAC,QAAQ,IAAI,IAAI,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,CAChD,oBAAC,IAAI,IAAC,GAAG,EAAC,MAAM,EAAC,SAAS,EAAC,eAAe,kBAAe,OAAO,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,QAAQ,GAAI,CAClG,CACG,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,IAAI,CAAA"}

package/dist/components/Chip/index.scss

@@ -1,32 +0,0 @@
-.DBui-chip {
-  display: flex;
-  align-items: center;
-  width: fit-content;
-  padding: 0.4em 0.5em;
-  border-radius: 0.3em;
-  border: 1px solid #03287E;
-  background-color: #618aea;
-  gap: 0.5em;
-
-  &[data-checked='true'] {
-    cursor: pointer;
-
-    &:hover {
-      opacity: 0.5;
-    }
-  }
-
-  .DBui-chipIcon {
-    width: 20px;
-    height: 20px;
-
-    &[data-checked='true'] {
-      cursor: pointer;
-      
-      &:hover {
-        opacity: 0.5;
-      }
-    }
-  }
-}
-

package/dist/components/Chip/index.type.d.ts

@@ -1,9 +0,0 @@
-import { CSSProperties, ElementType } from 'react';
-export type PropsChip = {
-    label: string;
-    onDelete?: () => void;
-    onClick?: () => void;
-    icon?: string | ElementType;
-    className?: string;
-    style?: CSSProperties;
-};

package/dist/components/Chip/index.type.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=index.type.js.map

package/dist/components/Chip/index.type.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.type.js","sourceRoot":"","sources":["../../../src/components/Chip/index.type.ts"],"names":[],"mappings":""}

package/dist/components/Divider/index.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import './index.scss';
-declare const Divider: React.FC;
-export default Divider;

package/dist/components/Divider/index.js

@@ -1,10 +0,0 @@
-// Lib
-import React from 'react';
-// Images
-// Include in project
-import './index.scss';
-var Divider = function () {
-    return React.createElement("hr", { className: "DBui-divider" });
-};
-export default Divider;
-//# sourceMappingURL=index.js.map

package/dist/components/Divider/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Divider/index.tsx"],"names":[],"mappings":"AAAA,MAAM;AACN,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,SAAS;AAET,qBAAqB;AACrB,OAAO,cAAc,CAAA;AAErB,IAAM,OAAO,GAAa;IACxB,OAAO,4BAAI,SAAS,EAAC,cAAc,GAAG,CAAA;AACxC,CAAC,CAAA;AAED,eAAe,OAAO,CAAA"}

package/dist/components/Divider/index.scss

@@ -1,4 +0,0 @@
-.DBui-divider {
-    border: 1px solid #9E9E9E;
-    width: 100%;
-}

package/dist/components/Input/InputAutoComplete/index.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import './index.scss';
-import type { PropsInputAutoComplete } from './index.type';
-declare const InputAutoComplete: React.FC<PropsInputAutoComplete>;
-export default InputAutoComplete;

package/dist/components/Input/InputAutoComplete/index.js

@@ -1,68 +0,0 @@
-import { __spreadArray } from "tslib";
-// Lib
-import React, { useState } from 'react';
-import { getIn, useFormikContext } from 'formik';
-//Images
-import closedSVG from '../../assets/closed.svg';
-// Include in project
-import './index.scss';
-import InputBase from '../InputBase';
-import Menu from '../../Menu';
-import { Chip } from '../..';
-var InputAutoComplete = function (_a) {
-    var name = _a.name, label = _a.label, placeholder = _a.placeholder, _b = _a.disabled, disabled = _b === void 0 ? false : _b, _c = _a.require, require = _c === void 0 ? false : _c, _d = _a.fullWidth, fullWidth = _d === void 0 ? false : _d, options = _a.options, _e = _a.isMultiple, isMultiple = _e === void 0 ? false : _e, _f = _a.isInModal, isInModal = _f === void 0 ? false : _f;
-    var _g = useFormikContext(), values = _g.values, touched = _g.touched, errors = _g.errors, setFieldValue = _g.setFieldValue;
-    var _h = useState(''), searchText = _h[0], setSearchText = _h[1];
-    var suggestions = options.filter(function (ele) { return ele.label.toLocaleLowerCase().includes(searchText.toLocaleLowerCase()); });
-    var isInvalid = getIn(touched, name) && Boolean(getIn(errors, name));
-    var handleClickSelectOption = function (data, close) {
-        // Clear Search
-        setSearchText('');
-        close();
-        if (!isMultiple) {
-            // Is max one chip
-            setFieldValue(name, [data]);
-        }
-        else {
-            // Is more than one chip
-            setFieldValue(name, __spreadArray(__spreadArray([], getIn(values, name), true), [data], false));
-        }
-    };
-    var handleChange = function (value) {
-        setSearchText(value);
-        if (!isMultiple) {
-            setFieldValue(name, [value]);
-        }
-    };
-    var handleClearState = function (e, target) {
-        e.stopPropagation();
-        setSearchText('');
-        setFieldValue(name, getIn(values, name).filter(function (ele) { return ele !== target.value; }));
-    };
-    return (React.createElement(InputBase, { name: name, label: label, require: require, fullWidth: fullWidth, isInvalid: isInvalid },
-        React.createElement(Menu, { isInModal: isInModal, disabled: disabled, trigger: function () {
-                var _a;
-                var selectedValue = getIn(values, name)[0] || searchText;
-                var selectedOption = options.find(function (e) { return e.label === selectedValue || e.value === selectedValue; });
-                return (React.createElement("div", { className: "DBui-wrapInputAutoComplete", "data-invalid": isInvalid, "data-disabled": disabled },
-                    isMultiple &&
-                        getIn(values, name).map(function (data, index) {
-                            var selected = options.find(function (e) { return e.value === data; });
-                            if (disabled)
-                                return React.createElement(Chip, { key: index, label: selected.label });
-                            return (React.createElement("div", { key: index, className: "DBui-wrapSelectValueInputAutoComplete" },
-                                React.createElement("p", null,
-                                    React.createElement("small", null, (selected === null || selected === void 0 ? void 0 : selected.label) || data)),
-                                React.createElement("img", { src: closedSVG, className: "DBui-iconInputAutoComplete", onClick: function (e) { return handleClearState(e, selected); } })));
-                        }),
-                    React.createElement("input", { className: "DBui-inputAutoComplete", autoComplete: "off", type: "text", placeholder: !((_a = getIn(values, name)) === null || _a === void 0 ? void 0 : _a.length) ? placeholder : '', disabled: disabled, name: name, value: isMultiple ? searchText : (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.label) || getIn(values, name)[0], onChange: function (e) { return handleChange(e.target.value); } })));
-            } }, function (_a) {
-            var close = _a.close;
-            return suggestions.map(function (data, index) {
-                var isChecked = Boolean(getIn(values, name).find(function (ele) { return ele === data.value; }));
-                return (React.createElement("p", { key: index, className: "DBui-menuItemInputAutoComplete", onClick: function () { return !isChecked && handleClickSelectOption(data.value, close); }, "data-checked": isChecked }, data.label));
-            });
-        })));
-};
-export default InputAutoComplete;
-//# sourceMappingURL=index.js.map

package/dist/components/Input/InputAutoComplete/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Input/InputAutoComplete/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/Input/InputAutoComplete/index.scss

@@ -1,53 +0,0 @@
-@import '../extend.scss';
-
-.DBui-wrapInputAutoComplete {
-  @extend .DBui-input;
-
-  padding: 0.4em 0.5em;
-  display: flex;
-  align-items: center;
-  gap: 0.3em;
-  height: 36px;
-
-  &[data-disabled='true'] {
-    @extend .DBui-disabled;
-  }
-
-  .DBui-wrapSelectValueInputAutoComplete {
-    display: flex;
-    align-items: center;
-
-    .DBui-iconInputAutoComplete {
-      width: 20px;
-      color: #E3E3E8;
-      cursor: pointer;
-    }
-  }
-
-  .DBui-inputAutoComplete {
-    border: none;
-    background-color: #FFFFFF;
-    align-items: center;
-    width: 100%;
-
-    &:disabled {
-      @extend .DBui-disabled;
-    }
-  }
-}
-
-.DBui-menuItemInputAutoComplete {
-  background-color: #FFFFFF;
-  color: #000000;
-  padding: 0.3em 0.5em;
-  cursor: pointer;
-
-  &:hover {
-    background-color: #FAFAFA;
-  }
-
-  &[data-checked='true'] {
-    background-color: #6F5EE0;
-    color: #FFFFFF;
-  }
-}

package/dist/components/Input/InputAutoComplete/index.type.d.ts

@@ -1,12 +0,0 @@
-import { TOption } from "../..";
-export type PropsInputAutoComplete = {
-    name: string;
-    label?: string;
-    placeholder?: string;
-    disabled?: boolean;
-    require?: boolean;
-    fullWidth?: boolean;
-    options: TOption[];
-    isMultiple?: boolean;
-    isInModal?: boolean;
-};

package/dist/components/Input/InputAutoComplete/index.type.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=index.type.js.map

package/dist/components/Input/InputAutoComplete/index.type.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.type.js","sourceRoot":"","sources":["../../../../src/components/Input/InputAutoComplete/index.type.tsx"],"names":[],"mappings":""}

package/dist/components/Input/InputBase/index.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import './index.scss';
-import type { PropsInputBase } from './index.type';
-declare const InputBase: React.FC<PropsInputBase>;
-export default InputBase;

package/dist/components/Input/InputBase/index.js

@@ -1,23 +0,0 @@
-// Lib
-import React from 'react';
-import { getIn, useFormikContext } from 'formik';
-// Images
-// Include in project
-import './index.scss';
-var InputBase = function (_a) {
-    var name = _a.name, label = _a.label, _b = _a.require, require = _b === void 0 ? false : _b, _c = _a.fullWidth, fullWidth = _c === void 0 ? false : _c, children = _a.children, isInvalid = _a.isInvalid;
-    var _d = useFormikContext(), touched = _d.touched, errors = _d.errors;
-    var styleDiv = {
-        width: !fullWidth ? 'fit-content' : '100%'
-    };
-    return (React.createElement("div", { className: "DBui-inputBase", style: styleDiv, "data-invalid": isInvalid },
-        label && (React.createElement("p", { className: "DBui-inputLabel" },
-            React.createElement("small", null, label),
-            " ",
-            React.createElement("span", { className: "DBui-dataInvalid" }, require && '*'))),
-        children,
-        getIn(touched, name) && getIn(errors, name) && (React.createElement("p", { className: "DBui-dataInvalid" },
-            React.createElement("small", null, getIn(errors, name))))));
-};
-export default InputBase;
-//# sourceMappingURL=index.js.map

package/dist/components/Input/InputBase/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Input/InputBase/index.tsx"],"names":[],"mappings":"AAAA,MAAM;AACN,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,KAAK,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAA;AAEhD,SAAS;AAET,qBAAqB;AACrB,OAAO,cAAc,CAAA;AAGrB,IAAM,SAAS,GAA6B,UAAC,EAO5C;QANC,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EACf,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,QAAQ,cAAA,EACR,SAAS,eAAA;IAEH,IAAA,KAAsB,gBAAgB,EAAE,EAAtC,OAAO,aAAA,EAAE,MAAM,YAAuB,CAAA;IAE9C,IAAM,QAAQ,GAAG;QACf,KAAK,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM;KAC3C,CAAA;IAED,OAAO,CACL,6BAAK,SAAS,EAAC,gBAAgB,EAAC,KAAK,EAAE,QAAQ,kBAAgB,SAAS;QACrE,KAAK,IAAI,CACR,2BAAG,SAAS,EAAC,iBAAiB;YAC5B,mCAAQ,KAAK,CAAS;;YAAC,8BAAM,SAAS,EAAC,kBAAkB,IAAE,OAAO,IAAI,GAAG,CAAQ,CAC/E,CACL;QAEA,QAAQ;QAER,KAAK,CAAC,OAAO,EAAE,IAAI,CAAC,IAAI,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAC9C,2BAAG,SAAS,EAAC,kBAAkB;YAC7B,mCAAQ,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC,CAAS,CAClC,CACL,CACG,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}

package/dist/components/Input/InputBase/index.scss

@@ -1,14 +0,0 @@
-.DBui-inputBase {
-    display: flex;
-    flex-direction: column;
-
-    &[data-invalid='true'] {
-        .DBui-inputLabel {
-            color: #EB5757;
-        }
-    }
-
-    .DBui-dataInvalid {
-        color: #EB5757;
-    }
-}