diff --git a/CLAUDE.md b/CLAUDE.md
new file mode 100644
index 0000000..c04fc98
--- /dev/null
+++ b/CLAUDE.md
@@ -0,0 +1,79 @@
+# DashUIKit context
+
+SwiftUI design-system library for Dash Core Group apps. Pure UI components, design
+tokens (colors / typography), and small layout utilities. No business logic, no
+networking — every component is dumb and driven entirely by the values and closures
+the host passes in.
+
+- Swift tools: **6.3**
+- Single library target **`DashUIKit`** (`import DashUIKit`)
+- Assets live in `Sources/DashUIKit/Resources/Media.xcassets` and are reached via
+  `Bundle.module` / `Bundle.dashUIKit`.
+
+## ⚠️ Hard constraint: must support iOS 14
+
+**This library must remain available on iOS 14.** The package deployment target is
+`iOS(.v14)` (see `Package.swift`) and this is non-negotiable — every public component
+must be usable from an iOS 14 host.
+
+When writing or changing code:
+
+- Annotate public API with `@available(iOS 14, macOS 11, *)` (or `macOS 10.15` for
+  Foundation-level token types). **Do not** make a component's *minimum* availability
+  higher than iOS 14.
+- If you need a SwiftUI API introduced after iOS 14 (e.g. `@FocusState` 15,
+  `presentationDetents` 16, `#Preview` macro 17), **gate it with `if #available(...)`
+  and provide an iOS 14 fallback path** — never raise the whole component's floor.
+  See `SearchBar` (15+ focus path + 14 legacy path), `BottomSheet` / `selfSizingSheet`
+  (16+ detents, no-op below), and `AddressFieldView` (17 axis field + older fallback).
+- It is fine for `#Preview`-only code to require iOS 17 — previews are `#if DEBUG` and
+  never ship — but the component itself must still build and run on iOS 14.
+
+## Where things are
+
+```text
+Sources/DashUIKit/
+  Button/            DashButton (+ DashButtonSize / DashButtonStyle)
+  Components/        Most components (one type per file)
+    EnterAmount/     Amount-entry suite (EnterAmountView, SwapAmountView, …)
+    Geometry/        Layout readers + scale-to-fit helpers
+    Icons/           Code-drawn icons (XmarkIcon)
+    Illustrations/   Loading / success / error illustrations
+  Table List/        List1View (label/value row)
+  ViewModifiers/     MenuViewModifier (card chrome)
+  Foundation/        Color / Font / DashTextStyle / Image / line-height / Bundle
+  Resources/         Media.xcassets (colors, icons, illustrations)
+```
+
+## Conventions (match these when adding code)
+
+- **One public type per file**, named after the file. Heavy `#Preview` / `PreviewProvider`
+  coverage under `#if DEBUG` is expected — add previews for every state.
+- **Theming is asset-driven.** Never hardcode a `Color(...)`/hex. Use `Color.dash.<token>`
+  (see `Foundation/Color+DashUI.swift`) — each maps to a named color set in the asset
+  catalog with light/dark variants. Add a new token there, not inline.
+- **Typography:** use `.dashFont(.subhead)` (sets font **and** design line height together)
+  or `Font.dash.subhead` when you only need the font. Tokens defined in `DashTextStyle.swift`.
+- **Icons:** pass a `DashIconSource` (`.system` / `.custom(name, bundle:)` / `.uiImage`) and
+  render with `Image(dash: source)`. Custom assets resolve from `.dashUIKit`/`.module`.
+- **Availability:** annotate public API with `@available(iOS 14, macOS 11, *)` (or higher only
+  when a newer SwiftUI feature requires it, with an iOS 14 fallback path — see `SearchBar`,
+  `BottomSheet`).
+- **UIKit-only files** are wrapped in `#if canImport(UIKit)` (e.g. `SearchBar`, `Toast`,
+  `AddressFieldView`, `DashSwitch`).
+- **Localization:** user-facing strings use `NSLocalizedString(_, bundle: .module, comment:)`.
+- Components are **stateless/value-driven** — state (`@Binding`) and callbacks live with the
+  host. Don't add view models or persistence here.
+
+## Build / preview
+
+- This is a plain SwiftPM library — `swift build` compiles it; there is no app target.
+- Develop visually with Xcode SwiftUI **#Previews** (open a file, use the canvas). Previews
+  require iOS 17 for the `#Preview` macro; older `PreviewProvider` previews work back further.
+
+## Component catalog
+
+Full per-component reference (API, props, behavior, usage) lives in **`docs/`**. Start at
+[`docs/README.md`](docs/README.md) — it indexes every component so you can check whether a
+given UI element already exists before building a new one. The public surface is also
+summarized in [`README.md`](README.md).
diff --git a/Package.swift b/Package.swift
index 8f7c656..64df805 100644
--- a/Package.swift
+++ b/Package.swift
@@ -17,5 +17,9 @@ let package = Package(
                 .process("Resources/Media.xcassets"),
             ]
         ),
+        .testTarget(
+            name: "DashUIKitTests",
+            dependencies: ["DashUIKit"]
+        ),
     ]
 )
diff --git a/Sources/DashUIKit/Components/CoinSelector.swift b/Sources/DashUIKit/Components/CoinSelector.swift
new file mode 100644
index 0000000..7ce6ec4
--- /dev/null
+++ b/Sources/DashUIKit/Components/CoinSelector.swift
@@ -0,0 +1,155 @@
+//
+//  Created by Dash Core Group. All rights reserved.
+//
+//  Licensed under the MIT License (the "License");
+//  you may not use this file except in compliance with the License.
+//  You may obtain a copy of the License at
+//
+//  https://opensource.org/licenses/MIT
+//
+//  Unless required by applicable law or agreed to in writing, software
+//  distributed under the License is distributed on an "AS IS" BASIS,
+//  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+//  See the License for the specific language governing permissions and
+//  limitations under the License.
+//
+
+import SwiftUI
+
+@available(iOS 14, macOS 11, *)
+public enum CoinSelectorTrailing {
+    case price(String)
+    case halted
+}
+
+private enum CoinSelectorLayout {
+    static let spacing: CGFloat = 16
+    static let textSpacing: CGFloat = 1
+    static let padding: CGFloat = 10
+    static let badgeHPadding: CGFloat = 8
+    static let badgeVPadding: CGFloat = 2
+    static let badgeCornerRadius: CGFloat = 6
+}
+
+@available(iOS 14, macOS 11, *)
+public struct CoinSelector<Icon: View>: View {
+
+    private let name: String
+    private let code: String
+    private let network: String?
+    private let trailing: CoinSelectorTrailing?
+    private let icon: Icon
+
+    public init(
+        name: String,
+        code: String,
+        network: String? = nil,
+        trailing: CoinSelectorTrailing? = nil,
+        @ViewBuilder icon: () -> Icon
+    ) {
+        self.name = name
+        self.code = code
+        self.network = network
+        self.trailing = trailing
+        self.icon = icon()
+    }
+
+    private var isHalted: Bool {
+        if case .halted = trailing { return true }
+        return false
+    }
+
+    public var body: some View {
+        HStack(spacing: CoinSelectorLayout.spacing) {
+            icon
+            info
+            trailingView
+        }
+        .padding(CoinSelectorLayout.padding)
+        .opacity(isHalted ? 0.5 : 1.0)
+        .contentShape(Rectangle())
+    }
+
+    private var info: some View {
+        VStack(alignment: .leading, spacing: CoinSelectorLayout.textSpacing) {
+            Text(name)
+                .dashFont(.subheadMedium)
+                .foregroundColor(Color.dash.primaryText)
+                .lineLimit(1)
+                .truncationMode(.tail)
+            Text(code)
+                .dashFont(.footnote)
+                .foregroundColor(Color.dash.tertiaryText)
+                .lineLimit(1)
+        }
+        .frame(maxWidth: .infinity, alignment: .leading)
+    }
+
+    @ViewBuilder
+    private var trailingView: some View {
+        if case .halted = trailing {
+            haltedLabel
+        } else {
+            VStack(alignment: .trailing, spacing: 0) {
+                if case .price(let value) = trailing {
+                    Text(value)
+                        .dashFont(.caption1)
+                        .foregroundColor(Color.dash.primaryText)
+                        .lineLimit(1)
+                }
+                if let network {
+                    Text(network)
+                        .dashFont(.caption1)
+                        .foregroundColor(Color.dash.tertiaryText)
+                        .lineLimit(1)
+                        .fixedSize()
+                }
+            }
+        }
+    }
+
+    private var haltedLabel: some View {
+        Text(NSLocalizedString("halted", bundle: .module, comment: "DashUIKit"))
+            .dashFont(.caption1)
+            .foregroundColor(Color.dash.tertiaryText)
+            .padding(.horizontal, CoinSelectorLayout.badgeHPadding)
+            .padding(.vertical, CoinSelectorLayout.badgeVPadding)
+            .background(Color.dash.black1000Alpha8)
+            .clipShape(RoundedRectangle(cornerRadius: CoinSelectorLayout.badgeCornerRadius, style: .continuous))
+    }
+}
+
+#if DEBUG
+
+@available(iOS 14, macOS 11, *)
+struct CoinSelector_Previews: PreviewProvider {
+
+    static var iconPlaceholder: some View {
+        RoundedRectangle(cornerRadius: 6)
+            .fill(Color.dash.blue)
+            .frame(width: 30, height: 30)
+    }
+
+    static var previews: some View {
+        VStack(spacing: 0) {
+            CoinSelector(name: "Rune", code: "RUNE", network: "Maya", trailing: .price("$0.40")) {
+                iconPlaceholder
+            }
+            CoinSelector(name: "Ethereum", code: "ETH", network: "NEAR", trailing: .price("$3,200.00")) {
+                iconPlaceholder
+            }
+            CoinSelector(name: "USD Coin", code: "USDC", network: "Multiple", trailing: .price("$1.00")) {
+                iconPlaceholder
+            }
+            CoinSelector(name: "Tether", code: "USDT", trailing: .halted) {
+                iconPlaceholder
+            }
+            CoinSelector(name: "Bitcoin", code: "BTC") {
+                iconPlaceholder
+            }
+        }
+        .previewLayout(.sizeThatFits)
+    }
+}
+
+#endif
diff --git a/Sources/DashUIKit/Components/ConverterCard/ConverterArrowBadge.swift b/Sources/DashUIKit/Components/ConverterCard/ConverterArrowBadge.swift
new file mode 100644
index 0000000..31168fa
--- /dev/null
+++ b/Sources/DashUIKit/Components/ConverterCard/ConverterArrowBadge.swift
@@ -0,0 +1,63 @@
+//
+//  Created by Roman Chornyi
+//  Copyright © 2026 Dash Core Group. All rights reserved.
+//
+//  Licensed under the MIT License (the "License");
+//  you may not use this file except in compliance with the License.
+//  You may obtain a copy of the License at
+//
+//  https://opensource.org/licenses/MIT
+//
+//  Unless required by applicable law or agreed to in writing, software
+//  distributed under the License is distributed on an "AS IS" BASIS,
+//  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+//  See the License for the specific language governing permissions and
+//  limitations under the License.
+//
+
+import SwiftUI
+
+// MARK: - ConverterArrowBadge
+
+/// The arrow badge centered on the seam between the two `ConverterCard` rows.
+///
+/// - `onSwap == nil` → static `arrow-down` icon, non-interactive.
+/// - `onSwap != nil` → tappable `diagonal-up-down` button that rotates 180° on each tap and fires
+///   the swap action.
+@available(iOS 14, macOS 11, *)
+struct ConverterArrowBadge: View {
+    let onSwap: (() -> Void)?
+    @State private var rotation: Double = 0
+
+    var body: some View {
+        Group {
+            if let onSwap {
+                Button {
+                    withAnimation(.spring(response: 0.35, dampingFraction: 0.82)) { rotation += 180 }
+                    onSwap()
+                } label: {
+                    badge(iconName: "diagonal-up-down", iconRotation: rotation)
+                }
+                .buttonStyle(.plain)
+            } else {
+                badge(iconName: "arrow-down", iconRotation: 0)
+            }
+        }
+        .frame(height: 35)
+        .padding(.horizontal, 10)
+    }
+
+    private func badge(iconName: String, iconRotation: Double) -> some View {
+        RoundedRectangle(cornerRadius: 10, style: .continuous)
+            .fill(Color.dash.secondaryBackground)
+            .frame(width: 35, height: 35)
+            .overlay(
+                RoundedRectangle(cornerRadius: 10, style: .continuous)
+                    .stroke(Color.dash.primaryBackground, lineWidth: 5)
+            )
+            .overlay(
+                Image(dash: .custom(iconName, bundle: .dashUIKit))
+                    .rotationEffect(.degrees(iconRotation))
+            )
+    }
+}
diff --git a/Sources/DashUIKit/Components/ConverterCard/ConverterCard.swift b/Sources/DashUIKit/Components/ConverterCard/ConverterCard.swift
new file mode 100644
index 0000000..79bbd41
--- /dev/null
+++ b/Sources/DashUIKit/Components/ConverterCard/ConverterCard.swift
@@ -0,0 +1,229 @@
+//
+//  Created by Roman Chornyi
+//  Copyright © 2026 Dash Core Group. All rights reserved.
+//
+//  Licensed under the MIT License (the "License");
+//  you may not use this file except in compliance with the License.
+//  You may obtain a copy of the License at
+//
+//  https://opensource.org/licenses/MIT
+//
+//  Unless required by applicable law or agreed to in writing, software
+//  distributed under the License is distributed on an "AS IS" BASIS,
+//  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+//  See the License for the specific language governing permissions and
+//  limitations under the License.
+//
+
+import SwiftUI
+
+// MARK: - ConverterCard
+
+/// A two-row card (source → destination) with an arrow badge centered on the seam between the
+/// rows. Each row is a `MenuItem` wrapped in rounded card chrome.
+///
+/// Pass `onSwap` to show a tappable `diagonal-up-down` button; omit it (or pass `nil`) for a
+/// static `arrow-down` indicator when the card is non-swappable.
+@available(iOS 14, macOS 11, *)
+public struct ConverterCard: View {
+
+    private enum Layout {
+        static let cardSpacing: CGFloat = 5
+    }
+
+    private let fromItem: ConverterCardItem
+    private let toItem: ConverterCardItem
+    private let onSwap: (() -> Void)?
+
+    @State private var topRowHeight: CGFloat = 74
+
+    public init(
+        fromItem: ConverterCardItem,
+        toItem: ConverterCardItem,
+        onSwap: (() -> Void)? = nil
+    ) {
+        self.fromItem = fromItem
+        self.toItem = toItem
+        self.onSwap = onSwap
+    }
+
+    private var orderedItems: [ConverterCardItem] { [fromItem, toItem] }
+
+    public var body: some View {
+        VStack(spacing: Layout.cardSpacing) {
+            ForEach(Array(orderedItems.enumerated()), id: \.element.id) { index, item in
+                ConverterCardRow(slot: index == 0 ? .top : .bottom) {
+                    row(item: item)
+                }
+            }
+        }
+        .animation(.spring(response: 0.35, dampingFraction: 0.82), value: fromItem.id)
+        .overlay(
+            ConverterArrowBadge(onSwap: onSwap)
+                // Anchor the badge's CENTER to the overlay's .top point, so the offset below
+                // places the badge centre exactly on the seam — independent of the badge's height.
+                .alignmentGuide(VerticalAlignment.top) { $0[VerticalAlignment.center] }
+                .offset(y: seamY),
+            alignment: .top
+        )
+        .onPreferenceChange(ConverterRowHeightKey.self) { heights in
+            if let h = heights[.top], h > 0 { topRowHeight = h }
+        }
+    }
+
+    /// Centre of the gap between the two rows. Depends only on the top row height and the stack
+    /// spacing — never on the bottom row — so it stays correct when the rows differ in height.
+    private var seamY: CGFloat { topRowHeight + Layout.cardSpacing / 2 }
+
+    /// Row layout mirrors `MenuItem` (icon 30pt, 10pt padding) but stays flexible enough for a
+    /// custom icon/trailing view and a multi-line subtitle.
+    private func row(item: ConverterCardItem) -> some View {
+        HStack(spacing: 10) {
+            leading(item)
+
+            VStack(alignment: .leading, spacing: 1) {
+                Text(item.title)
+                    .dashFont(.subheadMedium)
+                    .foregroundColor(Color.dash.primaryText)
+
+                if let subtitle = item.subtitle {
+                    Text(subtitle)
+                        .dashFont(.footnote)
+                        .foregroundColor(Color.dash.secondaryText)
+                        .lineLimit(item.subtitleLineLimit)
+                        .fixedSize(horizontal: false, vertical: true)
+                        .frame(maxWidth: .infinity, alignment: .leading)
+                }
+            }
+            .padding(.leading, 6)
+
+            Spacer(minLength: 8)
+
+            trailing(item)
+        }
+        .padding(10)
+    }
+
+    @ViewBuilder
+    private func leading(_ item: ConverterCardItem) -> some View {
+        if let iconView = item.iconView {
+            iconView.frame(width: 30, height: 30)
+        } else if let icon = item.icon {
+            Image(dash: icon)
+                .resizable()
+                .scaledToFit()
+                .frame(width: 30, height: 30)
+        }
+    }
+
+    @ViewBuilder
+    private func trailing(_ item: ConverterCardItem) -> some View {
+        if let trailingView = item.trailingView {
+            trailingView
+        } else if item.showsBalance {
+            VStack(alignment: .trailing, spacing: 1) {
+                DashAmount(amount: item.dashBalance, sign: .none)
+                    .foregroundColor(Color.dash.primaryText)
+
+                if item.dashBalance != 0, let fiat = item.fiat {
+                    Text(fiat)
+                        .dashFont(.footnote)
+                        .foregroundColor(Color.dash.secondaryText)
+                }
+            }
+        }
+    }
+}
+
+#if DEBUG
+@available(iOS 14, macOS 11, *)
+struct ConverterCard_Previews: PreviewProvider {
+    static var previews: some View {
+        Group {
+            ConverterCard(
+                fromItem: ConverterCardItem(
+                    icon: .system("bitcoinsign.circle.fill"),
+                    title: "Coinbase",
+                    subtitle: "Dash Wallet",
+                    dashBalance: 420_000_000,
+                    fiat: "$410.00"
+                ),
+                toItem: ConverterCardItem(
+                    icon: .system("d.circle.fill"),
+                    title: "Dash",
+                    subtitle: "Dash Wallet",
+                    dashBalance: 123_456_789,
+                    fiat: "$120.00",
+                    showsBalance: false
+                ),
+                onSwap: {}
+            )
+            .previewDisplayName("Swappable")
+
+            ConverterCard(
+                fromItem: ConverterCardItem(
+                    icon: .system("d.circle.fill"),
+                    title: "Dash",
+                    dashBalance: 500_000_000,
+                    fiat: "$490.00"
+                ),
+                toItem: ConverterCardItem(
+                    icon: .system("arrow.right.circle.fill"),
+                    title: "Destination",
+                    showsBalance: false
+                )
+            )
+            .previewDisplayName("Static (no swap)")
+
+            // Unequal rows — badge must stay on the seam when the bottom row is taller.
+            ConverterCard(
+                fromItem: ConverterCardItem(
+                    icon: .system("bitcoinsign.circle.fill"),
+                    title: "Coinbase",
+                    dashBalance: 420_000_000,
+                    fiat: "$410.00"
+                ),
+                toItem: ConverterCardItem(
+                    icon: .system("d.circle.fill"),
+                    title: "Dash",
+                    subtitle: "XqK7pMn2rV9wL4tYeB8dN3cF6hJsA1uZ — long address wraps and makes this row taller than the top row",
+                    subtitleLineLimit: nil,
+                    showsBalance: false
+                ),
+                onSwap: {}
+            )
+            .previewDisplayName("Unequal rows (tall bottom)")
+        }
+        .padding()
+        .background(Color.dash.primaryBackground)
+    }
+}
+
+@available(iOS 14, macOS 11, *)
+struct SwapPreview: View {
+    @State private var swapped = false
+
+    var coinbase: ConverterCardItem {
+        ConverterCardItem(id: "coinbase", icon: .system("bitcoinsign.circle.fill"),
+                          title: "Coinbase", dashBalance: 131_715_000, fiat: "$0.04")
+    }
+    var dash: ConverterCardItem {
+        ConverterCardItem(id: "dash", icon: .system("d.circle.fill"),
+                          title: "Dash", subtitle: "Dash Wallet",
+                          dashBalance: 17_351_000, fiat: "$6.04")
+    }
+
+    var body: some View {
+        ConverterCard(
+            fromItem: swapped ? dash : coinbase,
+            toItem: swapped ? coinbase : dash,
+            onSwap: { swapped.toggle() }
+        )
+        .padding()
+        .background(Color.dash.primaryBackground)
+    }
+}
+
+@available(iOS 17, macOS 14, *)
+#Preview("Swap animation") { SwapPreview() }
+#endif
diff --git a/Sources/DashUIKit/Components/ConverterCard/ConverterCardItem.swift b/Sources/DashUIKit/Components/ConverterCard/ConverterCardItem.swift
new file mode 100644
index 0000000..1dd5519
--- /dev/null
+++ b/Sources/DashUIKit/Components/ConverterCard/ConverterCardItem.swift
@@ -0,0 +1,75 @@
+//
+//  Created by Roman Chornyi
+//  Copyright © 2026 Dash Core Group. All rights reserved.
+//
+//  Licensed under the MIT License (the "License");
+//  you may not use this file except in compliance with the License.
+//  You may obtain a copy of the License at
+//
+//  https://opensource.org/licenses/MIT
+//
+//  Unless required by applicable law or agreed to in writing, software
+//  distributed under the License is distributed on an "AS IS" BASIS,
+//  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+//  See the License for the specific language governing permissions and
+//  limitations under the License.
+//
+
+import SwiftUI
+
+// MARK: - ConverterCardItem
+
+/// Display data for a single row of `ConverterCard`.
+///
+/// The common case (a `DashIconSource` icon + a Dash balance) is fully described by the plain
+/// values. For richer rows — a remotely-loaded icon, a custom trailing view, or a multi-line
+/// subtitle — pass `iconView` / `trailingView` / `subtitleLineLimit`, which take precedence.
+///
+/// `id` drives the swap slide animation: it must be **stable per data-source across rebuilds**
+/// (the Coinbase row keeps the same id whether it occupies the top or bottom slot). The default
+/// `id = title` is sufficient when titles are distinct and stable. Pass an explicit `id` if the
+/// title might change or if two rows could share a title.
+@available(iOS 14, macOS 11, *)
+public struct ConverterCardItem: Identifiable {
+    public let id: AnyHashable
+    /// Static leading icon. Ignored when `iconView` is non-nil.
+    public let icon: DashIconSource?
+    /// Custom leading view (e.g. a remotely-loaded coin icon). Takes precedence over `icon`.
+    public let iconView: AnyView?
+    public let title: String
+    public let subtitle: String?
+    /// Subtitle line cap; `nil` allows unlimited wrapping (e.g. a long address).
+    public let subtitleLineLimit: Int?
+    /// Dash balance in duffs (10⁸ per Dash) — rendered as a Dash amount when `showsBalance`.
+    public let dashBalance: Int64
+    public let fiat: String?
+    /// Custom trailing view (e.g. a formatted `DashBalanceView`). Takes precedence over the
+    /// built-in dash-balance rendering.
+    public let trailingView: AnyView?
+    /// When `false` (and no `trailingView`), the row hides its trailing balance.
+    public let showsBalance: Bool
+
+    public init(
+        id: AnyHashable? = nil,
+        icon: DashIconSource? = nil,
+        iconView: AnyView? = nil,
+        title: String,
+        subtitle: String? = nil,
+        subtitleLineLimit: Int? = 1,
+        dashBalance: Int64 = 0,
+        fiat: String? = nil,
+        trailingView: AnyView? = nil,
+        showsBalance: Bool = true
+    ) {
+        self.id = id ?? AnyHashable(title)
+        self.icon = icon
+        self.iconView = iconView
+        self.title = title
+        self.subtitle = subtitle
+        self.subtitleLineLimit = subtitleLineLimit
+        self.dashBalance = dashBalance
+        self.fiat = fiat
+        self.trailingView = trailingView
+        self.showsBalance = showsBalance
+    }
+}
diff --git a/Sources/DashUIKit/Components/ConverterCard/ConverterCardRow.swift b/Sources/DashUIKit/Components/ConverterCard/ConverterCardRow.swift
new file mode 100644
index 0000000..a2fd207
--- /dev/null
+++ b/Sources/DashUIKit/Components/ConverterCard/ConverterCardRow.swift
@@ -0,0 +1,63 @@
+//
+//  Created by Roman Chornyi
+//  Copyright © 2026 Dash Core Group. All rights reserved.
+//
+//  Licensed under the MIT License (the "License");
+//  you may not use this file except in compliance with the License.
+//  You may obtain a copy of the License at
+//
+//  https://opensource.org/licenses/MIT
+//
+//  Unless required by applicable law or agreed to in writing, software
+//  distributed under the License is distributed on an "AS IS" BASIS,
+//  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+//  See the License for the specific language governing permissions and
+//  limitations under the License.
+//
+
+import SwiftUI
+
+// MARK: - ConverterRowSlot
+
+/// Identifies the two cards in the `ConverterCard` stack so the parent can position the arrow
+/// badge on the seam between them.
+enum ConverterRowSlot {
+    case top
+    case bottom
+}
+
+// MARK: - ConverterRowHeightKey
+
+/// Reports each row's measured height up to `ConverterCard`, which uses the values to center the
+/// arrow badge exactly between the two rows. Kept here next to the row that writes it.
+struct ConverterRowHeightKey: PreferenceKey {
+    static let defaultValue: [ConverterRowSlot: CGFloat] = [:]
+
+    static func reduce(value: inout [ConverterRowSlot: CGFloat], nextValue: () -> [ConverterRowSlot: CGFloat]) {
+        value.merge(nextValue()) { _, new in new }
+    }
+}
+
+// MARK: - ConverterCardRow
+
+/// One card in the conversion stack: wraps arbitrary content with the shared, non-interactive
+/// card chrome and reports its height via `ConverterRowHeightKey` for its `slot`.
+@available(iOS 14, macOS 11, *)
+struct ConverterCardRow<Content: View>: View {
+    let slot: ConverterRowSlot
+    @ViewBuilder var content: () -> Content
+
+    var body: some View {
+        content()
+            .allowsHitTesting(false)
+            .padding(6)
+            .background(Color.dash.secondaryBackground)
+            .clipShape(RoundedRectangle(cornerRadius: 20, style: .continuous))
+            .background(
+                GeometryReader { proxy in
+                    Color.clear
+                        .preference(key: ConverterRowHeightKey.self, value: [slot: proxy.size.height])
+                }
+            )
+    }
+}
diff --git a/Sources/DashUIKit/Components/EnterAmount/CurrencyOption.swift b/Sources/DashUIKit/Components/EnterAmount/CurrencyOption.swift
new file mode 100644
index 0000000..beade79
--- /dev/null
+++ b/Sources/DashUIKit/Components/EnterAmount/CurrencyOption.swift
@@ -0,0 +1,70 @@
+//
+//  Created by Roman Chornyi
+//  Copyright © 2026 Dash Core Group. All rights reserved.
+//
+//  Licensed under the MIT License (the "License");
+//  you may not use this file except in compliance with the License.
+//  You may obtain a copy of the License at
+//
+//  https://opensource.org/licenses/MIT
+//
+//  Unless required by applicable law or agreed to in writing, software
+//  distributed under the License is distributed on an "AS IS" BASIS,
+//  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+//  See the License for the specific language governing permissions and
+//  limitations under the License.
+//
+
+import Foundation
+
+// MARK: - DashCurrencySymbol (internal)
+
+enum DashCurrencySymbol {
+    /// Locale-based currency symbol (deterministic; no app state).
+    static func symbol(for currencyCode: String) -> String {
+        let locale = Locale.current as NSLocale
+        if let s = locale.displayName(forKey: .currencySymbol, value: currencyCode), !s.isEmpty {
+            return s
+        }
+        let f = NumberFormatter()
+        f.numberStyle = .currency
+        f.currencyCode = currencyCode
+        return f.currencySymbol
+    }
+}
+
+// MARK: - CurrencyOption
+
+@available(iOS 14, macOS 11, *)
+public enum CurrencyOption: Hashable {
+    case fiat(String)
+    case dash
+    case coin(String)
+
+    public var isFiat: Bool {
+        if case .fiat = self { return true }
+        return false
+    }
+
+    public var isCoinInput: Bool {
+        if case .coin = self { return true }
+        return false
+    }
+
+    public var displayName: String {
+        switch self {
+        case .fiat(let code): return code
+        case .dash: return "DASH"
+        case .coin(let code): return code
+        }
+    }
+
+    public var symbol: String? {
+        switch self {
+        case .fiat(let code):
+            return DashCurrencySymbol.symbol(for: code)
+        case .dash: return nil
+        case .coin(let code): return code
+        }
+    }
+}
diff --git a/Sources/DashUIKit/Components/EnterAmount/DashBalanceView.swift b/Sources/DashUIKit/Components/EnterAmount/DashBalanceView.swift
new file mode 100644
index 0000000..b8243ec
--- /dev/null
+++ b/Sources/DashUIKit/Components/EnterAmount/DashBalanceView.swift
@@ -0,0 +1,76 @@
+//
+//  Created by Roman Chornyi
+//  Copyright © 2026 Dash Core Group. All rights reserved.
+//
+//  Licensed under the MIT License (the "License");
+//  you may not use this file except in compliance with the License.
+//  You may obtain a copy of the License at
+//
+//  https://opensource.org/licenses/MIT
+//
+//  Unless required by applicable law or agreed to in writing, software
+//  distributed under the License is distributed on an "AS IS" BASIS,
+//  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+//  See the License for the specific language governing permissions and
+//  limitations under the License.
+//
+
+import SwiftUI
+
+// MARK: - DashBalanceView
+
+/// Trailing balance for the convert source row: a symbol-free Dash amount followed by the Dash
+/// symbol, with the fiat value beneath. Both strings come from the view model
+/// (`dashBalanceFormatted` / `dashBalanceFiat`); pass `fiat: nil` to hide the fiat line.
+@available(iOS 14, macOS 11, *)
+public struct DashBalanceView: View {
+    /// Symbol-free formatted balance, e.g. "1.5".
+    public let balance: String
+    /// Formatted fiat value; `nil` hides the line (e.g. zero balance).
+    public var fiat: String?
+
+    public init(balance: String, fiat: String? = nil) {
+        self.balance = balance
+        self.fiat = fiat
+    }
+
+    public var body: some View {
+        VStack(alignment: .trailing, spacing: 0) {
+            HStack(spacing: 6) {
+                Text(balance)
+                    .font(Font.dash.subhead)
+                    .lineLimit(1)
+
+                dashSymbol
+            }
+            .foregroundColor(Color.dash.primaryText)
+
+            if let fiat {
+                Text(fiat)
+                    .font(Font.dash.caption1)
+                    .foregroundColor(Color.dash.primaryText)
+            }
+        }
+    }
+
+    private var dashSymbol: some View {
+        Image(dash: .custom("icon_dash_currency", bundle: .dashUIKit))
+            .resizable()
+            .aspectRatio(contentMode: .fit)
+            .frame(width: 12, height: 10)
+    }
+}
+
+#if DEBUG
+
+@available(iOS 17, macOS 14, *)
+#Preview {
+    VStack(spacing: 16) {
+        DashBalanceView(balance: "1.5", fiat: "$ 150.00")
+        DashBalanceView(balance: "0", fiat: nil)
+    }
+    .padding()
+    .background(Color.dash.secondaryBackground)
+}
+
+#endif
diff --git a/Sources/DashUIKit/Components/EnterAmount/DashPickerView.swift b/Sources/DashUIKit/Components/EnterAmount/DashPickerView.swift
new file mode 100644
index 0000000..e9817ae
--- /dev/null
+++ b/Sources/DashUIKit/Components/EnterAmount/DashPickerView.swift
@@ -0,0 +1,77 @@
+//
+//  Created by Roman Chornyi
+//  Copyright © 2026 Dash Core Group. All rights reserved.
+//
+//  Licensed under the MIT License (the "License");
+//  you may not use this file except in compliance with the License.
+//  You may obtain a copy of the License at
+//
+//  https://opensource.org/licenses/MIT
+//
+//  Unless required by applicable law or agreed to in writing, software
+//  distributed under the License is distributed on an "AS IS" BASIS,
+//  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+//  See the License for the specific language governing permissions and
+//  limitations under the License.
+//
+
+import SwiftUI
+
+@available(iOS 14, macOS 11, *)
+private enum Layout {
+    static let hPadding: CGFloat = 6
+    static let vPadding: CGFloat = 3
+    static let cornerRadius: CGFloat = 6
+}
+
+@available(iOS 14, macOS 11, *)
+public struct DashPickerView<Option: Hashable>: View {
+
+    public let options: [Option]
+    public let title: (Option) -> String
+    @Binding public var selected: Option
+
+    public init(options: [Option], title: @escaping (Option) -> String, selected: Binding<Option>) {
+        self.options = options
+        self.title = title
+        self._selected = selected
+    }
+
+    public var body: some View {
+        VStack(alignment: .center, spacing: 0) {
+            ForEach(options, id: \.self) { option in
+                Button {
+                    selected = option
+                } label: {
+                    pickerOption(option)
+                }
+                .buttonStyle(.plain)
+            }
+        }
+    }
+
+    private func pickerOption(_ option: Option) -> some View {
+        Text(title(option))
+            .font(Font.dash.caption2)
+            .foregroundColor(selected == option ? Color.dash.primaryText : Color.dash.tertiaryText)
+            .padding(.horizontal, Layout.hPadding)
+            .padding(.vertical, Layout.vPadding)
+            .background(selected == option ? Color.dash.black1000Alpha5 : Color.clear)
+            .clipShape(RoundedRectangle(cornerRadius: Layout.cornerRadius, style: .continuous))
+    }
+}
+
+#if DEBUG
+
+@available(iOS 17, macOS 14, *)
+#Preview {
+    DashPickerView(
+        options: ["US$", "DASH", "BTC"],
+        title: { $0 },
+        selected: .constant("DASH")
+    )
+    .padding()
+    .background(Color.dash.primaryBackground)
+}
+
+#endif
diff --git a/Sources/DashUIKit/Components/EnterAmount/DualSwapAmountView.swift b/Sources/DashUIKit/Components/EnterAmount/DualSwapAmountView.swift
new file mode 100644
index 0000000..7ee6301
--- /dev/null
+++ b/Sources/DashUIKit/Components/EnterAmount/DualSwapAmountView.swift
@@ -0,0 +1,121 @@
+//
+//  Created by Roman Chornyi
+//  Copyright © 2026 Dash Core Group. All rights reserved.
+//
+//  Licensed under the MIT License (the "License");
+//  you may not use this file except in compliance with the License.
+//  You may obtain a copy of the License at
+//
+//  https://opensource.org/licenses/MIT
+//
+//  Unless required by applicable law or agreed to in writing, software
+//  distributed under the License is distributed on an "AS IS" BASIS,
+//  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+//  See the License for the specific language governing permissions and
+//  limitations under the License.
+//
+
+import SwiftUI
+
+// MARK: - DualSwapAmountView
+
+/// Thin wrapper around `SwapAmountView`'s animated dual-swap mode.
+///
+/// `SwapAmountView` renders two persistent rows in a `ZStack`:
+/// - **A row** always shows `primaryAmount` / `primaryCurrency`.
+/// - **B row** always shows `secondaryAmount` / `secondaryCurrency` (+ optional chevron).
+///
+/// When `isPrimarySelected` flips, both rows animate their `scaleEffect` and `offset`
+/// simultaneously, producing a continuous grow-rise / shrink-fall effect without any font swap
+/// or view recreation. The content in each row never changes — only the visual position does.
+///
+/// Tapping anywhere in the container (except the chevron) fires `onSwap`.
+@available(iOS 14, macOS 11, *)
+internal struct DualSwapAmountView: View {
+    let primaryAmount: String
+    let secondaryAmount: String
+    let primaryCurrency: CurrencyOption
+    let secondaryCurrency: CurrencyOption
+    /// When `true`, primary amount occupies the large/top slot; when `false`, secondary does.
+    let isPrimarySelected: Bool
+    let isCurrencySelectorHidden: Bool
+    let onSwap: () -> Void
+    let onSelectCurrency: () -> Void
+    let onPaste: (() -> Void)?
+
+    var body: some View {
+        SwapAmountView(
+            amount: primaryAmount,
+            symbol: primaryCurrency.symbol,
+            secondaryText: secondaryAmount,
+            showDashLogo: primaryCurrency == .dash,
+            showCurrencyButton: false,
+            onPaste: nil,
+            secondarySymbol: secondaryCurrency.symbol,
+            showSecondaryDashLogo: secondaryCurrency == .dash,
+            showSecondaryCurrencyButton: !isCurrencySelectorHidden,
+            onSecondaryCurrencyTap: onSelectCurrency,
+            swapAnimationKey: isPrimarySelected
+        )
+        .frame(maxWidth: .infinity)
+        .contentShape(Rectangle())
+        .onTapGesture { onSwap() }
+        .dashPasteContextMenu(onPaste: onPaste)
+    }
+}
+
+// MARK: - DualInputTypeSwitcher (internal)
+
+/// Trailing vertical list of currency-code buttons; the selected entry is highlighted.
+/// Fixed width matches `DualSwapLayout.sideColumnWidth` so it occupies its side column exactly.
+@available(iOS 14, macOS 11, *)
+internal struct DualInputTypeSwitcher: View {
+    let codes: [String]
+    let selected: String
+    let onSelect: (String) -> Void
+
+    var body: some View {
+        VStack(spacing: DualSwapLayout.switcherItemSpacing) {
+            ForEach(codes, id: \.self) { code in
+                Button {
+                    onSelect(code)
+                } label: {
+                    Text(code)
+                        .font(Font.dash.caption2)
+                        .foregroundColor(
+                            code == selected
+                                ? Color.dash.primaryText
+                                : Color.dash.primaryText.opacity(0.8)
+                        )
+                        .lineLimit(1)
+                        .minimumScaleFactor(0.5)
+                        .padding(.horizontal, DualSwapLayout.switcherHPadding)
+                        .padding(.vertical, DualSwapLayout.switcherVPadding)
+                        .frame(minHeight: DualSwapLayout.switcherItemHeight)
+                        .background(
+                            RoundedRectangle(cornerRadius: DualSwapLayout.switcherCornerRadius, style: .continuous)
+                                .fill(code == selected ? Color.dash.black1000Alpha5 : Color.clear)
+                        )
+                }
+                .buttonStyle(.plain)
+                .disabled(code == selected)
+            }
+        }
+        .frame(width: DualSwapLayout.sideColumnWidth, alignment: .trailing)
+    }
+}
+
+// MARK: - Layout constants
+
+/// Side-column widths and switcher styling.
+/// Swap animation constants live in `SwapAnimLayout` (inside `SwapAmountView.swift`).
+// Internal so EnterAmountView.dualSwapLayout can read sideColumnWidth.
+enum DualSwapLayout {
+    static let sideColumnWidth: CGFloat = 44
+
+    static let switcherItemSpacing: CGFloat = 4
+    static let switcherItemHeight: CGFloat = 24
+    static let switcherCornerRadius: CGFloat = 7
+    static let switcherHPadding: CGFloat = 6
+    static let switcherVPadding: CGFloat = 3
+}
diff --git a/Sources/DashUIKit/Components/EnterAmount/EnterAmountView.swift b/Sources/DashUIKit/Components/EnterAmount/EnterAmountView.swift
new file mode 100644
index 0000000..f0c406d
--- /dev/null
+++ b/Sources/DashUIKit/Components/EnterAmount/EnterAmountView.swift
@@ -0,0 +1,368 @@
+//
+//  Created by Roman Chornyi
+//  Copyright © 2026 Dash Core Group. All rights reserved.
+//
+//  Licensed under the MIT License (the "License");
+//  you may not use this file except in compliance with the License.
+//  You may obtain a copy of the License at
+//
+//  https://opensource.org/licenses/MIT
+//
+//  Unless required by applicable law or agreed to in writing, software
+//  distributed under the License is distributed on an "AS IS" BASIS,
+//  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+//  See the License for the specific language governing permissions and
+//  limitations under the License.
+//
+
+import SwiftUI
+
+// MARK: - EnterAmountStyle
+
+/// Controls which visual layout `EnterAmountView` renders.
+@available(iOS 14, macOS 11, *)
+public enum EnterAmountStyle {
+    /// Single-amount input: Max button + `SwapAmountView` + `DashPickerView`. (default)
+    case single
+    /// Dual-amount stack: two amounts that animate and swap positions when `isPrimarySelected` changes.
+    case dualSwap
+}
+
+// MARK: - EnterAmountView
+
+@available(iOS 14, macOS 11, *)
+public struct EnterAmountView: View {
+
+    // MARK: State A (.single) — existing public API
+
+    @Binding public var value: String
+    @Binding public var selectedCurrency: CurrencyOption
+    public var options: [CurrencyOption]
+    public var onMax: (() -> Void)?
+    public var onCurrencyTap: (() -> Void)?
+    public var onPaste: (() -> Void)?
+    public var hidesSelectedOption: Bool = false
+
+    // MARK: Style selector
+
+    /// Defaults to `.single` so all existing call sites compile unchanged.
+    public var style: EnterAmountStyle = .single
+
+    // MARK: State B (.dualSwap) — new API
+
+    /// Amount string for the "primary" logical value (e.g. Dash). Shown in the large slot when
+    /// `isPrimarySelected == true`.
+    public var primaryAmount: String = ""
+    /// Amount string for the "secondary" logical value (e.g. fiat). Shown in the large slot when
+    /// `isPrimarySelected == false`.
+    public var secondaryAmount: String = ""
+    /// Currency for the primary logical value — drives Dash logo / symbol rendering.
+    public var primaryCurrency: CurrencyOption = .dash
+    /// Currency for the secondary logical value.
+    public var secondaryCurrency: CurrencyOption = .fiat("USD")
+    /// When `true`, `primaryAmount` occupies the large slot; when `false`, `secondaryAmount` does.
+    public var isPrimarySelected: Bool = true
+    /// Hides the currency-select chevron when `true`.
+    public var isCurrencySelectorHidden: Bool = false
+    /// Optional trailing input-type switcher. Pass `nil` (default) to omit the switcher entirely.
+    public var currencyCodes: [String]? = nil
+    /// The currently active currency code shown highlighted in the switcher.
+    public var selectedCurrencyCode: String? = nil
+    /// Called when the user taps either amount row to trigger a swap.
+    public var onSwap: (() -> Void)? = nil
+    /// Called when the user selects a currency code from the trailing switcher.
+    public var onSelectInputType: ((String) -> Void)? = nil
+
+    // MARK: Inits
+
+    /// Initialises a `.single`-style view. Keeps existing call sites source-compatible.
+    public init(
+        value: Binding<String>,
+        selectedCurrency: Binding<CurrencyOption>,
+        options: [CurrencyOption],
+        onMax: (() -> Void)? = nil,
+        onCurrencyTap: (() -> Void)? = nil,
+        onPaste: (() -> Void)? = nil,
+        hidesSelectedOption: Bool = false
+    ) {
+        self._value = value
+        self._selectedCurrency = selectedCurrency
+        self.options = options
+        self.onMax = onMax
+        self.onCurrencyTap = onCurrencyTap
+        self.onPaste = onPaste
+        self.hidesSelectedOption = hidesSelectedOption
+    }
+
+    /// Initialises a `.dualSwap`-style view.
+    ///
+    /// - Parameters:
+    ///   - primaryAmount: The host-formatted amount for the primary (Dash / first) input type.
+    ///   - secondaryAmount: The host-formatted amount for the secondary (fiat / second) input type.
+    ///   - primaryCurrency: Currency option for `primaryAmount`; controls Dash logo display.
+    ///   - secondaryCurrency: Currency option for `secondaryAmount`; controls symbol display.
+    ///   - isPrimarySelected: When `true`, `primaryAmount` occupies the large slot.
+    ///   - isCurrencySelectorHidden: Set to `true` to hide the chevron selector.
+    ///   - currencyCodes: If non-nil, a trailing vertical switcher is shown with these labels.
+    ///   - selectedCurrencyCode: The code shown highlighted in the switcher.
+    ///   - onMax: If provided, a Max button appears in the leading column.
+    ///   - onSwap: Fired when the user taps either amount to request a position swap.
+    ///   - onCurrencyTap: Fired when the user taps the chevron beside the secondary amount.
+    ///   - onSelectInputType: Fired when the user picks a code from the trailing switcher.
+    public init(
+        primaryAmount: String,
+        secondaryAmount: String,
+        primaryCurrency: CurrencyOption,
+        secondaryCurrency: CurrencyOption,
+        isPrimarySelected: Bool,
+        isCurrencySelectorHidden: Bool = false,
+        currencyCodes: [String]? = nil,
+        selectedCurrencyCode: String? = nil,
+        onMax: (() -> Void)? = nil,
+        onSwap: (() -> Void)? = nil,
+        onCurrencyTap: (() -> Void)? = nil,
+        onPaste: (() -> Void)? = nil,
+        onSelectInputType: ((String) -> Void)? = nil
+    ) {
+        self._value = .constant("")
+        self._selectedCurrency = .constant(.dash)
+        self.options = []
+        self.style = .dualSwap
+        self.primaryAmount = primaryAmount
+        self.secondaryAmount = secondaryAmount
+        self.primaryCurrency = primaryCurrency
+        self.secondaryCurrency = secondaryCurrency
+        self.isPrimarySelected = isPrimarySelected
+        self.isCurrencySelectorHidden = isCurrencySelectorHidden
+        self.currencyCodes = currencyCodes
+        self.selectedCurrencyCode = selectedCurrencyCode
+        self.onMax = onMax
+        self.onSwap = onSwap
+        self.onCurrencyTap = onCurrencyTap
+        self.onPaste = onPaste
+        self.onSelectInputType = onSelectInputType
+    }
+
+    // MARK: Body
+
+    public var body: some View {
+        Group {
+            if style == .dualSwap {
+                dualSwapLayout
+            } else {
+                singleLayout
+            }
+        }
+    }
+
+    // MARK: Single layout (unchanged)
+
+    private var singleLayout: some View {
+        HStack(alignment: .center, spacing: 40) {
+            if onMax != nil {
+                maxButton
+            } else {
+                Color.clear.frame(width: 40, height: 40)
+            }
+            amountView
+            currencyPickerView
+        }
+    }
+
+    // MARK: Dual-swap layout
+
+    /// Three equal-width columns: leading (Max or placeholder) — center (animated amounts) — trailing
+    /// (switcher or placeholder). Equal fixed side widths keep the amount stack truly centered
+    /// regardless of which controls are present.
+    private var dualSwapLayout: some View {
+        HStack(alignment: .center, spacing: 0) {
+            // Leading side column
+            Group {
+                if onMax != nil {
+                    maxButton
+                } else {
+                    Color.clear
+                }
+            }
+            .frame(width: DualSwapLayout.sideColumnWidth)
+
+            // Center — animated dual amount stack
+            DualSwapAmountView(
+                primaryAmount: primaryAmount,
+                secondaryAmount: secondaryAmount,
+                primaryCurrency: primaryCurrency,
+                secondaryCurrency: secondaryCurrency,
+                isPrimarySelected: isPrimarySelected,
+                isCurrencySelectorHidden: isCurrencySelectorHidden,
+                onSwap: onSwap ?? {},
+                onSelectCurrency: onCurrencyTap ?? {},
+                onPaste: onPaste
+            )
+            .frame(maxWidth: .infinity)
+
+            // Trailing side column
+            Group {
+                if let codes = currencyCodes, !codes.isEmpty {
+                    DualInputTypeSwitcher(
+                        codes: codes,
+                        selected: selectedCurrencyCode ?? (codes.first ?? ""),
+                        onSelect: onSelectInputType ?? { _ in }
+                    )
+                } else {
+                    Color.clear
+                }
+            }
+            .frame(width: DualSwapLayout.sideColumnWidth)
+        }
+    }
+
+    // MARK: Shared sub-views
+
+    private var maxButton: some View {
+        Button {
+            onMax?()
+        } label: {
+            ZStack {
+                Circle()
+                    .fill(Color.dash.blueAlpha5)
+                    .frame(width: 40, height: 40)
+
+                Text(NSLocalizedString("Max", bundle: .module, comment: ""))
+                    .font(Font.dash.caption2)
+                    .foregroundColor(Color.dash.blue)
+            }
+        }
+    }
+
+    private var amountView: some View {
+        SwapAmountView(
+            amount: value,
+            symbol: selectedCurrency.symbol,
+            showDashLogo: selectedCurrency == .dash,
+            showCurrencyButton: selectedCurrency.isFiat,
+            onCurrencyTap: onCurrencyTap,
+            onPaste: onPaste
+        )
+        .frame(maxWidth: .infinity, maxHeight: .infinity)
+    }
+
+    private var visibleOptions: [CurrencyOption] {
+        guard hidesSelectedOption else { return options }
+        return options.filter { $0 != selectedCurrency }
+    }
+
+    private var currencyPickerView: some View {
+        DashPickerView(
+            options: visibleOptions,
+            title: { $0.displayName },
+            selected: $selectedCurrency
+        )
+    }
+}
+
+// MARK: - Previews
+
+#if DEBUG
+
+@available(iOS 17, macOS 14, *)
+#Preview("Single state") {
+    EnterAmountView(
+        value: .constant("12.5"),
+        selectedCurrency: .constant(.dash),
+        options: [.fiat("USD"), .dash, .coin("BTC")]
+    )
+    .frame(height: 110)
+    .background(Color.dash.secondaryBackground)
+    .padding(20)
+}
+
+@available(iOS 17, macOS 14, *)
+#Preview("Dual swap — with Max button (interactive)") {
+    DualSwapPreviewContainer(showMax: true)
+        .background(Color.dash.secondaryBackground)
+}
+
+@available(iOS 17, macOS 14, *)
+#Preview("Dual swap — no Max button (interactive)") {
+    DualSwapPreviewContainer(showMax: false)
+        .background(Color.dash.secondaryBackground)
+}
+
+@available(iOS 17, macOS 14, *)
+#Preview("Dual swap — edge cases") {
+    VStack(spacing: 28) {
+        // Very long Dash value — amount should scale to fit
+        EnterAmountView(
+            primaryAmount: "99999.99999999",
+            secondaryAmount: "$ 1,234,567.89",
+            primaryCurrency: .dash,
+            secondaryCurrency: .fiat("USD"),
+            isPrimarySelected: true,
+            onSwap: {}
+        )
+
+        Divider()
+
+        // Small crypto value
+        EnterAmountView(
+            primaryAmount: "0.00012345",
+            secondaryAmount: "$ 0.01",
+            primaryCurrency: .dash,
+            secondaryCurrency: .fiat("USD"),
+            isPrimarySelected: true,
+            isCurrencySelectorHidden: true,
+            onSwap: {}
+        )
+
+        Divider()
+
+        // Fiat primary (secondary in large slot), selector visible
+        EnterAmountView(
+            primaryAmount: "1.5",
+            secondaryAmount: "€ 142.50",
+            primaryCurrency: .dash,
+            secondaryCurrency: .fiat("EUR"),
+            isPrimarySelected: false,
+            onSwap: {},
+            onCurrencyTap: {}
+        )
+    }
+    .padding(20)
+    .background(Color.dash.secondaryBackground)
+}
+
+@available(iOS 17, macOS 14, *)
+private struct DualSwapPreviewContainer: View {
+    let showMax: Bool
+    @State private var isPrimarySelected = true
+
+    var body: some View {
+        VStack(spacing: 20) {
+            Text(showMax ? "With Max button" : "No Max button — amount stays centered")
+                .font(Font.dash.caption1)
+                .foregroundColor(Color.dash.tertiaryText)
+
+            EnterAmountView(
+                primaryAmount: "1.23456",
+                secondaryAmount: "$ 150.00",
+                primaryCurrency: .dash,
+                secondaryCurrency: .fiat("USD"),
+                isPrimarySelected: isPrimarySelected,
+                currencyCodes: ["DASH", "USD"],
+                selectedCurrencyCode: isPrimarySelected ? "DASH" : "USD",
+                onMax: showMax ? {} : nil,
+                onSwap: { isPrimarySelected.toggle() },
+                onCurrencyTap: {},
+                onSelectInputType: { _ in isPrimarySelected.toggle() }
+            )
+            .padding(.horizontal, 20)
+
+            Button("Tap to swap") { isPrimarySelected.toggle() }
+                .font(Font.dash.footnote)
+                .foregroundColor(Color.dash.blue)
+        }
+        .padding(.vertical, 20)
+    }
+}
+
+#endif
diff --git a/Sources/DashUIKit/Components/EnterAmount/SwapAmountView.swift b/Sources/DashUIKit/Components/EnterAmount/SwapAmountView.swift
new file mode 100644
index 0000000..38562fc
--- /dev/null
+++ b/Sources/DashUIKit/Components/EnterAmount/SwapAmountView.swift
@@ -0,0 +1,649 @@
+//
+//  Created by Roman Chornyi
+//  Copyright © 2026 Dash Core Group. All rights reserved.
+//
+//  Licensed under the MIT License (the "License");
+//  you may not use this file except in compliance with the License.
+//  You may obtain a copy of the License at
+//
+//  https://opensource.org/licenses/MIT
+//
+//  Unless required by applicable law or agreed to in writing, software
+//  distributed under the License is distributed on an "AS IS" BASIS,
+//  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+//  See the License for the specific language governing permissions and
+//  limitations under the License.
+//
+
+import SwiftUI
+#if canImport(UIKit)
+import UIKit
+#endif
+
+// MARK: - SwapAmountView
+
+@available(iOS 14, macOS 11, *)
+public struct SwapAmountView: View {
+
+    // MARK: Primary row props
+
+    public let amount: String
+    public var symbol: String? = nil
+    public var secondaryText: String? = nil
+    public var topText: String? = nil
+    public var bottomText: String? = nil
+    public var showDashLogo: Bool = false
+    public var showCurrencyButton: Bool = false
+    public var onCurrencyTap: (() -> Void)? = nil
+    public var onPaste: (() -> Void)? = nil
+
+    // MARK: Secondary row props (only used in animated dual-swap mode)
+
+    /// Currency symbol for the B row (secondary logical value). Nil = no symbol.
+    public var secondarySymbol: String? = nil
+    /// Show the Dash logo on the B row.
+    public var showSecondaryDashLogo: Bool = false
+    /// Show a currency-select chevron beside the B row's amount.
+    public var showSecondaryCurrencyButton: Bool = false
+    /// Action fired when the secondary-row chevron is tapped.
+    public var onSecondaryCurrencyTap: (() -> Void)? = nil
+    /// When non-nil, enables the animated dual-swap ZStack layout and acts as the animation key.
+    /// `true` = A row (amount) is the large/top slot; `false` = B row (secondaryText) is.
+    /// Nil = static single-amount layout (`.single` usage).
+    public var swapAnimationKey: Bool? = nil
+
+    // MARK: Init
+
+    public init(
+        amount: String,
+        symbol: String? = nil,
+        secondaryText: String? = nil,
+        topText: String? = nil,
+        bottomText: String? = nil,
+        showDashLogo: Bool = false,
+        showCurrencyButton: Bool = false,
+        onCurrencyTap: (() -> Void)? = nil,
+        onPaste: (() -> Void)? = nil,
+        secondarySymbol: String? = nil,
+        showSecondaryDashLogo: Bool = false,
+        showSecondaryCurrencyButton: Bool = false,
+        onSecondaryCurrencyTap: (() -> Void)? = nil,
+        swapAnimationKey: Bool? = nil
+    ) {
+        self.amount = amount
+        self.symbol = symbol
+        self.secondaryText = secondaryText
+        self.topText = topText
+        self.bottomText = bottomText
+        self.showDashLogo = showDashLogo
+        self.showCurrencyButton = showCurrencyButton
+        self.onCurrencyTap = onCurrencyTap
+        self.onPaste = onPaste
+        self.secondarySymbol = secondarySymbol
+        self.showSecondaryDashLogo = showSecondaryDashLogo
+        self.showSecondaryCurrencyButton = showSecondaryCurrencyButton
+        self.onSecondaryCurrencyTap = onSecondaryCurrencyTap
+        self.swapAnimationKey = swapAnimationKey
+    }
+
+    // MARK: Body
+
+    public var body: some View {
+        content
+    }
+
+    private var content: some View {
+        VStack(spacing: 2) {
+            if let top = topText {
+                Text(top)
+                    .font(Font.dash.caption1)
+                    .foregroundColor(Color.dash.tertiaryText)
+            }
+
+            if let animKey = swapAnimationKey {
+                animatedBody(isPrimaryLarge: animKey)
+            } else {
+                staticBody
+            }
+
+            if let bottom = bottomText {
+                Text(bottom)
+                    .font(Font.dash.caption1)
+                    .foregroundColor(Color.dash.tertiaryText)
+            }
+        }
+        .frame(maxWidth: .infinity)
+    }
+
+    // MARK: Static layout (unchanged from original — drives .single)
+
+    private var staticBody: some View {
+        VStack(spacing: 0) {
+            primaryRow
+
+            if let secondary = secondaryText {
+                Text(secondary)
+                    .font(Font.dash.subhead)
+                    .foregroundColor(Color.dash.tertiaryText)
+            }
+        }
+    }
+
+    // MARK: Animated dual-swap layout
+
+    /// Thin forwarder — instantiates `AnimatedSwapLayout` which owns the two-phase animation state.
+    /// Phase 1 (scale + opacity) runs in place; phase 2 (offset glide) follows after `scalePhase`.
+    @ViewBuilder
+    private func animatedBody(isPrimaryLarge: Bool) -> some View {
+        AnimatedSwapLayout(
+            amount: amount,
+            symbol: symbol,
+            secondaryText: secondaryText,
+            showDashLogo: showDashLogo,
+            showCurrencyButton: showCurrencyButton,
+            onCurrencyTap: onCurrencyTap,
+            onPaste: onPaste,
+            secondarySymbol: secondarySymbol,
+            showSecondaryDashLogo: showSecondaryDashLogo,
+            showSecondaryCurrencyButton: showSecondaryCurrencyButton,
+            onSecondaryCurrencyTap: onSecondaryCurrencyTap,
+            isPrimaryLarge: isPrimaryLarge
+        )
+    }
+
+    // MARK: Rows
+
+    private var primaryRow: some View {
+        // Amount (symbol + number + logo) and the currency chevron scale down together as ONE
+        // centered unit, so the chevron stays right next to the amount instead of being pushed to
+        // the far edge (scaleToFitWidth fills the width, so it must wrap the whole group, not just
+        // the amount). Renders full-size when it fits; shrinks uniformly when it doesn't.
+        HStack(spacing: 6) {
+            amountView(font: Font.dash.largeTitle, dashSize: .init(width: 19, height: 16))
+                .foregroundColor(Color.dash.primaryText)
+
+            if showCurrencyButton {
+                Button {
+                    onCurrencyTap?()
+                } label: {
+                    Image(dash: .custom("chevron-down-currency-select", bundle: .dashUIKit))
+                        .frame(width: 10, height: 5)
+                }
+                .buttonStyle(.plain)
+            }
+        }
+        .scaleToFitWidth()
+        .frame(maxWidth: .infinity)
+        .contentShape(Rectangle())
+        .dashPasteContextMenu(onPaste: onPaste)
+    }
+
+    // MARK: Amount content views
+
+    private func amountView(font: Font, dashSize: CGSize? = nil) -> some View {
+        HStack(spacing: 4) {
+            if let sym = symbol, !sym.isEmpty {
+                Text(sym)
+                    .font(font)
+            }
+
+            Text(displayAmount)
+                .font(font)
+
+            if showDashLogo {
+                Image(dash: .custom("enter-amount-dash", bundle: .dashUIKit))
+                    .resizable()
+                    .scaledToFit()
+                    .frame(width: dashSize?.width, height: dashSize?.height)
+            }
+        }
+    }
+
+    private func secondaryAmountView(font: Font, dashSize: CGSize? = nil) -> some View {
+        HStack(spacing: 4) {
+            if let sym = secondarySymbol, !sym.isEmpty {
+                Text(sym)
+                    .font(font)
+            }
+
+            Text(displaySecondary)
+                .font(font)
+
+            if showSecondaryDashLogo {
+                Image(dash: .custom("enter-amount-dash", bundle: .dashUIKit))
+                    .resizable()
+                    .scaledToFit()
+                    .frame(width: dashSize?.width, height: dashSize?.height)
+            }
+        }
+    }
+
+    // MARK: Display normalisers
+
+    /// The numeric string as shown to the user. Pure display transform:
+    /// - empty → "0"
+    /// - bare-decimal input gets a leading zero: ".34" → "0.34", "." → "0." (same for ",")
+    /// Does NOT trim, reformat, or cap precision — that happens upstream in `sanitize`.
+    private var displayAmount: String {
+        guard !amount.isEmpty else { return "0" }
+        if let first = amount.first, first == "." || first == "," {
+            return "0" + amount
+        }
+        return amount
+    }
+
+    private var displaySecondary: String {
+        guard let s = secondaryText, !s.isEmpty else { return "0" }
+        if let first = s.first, first == "." || first == "," { return "0" + s }
+        return s
+    }
+}
+
+// MARK: - AnimatedSwapLayout
+
+/// Stateful sub-view combining font switching with `scaleEffect` for the dual-swap animation.
+///
+/// **How it works:**
+/// When `isPrimaryLarge` flips, the animation runs in two phases:
+///
+/// 1. **Font snap** (`fontPrimary`): both rows instantly switch to their target font
+///    (largeTitle bold ↔ subhead regular) and foreground color. Because the font size jumps
+///    at the boundary, each row's `scaleEffect` is immediately set to the **compensating**
+///    value — the ratio that makes the new font appear the same visual size as the old one
+///    (e.g. if A row just switched from largeTitle→subhead, set scaleA = 34/15 so subhead×2.267
+///    still looks 34pt). On the NEXT run loop, `scaleEffect` is animated to 1.0, producing a
+///    smooth grow/shrink with correct font weight throughout.
+///
+/// 2. **Offset glide** (`offsetPrimary`): after `scalePhase` has elapsed, rows slide to their
+///    new vertical positions.
+///
+/// Result: correct bold weight in the large slot, correct regular weight in the small slot,
+/// smooth size transition via `scaleEffect` bridging the font snap.
+@available(iOS 14, macOS 11, *)
+private struct AnimatedSwapLayout: View {
+
+    // MARK: Content props
+
+    let amount: String
+    let symbol: String?
+    let secondaryText: String?
+    let showDashLogo: Bool
+    let showCurrencyButton: Bool
+    let onCurrencyTap: (() -> Void)?
+    let onPaste: (() -> Void)?
+    let secondarySymbol: String?
+    let showSecondaryDashLogo: Bool
+    let showSecondaryCurrencyButton: Bool
+    let onSecondaryCurrencyTap: (() -> Void)?
+    let isPrimaryLarge: Bool
+
+    // MARK: Phase state
+
+    /// Drives font (largeTitle↔subhead) and foreground color. Snaps instantly — no animation.
+    @State private var fontPrimary: Bool
+    /// Per-row `scaleEffect` values. Set to compensating ratio on font snap, then animated to 1.0.
+    @State private var scaleA: CGFloat = 1.0
+    @State private var scaleB: CGFloat = 1.0
+    /// Controls `.offset`. Animated after `scalePhase` delay in phase 2.
+    @State private var offsetPrimary: Bool
+    /// Invalidation token for the delayed animation callbacks. Each `onChange` bumps it so any
+    /// still-pending scale/offset closures from a previous toggle become no-ops.
+    @State private var swapGeneration = 0
+
+    // MARK: Timing
+
+    static let scalePhase: Double = 0.18
+    static let offsetPhase: Double = 0.2
+
+    // MARK: Init
+
+    init(
+        amount: String,
+        symbol: String?,
+        secondaryText: String?,
+        showDashLogo: Bool,
+        showCurrencyButton: Bool,
+        onCurrencyTap: (() -> Void)?,
+        onPaste: (() -> Void)?,
+        secondarySymbol: String?,
+        showSecondaryDashLogo: Bool,
+        showSecondaryCurrencyButton: Bool,
+        onSecondaryCurrencyTap: (() -> Void)?,
+        isPrimaryLarge: Bool
+    ) {
+        self.amount = amount
+        self.symbol = symbol
+        self.secondaryText = secondaryText
+        self.showDashLogo = showDashLogo
+        self.showCurrencyButton = showCurrencyButton
+        self.onCurrencyTap = onCurrencyTap
+        self.onPaste = onPaste
+        self.secondarySymbol = secondarySymbol
+        self.showSecondaryDashLogo = showSecondaryDashLogo
+        self.showSecondaryCurrencyButton = showSecondaryCurrencyButton
+        self.onSecondaryCurrencyTap = onSecondaryCurrencyTap
+        self.isPrimaryLarge = isPrimaryLarge
+        _fontPrimary = State(initialValue: isPrimaryLarge)
+        _offsetPrimary = State(initialValue: isPrimaryLarge)
+    }
+
+    // MARK: Body
+
+    var body: some View {
+        // Font and dash-logo size both come from fontPrimary (snaps at animation boundary).
+        let aFont: Font = fontPrimary ? Font.dash.largeTitle : Font.dash.subhead
+        let bFont: Font = fontPrimary ? Font.dash.subhead : Font.dash.largeTitle
+        let dashSize = fontPrimary ? CGSize(width: 19, height: 16) : CGSize(width: 10, height: 8)
+        let chevronSize = fontPrimary ? CGSize(width: 5, height: 2.5) : CGSize(width: 10, height: 5)
+        let iconForegroundColor: Color = fontPrimary ? Color.dash.primaryText : Color.dash.tertiaryText
+
+        ZStack(alignment: .center) {
+            // A row — always carries the primary logical value
+            rowContent(
+                font: aFont,
+                displayText: displayAmount,
+                showLogo: showDashLogo,
+                dashSize: dashSize
+            )
+            .foregroundColor(iconForegroundColor)
+            .scaleToFitWidth()
+            .frame(maxWidth: .infinity)
+            .contentShape(Rectangle())
+            .dashPasteContextMenu(onPaste: onPaste)
+            .scaleEffect(scaleA, anchor: .center)
+            .offset(y: offsetPrimary ? SwapAnimLayout.primaryOffset : SwapAnimLayout.secondaryOffset)
+
+            // B row — always carries the secondary logical value; shows optional chevron
+            HStack(spacing: 6) {
+                rowContent(
+                    font: bFont,
+                    displayText: displaySecondary,
+                    symbol: secondarySymbol,
+                    showLogo: showSecondaryDashLogo,
+                    dashSize: dashSize
+                )
+
+                if showSecondaryCurrencyButton {
+                    Button { onSecondaryCurrencyTap?() } label: {
+                        Image(dash: .custom("chevron-down-currency-select", bundle: .dashUIKit))
+                            .resizable()
+                            .scaledToFit()
+                            .frame(width: chevronSize.width, height: chevronSize.height)
+                    }
+                    .buttonStyle(.plain)
+                }
+            }
+            .foregroundColor(fontPrimary ? Color.dash.tertiaryText : Color.dash.primaryText)
+            .scaleToFitWidth()
+            .frame(maxWidth: .infinity)
+            .contentShape(Rectangle())
+            .dashPasteContextMenu(onPaste: onPaste)
+            .scaleEffect(scaleB, anchor: .center)
+            .offset(y: offsetPrimary ? SwapAnimLayout.secondaryOffset : SwapAnimLayout.primaryOffset)
+        }
+        .frame(height: SwapAnimLayout.containerHeight)
+        .frame(maxWidth: .infinity)
+        .onChange(of: isPrimaryLarge) { newValue in
+            // A rapid re-toggle must invalidate the previous change's still-pending callbacks,
+            // otherwise a stale scale/offset update can run after the newer state (visible jump).
+            swapGeneration &+= 1
+            let generation = swapGeneration
+
+            // Step 1: font/color snaps to target (no animation — font is not animatable)
+            fontPrimary = newValue
+
+            // Step 2: immediately set compensating scaleEffect so visual size appears unchanged
+            // despite the font size jump. newValue=true means A just grew (subhead→largeTitle):
+            //   A comp = subhead/largeTitle = secondaryScale (largeTitle × 0.441 ≈ subhead visual)
+            //   B comp = largeTitle/subhead  = primaryScale  (subhead  × 2.267 ≈ largeTitle visual)
+            // newValue=false means A just shrank (largeTitle→subhead): ratios are reversed.
+            scaleA = newValue ? SwapAnimLayout.secondaryScale : SwapAnimLayout.primaryScale
+            scaleB = newValue ? SwapAnimLayout.primaryScale   : SwapAnimLayout.secondaryScale
+
+            // Step 3 (next run loop): animate scaleEffect to natural size 1.0.
+            // Deferring to the next run loop lets SwiftUI render the compensating scale first,
+            // so the animation truly starts from the compensating value.
+            DispatchQueue.main.async {
+                guard generation == swapGeneration else { return }
+                withAnimation(.easeInOut(duration: Self.scalePhase)) {
+                    scaleA = 1.0
+                    scaleB = 1.0
+                }
+            }
+
+            // Phase 2: offset glide after the scale phase completes
+            DispatchQueue.main.asyncAfter(deadline: .now() + Self.scalePhase) {
+                guard generation == swapGeneration else { return }
+                withAnimation(.easeInOut(duration: Self.offsetPhase)) {
+                    offsetPrimary = newValue
+                }
+            }
+        }
+    }
+
+    // MARK: Row content helper
+
+    private func rowContent(
+        font: Font,
+        displayText: String,
+        symbol: String? = nil,
+        showLogo: Bool,
+        dashSize: CGSize
+    ) -> some View {
+        HStack(spacing: 4) {
+            if let sym = symbol, !sym.isEmpty {
+                Text(sym).font(font)
+            }
+            Text(displayText).font(font)
+            if showLogo {
+                Image(dash: .custom("enter-amount-dash", bundle: .dashUIKit))
+                    .resizable()
+                    .scaledToFit()
+                    .frame(width: dashSize.width, height: dashSize.height)
+            }
+        }
+    }
+
+    private var displayAmount: String {
+        guard !amount.isEmpty else { return "0" }
+        if let first = amount.first, first == "." || first == "," { return "0" + amount }
+        return amount
+    }
+
+    private var displaySecondary: String {
+        guard let s = secondaryText, !s.isEmpty else { return "0" }
+        if let first = s.first, first == "." || first == "," { return "0" + s }
+        return s
+    }
+}
+
+// MARK: - Paste Context Menu
+
+@available(iOS 14, macOS 11, *)
+extension View {
+    /// Long-press to paste. Intentionally uses an `onLongPressGesture` and NOT `.contextMenu`:
+    /// `.contextMenu` adds a `_UIReparentingView` to the host's view hierarchy, which is
+    /// unsupported when the SwiftUI content is embedded in a `UIHostingController` (as Send /
+    /// Specify are) and silently breaks the gesture. On long-press it invokes `onPaste`; whether
+    /// the clipboard actually has something to paste is decided by the caller.
+    @ViewBuilder
+    func dashPasteContextMenu(onPaste: (() -> Void)?) -> some View {
+        if let onPaste {
+            #if canImport(UIKit)
+            self.simultaneousGesture(
+                LongPressGesture(minimumDuration: 0.4).onEnded { _ in
+                    onPaste()
+                }
+            )
+            #else
+            self
+            #endif
+        } else {
+            self
+        }
+    }
+}
+
+// MARK: - Swap animation layout constants
+
+// Internal so DualSwapAmountView can read them if needed; private would hide from the module.
+@available(iOS 14, macOS 11, *)
+enum SwapAnimLayout {
+    // Slot heights (reference: SendAmountAmountsStack)
+    static let primaryHeight: CGFloat = 41
+    static let slotSpacing: CGFloat = 0
+    static let secondaryHeight: CGFloat = 20
+    // Fixed container height prevents layout jumps during animation
+    static let containerHeight: CGFloat = primaryHeight + slotSpacing + secondaryHeight  // 70
+
+    // Scale factors between the two base fonts (largeTitle bold 34pt ↔ subhead regular 15pt).
+    // A row uses largeTitle as base; B row uses subhead as base.
+    // secondaryScale shrinks largeTitle to appear subhead-sized in the small slot.
+    // primaryScale grows subhead to appear largeTitle-sized in the large slot.
+    static let secondaryScale: CGFloat = 15.0 / 34.0  // ≈ 0.441
+    static let primaryScale: CGFloat = 34.0 / 15.0    // ≈ 2.267
+    static let secondaryOpacity: CGFloat = 0.67
+
+    // Offsets from ZStack center (= containerHeight / 2 = 35).
+    // Primary anchor centre:   primaryHeight / 2 = 21  →  offset = 21 − 35 = −14
+    // Secondary anchor centre: primaryHeight + slotSpacing + secondaryHeight / 2 = 60  →  offset = 60 − 35 = +25
+    static let primaryOffset: CGFloat = -(containerHeight / 2 - primaryHeight / 2)
+    static let secondaryOffset: CGFloat = primaryHeight + slotSpacing + secondaryHeight / 2 - containerHeight / 2
+}
+
+// MARK: - Previews
+
+#if DEBUG
+
+@available(iOS 17, macOS 14, *)
+#Preview("Normal amounts") {
+    VStack(spacing: 20) {
+        SwapAmountView(
+            amount: "1.5",
+            secondaryText: "$ 150.00",
+            topText: "Enter amount",
+            showDashLogo: true
+        )
+        SwapAmountView(
+            amount: "100",
+            symbol: "$",
+            secondaryText: "Ð 1.0",
+            showCurrencyButton: true
+        )
+    }
+    .padding(20)
+}
+
+@available(iOS 17, macOS 14, *)
+#Preview("Edge cases — scaling") {
+    VStack(spacing: 20) {
+        SwapAmountView(
+            amount: "99999.99999999",
+            topText: "Dash — very long",
+            showDashLogo: true
+        )
+        SwapAmountView(
+            amount: "123456.78",
+            symbol: "$",
+            topText: "Fiat — long with button",
+            showCurrencyButton: true
+        )
+        SwapAmountView(
+            amount: "0.00012345",
+            symbol: "BTC",
+            topText: "Crypto — small value"
+        )
+    }
+    .padding(20)
+}
+
+@available(iOS 17, macOS 14, *)
+#Preview("Edge cases — precision") {
+    VStack(spacing: 20) {
+        SwapAmountView(
+            amount: "0.13",
+            symbol: "$",
+            topText: "Fiat 0.13 (max 2 dp)",
+            showCurrencyButton: true
+        )
+        SwapAmountView(
+            amount: "1",
+            topText: "Normalized from 01 → 1",
+            showDashLogo: true
+        )
+        SwapAmountView(
+            amount: "0.",
+            symbol: "$",
+            topText: "In-progress: 0.",
+            showCurrencyButton: true
+        )
+    }
+    .padding(20)
+}
+
+@available(iOS 17, macOS 14, *)
+#Preview("Leading zero — bare decimal") {
+    VStack(spacing: 20) {
+        SwapAmountView(
+            amount: ".34",
+            topText: "Bare decimal: .34 → 0.34",
+            showDashLogo: true
+        )
+        SwapAmountView(
+            amount: ".",
+            symbol: "$",
+            topText: "In-progress: . → 0.",
+            showCurrencyButton: true
+        )
+    }
+    .padding(20)
+}
+
+@available(iOS 17, macOS 14, *)
+#Preview("Animated dual-swap (interactive)") {
+    VStack {
+        SwapAmountView(
+            amount: "1.5",
+            secondaryText: "$ 150.00",
+            topText: "Enter amount",
+            showDashLogo: true
+        )
+
+        SwapAmountAnimatedPreview()
+            .background(Color.dash.secondaryBackground)
+            .padding(20)
+    }
+}
+
+@available(iOS 17, macOS 14, *)
+private struct SwapAmountAnimatedPreview: View {
+    @State private var isPrimarySelected = true
+
+    var body: some View {
+        VStack(spacing: 16) {
+            Text(isPrimarySelected ? "Dash is primary (large)" : "Fiat is primary (large)")
+                .font(Font.dash.caption1)
+                .foregroundColor(Color.dash.tertiaryText)
+
+            SwapAmountView(
+                amount: "1.23456",
+                symbol: nil,
+                secondaryText: "150.00",
+                topText: "Enter amount",
+                showDashLogo: true,
+                secondarySymbol: "$",
+                showSecondaryCurrencyButton: true,
+                onSecondaryCurrencyTap: {},
+                swapAnimationKey: isPrimarySelected
+            )
+            .contentShape(Rectangle())
+            .onTapGesture { isPrimarySelected.toggle() }
+
+            Button("Tap to swap") { isPrimarySelected.toggle() }
+                .font(Font.dash.footnote)
+                .foregroundColor(Color.dash.blue)
+        }
+    }
+}
+
+#endif
diff --git a/Sources/DashUIKit/Components/NumericKeyboardView.swift b/Sources/DashUIKit/Components/NumericKeyboardView.swift
new file mode 100644
index 0000000..18f2627
--- /dev/null
+++ b/Sources/DashUIKit/Components/NumericKeyboardView.swift
@@ -0,0 +1,241 @@
+//
+//  Created by Roman Chornyi
+//  Copyright © 2026 Dash Core Group. All rights reserved.
+//
+//  Licensed under the MIT License (the "License");
+//  you may not use this file except in compliance with the License.
+//  You may obtain a copy of the License at
+//
+//  https://opensource.org/licenses/MIT
+//
+//  Unless required by applicable law or agreed to in writing, software
+//  distributed under the License is distributed on an "AS IS" BASIS,
+//  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+//  See the License for the specific language governing permissions and
+//  limitations under the License.
+//
+
+import Foundation
+import SwiftUI
+
+enum NumericKeyboardLocaleSupport {
+    static func decimalSeparator(for locale: Locale) -> String {
+        locale.decimalSeparator ?? "."
+    }
+
+    static func rows(showDecimalSeparator: Bool, locale: Locale) -> [[String]] {
+        let lastRow: [String]
+        if showDecimalSeparator {
+            lastRow = [decimalSeparator(for: locale), Layout.zeroKey, Layout.deleteKey]
+        } else {
+            lastRow = [Layout.emptyKey, Layout.zeroKey, Layout.deleteKey]
+        }
+
+        return [
+            ["1", "2", "3"],
+            ["4", "5", "6"],
+            ["7", "8", "9"],
+            lastRow,
+        ]
+    }
+
+    static func applyKeyPress(
+        value: String,
+        key: String,
+        showDecimalSeparator: Bool,
+        locale: Locale
+    ) -> String {
+        if key == Layout.deleteKey {
+            var updatedValue = value
+            if !updatedValue.isEmpty {
+                updatedValue.removeLast()
+            }
+            return updatedValue
+        }
+
+        let decimalSeparator = decimalSeparator(for: locale)
+        let groupingSeparator = locale.groupingSeparator ?? ","
+
+        if !groupingSeparator.isEmpty, key == groupingSeparator, groupingSeparator != decimalSeparator {
+            return value
+        }
+
+        if key == decimalSeparator {
+            if showDecimalSeparator && !value.contains(decimalSeparator) {
+                return value + decimalSeparator
+            }
+            return value
+        }
+
+        guard !key.isEmpty else { return value }
+        return value + key
+    }
+
+    enum Layout {
+        static let zeroKey = "0"
+        static let emptyKey = ""
+        static let deleteKey = "⌫"
+    }
+}
+
+// MARK: - NumericKeyboardView
+
+@available(iOS 14, macOS 11, *)
+public struct NumericKeyboardView: View {
+
+    private enum Layout {
+        static let rootSpacing: CGFloat = 20
+        static let rowsSpacing: CGFloat = 10
+        static let rowSpacing: CGFloat = 10
+        static let horizontalPadding: CGFloat = 40
+        static let keyFontSize: CGFloat = 20
+        static let keyFontWeight: Font.Weight = .medium
+        static let disabledOpacity: CGFloat = 0.5
+        static let enabledOpacity: CGFloat = 1.0
+
+        static let deleteSymbol = "delete.left"
+    }
+
+    @Binding private var value: String
+    private let showDecimalSeparator: Bool
+    public var locale: Locale = .autoupdatingCurrent
+    private let actionButtonText: String
+    private let actionEnabled: Bool
+    private let inProgress: Bool
+    private let helperText: String?
+    private let actionHandler: () -> Void
+
+    public init(
+        value: Binding<String>,
+        showDecimalSeparator: Bool,
+        locale: Locale = .autoupdatingCurrent,
+        actionButtonText: String,
+        actionEnabled: Bool,
+        inProgress: Bool,
+        helperText: String? = nil,
+        actionHandler: @escaping () -> Void
+    ) {
+        self._value = value
+        self.showDecimalSeparator = showDecimalSeparator
+        self.locale = locale
+        self.actionButtonText = actionButtonText
+        self.actionEnabled = actionEnabled
+        self.inProgress = inProgress
+        self.helperText = helperText
+        self.actionHandler = actionHandler
+    }
+
+    private var rows: [[String]] {
+        NumericKeyboardLocaleSupport.rows(showDecimalSeparator: showDecimalSeparator, locale: locale)
+    }
+
+    public var body: some View {
+        VStack(spacing: Layout.rootSpacing) {
+            keyboardRowsView
+            helperTextRow(helperText)
+            actionButtonView
+        }
+        .background(Color.dash.secondaryBackground)
+    }
+
+    private var keyboardRowsView: some View {
+        VStack(spacing: Layout.rowsSpacing) {
+            ForEach(rows, id: \.self) { row in
+                keyboardRowView(row)
+                    .opacity(inProgress ? Layout.disabledOpacity : Layout.enabledOpacity)
+            }
+        }
+    }
+
+    private func keyboardRowView(_ row: [String]) -> some View {
+        HStack(spacing: Layout.rowSpacing) {
+            ForEach(row, id: \.self) { key in
+                keyButtonView(key)
+            }
+        }
+    }
+
+    private func keyButtonView(_ key: String) -> some View {
+        Button {
+            handleKeyPress(key)
+        } label: {
+            keyContentView(key)
+        }
+        .frame(height: 50)
+        .frame(maxWidth: .infinity)
+        .disabled(inProgress)
+    }
+
+    @ViewBuilder
+    private func keyContentView(_ key: String) -> some View {
+        if key == NumericKeyboardLocaleSupport.Layout.deleteKey {
+            Image(systemName: Layout.deleteSymbol)
+                .frame(maxWidth: .infinity, maxHeight: .infinity)
+                .font(.system(size: Layout.keyFontSize))
+                .foregroundColor(Color.dash.primaryText)
+        } else {
+            Text(key)
+                .frame(maxWidth: .infinity, maxHeight: .infinity)
+                .font(.system(size: Layout.keyFontSize, weight: Layout.keyFontWeight))
+                .foregroundColor(Color.dash.primaryText)
+        }
+    }
+
+    private var actionButtonView: some View {
+        DashButton(
+            text: actionButtonText,
+            isEnabled: !value.isEmpty && actionEnabled,
+            isLoading: inProgress,
+            fillsWidth: true,
+            size: .large,
+            style: .filledBlue,
+            action: actionHandler
+        )
+        .padding(.horizontal, Layout.horizontalPadding)
+    }
+
+    @ViewBuilder
+    private func helperTextRow(_ text: String?) -> some View {
+        if let text, !text.isEmpty {
+            Text(text)
+                .font(Font.dash.footnote)
+                .foregroundColor(Color.dash.secondaryText)
+                .multilineTextAlignment(.center)
+                .frame(maxWidth: .infinity)
+        } else {
+            EmptyView()
+        }
+    }
+
+    private func handleKeyPress(_ key: String) {
+        value = NumericKeyboardLocaleSupport.applyKeyPress(
+            value: value,
+            key: key,
+            showDecimalSeparator: showDecimalSeparator,
+            locale: locale
+        )
+    }
+}
+
+#if DEBUG
+
+@available(iOS 17, macOS 14, *)
+#Preview {
+    VStack {
+        Spacer()
+
+        NumericKeyboardView(
+            value: .constant(""),
+            showDecimalSeparator: true,
+            locale: Locale(identifier: "en_US"),
+            actionButtonText: "Verify",
+            actionEnabled: true,
+            inProgress: false,
+            actionHandler: { print("Action button tapped") }
+        )
+        .padding(.horizontal, 20)
+        .background(.red.opacity(0.3))
+    }
+}
+
+#endif
diff --git a/Sources/DashUIKit/Components/ReceiveEstimateView.swift b/Sources/DashUIKit/Components/ReceiveEstimateView.swift
new file mode 100644
index 0000000..c0b850f
--- /dev/null
+++ b/Sources/DashUIKit/Components/ReceiveEstimateView.swift
@@ -0,0 +1,108 @@
+//
+//  Created by Roman Chornyi
+//  Copyright © 2026 Dash Core Group. All rights reserved.
+//
+//  Licensed under the MIT License (the "License");
+//  you may not use this file except in compliance with the License.
+//  You may obtain a copy of the License at
+//
+//  https://opensource.org/licenses/MIT
+//
+//  Unless required by applicable law or agreed to in writing, software
+//  distributed under the License is distributed on an "AS IS" BASIS,
+//  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+//  See the License for the specific language governing permissions and
+//  limitations under the License.
+//
+
+import SwiftUI
+
+// MARK: - ReceiveEstimateView
+
+/// A centered "you will receive" estimate shown beneath an amount input in convert/swap flows.
+/// Renders (in priority order): a spinner while loading, an error message, or the estimated
+/// receive amount under a caption. Collapses to nothing when `isVisible` is `false`.
+///
+/// The `title` label is passed in so the component stays localization-agnostic.
+@available(iOS 14, macOS 11, *)
+public struct ReceiveEstimateView: View {
+
+    private let isVisible: Bool
+    private let isLoading: Bool
+    private let errorMessage: String?
+    private let amount: String?
+    private let fiat: String?
+    private let title: String
+    private let approximate: Bool
+
+    /// - Parameters:
+    ///   - fiat: optional fiat value shown after the amount, joined with `≈` (e.g.
+    ///     `"22 DASH ≈ $6.04"`). When `nil` only `amount` is shown.
+    ///   - approximate: when `true` (and no `fiat`) the amount is prefixed with `~` (an estimate,
+    ///     e.g. a swap quote); when `false` it is shown exactly (e.g. a transfer where the fee is
+    ///     added on top and does not change the received amount).
+    public init(
+        isVisible: Bool,
+        title: String,
+        amount: String?,
+        fiat: String? = nil,
+        isLoading: Bool = false,
+        errorMessage: String? = nil,
+        approximate: Bool = true
+    ) {
+        self.isVisible = isVisible
+        self.title = title
+        self.amount = amount
+        self.fiat = fiat
+        self.isLoading = isLoading
+        self.errorMessage = errorMessage
+        self.approximate = approximate
+    }
+
+    private func amountText(_ amount: String) -> String {
+        if let fiat { return "\(amount) ≈ \(fiat)" }
+        return approximate ? "~ \(amount)" : amount
+    }
+
+    public var body: some View {
+        if isVisible {
+            VStack(alignment: .center, spacing: 0) {
+                if isLoading {
+                    ProgressView()
+                } else if let errorMessage {
+                    // An error (e.g. insufficient balance) supersedes the receive estimate — both can
+                    // be set at once, so show the error first.
+                    Text(errorMessage)
+                        .dashFont(.caption1)
+                        .foregroundColor(Color.dash.errorText)
+                } else if let amount {
+                    Text(title)
+                        .dashFont(.caption1)
+                        .foregroundColor(Color.dash.tertiaryText)
+
+                    Text(amountText(amount))
+                        .dashFont(.subhead)
+                        .foregroundColor(Color.dash.primaryText)
+                }
+            }
+            .frame(maxWidth: .infinity, alignment: .center)
+            .transition(.opacity)
+        }
+    }
+}
+
+#if DEBUG
+@available(iOS 14, macOS 11, *)
+struct ReceiveEstimateView_Previews: PreviewProvider {
+    static var previews: some View {
+        VStack(spacing: 24) {
+            ReceiveEstimateView(isVisible: true, title: "Receive amount", amount: nil, isLoading: true)
+            ReceiveEstimateView(isVisible: true, title: "Receive amount", amount: nil, errorMessage: "Insufficient balance")
+            ReceiveEstimateView(isVisible: true, title: "Receive amount", amount: "0.0123 BTC")
+            ReceiveEstimateView(isVisible: true, title: "You will receive", amount: "0.5 DASH", approximate: false)
+        }
+        .padding()
+        .background(Color.dash.primaryBackground)
+    }
+}
+#endif
diff --git a/Sources/DashUIKit/Components/TopIntro/TopIntroView.swift b/Sources/DashUIKit/Components/TopIntro/TopIntroView.swift
new file mode 100644
index 0000000..e77ce4d
--- /dev/null
+++ b/Sources/DashUIKit/Components/TopIntro/TopIntroView.swift
@@ -0,0 +1,60 @@
+//  
+//  Created by Roman Chornyi
+//  Copyright © 2026 Dash Core Group. All rights reserved.
+//
+//  Licensed under the MIT License (the "License");
+//  you may not use this file except in compliance with the License.
+//  You may obtain a copy of the License at
+//
+//  https://opensource.org/licenses/MIT
+//
+//  Unless required by applicable law or agreed to in writing, software
+//  distributed under the License is distributed on an "AS IS" BASIS,
+//  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+//  See the License for the specific language governing permissions and
+//  limitations under the License.
+//
+
+import SwiftUI
+
+@available(iOS 14, macOS 11, *)
+public struct TopIntroView: View {
+    private let title: String
+    private let mainDescription: String?
+    private let secondaryDescription: String?
+
+    public init(title: String, mainDescription: String? = nil, secondaryDescription: String? = nil) {
+        self.title = title
+        self.mainDescription = mainDescription
+        self.secondaryDescription = secondaryDescription
+    }
+
+    public var body: some View {
+        VStack(alignment: .leading, spacing: 4) {
+            //MARK: Title
+            Text(title)
+                .dashFont(.title1)
+                .foregroundColor(Color.dash.primaryText)
+
+            //MARK: Main description
+
+            if let mainDescription {
+                Text(mainDescription)
+                    .dashFont(.subhead)
+                    .foregroundColor(Color.dash.primaryText)
+            }
+
+
+            //MARK: Secondary description
+
+            if let secondaryDescription {
+                Text(secondaryDescription)
+                    .dashFont(.subhead)
+                    .foregroundColor(Color.dash.primaryText)
+            }
+        }
+        .frame(maxWidth: .infinity, alignment: .leading)
+        .padding(.trailing, 40)
+        .padding(.bottom, 10)
+    }
+}
diff --git a/Sources/DashUIKit/Components/Transaction/TransactionView.swift b/Sources/DashUIKit/Components/Transaction/TransactionView.swift
new file mode 100644
index 0000000..e10c035
--- /dev/null
+++ b/Sources/DashUIKit/Components/Transaction/TransactionView.swift
@@ -0,0 +1,288 @@
+//
+//  Created by Roman Chornyi
+//  Copyright © 2026 Dash Core Group. All rights reserved.
+//
+//  Licensed under the MIT License (the "License");
+//  you may not use this file except in compliance with the License.
+//  You may obtain a copy of the License at
+//
+//  https://opensource.org/licenses/MIT
+//
+//  Unless required by applicable law or agreed to in writing, software
+//  distributed under the License is distributed on an "AS IS" BASIS,
+//  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+//  See the License for the specific language governing permissions and
+//  limitations under the License.
+//
+
+import SwiftUI
+
+// MARK: - TransactionView
+
+/// Transaction row: a leading icon (with an optional status badge in the bottom-trailing corner),
+/// a title / time / optional detail line, and a trailing Dash amount (+ optional fiat). Pass
+/// `action` to make the whole row a tappable button; omit it for a static row.
+///
+/// The amount is a raw duff value (`Int64`, 10⁸ per Dash) rendered via `DashAmount`, mirroring
+/// `ConverterCardItem.dashBalance`. Icons are `DashIconSource` (asset in the DashUIKit bundle, an
+/// SF Symbol, or a runtime `UIImage`); pass `iconView` for a custom / remotely-loaded main icon.
+@available(iOS 14, macOS 11, *)
+public struct TransactionView: View {
+
+    private enum Layout {
+        static let rowSpacing: CGFloat = 16
+        static let iconSize: CGFloat = 30
+        static let iconCornerRadius: CGFloat = 12
+        static let badgeSize: CGFloat = 14
+        static let badgeRing: CGFloat = 2
+        static let vPadding: CGFloat = 12
+        static let hPadding: CGFloat = 10
+    }
+
+    // Leading
+    /// Static leading icon. Ignored when `iconView` is non-nil.
+    public var icon: DashIconSource?
+    /// Custom leading view (e.g. a remotely-loaded coin icon). Takes precedence over `icon`.
+    public var iconView: AnyView?
+    /// Small status badge pinned to the icon's bottom-trailing corner (e.g. processing / locked).
+    public var secondaryIcon: DashIconSource?
+
+    // Central
+    /// Optional header above the title, e.g. a grouped-set count like "3 transactions".
+    public var topText: String?
+    public var title: String
+    /// Secondary line, typically the time ("8:34 AM").
+    public var subtitle: String?
+    /// Optional extra state/detail line shown next to the subtitle.
+    public var details: String?
+
+    // Trailing
+    /// Dash amount in duffs (10⁸ per Dash). Negative = outgoing.
+    public var dashAmount: Int64
+    public var amountSign: DashAmountSign
+    public var fiat: String?
+    /// Short status shown immediately before the amount, e.g. "Locked" for a coinbase reward that
+    /// has not matured yet. Rendered in the warning tone, since it qualifies the amount.
+    public var trailingStatusText: String?
+
+    /// When set, the whole row is a plain-styled button. `nil` renders a non-interactive row.
+    public var action: (() -> Void)?
+
+    public init(
+        icon: DashIconSource? = nil,
+        iconView: AnyView? = nil,
+        secondaryIcon: DashIconSource? = nil,
+        topText: String? = nil,
+        title: String,
+        subtitle: String? = nil,
+        details: String? = nil,
+        dashAmount: Int64 = 0,
+        amountSign: DashAmountSign = .negativeOnly,
+        fiat: String? = nil,
+        trailingStatusText: String? = nil,
+        action: (() -> Void)? = nil
+    ) {
+        self.icon = icon
+        self.iconView = iconView
+        self.secondaryIcon = secondaryIcon
+        self.topText = topText
+        self.title = title
+        self.subtitle = subtitle
+        self.details = details
+        self.dashAmount = dashAmount
+        self.amountSign = amountSign
+        self.fiat = fiat
+        self.trailingStatusText = trailingStatusText
+        self.action = action
+    }
+
+    public var body: some View {
+        if let action {
+            Button(action: action) { content }
+                .buttonStyle(.plain)
+        } else {
+            content
+        }
+    }
+
+    private var content: some View {
+        HStack(spacing: Layout.rowSpacing) {
+            iconWrap
+            infoWrap
+        }
+        .padding(.vertical, Layout.vPadding)
+        .padding(.horizontal, Layout.hPadding)
+        .contentShape(Rectangle())
+    }
+
+    // MARK: - Icon
+
+    private var iconWrap: some View {
+        // `.overlay(_:alignment:)` (iOS 13) rather than `.overlay(alignment:content:)` (iOS 15),
+        // so the component stays usable at the iOS 14 deployment target.
+        mainIcon
+            .frame(width: Layout.iconSize, height: Layout.iconSize)
+            .clipShape(RoundedRectangle(cornerRadius: Layout.iconCornerRadius, style: .continuous))
+            .overlay(
+                secondaryBadge
+                    .offset(x: 3,y: 3),
+                alignment: .bottomTrailing
+            )
+    }
+
+    @ViewBuilder
+    private var secondaryBadge: some View {
+        if let secondaryIcon {
+            Image(dash: secondaryIcon)
+                .resizable()
+                .scaledToFit()
+                .frame(width: Layout.badgeSize, height: Layout.badgeSize)
+                .padding(Layout.badgeRing)
+                .background(Circle().fill(Color.dash.secondaryBackground))
+                // Nudge the badge to sit on the icon's corner.
+                .offset(x: Layout.badgeRing, y: Layout.badgeRing)
+        }
+    }
+
+    @ViewBuilder
+    private var mainIcon: some View {
+        if let iconView {
+            iconView
+        } else if let icon {
+            Image(dash: icon)
+                .resizable()
+                .scaledToFit()
+        } else {
+            Color.clear
+        }
+    }
+
+    // MARK: - Info
+
+    private var infoWrap: some View {
+        VStack(alignment: .leading, spacing: 0) {
+            if let topText {
+                Text(topText)
+                    .dashFont(.footnote)
+                    .foregroundColor(Color.dash.secondaryText)
+            }
+
+            HStack(alignment: .center, spacing: 8) {
+                VStack(alignment: .leading, spacing: 1) {
+                    Text(title)
+                        .dashFont(.footnoteMedium)
+                        .foregroundColor(Color.dash.primaryText)
+
+                    HStack(spacing: 8) {
+                        if let subtitle {
+                            Text(subtitle)
+                                .dashFont(.footnote)
+                                .foregroundColor(Color.dash.secondaryText)
+                        }
+
+                        // Badge
+                        if let details {
+                            HStack(spacing: 2) {
+                                Text(details)
+                                    .dashFont(.caption1Medium)
+                                    .foregroundColor(Color.dash.blueText)
+                            }
+                            .padding(.horizontal, 4)
+                            .background(Color.dash.blueAlpha10)
+                            .clipShape(RoundedRectangle(cornerRadius: 7, style: .continuous))
+                        }
+                    }
+                }
+                .frame(maxWidth: .infinity, alignment: .leading)
+
+                trailingAmount
+            }
+        }
+    }
+
+    private var trailingAmount: some View {
+        VStack(alignment: .trailing, spacing: 1) {
+            HStack(spacing: 4) {
+                if let trailingStatusText {
+                    Text(trailingStatusText)
+                        .dashFont(.caption1Medium)
+                        .foregroundColor(Color.dash.orange)
+                }
+
+                DashAmount(amount: dashAmount, sign: amountSign)
+                    .foregroundColor(Color.dash.primaryText)
+            }
+
+            if let fiat {
+                Text(fiat)
+                    .dashFont(.footnote)
+                    .foregroundColor(Color.dash.secondaryText)
+            }
+        }
+    }
+}
+
+// MARK: - Previews
+
+#if DEBUG
+
+@available(iOS 17, macOS 14, *)
+#Preview("Received") {
+    TransactionView(
+        icon: .system("arrow.down.circle.fill"),
+        title: "Received",
+        subtitle: "8:34 AM",
+        dashAmount: 6_791_000,
+        amountSign: .always,
+        fiat: "$ 1.87"
+    )
+    .padding(.horizontal)
+    .background(Color.dash.primaryBackground)
+}
+
+@available(iOS 17, macOS 14, *)
+#Preview("Sent + badge") {
+    TransactionView(
+        icon: .system("arrow.up.circle.fill"),
+        secondaryIcon: .system("clock.fill"),
+        title: "Sent",
+        subtitle: "8:34 AM",
+        details: "Processing",
+        dashAmount: -1_250_000,
+        amountSign: .negativeOnly,
+        fiat: "$ 0.34"
+    )
+    .padding(.horizontal)
+    .background(Color.dash.primaryBackground)
+}
+
+@available(iOS 17, macOS 14, *)
+#Preview("Grouped set") {
+    TransactionView(
+        icon: .system("circle.grid.2x2.fill"),
+        topText: "3 transactions",
+        title: "Mixing Transactions",
+        subtitle: "8:34 AM",
+        dashAmount: 50_000_000,
+        amountSign: .none
+    )
+    .padding(.horizontal)
+    .background(Color.dash.primaryBackground)
+}
+
+@available(iOS 17, macOS 14, *)
+#Preview("Locked reward") {
+    TransactionView(
+        icon: .custom("transaction-mining"),
+        title: "Reward",
+        subtitle: "8:34 AM",
+        dashAmount: 250_000_000,
+        amountSign: .always,
+        fiat: "$ 68.75",
+        trailingStatusText: "Locked"
+    )
+    .padding(.horizontal)
+    .background(Color.dash.primaryBackground)
+}
+
+#endif
diff --git a/Sources/DashUIKit/Foundation/DashTextStyle.swift b/Sources/DashUIKit/Foundation/DashTextStyle.swift
index ee83a5b..e057673 100644
--- a/Sources/DashUIKit/Foundation/DashTextStyle.swift
+++ b/Sources/DashUIKit/Foundation/DashTextStyle.swift
@@ -56,6 +56,7 @@ public extension DashTextStyle {
     static let footnote = DashTextStyle(size: 13, weight: .regular, lineHeight: 18)
     static let footnoteMedium = DashTextStyle(size: 13, weight: .medium, lineHeight: 18)
     static let caption1 = DashTextStyle(size: 12, weight: .regular, lineHeight: 16)
+    static let caption1Medium = DashTextStyle(size: 12, weight: .medium, lineHeight: 16)
     static let caption2 = DashTextStyle(size: 11, weight: .regular, lineHeight: 13)
 }
 
diff --git a/Sources/DashUIKit/Foundation/Font+DashUI.swift b/Sources/DashUIKit/Foundation/Font+DashUI.swift
index 77e6404..5ed43f6 100644
--- a/Sources/DashUIKit/Foundation/Font+DashUI.swift
+++ b/Sources/DashUIKit/Foundation/Font+DashUI.swift
@@ -68,6 +68,9 @@ public enum DashFonts {
     /// Caption 1: 12pt Regular (line height: 16pt)
     public static let caption1: Font = DashTextStyle.caption1.font
 
+    /// Caption 1 Medium: 12pt Medium (line height: 16pt)
+    public static let caption1Medium: Font = DashTextStyle.caption1Medium.font
+
     /// Caption 2: 11pt Regular (line height: 13pt)
     public static let caption2: Font = DashTextStyle.caption2.font
 }
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Other/text-field-qr.imageset/Contents.json b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Other/text-field-qr.imageset/Contents.json
index 3965fc8..cefaee3 100644
--- a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Other/text-field-qr.imageset/Contents.json	
+++ b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Other/text-field-qr.imageset/Contents.json	
@@ -5,15 +5,48 @@
       "idiom" : "universal",
       "scale" : "1x"
     },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "text-field-qr-dark.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
     {
       "filename" : "qr@x2.png",
       "idiom" : "universal",
       "scale" : "2x"
     },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "text-field-qr-dark@2x.png",
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
     {
       "filename" : "qr@x3.png",
       "idiom" : "universal",
       "scale" : "3x"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "text-field-qr-dark@3x.png",
+      "idiom" : "universal",
+      "scale" : "3x"
     }
   ],
   "info" : {
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Other/text-field-qr.imageset/text-field-qr-dark.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Other/text-field-qr.imageset/text-field-qr-dark.png
new file mode 100644
index 0000000..9fc9adc
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Other/text-field-qr.imageset/text-field-qr-dark.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Other/text-field-qr.imageset/text-field-qr-dark@2x.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Other/text-field-qr.imageset/text-field-qr-dark@2x.png
new file mode 100644
index 0000000..4e52fae
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Other/text-field-qr.imageset/text-field-qr-dark@2x.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Other/text-field-qr.imageset/text-field-qr-dark@3x.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Other/text-field-qr.imageset/text-field-qr-dark@3x.png
new file mode 100644
index 0000000..3d12b21
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Other/text-field-qr.imageset/text-field-qr-dark@3x.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/AdditionalInfo/Contents.json b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/AdditionalInfo/Contents.json
new file mode 100644
index 0000000..73c0059
--- /dev/null
+++ b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/AdditionalInfo/Contents.json	
@@ -0,0 +1,6 @@
+{
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/AdditionalInfo/additional-info-error.imageset/Contents.json b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/AdditionalInfo/additional-info-error.imageset/Contents.json
new file mode 100644
index 0000000..255ae90
--- /dev/null
+++ b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/AdditionalInfo/additional-info-error.imageset/Contents.json	
@@ -0,0 +1,56 @@
+{
+  "images" : [
+    {
+      "filename" : "additional-info-error.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "additional-info-error-dark.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "filename" : "additional-info-error@2x.png",
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "additional-info-error-dark@2x.png",
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "filename" : "additional-info-error@3x.png",
+      "idiom" : "universal",
+      "scale" : "3x"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "additional-info-error-dark@3x.png",
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/AdditionalInfo/additional-info-error.imageset/additional-info-error-dark.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/AdditionalInfo/additional-info-error.imageset/additional-info-error-dark.png
new file mode 100644
index 0000000..f1fb1c7
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/AdditionalInfo/additional-info-error.imageset/additional-info-error-dark.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/AdditionalInfo/additional-info-error.imageset/additional-info-error-dark@2x.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/AdditionalInfo/additional-info-error.imageset/additional-info-error-dark@2x.png
new file mode 100644
index 0000000..272b19f
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/AdditionalInfo/additional-info-error.imageset/additional-info-error-dark@2x.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/AdditionalInfo/additional-info-error.imageset/additional-info-error-dark@3x.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/AdditionalInfo/additional-info-error.imageset/additional-info-error-dark@3x.png
new file mode 100644
index 0000000..ccd8f91
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/AdditionalInfo/additional-info-error.imageset/additional-info-error-dark@3x.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/AdditionalInfo/additional-info-error.imageset/additional-info-error.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/AdditionalInfo/additional-info-error.imageset/additional-info-error.png
new file mode 100644
index 0000000..c8f175e
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/AdditionalInfo/additional-info-error.imageset/additional-info-error.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/AdditionalInfo/additional-info-error.imageset/additional-info-error@2x.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/AdditionalInfo/additional-info-error.imageset/additional-info-error@2x.png
new file mode 100644
index 0000000..addd656
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/AdditionalInfo/additional-info-error.imageset/additional-info-error@2x.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/AdditionalInfo/additional-info-error.imageset/additional-info-error@3x.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/AdditionalInfo/additional-info-error.imageset/additional-info-error@3x.png
new file mode 100644
index 0000000..f5fd41a
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/AdditionalInfo/additional-info-error.imageset/additional-info-error@3x.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/AdditionalInfo/additional-info-gift-card.imageset/Contents.json b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/AdditionalInfo/additional-info-gift-card.imageset/Contents.json
new file mode 100644
index 0000000..51603f8
--- /dev/null
+++ b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/AdditionalInfo/additional-info-gift-card.imageset/Contents.json	
@@ -0,0 +1,56 @@
+{
+  "images" : [
+    {
+      "filename" : "additional-info-gift-card.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "additional-info-gift-card-dark.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "filename" : "additional-info-gift-card@2x.png",
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "additional-info-gift-card-dark@2x.png",
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "filename" : "additional-info-gift-card@3x.png",
+      "idiom" : "universal",
+      "scale" : "3x"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "additional-info-gift-card-dark@3x.png",
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/AdditionalInfo/additional-info-gift-card.imageset/additional-info-gift-card-dark.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/AdditionalInfo/additional-info-gift-card.imageset/additional-info-gift-card-dark.png
new file mode 100644
index 0000000..a4e3213
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/AdditionalInfo/additional-info-gift-card.imageset/additional-info-gift-card-dark.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/AdditionalInfo/additional-info-gift-card.imageset/additional-info-gift-card-dark@2x.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/AdditionalInfo/additional-info-gift-card.imageset/additional-info-gift-card-dark@2x.png
new file mode 100644
index 0000000..7af1f91
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/AdditionalInfo/additional-info-gift-card.imageset/additional-info-gift-card-dark@2x.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/AdditionalInfo/additional-info-gift-card.imageset/additional-info-gift-card-dark@3x.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/AdditionalInfo/additional-info-gift-card.imageset/additional-info-gift-card-dark@3x.png
new file mode 100644
index 0000000..0baa471
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/AdditionalInfo/additional-info-gift-card.imageset/additional-info-gift-card-dark@3x.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/AdditionalInfo/additional-info-gift-card.imageset/additional-info-gift-card.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/AdditionalInfo/additional-info-gift-card.imageset/additional-info-gift-card.png
new file mode 100644
index 0000000..82db81d
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/AdditionalInfo/additional-info-gift-card.imageset/additional-info-gift-card.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/AdditionalInfo/additional-info-gift-card.imageset/additional-info-gift-card@2x.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/AdditionalInfo/additional-info-gift-card.imageset/additional-info-gift-card@2x.png
new file mode 100644
index 0000000..c2d75f5
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/AdditionalInfo/additional-info-gift-card.imageset/additional-info-gift-card@2x.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/AdditionalInfo/additional-info-gift-card.imageset/additional-info-gift-card@3x.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/AdditionalInfo/additional-info-gift-card.imageset/additional-info-gift-card@3x.png
new file mode 100644
index 0000000..616efbb
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/AdditionalInfo/additional-info-gift-card.imageset/additional-info-gift-card@3x.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/AdditionalInfo/additional-info-received.imageset/Contents.json b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/AdditionalInfo/additional-info-received.imageset/Contents.json
new file mode 100644
index 0000000..72c07ce
--- /dev/null
+++ b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/AdditionalInfo/additional-info-received.imageset/Contents.json	
@@ -0,0 +1,56 @@
+{
+  "images" : [
+    {
+      "filename" : "additional-info-received.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "additional-info-received-dark.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "filename" : "additional-info-received@2x.png",
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "additional-info-received-dark@2x.png",
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "filename" : "additional-info-received@3x.png",
+      "idiom" : "universal",
+      "scale" : "3x"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "additional-info-received-dark@3x.png",
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/AdditionalInfo/additional-info-received.imageset/additional-info-received-dark.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/AdditionalInfo/additional-info-received.imageset/additional-info-received-dark.png
new file mode 100644
index 0000000..b9b5082
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/AdditionalInfo/additional-info-received.imageset/additional-info-received-dark.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/AdditionalInfo/additional-info-received.imageset/additional-info-received-dark@2x.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/AdditionalInfo/additional-info-received.imageset/additional-info-received-dark@2x.png
new file mode 100644
index 0000000..cbdc2d1
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/AdditionalInfo/additional-info-received.imageset/additional-info-received-dark@2x.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/AdditionalInfo/additional-info-received.imageset/additional-info-received-dark@3x.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/AdditionalInfo/additional-info-received.imageset/additional-info-received-dark@3x.png
new file mode 100644
index 0000000..278c251
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/AdditionalInfo/additional-info-received.imageset/additional-info-received-dark@3x.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/AdditionalInfo/additional-info-received.imageset/additional-info-received.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/AdditionalInfo/additional-info-received.imageset/additional-info-received.png
new file mode 100644
index 0000000..831bca9
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/AdditionalInfo/additional-info-received.imageset/additional-info-received.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/AdditionalInfo/additional-info-received.imageset/additional-info-received@2x.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/AdditionalInfo/additional-info-received.imageset/additional-info-received@2x.png
new file mode 100644
index 0000000..77a90f1
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/AdditionalInfo/additional-info-received.imageset/additional-info-received@2x.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/AdditionalInfo/additional-info-received.imageset/additional-info-received@3x.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/AdditionalInfo/additional-info-received.imageset/additional-info-received@3x.png
new file mode 100644
index 0000000..54af16b
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/AdditionalInfo/additional-info-received.imageset/additional-info-received@3x.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/AdditionalInfo/additional-info-sent.imageset/Contents.json b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/AdditionalInfo/additional-info-sent.imageset/Contents.json
new file mode 100644
index 0000000..8047b76
--- /dev/null
+++ b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/AdditionalInfo/additional-info-sent.imageset/Contents.json	
@@ -0,0 +1,56 @@
+{
+  "images" : [
+    {
+      "filename" : "additional-info-sent.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "additional-info-sent-dark.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "filename" : "additional-info-sent@2x.png",
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "additional-info-sent-dark@2x.png",
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "filename" : "additional-info-sent@3x.png",
+      "idiom" : "universal",
+      "scale" : "3x"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "additional-info-sent-dark@3x.png",
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/AdditionalInfo/additional-info-sent.imageset/additional-info-sent-dark.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/AdditionalInfo/additional-info-sent.imageset/additional-info-sent-dark.png
new file mode 100644
index 0000000..e4104a9
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/AdditionalInfo/additional-info-sent.imageset/additional-info-sent-dark.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/AdditionalInfo/additional-info-sent.imageset/additional-info-sent-dark@2x.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/AdditionalInfo/additional-info-sent.imageset/additional-info-sent-dark@2x.png
new file mode 100644
index 0000000..d82725a
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/AdditionalInfo/additional-info-sent.imageset/additional-info-sent-dark@2x.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/AdditionalInfo/additional-info-sent.imageset/additional-info-sent-dark@3x.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/AdditionalInfo/additional-info-sent.imageset/additional-info-sent-dark@3x.png
new file mode 100644
index 0000000..1fe6122
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/AdditionalInfo/additional-info-sent.imageset/additional-info-sent-dark@3x.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/AdditionalInfo/additional-info-sent.imageset/additional-info-sent.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/AdditionalInfo/additional-info-sent.imageset/additional-info-sent.png
new file mode 100644
index 0000000..553353c
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/AdditionalInfo/additional-info-sent.imageset/additional-info-sent.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/AdditionalInfo/additional-info-sent.imageset/additional-info-sent@2x.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/AdditionalInfo/additional-info-sent.imageset/additional-info-sent@2x.png
new file mode 100644
index 0000000..ebfb1ef
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/AdditionalInfo/additional-info-sent.imageset/additional-info-sent@2x.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/AdditionalInfo/additional-info-sent.imageset/additional-info-sent@3x.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/AdditionalInfo/additional-info-sent.imageset/additional-info-sent@3x.png
new file mode 100644
index 0000000..b9b71d6
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/AdditionalInfo/additional-info-sent.imageset/additional-info-sent@3x.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Contents.json b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Contents.json
new file mode 100644
index 0000000..73c0059
--- /dev/null
+++ b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Contents.json	
@@ -0,0 +1,6 @@
+{
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/Contents.json b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/Contents.json
new file mode 100644
index 0000000..73c0059
--- /dev/null
+++ b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/Contents.json	
@@ -0,0 +1,6 @@
+{
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-all.trans.imageset/Contents.json b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-all.trans.imageset/Contents.json
new file mode 100644
index 0000000..b844f7b
--- /dev/null
+++ b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-all.trans.imageset/Contents.json	
@@ -0,0 +1,56 @@
+{
+  "images" : [
+    {
+      "filename" : "transaction-all.trans.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "transaction-all.trans-dark.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "filename" : "transaction-all.trans@2x.png",
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "transaction-all.trans-dark@2x.png",
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "filename" : "transaction-all.trans@3x.png",
+      "idiom" : "universal",
+      "scale" : "3x"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "transaction-all.trans-dark@3x.png",
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-all.trans.imageset/transaction-all.trans-dark.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-all.trans.imageset/transaction-all.trans-dark.png
new file mode 100644
index 0000000..720b8f1
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-all.trans.imageset/transaction-all.trans-dark.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-all.trans.imageset/transaction-all.trans-dark@2x.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-all.trans.imageset/transaction-all.trans-dark@2x.png
new file mode 100644
index 0000000..07d01dd
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-all.trans.imageset/transaction-all.trans-dark@2x.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-all.trans.imageset/transaction-all.trans-dark@3x.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-all.trans.imageset/transaction-all.trans-dark@3x.png
new file mode 100644
index 0000000..fbc6530
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-all.trans.imageset/transaction-all.trans-dark@3x.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-all.trans.imageset/transaction-all.trans.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-all.trans.imageset/transaction-all.trans.png
new file mode 100644
index 0000000..8509604
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-all.trans.imageset/transaction-all.trans.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-all.trans.imageset/transaction-all.trans@2x.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-all.trans.imageset/transaction-all.trans@2x.png
new file mode 100644
index 0000000..3ac3f92
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-all.trans.imageset/transaction-all.trans@2x.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-all.trans.imageset/transaction-all.trans@3x.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-all.trans.imageset/transaction-all.trans@3x.png
new file mode 100644
index 0000000..ca1d5b7
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-all.trans.imageset/transaction-all.trans@3x.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-coinbase.received.imageset/Contents.json b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-coinbase.received.imageset/Contents.json
new file mode 100644
index 0000000..8db87e8
--- /dev/null
+++ b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-coinbase.received.imageset/Contents.json	
@@ -0,0 +1,56 @@
+{
+  "images" : [
+    {
+      "filename" : "transaction-coinbase.received.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "transaction-coinbase.received-dark.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "filename" : "transaction-coinbase.received@2x.png",
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "transaction-coinbase.received-dark@2x.png",
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "filename" : "transaction-coinbase.received@3x.png",
+      "idiom" : "universal",
+      "scale" : "3x"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "transaction-coinbase.received-dark@3x.png",
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-coinbase.received.imageset/transaction-coinbase.received-dark.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-coinbase.received.imageset/transaction-coinbase.received-dark.png
new file mode 100644
index 0000000..cb888b2
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-coinbase.received.imageset/transaction-coinbase.received-dark.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-coinbase.received.imageset/transaction-coinbase.received-dark@2x.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-coinbase.received.imageset/transaction-coinbase.received-dark@2x.png
new file mode 100644
index 0000000..1ec728c
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-coinbase.received.imageset/transaction-coinbase.received-dark@2x.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-coinbase.received.imageset/transaction-coinbase.received-dark@3x.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-coinbase.received.imageset/transaction-coinbase.received-dark@3x.png
new file mode 100644
index 0000000..a6bb88a
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-coinbase.received.imageset/transaction-coinbase.received-dark@3x.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-coinbase.received.imageset/transaction-coinbase.received.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-coinbase.received.imageset/transaction-coinbase.received.png
new file mode 100644
index 0000000..cb888b2
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-coinbase.received.imageset/transaction-coinbase.received.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-coinbase.received.imageset/transaction-coinbase.received@2x.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-coinbase.received.imageset/transaction-coinbase.received@2x.png
new file mode 100644
index 0000000..1ec728c
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-coinbase.received.imageset/transaction-coinbase.received@2x.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-coinbase.received.imageset/transaction-coinbase.received@3x.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-coinbase.received.imageset/transaction-coinbase.received@3x.png
new file mode 100644
index 0000000..a6bb88a
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-coinbase.received.imageset/transaction-coinbase.received@3x.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-contact-request-approve.imageset/Contents.json b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-contact-request-approve.imageset/Contents.json
new file mode 100644
index 0000000..66f9ff1
--- /dev/null
+++ b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-contact-request-approve.imageset/Contents.json	
@@ -0,0 +1,56 @@
+{
+  "images" : [
+    {
+      "filename" : "transaction-contact-request-approve.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "transaction-contact-request-approve-dark.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "filename" : "transaction-contact-request-approve@2x.png",
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "transaction-contact-request-approve-dark@2x.png",
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "filename" : "transaction-contact-request-approve@3x.png",
+      "idiom" : "universal",
+      "scale" : "3x"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "transaction-contact-request-approve-dark@3x.png",
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-contact-request-approve.imageset/transaction-contact-request-approve-dark.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-contact-request-approve.imageset/transaction-contact-request-approve-dark.png
new file mode 100644
index 0000000..84ebe9e
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-contact-request-approve.imageset/transaction-contact-request-approve-dark.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-contact-request-approve.imageset/transaction-contact-request-approve-dark@2x.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-contact-request-approve.imageset/transaction-contact-request-approve-dark@2x.png
new file mode 100644
index 0000000..e392220
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-contact-request-approve.imageset/transaction-contact-request-approve-dark@2x.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-contact-request-approve.imageset/transaction-contact-request-approve-dark@3x.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-contact-request-approve.imageset/transaction-contact-request-approve-dark@3x.png
new file mode 100644
index 0000000..bd82dac
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-contact-request-approve.imageset/transaction-contact-request-approve-dark@3x.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-contact-request-approve.imageset/transaction-contact-request-approve.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-contact-request-approve.imageset/transaction-contact-request-approve.png
new file mode 100644
index 0000000..36ac035
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-contact-request-approve.imageset/transaction-contact-request-approve.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-contact-request-approve.imageset/transaction-contact-request-approve@2x.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-contact-request-approve.imageset/transaction-contact-request-approve@2x.png
new file mode 100644
index 0000000..3bc5d3d
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-contact-request-approve.imageset/transaction-contact-request-approve@2x.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-contact-request-approve.imageset/transaction-contact-request-approve@3x.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-contact-request-approve.imageset/transaction-contact-request-approve@3x.png
new file mode 100644
index 0000000..b96504c
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-contact-request-approve.imageset/transaction-contact-request-approve@3x.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-contact-request-sent.imageset/Contents.json b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-contact-request-sent.imageset/Contents.json
new file mode 100644
index 0000000..c896ebf
--- /dev/null
+++ b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-contact-request-sent.imageset/Contents.json	
@@ -0,0 +1,56 @@
+{
+  "images" : [
+    {
+      "filename" : "transaction-contact-request-sent.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "transaction-contact-request-sent-dark.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "filename" : "transaction-contact-request-sent@2x.png",
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "transaction-contact-request-sent-dark@2x.png",
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "filename" : "transaction-contact-request-sent@3x.png",
+      "idiom" : "universal",
+      "scale" : "3x"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "transaction-contact-request-sent-dark@3x.png",
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-contact-request-sent.imageset/transaction-contact-request-sent-dark.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-contact-request-sent.imageset/transaction-contact-request-sent-dark.png
new file mode 100644
index 0000000..15f2019
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-contact-request-sent.imageset/transaction-contact-request-sent-dark.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-contact-request-sent.imageset/transaction-contact-request-sent-dark@2x.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-contact-request-sent.imageset/transaction-contact-request-sent-dark@2x.png
new file mode 100644
index 0000000..1d1d030
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-contact-request-sent.imageset/transaction-contact-request-sent-dark@2x.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-contact-request-sent.imageset/transaction-contact-request-sent-dark@3x.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-contact-request-sent.imageset/transaction-contact-request-sent-dark@3x.png
new file mode 100644
index 0000000..fd41065
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-contact-request-sent.imageset/transaction-contact-request-sent-dark@3x.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-contact-request-sent.imageset/transaction-contact-request-sent.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-contact-request-sent.imageset/transaction-contact-request-sent.png
new file mode 100644
index 0000000..755bf8c
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-contact-request-sent.imageset/transaction-contact-request-sent.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-contact-request-sent.imageset/transaction-contact-request-sent@2x.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-contact-request-sent.imageset/transaction-contact-request-sent@2x.png
new file mode 100644
index 0000000..16019a7
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-contact-request-sent.imageset/transaction-contact-request-sent@2x.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-contact-request-sent.imageset/transaction-contact-request-sent@3x.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-contact-request-sent.imageset/transaction-contact-request-sent@3x.png
new file mode 100644
index 0000000..90679fe
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-contact-request-sent.imageset/transaction-contact-request-sent@3x.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-convert.imageset/Contents.json b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-convert.imageset/Contents.json
new file mode 100644
index 0000000..b15e163
--- /dev/null
+++ b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-convert.imageset/Contents.json	
@@ -0,0 +1,56 @@
+{
+  "images" : [
+    {
+      "filename" : "transaction-convert.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "transaction-convert-dark.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "filename" : "transaction-convert@2x.png",
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "transaction-convert-dark@2x.png",
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "filename" : "transaction-convert@3x.png",
+      "idiom" : "universal",
+      "scale" : "3x"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "transaction-convert-dark@3x.png",
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-convert.imageset/transaction-convert-dark.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-convert.imageset/transaction-convert-dark.png
new file mode 100644
index 0000000..7b1eddd
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-convert.imageset/transaction-convert-dark.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-convert.imageset/transaction-convert-dark@2x.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-convert.imageset/transaction-convert-dark@2x.png
new file mode 100644
index 0000000..f5b68e8
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-convert.imageset/transaction-convert-dark@2x.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-convert.imageset/transaction-convert-dark@3x.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-convert.imageset/transaction-convert-dark@3x.png
new file mode 100644
index 0000000..6bf3744
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-convert.imageset/transaction-convert-dark@3x.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-convert.imageset/transaction-convert.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-convert.imageset/transaction-convert.png
new file mode 100644
index 0000000..6f9d971
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-convert.imageset/transaction-convert.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-convert.imageset/transaction-convert@2x.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-convert.imageset/transaction-convert@2x.png
new file mode 100644
index 0000000..98ec563
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-convert.imageset/transaction-convert@2x.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-convert.imageset/transaction-convert@3x.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-convert.imageset/transaction-convert@3x.png
new file mode 100644
index 0000000..20ff6d7
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-convert.imageset/transaction-convert@3x.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-crowdnode.imageset/Contents.json b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-crowdnode.imageset/Contents.json
new file mode 100644
index 0000000..d1b43ba
--- /dev/null
+++ b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-crowdnode.imageset/Contents.json	
@@ -0,0 +1,56 @@
+{
+  "images" : [
+    {
+      "filename" : "transaction-crowdnode.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "transaction-crowdnode-dark.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "filename" : "transaction-crowdnode@2x.png",
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "transaction-crowdnode-dark@2x.png",
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "filename" : "transaction-crowdnode@3x.png",
+      "idiom" : "universal",
+      "scale" : "3x"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "transaction-crowdnode-dark@3x.png",
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-crowdnode.imageset/transaction-crowdnode-dark.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-crowdnode.imageset/transaction-crowdnode-dark.png
new file mode 100644
index 0000000..eca72bf
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-crowdnode.imageset/transaction-crowdnode-dark.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-crowdnode.imageset/transaction-crowdnode-dark@2x.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-crowdnode.imageset/transaction-crowdnode-dark@2x.png
new file mode 100644
index 0000000..90dd6c5
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-crowdnode.imageset/transaction-crowdnode-dark@2x.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-crowdnode.imageset/transaction-crowdnode-dark@3x.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-crowdnode.imageset/transaction-crowdnode-dark@3x.png
new file mode 100644
index 0000000..d439c0b
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-crowdnode.imageset/transaction-crowdnode-dark@3x.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-crowdnode.imageset/transaction-crowdnode.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-crowdnode.imageset/transaction-crowdnode.png
new file mode 100644
index 0000000..eca72bf
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-crowdnode.imageset/transaction-crowdnode.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-crowdnode.imageset/transaction-crowdnode@2x.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-crowdnode.imageset/transaction-crowdnode@2x.png
new file mode 100644
index 0000000..90dd6c5
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-crowdnode.imageset/transaction-crowdnode@2x.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-crowdnode.imageset/transaction-crowdnode@3x.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-crowdnode.imageset/transaction-crowdnode@3x.png
new file mode 100644
index 0000000..d439c0b
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-crowdnode.imageset/transaction-crowdnode@3x.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-error.imageset/Contents.json b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-error.imageset/Contents.json
new file mode 100644
index 0000000..d51fdd7
--- /dev/null
+++ b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-error.imageset/Contents.json	
@@ -0,0 +1,56 @@
+{
+  "images" : [
+    {
+      "filename" : "transaction-error.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "transaction-error-dark.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "filename" : "transaction-error@2x.png",
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "transaction-error-dark@2x.png",
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "filename" : "transaction-error@3x.png",
+      "idiom" : "universal",
+      "scale" : "3x"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "transaction-error-dark@3x.png",
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-error.imageset/transaction-error-dark.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-error.imageset/transaction-error-dark.png
new file mode 100644
index 0000000..f3a34d4
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-error.imageset/transaction-error-dark.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-error.imageset/transaction-error-dark@2x.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-error.imageset/transaction-error-dark@2x.png
new file mode 100644
index 0000000..80e14ff
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-error.imageset/transaction-error-dark@2x.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-error.imageset/transaction-error-dark@3x.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-error.imageset/transaction-error-dark@3x.png
new file mode 100644
index 0000000..e706f0b
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-error.imageset/transaction-error-dark@3x.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-error.imageset/transaction-error.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-error.imageset/transaction-error.png
new file mode 100644
index 0000000..d748a65
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-error.imageset/transaction-error.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-error.imageset/transaction-error@2x.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-error.imageset/transaction-error@2x.png
new file mode 100644
index 0000000..359b884
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-error.imageset/transaction-error@2x.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-error.imageset/transaction-error@3x.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-error.imageset/transaction-error@3x.png
new file mode 100644
index 0000000..8336261
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-error.imageset/transaction-error@3x.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-gift-card.imageset/Contents.json b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-gift-card.imageset/Contents.json
new file mode 100644
index 0000000..9e41a38
--- /dev/null
+++ b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-gift-card.imageset/Contents.json	
@@ -0,0 +1,56 @@
+{
+  "images" : [
+    {
+      "filename" : "transaction-gift-card.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "transaction-gift-card-dark.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "filename" : "transaction-gift-card@2x.png",
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "transaction-gift-card-dark@2x.png",
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "filename" : "transaction-gift-card@3x.png",
+      "idiom" : "universal",
+      "scale" : "3x"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "transaction-gift-card-dark@3x.png",
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-gift-card.imageset/transaction-gift-card-dark.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-gift-card.imageset/transaction-gift-card-dark.png
new file mode 100644
index 0000000..7e7c9ec
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-gift-card.imageset/transaction-gift-card-dark.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-gift-card.imageset/transaction-gift-card-dark@2x.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-gift-card.imageset/transaction-gift-card-dark@2x.png
new file mode 100644
index 0000000..c859884
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-gift-card.imageset/transaction-gift-card-dark@2x.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-gift-card.imageset/transaction-gift-card-dark@3x.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-gift-card.imageset/transaction-gift-card-dark@3x.png
new file mode 100644
index 0000000..3f31a04
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-gift-card.imageset/transaction-gift-card-dark@3x.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-gift-card.imageset/transaction-gift-card.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-gift-card.imageset/transaction-gift-card.png
new file mode 100644
index 0000000..7e7c9ec
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-gift-card.imageset/transaction-gift-card.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-gift-card.imageset/transaction-gift-card@2x.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-gift-card.imageset/transaction-gift-card@2x.png
new file mode 100644
index 0000000..c859884
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-gift-card.imageset/transaction-gift-card@2x.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-gift-card.imageset/transaction-gift-card@3x.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-gift-card.imageset/transaction-gift-card@3x.png
new file mode 100644
index 0000000..3f31a04
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-gift-card.imageset/transaction-gift-card@3x.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-internal-transfer.imageset/Contents.json b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-internal-transfer.imageset/Contents.json
new file mode 100644
index 0000000..c20c13c
--- /dev/null
+++ b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-internal-transfer.imageset/Contents.json	
@@ -0,0 +1,56 @@
+{
+  "images" : [
+    {
+      "filename" : "transaction-internal-transfer.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "transaction-internal-transfer-dark.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "filename" : "transaction-internal-transfer@2x.png",
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "transaction-internal-transfer-dark@2x.png",
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "filename" : "transaction-internal-transfer@3x.png",
+      "idiom" : "universal",
+      "scale" : "3x"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "transaction-internal-transfer-dark@3x.png",
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-internal-transfer.imageset/transaction-internal-transfer-dark.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-internal-transfer.imageset/transaction-internal-transfer-dark.png
new file mode 100644
index 0000000..4deca55
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-internal-transfer.imageset/transaction-internal-transfer-dark.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-internal-transfer.imageset/transaction-internal-transfer-dark@2x.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-internal-transfer.imageset/transaction-internal-transfer-dark@2x.png
new file mode 100644
index 0000000..36f9450
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-internal-transfer.imageset/transaction-internal-transfer-dark@2x.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-internal-transfer.imageset/transaction-internal-transfer-dark@3x.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-internal-transfer.imageset/transaction-internal-transfer-dark@3x.png
new file mode 100644
index 0000000..f50c28b
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-internal-transfer.imageset/transaction-internal-transfer-dark@3x.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-internal-transfer.imageset/transaction-internal-transfer.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-internal-transfer.imageset/transaction-internal-transfer.png
new file mode 100644
index 0000000..c9bb45b
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-internal-transfer.imageset/transaction-internal-transfer.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-internal-transfer.imageset/transaction-internal-transfer@2x.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-internal-transfer.imageset/transaction-internal-transfer@2x.png
new file mode 100644
index 0000000..72c967c
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-internal-transfer.imageset/transaction-internal-transfer@2x.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-internal-transfer.imageset/transaction-internal-transfer@3x.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-internal-transfer.imageset/transaction-internal-transfer@3x.png
new file mode 100644
index 0000000..79aa1d5
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-internal-transfer.imageset/transaction-internal-transfer@3x.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-mining.imageset/Contents.json b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-mining.imageset/Contents.json
new file mode 100644
index 0000000..7702219
--- /dev/null
+++ b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-mining.imageset/Contents.json	
@@ -0,0 +1,56 @@
+{
+  "images" : [
+    {
+      "filename" : "transaction-mining.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "transaction-mining-dark.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "filename" : "transaction-mining@2x.png",
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "transaction-mining-dark@2x.png",
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "filename" : "transaction-mining@3x.png",
+      "idiom" : "universal",
+      "scale" : "3x"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "transaction-mining-dark@3x.png",
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-mining.imageset/transaction-mining-dark.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-mining.imageset/transaction-mining-dark.png
new file mode 100644
index 0000000..756d36c
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-mining.imageset/transaction-mining-dark.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-mining.imageset/transaction-mining-dark@2x.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-mining.imageset/transaction-mining-dark@2x.png
new file mode 100644
index 0000000..d81720f
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-mining.imageset/transaction-mining-dark@2x.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-mining.imageset/transaction-mining-dark@3x.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-mining.imageset/transaction-mining-dark@3x.png
new file mode 100644
index 0000000..7ef89e1
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-mining.imageset/transaction-mining-dark@3x.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-mining.imageset/transaction-mining.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-mining.imageset/transaction-mining.png
new file mode 100644
index 0000000..87df5d4
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-mining.imageset/transaction-mining.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-mining.imageset/transaction-mining@2x.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-mining.imageset/transaction-mining@2x.png
new file mode 100644
index 0000000..84cf6fd
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-mining.imageset/transaction-mining@2x.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-mining.imageset/transaction-mining@3x.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-mining.imageset/transaction-mining@3x.png
new file mode 100644
index 0000000..b9bbdf8
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-mining.imageset/transaction-mining@3x.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-mixing.imageset/Contents.json b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-mixing.imageset/Contents.json
new file mode 100644
index 0000000..43058f6
--- /dev/null
+++ b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-mixing.imageset/Contents.json	
@@ -0,0 +1,56 @@
+{
+  "images" : [
+    {
+      "filename" : "transaction-mixing.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "transaction-mixing-dark.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "filename" : "transaction-mixing@2x.png",
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "transaction-mixing-dark@2x.png",
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "filename" : "transaction-mixing@3x.png",
+      "idiom" : "universal",
+      "scale" : "3x"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "transaction-mixing-dark@3x.png",
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-mixing.imageset/transaction-mixing-dark.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-mixing.imageset/transaction-mixing-dark.png
new file mode 100644
index 0000000..b2f3755
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-mixing.imageset/transaction-mixing-dark.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-mixing.imageset/transaction-mixing-dark@2x.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-mixing.imageset/transaction-mixing-dark@2x.png
new file mode 100644
index 0000000..4aa31ab
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-mixing.imageset/transaction-mixing-dark@2x.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-mixing.imageset/transaction-mixing-dark@3x.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-mixing.imageset/transaction-mixing-dark@3x.png
new file mode 100644
index 0000000..c0fd0a2
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-mixing.imageset/transaction-mixing-dark@3x.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-mixing.imageset/transaction-mixing.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-mixing.imageset/transaction-mixing.png
new file mode 100644
index 0000000..856d88b
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-mixing.imageset/transaction-mixing.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-mixing.imageset/transaction-mixing@2x.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-mixing.imageset/transaction-mixing@2x.png
new file mode 100644
index 0000000..cce1180
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-mixing.imageset/transaction-mixing@2x.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-mixing.imageset/transaction-mixing@3x.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-mixing.imageset/transaction-mixing@3x.png
new file mode 100644
index 0000000..4507ade
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-mixing.imageset/transaction-mixing@3x.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-received.imageset/Contents.json b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-received.imageset/Contents.json
new file mode 100644
index 0000000..33f0d86
--- /dev/null
+++ b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-received.imageset/Contents.json	
@@ -0,0 +1,56 @@
+{
+  "images" : [
+    {
+      "filename" : "transaction-received.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "transaction-received-dark.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "filename" : "transaction-received@2x.png",
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "transaction-received-dark@2x.png",
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "filename" : "transaction-received@3x.png",
+      "idiom" : "universal",
+      "scale" : "3x"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "transaction-received-dark@3x.png",
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-received.imageset/transaction-received-dark.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-received.imageset/transaction-received-dark.png
new file mode 100644
index 0000000..aec62e1
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-received.imageset/transaction-received-dark.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-received.imageset/transaction-received-dark@2x.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-received.imageset/transaction-received-dark@2x.png
new file mode 100644
index 0000000..2f2cfce
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-received.imageset/transaction-received-dark@2x.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-received.imageset/transaction-received-dark@3x.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-received.imageset/transaction-received-dark@3x.png
new file mode 100644
index 0000000..46a5073
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-received.imageset/transaction-received-dark@3x.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-received.imageset/transaction-received.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-received.imageset/transaction-received.png
new file mode 100644
index 0000000..ac395a7
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-received.imageset/transaction-received.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-received.imageset/transaction-received@2x.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-received.imageset/transaction-received@2x.png
new file mode 100644
index 0000000..10f8e7a
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-received.imageset/transaction-received@2x.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-received.imageset/transaction-received@3x.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-received.imageset/transaction-received@3x.png
new file mode 100644
index 0000000..8e3414c
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-received.imageset/transaction-received@3x.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-sent.imageset/Contents.json b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-sent.imageset/Contents.json
new file mode 100644
index 0000000..1f53246
--- /dev/null
+++ b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-sent.imageset/Contents.json	
@@ -0,0 +1,56 @@
+{
+  "images" : [
+    {
+      "filename" : "transaction-sent.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "transaction-sent-dark.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "filename" : "transaction-sent@2x.png",
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "transaction-sent-dark@2x.png",
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "filename" : "transaction-sent@3x.png",
+      "idiom" : "universal",
+      "scale" : "3x"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "transaction-sent-dark@3x.png",
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-sent.imageset/transaction-sent-dark.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-sent.imageset/transaction-sent-dark.png
new file mode 100644
index 0000000..6609abb
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-sent.imageset/transaction-sent-dark.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-sent.imageset/transaction-sent-dark@2x.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-sent.imageset/transaction-sent-dark@2x.png
new file mode 100644
index 0000000..bae10fa
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-sent.imageset/transaction-sent-dark@2x.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-sent.imageset/transaction-sent-dark@3x.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-sent.imageset/transaction-sent-dark@3x.png
new file mode 100644
index 0000000..1e0f96b
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-sent.imageset/transaction-sent-dark@3x.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-sent.imageset/transaction-sent.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-sent.imageset/transaction-sent.png
new file mode 100644
index 0000000..6df637d
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-sent.imageset/transaction-sent.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-sent.imageset/transaction-sent@2x.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-sent.imageset/transaction-sent@2x.png
new file mode 100644
index 0000000..1836fdd
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-sent.imageset/transaction-sent@2x.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-sent.imageset/transaction-sent@3x.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-sent.imageset/transaction-sent@3x.png
new file mode 100644
index 0000000..dfc89b5
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-sent.imageset/transaction-sent@3x.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-uphold.received.imageset/Contents.json b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-uphold.received.imageset/Contents.json
new file mode 100644
index 0000000..c7ad9b6
--- /dev/null
+++ b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-uphold.received.imageset/Contents.json	
@@ -0,0 +1,56 @@
+{
+  "images" : [
+    {
+      "filename" : "transaction-uphold.received.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "transaction-uphold.received-dark.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "filename" : "transaction-uphold.received@2x.png",
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "transaction-uphold.received-dark@2x.png",
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "filename" : "transaction-uphold.received@3x.png",
+      "idiom" : "universal",
+      "scale" : "3x"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "transaction-uphold.received-dark@3x.png",
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-uphold.received.imageset/transaction-uphold.received-dark.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-uphold.received.imageset/transaction-uphold.received-dark.png
new file mode 100644
index 0000000..7cb14c7
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-uphold.received.imageset/transaction-uphold.received-dark.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-uphold.received.imageset/transaction-uphold.received-dark@2x.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-uphold.received.imageset/transaction-uphold.received-dark@2x.png
new file mode 100644
index 0000000..777b599
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-uphold.received.imageset/transaction-uphold.received-dark@2x.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-uphold.received.imageset/transaction-uphold.received-dark@3x.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-uphold.received.imageset/transaction-uphold.received-dark@3x.png
new file mode 100644
index 0000000..939f556
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-uphold.received.imageset/transaction-uphold.received-dark@3x.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-uphold.received.imageset/transaction-uphold.received.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-uphold.received.imageset/transaction-uphold.received.png
new file mode 100644
index 0000000..7cb14c7
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-uphold.received.imageset/transaction-uphold.received.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-uphold.received.imageset/transaction-uphold.received@2x.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-uphold.received.imageset/transaction-uphold.received@2x.png
new file mode 100644
index 0000000..b36e25c
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-uphold.received.imageset/transaction-uphold.received@2x.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-uphold.received.imageset/transaction-uphold.received@3x.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-uphold.received.imageset/transaction-uphold.received@3x.png
new file mode 100644
index 0000000..939f556
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/Transactions/Preview/transaction-uphold.received.imageset/transaction-uphold.received@3x.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/arrow-down.imageset/Contents.json b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/arrow-down.imageset/Contents.json
new file mode 100644
index 0000000..78104a1
--- /dev/null
+++ b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/arrow-down.imageset/Contents.json	
@@ -0,0 +1,23 @@
+{
+  "images" : [
+    {
+      "filename" : "arrow-down.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "filename" : "arrow-down@2x.png",
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "filename" : "arrow-down@3x.png",
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/arrow-down.imageset/arrow-down.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/arrow-down.imageset/arrow-down.png
new file mode 100644
index 0000000..bd96d45
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/arrow-down.imageset/arrow-down.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/arrow-down.imageset/arrow-down@2x.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/arrow-down.imageset/arrow-down@2x.png
new file mode 100644
index 0000000..1f5785a
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/arrow-down.imageset/arrow-down@2x.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/arrow-down.imageset/arrow-down@3x.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/arrow-down.imageset/arrow-down@3x.png
new file mode 100644
index 0000000..2b602af
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/arrow-down.imageset/arrow-down@3x.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/diagonal-up-down.imageset/Contents.json b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/diagonal-up-down.imageset/Contents.json
new file mode 100644
index 0000000..669e1e1
--- /dev/null
+++ b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/diagonal-up-down.imageset/Contents.json	
@@ -0,0 +1,23 @@
+{
+  "images" : [
+    {
+      "filename" : "diagonal-up-down.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "filename" : "diagonal-up-down@2x.png",
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "filename" : "diagonal-up-down@3x.png",
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/diagonal-up-down.imageset/diagonal-up-down.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/diagonal-up-down.imageset/diagonal-up-down.png
new file mode 100644
index 0000000..c23bd94
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/diagonal-up-down.imageset/diagonal-up-down.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/diagonal-up-down.imageset/diagonal-up-down@2x.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/diagonal-up-down.imageset/diagonal-up-down@2x.png
new file mode 100644
index 0000000..b318a8a
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/diagonal-up-down.imageset/diagonal-up-down@2x.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/diagonal-up-down.imageset/diagonal-up-down@3x.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/diagonal-up-down.imageset/diagonal-up-down@3x.png
new file mode 100644
index 0000000..4aba7f7
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/diagonal-up-down.imageset/diagonal-up-down@3x.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/stopwatch.imageset/Contents.json b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/stopwatch.imageset/Contents.json
new file mode 100644
index 0000000..2269f06
--- /dev/null
+++ b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/stopwatch.imageset/Contents.json	
@@ -0,0 +1,23 @@
+{
+  "images" : [
+    {
+      "filename" : "stopwatch.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "filename" : "stopwatch@2x.png",
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "filename" : "stopwatch@3x.png",
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/stopwatch.imageset/stopwatch.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/stopwatch.imageset/stopwatch.png
new file mode 100644
index 0000000..403d8c1
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/stopwatch.imageset/stopwatch.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/stopwatch.imageset/stopwatch@2x.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/stopwatch.imageset/stopwatch@2x.png
new file mode 100644
index 0000000..b5437fe
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/stopwatch.imageset/stopwatch@2x.png differ
diff --git a/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/stopwatch.imageset/stopwatch@3x.png b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/stopwatch.imageset/stopwatch@3x.png
new file mode 100644
index 0000000..276495b
Binary files /dev/null and b/Sources/DashUIKit/Resources/Media.xcassets/Icons & Illustrations/stopwatch.imageset/stopwatch@3x.png differ
diff --git a/Tests/DashUIKitTests/NumericKeyboardLocaleSupportTests.swift b/Tests/DashUIKitTests/NumericKeyboardLocaleSupportTests.swift
new file mode 100644
index 0000000..1b566c8
--- /dev/null
+++ b/Tests/DashUIKitTests/NumericKeyboardLocaleSupportTests.swift
@@ -0,0 +1,104 @@
+//
+//  Copyright © 2026 Dash Core Group. All rights reserved.
+//
+//  Licensed under the MIT License (the "License");
+//  you may not use this file except in compliance with the License.
+//  You may obtain a copy of the License at
+//
+//  https://opensource.org/licenses/MIT
+//
+//  Unless required by applicable law or agreed to in writing, software
+//  distributed under the License is distributed on an "AS IS" BASIS,
+//  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+//  See the License for the specific language governing permissions and
+//  limitations under the License.
+//
+
+import XCTest
+@testable import DashUIKit
+
+final class NumericKeyboardLocaleSupportTests: XCTestCase {
+
+    private func locale(_ identifier: String) -> Locale {
+        Locale(identifier: identifier)
+    }
+
+    func testDecimalSeparatorMatchesLocale() {
+        XCTAssertEqual(NumericKeyboardLocaleSupport.decimalSeparator(for: locale("en_US")), ".")
+        XCTAssertEqual(NumericKeyboardLocaleSupport.decimalSeparator(for: locale("de_DE")), ",")
+        XCTAssertEqual(NumericKeyboardLocaleSupport.decimalSeparator(for: locale("uk_UA")), ",")
+        XCTAssertEqual(NumericKeyboardLocaleSupport.decimalSeparator(for: locale("fr_FR")), ",")
+    }
+
+    func testRowsUseConfiguredLocaleSeparator() {
+        XCTAssertEqual(
+            NumericKeyboardLocaleSupport.rows(showDecimalSeparator: true, locale: locale("en_US")).last,
+            [".", "0", "⌫"]
+        )
+
+        XCTAssertEqual(
+            NumericKeyboardLocaleSupport.rows(showDecimalSeparator: true, locale: locale("de_DE")).last,
+            [",", "0", "⌫"]
+        )
+
+        XCTAssertEqual(
+            NumericKeyboardLocaleSupport.rows(showDecimalSeparator: false, locale: locale("fr_FR")).last,
+            ["", "0", "⌫"]
+        )
+    }
+
+    func testApplyKeyPressUsesLocaleDecimalSeparatorAndPreventsDuplicates() {
+        let locale = locale("de_DE")
+
+        var value = ""
+        value = NumericKeyboardLocaleSupport.applyKeyPress(
+            value: value,
+            key: "1",
+            showDecimalSeparator: true,
+            locale: locale
+        )
+        value = NumericKeyboardLocaleSupport.applyKeyPress(
+            value: value,
+            key: ",",
+            showDecimalSeparator: true,
+            locale: locale
+        )
+        value = NumericKeyboardLocaleSupport.applyKeyPress(
+            value: value,
+            key: "2",
+            showDecimalSeparator: true,
+            locale: locale
+        )
+        let duplicate = NumericKeyboardLocaleSupport.applyKeyPress(
+            value: value,
+            key: ",",
+            showDecimalSeparator: true,
+            locale: locale
+        )
+
+        XCTAssertEqual(value, "1,2")
+        XCTAssertEqual(duplicate, "1,2")
+    }
+
+    func testApplyKeyPressIgnoresGroupingSeparatorAndSupportsDelete() {
+        let locale = locale("en_US")
+        let groupingSeparator = locale.groupingSeparator ?? ","
+
+        let afterGroupingSeparator = NumericKeyboardLocaleSupport.applyKeyPress(
+            value: "1234",
+            key: groupingSeparator,
+            showDecimalSeparator: true,
+            locale: locale
+        )
+
+        let afterDelete = NumericKeyboardLocaleSupport.applyKeyPress(
+            value: "1234",
+            key: "⌫",
+            showDecimalSeparator: true,
+            locale: locale
+        )
+
+        XCTAssertEqual(afterGroupingSeparator, "1234")
+        XCTAssertEqual(afterDelete, "123")
+    }
+}
diff --git a/docs/README.md b/docs/README.md
new file mode 100644
index 0000000..a41ec75
--- /dev/null
+++ b/docs/README.md
@@ -0,0 +1,71 @@
+# DashUIKit — component catalog
+
+This is the searchable reference for everything DashUIKit ships. Before building a new
+UI element, scan this index to see whether it already exists.
+
+All components are **presentational and value-driven** — you pass strings/flags/bindings
+and callbacks; they render and report intent. They require `import DashUIKit` and target
+**iOS 14+** (newer SwiftUI features are gated with fallbacks).
+
+## Pages
+
+- **[Foundation](foundation.md)** — design tokens: colors (`Color.dash.*`), typography
+  (`Font.dash.*`, `.dashFont`, `DashTextStyle`), icons (`DashIconSource`, `Image(dash:)`),
+  bundle access.
+- **[Buttons & inputs](buttons-and-inputs.md)** — `DashButton`, `DashSwitch`, `SearchBar`,
+  `AddressFieldView`, `NumericKeyboardView`.
+- **[Amount & currency](amount-and-currency.md)** — `EnterAmountView`, `SwapAmountView`,
+  `ReceiveEstimateView`, `DashAmount`, `DashBalanceView`, `DashPickerView`,
+  `CurrencyOption`.
+- **[Lists & rows](lists-and-rows.md)** — `CoinSelector`, `MenuItem`,
+  `ConverterCard`, `TransactionView`, `RadioButtonRow`, `List1View`.
+- **[Navigation & containers](navigation-and-containers.md)** — `NavigationBar`,
+  `NavigationBarElement`, `TopIntroView`, `BottomSheet`, `MenuViewModifier`.
+- **[Feedback](feedback.md)** — `Toast`, `SystemMessageView`,
+  `LoadingIllustration` / `LoadingSpinner`, `SuccessIllustration`, `ErrorIllustration`,
+  `XmarkIcon`.
+- **[Utilities](utilities.md)** — geometry readers (`readingFrame`, `readingLocation`),
+  `ScrollViewWithOnScrollChanged`, `scaleToFitWidth`.
+
+## Alphabetical index
+
+| Symbol | Page |
+|---|---|
+| `AddressFieldView` | [Buttons & inputs](buttons-and-inputs.md#addressfieldview) |
+| `BottomSheet` | [Navigation & containers](navigation-and-containers.md#bottomsheet) |
+| `Bundle.dashUIKit` | [Foundation](foundation.md#bundle) |
+| `CoinSelector` | [Lists & rows](lists-and-rows.md#coinselector) |
+| `Color.dash.*` (`DashColors`) | [Foundation](foundation.md#colors) |
+| `ConverterArrowBadge` | [Lists & rows](lists-and-rows.md#converterarrowbadge) |
+| `ConverterCard` | [Lists & rows](lists-and-rows.md#convertercard) |
+| `ConverterCardItem` | [Lists & rows](lists-and-rows.md#convertercarditem) |
+| `ConverterCardRow` | [Lists & rows](lists-and-rows.md#convertercardrow) |
+| `CurrencyOption` | [Amount & currency](amount-and-currency.md#currencyoption) |
+| `DashAmount` | [Amount & currency](amount-and-currency.md#dashamount) |
+| `DashBalanceView` | [Amount & currency](amount-and-currency.md#dashbalanceview) |
+| `DashButton` (`DashButtonSize`, `DashButtonStyle`) | [Buttons & inputs](buttons-and-inputs.md#dashbutton) |
+| `DashIconSource` / `Image(dash:)` | [Foundation](foundation.md#icons) |
+| `DashPickerView` | [Amount & currency](amount-and-currency.md#dashpickerview) |
+| `DashSwitch` | [Buttons & inputs](buttons-and-inputs.md#dashswitch) |
+| `DashTextStyle` / `.dashFont` / `Font.dash.*` | [Foundation](foundation.md#typography) |
+| `EnterAmountView` (`EnterAmountStyle`) | [Amount & currency](amount-and-currency.md#enteramountview) |
+| `ErrorIllustration` | [Feedback](feedback.md#successillustration--errorillustration) |
+| `List1View` | [Lists & rows](lists-and-rows.md#list1view) |
+| `LoadingIllustration` / `LoadingSpinner` | [Feedback](feedback.md#loadingillustration--loadingspinner) |
+| `MenuItem` (`MenuItemAccessory`) | [Lists & rows](lists-and-rows.md#menuitem) |
+| `MenuViewModifier` | [Navigation & containers](navigation-and-containers.md#menuviewmodifier) |
+| `NavigationBar` / `NavigationBarElement` | [Navigation & containers](navigation-and-containers.md#navigationbar) |
+| `NumericKeyboardView` | [Buttons & inputs](buttons-and-inputs.md#numerickeyboardview) |
+| `RadioButtonRow` | [Lists & rows](lists-and-rows.md#radiobuttonrow) |
+| `readingFrame` / `readingLocation` | [Utilities](utilities.md#frame--location-readers) |
+| `ReceiveEstimateView` | [Amount & currency](amount-and-currency.md#receiveestimateview) |
+| `ScrollViewWithOnScrollChanged` | [Utilities](utilities.md#scrollviewwithonscrollchanged) |
+| `scaleToFitWidth` | [Utilities](utilities.md#scaletofitwidth) |
+| `SearchBar` | [Buttons & inputs](buttons-and-inputs.md#searchbar) |
+| `SuccessIllustration` | [Feedback](feedback.md#successillustration--errorillustration) |
+| `SwapAmountView` | [Amount & currency](amount-and-currency.md#swapamountview) |
+| `SystemMessageView` | [Feedback](feedback.md#systemmessageview) |
+| `Toast` (`ToastStyle`) | [Feedback](feedback.md#toast) |
+| `TopIntroView` | [Navigation & containers](navigation-and-containers.md#topintroview) |
+| `TransactionView` | [Lists & rows](lists-and-rows.md#transactionview) |
+| `XmarkIcon` | [Feedback](feedback.md#xmarkicon) |
diff --git a/docs/amount-and-currency.md b/docs/amount-and-currency.md
new file mode 100644
index 0000000..3e20f2e
--- /dev/null
+++ b/docs/amount-and-currency.md
@@ -0,0 +1,213 @@
+# Amount & currency
+
+The amount-entry suite (`Components/EnterAmount/`) plus standalone amount renderers.
+These power Send / Convert / DashDEX-style screens.
+
+---
+
+## EnterAmountView
+
+File `Components/EnterAmount/EnterAmountView.swift` · `@available(iOS 14, macOS 11, *)`
+
+The top-level amount-entry control. Two layouts selected by **`EnterAmountStyle`**:
+
+- **`.single`** (default) — Max button + `SwapAmountView` + `DashPickerView` currency list.
+- **`.dualSwap`** — two amounts (e.g. Dash + fiat) stacked; tapping animates them swapping
+  the large/small slots. Optional Max button and a trailing input-type switcher.
+
+Each layout has its own initializer (the `.single` init keeps existing call sites
+source-compatible).
+
+### Single
+
+```swift
+@State private var value = "12.5"
+@State private var currency: CurrencyOption = .dash
+
+EnterAmountView(
+    value: $value,
+    selectedCurrency: $currency,
+    options: [.fiat("USD"), .dash, .coin("BTC")],
+    onMax: { /* fill max */ },
+    onCurrencyTap: { /* e.g. open fiat picker */ },
+    onPaste: { /* paste from clipboard */ }
+)
+```
+
+### Dual-swap
+
+```swift
+EnterAmountView(
+    primaryAmount: "1.23456",        // host-formatted numeric string
+    secondaryAmount: "150.00",       // host-formatted numeric string
+    primaryCurrency: .dash,
+    secondaryCurrency: .fiat("USD"),
+    isPrimarySelected: true,         // true → primary in large slot
+    isCurrencySelectorHidden: false, // hides the chevron next to secondary
+    currencyCodes: ["DASH", "USD"],  // non-nil → trailing vertical switcher
+    selectedCurrencyCode: "DASH",
+    onMax: { },                      // nil → no Max button (amount stays centered)
+    onSwap: { /* toggle isPrimarySelected */ },
+    onCurrencyTap: { },
+    onPaste: { },
+    onSelectInputType: { code in /* user picked a code */ }
+)
+```
+
+For the dual-swap API, `primaryAmount` and `secondaryAmount` are numeric or
+host-formatted strings only. The renderer adds the currency symbol from
+`primaryCurrency` / `secondaryCurrency`.
+
+The dual-swap layout uses three columns — leading (Max or spacer), centered animated
+amount stack, trailing (switcher or spacer) — with equal fixed side widths so the amount
+stays truly centered regardless of which controls are present. All amounts are **strings
+the host formats**; the component never does currency math.
+
+---
+
+## SwapAmountView
+
+File `Components/EnterAmount/SwapAmountView.swift` · `@available(iOS 14, macOS 11, *)`
+
+The amount display used inside `EnterAmountView`. Renders a large amount (optional
+currency symbol + number + Dash logo) with optional top/bottom helper text and an optional
+secondary line. Public, so it can be used standalone.
+
+```swift
+SwapAmountView(
+    amount: "1.5",
+    symbol: nil,                  // e.g. "$" for fiat; nil for Dash
+    secondaryText: "$ 150.00",
+    topText: "Enter amount",
+    bottomText: nil,
+    showDashLogo: true,
+    showCurrencyButton: false,    // chevron beside the amount → onCurrencyTap
+    onCurrencyTap: nil,
+    onPaste: nil                  // long-press to paste
+)
+```
+
+Two modes:
+
+- **Static** (`swapAnimationKey == nil`): single amount + optional secondary line. Drives
+  the `.single` style.
+- **Animated dual-swap** (`swapAnimationKey: Bool`): a `ZStack` of two persistent rows (A =
+  primary, B = secondary). When the key flips, both rows animate `scaleEffect` + `offset`
+  together for a continuous grow-rise / shrink-fall, with the font snapping to the target
+  weight and a compensating scale bridging the jump. `DualSwapAmountView` (internal) is the
+  thin wrapper `EnterAmountView` uses; tapping the container fires `onSwap`.
+
+Display normalization: empty → `"0"`; a bare-decimal input gets a leading zero
+(`.34` → `0.34`). It does **not** reformat or cap precision — that's the host's job.
+
+`scaleToFitWidth` keeps the whole amount group on one line, shrinking uniformly when long
+(see [Utilities](utilities.md#scaletofitwidth)).
+
+The `.dashPasteContextMenu(onPaste:)` helper (in this file) wires long-press-to-paste via
+`onLongPressGesture` — deliberately **not** `.contextMenu`, which breaks inside a
+`UIHostingController`.
+
+---
+
+## DashAmount
+
+File `Components/DashAmount.swift` · `@available(iOS 14, macOS 11, *)`
+
+Renders a **duffs `Int64`** (1 DASH = 100,000,000 duffs) as a localized decimal amount
+followed by the Dash currency glyph. Display-only.
+
+```swift
+DashAmount(
+    amount: 6_791_000,        // duffs
+    fontSize: 15,
+    weight: .medium,
+    dashSymbolFactor: 1,      // glyph size = fontSize × factor
+    sign: .negativeOnly
+)
+```
+
+**`DashAmountSign`** — `.none` (never show a sign) · `.negativeOnly` (minus only;
+default) · `.always` (`+`/`-`). Zero never shows a sign in any mode.
+
+Sentinels: `amount == .max` or `.min` renders the localized **"Not available"** string
+(used for unknown/pending balances). Formatting: up to 5 fraction digits, grouping
+separators, current locale.
+
+---
+
+## DashBalanceView
+
+File `Components/EnterAmount/DashBalanceView.swift` · `@available(iOS 14, macOS 11, *)`
+
+Trailing balance block: a **symbol-free, pre-formatted** Dash amount string + Dash glyph,
+with an optional fiat sub-line beneath. Unlike `DashAmount`, it takes already-formatted
+strings (from a view model), not duffs.
+
+```swift
+DashBalanceView(balance: "1.5", fiat: "$ 150.00")  // fiat nil → hide sub-line
+```
+
+---
+
+## ReceiveEstimateView
+
+File `Components/ReceiveEstimateView.swift` · `@available(iOS 14, macOS 11, *)`
+
+A centered estimate line shown beneath amount inputs. It shows a loading spinner first,
+then an error message, then the title + estimated amount. When `fiat` is provided it is
+joined with `≈`; when `approximate` is `true` and no fiat is present, the amount is
+prefixed with `~`.
+
+```swift
+ReceiveEstimateView(
+    isVisible: true,
+    title: "You will receive",
+    amount: "0.5 DASH",
+    isLoading: false,
+    errorMessage: nil,
+    approximate: false
+)
+```
+
+The view collapses to nothing when `isVisible` is `false`.
+
+---
+
+## DashPickerView
+
+File `Components/EnterAmount/DashPickerView.swift` · `@available(iOS 14, macOS 11, *)`
+
+A compact vertical inline picker over any `Hashable` option; the selected row gets a
+subtle highlighted background. Generic and reusable.
+
+```swift
+@State private var selected: CurrencyOption = .dash
+DashPickerView(
+    options: [.fiat("USD"), .dash, .coin("BTC")],
+    title: { $0.displayName },     // (Option) -> String
+    selected: $selected
+)
+```
+
+In `.single` `EnterAmountView` this is the currency list on the trailing side.
+
+---
+
+## CurrencyOption
+
+File `Components/EnterAmount/CurrencyOption.swift` · public `Hashable` enum
+
+Models the three input kinds the amount controls understand:
+
+```swift
+public enum CurrencyOption: Hashable {
+    case fiat(String)   // currency code, e.g. "USD"
+    case dash
+    case coin(String)   // coin code, e.g. "BTC"
+}
+```
+
+Helpers: `isFiat`, `isCoinInput`, `displayName` (`"DASH"` / the code), and `symbol`
+(fiat → locale currency symbol via the internal `DashCurrencySymbol`; dash → `nil`, shown
+as a logo instead; coin → the code). Convenience values like `.dash` / `.fiat("USD")` are
+used as defaults in `EnterAmountView`.
diff --git a/docs/buttons-and-inputs.md b/docs/buttons-and-inputs.md
new file mode 100644
index 0000000..8fd8e2a
--- /dev/null
+++ b/docs/buttons-and-inputs.md
@@ -0,0 +1,140 @@
+# Buttons & inputs
+
+Interactive controls for tapping and text/number entry.
+
+---
+
+## DashButton
+
+File `Button/DashButton.swift` · `@available(iOS 14, macOS 11, *)`
+
+The design-system button. Supports leading/trailing icons, a loading spinner,
+optional full-width fill, four sizes, and eleven styles.
+
+```swift
+DashButton(
+    text: "Withdraw funds",
+    leadingIcon: nil,            // DashIconSource?
+    trailingIcon: nil,           // DashIconSource?
+    isEnabled: true,
+    isLoading: false,            // shows ProgressView instead of label, disables tap
+    fillsWidth: false,           // true → frame(maxWidth: .infinity)
+    size: .large,
+    style: .filledBlue,
+    action: { /* tap */ }
+)
+```
+
+**`DashButtonSize`** — `.large` · `.medium` · `.small` · `.extraSmall`. Drives padding,
+corner radius, icon gap, and font size (16 / 14 / 13 / 12 pt).
+
+**`DashButtonStyle`** — colors resolve from `Color.dash.button…` tokens (enabled +
+disabled variants):
+
+- Filled: `.filledBlue`, `.filledRed`, `.filledWhiteBlue`
+- Tinted: `.tintedBlue`, `.tintedGray`, `.tintedWhite`
+- Stroke: `.strokeGray` (transparent fill + 1pt border)
+- Plain (no background): `.plainBlue`, `.plainBlack`, `.plainRed`, `.plainWhite`
+
+Notes: `isLoading` both shows a `ProgressView` and disables the button. The `…White` /
+`filledWhiteBlue` styles are intended for use on a blue background.
+
+---
+
+## DashSwitch
+
+File `Components/DashSwitch.swift` · `@available(iOS 14, *)` · **UIKit only**
+(`#if canImport(UIKit)`)
+
+A thin wrapper over `Toggle` tinted with the DS "on" track color
+(`switchTrackFillOn`). Labels hidden.
+
+```swift
+@State private var isOn = true
+DashSwitch(isOn: $isOn)
+```
+
+> A fully custom `DashToggleStyle` (using the thumb/off-track tokens) is noted as a TODO
+> in the source for when pixel-exact fidelity is required.
+
+---
+
+## SearchBar
+
+File `Components/SearchBar.swift` · `@available(iOS 14, *)` · **UIKit only**
+
+Rounded search field with magnifying-glass icon and inline clear (✕) button.
+
+```swift
+@State private var query = ""
+SearchBar(text: $query, placeholder: "Search coins")   // placeholder optional
+```
+
+Behavior:
+
+- **iOS 15+** (`SearchBarFocused`): uses `@FocusState`; an animated **Cancel** button
+  slides in while editing (clears text + resigns focus on tap).
+- **iOS 14** (`SearchBarLegacy`): static bar without the focus-driven cancel animation.
+
+Default placeholder is the localized "Search". Background uses `Color.dash.searchBackground`.
+
+---
+
+## AddressFieldView
+
+File `Components/AddressFieldView.swift` · `@available(iOS 15, macOS 12, *)` · **UIKit only**
+
+A labeled crypto-address input with a trailing action button (scan-QR when empty, clear
+when filled), error styling, and a multi-line read-out state. iOS 17+ uses a vertical
+axis field (1–3 lines); older iOS uses a single-line field.
+
+```swift
+@State private var address = ""
+AddressFieldView(
+    text: $address,
+    label: "Destination address",
+    placeholder: "BTC address",
+    hasError: false,
+    errorText: nil,            // shown in red below when non-nil
+    isDisabled: false,
+    onScanQR: { /* open scanner */ }
+)
+```
+
+State-driven styling:
+
+- **Focused:** clear background + gray border.
+- **Error:** red-tinted background, `errorText` shown beneath.
+- **Blurred + filled (no error):** clean read-out — the trailing action button is hidden
+  but kept in the layout (opacity 0, non-interactive) so the field width/wrapping doesn't
+  shift between focused/unfocused.
+- **Disabled:** field non-editable, action button omitted.
+
+---
+
+## NumericKeyboardView
+
+File `Components/NumericKeyboardView.swift` · `@available(iOS 14, macOS 11, *)`
+
+A custom on-screen numeric pad (1–9, 0, decimal separator, delete) plus a primary
+`DashButton` action and optional helper text. **Locale-aware**: the decimal separator and
+grouping-separator handling come from the supplied `Locale`.
+
+```swift
+@State private var value = ""
+NumericKeyboardView(
+    value: $value,
+    showDecimalSeparator: true,                 // false → bottom-left key is blank
+    locale: .autoupdatingCurrent,               // drives separator + key filtering
+    actionButtonText: "Verify",
+    actionEnabled: true,                         // combined with value non-empty
+    inProgress: false,                           // dims keys + shows button spinner
+    helperText: nil,
+    actionHandler: { /* submit value */ }
+)
+```
+
+Key-press logic lives in `NumericKeyboardLocaleSupport` (internal, unit-testable):
+appends digits, inserts at most one decimal separator (only when `showDecimalSeparator`),
+ignores the grouping separator, and `⌫` removes the last character. The action button is
+enabled only when `value` is non-empty **and** `actionEnabled` is true.
diff --git a/docs/feedback.md b/docs/feedback.md
new file mode 100644
index 0000000..a50d614
--- /dev/null
+++ b/docs/feedback.md
@@ -0,0 +1,111 @@
+# Feedback
+
+Status, progress, and notification visuals.
+
+---
+
+## Toast
+
+File `Components/Toast.swift` · `@available(iOS 14, macOS 11, *)` · **UIKit only**
+(`#if canImport(UIKit)`)
+
+A blurred, rounded toast: leading status icon, message, and an optional dismiss (✕)
+button. Background is a `systemUltraThinMaterialDark` blur under `Color.dash.toastBackground`.
+
+```swift
+Toast(
+    style: .success,
+    message: "Done",
+    onDismiss: { /* hide */ }   // nil → no dismiss button
+)
+```
+
+**`ToastStyle`** — `.warning` · `.info` · `.error` · `.success` · `.copied` · `.loading`
+· `.noInternet`. Each maps to an icon asset under
+`Media.xcassets/Icons & Illustrations/Toast/` (`toast-warning`, `toast-info`, …,
+`toast-no-wifi`). `.loading` instead renders the DS `LoadingSpinner`.
+
+> ⚠️ The toast icon assets are placeholders to be supplied. Until the imagesets exist the
+> icon slot renders empty for the non-loading styles — that's expected, not a bug. See the
+> note at the top of `Toast.swift` for the exact asset names.
+
+This is just the toast *view* — presentation/animation/auto-dismiss timing is the host's
+responsibility (e.g. overlay it and drive visibility yourself).
+
+---
+
+## SystemMessageView
+
+File `Components/SystemMessageView.swift` · `@available(iOS 14, macOS 11, *)`
+
+An icon-led system banner with optional subtitle, up to two action buttons, and an
+optional close button. The default icon is the bundled `warning_triangle` asset, and the
+default background is a lightly tinted DS gray.
+
+```swift
+SystemMessageView(
+    title: "Address expired",
+    subtitle: "Generate a new receiving address.",
+    buttonName: "Renew",
+    onAction: { /* handle action */ },
+    onClose: { /* dismiss */ }
+)
+```
+
+The action buttons are regular `DashButton`s, so use the host to decide whether to show
+one or two of them.
+
+---
+
+## LoadingIllustration / LoadingSpinner
+
+File `Components/Illustrations/LoadingIllustration.swift` · `@available(iOS 14, macOS 11, *)`
+
+`LoadingSpinner` is an iOS-style activity indicator built from `spokeCount` capsules in a
+ring. The spokes are static; a bright "head" steps clockwise while the others fade
+(comet-tail opacity), crossfading between steps — mirroring `UIActivityIndicatorView`.
+
+```swift
+LoadingSpinner(size: 24, color: .gray, spokeCount: 12, duration: 1)
+```
+
+`LoadingIllustration` wraps the spinner centered in a fixed square frame (defaults match
+the Maya design: a 61.73 spinner in a 90×90 frame).
+
+```swift
+LoadingIllustration()                                   // 61.73 spinner, DS blue, 90×90
+LoadingIllustration(size: 32, color: .red, containerSize: 64)
+```
+
+Defaults: `size: 61.73`, `color: LoadingSpinner.defaultColor` (DS blue), `containerSize: 90`.
+
+---
+
+## SuccessIllustration / ErrorIllustration
+
+Files `Components/Illustrations/SuccessIllustration.swift`,
+`Components/Illustrations/ErrorIllustration.swift` · `@available(iOS 14, macOS 11, *)`
+
+90×90 circular status badges — a green circle with a checkmark, and a red circle with an
+✕ (both from bundled assets). No parameters.
+
+```swift
+SuccessIllustration()
+ErrorIllustration()
+```
+
+---
+
+## XmarkIcon
+
+File `Components/Icons/XmarkIcon.swift` · `@available(iOS 14, macOS 11, *)` · internal
+
+A code-drawn "✕" close icon (a `Shape` with two round-capped diagonals, mirroring a 9×9
+SVG), so it scales cleanly to any size without an asset. Used by `Toast`'s dismiss button.
+
+```swift
+XmarkIcon(size: 24, color: .white, lineWidth: 2)
+```
+
+> Internal to the module (not part of the public API) — reach for the bundled
+> `navigationbar-close` asset or an SF Symbol from app code.
diff --git a/docs/foundation.md b/docs/foundation.md
new file mode 100644
index 0000000..86d0b34
--- /dev/null
+++ b/docs/foundation.md
@@ -0,0 +1,127 @@
+# Foundation
+
+Design tokens and primitives shared by every component. Files live in
+`Sources/DashUIKit/Foundation/`.
+
+---
+
+## Colors
+
+`Color+DashUI.swift` — file `Foundation/Color+DashUI.swift`
+
+All theme colors are exposed through the `Color.dash` namespace (`DashColors` enum). Each
+property maps to a **named color set in the asset catalog** (`Media.xcassets/Colors/…`),
+so light/dark variants come from the assets — never hardcode hex.
+
+```swift
+Text("Hi")
+    .foregroundColor(.dash.primaryText)
+    .background(Color.dash.secondaryBackground)
+```
+
+Token groups (see the source for the full list):
+
+- **Text:** `primaryText`, `secondaryText`, `tertiaryText`, `whiteText`, `blueText`,
+  `successText`, `errorText`
+- **Background:** `primaryBackground`, `secondaryBackground`, `tertiaryBackground`,
+  `blueBackground`
+- **Buttons:** `buttonFilledBlue…`, `buttonFilledRed…`, `buttonTintedBlue/Gray/White…`,
+  `buttonStrokeGray…`, `buttonPlainBlue/Black/Red/White…`, `buttonFilledWhite…`
+  (each has `…Background`, `…BackgroundDisabled`, `…Content`, `…ContentDisabled` where
+  applicable). These back `DashButtonStyle`.
+- **Component-specific:** `grabberFill`, `searchBackground`/`searchIcon`/…,
+  `segmentControl…`, `select…`, `stepper…`, `switchTrackFillOn/Off…`, `textFieldCryptoAddress…`,
+  `toastBackground`/`toastText`, `toolbar…`, `topIntro…`, `bottomNavBackground`,
+  `navBackButton`, `backgroundOverlay`, `listGiftCardNumberBackground`, `badgeBackground…`,
+  `statusBarElements`, `shortcutBarBackground`
+- **Raw tokens:** `blue` (+ `blueAlpha5…90`), `black`/`black1000Alpha5…90`/`black800/900`,
+  `gray50…500` (+ alpha variants), `green`/`greenAlpha10`, `red`/`redAlpha5/10`,
+  `white`/`whiteAlpha5…90`, `orange`, `yellow`, `lightBlue`, `purple`, `topper`, `uphold`
+- **`shadow`** — a code-defined adaptive color (subtle on light, `.clear` on dark);
+  used by `MenuViewModifier`.
+
+Adding a color: add the color set to the catalog, then add a matching
+`static var … { dashAsset("AssetName") }` line. Do not introduce inline `Color(hex:)`.
+
+---
+
+## Typography
+
+Files `Foundation/DashTextStyle.swift`, `Font+DashUI.swift`, `LineHeight+DashUI.swift`.
+
+Two layers:
+
+- **`Font.dash.*`** (`DashFonts`) — plain `Font` tokens (size + weight only).
+- **`DashTextStyle`** — pairs a font token with its **design line height**. Apply both at
+  once with the `.dashFont(_:)` view modifier.
+
+```swift
+Text(body).dashFont(.subhead)        // font (15 regular) + line height 20
+Text(label).font(Font.dash.footnote) // just the font, when line height doesn't matter
+```
+
+Available styles (size / weight / line height), each present as both `Font.dash.X` and
+`DashTextStyle.X`:
+
+| Style | Size | Weight | Line height |
+|---|---|---|---|
+| `largeTitle` | 34 | bold | 41 |
+| `title1` | 28 | bold | 34 |
+| `title2` | 22 | bold | 28 |
+| `title3` | 20 | bold | 25 |
+| `title3Medium` | 20 | medium | 25 |
+| `headline` | 17 | bold | 22 |
+| `body` | 17 | regular | 22 |
+| `callout` | 16 | regular | 21 |
+| `calloutMedium` | 16 | semibold | 21 |
+| `subhead` | 15 | regular | 20 |
+| `subheadMedium` | 15 | medium | 20 |
+| `footnote` | 13 | regular | 18 |
+| `footnoteMedium` | 13 | medium | 18 |
+| `caption1` | 12 | regular | 16 |
+| `caption1Medium` | 12 | medium | 16 |
+| `caption2` | 11 | regular | 13 |
+
+`.dashLineHeight(size:lineHeight:)` (in `LineHeight+DashUI.swift`) is the lower-level
+modifier `.dashFont` uses — it adds the leading that fixed-size system fonts otherwise
+lack, keeping single lines vertically centered. Use `.dashFont` in normal code.
+
+---
+
+## Icons
+
+File `Foundation/Image+DashUI.swift`.
+
+`DashIconSource` abstracts where an icon comes from; render any source with `Image(dash:)`,
+then apply your own `.resizable()`, sizing, and color.
+
+```swift
+public enum DashIconSource {
+    case system(_ name: String)                       // SF Symbol
+    case custom(_ name: String, bundle: Bundle? = nil) // asset-catalog image
+    case uiImage(_ image: UIImage)                     // runtime UIImage
+}
+
+Image(dash: .system("info.circle"))
+Image(dash: .custom("menu-send", bundle: .dashUIKit))
+    .resizable().scaledToFit().frame(width: 30, height: 30)
+```
+
+Many components accept a `DashIconSource?` directly (`DashButton.leadingIcon`,
+`MenuItem.leadingIcon`, `RadioButtonRow.icon`, …).
+
+Bundled custom assets (under `Media.xcassets/Icons & Illustrations/`) include nav icons
+(`navigationbar-back/close/plus/info`), search icons, currency glyphs
+(`icon_dash_currency`, `enter-amount-dash`, `chevron-down-currency-select`), checkbox
+icons, text-field icons (`text-field-qr`, `text-field-clear`), menu icons
+(`menu-send/receive`, `support`, …), and illustrations (`illustration-dash-dex`,
+`illustration-xmark`, `checkmark`, `crowdnode.warning`).
+
+---
+
+## Bundle
+
+File `Foundation/BundleToken.swift`.
+
+`Bundle.dashUIKit` is a convenience alias for `Bundle.module`, used when loading custom
+assets from the package bundle (`Image(dash: .custom(name, bundle: .dashUIKit))`).
diff --git a/docs/lists-and-rows.md b/docs/lists-and-rows.md
new file mode 100644
index 0000000..4574a39
--- /dev/null
+++ b/docs/lists-and-rows.md
@@ -0,0 +1,174 @@
+# Lists & rows
+
+Row components for building lists, menus, and selection screens. None of them draw their
+own dividers or backgrounds — compose them in your own `VStack`/`List` and add separators
+as needed.
+
+---
+
+## CoinSelector
+
+File `Components/CoinSelector.swift` · `@available(iOS 14, macOS 11, *)`
+
+A coin/asset row: leading icon (your view), name + code stacked, and a flexible trailing
+slot — a price/network readout or a "halted" badge. Generic over the icon view.
+
+```swift
+CoinSelector(
+    name: "Rune",
+    code: "RUNE",
+    network: "Maya",                 // optional second trailing line
+    trailing: .price("$0.40")        // CoinSelectorTrailing?
+) {
+    Image("rune-icon").resizable().frame(width: 30, height: 30)   // @ViewBuilder icon
+}
+```
+
+**`CoinSelectorTrailing`**:
+
+- `.price(String)` — price line; if `network` is set it appears beneath it.
+- `.halted` — renders a localized **"halted"** badge and dims the whole row to 50% opacity.
+
+Name truncates with `…` on overflow. The row sets `contentShape(.rect)` so the whole area
+is tappable when you wrap it in a `Button`.
+
+---
+
+## MenuItem
+
+File `Components/MenuItem.swift` · `@available(iOS 14, macOS 11, *)`
+
+A settings/menu row: optional leading icon, title with optional inline info icon, optional
+help text, and a flexible trailing **accessory**.
+
+```swift
+MenuItem(
+    leadingIcon: .custom("menu-send", bundle: .dashUIKit),  // DashIconSource?
+    title: "Network fee",
+    helpText: "Estimated cost for this transaction",
+    infoIcon: .system("info.circle"),
+    accessory: .text("0.0001 DASH")
+)
+```
+
+**`MenuItemAccessory`** — the trailing look (extend this enum rather than overriding
+per-call fonts/colors, to keep rows consistent):
+
+- `.none`
+- `.toggle(isOn: Binding<Bool>)` — a `Toggle`
+- `.text(String)`
+- `.button(DashButton)` — embed a `DashButton`
+- `.balance(dash: Int64, sign: DashAmountSign = .negativeOnly, fiat: String? = nil)` —
+  a `DashAmount` (duffs) with an optional pre-formatted fiat sub-line. The fiat line is
+  hidden for zero / `.max` / `.min` amounts. The library only renders the fiat string you
+  pass — it does no conversion.
+
+---
+
+## ConverterCard
+
+File `Components/ConverterCard/ConverterCard.swift` · `@available(iOS 14, macOS 11, *)`
+
+A two-row source/destination card with a seam-centered arrow badge. Each row is wrapped
+in shared card chrome; passing `onSwap` makes the badge tappable and rotates the arrow,
+omitting it leaves a static down arrow.
+
+```swift
+ConverterCard(
+    fromItem: ConverterCardItem(
+        icon: .system("bitcoinsign.circle.fill"),
+        title: "Coinbase",
+        subtitle: "Dash Wallet",
+        dashBalance: 420_000_000,
+        fiat: "$410.00"
+    ),
+    toItem: ConverterCardItem(
+        icon: .system("d.circle.fill"),
+        title: "Dash",
+        dashBalance: 123_456_789,
+        fiat: "$120.00",
+        showsBalance: false
+    ),
+    onSwap: { /* swap rows */ }
+)
+```
+
+### ConverterCardItem
+
+Display data for one row in `ConverterCard`. Use the plain fields for icon/title/subtitle/
+balance/fiat, or override the leading/trailing content with `iconView` / `trailingView`.
+`subtitleLineLimit` controls wrapping; `showsBalance` hides the trailing amount when
+`false`.
+
+### ConverterCardRow
+
+Internal helper that applies the shared rounded card chrome and reports its height. It is
+not intended for direct use.
+
+### ConverterArrowBadge
+
+Internal seam badge: static `arrow-down` without swapping, or tappable
+`diagonal-up-down` when `onSwap` is supplied. It is also an internal helper.
+
+---
+
+## TransactionView
+
+File `Components/Transaction/TransactionView.swift` · `@available(iOS 14, macOS 11, *)`
+
+A transaction row with a leading icon, optional status badge, title/time/detail text, and
+a trailing Dash amount plus optional fiat line. Pass `action` to make the whole row
+tappable; omit it for a static row.
+
+```swift
+TransactionView(
+    icon: .system("arrow.down.circle.fill"),
+    title: "Received",
+    subtitle: "8:34 AM",
+    details: "Processing",
+    dashAmount: 6_791_000,
+    amountSign: .always,
+    fiat: "$ 1.87",
+    action: { /* open details */ }
+)
+```
+
+The amount is a raw duff value (`Int64`, 10⁸ per Dash) rendered via `DashAmount`.
+
+---
+
+## RadioButtonRow
+
+File `Components/RadioButtonRow.swift` · `@available(iOS 14, macOS 11, *)`
+
+A tappable selectable row with title, optional subtitle, optional trailing text, optional
+leading icon, and a selection indicator in one of two styles.
+
+```swift
+RadioButtonRow(
+    title: "Standard fee",
+    subtitle: "Secondary text",      // optional
+    trailingText: "-10%",            // optional
+    icon: .system("star.fill"),      // optional DashIconSource
+    isSelected: true,
+    style: .radio,                   // .radio (default) or .checkbox
+    action: { /* select */ }
+)
+```
+
+**`Style`** — `.radio` (a ring that thickens/fills blue when selected) or `.checkbox`
+(uses the bundled `icon_checkbox_square[_checked]` assets). Row min-height is 60 with a
+subtitle, otherwise 54; the whole row is the tap target.
+
+---
+
+## List1View
+
+File `Table List/List1View.swift` · `@available(iOS 14, macOS 11, *)`
+
+The simplest row: a tertiary-colored **label** on the left and a primary-colored **value**
+on the right (value is right-aligned and can wrap). Useful for detail / summary lists.
+
+```swift
+List1View(label: "Network", value: "Dash")
+```
diff --git a/docs/navigation-and-containers.md b/docs/navigation-and-containers.md
new file mode 100644
index 0000000..6b71640
--- /dev/null
+++ b/docs/navigation-and-containers.md
@@ -0,0 +1,125 @@
+# Navigation & containers
+
+Structural chrome — nav bars, bottom sheets, and card styling.
+
+---
+
+## NavigationBar
+
+File `Components/NavigationBar.swift` · `@available(iOS 14, macOS 11, *)`
+
+A custom three-slot top bar: **leading**, **central**, **trailing**, each a
+`@ViewBuilder`. The leading/trailing pair is laid out in an `HStack` with a `Spacer`
+between; the central content is overlaid centered (so a long title stays centered
+regardless of side content). Min height 64.
+
+```swift
+NavigationBar(
+    leading: { NavigationBarElement.back.button { dismiss() } },
+    central: {
+        Text("Title")
+            .dashFont(.subheadMedium)
+            .foregroundColor(.dash.primaryText)
+    },
+    trailing: { NavigationBarElement.info.button { showInfo() } }
+)
+```
+
+Convenience initializers let you omit any slot (e.g. only `leading`, or `central` +
+`trailing`) via `EmptyView` specializations.
+
+**`NavigationBarElement`** — bundled icon buttons backed by the nav assets:
+`.back`, `.close`, `.plus`, `.info`. Each provides:
+
+- `.icon` — the resizable `Image`.
+- `.button(action:)` — a 44×44 tappable button with a press animation
+  (scale 0.88 + opacity 0.7).
+
+---
+
+## TopIntroView
+
+File `Components/TopIntro/TopIntroView.swift` · `@available(iOS 14, macOS 11, *)`
+
+A lightweight top-of-screen intro block: title plus up to two description lines, laid
+out as a leading-aligned text stack with extra trailing padding so it breathes beside
+actions or safe areas.
+
+```swift
+TopIntroView(
+    title: "Confirm details",
+    mainDescription: "Review the amount before continuing.",
+    secondaryDescription: "You can always go back and edit it."
+)
+```
+
+Use it for screen headers that sit above the main content rather than inside a nav bar.
+
+---
+
+## BottomSheet
+
+File `Components/BottomSheet.swift` · `@available(iOS 14, macOS 11, *)`
+
+Sheet chrome to put **inside** a SwiftUI `.sheet { }`: a grabber, a `NavigationBar` header
+(optional back button + title + close), and your content. Two height modes.
+
+```swift
+.sheet(isPresented: $isPresented) {
+    BottomSheet(
+        title: "Details",
+        showBackButton: $showBack,            // Binding<Bool>
+        onBackButtonPressed: { /* pop */ },
+        fillsHeight: true                     // greedy: fills the sheet
+    ) {
+        MyContent()
+    }
+}
+```
+
+- **`fillsHeight: true`** (default) — content fills the sheet; pair with an explicit detent
+  on **iOS 16+** (`.large` / `.medium` / `.height`). Wraps content in a `NavigationView`.
+- **`fillsHeight: false`** — natural height; pair with `.selfSizingSheet(…)` so the sheet
+  snaps to its content.
+
+### Self-sizing
+
+Prefer the `BottomSheet.selfSizing(…)` factory, which guarantees `fillsHeight: false` and
+the modifier are applied together:
+
+```swift
+.sheet(isPresented: $isPresented) {
+    BottomSheet.selfSizing(
+        title: "Quick action",
+        showBackButton: .constant(false),
+        fallback: 240,            // height before first measurement (avoids .medium flash)
+        maxHeightFraction: 0.95,  // cap at 95% of window height (clip taller → use ScrollView)
+        cornerRadius: 24          // iOS 16.4..<26; iOS 26+ keeps system corners
+    ) {
+        MyContent()
+    }
+}
+```
+
+`.selfSizingSheet(…)` (a `View` extension) measures the wrapped content directly via a
+`GeometryReader` and drives `presentationDetents([.height(measured)])`. **iOS 16+** only;
+a **no-op below iOS 16**. The measured content must have a finite intrinsic height (no
+greedy `Spacer`/`maxHeight: .infinity`), or the measurement is wrong.
+`BottomSheetHeightPreferenceKey` is exposed for advanced cases.
+
+---
+
+## MenuViewModifier
+
+File `ViewModifiers/MenuViewModifier.swift` · `@available(iOS 14, macOS 11, *)`
+
+Card chrome: inner padding, a rounded (radius 20, continuous) `secondaryBackground` fill,
+and a soft DS shadow. Use it to wrap grouped content (e.g. a stack of `MenuItem`s) into a
+floating card.
+
+```swift
+VStack(spacing: 0) { /* rows */ }
+    .modifier(MenuViewModifier(shadowRadius: 10, innerPadding: 6))
+```
+
+The shadow uses `Color.dash.shadow`, which is adaptive (subtle on light, `.clear` on dark).
diff --git a/docs/utilities.md b/docs/utilities.md
new file mode 100644
index 0000000..64ba0bc
--- /dev/null
+++ b/docs/utilities.md
@@ -0,0 +1,69 @@
+# Utilities
+
+Small layout helpers in `Components/Geometry/`. They carry no DS styling — they're
+mechanics for measuring and fitting views.
+
+---
+
+## Frame & location readers
+
+Files `Components/Geometry/FrameReader.swift`, `LocationReader.swift` ·
+`@available(iOS 14, macOS 11, *)`
+
+Read a view's frame or center point in a coordinate space via a background `GeometryReader`,
+without disturbing layout. Callbacks fire on appear and on change.
+
+```swift
+// Public: read the full frame.
+MyView()
+    .readingFrame(coordinateSpace: .global) { frame in
+        // frame: CGRect
+    }
+
+// Read just the center point (internal helper used by ScrollViewWithOnScrollChanged).
+MyView()
+    .readingLocation { center in
+        // center: CGPoint
+    }
+```
+
+`readingFrame` is public; `LocationReader` / `readingLocation` are internal building blocks.
+
+---
+
+## ScrollViewWithOnScrollChanged
+
+File `Components/Geometry/ScrollViewWithOnScrollChanged.swift` ·
+`@available(iOS 14, macOS 11, *)`
+
+A `ScrollView` that reports its content's scroll origin as it moves — handy for
+scroll-driven effects (collapsing headers, shadows, parallax) without iOS 17's
+`onScrollGeometryChange`. Works back to iOS 14 by placing a `LocationReader` at the top of
+the content in a named coordinate space.
+
+```swift
+ScrollViewWithOnScrollChanged(.vertical, showsIndicators: false) {
+    VStack { /* content */ }
+} onScrollChanged: { origin in
+    // origin: CGPoint — content offset within the scroll view
+}
+```
+
+---
+
+## scaleToFitWidth
+
+File `Components/Geometry/ScaleToFitWidth.swift` · `@available(iOS 14, macOS 11, *)`
+
+Scales a view **uniformly** to fit the available width on a single line, shrinking the
+whole group together (e.g. currency symbol + amount + logo) — unlike `minimumScaleFactor`,
+which shrinks each `Text` independently. Renders at full size when it fits and never goes
+below `minScale`. It reserves the content's natural single-line height so surrounding
+vertical layout stays stable.
+
+```swift
+HStack { Text(symbol); Text(amount); dashLogo }
+    .scaleToFitWidth(minScale: 0.35)   // default minScale 0.35
+```
+
+This is what keeps long amounts on one line in `SwapAmountView`.