@loafmarkets/ui 0.1.338 → 0.1.340

package/dist/index.mjs

@@ -11361,7 +11361,7 @@ function AssetSelectorBar({
         ] })
       ] })
     ] }, m.label)) }),
-    trailing,
+    trailing != null && /* @__PURE__ */ jsx(TrailingWrapper, { children: /* @__PURE__ */ jsx(TrailingInner, { children: trailing }) }),
     isDropdownOpen && hasItems && /* @__PURE__ */ jsx(IPODropdown, { children: selectorItems.map((item) => {
       const isCurrent = item.tokenName === currentTokenName;
       const status = item.status?.toUpperCase();
@@ -11445,6 +11445,9 @@ var AssetSelectorDropdown = styled9.div`
   padding: 0.5rem 0.75rem;
   border-radius: 8px;
   transition: all 0.2s ease;
+  flex: 1 1 auto;
+  min-width: 0;
+  overflow: hidden;
   &:hover { background-color: rgba(255,255,255,0.05); }
 `;
 var AssetName = styled9.div`
@@ -11454,7 +11457,8 @@ var AssetName = styled9.div`
   font-size: 1.15rem;
   color: var(--color-text);
   letter-spacing: -0.02em;
-  svg { margin-left: 0.75rem; transition: transform 0.3s cubic-bezier(0.4,0,0.2,1); opacity: 0.7; }
+  min-width: 0;
+  svg { flex-shrink: 0; margin-left: 0.75rem; transition: transform 0.3s cubic-bezier(0.4,0,0.2,1); opacity: 0.7; }
   &:hover svg { opacity: 1; }
 
   @media (min-width: 769px) and (max-width: 1200px) {
@@ -11463,6 +11467,9 @@ var AssetName = styled9.div`
 
   @media (max-width: 768px) {
     font-size: 1rem;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
   }
 
   @media (max-width: 480px) {
@@ -11482,17 +11489,35 @@ var SelectorMetrics = styled9.div`
   border: 1px solid rgba(255,255,255,0.05);
 
   @media (max-width: 768px) {
-    gap: 0.6rem;
-    padding: 0.4rem 0.75rem;
+    width: 100%;
+    margin-left: 0;
     margin-right: 0;
+    justify-content: flex-start;
+    gap: 0.75rem;
+    padding: 0.4rem 0.5rem;
   }
+`;
+var TrailingWrapper = styled9.div`
+  display: flex;
+  align-items: center;
 
-  @media (max-width: 480px) {
+  @media (max-width: 768px) {
     width: 100%;
-    justify-content: center;
-    margin-left: 0;
-    padding: 0.35rem 0.5rem;
-    gap: 0.5rem;
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
+    scrollbar-width: none;
+    &::-webkit-scrollbar { display: none; }
+  }
+`;
+var TrailingInner = styled9.div`
+  display: flex;
+  align-items: center;
+
+  @media (max-width: 768px) {
+    display: inline-flex;
+    align-items: center;
+    min-width: max-content;
+    gap: 0.75rem;
   }
 `;
 var MetricLabel = styled9.span`