@mintmoney/react 0.1.0-alpha-1 → 0.1.0-alpha.3

package/dist/css/styles.css

@@ -1,4 +1,8 @@
-/* Checkout Modal Container */
+@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@200..1000&display=swap");
+
+.mm-root {
+  font-family: var(--mm-font-family, "Nunito Sans"), sans-serif;
+}
 
 .mm-qr-container {
   display: flex;
@@ -18,32 +22,9 @@
   border-radius: 8px;
 }
 
-.copy-button {
-  background-color: #1a53ff;
-  color: white;
-  border: none;
-  padding: 8px 16px;
-  font-size: 14px;
-  font-weight: 600;
-  border-radius: 8px;
-  cursor: pointer;
-  transition: background-color 0.2s ease-in-out;
-}
-
-.copy-button:hover {
-  background-color: #0039cc;
-}
-
-.copy-button:active {
-  background-color: #002a99;
-}
-
-.copy-button:focus {
-  outline: none;
-  box-shadow: 0 0 0 3px rgba(26, 83, 255, 0.4);
-}
-
-/* Modal Base Styles */
+/* ***********************************************
+ * MODALS
+ * **********************************************/
 .mm-modal-overlay {
   position: fixed;
   inset: 0;
@@ -57,28 +38,31 @@
   flex-direction: column;
   z-index: 50;
   position: fixed;
-  inset: 0;
-  max-width: 100%;
+  width: 100%;
+  pointer-events: auto;
+  transform: translate(-50%, -50%);
+  position: fixed;
+  left: 50%;
+  top: 50%;
   background-color: #ffffff;
   padding: 24px;
   box-sizing: border-box;
-  width: fit-content;
-  height: fit-content;
+  min-height: 300px;
+  min-width: 400px;
+  max-width: 400px;
+  max-height: 600px;
+  overflow-y: auto;
+  border-radius: 20px;
+  margin: auto;
 }
 
-@media (min-width: 768px) {
-  .mm-modal-container {
-    max-width: 600px;
-    border-radius: 20px;
-    margin: auto;
-  }
-
-  .mm-checkout-modal {
-    min-width: 426px;
-  }
+.mm-modal-content {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  min-height: calc(300px - 48px);
 }
 
-/* Modal Navigation */
 .mm-modal-nav {
   display: flex;
   margin-bottom: 16px;
@@ -98,22 +82,211 @@
   justify-content: flex-end;
 }
 
-/* Modal Header */
 .mm-modal-header {
   padding-bottom: 12px;
   font-size: 18px;
   font-weight: bold;
 }
 
-/* Modal Body */
 .mm-modal-body {
+  display: flex;
   flex-grow: 1;
   overflow-y: auto;
+  overflow-x: hidden;
 }
 
-/* Modal Footer */
 .mm-modal-footer {
   padding-top: 24px;
 }
 
-/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jc3Mvc3R5bGVzLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSIsImZpbGUiOiJzdHlsZXMuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyogQ2hlY2tvdXQgTW9kYWwgQ29udGFpbmVyICovXG5cbi5tbS1xci1jb250YWluZXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgcGFkZGluZzogMTZweDtcbiAgYmFja2dyb3VuZDogI2U2ZjBmZjtcbiAgYm9yZGVyLXJhZGl1czogMTJweDtcbn1cblxuLm1tLWFkZHJlc3MtY29udGFpbmVyIHtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBiYWNrZ3JvdW5kOiAjZWVmNWZmO1xuICBwYWRkaW5nOiA4cHggMTJweDtcbiAgYm9yZGVyLXJhZGl1czogOHB4O1xufVxuXG4uY29weS1idXR0b24ge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMWE1M2ZmO1xuICBjb2xvcjogd2hpdGU7XG4gIGJvcmRlcjogbm9uZTtcbiAgcGFkZGluZzogOHB4IDE2cHg7XG4gIGZvbnQtc2l6ZTogMTRweDtcbiAgZm9udC13ZWlnaHQ6IDYwMDtcbiAgYm9yZGVyLXJhZGl1czogOHB4O1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIHRyYW5zaXRpb246IGJhY2tncm91bmQtY29sb3IgMC4ycyBlYXNlLWluLW91dDtcbn1cblxuLmNvcHktYnV0dG9uOmhvdmVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzAwMzljYztcbn1cblxuLmNvcHktYnV0dG9uOmFjdGl2ZSB7XG4gIGJhY2tncm91bmQtY29sb3I6ICMwMDJhOTk7XG59XG5cbi5jb3B5LWJ1dHRvbjpmb2N1cyB7XG4gIG91dGxpbmU6IG5vbmU7XG4gIGJveC1zaGFkb3c6IDAgMCAwIDNweCByZ2JhKDI2LCA4MywgMjU1LCAwLjQpO1xufVxuXG4vKiBNb2RhbCBCYXNlIFN0eWxlcyAqL1xuLm1tLW1vZGFsLW92ZXJsYXkge1xuICBwb3NpdGlvbjogZml4ZWQ7XG4gIGluc2V0OiAwO1xuICB6LWluZGV4OiA1MDtcbiAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgwLCAwLCAwLCAwLjIpO1xuICBiYWNrZHJvcC1maWx0ZXI6IGJsdXIoNHB4KTtcbn1cblxuLm1tLW1vZGFsLWNvbnRhaW5lciB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIHotaW5kZXg6IDUwO1xuICBwb3NpdGlvbjogZml4ZWQ7XG4gIGluc2V0OiAwO1xuICBtYXgtd2lkdGg6IDEwMCU7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmZmZmZmY7XG4gIHBhZGRpbmc6IDI0cHg7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIHdpZHRoOiBmaXQtY29udGVudDtcbiAgaGVpZ2h0OiBmaXQtY29udGVudDtcbn1cblxuQG1lZGlhIChtaW4td2lkdGg6IDc2OHB4KSB7XG4gIC5tbS1tb2RhbC1jb250YWluZXIge1xuICAgIG1heC13aWR0aDogNjAwcHg7XG4gICAgYm9yZGVyLXJhZGl1czogMjBweDtcbiAgICBtYXJnaW46IGF1dG87XG4gIH1cblxuICAubW0tY2hlY2tvdXQtbW9kYWwge1xuICAgIG1pbi13aWR0aDogNDI2cHg7XG4gIH1cbn1cblxuLyogTW9kYWwgTmF2aWdhdGlvbiAqL1xuLm1tLW1vZGFsLW5hdiB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIG1hcmdpbi1ib3R0b206IDE2cHg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbn1cblxuLm1tLW1vZGFsLW5hdi1sZWZ0IHtcbiAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xufVxuXG4ubW0tbW9kYWwtbmF2LWNlbnRlciB7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xufVxuXG4ubW0tbW9kYWwtbmF2LXJpZ2h0IHtcbiAganVzdGlmeS1jb250ZW50OiBmbGV4LWVuZDtcbn1cblxuLyogTW9kYWwgSGVhZGVyICovXG4ubW0tbW9kYWwtaGVhZGVyIHtcbiAgcGFkZGluZy1ib3R0b206IDEycHg7XG4gIGZvbnQtc2l6ZTogMThweDtcbiAgZm9udC13ZWlnaHQ6IGJvbGQ7XG59XG5cbi8qIE1vZGFsIEJvZHkgKi9cbi5tbS1tb2RhbC1ib2R5IHtcbiAgZmxleC1ncm93OiAxO1xuICBvdmVyZmxvdy15OiBhdXRvO1xufVxuXG4vKiBNb2RhbCBGb290ZXIgKi9cbi5tbS1tb2RhbC1mb290ZXIge1xuICBwYWRkaW5nLXRvcDogMjRweDtcbn1cbiJdfQ== */
+@keyframes spin {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+
+/* ***********************************************
+ * Text 
+ * **********************************************/
+
+/* ***********************************************
+ * Buttons 
+ * **********************************************/
+.copy-button {
+  background-color: #1a53ff;
+  color: white;
+  border: none;
+  padding: 8px 16px;
+  font-size: 14px;
+  font-weight: 600;
+  border-radius: 8px;
+  cursor: pointer;
+  transition: background-color 0.2s ease-in-out;
+}
+
+.copy-button:hover {
+  background-color: #0039cc;
+}
+
+.copy-button:active {
+  background-color: #002a99;
+}
+
+.copy-button:focus {
+  outline: none;
+  box-shadow: 0 0 0 3px rgba(26, 83, 255, 0.4);
+}
+
+/* ***********************************************
+ * Lists 
+ * **********************************************/
+
+.mm-empty-list__container {
+  display: flex;
+  width: 100%;
+  height: 100%;
+  max-height: 100%;
+  justify-content: center;
+  align-items: center;
+}
+
+.mm-selectable-list__button-group {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+}
+
+/* ***********************************************
+ * Loading Components
+ * **********************************************/
+.loading-container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+
+.loading-segment {
+  opacity: 0;
+  transform: scale(0.8);
+  animation: fadeInSequence 3s cubic-bezier(0.4, 0, 0.2, 1) infinite;
+}
+
+.segment-1 {
+  animation-delay: 0s;
+  animation-name: fadeInSlideUp;
+}
+.segment-2 {
+  animation-delay: 0.3s;
+  animation-name: fadeInSlideRight;
+}
+.segment-3 {
+  animation-delay: 0.6s;
+  animation-name: fadeInSlideDown;
+}
+.segment-4 {
+  animation-delay: 0.9s;
+  animation-name: fadeInSlideLeft;
+}
+
+@keyframes fadeInSlideUp {
+  0% {
+    opacity: 0;
+    transform: translateY(20px) scale(1);
+  }
+  30% {
+    opacity: 1;
+    transform: translateY(0) scale(1);
+  }
+  70% {
+    opacity: 1;
+    transform: translateY(0) scale(1);
+  }
+  90% {
+    opacity: 0;
+    transform: translateY(-10px) scale(1);
+  }
+  100% {
+    opacity: 0;
+    transform: translateY(-20px) scale(1);
+  }
+}
+
+@keyframes fadeInSlideRight {
+  0% {
+    opacity: 0;
+    transform: translateX(-20px) scale(1);
+  }
+  30% {
+    opacity: 1;
+    transform: translateX(0) scale(1);
+  }
+  70% {
+    opacity: 1;
+    transform: translateX(0) scale(1);
+  }
+  90% {
+    opacity: 0;
+    transform: translateX(10px) scale(1);
+  }
+  100% {
+    opacity: 0;
+    transform: translateX(20px) scale(1);
+  }
+}
+
+@keyframes fadeInSlideDown {
+  0% {
+    opacity: 0;
+    transform: translateY(-20px) scale(1);
+  }
+  30% {
+    opacity: 1;
+    transform: translateY(0) scale(1);
+  }
+  70% {
+    opacity: 1;
+    transform: translateY(0) scale(1);
+  }
+  90% {
+    opacity: 0;
+    transform: translateY(10px) scale(1);
+  }
+  100% {
+    opacity: 0;
+    transform: translateY(20px) scale(1);
+  }
+}
+
+@keyframes fadeInSlideLeft {
+  0% {
+    opacity: 0;
+    transform: translateX(10px) scale(1);
+  }
+  30% {
+    opacity: 1;
+    transform: translateX(0) scale(1);
+  }
+  70% {
+    opacity: 1;
+    transform: translateX(0) scale(1);
+  }
+  90% {
+    opacity: 0;
+    transform: translateX(-10px) scale(1);
+  }
+  100% {
+    opacity: 0;
+    transform: translateX(-20px) scale(1);
+  }
+}
+
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jc3Mvc3R5bGVzLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSIsImZpbGUiOiJzdHlsZXMuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiQGltcG9ydCB1cmwoXCJodHRwczovL2ZvbnRzLmdvb2dsZWFwaXMuY29tL2NzczI/ZmFtaWx5PU51bml0bytTYW5zOndnaHRAMjAwLi4xMDAwJmRpc3BsYXk9c3dhcFwiKTtcblxuLm1tLXJvb3Qge1xuICBmb250LWZhbWlseTogdmFyKC0tbW0tZm9udC1mYW1pbHksIFwiTnVuaXRvIFNhbnNcIiksIHNhbnMtc2VyaWY7XG59XG5cbi5tbS1xci1jb250YWluZXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgcGFkZGluZzogMTZweDtcbiAgYmFja2dyb3VuZDogI2U2ZjBmZjtcbiAgYm9yZGVyLXJhZGl1czogMTJweDtcbn1cblxuLm1tLWFkZHJlc3MtY29udGFpbmVyIHtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBiYWNrZ3JvdW5kOiAjZWVmNWZmO1xuICBwYWRkaW5nOiA4cHggMTJweDtcbiAgYm9yZGVyLXJhZGl1czogOHB4O1xufVxuXG4vKiAqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKlxuICogTU9EQUxTXG4gKiAqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqL1xuLm1tLW1vZGFsLW92ZXJsYXkge1xuICBwb3NpdGlvbjogZml4ZWQ7XG4gIGluc2V0OiAwO1xuICB6LWluZGV4OiA1MDtcbiAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgwLCAwLCAwLCAwLjIpO1xuICBiYWNrZHJvcC1maWx0ZXI6IGJsdXIoNHB4KTtcbn1cblxuLm1tLW1vZGFsLWNvbnRhaW5lciB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIHotaW5kZXg6IDUwO1xuICBwb3NpdGlvbjogZml4ZWQ7XG4gIHdpZHRoOiAxMDAlO1xuICBwb2ludGVyLWV2ZW50czogYXV0bztcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoLTUwJSwgLTUwJSk7XG4gIHBvc2l0aW9uOiBmaXhlZDtcbiAgbGVmdDogNTAlO1xuICB0b3A6IDUwJTtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZjtcbiAgcGFkZGluZzogMjRweDtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgbWluLWhlaWdodDogMzAwcHg7XG4gIG1pbi13aWR0aDogNDAwcHg7XG4gIG1heC13aWR0aDogNDAwcHg7XG4gIG1heC1oZWlnaHQ6IDYwMHB4O1xuICBvdmVyZmxvdy15OiBhdXRvO1xuICBib3JkZXItcmFkaXVzOiAyMHB4O1xuICBtYXJnaW46IGF1dG87XG59XG5cbi5tbS1tb2RhbC1jb250ZW50IHtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgaGVpZ2h0OiAxMDAlO1xuICBtaW4taGVpZ2h0OiBjYWxjKDMwMHB4IC0gNDhweCk7XG59XG5cbi5tbS1tb2RhbC1uYXYge1xuICBkaXNwbGF5OiBmbGV4O1xuICBtYXJnaW4tYm90dG9tOiAxNnB4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG59XG5cbi5tbS1tb2RhbC1uYXYtbGVmdCB7XG4gIGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcbn1cblxuLm1tLW1vZGFsLW5hdi1jZW50ZXIge1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbn1cblxuLm1tLW1vZGFsLW5hdi1yaWdodCB7XG4gIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG59XG5cbi5tbS1tb2RhbC1oZWFkZXIge1xuICBwYWRkaW5nLWJvdHRvbTogMTJweDtcbiAgZm9udC1zaXplOiAxOHB4O1xuICBmb250LXdlaWdodDogYm9sZDtcbn1cblxuLm1tLW1vZGFsLWJvZHkge1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWdyb3c6IDE7XG4gIG92ZXJmbG93LXk6IGF1dG87XG4gIG92ZXJmbG93LXg6IGhpZGRlbjtcbn1cblxuLm1tLW1vZGFsLWZvb3RlciB7XG4gIHBhZGRpbmctdG9wOiAyNHB4O1xufVxuXG5Aa2V5ZnJhbWVzIHNwaW4ge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiByb3RhdGUoMGRlZyk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTtcbiAgfVxufVxuXG4vKiAqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKlxuICogVGV4dCBcbiAqICoqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKiovXG5cbi8qICoqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqXG4gKiBCdXR0b25zIFxuICogKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKi9cbi5jb3B5LWJ1dHRvbiB7XG4gIGJhY2tncm91bmQtY29sb3I6ICMxYTUzZmY7XG4gIGNvbG9yOiB3aGl0ZTtcbiAgYm9yZGVyOiBub25lO1xuICBwYWRkaW5nOiA4cHggMTZweDtcbiAgZm9udC1zaXplOiAxNHB4O1xuICBmb250LXdlaWdodDogNjAwO1xuICBib3JkZXItcmFkaXVzOiA4cHg7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgdHJhbnNpdGlvbjogYmFja2dyb3VuZC1jb2xvciAwLjJzIGVhc2UtaW4tb3V0O1xufVxuXG4uY29weS1idXR0b246aG92ZXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDAzOWNjO1xufVxuXG4uY29weS1idXR0b246YWN0aXZlIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzAwMmE5OTtcbn1cblxuLmNvcHktYnV0dG9uOmZvY3VzIHtcbiAgb3V0bGluZTogbm9uZTtcbiAgYm94LXNoYWRvdzogMCAwIDAgM3B4IHJnYmEoMjYsIDgzLCAyNTUsIDAuNCk7XG59XG5cbi8qICoqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqXG4gKiBMaXN0cyBcbiAqICoqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKiovXG5cbi5tbS1lbXB0eS1saXN0X19jb250YWluZXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBtYXgtaGVpZ2h0OiAxMDAlO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbn1cblxuLm1tLXNlbGVjdGFibGUtbGlzdF9fYnV0dG9uLWdyb3VwIHtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgZ2FwOiAxNnB4O1xufVxuXG4vKiAqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKlxuICogTG9hZGluZyBDb21wb25lbnRzXG4gKiAqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqL1xuLmxvYWRpbmctY29udGFpbmVyIHtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDUwJTtcbiAgbGVmdDogNTAlO1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgtNTAlLCAtNTAlKTtcbn1cblxuLmxvYWRpbmctc2VnbWVudCB7XG4gIG9wYWNpdHk6IDA7XG4gIHRyYW5zZm9ybTogc2NhbGUoMC44KTtcbiAgYW5pbWF0aW9uOiBmYWRlSW5TZXF1ZW5jZSAzcyBjdWJpYy1iZXppZXIoMC40LCAwLCAwLjIsIDEpIGluZmluaXRlO1xufVxuXG4uc2VnbWVudC0xIHtcbiAgYW5pbWF0aW9uLWRlbGF5OiAwcztcbiAgYW5pbWF0aW9uLW5hbWU6IGZhZGVJblNsaWRlVXA7XG59XG4uc2VnbWVudC0yIHtcbiAgYW5pbWF0aW9uLWRlbGF5OiAwLjNzO1xuICBhbmltYXRpb24tbmFtZTogZmFkZUluU2xpZGVSaWdodDtcbn1cbi5zZWdtZW50LTMge1xuICBhbmltYXRpb24tZGVsYXk6IDAuNnM7XG4gIGFuaW1hdGlvbi1uYW1lOiBmYWRlSW5TbGlkZURvd247XG59XG4uc2VnbWVudC00IHtcbiAgYW5pbWF0aW9uLWRlbGF5OiAwLjlzO1xuICBhbmltYXRpb24tbmFtZTogZmFkZUluU2xpZGVMZWZ0O1xufVxuXG5Aa2V5ZnJhbWVzIGZhZGVJblNsaWRlVXAge1xuICAwJSB7XG4gICAgb3BhY2l0eTogMDtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMjBweCkgc2NhbGUoMSk7XG4gIH1cbiAgMzAlIHtcbiAgICBvcGFjaXR5OiAxO1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwKSBzY2FsZSgxKTtcbiAgfVxuICA3MCUge1xuICAgIG9wYWNpdHk6IDE7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDApIHNjYWxlKDEpO1xuICB9XG4gIDkwJSB7XG4gICAgb3BhY2l0eTogMDtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoLTEwcHgpIHNjYWxlKDEpO1xuICB9XG4gIDEwMCUge1xuICAgIG9wYWNpdHk6IDA7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC0yMHB4KSBzY2FsZSgxKTtcbiAgfVxufVxuXG5Aa2V5ZnJhbWVzIGZhZGVJblNsaWRlUmlnaHQge1xuICAwJSB7XG4gICAgb3BhY2l0eTogMDtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTIwcHgpIHNjYWxlKDEpO1xuICB9XG4gIDMwJSB7XG4gICAgb3BhY2l0eTogMTtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMCkgc2NhbGUoMSk7XG4gIH1cbiAgNzAlIHtcbiAgICBvcGFjaXR5OiAxO1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgwKSBzY2FsZSgxKTtcbiAgfVxuICA5MCUge1xuICAgIG9wYWNpdHk6IDA7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDEwcHgpIHNjYWxlKDEpO1xuICB9XG4gIDEwMCUge1xuICAgIG9wYWNpdHk6IDA7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDIwcHgpIHNjYWxlKDEpO1xuICB9XG59XG5cbkBrZXlmcmFtZXMgZmFkZUluU2xpZGVEb3duIHtcbiAgMCUge1xuICAgIG9wYWNpdHk6IDA7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC0yMHB4KSBzY2FsZSgxKTtcbiAgfVxuICAzMCUge1xuICAgIG9wYWNpdHk6IDE7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDApIHNjYWxlKDEpO1xuICB9XG4gIDcwJSB7XG4gICAgb3BhY2l0eTogMTtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCkgc2NhbGUoMSk7XG4gIH1cbiAgOTAlIHtcbiAgICBvcGFjaXR5OiAwO1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMHB4KSBzY2FsZSgxKTtcbiAgfVxuICAxMDAlIHtcbiAgICBvcGFjaXR5OiAwO1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgyMHB4KSBzY2FsZSgxKTtcbiAgfVxufVxuXG5Aa2V5ZnJhbWVzIGZhZGVJblNsaWRlTGVmdCB7XG4gIDAlIHtcbiAgICBvcGFjaXR5OiAwO1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgxMHB4KSBzY2FsZSgxKTtcbiAgfVxuICAzMCUge1xuICAgIG9wYWNpdHk6IDE7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDApIHNjYWxlKDEpO1xuICB9XG4gIDcwJSB7XG4gICAgb3BhY2l0eTogMTtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMCkgc2NhbGUoMSk7XG4gIH1cbiAgOTAlIHtcbiAgICBvcGFjaXR5OiAwO1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtMTBweCkgc2NhbGUoMSk7XG4gIH1cbiAgMTAwJSB7XG4gICAgb3BhY2l0eTogMDtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTIwcHgpIHNjYWxlKDEpO1xuICB9XG59XG4iXX0= */

package/dist/esm/components/buttons/buttons.stories.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "../../css/styles.css";
+import { ThemeProvider } from "styled-components";
+import { defaultTheme } from "../../themes/index.jsx";
+import { StyledButton } from "../index.js";
+export const Button = ({ disabled, variant }) => (_jsx(ThemeProvider, { theme: defaultTheme, children: _jsx(StyledButton, { variant: variant, disabled: disabled, children: "Button" }) }));
+Button.args = {
+    variant: "primary",
+    disabled: false,
+};
+Button.argTypes = {
+    variant: {
+        options: ["primary", "secondary"],
+        control: { type: "radio" },
+        defaultValue: "primary",
+    },
+};
+//# sourceMappingURL=buttons.stories.js.map

package/dist/esm/components/buttons/buttons.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"buttons.stories.js","sourceRoot":"","sources":["../../../../src/components/buttons/buttons.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,sBAAsB,CAAC;AAC9B,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAEtD,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAE3C,MAAM,CAAC,MAAM,MAAM,GAGd,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAC9B,KAAC,aAAa,IAAC,KAAK,EAAE,YAAY,YAChC,KAAC,YAAY,IAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,uBAEnC,GACD,CACjB,CAAC;AAEF,MAAM,CAAC,IAAI,GAAG;IACZ,OAAO,EAAE,SAAS;IAClB,QAAQ,EAAE,KAAK;CAChB,CAAC;AACF,MAAM,CAAC,QAAQ,GAAG;IAChB,OAAO,EAAE;QACP,OAAO,EAAE,CAAC,SAAS,EAAE,WAAW,CAAC;QACjC,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;QAC1B,YAAY,EAAE,SAAS;KACxB;CACF,CAAC"}

package/dist/esm/components/buttons/index.js

@@ -1,23 +1,35 @@
 import { styled } from "styled-components";
 const StyledButton = styled.button `
   width: 100%;
-  padding: 16px 24px; /* Adjusted padding for better spacing */
-  border-radius: 32px; /* Fully rounded corners */
-  border: 2px solid ${({ theme }) => theme.default.borderColor};
-  background-color: ${({ theme }) => theme.default.backgroundColor};
-  color: ${({ theme }) => theme.default.textColor};
+  height: 48px;
+  padding: 10px 16px;
+  border-radius: 48px;
+  font-family: var(--mm-font-family);
+  border: 2px solid
+    ${({ theme, variant = "primary" }) => theme.btn[variant].default.borderColor};
+  background-color: ${({ theme, variant = "primary" }) => theme.btn[variant].default.backgroundColor};
+  color: ${({ theme, variant = "primary" }) => theme.btn[variant].default.textColor};
   transition: all 0.3s ease-in-out;
+  font-size: 16px;
+  font-weight: 700;
+  text-align: center;
+  line-height: 28px;
+
+  transition:
+    background-color 0.3s ease-in-out,
+    border-color 0.3s ease-in-out,
+    color 0.3s ease-in-out;
 
   &:hover {
-    background-color: ${({ theme }) => theme.hover.backgroundColor};
-    border-color: ${({ theme }) => theme.hover.borderColor};
-    color: ${({ theme }) => theme.hover.textColor};
+    background-color: ${({ theme, variant = "primary" }) => theme.btn[variant].hover.backgroundColor};
+    border-color: ${({ theme, variant = "primary" }) => theme.btn[variant].hover.borderColor};
+    color: ${({ theme, variant = "primary" }) => theme.btn[variant].hover.textColor};
   }
 
   &:disabled {
-    background-color: ${({ theme }) => theme.disabled.backgroundColor};
-    border-color: ${({ theme }) => theme.disabled.borderColor};
-    color: ${({ theme }) => theme.disabled.textColor};
+    background-color: ${({ theme, variant = "primary" }) => theme.btn[variant].disabled.backgroundColor};
+    border-color: ${({ theme, variant = "primary" }) => theme.btn[variant].disabled.borderColor};
+    color: ${({ theme, variant = "primary" }) => theme.btn[variant].disabled.textColor};
     cursor: not-allowed;
   }
 `;

package/dist/esm/components/buttons/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/buttons/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAqB3C,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAmB;;;;sBAI/B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,WAAW;sBACxC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,eAAe;WACvD,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS;;;;wBAIzB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,eAAe;oBAC9C,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW;aAC7C,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,SAAS;;;;wBAIzB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,eAAe;oBACjD,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,WAAW;aAChD,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,SAAS;;;CAGnD,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/buttons/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAS3C,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAmB;;;;;;;MAO/C,CAAC,EAAE,KAAK,EAAE,OAAO,GAAG,SAAS,EAAE,EAAE,EAAE,CACrC,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,WAAW;sBACpB,CAAC,EAAE,KAAK,EAAE,OAAO,GAAG,SAAS,EAAE,EAAE,EAAE,CACrD,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,eAAe;WACnC,CAAC,EAAE,KAAK,EAAE,OAAO,GAAG,SAAS,EAAE,EAAE,EAAE,CAC1C,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,SAAS;;;;;;;;;;;;;wBAahB,CAAC,EAAE,KAAK,EAAE,OAAO,GAAG,SAAS,EAAE,EAAE,EAAE,CACvD,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,eAAe;oBACxB,CAAC,EAAE,KAAK,EAAE,OAAO,GAAG,SAAS,EAAE,EAAE,EAAE,CACnD,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,WAAW;aAC3B,CAAC,EAAE,KAAK,EAAE,OAAO,GAAG,SAAS,EAAE,EAAE,EAAE,CAC5C,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,SAAS;;;;wBAId,CAAC,EAAE,KAAK,EAAE,OAAO,GAAG,SAAS,EAAE,EAAE,EAAE,CACvD,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,eAAe;oBAC3B,CAAC,EAAE,KAAK,EAAE,OAAO,GAAG,SAAS,EAAE,EAAE,EAAE,CACnD,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,WAAW;aAC9B,CAAC,EAAE,KAAK,EAAE,OAAO,GAAG,SAAS,EAAE,EAAE,EAAE,CAC5C,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,SAAS;;;CAGxC,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/esm/components/icons/checkMark.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { styled } from "styled-components";
+import { useMintMoneyConfig } from "@mintmoney/react";
+const StyledSvg = styled.svg `
+  stroke: ${({ color }) => color};
+  width: ${({ width }) => width}px;
+  height: ${({ height }) => height}px;
+  cursor: pointer;
+  transition: stroke 0.2s ease-in-out;
+
+  &:hover {
+    stroke: ${({ color }) => color}CC; /* Slight transparency on hover */
+  }
+`;
+const CheckMarkIcon = ({ size = 20 }) => {
+    const { theme } = useMintMoneyConfig();
+    return (_jsx(StyledSvg, { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: theme.icon.check.strokeColor, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", color: theme.icon.check.color, children: _jsx("polyline", { points: "20 6 9 17 4 12" }) }));
+};
+export { CheckMarkIcon };
+//# sourceMappingURL=checkMark.js.map

package/dist/esm/components/icons/checkMark.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkMark.js","sourceRoot":"","sources":["../../../../src/components/icons/checkMark.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAMtD,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAmB;YACnC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK;WACrB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK;YACnB,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM;;;;;cAKpB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK;;CAEjC,CAAC;AAEF,MAAM,aAAa,GAAG,CAAC,EAAE,IAAI,GAAG,EAAE,EAAsB,EAAE,EAAE;IAC1D,MAAM,EAAE,KAAK,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAEvC,OAAO,CACL,KAAC,SAAS,IACR,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,EACZ,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,EACpC,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,YAE7B,mBAAU,MAAM,EAAC,gBAAgB,GAAY,GACnC,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/esm/components/icons/index.js

@@ -1,2 +1,3 @@
 export * from "./close.js";
+export * from "./checkMark.js";
 //# sourceMappingURL=index.js.map

package/dist/esm/components/icons/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/icons/index.tsx"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/icons/index.tsx"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC"}

package/dist/esm/components/index.js

@@ -1,4 +1,7 @@
 export * from "./modals/index.js";
 export * from "./icons/index.js";
 export * from "./buttons/index.js";
+export * from "./loading/index.js";
+export * from "./text/index.js";
+export * from "./lists/index.js";
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC"}

package/dist/esm/components/lists/empty.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Text } from "../text/index.js";
+export const ListEmpty = ({ content }) => {
+    return (_jsx("div", { className: "mm-empty-list__container", children: _jsx(Text, { size: "lg", children: content }) }));
+};
+//# sourceMappingURL=empty.js.map

package/dist/esm/components/lists/empty.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty.js","sourceRoot":"","sources":["../../../../src/components/lists/empty.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAExC,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAE,OAAO,EAAuB,EAAE,EAAE;IAC5D,OAAO,CACL,cAAK,SAAS,EAAC,0BAA0B,YACvC,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,YAAG,OAAO,GAAQ,GAC9B,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/lists/index.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMintMoneyConfig } from "../../context.js";
+import { StyledButton } from "../buttons/index.js";
+import { Loader } from "../loading/index.js";
+import { Text } from "../text/index.js";
+import { ListEmpty } from "./empty.js";
+const SelectableList = ({ title, items, getKey, getLabel, onSelect, loading = false, noItemsMsg = "No options available", }) => {
+    const config = useMintMoneyConfig();
+    if (loading) {
+        return _jsx(Loader, { asChild: true });
+    }
+    return (_jsxs(_Fragment, { children: [title && (_jsx(Text, { size: "base", color: config.theme.font.color.secondary, weight: "semibold", children: title })), _jsx("div", { className: "mm-selectable-list__button-group", children: items.length > 0 ? (items.map((item) => (_jsx(StyledButton, { onClick: () => onSelect(item), variant: "primary", children: getLabel(item) }, getKey(item))))) : (_jsx(ListEmpty, { content: noItemsMsg })) })] }));
+};
+export { SelectableList };
+//# sourceMappingURL=index.js.map

package/dist/esm/components/lists/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/lists/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAYvC,MAAM,cAAc,GAAG,CAAK,EAC1B,KAAK,EACL,KAAK,EACL,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,OAAO,GAAG,KAAK,EACf,UAAU,GAAG,sBAAsB,GACZ,EAAE,EAAE;IAC3B,MAAM,MAAM,GAAG,kBAAkB,EAAE,CAAC;IAEpC,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,KAAC,MAAM,IAAC,OAAO,EAAE,IAAI,GAAI,CAAC;IACnC,CAAC;IAED,OAAO,CACL,8BACG,KAAK,IAAI,CACR,KAAC,IAAI,IACH,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,EACxC,MAAM,EAAE,UAAU,YAEjB,KAAK,GACD,CACR,EACD,cAAK,SAAS,EAAC,kCAAkC,YAC9C,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAClB,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAClB,KAAC,YAAY,IAEX,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,EAC7B,OAAO,EAAE,SAAS,YAEjB,QAAQ,CAAC,IAAI,CAAC,IAJV,MAAM,CAAC,IAAI,CAAC,CAKJ,CAChB,CAAC,CACH,CAAC,CAAC,CAAC,CACF,KAAC,SAAS,IAAC,OAAO,EAAE,UAAU,GAAI,CACnC,GACG,IACL,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/dist/esm/components/lists/lists.stories.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "../../css/styles.css";
+import { ThemeProvider } from "styled-components";
+import { defaultTheme } from "../../themes/index.jsx";
+import { SelectableList } from "../index.js";
+export const SelectableListStory = ({ title, loading, items }) => (_jsx(ThemeProvider, { theme: defaultTheme, children: _jsx(SelectableList, { title: title, items: items, getKey: (item) => item.id, getLabel: (item) => item.label, onSelect: (item) => alert(`Selected: ${item.label}`), loading: loading }) }));
+SelectableListStory.storyName = "Selectable List";
+SelectableListStory.args = {
+    title: "Choose an Option",
+    loading: false,
+    items: [
+        { id: "option1", label: "Option 1" },
+        { id: "option2", label: "Option 2" },
+        { id: "option3", label: "Option 3" },
+    ],
+};
+SelectableListStory.argTypes = {
+    title: {
+        control: { type: "text" },
+        description: "Title of the selectable list",
+    },
+};
+export const EmptySelectableListStory = ({ title, loading, items }) => (_jsx(ThemeProvider, { theme: defaultTheme, children: _jsx(SelectableList, { title: title, items: items, getKey: (item) => item.id, getLabel: (item) => item.label, onSelect: (item) => alert(`Selected: ${item.label}`), loading: loading }) }));
+EmptySelectableListStory.storyName = "Selectable List (Empty State)";
+EmptySelectableListStory.argTypes = {
+    title: {
+        control: { type: "text" },
+        description: "Title of the selectable list when empty",
+    },
+};
+export const LoadingSelectableListStory = ({ title, loading, items }) => (_jsx(ThemeProvider, { theme: defaultTheme, children: _jsx(SelectableList, { title: title, items: items, getKey: (item) => item.id, getLabel: (item) => item.label, onSelect: (item) => alert(`Selected: ${item.label}`), loading: loading }) }));
+LoadingSelectableListStory.storyName = "Selectable List (Loading State)";
+LoadingSelectableListStory.args = {
+    title: "Selectable List",
+    loading: true,
+    items: [
+        { id: "option1", label: "Option 1" },
+        { id: "option2", label: "Option 2" },
+        { id: "option3", label: "Option 3" },
+    ],
+};
+//# sourceMappingURL=lists.stories.js.map

package/dist/esm/components/lists/lists.stories.js.map

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

package/dist/esm/components/loading/index.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMintMoneyConfig } from "../../context.js";
+const LoadingSvg = ({ color, width, height, }) => {
+    return (_jsxs("svg", { width: width, height: height, viewBox: "0 0 280 280", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("path", { d: "M54.2176 109.195C58.1631 100.647 66.7189 95.1726 76.1339 95.1726H85.4871C90.2278 95.1726 93.555 99.8452 92.0042 104.325L80.4361 137.744C79.9302 139.206 79.9302 140.795 80.4361 142.256L92.0042 175.675C93.555 180.155 90.2278 184.828 85.4871 184.828H76.1339C66.7189 184.828 58.1631 179.354 54.2176 170.805L41.3339 142.89C40.4875 141.056 40.4875 138.944 41.3339 137.11L54.2176 109.195Z", fill: color, className: "loading-segment segment-4" }), _jsx("path", { d: "M225.782 170.805C221.837 179.353 213.281 184.828 203.866 184.828L194.513 184.828C189.772 184.828 186.445 180.155 187.996 175.675L199.564 142.256C200.07 140.795 200.07 139.206 199.564 137.744L187.996 104.325C186.445 99.8451 189.772 95.1725 194.513 95.1725L203.866 95.1725C213.281 95.1725 221.837 100.647 225.782 109.195L238.666 137.11C239.512 138.944 239.512 141.056 238.666 142.89L225.782 170.805Z", fill: color, className: "loading-segment segment-2" }), _jsx("path", { d: "M109.195 225.782C100.647 221.837 95.1724 213.281 95.1724 203.866L95.1724 194.513C95.1724 189.772 99.845 186.445 104.325 187.996L137.744 199.564C139.205 200.07 140.794 200.07 142.256 199.564L175.675 187.996C180.155 186.445 184.828 189.772 184.828 194.513L184.828 203.866C184.828 213.281 179.353 221.837 170.805 225.782L142.89 238.666C141.056 239.512 138.944 239.512 137.11 238.666L109.195 225.782Z", fill: color, className: "loading-segment segment-3" }), _jsx("path", { d: "M170.805 54.2176C179.353 58.1631 184.828 66.7189 184.828 76.1339L184.828 85.4871C184.828 90.2278 180.155 93.555 175.675 92.0042L142.256 80.4361C140.795 79.9302 139.206 79.9302 137.744 80.4361L104.325 92.0042C99.8451 93.555 95.1725 90.2278 95.1725 85.4871L95.1725 76.1339C95.1725 66.7188 100.647 58.1631 109.195 54.2176L137.11 41.3339C138.944 40.4875 141.056 40.4875 142.89 41.3339L170.805 54.2176Z", fill: color, className: "loading-segment segment-1" })] }));
+};
+const Loader = ({ width = 64, height = 64, asChild = false, }) => {
+    const config = useMintMoneyConfig();
+    return asChild ? (_jsx(LoadingSvg, { color: config.theme.icon.loader.color, width: width, height: height })) : (_jsx("div", { className: "loading-container", children: _jsx(LoadingSvg, { color: config.theme.icon.loader.color, width: width, height: height }) }));
+};
+export { Loader };
+//# sourceMappingURL=index.js.map

package/dist/esm/components/loading/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/loading/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAQtD,MAAM,UAAU,GAAG,CAAC,EAClB,KAAK,EACL,KAAK,EACL,MAAM,GAKP,EAAE,EAAE;IACH,OAAO,CACL,eACE,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,OAAO,EAAC,aAAa,EACrB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,aAElC,eACE,CAAC,EAAC,+XAA+X,EACjY,IAAI,EAAE,KAAK,EACX,SAAS,EAAC,2BAA2B,GACrC,EACF,eACE,CAAC,EAAC,+YAA+Y,EACjZ,IAAI,EAAE,KAAK,EACX,SAAS,EAAC,2BAA2B,GACrC,EACF,eACE,CAAC,EAAC,8YAA8Y,EAChZ,IAAI,EAAE,KAAK,EACX,SAAS,EAAC,2BAA2B,GACrC,EACF,eACE,CAAC,EAAC,+YAA+Y,EACjZ,IAAI,EAAE,KAAK,EACX,SAAS,EAAC,2BAA2B,GACrC,IACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAA0B,CAAC,EACrC,KAAK,GAAG,EAAE,EACV,MAAM,GAAG,EAAE,EACX,OAAO,GAAG,KAAK,GAChB,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,kBAAkB,EAAE,CAAC;IACpC,OAAO,OAAO,CAAC,CAAC,CAAC,CACf,KAAC,UAAU,IACT,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,EACrC,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,GACd,CACH,CAAC,CAAC,CAAC,CACF,cAAK,SAAS,EAAC,mBAAmB,YAChC,KAAC,UAAU,IACT,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,EACrC,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,GACd,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/esm/components/loading/loading.stories.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Loader } from "./index.js";
+import "../../css/styles.css";
+import { ThemeProvider } from "styled-components";
+import { defaultTheme } from "../../themes/index.jsx";
+export const Comp = () => (_jsx(ThemeProvider, { theme: defaultTheme, children: _jsx(Loader, {}) }));
+Comp.storyName = "Loader";
+//# sourceMappingURL=loading.stories.js.map

package/dist/esm/components/loading/loading.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loading.stories.js","sourceRoot":"","sources":["../../../../src/components/loading/loading.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACpC,OAAO,sBAAsB,CAAA;AAC7B,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAGtD,MAAM,CAAC,MAAM,IAAI,GAAc,GAAG,EAAE,CAAC,CACnC,KAAC,aAAa,IAAC,KAAK,EAAE,YAAY,YAAE,KAAC,MAAM,KAAG,GAAgB,CAC/D,CAAC;AAEF,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAA"}

package/dist/esm/components/modals/modal-with-views.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal-with-views.js","sourceRoot":"","sources":["../../../../src/components/modals/modal-with-views.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAEnC,OAAO,EACL,qBAAqB,EACrB,gBAAgB,GACjB,MAAM,2BAA2B,CAAC;AAuBnC,SAAS,kBAAkB,CAAC,EAC1B,MAAM,EACN,SAAS,EACT,YAAY,EACZ,KAAK,EACL,WAAW,GACQ;IACnB,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAChE,MAAM,iBAAiB,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC;IAE7C,IAAI,CAAC,iBAAiB,EAAE,CAAC;QACvB,MAAM,IAAI,KAAK,CAAC,oBAAoB,CAAC,CAAC;IACxC,CAAC;IAED,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,WAAW,CAAC,QAAQ,CAAC,SAAS,CAAC,IAAI,WAAW,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC;YACrE,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE;gBAC5B,YAAY,EAAE,CAAC,KAAK,CAAC,CAAC;gBACtB,QAAQ,CAAC,WAAW,CAAC,CAAC;YACxB,CAAC,EAAE,IAAI,CAAC,CAAC;YACT,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;QACnC,CAAC;QACD,OAAO,SAAS,CAAC;IACnB,CAAC,EAAE,CAAC,WAAW,EAAE,YAAY,EAAE,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC;IAEvD,OAAO,CACL,KAAC,KAAK,IACJ,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,iBAAiB,CAAC,KAAK,EAC9B,IAAI,EAAE,MAAM,EACZ,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE;YACrB,YAAY,EAAE,CAAC,IAAI,CAAC,CAAC;YACrB,QAAQ,CAAC,WAAW,CAAC,CAAC;QACxB,CAAC,YAED,8BAEG,iBAAiB,CAAC,MAAM,IAAI,CAC3B,cAAK,SAAS,EAAC,iBAAiB,YAC7B,iBAAiB,CAAC,MAAM,CAAC,SAAS,CAAC,GAChC,CACP,EAGD,cAAK,SAAS,EAAC,eAAe,YAC3B,iBAAiB,CAAC,OAAO,CAAC,SAAS,CAAC,GACjC,EAGL,iBAAiB,CAAC,MAAM,IAAI,CAC3B,cAAK,SAAS,EAAC,iBAAiB,YAC7B,iBAAiB,CAAC,MAAM,CAAC,SAAS,CAAC,GAChC,CACP,IACA,GACG,CACT,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,KAAyB;IACrD,OAAO,CACL,KAAC,qBAAqB,IAAC,WAAW,EAAE,KAAK,CAAC,WAAW,YACnD,KAAC,kBAAkB,OAAK,KAAK,GAAI,GACX,CACzB,CAAC;AACJ,CAAC"}
+{"version":3,"file":"modal-with-views.js","sourceRoot":"","sources":["../../../../src/components/modals/modal-with-views.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAEnC,OAAO,EACL,qBAAqB,EACrB,gBAAgB,GACjB,MAAM,2BAA2B,CAAC;AAwBnC,SAAS,kBAAkB,CAAC,EAC1B,MAAM,EACN,SAAS,EACT,YAAY,EACZ,KAAK,EACL,WAAW,GACQ;IACnB,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAChE,MAAM,iBAAiB,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC;IAE7C,IAAI,CAAC,iBAAiB,EAAE,CAAC;QACvB,MAAM,IAAI,KAAK,CAAC,oBAAoB,CAAC,CAAC;IACxC,CAAC;IAED,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,WAAW,CAAC,QAAQ,CAAC,SAAS,CAAC,IAAI,WAAW,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC;YACrE,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE;gBAC5B,YAAY,EAAE,CAAC,KAAK,CAAC,CAAC;gBACtB,QAAQ,CAAC,WAAW,CAAC,CAAC;YACxB,CAAC,EAAE,IAAI,CAAC,CAAC;YACT,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;QACnC,CAAC;QACD,OAAO,SAAS,CAAC;IACnB,CAAC,EAAE,CAAC,WAAW,EAAE,YAAY,EAAE,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC;IAEvD,OAAO,CACL,KAAC,KAAK,IACJ,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,iBAAiB,CAAC,KAAK,EAC9B,IAAI,EAAE,MAAM,EACZ,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE;YACrB,YAAY,EAAE,CAAC,IAAI,CAAC,CAAC;YACrB,QAAQ,CAAC,WAAW,CAAC,CAAC;QACxB,CAAC,YAED,8BAEG,iBAAiB,CAAC,MAAM,IAAI,CAC3B,cAAK,SAAS,EAAC,iBAAiB,YAC7B,iBAAiB,CAAC,MAAM,CAAC,SAAS,CAAC,GAChC,CACP,EAGD,cAAK,SAAS,EAAC,eAAe,YAC3B,iBAAiB,CAAC,OAAO,CAAC,SAAS,CAAC,GACjC,EAGL,iBAAiB,CAAC,MAAM,IAAI,CAC3B,cAAK,SAAS,EAAC,iBAAiB,YAC7B,iBAAiB,CAAC,MAAM,CAAC,SAAS,CAAC,GAChC,CACP,IACA,GACG,CACT,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,KAAyB;IACrD,OAAO,CACL,KAAC,qBAAqB,IAAC,WAAW,EAAE,KAAK,CAAC,WAAW,YACnD,KAAC,kBAAkB,OAAK,KAAK,GAAI,GACX,CACzB,CAAC;AACJ,CAAC"}

package/dist/esm/components/modals/modal.js

@@ -2,13 +2,16 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 import * as Dialog from "@radix-ui/react-dialog";
 import { VisuallyHidden } from "@radix-ui/react-visually-hidden";
 import { CloseIcon } from "../icons/close.js";
+import { Text } from "../text/index.js";
+import { useMintMoneyConfig } from "../../context.js";
 export const Modal = ({ className, open, onOpenChange, navBarComponent, disableCloseOnInteractOutside, title, children, }) => {
+    const config = useMintMoneyConfig();
     return (_jsx(Dialog.Root, { open: open, onOpenChange: (open) => {
             onOpenChange?.(open);
         }, children: _jsxs(Dialog.Portal, { children: [_jsx(Dialog.Overlay, { className: "mm-modal-overlay" }), _jsxs(Dialog.Content, { className: `mm-modal-container ${className || ""}`, onInteractOutside: (e) => {
                         if (disableCloseOnInteractOutside) {
                             e.preventDefault();
                         }
-                    }, children: [_jsx(VisuallyHidden, { children: _jsx(Dialog.Title, { children: title }) }), _jsxs("div", { className: "mm-modal-content", children: [_jsx("div", { className: `mm-modal-nav`, children: navBarComponent || (_jsxs(_Fragment, { children: [title, _jsx(Dialog.Close, { asChild: true, children: _jsx("button", { children: _jsx(CloseIcon, {}) }) })] })) }), children] })] })] }) }));
+                    }, children: [_jsx(VisuallyHidden, { children: _jsx(Dialog.Title, { children: title }) }), _jsxs("div", { className: "mm-modal-content", children: [_jsx("div", { className: `mm-modal-nav`, children: navBarComponent || (_jsxs(_Fragment, { children: [_jsx(Text, { size: "xl", weight: "semibold", color: config.theme.font.color.primary, children: title }), _jsx(Dialog.Close, { asChild: true, children: _jsx("button", { children: _jsx(CloseIcon, {}) }) })] })) }), children] })] })] }) }));
 };
 //# sourceMappingURL=modal.js.map

package/dist/esm/components/modals/modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal.js","sourceRoot":"","sources":["../../../../src/components/modals/modal.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAY9C,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,EACpB,SAAS,EACT,IAAI,EACJ,YAAY,EACZ,eAAe,EACf,6BAA6B,EAC7B,KAAK,EACL,QAAQ,GACG,EAAE,EAAE;IACf,OAAO,CACL,KAAC,MAAM,CAAC,IAAI,IACV,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE;YACrB,YAAY,EAAE,CAAC,IAAI,CAAC,CAAC;QACvB,CAAC,YAED,MAAC,MAAM,CAAC,MAAM,eACZ,KAAC,MAAM,CAAC,OAAO,IAAC,SAAS,EAAC,kBAAkB,GAAG,EAC/C,MAAC,MAAM,CAAC,OAAO,IACb,SAAS,EAAE,sBAAsB,SAAS,IAAI,EAAE,EAAE,EAClD,iBAAiB,EAAE,CAAC,CAAC,EAAE,EAAE;wBACvB,IAAI,6BAA6B,EAAE,CAAC;4BAClC,CAAC,CAAC,cAAc,EAAE,CAAC;wBACrB,CAAC;oBACH,CAAC,aAED,KAAC,cAAc,cACb,KAAC,MAAM,CAAC,KAAK,cAAE,KAAK,GAAgB,GACrB,EACjB,eAAK,SAAS,EAAC,kBAAkB,aAC/B,cAAK,SAAS,EAAE,cAAc,YAC3B,eAAe,IAAI,CAClB,8BACG,KAAK,EACN,KAAC,MAAM,CAAC,KAAK,IAAC,OAAO,kBACnB,2BACE,KAAC,SAAS,KAAG,GACN,GACI,IACd,CACJ,GACG,EACL,QAAQ,IACL,IACS,IACH,GACJ,CACf,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"modal.js","sourceRoot":"","sources":["../../../../src/components/modals/modal.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAYtD,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,EACpB,SAAS,EACT,IAAI,EACJ,YAAY,EACZ,eAAe,EACf,6BAA6B,EAC7B,KAAK,EACL,QAAQ,GACG,EAAE,EAAE;IACf,MAAM,MAAM,GAAG,kBAAkB,EAAE,CAAA;IACnC,OAAO,CACL,KAAC,MAAM,CAAC,IAAI,IACV,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE;YACrB,YAAY,EAAE,CAAC,IAAI,CAAC,CAAC;QACvB,CAAC,YAED,MAAC,MAAM,CAAC,MAAM,eACZ,KAAC,MAAM,CAAC,OAAO,IAAC,SAAS,EAAC,kBAAkB,GAAG,EAC/C,MAAC,MAAM,CAAC,OAAO,IACb,SAAS,EAAE,sBAAsB,SAAS,IAAI,EAAE,EAAE,EAClD,iBAAiB,EAAE,CAAC,CAAC,EAAE,EAAE;wBACvB,IAAI,6BAA6B,EAAE,CAAC;4BAClC,CAAC,CAAC,cAAc,EAAE,CAAC;wBACrB,CAAC;oBACH,CAAC,aAED,KAAC,cAAc,cACb,KAAC,MAAM,CAAC,KAAK,cAAE,KAAK,GAAgB,GACrB,EACjB,eAAK,SAAS,EAAC,kBAAkB,aAC/B,cAAK,SAAS,EAAE,cAAc,YAC3B,eAAe,IAAI,CAClB,8BACE,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,YAAG,KAAK,GAAQ,EAC5F,KAAC,MAAM,CAAC,KAAK,IAAC,OAAO,kBACnB,2BACE,KAAC,SAAS,KAAG,GACN,GACI,IACd,CACJ,GACG,EACL,QAAQ,IACL,IACS,IACH,GACJ,CACf,CAAC;AACJ,CAAC,CAAC"}