@stridge/kit 0.1.0-alpha.55 → 0.1.0-alpha.57

package/dist/styles/index.css

@@ -83,6 +83,9 @@
   --stridge-kit-card-radius: 12px;
   --stridge-kit-card-radius-frame: 16px;
   --stridge-kit-button-radius: 10px;
+  --stridge-kit-tabs-list-radius: 10px;
+  --stridge-kit-tabs-indicator-radius: 7px;
+  --stridge-kit-tabs-tab-padding-block: 10px;
 }
 
 [data-stridge-radius="sharp"] {
@@ -92,6 +95,8 @@
   --stridge-kit-card-radius: 0px;
   --stridge-kit-card-radius-frame: 0px;
   --stridge-kit-button-radius: 0px;
+  --stridge-kit-tabs-list-radius: 0px;
+  --stridge-kit-tabs-indicator-radius: 0px;
   --stridge-kit-radius: 0px;
   --stridge-kit-radius-xs: 0px;
   --stridge-kit-radius-sm: 0px;
@@ -108,6 +113,8 @@
   --stridge-kit-card-radius: 6px;
   --stridge-kit-card-radius-frame: 8px;
   --stridge-kit-button-radius: 6px;
+  --stridge-kit-tabs-list-radius: 6px;
+  --stridge-kit-tabs-indicator-radius: 4px;
   --stridge-kit-radius: .375rem;
   --stridge-kit-radius-xs: 2px;
   --stridge-kit-radius-sm: 4px;
@@ -124,6 +131,8 @@
   --stridge-kit-card-radius: 12px;
   --stridge-kit-card-radius-frame: 16px;
   --stridge-kit-button-radius: 10px;
+  --stridge-kit-tabs-list-radius: 10px;
+  --stridge-kit-tabs-indicator-radius: 7px;
   --stridge-kit-radius: .75rem;
   --stridge-kit-radius-xs: 6px;
   --stridge-kit-radius-sm: 8px;
@@ -140,6 +149,8 @@
   --stridge-kit-card-radius: 18px;
   --stridge-kit-card-radius-frame: 22px;
   --stridge-kit-button-radius: 9999px;
+  --stridge-kit-tabs-list-radius: 9999px;
+  --stridge-kit-tabs-indicator-radius: 9999px;
   --stridge-kit-radius: .875rem;
   --stridge-kit-radius-xs: 8px;
   --stridge-kit-radius-sm: 10px;
@@ -203,6 +214,13 @@
   --stridge-kit-drawer-handle-color: oklch(52.95% .01 286.13 / .55);
   --stridge-kit-skeleton-base: oklch(29.55% .01 285.72);
   --stridge-kit-skeleton-highlight: oklch(35.16% .01 285.67);
+  --stridge-kit-tabs-list-surface: var(--stridge-kit-card-surface-subdued);
+  --stridge-kit-tabs-list-border: var(--stridge-kit-border);
+  --stridge-kit-tabs-tab-foreground: var(--stridge-kit-muted-foreground);
+  --stridge-kit-tabs-tab-foreground-active: var(--stridge-kit-foreground);
+  --stridge-kit-tabs-tab-surface-active: var(--stridge-kit-tile-surface);
+  --stridge-kit-tabs-tab-border-active: var(--stridge-kit-tile-border);
+  --stridge-kit-tabs-indicator-accent: var(--stridge-kit-foreground);
   --stridge-kit-attribution-prefix-color: oklch(62% .005 286);
   --stridge-kit-attribution-mark-color: oklch(72% .005 286);
   --stridge-kit-attribution-wordmark-color: oklch(76% .005 286);
@@ -265,6 +283,13 @@
   --stridge-kit-drawer-handle-color: oklch(60% .01 286 / .4);
   --stridge-kit-skeleton-base: oklch(91% 0 286);
   --stridge-kit-skeleton-highlight: oklch(95% 0 286);
+  --stridge-kit-tabs-list-surface: var(--stridge-kit-card-surface-subdued);
+  --stridge-kit-tabs-list-border: var(--stridge-kit-border);
+  --stridge-kit-tabs-tab-foreground: var(--stridge-kit-muted-foreground);
+  --stridge-kit-tabs-tab-foreground-active: var(--stridge-kit-foreground);
+  --stridge-kit-tabs-tab-surface-active: var(--stridge-kit-tile-surface);
+  --stridge-kit-tabs-tab-border-active: var(--stridge-kit-tile-border);
+  --stridge-kit-tabs-indicator-accent: var(--stridge-kit-foreground);
   --stridge-kit-attribution-prefix-color: oklch(50% .01 286);
   --stridge-kit-attribution-mark-color: oklch(42% .01 286);
   --stridge-kit-attribution-wordmark-color: oklch(36% .01 286);
@@ -404,6 +429,10 @@
     border-color: var(--stridge-kit-card-surface);
   }
 
+  .x1s46ruh {
+    border-color: var(--stridge-kit-tabs-list-border);
+  }
+
   .xa3awxp {
     border-color: var(--stridge-kit-tile-border);
   }
@@ -412,6 +441,14 @@
     border-color: var(--stridge-kit-border);
   }
 
+  .x16691aj {
+    border-color: var(--stridge-kit-destructive);
+  }
+
+  .xab7lrg {
+    border-color: var(--stridge-kit-tabs-tab-border-active);
+  }
+
   .x1l0rsgs {
     border-inline-width: 1px;
   }
@@ -452,6 +489,10 @@
     border-radius: var(--stridge-kit-radius-full);
   }
 
+  .x1gt2vge {
+    border-radius: var(--stridge-kit-tabs-list-radius);
+  }
+
   .x2zroun {
     border-radius: var(--stridge-kit-radius-xs);
   }
@@ -472,6 +513,10 @@
     border-radius: var(--stridge-kit-radius-sm);
   }
 
+  .xfauvix {
+    border-radius: var(--stridge-kit-tabs-indicator-radius);
+  }
+
   .x1c2egtx {
     border-radius: var(--stridge-kit-card-radius-frame);
   }
@@ -692,6 +737,10 @@
     padding-block: 15px;
   }
 
+  .x1xn8qrt {
+    padding-block: 16px;
+  }
+
   .x12ulsxz {
     padding-block: 4px;
   }
@@ -712,6 +761,14 @@
     padding-block: var(--stridge-kit-space-3);
   }
 
+  .x1wjkr2j {
+    padding-block: var(--stridge-kit-tabs-tab-padding-block);
+  }
+
+  .xpuy6co {
+    padding-block: var(--stridge-kit-space-2);
+  }
+
   .xvpgqt4 {
     padding-inline: .625rem;
   }
@@ -784,6 +841,10 @@
     border-color: var(--stridge-kit-ring);
   }
 
+  .x1o5aa3h:focus-visible {
+    border-radius: var(--stridge-kit-radius-full);
+  }
+
   .x63abuj:focus-visible {
     border-radius: var(--stridge-kit-radius-sm);
   }
@@ -1148,6 +1209,10 @@
     background-color: var(--stridge-kit-card-surface);
   }
 
+  .x1fkz0ev {
+    background-color: var(--stridge-kit-tabs-indicator-accent);
+  }
+
   .x136i1dt {
     background-color: var(--stridge-kit-border);
   }
@@ -1160,6 +1225,10 @@
     background-color: var(--stridge-kit-secondary);
   }
 
+  .x1ge2e6s {
+    background-color: var(--stridge-kit-tabs-tab-surface-active);
+  }
+
   .xdmxa9o {
     background-color: var(--stridge-kit-primary);
   }
@@ -1176,6 +1245,10 @@
     background-color: var(--stridge-kit-skeleton-base);
   }
 
+  .x13y6qn8 {
+    background-color: var(--stridge-kit-tabs-list-surface);
+  }
+
   .x1p0xf7o {
     background-color: var(--stridge-kit-drawer-handle-color);
   }
@@ -1188,6 +1261,10 @@
     background-color: var(--stridge-kit-overlay);
   }
 
+  .xvaq5cg {
+    background-color: var(--stridge-kit-card);
+  }
+
   .x19u6ldj {
     background-color: var(--stridge-kit-background);
   }
@@ -1392,6 +1469,10 @@
     color: var(--stridge-kit-destructive);
   }
 
+  .xddgj62 {
+    color: var(--stridge-kit-tabs-tab-foreground);
+  }
+
   .x137ha3m {
     color: var(--stridge-kit-muted-foreground-faint);
   }
@@ -1484,6 +1565,10 @@
     display: inline;
   }
 
+  .x1s85apg {
+    display: none;
+  }
+
   .x5f5z56 {
     field-sizing: content;
   }
@@ -1752,6 +1837,10 @@
     letter-spacing: .02em;
   }
 
+  .x1labic3 {
+    letter-spacing: .14em;
+  }
+
   .x4gjf66 {
     letter-spacing: inherit;
   }
@@ -1780,6 +1869,10 @@
     line-height: 0;
   }
 
+  .x1u7k74 {
+    line-height: 1.2;
+  }
+
   .x132q4wb {
     line-height: 1.25;
   }
@@ -1912,6 +2005,10 @@
     overflow-wrap: anywhere;
   }
 
+  .x2vl965 {
+    padding-inline-end: 10px;
+  }
+
   .xpdmqnj {
     padding-inline-end: 12px;
   }
@@ -1976,6 +2073,10 @@
     padding-inline-start: 22px;
   }
 
+  .x25sj25 {
+    padding-inline-start: 6px;
+  }
+
   .x7coems {
     padding-inline-start: 9px;
   }
@@ -2184,6 +2285,10 @@
     transition-duration: .2s;
   }
 
+  .x1szhkt1 {
+    transition-duration: var(--stridge-kit-duration-normal);
+  }
+
   .x1vhb3u9 {
     transition-duration: var(--stridge-kit-duration-fast);
   }
@@ -2204,6 +2309,10 @@
     transition-property: background-color, border-color, color, box-shadow, transform;
   }
 
+  .xgzoi8n {
+    transition-property: background-color, border-color, color, box-shadow;
+  }
+
   .x1eaenvl {
     transition-property: background-color, border-color, color;
   }
@@ -2224,6 +2333,10 @@
     transition-property: border-color, box-shadow;
   }
 
+  .xshfolx {
+    transition-property: border-color;
+  }
+
   .xkdsq27 {
     transition-property: box-shadow;
   }
@@ -2240,6 +2353,10 @@
     transition-property: height;
   }
 
+  .x36inuq {
+    transition-property: left, right, top, bottom, width, height;
+  }
+
   .x19991ni {
     transition-property: opacity;
   }
@@ -2329,6 +2446,10 @@
     z-index: 1;
   }
 
+  .x1n327nk {
+    z-index: 10;
+  }
+
   .x11uqc5h {
     z-index: 100;
   }
@@ -2365,6 +2486,14 @@
     z-index: var(--stridge-kit-z-popover);
   }
 
+  .x3ppix8:active:not(:disabled) {
+    background-color: color-mix(in oklab,var(--stridge-kit-card-surface) 78%,var(--stridge-kit-foreground));
+  }
+
+  .x16sea6d:hover:not(:disabled) {
+    background-color: color-mix(in oklab,var(--stridge-kit-card-surface) 89%,var(--stridge-kit-foreground));
+  }
+
   .x3celgi:active:not(:disabled) {
     background-color: color-mix(in oklab,var(--stridge-kit-surface-hover) 70%,var(--stridge-kit-foreground));
   }
@@ -2525,6 +2654,10 @@
     background-color: color-mix(in oklab,var(--stridge-kit-destructive) 80%,var(--stridge-kit-foreground));
   }
 
+  .xyv6lf4:hover {
+    background-color: color-mix(in oklab,var(--stridge-kit-tabs-list-surface) 50%,transparent);
+  }
+
   .x1ehxjrm:hover {
     background-color: color-mix(in oklab,var(--stridge-kit-destructive-soft) 86%,var(--stridge-kit-foreground));
   }
@@ -2545,6 +2678,10 @@
     color: var(--stridge-kit-muted-foreground);
   }
 
+  .xbs6d1p:hover {
+    color: var(--stridge-kit-tabs-tab-foreground-active);
+  }
+
   .x1mzqehw:hover {
     opacity: .6;
   }
@@ -2677,6 +2814,10 @@
     border-top-color: var(--stridge-kit-card-border);
   }
 
+  .x19bq4ie {
+    border-top-color: var(--stridge-kit-details-border);
+  }
+
   .x1wc9ssx {
     border-top-color: var(--stridge-kit-card-border-frame);
   }
@@ -2737,6 +2878,10 @@
     height: 14px;
   }
 
+  .x1ymw6g {
+    height: 160px;
+  }
+
   .xlup9mm {
     height: 16px;
   }
@@ -2761,6 +2906,14 @@
     height: 200px;
   }
 
+  .x1qx5ct2 {
+    height: 20px;
+  }
+
+  .x17rw0jw {
+    height: 22px;
+  }
+
   .xxk0z11 {
     height: 24px;
   }
@@ -2805,6 +2958,10 @@
     height: fit-content;
   }
 
+  .x1gezbiy {
+    height: var(--active-tab-height);
+  }
+
   .xuan8c8 {
     height: var(--collapsible-panel-height);
   }
@@ -2821,6 +2978,10 @@
     left: auto;
   }
 
+  .xvbikie {
+    left: var(--active-tab-left);
+  }
+
   .xat24cr {
     margin-bottom: 0;
   }
@@ -3145,6 +3306,10 @@
     padding-top: 9px;
   }
 
+  .xtgch2x {
+    padding-top: var(--stridge-kit-space-6);
+  }
+
   .x1h03h88 {
     padding-top: var(--stridge-kit-space-4);
   }
@@ -3181,6 +3346,10 @@
     top: 50%;
   }
 
+  .x10uur0e {
+    top: var(--active-tab-top);
+  }
+
   .xh8yej3 {
     width: 100%;
   }
@@ -3205,6 +3374,10 @@
     width: 14px;
   }
 
+  .xq1dxzn {
+    width: 160px;
+  }
+
   .x1kky2od {
     width: 16px;
   }
@@ -3221,10 +3394,18 @@
     width: 1em;
   }
 
+  .xw4jnvo {
+    width: 20px;
+  }
+
   .x16grhtn {
     width: 220px;
   }
 
+  .x17z2i9w {
+    width: 22px;
+  }
+
   .xgd8bvy {
     width: 28px;
   }
@@ -3245,10 +3426,18 @@
     width: 44px;
   }
 
+  .x1bu4hv2 {
+    width: 5ch;
+  }
+
   .x1fu8urw {
     width: 64px;
   }
 
+  .xig3uv9 {
+    width: 6ch;
+  }
+
   .x1xc55vz {
     width: 8px;
   }
@@ -3265,10 +3454,22 @@
     width: max-content;
   }
 
+  .xoffw1 {
+    width: var(--active-tab-width);
+  }
+
   .x19k59d4 {
     width: var(--stridge-kit-drawer-handle-size);
   }
 
+  .x1et6zyk.x1et6zyk:where([dir="rtl"]) :scope {
+    left: auto;
+  }
+
+  .xdvm21q.xdvm21q:where([dir="rtl"]) :scope {
+    right: var(--active-tab-right);
+  }
+
   .x1g31smg:first-child {
     border-top-width: 0;
   }
@@ -3329,6 +3530,10 @@
 }
 
 @layer priority6 {
+  .x7kzco9[data-active] {
+    border-color: var(--stridge-kit-foreground);
+  }
+
   .x13rkwjk[aria-invalid="true"][data-popup-open], .x1e0f7l1[aria-invalid="true"], .xu6psuv[aria-invalid="true"]:focus-visible {
     border-color: var(--stridge-kit-destructive-border);
   }
@@ -3391,10 +3596,18 @@
     animation-timing-function: var(--stridge-kit-ease-exit);
   }
 
+  .xthri8c[data-active], .xynnxzo[data-disabled] {
+    background-color: #0000;
+  }
+
   .xevhoj0[data-highlighted] {
     background-color: var(--stridge-kit-tile-surface);
   }
 
+  .x1anawn6[data-active] {
+    background-color: var(--stridge-kit-foreground);
+  }
+
   .x9oo2q2[aria-expanded="true"] {
     background-color: var(--stridge-kit-muted);
   }
@@ -3419,18 +3632,42 @@
     color: var(--stridge-kit-destructive);
   }
 
+  .xctydo3[data-disabled] {
+    color: var(--stridge-kit-tabs-tab-foreground);
+  }
+
   .x163giyb[data-highlighted] {
     color: var(--stridge-kit-popover-foreground);
   }
 
+  .xqclgz3[data-active] {
+    color: var(--stridge-kit-tabs-tab-foreground-active);
+  }
+
+  .xuz9cdh[data-active] {
+    color: var(--stridge-kit-background);
+  }
+
+  .x1j1ks5o[data-disabled] {
+    cursor: not-allowed;
+  }
+
   .xzuuoaq[hidden]:not([hidden="until-found"]) {
     display: none;
   }
 
-  .xrvs7vr[data-orientation="horizontal"] {
+  .x1nquej0[data-orientation="vertical"], .xrvs7vr[data-orientation="horizontal"] {
     flex-direction: column;
   }
 
+  .xlpxku1[data-orientation="vertical"] {
+    flex-direction: row;
+  }
+
+  .x1xpet1t[data-active] {
+    font-weight: var(--stridge-kit-font-weight-semibold);
+  }
+
   .x118mprz[data-side="inline-start"] {
     inset-inline-end: -13px;
   }
@@ -3447,6 +3684,10 @@
     inset-inline-start: 0;
   }
 
+  .x1sydc4h[data-orientation="vertical"] {
+    justify-content: flex-start;
+  }
+
   .x11xjgb3[data-disabled] {
     opacity: .45;
   }
@@ -3515,6 +3756,10 @@
     flex: 1;
   }
 
+  .x1nzntce[data-orientation="horizontal"] {
+    height: .125rem;
+  }
+
   .x12wejat[data-ending-style], .x1fe7yth[data-starting-style] {
     height: 0;
   }
@@ -3523,6 +3768,14 @@
     height: 100%;
   }
 
+  .x6demw2[data-orientation="vertical"] {
+    height: calc(var(--active-tab-height) * .8);
+  }
+
+  .x1smgklz[data-orientation="vertical"] {
+    height: fit-content;
+  }
+
   .x1thhcpk[data-orientation="horizontal"] {
     height: var(--stridge-kit-space-3);
   }
@@ -3531,6 +3784,10 @@
     left: -13px;
   }
 
+  .x1fhtaip[data-orientation="vertical"] {
+    left: 0;
+  }
+
   .x1f3sk1h[data-side="left"] {
     right: -13px;
   }
@@ -3547,13 +3804,29 @@
     top: 100%;
   }
 
-  .x90yeee[data-orientation="horizontal"] {
+  .xfdi2ae[data-orientation="vertical"] {
+    top: calc(var(--active-tab-top) + var(--active-tab-height) * .1);
+  }
+
+  .x13i9a9u[data-orientation="vertical"] {
+    width: .125rem;
+  }
+
+  .x1nvwyg1[data-orientation="vertical"], .x90yeee[data-orientation="horizontal"] {
     width: 100%;
   }
 
   .xr4lo6p[data-orientation="vertical"] {
     width: var(--stridge-kit-space-3);
   }
+
+  .xqse6zn.xqse6zn:where([dir="rtl"]) :scope[data-orientation="vertical"] {
+    left: auto;
+  }
+
+  .x1ef44r0.x1ef44r0:where([dir="rtl"]) :scope[data-orientation="vertical"] {
+    right: 0;
+  }
 }
 
 @layer priority9 {

package/dist/types.d.ts

@@ -2,7 +2,7 @@ import { Entity, SettlementFailureKind, TxRef } from "./shared/driver/types.js";
 import { AcceptedAssetPayload, AddressItemPayload, AssetPayload, BalanceItemPayload, BrandPayload, ChainPayload, QuoteBreakdownPayload, QuotePayload, QuoteRoutePayload, SettlementFailurePayload, SettlementPayload, SettlementPendingPayload, SettlementSuccessPayload, SourceWalletPayload, TargetPayload, WalletInfo, WalletPayload } from "./flows/deposit/driver/payloads.js";
 import { DepositSnapshot } from "./flows/deposit/driver/types.js";
 import { FailureInfo } from "./shared/orchestrator/types.js";
-import { ConfirmDepositPhase, DepositActions, DepositController, DepositMethod, DepositState, DepositStateName, GatewayEvent, OpenInput, ResolvedOpenInput, RetryTargetSpec } from "./flows/deposit/orchestrator/types.js";
+import { CashMethodId, ConfirmDepositPhase, DepositActions, DepositController, DepositMethod, DepositState, DepositStateName, GatewayEvent, OpenInput, ResolvedOpenInput, RetryTargetSpec } from "./flows/deposit/orchestrator/types.js";
 import { ReceiveOptionDto, ReceiveOptionsResponse, WithdrawableBalanceDto, WithdrawableBalancesResponse, WithdrawalQuoteDto, WithdrawalQuoteResponse, WithdrawalSettlementDto, WithdrawalSettlementResponse } from "./flows/withdraw/driver/dto.js";
 import { ReceiveChainPayload, ReceiveTokenOptionPayload, WithdrawableBalanceItemPayload, WithdrawalQuoteBreakdownPayload, WithdrawalQuotePayload, WithdrawalReceiveAssetPayload, WithdrawalSettlementFailurePayload, WithdrawalSettlementPayload, WithdrawalSettlementPendingPayload, WithdrawalSettlementSuccessPayload } from "./flows/withdraw/driver/payloads.js";
 import { WithdrawSnapshot } from "./flows/withdraw/driver/types.js";
@@ -11,7 +11,7 @@ import { KitConfig, KitDirection, KitRadius, KitTarget, KitTheme } from "./scope
 import { KitStorageAdapter, KitStoragePersistence } from "./storage/types.js";
 import { KitStorage } from "./storage/createKitStorage.js";
 import { WithdrawActions, WithdrawController, WithdrawEvent, WithdrawState, WithdrawStateName, WithdrawSubmitActions, WithdrawSubmitCallback, WithdrawSubmitInput, WithdrawalFormSnapshot } from "./flows/withdraw/orchestrator/types.js";
+import { STEPS_WITH_OWN_SETTLEMENT_VIEW, stepRendersSettlement } from "./flows/deposit/orchestrator/steps.js";
 import { WithdrawBalanceInput, WithdrawBindings, WithdrawSuggestedRecipient } from "./flows/withdraw/bindings/WithdrawBindings.js";
 import { BannerAckBucket } from "./banners/useBannerAck.js";
-import { STEPS_WITH_OWN_SETTLEMENT_VIEW, stepRendersSettlement } from "./flows/deposit/orchestrator/steps.js";
-export { type AcceptedAssetPayload, type AddressItemPayload, type AssetPayload, type BalanceItemPayload, type BannerAckBucket, type BrandPayload, type ChainPayload, type ConfirmDepositPhase, type DepositActions, type DepositController, type DepositMethod, type DepositSnapshot, type DepositState, type DepositStateName, type Entity, type FailureInfo, type GatewayEvent, type KitConfig, type KitDirection, type KitRadius, type KitStorage, type KitStorageAdapter, type KitStoragePersistence, type KitTarget, type KitTheme, type OpenInput, type Presentation, type PresentationConfig, type PresentationMode, type QuoteBreakdownPayload, type QuotePayload, type QuoteRoutePayload, type ReceiveChainPayload, type ReceiveOptionDto, type ReceiveOptionsResponse, type ReceiveTokenOptionPayload, type ResolvedOpenInput, type RetryTargetSpec, STEPS_WITH_OWN_SETTLEMENT_VIEW, type SettlementFailureKind, type SettlementFailurePayload, type SettlementPayload, type SettlementPendingPayload, type SettlementSuccessPayload, type SourceWalletPayload, type TargetPayload, type TxRef, type WalletInfo, type WalletPayload, type WithdrawActions, type WithdrawBalanceInput, type WithdrawBindings, type WithdrawController, type WithdrawEvent, type WithdrawSnapshot, type WithdrawState, type WithdrawStateName, type WithdrawSubmitActions, type WithdrawSubmitCallback, type WithdrawSubmitInput, type WithdrawSuggestedRecipient, type WithdrawableBalanceDto, type WithdrawableBalanceItemPayload, type WithdrawableBalancesResponse, type WithdrawalFormSnapshot, type WithdrawalQuoteBreakdownPayload, type WithdrawalQuoteDto, type WithdrawalQuotePayload, type WithdrawalQuoteResponse, type WithdrawalReceiveAssetPayload, type WithdrawalSettlementDto, type WithdrawalSettlementFailurePayload, type WithdrawalSettlementPayload, type WithdrawalSettlementPendingPayload, type WithdrawalSettlementResponse, type WithdrawalSettlementSuccessPayload, stepRendersSettlement };
+export { type AcceptedAssetPayload, type AddressItemPayload, type AssetPayload, type BalanceItemPayload, type BannerAckBucket, type BrandPayload, type CashMethodId, type ChainPayload, type ConfirmDepositPhase, type DepositActions, type DepositController, type DepositMethod, type DepositSnapshot, type DepositState, type DepositStateName, type Entity, type FailureInfo, type GatewayEvent, type KitConfig, type KitDirection, type KitRadius, type KitStorage, type KitStorageAdapter, type KitStoragePersistence, type KitTarget, type KitTheme, type OpenInput, type Presentation, type PresentationConfig, type PresentationMode, type QuoteBreakdownPayload, type QuotePayload, type QuoteRoutePayload, type ReceiveChainPayload, type ReceiveOptionDto, type ReceiveOptionsResponse, type ReceiveTokenOptionPayload, type ResolvedOpenInput, type RetryTargetSpec, STEPS_WITH_OWN_SETTLEMENT_VIEW, type SettlementFailureKind, type SettlementFailurePayload, type SettlementPayload, type SettlementPendingPayload, type SettlementSuccessPayload, type SourceWalletPayload, type TargetPayload, type TxRef, type WalletInfo, type WalletPayload, type WithdrawActions, type WithdrawBalanceInput, type WithdrawBindings, type WithdrawController, type WithdrawEvent, type WithdrawSnapshot, type WithdrawState, type WithdrawStateName, type WithdrawSubmitActions, type WithdrawSubmitCallback, type WithdrawSubmitInput, type WithdrawSuggestedRecipient, type WithdrawableBalanceDto, type WithdrawableBalanceItemPayload, type WithdrawableBalancesResponse, type WithdrawalFormSnapshot, type WithdrawalQuoteBreakdownPayload, type WithdrawalQuoteDto, type WithdrawalQuotePayload, type WithdrawalQuoteResponse, type WithdrawalReceiveAssetPayload, type WithdrawalSettlementDto, type WithdrawalSettlementFailurePayload, type WithdrawalSettlementPayload, type WithdrawalSettlementPendingPayload, type WithdrawalSettlementResponse, type WithdrawalSettlementSuccessPayload, stepRendersSettlement };

package/dist/ui/index.d.ts

@@ -1,6 +1,8 @@
 import { Presentation, PresentationConfig, PresentationMode } from "../shared/presentation/types.js";
 import { WalletRow, WalletRowDensity, WalletRowProps } from "../shared/ui/WalletRow/WalletRow.js";
 import { WALLET_ROW_SLOTS, WalletRowSlot } from "../shared/ui/WalletRow/WalletRow.slots.js";
+import { Tabs, TabsIndicator, TabsList, TabsPanel, TabsRoot, TabsTab, TabsVariant } from "../shared/ui/Tabs/Tabs.js";
+import { TABS_SLOTS, TabsSlot } from "../shared/ui/Tabs/Tabs.slots.js";
 import { AdaptiveSurface, AdaptiveSurfaceProps } from "../shared/ui/AdaptiveSurface/AdaptiveSurface.js";
 import { Alert, AlertVariant } from "../shared/ui/Alert/Alert.js";
 import { ALERT_SLOTS, AlertSlot } from "../shared/ui/Alert/Alert.slots.js";
@@ -51,4 +53,4 @@ import { TokenLogoProps } from "../shared/ui/TokenLogo/types.js";
 import { TokenLogo } from "../shared/ui/TokenLogo/TokenLogo.js";
 import { Tooltip, TooltipVariant } from "../shared/ui/Tooltip/Tooltip.js";
 import { TOOLTIP_SLOTS, TooltipSlot } from "../shared/ui/Tooltip/Tooltip.slots.js";
-export { ALERT_SLOTS, AMOUNT_INPUT_SLOTS, AdaptiveSurface, AdaptiveSurfaceProps, Alert, AlertSlot, AlertVariant, AmountInput, AmountInputSlot, BADGE_SLOTS, BUTTON_SLOTS, Badge, BadgeColor, BadgeRoundness, BadgeSize, BadgeSlot, BadgeVariant, Button, ButtonSize, ButtonSlot, ButtonVariant, CARD_SLOTS, COLLAPSIBLE_SLOTS, Card, CardSlot, CardVariant, Collapsible, CollapsibleSlot, DETAILS_SLOTS, DIALOG_SLOTS, DRAWER_SLOTS, Details, DetailsSlot, Dialog, DialogSlot, Drawer, DrawerSlot, EXTERNAL_LINK_SLOTS, ExternalLink, ExternalLinkSlot, FIELD_SLOTS, Field, FieldOrientation, FieldSlot, HtmlTags, ICON_BUTTON_SLOTS, IMAGE_SLOTS, INPUT_GROUP_SLOTS, IconButton, IconButtonSize, IconButtonSlot, Image, ImageGroupProps, ImageOverlayProps, ImageProps, ImageShape, ImageSize, ImageSlot, InputGroup, InputGroupAddonAlign, InputGroupSlot, LtrAtom, LtrAtomProps, Presentation, PresentationConfig, PresentationMode, SCROLL_AREA_SLOTS, SELECTABLE_TILE_SLOTS, SELECT_SLOTS, SKELETON_SLOTS, STEPS_SLOTS, ScrollArea, ScrollAreaSlot, Select, SelectSlot, SelectVariant, SelectableTile, SelectableTileGroup, SelectableTileGroupProps, SelectableTileShape, SelectableTileSlot, Skeleton, SkeletonSlot, Step, Steps, StepsSlot, TEXT_SLOTS, TOOLTIP_SLOTS, TextAlign, TextColor, TextComponent, TextFactory, TextFont, TextFontWeight, TextLeading, TextProps, TextSize, TextSlot, TextTracking, TextTransform, TokenLogo, TokenLogoProps, Tooltip, TooltipSlot, TooltipVariant, WALLET_ROW_SLOTS, WalletRow, WalletRowDensity, WalletRowProps, WalletRowSlot, formatAmountForInput, parseAmountInputValue, text, useIsInsideDialogContent };
+export { ALERT_SLOTS, AMOUNT_INPUT_SLOTS, AdaptiveSurface, AdaptiveSurfaceProps, Alert, AlertSlot, AlertVariant, AmountInput, AmountInputSlot, BADGE_SLOTS, BUTTON_SLOTS, Badge, BadgeColor, BadgeRoundness, BadgeSize, BadgeSlot, BadgeVariant, Button, ButtonSize, ButtonSlot, ButtonVariant, CARD_SLOTS, COLLAPSIBLE_SLOTS, Card, CardSlot, CardVariant, Collapsible, CollapsibleSlot, DETAILS_SLOTS, DIALOG_SLOTS, DRAWER_SLOTS, Details, DetailsSlot, Dialog, DialogSlot, Drawer, DrawerSlot, EXTERNAL_LINK_SLOTS, ExternalLink, ExternalLinkSlot, FIELD_SLOTS, Field, FieldOrientation, FieldSlot, HtmlTags, ICON_BUTTON_SLOTS, IMAGE_SLOTS, INPUT_GROUP_SLOTS, IconButton, IconButtonSize, IconButtonSlot, Image, ImageGroupProps, ImageOverlayProps, ImageProps, ImageShape, ImageSize, ImageSlot, InputGroup, InputGroupAddonAlign, InputGroupSlot, LtrAtom, LtrAtomProps, Presentation, PresentationConfig, PresentationMode, SCROLL_AREA_SLOTS, SELECTABLE_TILE_SLOTS, SELECT_SLOTS, SKELETON_SLOTS, STEPS_SLOTS, ScrollArea, ScrollAreaSlot, Select, SelectSlot, SelectVariant, SelectableTile, SelectableTileGroup, SelectableTileGroupProps, SelectableTileShape, SelectableTileSlot, Skeleton, SkeletonSlot, Step, Steps, StepsSlot, TABS_SLOTS, TEXT_SLOTS, TOOLTIP_SLOTS, Tabs, TabsIndicator, TabsList, TabsPanel, TabsRoot, TabsSlot, TabsTab, TabsVariant, TextAlign, TextColor, TextComponent, TextFactory, TextFont, TextFontWeight, TextLeading, TextProps, TextSize, TextSlot, TextTracking, TextTransform, TokenLogo, TokenLogoProps, Tooltip, TooltipSlot, TooltipVariant, WALLET_ROW_SLOTS, WalletRow, WalletRowDensity, WalletRowProps, WalletRowSlot, formatAmountForInput, parseAmountInputValue, text, useIsInsideDialogContent };