@loafmarkets/ui 0.1.106 → 0.1.108

package/dist/index.js

@@ -9891,72 +9891,68 @@ var Separator = styled25__default.default.span`
 `;
 var IPODropdown = styled25__default.default.div`
   position: absolute;
-  top: calc(100% + 12px);
+  top: calc(100% + 6px);
   left: 0;
-  right: 0;
-  background: #0a0a0a;
-  border-radius: 16px;
-  box-shadow: 0 20px 40px rgba(0,0,0,0.8), 0 4px 12px rgba(0,0,0,0.5), inset 0 1px 0 rgba(255,255,255,0.1);
+  width: 320px;
+  background: #0d0d0f;
+  border-radius: 10px;
+  box-shadow: 0 12px 32px rgba(0,0,0,0.7), 0 0 0 1px rgba(255,255,255,0.06);
   z-index: 1000;
-  max-height: 360px;
+  max-height: 320px;
   overflow-y: auto;
-  border: 1px solid rgba(255,255,255,0.08);
+  padding: 4px;
+
+  scrollbar-width: thin;
+  scrollbar-color: rgba(255,255,255,0.12) transparent;
+  &::-webkit-scrollbar { width: 4px; }
+  &::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.12); border-radius: 2px; }
 
   @media (max-width: 480px) {
-    max-height: 280px;
-    border-radius: 12px;
+    width: 280px;
+    max-height: 260px;
+    border-radius: 8px;
   }
-  animation: slideDown 0.3s cubic-bezier(0.4,0,0.2,1);
+  animation: slideDown 0.2s cubic-bezier(0.16,1,0.3,1);
   @keyframes slideDown {
-    from { opacity: 0; transform: translateY(-10px); }
+    from { opacity: 0; transform: translateY(-6px); }
     to { opacity: 1; transform: translateY(0); }
   }
 `;
 var IPOOption = styled25__default.default.div`
-  padding: 1.25rem 1.5rem;
-  transition: all 0.2s ease;
-  border-bottom: 1px solid rgba(255,255,255,0.03);
+  padding: 0.6rem 0.75rem;
+  transition: background 0.15s ease;
+  border-radius: 7px;
   position: relative;
-  &:last-child { border-bottom: none; }
-  &:before {
-    content: '';
-    position: absolute;
-    left: 0;
-    top: 0;
-    bottom: 0;
-    width: 3px;
-    background: ${(p) => p.$selected ? "var(--color-accent)" : "transparent"};
-    transition: all 0.2s ease;
-  }
-  &:hover { background: linear-gradient(90deg, rgba(255,255,255,0.06) 0%, transparent 100%); }
-  ${(p) => p.$selected && `background: linear-gradient(90deg, rgba(56,97,251,0.15) 0%, transparent 100%);`}
+  &:hover { background: rgba(255,255,255,0.06); }
+  ${(p) => p.$selected && `background: rgba(255,255,255,0.04);`}
 `;
 var IPOOptionInner = styled25__default.default.div`
   display: flex;
   align-items: center;
-  gap: 1rem;
+  gap: 0.65rem;
 `;
 var IPOOptionThumb = styled25__default.default.img`
-  width: 36px;
-  height: 36px;
-  border-radius: 6px;
+  width: 28px;
+  height: 28px;
+  border-radius: 5px;
   object-fit: cover;
   flex-shrink: 0;
-  border: 1px solid rgba(255, 255, 255, 0.08);
 `;
 var IPOOptionName = styled25__default.default.div`
-  font-weight: 600;
-  font-size: 1rem;
-  color: #ffffff;
-  margin-bottom: 0.35rem;
+  font-weight: 500;
+  font-size: 0.82rem;
+  color: ${(p) => "#ebebeb"};
+  line-height: 1.3;
 `;
 var IPOOptionLocation = styled25__default.default.div`
-  font-size: 0.875rem;
-  color: rgba(255,255,255,0.5);
+  font-size: 0.72rem;
+  color: rgba(255,255,255,0.38);
+  margin-top: 1px;
   span {
-    margin-left: 0.5rem;
-    color: var(--color-accent);
-    font-size: 0.75rem;
+    margin-left: 0.4rem;
+    color: var(--color-accent, #E6C87E);
+    font-size: 0.68rem;
+    font-weight: 500;
   }
 `;
 var formatCurrency3 = (amount) => {
@@ -12564,9 +12560,12 @@ var CloseBtn2 = styled25__default.default.button`
   font-size: 0.62rem;
   font-weight: 600;
   color: #E6C87E;
-  cursor: pointer;
+  cursor: pointer !important;
   white-space: nowrap;
   transition: all 0.15s ease;
+  position: relative;
+  z-index: 2;
+  pointer-events: auto;
 
   &:hover {
     background: rgba(230, 200, 126, 0.1);