nexus-shared 1.1.3 → 1.1.5

package/dist/index.css

@@ -1,975 +0,0 @@
-/* src/styles/nexus.animation.css */
-:root {
-  --ANIM_SPD: 300ms;
-  --anim-ease: cubic-bezier(0.33, 1, 0.68, 1);
-  --anim-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
-  --anim-ease-in: cubic-bezier(0.32, 0, 0.67, 0);
-  --ANIM: all var(--ANIM_SPD);
-  --SPIN_BOX_SIZE: 3.5rem;
-  --SPIN_BOX_BORDER_SIZE: 0.45rem;
-}
-.an-fa,
-.an-fo,
-.an-fio,
-.an-pi,
-.an-po {
-  animation-duration: var(--ANIM_SPD);
-  animation-timing-function: var(--anim-ease-out);
-  animation-fill-mode: both;
-}
-.an-fa {
-  animation-name: fadeIn;
-}
-.an-fo {
-  animation-name: fadeOut;
-  animation-timing-function: var(--anim-ease-in);
-  animation-fill-mode: forwards;
-}
-.an-fio {
-  animation-name: fadeInOut;
-  animation-duration: calc(var(--ANIM_SPD) * 2);
-  animation-timing-function: var(--anim-ease);
-  animation-iteration-count: 1;
-  animation-fill-mode: both;
-  animation: fadeInOut calc(var(--ANIM_SPD) * 6) ease-in-out infinite;
-}
-.an-pi {
-  animation-name: pulseIn;
-}
-.an-po {
-  animation-name: pulseOut;
-  animation-timing-function: var(--anim-ease-in);
-  animation-fill-mode: forwards;
-}
-.an-pio {
-  animation-name: pulseInOut;
-  animation-duration: calc(var(--ANIM_SPD) * 2);
-  animation-iteration-count: infinite;
-  animation-direction: alternate;
-  animation-timing-function: var(--anim-ease);
-  animation-fill-mode: none;
-}
-.an-bounce {
-  animation-name: bounce;
-  animation-duration: calc(var(--ANIM_SPD) * 4);
-  animation-timing-function: linear;
-  animation-iteration-count: infinite;
-}
-.an-spin {
-  display: inline-block;
-  box-sizing: border-box;
-  width: var(--SPIN_BOX_SIZE);
-  height: var(--SPIN_BOX_SIZE);
-  vertical-align: middle;
-  border-radius: 50%;
-  border-style: solid;
-  border-width: var(--SPIN_BOX_BORDER_SIZE);
-  border-color: var(--B30);
-  border-top-color: var(--B20);
-  animation-name: spin;
-  animation-duration: calc(var(--ANIM_SPD) * 5);
-  animation-timing-function: linear;
-  animation-iteration-count: infinite;
-}
-.an-sbar {
-  position: relative;
-  display: block;
-  width: 100%;
-  max-width: 14rem;
-  height: 0.28rem;
-  min-height: 0.28rem;
-  overflow: hidden;
-  border-radius: 999px;
-  background-color: var(--B30);
-}
-.an-sbar::after {
-  content: "";
-  position: absolute;
-  top: 0;
-  left: -45%;
-  width: 45%;
-  height: 100%;
-  border-radius: inherit;
-  background:
-    linear-gradient(
-      90deg,
-      var(--B400),
-      var(--B20),
-      var(--B600),
-      var(--B400));
-  background-size: 200% 100%;
-  animation: slideBarSweep calc(var(--ANIM_SPD) * 5) ease-in-out infinite;
-}
-.an-bbar {
-  position: relative;
-  display: block;
-  width: 100%;
-  max-width: 14rem;
-  height: 0.28rem;
-  min-height: 0.28rem;
-  overflow: hidden;
-  border-radius: 999px;
-  background-color: var(--B30);
-  --bbar-ball-pct: 40;
-  --bbar-dur: 1s;
-  --bbar-ease: cubic-bezier(0.45, 0.1, 0.55, 0.9);
-}
-.an-bbar::after {
-  content: "";
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: calc(var(--bbar-ball-pct) * 1%);
-  height: 100%;
-  border-radius: inherit;
-  background:
-    linear-gradient(
-      90deg,
-      var(--B400),
-      var(--B20),
-      var(--B600),
-      var(--B400));
-  background-size: 200% 100%;
-  will-change: transform;
-  animation-name: bounceBarBall;
-  animation-duration: var(--bbar-dur);
-  animation-timing-function: var(--bbar-ease);
-  animation-iteration-count: infinite;
-  animation-direction: alternate;
-}
-@keyframes fadeIn {
-  from {
-    opacity: 0;
-  }
-  to {
-    opacity: 1;
-  }
-}
-@keyframes fadeOut {
-  from {
-    opacity: 1;
-  }
-  to {
-    opacity: 0;
-  }
-}
-@keyframes fadeInOut {
-  0% {
-    opacity: 1;
-  }
-  50% {
-    opacity: 0.6;
-  }
-  100% {
-    opacity: 1;
-  }
-}
-@keyframes pulseInOut {
-  from {
-    transform: scale3d(1, 1, 1);
-  }
-  to {
-    transform: scale3d(1.04, 1.04, 1);
-  }
-}
-@keyframes bounce {
-  0%, 20%, 50%, 80%, 100% {
-    transform: translate3d(0, 0, 0);
-  }
-  40% {
-    transform: translate3d(0, -0.5rem, 0);
-  }
-  60% {
-    transform: translate3d(0, -0.25rem, 0);
-  }
-}
-@keyframes spin {
-  0% {
-    transform: rotate3d(0, 0, 1, 0deg);
-    border-top-color: var(--B20);
-  }
-  50% {
-    border-top-color: var(--B400);
-  }
-  75% {
-    border-top-color: var(--B600);
-  }
-  100% {
-    transform: rotate3d(0, 0, 1, 360deg);
-    border-top-color: var(--B20);
-  }
-}
-@keyframes slideBarSweep {
-  0% {
-    transform: translate3d(0, 0, 0);
-    background-position: 0% 50%;
-    opacity: 0.85;
-  }
-  50% {
-    opacity: 1;
-  }
-  100% {
-    transform: translate3d(320%, 0, 0);
-    background-position: 100% 50%;
-    opacity: 0.9;
-  }
-}
-@keyframes bounceBarBall {
-  0% {
-    transform: translate3d(0, 0, 0);
-    background-position: 0% 50%;
-  }
-  100% {
-    transform: translate3d(calc((100 - var(--bbar-ball-pct)) / var(--bbar-ball-pct) * 100%), 0, 0);
-    background-position: 100% 50%;
-  }
-}
-
-/* src/styles/nexus.core.css */
-:root {
-  --BR1: 0.3rem;
-  --BR2: 0.6rem;
-  --MW: 90vw;
-  --SLBW: 0.6rem;
-  --BS0: 0px 0px 1.95rem var(--B41);
-  --BS1: 0px 0px 1.45rem var(--B41);
-  --BS2: 0px 0px 1.1rem var(--B41);
-  --BS3: 0px 0px 0.8rem var(--B41);
-  --BS4: 0px 0px 0.55rem var(--B41);
-  --BS5: 0px 0px 0.4rem var(--B41);
-  --BS6: 0px 0px 0.25rem var(--B41);
-  --BS7: 0px 0px 0.15rem var(--B41);
-  --IEM: 2rem;
-  --IH: 2.8rem;
-  --BRD1: 0.0625rem;
-  --BRD2: calc(var(--BRD1) * 2);
-  --BRD3: calc(var(--BRD1) * 3);
-  --ACTIVE_BORDER_COLOR: var(--B950);
-  --ACTIVE_BACKGROUND_COLOR: var(--B3);
-}
-* {
-  padding: 0;
-  margin: 0;
-  list-style: none;
-  text-decoration: none;
-  box-sizing: border-box;
-  letter-spacing: 0.02rem;
-}
-body {
-  font-weight: 400;
-  font-family: "Inter", sans-serif;
-}
-@media (max-width: 4000px) {
-  * {
-    font-size: 20px;
-  }
-}
-@media (max-width: 3000px) {
-  * {
-    font-size: 19px;
-  }
-}
-@media (max-width: 2600px) {
-  * {
-    font-size: 18px;
-  }
-}
-@media (max-width: 2300px) {
-  * {
-    font-size: 17px;
-  }
-}
-@media (max-width: 1800px) {
-  * {
-    font-size: 16px;
-  }
-}
-@media (max-width: 1500px) {
-  * {
-    font-size: 15px;
-  }
-}
-@media (max-width: 768px) {
-  * {
-    font-size: 16px;
-  }
-}
-@media (max-width: 450px) {
-  * {
-    font-size: 15px;
-  }
-}
-@media (max-width: 400px) {
-  * {
-    font-size: 14px;
-  }
-}
-@media (max-width: 350px) {
-  * {
-    font-size: 13px;
-  }
-}
-@media (max-width: 300px) {
-  * {
-    font-size: 12px;
-  }
-}
-@media (max-width: 250px) {
-  * {
-    font-size: 11px;
-  }
-}
-body {
-  background-color: var(--C1);
-  color: var(--C950);
-}
-
-/* src/styles/nexus.dialog.css */
-:root {
-  --BFC: var(--C1);
-  --BG_TITLE: rgb(100, 100, 100);
-  --DB_SIZE: 1.1rem;
-}
-.dialog {
-  z-index: 100 !important;
-  cursor: default;
-}
-.dialog.left::before,
-.dialog.right::before,
-.dialog.center::before,
-.dialog.left::after,
-.dialog.right::after,
-.dialog.center::after {
-  content: "";
-  position: absolute;
-  width: var(--DB_SIZE);
-  height: var(--DB_SIZE);
-  background: inherit;
-  transform: rotate(45deg) translateX(calc(0rem - var(--DB_SIZE) / 2.5)) translateY(calc(var(--DB_SIZE) / 2));
-  top: calc(0rem - var(--DB_SIZE) / 1.54);
-  border-radius: 0.05rem;
-  border-left: var(--BRD1) solid var(--B30);
-  border-top: var(--BRD1) solid var(--B30);
-}
-.dialog.left::before,
-.dialog.right::before,
-.dialog.center::before {
-  box-shadow: -0.3rem -0.3rem 0.4rem var(--B41);
-  z-index: -1 !important;
-  opacity: 0.7;
-}
-.dialog.right::after,
-.dialog.right::before {
-  left: var(--arrow-left, 0rem);
-}
-.dialog.left::after,
-.dialog.left::before {
-  left: var(--arrow-left, 1.2rem);
-}
-.dialog.center::after,
-.dialog.center::before {
-  left: var(--arrow-left, 50%);
-}
-.dialog.T::after,
-.dialog.T::before,
-.dialog.T.center::after,
-.dialog.T.center::before {
-  top: unset;
-  bottom: -0.55rem !important;
-  transform: scale(1, -1);
-  transform: translateX(-50%) scale(1, -1);
-}
-.dialog.input-dialog::before,
-.dialog.input-dialog::after {
-  display: none !important;
-}
-.dlg-box {
-  width: 100%;
-  height: 100%;
-  position: fixed;
-  z-index: 1000;
-  background-color: var(--C12);
-  overflow: hidden;
-}
-.dlg-box.minimized {
-  z-index: 98;
-}
-.dlg-box.minimized .model {
-  max-height: 2rem !important;
-}
-.dlg-box .model {
-  width: 40rem;
-  max-width: 95%;
-  max-height: 85vh;
-}
-.dlg-box.minimized .model {
-  max-width: none !important;
-  width: 100% !important;
-}
-.model.XS {
-  width: 25rem;
-}
-.model.sm {
-  width: 30rem;
-}
-.model.nr {
-  width: 37rem;
-}
-.model.med {
-  width: 45rem;
-}
-.model.lg {
-  width: 70rem;
-}
-.model.xl {
-  width: 80rem;
-}
-.model.xxl {
-  width: 95%;
-  max-width: 95%;
-  max-height: 95%;
-}
-.model.fs {
-  width: 100% !important;
-  height: 100vh !important;
-  max-width: 100%;
-  max-height: 100%;
-  border-radius: 0;
-}
-.dlg-box {
-  container-type: size;
-}
-@media (max-width: 768px) {
-  .model {
-    max-height: 90vh !important;
-  }
-  .dlg-box.ac {
-    align-items: flex-start !important;
-  }
-}
-.dlg-box.minimized:hover {
-  animation: none !important;
-}
-
-/* src/styles/nexus.icon.css */
-:root {
-  --IW: var(--IH);
-  --IS: 1.6rem;
-}
-.ib {
-  min-width: var(--IW);
-  min-height: var(--IW);
-  max-width: var(--IW);
-  max-height: var(--IW);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  box-sizing: border-box;
-}
-.icon {
-  pointer-events: none;
-  transition: var(--ANIM);
-  font-size: var(--IS);
-  pointer-events: none !important;
-}
-.ib.h:hover > .icon {
-  opacity: 1;
-}
-.img {
-  width: 100%;
-  height: 100%;
-  object-fit: cover !important;
-}
-.image-viewer {
-  width: 100%;
-  height: 100%;
-  object-fit: cover !important;
-  transition: transform 0.1s ease;
-  transform-origin: center;
-  transition: var(--ANIM);
-}
-.bg-img {
-  background-size: cover;
-  background-position: center;
-  background-repeat: no-repeat;
-}
-
-/* src/styles/nexus.input.css */
-:root {
-  --IRCH: 1.5rem;
-}
-.ipt-bx {
-  z-index: 0;
-}
-.ipt-wp .smb {
-  min-height: calc(var(--IEM) / 1.3) !important;
-}
-.ipt-bx,
-.ipt-bxh {
-  height: var(--IH);
-}
-.textarea-box {
-  height: unset !important;
-  display: flex;
-  flex-direction: column;
-  padding-top: 0.5rem;
-  box-sizing: border-box;
-}
-.ipt {
-  color: var(--T1);
-}
-input.ipt,
-select.ipt {
-  height: 100%;
-}
-.ipt,
-.ipth {
-  width: 100%;
-  padding: 0rem 0.5rem;
-  font-weight: 400;
-  font-family: inherit;
-}
-.ipth,
-input.ipt,
-select.ipt {
-  min-height: calc(var(--IH) - var(--B1));
-}
-.ipt:-webkit-autofill,
-.ipt:autofill {
-  -webkit-box-shadow: 0 0 0px 50px var(--B1) inset !important;
-  -webkit-text-fill-color: var(--T1) !important;
-  border-radius: var(--BR1);
-}
-.ipt-bx .ilb {
-  padding: 0rem 0.2rem;
-  margin-left: 0.3rem;
-  font-weight: 400;
-  font-size: 1rem;
-  opacity: 0.7;
-  transition: all var(--ANIM_SPD) ease-in-out;
-}
-.ipt.txhv + .ilb,
-.ipt:focus-within + .ilb {
-  opacity: 1;
-  top: -0.05rem !important;
-  font-size: 0.8rem !important;
-  font-weight: 500 !important;
-}
-.ipt.txhv + .ilb,
-.ipt:focus-within + .ilb {
-  background:
-    linear-gradient(
-      to bottom,
-      transparent 35%,
-      var(--B2) 0,
-      var(--B2) 55%,
-      transparent 50%);
-  opacity: 1 !important;
-}
-.h:focus-within,
-.ipt-bx:focus-within {
-  box-shadow: 0 0 0.3rem var(--B20);
-  border-color: var(--B12) !important;
-  z-index: 1;
-}
-.ipt-bx .ib {
-  min-height: calc(var(--IH) - var(--BR1)) !important;
-  min-width: calc(var(--IH) - var(--BR1)) !important;
-}
-.ipt-bx.error:focus-within {
-  box-shadow: 0 0 0.3rem var(--B13) !important;
-}
-.ipt-bx.error {
-  border-color: var(--B13) !important;
-}
-.ipt-bx.error .ilb,
-.ipt-bx.error .ipt,
-.ipt-bx.error .icon {
-  color: var(--B13) !important;
-}
-.ipt-bxh input[type=checkbox]:checked + .ilb,
-.ipt-bxh input[type=radio].checkbox:checked + .ilb {
-  opacity: 1 !important;
-  font-weight: 500;
-}
-input[type=radio],
-input[type=checkbox],
-.checkbox {
-  border: none;
-  outline: none;
-  appearance: none;
-  -webkit-appearance: none;
-  display: flex;
-  align-items: center;
-  transition: var(--ANIM);
-  position: relative;
-  cursor: pointer;
-}
-input[type=radio]::before,
-input[type=checkbox]::before,
-.checkbox::before {
-  content: "";
-  width: var(--IRCH) !important;
-  height: var(--IRCH) !important;
-  border: 0.22rem solid var(--B30);
-  box-sizing: border-box;
-  transition: var(--ANIM);
-}
-input[type=radio]:not(.checkbox)::before {
-  border-radius: 50%;
-  background-color: transparent;
-}
-input[type=radio]:not(.checkbox):checked::before {
-  box-shadow: 0 0 0 0.22rem var(--B1) inset;
-  background-color: var(--B400);
-  border-color: var(--B400);
-}
-input[type=checkbox]::before,
-input[type=radio].checkbox::before {
-  border-radius: var(--BR1);
-}
-input[type=checkbox]:checked::before,
-input[type=radio].checkbox:checked::before,
-.checkbox.checked::before {
-  border-color: var(--B400);
-  box-shadow: none;
-  background-color: transparent;
-}
-input[type=checkbox]:checked::after,
-input[type=radio].checkbox:checked::after,
-.checkbox.checked::after {
-  content: "";
-  position: absolute;
-  top: 47%;
-  left: 49%;
-  width: 0.7rem;
-  height: 0.35rem;
-  border-bottom: 0.2rem solid var(--B400);
-  border-left: 0.2rem solid var(--B400);
-  transform: translate(-50%, -50%) rotate(-50deg);
-}
-input[type=radio]:checked + .ilb,
-input[type=radio].checkbox:checked + .ilb {
-  opacity: 1 !important;
-}
-textarea.ipt {
-  display: block;
-  flex: 1 1 auto;
-  resize: vertical;
-  user-select: text;
-  box-sizing: border-box;
-  padding-bottom: 0.5rem;
-}
-select.ipt {
-  -webkit-appearance: none;
-}
-select.ipt:disabled {
-  opacity: 0.6;
-  cursor: not-allowed;
-}
-select.ipt option {
-  background: var(--B2);
-  color: var(--T2);
-}
-
-/* src/styles/nexus.loader.css */
-.nexus-container {
-  position: absolute;
-  top: 0;
-  left: 0;
-  z-index: 1000000;
-  width: 100%;
-  height: 100%;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-
-/* src/styles/nexus.logic.css */
-.ho1:hover {
-  opacity: 1;
-}
-.btn.active {
-  font-weight: 500;
-}
-.btn.active {
-  background-color: var(--ACTIVE_BACKGROUND_COLOR) !important;
-  pointer-events: none;
-}
-.btn.active::after {
-  content: " ";
-  position: absolute;
-  width: 100%;
-  height: var(--BRD2);
-  bottom: 0;
-  background-color: var(--ACTIVE_BORDER_COLOR);
-}
-
-/* src/styles/nexus.utility.css */
-.sb,
-.sbh,
-textarea {
-  overflow: auto;
-  scrollbar-width: thin;
-  scrollbar-color: var(--B30) var(--B2);
-}
-.sbh {
-  scrollbar-width: none;
-}
-.sb::-webkit-scrollbar {
-  width: var(--SLBW);
-  height: var(--SLBW);
-}
-.sb.sm,
-textarea {
-  scrollbar-width: thin;
-}
-.sb.sm::-webkit-scrollbar-thumb,
-textarea::-webkit-scrollbar-thumb {
-  border-width: 0.08rem;
-}
-.sb::-webkit-scrollbar-track,
-textarea::-webkit-scrollbar-track {
-  background: var(--B3);
-}
-.sb::-webkit-scrollbar-thumb,
-textarea::-webkit-scrollbar-thumb {
-  background-color: var(--B30);
-  border-radius: var(--BR2);
-  border: 0.12rem solid var(--B3);
-}
-.sb::-webkit-scrollbar-thumb:hover,
-textarea::-webkit-scrollbar-thumb:hover {
-  background-color: var(--B40);
-}
-.sb::-webkit-scrollbar-button,
-textarea::-webkit-scrollbar-button {
-  background-color: var(--B3);
-}
-.sb::-webkit-scrollbar-button:hover,
-textarea::-webkit-scrollbar-button:hover {
-  background-color: var(--B3);
-}
-.sb::-webkit-scrollbar-corner,
-textarea::-webkit-scrollbar-corner {
-  background: var(--B3);
-}
-.sbh::-webkit-scrollbar {
-  width: 0;
-  height: 0;
-}
-.usn,
-body {
-  user-select: none !important;
-}
-.usa {
-  user-select: all !important;
-}
-.en {
-  pointer-events: none;
-}
-.no-drag {
-  user-select: none;
-  -webkit-user-drag: none;
-  pointer-events: auto;
-}
-.ea {
-  pointer-events: all;
-}
-.d {
-  pointer-events: none;
-  cursor: not-allowed;
-  opacity: 0.7;
-}
-.db {
-  display: block;
-}
-.dn {
-  display: none !important;
-}
-.vv {
-  visibility: visible;
-}
-.vh {
-  visibility: hidden;
-}
-.dif {
-  display: inline-flex;
-}
-.df {
-  display: flex;
-}
-.ddc {
-  flex-direction: column;
-}
-.fg {
-  flex-grow: 1;
-}
-.fw {
-  flex-wrap: wrap;
-}
-.ac {
-  align-items: center;
-}
-.acc {
-  align-content: center;
-}
-.jc {
-  justify-content: center;
-}
-.ae {
-  align-items: flex-end;
-}
-.jr {
-  justify-content: right;
-}
-.jl {
-  justify-content: left;
-}
-.sn {
-  outline: none;
-  border: none;
-  background-color: unset;
-}
-.o0 {
-  opacity: 0;
-}
-.o1 {
-  opacity: 1;
-}
-.oh {
-  overflow: hidden;
-}
-.bb {
-  box-sizing: border-box;
-}
-.w100 {
-  width: 100%;
-}
-.h100 {
-  height: 100%;
-}
-.ps {
-  position: sticky;
-}
-.pa {
-  position: absolute;
-}
-.pf {
-  position: fixed;
-}
-.pr {
-  position: relative;
-}
-.ty50 {
-  transform: translateY(-50%);
-}
-.tx50 {
-  transform: translateX(-50%);
-}
-.txy50 {
-  transform: translate(-50%, -50%);
-}
-.t50 {
-  top: 50%;
-}
-.l50 {
-  left: 50%;
-}
-.left {
-  left: 0;
-}
-.right {
-  right: 0;
-}
-.top {
-  top: 0;
-}
-.bottom {
-  bottom: 0;
-}
-.r {
-  border-radius: var(--BR1);
-}
-.r2 {
-  border-radius: var(--BR2);
-}
-.rr {
-  border-radius: 50%;
-}
-.anim,
-.h {
-  transition: var(--ANIM);
-}
-.no-anim {
-  transition: none !important;
-}
-.h,
-.hc {
-  cursor: pointer;
-}
-.rs {
-  resize: both !important;
-  position: relative;
-}
-.cur-move {
-  cursor: move !important;
-}
-.nw {
-  white-space: nowrap;
-}
-.toh {
-  white-space: nowrap !important;
-  overflow: hidden !important;
-  text-overflow: ellipsis !important;
-}
-.tl {
-  text-align: left !important;
-}
-.tr {
-  text-align: right !important;
-}
-.tj {
-  text-align: justify !important;
-}
-.tc {
-  text-align: center !important;
-}
-del {
-  position: relative;
-}
-.l-bb {
-  text-decoration: underline;
-}
-del:after {
-  content: "";
-  width: 100%;
-  top: 50%;
-  left: 0;
-  border-bottom: 0.15rem solid red;
-  position: absolute;
-}
-.u {
-  text-decoration: underline;
-}
-.ma {
-  margin: auto;
-}
-.mw {
-  width: var(--MW);
-  max-width: var(--MW);
-}
-@media (max-width: 1150px) {
-  :root {
-    --MW: 95vw;
-  }
-}
-@media (max-width: 950px) {
-  :root {
-    --MW: 98vw;
-  }
-  .client-menu .utilities {
-    width: 100% !important;
-  }
-}
-/*# sourceMappingURL=index.css.map */