@stridge/kit 0.1.0-alpha.51 → 0.1.0-alpha.53

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (225) hide show
  1. package/dist/KitProvider.d.ts +11 -0
  2. package/dist/KitProvider.js +1 -1
  3. package/dist/_internal/activity/driver/index.d.ts +3 -0
  4. package/dist/_internal/activity/driver/index.js +1 -0
  5. package/dist/_internal/drivers/stridge/index.d.ts +2 -1
  6. package/dist/_internal/drivers/stridge/index.js +1 -1
  7. package/dist/_internal/drivers/stridge-mock/index.d.ts +2 -1
  8. package/dist/_internal/drivers/stridge-mock/index.js +1 -1
  9. package/dist/activity/compound/index.d.ts +19 -0
  10. package/dist/activity/compound/index.js +1 -0
  11. package/dist/activity/dialog/index.d.ts +3 -0
  12. package/dist/activity/dialog/index.js +1 -0
  13. package/dist/activity/widgets/index.d.ts +4 -0
  14. package/dist/activity/widgets/index.js +1 -0
  15. package/dist/deposit/compound/index.d.ts +9 -9
  16. package/dist/deposit/widgets/index.d.ts +3 -3
  17. package/dist/deposit/widgets/index.js +1 -1
  18. package/dist/drivers/stridge/createStridgeActivityDriver.d.ts +44 -0
  19. package/dist/drivers/stridge/createStridgeActivityDriver.js +1 -0
  20. package/dist/drivers/stridge/createStridgeDepositDriver.js +1 -1
  21. package/dist/drivers/stridge/createStridgeWithdrawDriver.js +1 -1
  22. package/dist/drivers/stridge-mock/createStridgeMockActivityDriver.d.ts +44 -0
  23. package/dist/drivers/stridge-mock/createStridgeMockActivityDriver.js +1 -0
  24. package/dist/drivers/stridge-mock/createStridgeMockDriver.d.ts +0 -2
  25. package/dist/drivers/stridge-mock/createStridgeMockDriver.js +1 -1
  26. package/dist/drivers/stridge-mock/createStridgeMockWithdrawDriver.d.ts +1 -2
  27. package/dist/drivers/stridge-mock/createStridgeMockWithdrawDriver.js +1 -1
  28. package/dist/drivers/stridge-mock/fixtures.js +1 -1
  29. package/dist/flows/activity/compound/ActivityFlow.d.ts +46 -0
  30. package/dist/flows/activity/compound/ActivityFlow.js +1 -0
  31. package/dist/flows/activity/compound/components/Boundary.d.ts +29 -0
  32. package/dist/flows/activity/compound/components/Boundary.js +1 -0
  33. package/dist/flows/activity/compound/components/Steps.d.ts +24 -0
  34. package/dist/flows/activity/compound/components/Steps.js +1 -0
  35. package/dist/flows/activity/dialog/ActivityDialog.d.ts +38 -0
  36. package/dist/flows/activity/dialog/ActivityDialog.js +1 -0
  37. package/dist/flows/activity/dialog/ActivityFlowBoundary.d.ts +1 -0
  38. package/dist/flows/activity/dialog/ActivityFlowBoundary.js +1 -0
  39. package/dist/flows/activity/driver/context.d.ts +38 -0
  40. package/dist/flows/activity/driver/context.js +1 -0
  41. package/dist/flows/activity/driver/types.d.ts +58 -0
  42. package/dist/flows/activity/orchestrator/controller.d.ts +11 -0
  43. package/dist/flows/activity/orchestrator/controller.js +1 -0
  44. package/dist/flows/activity/orchestrator/index.d.ts +4 -0
  45. package/dist/flows/activity/orchestrator/index.js +1 -0
  46. package/dist/flows/activity/orchestrator/reducer.d.ts +1 -0
  47. package/dist/flows/activity/orchestrator/reducer.js +1 -0
  48. package/dist/flows/activity/orchestrator/types.d.ts +71 -0
  49. package/dist/flows/activity/orchestrator/useActivity.d.ts +94 -0
  50. package/dist/flows/activity/orchestrator/useActivity.js +1 -0
  51. package/dist/flows/activity/widgets/ActivityDetail.d.ts +41 -0
  52. package/dist/flows/activity/widgets/ActivityDetail.js +1 -0
  53. package/dist/flows/activity/widgets/ActivityList.d.ts +38 -0
  54. package/dist/flows/activity/widgets/ActivityList.js +1 -0
  55. package/dist/flows/activity/widgets/useStandaloneActivitySource.js +1 -0
  56. package/dist/flows/deposit/dialog/DepositBootstrapErrorState.js +1 -1
  57. package/dist/flows/deposit/dialog/DepositDialog.js +1 -1
  58. package/dist/flows/deposit/driver/transformers/settlementToPayload.js +1 -1
  59. package/dist/flows/deposit/driver/types.d.ts +1 -38
  60. package/dist/flows/deposit/orchestrator/controller.js +1 -1
  61. package/dist/flows/deposit/orchestrator/reducer.js +1 -1
  62. package/dist/flows/deposit/orchestrator/types.d.ts +43 -29
  63. package/dist/flows/deposit/widgets/{activity-history/DepositHistoryDetail.d.ts → activity/DepositActivityDetail.d.ts} +11 -11
  64. package/dist/flows/deposit/widgets/activity/DepositActivityDetail.js +1 -0
  65. package/dist/flows/deposit/widgets/activity/DepositActivityList.d.ts +38 -0
  66. package/dist/flows/deposit/widgets/activity/DepositActivityList.js +1 -0
  67. package/dist/flows/deposit/widgets/activity/index.d.ts +2 -0
  68. package/dist/flows/deposit/widgets/activity/index.js +1 -0
  69. package/dist/flows/deposit/widgets/activity/useDepositActivitySource.js +1 -0
  70. package/dist/flows/deposit/widgets/amount-entry/AmountEntry.js +1 -1
  71. package/dist/flows/deposit/widgets/asset-picker/AssetPicker.js +1 -1
  72. package/dist/flows/deposit/widgets/confirm-deposit/ConfirmDeposit.js +1 -1
  73. package/dist/flows/deposit/widgets/deposit/Deposit.js +1 -1
  74. package/dist/flows/deposit/widgets/deposit/compound/components/Header.d.ts +7 -6
  75. package/dist/flows/deposit/widgets/deposit/compound/components/Header.js +1 -1
  76. package/dist/flows/deposit/widgets/deposit-status-banner/DepositStatusBanner.js +1 -1
  77. package/dist/flows/deposit/widgets/error-state/ErrorState.js +1 -1
  78. package/dist/flows/deposit/widgets/processing-state/ProcessingState.js +1 -1
  79. package/dist/flows/deposit/widgets/transfer-crypto/compound/components/Header.d.ts +4 -3
  80. package/dist/flows/deposit/widgets/transfer-crypto/compound/components/Header.js +1 -1
  81. package/dist/flows/withdraw/dialog/WithdrawDialog.js +1 -1
  82. package/dist/flows/withdraw/driver/types.d.ts +0 -34
  83. package/dist/flows/withdraw/orchestrator/controller.js +1 -1
  84. package/dist/flows/withdraw/orchestrator/reducer.js +1 -1
  85. package/dist/flows/withdraw/orchestrator/types.d.ts +44 -30
  86. package/dist/flows/withdraw/widgets/{activity-history/WithdrawHistoryDetail.d.ts → activity/WithdrawActivityDetail.d.ts} +11 -11
  87. package/dist/flows/withdraw/widgets/activity/WithdrawActivityDetail.js +1 -0
  88. package/dist/flows/withdraw/widgets/activity/WithdrawActivityList.d.ts +36 -0
  89. package/dist/flows/withdraw/widgets/activity/WithdrawActivityList.js +1 -0
  90. package/dist/flows/withdraw/widgets/activity/index.d.ts +2 -0
  91. package/dist/flows/withdraw/widgets/activity/index.js +1 -0
  92. package/dist/flows/withdraw/widgets/activity/useWithdrawActivitySource.js +1 -0
  93. package/dist/flows/withdraw/widgets/withdraw-form/compound/components/Body.d.ts +7 -6
  94. package/dist/flows/withdraw/widgets/withdraw-form/compound/components/Header.d.ts +4 -4
  95. package/dist/flows/withdraw/widgets/withdraw-form/compound/components/Header.js +1 -1
  96. package/dist/format/index.d.ts +2 -1
  97. package/dist/format/index.js +1 -1
  98. package/dist/i18n/locales/ar.js +1 -1
  99. package/dist/i18n/locales/es.js +1 -1
  100. package/dist/i18n/locales/source-keys.d.ts +1 -1
  101. package/dist/icons/index.d.ts +2 -2
  102. package/dist/icons/index.js +1 -1
  103. package/dist/index.d.ts +9 -2
  104. package/dist/index.js +1 -1
  105. package/dist/package.js +1 -1
  106. package/dist/scope/KitScope.d.ts +9 -0
  107. package/dist/scope/KitScope.js +1 -1
  108. package/dist/scope/context.d.ts +7 -0
  109. package/dist/shared/format/formatSmartRelative.d.ts +25 -0
  110. package/dist/shared/format/formatSmartRelative.js +1 -0
  111. package/dist/shared/format/formatUsd.js +1 -1
  112. package/dist/shared/icons/{HistoryIcon.d.ts → ActivityIcon.d.ts} +4 -4
  113. package/dist/shared/icons/{HistoryIcon.js → ActivityIcon.js} +1 -1
  114. package/dist/shared/orchestrator/activityOpenInput.d.ts +21 -0
  115. package/dist/shared/orchestrator/createActivityReducers.js +1 -0
  116. package/dist/shared/orchestrator/index.d.ts +2 -0
  117. package/dist/shared/orchestrator/index.js +1 -1
  118. package/dist/shared/orchestrator/resolveActivityEntry.d.ts +1 -0
  119. package/dist/shared/orchestrator/resolveActivityEntry.js +1 -0
  120. package/dist/shared/presentation/index.js +1 -0
  121. package/dist/shared/presentation/types.d.ts +30 -0
  122. package/dist/shared/presentation/types.js +1 -0
  123. package/dist/shared/presentation/useResolvedSurfaceKind.js +1 -0
  124. package/dist/shared/ui/AdaptiveSurface/AdaptiveSurface.d.ts +52 -0
  125. package/dist/shared/ui/AdaptiveSurface/AdaptiveSurface.js +1 -0
  126. package/dist/shared/ui/AdaptiveSurface/index.d.ts +2 -0
  127. package/dist/shared/ui/AdaptiveSurface/index.js +1 -0
  128. package/dist/shared/ui/Card/Card.d.ts +12 -9
  129. package/dist/shared/ui/Card/Card.js +1 -1
  130. package/dist/shared/ui/Card/Card.styles.js +1 -1
  131. package/dist/shared/ui/Dialog/Dialog.d.ts +10 -8
  132. package/dist/shared/ui/Dialog/Dialog.js +1 -1
  133. package/dist/shared/ui/Drawer/Drawer.d.ts +135 -0
  134. package/dist/shared/ui/Drawer/Drawer.js +1 -0
  135. package/dist/shared/ui/Drawer/Drawer.slots.d.ts +19 -0
  136. package/dist/shared/ui/Drawer/Drawer.slots.js +1 -0
  137. package/dist/shared/ui/Drawer/Drawer.styles.js +1 -0
  138. package/dist/shared/ui/Drawer/index.d.ts +2 -0
  139. package/dist/shared/ui/Drawer/index.js +1 -0
  140. package/dist/shared/ui/SelectableTile/SelectableTile.d.ts +1 -1
  141. package/dist/shared/ui/surfaceContext.d.ts +9 -0
  142. package/dist/shared/ui/surfaceContext.js +1 -0
  143. package/dist/shared/widgets/activity/ActivityTrigger.js +1 -0
  144. package/dist/shared/widgets/{activity-history → activity}/ActivityTrigger.styles.js +1 -1
  145. package/dist/shared/widgets/activity/adapters/settlementToWidgetProps.js +1 -0
  146. package/dist/shared/widgets/activity/compound/Activity.d.ts +95 -0
  147. package/dist/shared/widgets/activity/compound/Activity.js +1 -0
  148. package/dist/shared/widgets/activity/compound/Activity.slots.d.ts +22 -0
  149. package/dist/shared/widgets/activity/compound/Activity.slots.js +1 -0
  150. package/dist/shared/widgets/activity/compound/Activity.styles.js +1 -0
  151. package/dist/shared/widgets/{activity-history/compound/ActivityHistoryDetail.d.ts → activity/compound/ActivityDetail.d.ts} +24 -17
  152. package/dist/shared/widgets/activity/compound/ActivityDetail.js +1 -0
  153. package/dist/shared/widgets/activity/compound/Row.slots.d.ts +21 -0
  154. package/dist/shared/widgets/activity/compound/Row.slots.js +1 -0
  155. package/dist/shared/widgets/activity/compound/Row.styles.js +1 -0
  156. package/dist/shared/widgets/{activity-history/compound/components/HistoryHeader.d.ts → activity/compound/components/ActivityHeader.d.ts} +8 -8
  157. package/dist/shared/widgets/activity/compound/components/ActivityHeader.js +1 -0
  158. package/dist/shared/widgets/{activity-history → activity}/compound/components/Empty.d.ts +3 -3
  159. package/dist/shared/widgets/activity/compound/components/Empty.js +1 -0
  160. package/dist/shared/widgets/{activity-history → activity}/compound/components/ErrorView.d.ts +7 -7
  161. package/dist/shared/widgets/activity/compound/components/ErrorView.js +1 -0
  162. package/dist/shared/widgets/activity/compound/components/List.d.ts +23 -0
  163. package/dist/shared/widgets/activity/compound/components/List.js +1 -0
  164. package/dist/shared/widgets/{activity-history → activity}/compound/components/Row.d.ts +13 -16
  165. package/dist/shared/widgets/activity/compound/components/Row.js +1 -0
  166. package/dist/shared/widgets/activity/compound/components/StatusPip.js +1 -0
  167. package/dist/shared/widgets/activity/compound/context.d.ts +95 -0
  168. package/dist/shared/widgets/activity/compound/context.js +1 -0
  169. package/dist/shared/widgets/activity/compound/index.d.ts +8 -0
  170. package/dist/shared/widgets/activity/compound/index.js +1 -0
  171. package/dist/shared/widgets/activity/payloads.d.ts +108 -0
  172. package/dist/shared/widgets/activity/transformers/activityResponseToPayload.js +1 -0
  173. package/dist/shared/widgets/amount-entry/compound/components/Header.d.ts +1 -1
  174. package/dist/shared/widgets/amount-entry/compound/types.d.ts +2 -3
  175. package/dist/shared/widgets/asset-picker/compound/components/Header.d.ts +1 -1
  176. package/dist/shared/widgets/asset-picker/compound/types.d.ts +2 -2
  177. package/dist/stridge/StridgeProvider.d.ts +10 -6
  178. package/dist/stridge/StridgeProvider.js +1 -1
  179. package/dist/stridge/stubs.js +1 -1
  180. package/dist/styles/index.css +89 -0
  181. package/dist/types.d.ts +2 -1
  182. package/dist/ui/index.d.ts +5 -1
  183. package/dist/ui/index.js +1 -1
  184. package/dist/withdraw/compound/index.d.ts +6 -6
  185. package/dist/withdraw/widgets/index.d.ts +3 -3
  186. package/dist/withdraw/widgets/index.js +1 -1
  187. package/package.json +14 -6
  188. package/dist/activity-history/compound/index.d.ts +0 -9
  189. package/dist/activity-history/compound/index.js +0 -1
  190. package/dist/flows/deposit/widgets/activity-history/DepositHistoryDetail.js +0 -1
  191. package/dist/flows/deposit/widgets/activity-history/DepositHistoryList.d.ts +0 -38
  192. package/dist/flows/deposit/widgets/activity-history/DepositHistoryList.js +0 -1
  193. package/dist/flows/deposit/widgets/activity-history/index.d.ts +0 -2
  194. package/dist/flows/deposit/widgets/activity-history/index.js +0 -1
  195. package/dist/flows/deposit/widgets/activity-history/useDepositActivityHistorySource.js +0 -1
  196. package/dist/flows/withdraw/widgets/activity-history/WithdrawHistoryDetail.js +0 -1
  197. package/dist/flows/withdraw/widgets/activity-history/WithdrawHistoryList.d.ts +0 -36
  198. package/dist/flows/withdraw/widgets/activity-history/WithdrawHistoryList.js +0 -1
  199. package/dist/flows/withdraw/widgets/activity-history/index.d.ts +0 -2
  200. package/dist/flows/withdraw/widgets/activity-history/index.js +0 -1
  201. package/dist/flows/withdraw/widgets/activity-history/useWithdrawActivityHistorySource.js +0 -1
  202. package/dist/shared/widgets/activity-history/ActivityTrigger.js +0 -1
  203. package/dist/shared/widgets/activity-history/adapters/settlementToWidgetProps.js +0 -1
  204. package/dist/shared/widgets/activity-history/compound/ActivityHistory.d.ts +0 -95
  205. package/dist/shared/widgets/activity-history/compound/ActivityHistory.js +0 -1
  206. package/dist/shared/widgets/activity-history/compound/ActivityHistory.slots.d.ts +0 -22
  207. package/dist/shared/widgets/activity-history/compound/ActivityHistory.slots.js +0 -1
  208. package/dist/shared/widgets/activity-history/compound/ActivityHistory.styles.js +0 -1
  209. package/dist/shared/widgets/activity-history/compound/ActivityHistoryDetail.js +0 -1
  210. package/dist/shared/widgets/activity-history/compound/Row.slots.d.ts +0 -21
  211. package/dist/shared/widgets/activity-history/compound/Row.slots.js +0 -1
  212. package/dist/shared/widgets/activity-history/compound/Row.styles.js +0 -1
  213. package/dist/shared/widgets/activity-history/compound/components/Empty.js +0 -1
  214. package/dist/shared/widgets/activity-history/compound/components/ErrorView.js +0 -1
  215. package/dist/shared/widgets/activity-history/compound/components/HistoryHeader.js +0 -1
  216. package/dist/shared/widgets/activity-history/compound/components/List.d.ts +0 -23
  217. package/dist/shared/widgets/activity-history/compound/components/List.js +0 -1
  218. package/dist/shared/widgets/activity-history/compound/components/Row.js +0 -1
  219. package/dist/shared/widgets/activity-history/compound/components/StatusPip.js +0 -1
  220. package/dist/shared/widgets/activity-history/compound/context.d.ts +0 -79
  221. package/dist/shared/widgets/activity-history/compound/context.js +0 -1
  222. package/dist/shared/widgets/activity-history/payloads.d.ts +0 -81
  223. package/dist/shared/widgets/activity-history/transformers/historyResponseToPayload.js +0 -1
  224. /package/dist/shared/widgets/{activity-history → activity}/index.js +0 -0
  225. /package/dist/shared/widgets/{activity-history → activity}/transformers/resolveDirection.js +0 -0
@@ -1 +1 @@
1
- const e={root:{"Card__styles.root":`Card__styles.root`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"borderStyle-ksu8eU":`x1y0btm7`,"borderWidth-kMzoRj":`xmkeg23`,"overflow-kVQacm":`x7giv3`,$$css:`@stridge/kit:src/shared/ui/Card/Card.styles.ts:4`}},t={default:{"Card__variantStyles.default":`Card__variantStyles.default`,"backgroundColor-kWkggS":`x12obg9s`,"borderColor-kVAM5u":`x1bue7yx`,"borderRadius-kaIpWk":`x5bw3pk`,$$css:`@stridge/kit:src/shared/ui/Card/Card.styles.ts:13`},subdued:{"Card__variantStyles.subdued":`Card__variantStyles.subdued`,"backgroundColor-kWkggS":`x407w7c`,"borderColor-kVAM5u":`x1bue7yx`,"borderRadius-kaIpWk":`x5bw3pk`,$$css:`@stridge/kit:src/shared/ui/Card/Card.styles.ts:18`},frame:{"Card__variantStyles.frame":`Card__variantStyles.frame`,"backgroundColor-kWkggS":`x3cgcfv`,"borderColor-kVAM5u":`x1aqcfi1`,"borderRadius-kaIpWk":`x1c2egtx`,"boxShadow-kGVxlE":`xa2vu2y`,"color-kMwMTN":`xzn0pkc`,"fontFamily-kMv6JI":`xlaww2m`,$$css:`@stridge/kit:src/shared/ui/Card/Card.styles.ts:23`}},n={root:{"Card__headerStyles.root":`Card__headerStyles.root`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x6s0dn4`,"flexShrink-kmuXW":`x2lah0s`,"paddingTop-kLKAdn":`x1cnzs8`,"paddingInlineEnd-kwRFfy":`x1o5r3ls`,"paddingBottom-kGO01o":`x1hhzuzn`,"paddingInlineStart-kZCmMZ":`xz7312c`,"borderBottomWidth-kt9PQ7":`xso031l`,"borderBottomStyle-kfdmCh":`x1q0q8m5`,"borderBottomColor-kL6WhQ":`x188r5k3`,$$css:`@stridge/kit:src/shared/ui/Card/Card.styles.ts:39`}},r={root:{"Card__footerStyles.root":`Card__footerStyles.root`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x6s0dn4`,"flexShrink-kmuXW":`x2lah0s`,"borderTopWidth-kEafiO":`x178xt8z`,"borderTopStyle-kPef9Z":`x13fuv20`,"borderTopColor-kLZC3w":`x1wc9ssx`,$$css:`@stridge/kit:src/shared/ui/Card/Card.styles.ts:54`}},i={root:{"Card__bodyStyles.root":`Card__bodyStyles.root`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,$$css:`@stridge/kit:src/shared/ui/Card/Card.styles.ts:71`},scroll:{"Card__bodyStyles.scroll":`Card__bodyStyles.scroll`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"flex-kUk6DE":`x12lumcd`,"minHeight-kAzted":`x2lwn1j`,$$css:`@stridge/kit:src/shared/ui/Card/Card.styles.ts:82`},scrollArea:{"Card__bodyStyles.scrollArea":`Card__bodyStyles.scrollArea`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"flex-kUk6DE":`x12lumcd`,"minHeight-kAzted":`x2lwn1j`,$$css:`@stridge/kit:src/shared/ui/Card/Card.styles.ts:97`},scrollViewport:{"Card__bodyStyles.scrollViewport":`Card__bodyStyles.scrollViewport`,"flex-kUk6DE":`x845mor`,"minHeight-kAzted":`x2lwn1j`,"width-kzqmXN":`xh8yej3`,"maxWidth-ks0D6T":`x193iq5w`,"height-kZKoxP":`xt7dq6l`,"maxHeight-kskxy":`xmz0i5r`,"overflowX-kXHlph":`x6ikm8r`,"overflowY-kORKVm":`x1odjw0f`,$$css:`@stridge/kit:src/shared/ui/Card/Card.styles.ts:103`}};export{i as bodyStyles,r as footerStyles,n as headerStyles,e as styles,t as variantStyles};
1
+ const e={root:{"Card__styles.root":`Card__styles.root`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"borderStyle-ksu8eU":`x1y0btm7`,"borderWidth-kMzoRj":`xmkeg23`,"overflow-kVQacm":`x7giv3`,$$css:`@stridge/kit:src/shared/ui/Card/Card.styles.ts:4`}},t={default:{"Card__variantStyles.default":`Card__variantStyles.default`,"backgroundColor-kWkggS":`x12obg9s`,"borderColor-kVAM5u":`x1bue7yx`,"borderRadius-kaIpWk":`x5bw3pk`,$$css:`@stridge/kit:src/shared/ui/Card/Card.styles.ts:13`},subdued:{"Card__variantStyles.subdued":`Card__variantStyles.subdued`,"backgroundColor-kWkggS":`x407w7c`,"borderColor-kVAM5u":`x1bue7yx`,"borderRadius-kaIpWk":`x5bw3pk`,$$css:`@stridge/kit:src/shared/ui/Card/Card.styles.ts:18`},frame:{"Card__variantStyles.frame":`Card__variantStyles.frame`,"backgroundColor-kWkggS":`x3cgcfv`,"borderColor-kVAM5u":`x1aqcfi1`,"borderRadius-kaIpWk":`x1c2egtx`,"boxShadow-kGVxlE":`xa2vu2y`,"color-kMwMTN":`xzn0pkc`,"fontFamily-kMv6JI":`xlaww2m`,$$css:`@stridge/kit:src/shared/ui/Card/Card.styles.ts:23`}},n={root:{"Card__headerStyles.root":`Card__headerStyles.root`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x6s0dn4`,"flexShrink-kmuXW":`x2lah0s`,"paddingTop-kLKAdn":`x1cnzs8`,"paddingInlineEnd-kwRFfy":`x1o5r3ls`,"paddingBottom-kGO01o":`x1hhzuzn`,"paddingInlineStart-kZCmMZ":`xz7312c`,"borderBottomWidth-kt9PQ7":`xso031l`,"borderBottomStyle-kfdmCh":`x1q0q8m5`,"borderBottomColor-kL6WhQ":`x188r5k3`,$$css:`@stridge/kit:src/shared/ui/Card/Card.styles.ts:39`}},r={root:{"Card__footerStyles.root":`Card__footerStyles.root`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x6s0dn4`,"flexShrink-kmuXW":`x2lah0s`,"borderTopWidth-kEafiO":`x178xt8z`,"borderTopStyle-kPef9Z":`x13fuv20`,"borderTopColor-kLZC3w":`x1wc9ssx`,$$css:`@stridge/kit:src/shared/ui/Card/Card.styles.ts:54`}},i={root:{"Card__bodyStyles.root":`Card__bodyStyles.root`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,$$css:`@stridge/kit:src/shared/ui/Card/Card.styles.ts:70`},scroll:{"Card__bodyStyles.scroll":`Card__bodyStyles.scroll`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"flex-kUk6DE":`x12lumcd`,"minHeight-kAzted":`x2lwn1j`,$$css:`@stridge/kit:src/shared/ui/Card/Card.styles.ts:82`},scrollArea:{"Card__bodyStyles.scrollArea":`Card__bodyStyles.scrollArea`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"flex-kUk6DE":`x12lumcd`,"minHeight-kAzted":`x2lwn1j`,$$css:`@stridge/kit:src/shared/ui/Card/Card.styles.ts:97`},scrollViewport:{"Card__bodyStyles.scrollViewport":`Card__bodyStyles.scrollViewport`,"flex-kUk6DE":`x845mor`,"minHeight-kAzted":`x2lwn1j`,"width-kzqmXN":`xh8yej3`,"maxWidth-ks0D6T":`x193iq5w`,"height-kZKoxP":`xt7dq6l`,"maxHeight-kskxy":`xmz0i5r`,"overflowX-kXHlph":`x6ikm8r`,"overflowY-kORKVm":`x1odjw0f`,$$css:`@stridge/kit:src/shared/ui/Card/Card.styles.ts:103`}};export{i as bodyStyles,r as footerStyles,n as headerStyles,e as styles,t as variantStyles};
@@ -1,14 +1,15 @@
1
+ import { useIsInsideSurfaceContent } from "../surfaceContext.js";
1
2
  import { ComponentProps } from "react";
2
3
  import * as _$react_jsx_runtime0 from "react/jsx-runtime";
3
4
  import { Dialog } from "@base-ui/react/dialog";
4
5
 
5
6
  //#region src/shared/ui/Dialog/Dialog.d.ts
6
7
  /**
7
- * Returns `true` when the calling component is rendered inside a `Dialog.Content`. Lets gateway widgets pick the right
8
- * shell Card frame inline, dialog frame when portaled and lets header parts inject the close affordance only when it's
9
- * needed.
8
+ * Returns `true` when the calling component is rendered inside a kit surface's content region. Kept
9
+ * as the stable public name; aliases the surface-neutral {@link useIsInsideSurfaceContent} so the
10
+ * hook resolves `true` inside both `Dialog.Content` and `Drawer.Content`.
10
11
  */
11
- declare function useIsInsideDialogContent(): boolean;
12
+ declare const useIsInsideDialogContent: typeof useIsInsideSurfaceContent;
12
13
  /**
13
14
  * Root of the dialog compound. Wraps Base UI's `Dialog.Root` and stamps `data-stridge-slot` on the element.
14
15
  *
@@ -40,8 +41,8 @@ declare function DialogOverlay({
40
41
  }: Dialog$1.OverlayProps): _$react_jsx_runtime0.JSX.Element;
41
42
  /**
42
43
  * Popup shell for the dialog. Wraps Base UI's `Dialog.Popup` inside {@link Dialog.Portal} and
43
- * {@link Dialog.Overlay}, scopes the portal into `KitPortalScope`, and sets
44
- * {@link DialogContentContext} so descendants can detect they are inside a kit dialog.
44
+ * {@link Dialog.Overlay}, scopes the portal into `KitPortalScope`, and sets the shared
45
+ * surface-content context so descendants can detect they are inside a kit surface.
45
46
  *
46
47
  * @see {@link Dialog.ContentProps} for the `container` prop that scopes the overlay to a custom element.
47
48
  */
@@ -57,8 +58,9 @@ declare function DialogContent({
57
58
  * child of its parent (via `margin-inline-start: auto`) and wired through `Dialog.Close` so the dialog's open state is the
58
59
  * source of truth.
59
60
  *
60
- * Returns `null` when rendered outside a `Dialog.Content` gateway widget headers can compose it unconditionally and it
61
- * stays absent in card mode.
61
+ * Renders only inside a `Dialog.Content` (the X is a dialog affordance). Returns `null` in card mode (no surface) and in a
62
+ * `Drawer.Content` a drawer dismisses via its grabber / swipe-down / backdrop, not a close button — so gateway widget
63
+ * headers can compose it unconditionally and it self-hides in the drawer presentation.
62
64
  */
63
65
  declare function DialogCloseButton(): _$react_jsx_runtime0.JSX.Element | null;
64
66
  /**
@@ -1 +1 @@
1
- "use client";import{useLingui as e}from"../../i18n/useLingui.js";import"../../../i18n/index.js";import{KitPortalScope as t}from"../../../scope/KitPortalScope.js";import"../../../scope/index.js";import{joinClassNames as n}from"../../utils/joinClassNames.js";import{XIcon as r}from"../../icons/XIcon.js";import"../../../icons/index.js";import{mergeClassName as i}from"../../utils/mergeClassName.js";import{mergeStyle as a}from"../../utils/mergeStyle.js";import{IconButton as o}from"../IconButton/IconButton.js";import"../IconButton/index.js";import{ScrollArea as s}from"../ScrollArea/ScrollArea.js";import"../ScrollArea/index.js";import{DIALOG_SLOTS as c}from"./Dialog.slots.js";import{styles as l}from"./Dialog.styles.js";import{createContext as u,use as d}from"react";import{jsx as f,jsxs as p}from"react/jsx-runtime";import*as m from"@stylexjs/stylex";import{Dialog as h}from"@base-ui/react/dialog";const g=u(!1);function _(){return d(g)}function v(e){return f(h.Root,{"data-stridge-slot":c.root,...e})}function y(e){return f(h.Trigger,{"data-stridge-slot":c.trigger,...e})}function b(e){return f(h.Portal,{"data-stridge-slot":c.portal,...e})}function x(e){return f(h.Close,{"data-stridge-slot":c.close,...e})}function S({className:e,style:t,...n}){let r=m.props(l.overlay);return f(h.Backdrop,{"data-stridge-slot":c.overlay,...n,className:i(r.className,e),style:a(r.style,t)})}function C({children:e,className:n,style:r,container:o,...s}){let u=m.props(l.content);return f(b,{container:o??void 0,children:p(t,{children:[f(S,{}),f(h.Popup,{"data-stridge-slot":c.content,...s,className:i(u.className,n),style:a(u.style,r),children:f(g.Provider,{value:!0,children:e})})]})})}function w(){let t=_(),{_:n}=e();return t?f(h.Close,{"data-stridge-slot":c.close,render:f(o,{"aria-label":n({id:`yz7wBu`,message:`Close`}),...m.props(l.closeButton),children:f(r,{"aria-hidden":!0})})}):null}function T({className:e,style:t,...r}){let i=m.props(l.header);return f(`div`,{"data-stridge-slot":c.header,...r,className:n(i.className,e),style:{...i.style,...t}})}function E({className:e,style:t,children:r,...i}){let a=m.props(l.body),o=m.props(l.bodyScrollArea),u=m.props(l.bodyScrollViewport),d=m.props(l.bodyInner);return f(`div`,{"data-stridge-slot":c.body,className:a.className,style:a.style,children:p(s,{className:o.className,style:o.style,children:[f(s.Viewport,{...i,className:n(u.className,e),style:{...u.style,...t},children:f(`div`,{className:d.className,style:d.style,children:r})}),f(s.Scrollbar,{orientation:`vertical`,children:f(s.Thumb,{})})]})})}function D({className:e,style:t,...r}){let i=m.props(l.footer);return f(`div`,{"data-stridge-slot":c.footer,...r,className:n(i.className,e),style:{...i.style,...t}})}function O({className:e,style:t,...n}){let r=m.props(l.title);return f(h.Title,{"data-stridge-slot":c.title,...n,className:i(r.className,e),style:a(r.style,t)})}function k({className:e,style:t,...n}){let r=m.props(l.description);return f(h.Description,{"data-stridge-slot":c.description,...n,className:i(r.className,e),style:a(r.style,t)})}(function(e){e.Trigger=y,e.Close=x,e.CloseButton=w,e.Portal=b,e.Overlay=S,e.Content=C,e.Header=T,e.Body=E,e.Footer=D,e.Title=O,e.Description=k})(v||={});export{v as Dialog,_ as useIsInsideDialogContent};
1
+ "use client";import{useLingui as e}from"../../i18n/useLingui.js";import"../../../i18n/index.js";import{KitPortalScope as t}from"../../../scope/KitPortalScope.js";import"../../../scope/index.js";import{joinClassNames as n}from"../../utils/joinClassNames.js";import{XIcon as r}from"../../icons/XIcon.js";import"../../../icons/index.js";import{mergeClassName as i}from"../../utils/mergeClassName.js";import{mergeStyle as a}from"../../utils/mergeStyle.js";import{IconButton as o}from"../IconButton/IconButton.js";import"../IconButton/index.js";import{ScrollArea as s}from"../ScrollArea/ScrollArea.js";import"../ScrollArea/index.js";import{SurfaceContentContext as c,useIsInsideSurfaceContent as l,useSurfaceKind as u}from"../surfaceContext.js";import{DIALOG_SLOTS as d}from"./Dialog.slots.js";import{styles as f}from"./Dialog.styles.js";import{jsx as p,jsxs as m}from"react/jsx-runtime";import*as h from"@stylexjs/stylex";import{Dialog as g}from"@base-ui/react/dialog";const _=l;function v(e){return p(g.Root,{"data-stridge-slot":d.root,...e})}function y(e){return p(g.Trigger,{"data-stridge-slot":d.trigger,...e})}function b(e){return p(g.Portal,{"data-stridge-slot":d.portal,...e})}function x(e){return p(g.Close,{"data-stridge-slot":d.close,...e})}function S({className:e,style:t,...n}){let r=h.props(f.overlay);return p(g.Backdrop,{"data-stridge-slot":d.overlay,...n,className:i(r.className,e),style:a(r.style,t)})}function C({children:e,className:n,style:r,container:o,...s}){let l=h.props(f.content);return p(b,{container:o??void 0,children:m(t,{children:[p(S,{}),p(g.Popup,{"data-stridge-slot":d.content,...s,className:i(l.className,n),style:a(l.style,r),children:p(c,{value:`dialog`,children:e})})]})})}function w(){let t=u(),{_:n}=e();return t===`dialog`?p(g.Close,{"data-stridge-slot":d.close,render:p(o,{"aria-label":n({id:`yz7wBu`,message:`Close`}),...h.props(f.closeButton),children:p(r,{"aria-hidden":!0})})}):null}function T({className:e,style:t,...r}){let i=h.props(f.header);return p(`div`,{"data-stridge-slot":d.header,...r,className:n(i.className,e),style:{...i.style,...t}})}function E({className:e,style:t,children:r,...i}){let a=h.props(f.body),o=h.props(f.bodyScrollArea),c=h.props(f.bodyScrollViewport),l=h.props(f.bodyInner);return p(`div`,{"data-stridge-slot":d.body,className:a.className,style:a.style,children:m(s,{className:o.className,style:o.style,children:[p(s.Viewport,{...i,className:n(c.className,e),style:{...c.style,...t},children:p(`div`,{className:l.className,style:l.style,children:r})}),p(s.Scrollbar,{orientation:`vertical`,children:p(s.Thumb,{})})]})})}function D({className:e,style:t,...r}){let i=h.props(f.footer);return p(`div`,{"data-stridge-slot":d.footer,...r,className:n(i.className,e),style:{...i.style,...t}})}function O({className:e,style:t,...n}){let r=h.props(f.title);return p(g.Title,{"data-stridge-slot":d.title,...n,className:i(r.className,e),style:a(r.style,t)})}function k({className:e,style:t,...n}){let r=h.props(f.description);return p(g.Description,{"data-stridge-slot":d.description,...n,className:i(r.className,e),style:a(r.style,t)})}(function(e){e.Trigger=y,e.Close=x,e.CloseButton=w,e.Portal=b,e.Overlay=S,e.Content=C,e.Header=T,e.Body=E,e.Footer=D,e.Title=O,e.Description=k})(v||={});export{v as Dialog,_ as useIsInsideDialogContent};
@@ -0,0 +1,135 @@
1
+ import { ComponentProps } from "react";
2
+ import * as _$react_jsx_runtime0 from "react/jsx-runtime";
3
+ import { Drawer } from "@base-ui/react/drawer";
4
+
5
+ //#region src/shared/ui/Drawer/Drawer.d.ts
6
+ /**
7
+ * Root of the drawer compound. Wraps Base UI's `Drawer.Root` as a bottom sheet (`swipeDirection`
8
+ * defaults to `"down"`) and stamps `data-stridge-slot`. A drawer is dismissed by swiping the grabber
9
+ * down, tapping the backdrop, or pressing escape — it ships no close (X) button; that's a dialog
10
+ * affordance. Base UI builds the drawer on the same dialog store as `Dialog`, so `Dialog.Close`
11
+ * (e.g. a "Cancel" action) still closes it; the kit's `Dialog.CloseButton` self-hides in a drawer
12
+ * (see {@link useSurfaceKind}), so gateway widget headers compose it unconditionally with no drawer X.
13
+ *
14
+ * Compose with {@link Drawer.Content}, {@link Drawer.Title}, and {@link Drawer.Description} to build
15
+ * an accessible bottom-sheet dialog.
16
+ */
17
+ declare function Drawer$1(props: Drawer$1.Props): _$react_jsx_runtime0.JSX.Element;
18
+ /**
19
+ * Toggles the drawer open state. Wraps Base UI's `Drawer.Trigger`.
20
+ */
21
+ declare function DrawerTrigger(props: Drawer$1.TriggerProps): _$react_jsx_runtime0.JSX.Element;
22
+ /**
23
+ * Portals its children outside the current DOM subtree. Wraps Base UI's `Drawer.Portal`.
24
+ */
25
+ declare function DrawerPortal(props: Drawer$1.PortalProps): _$react_jsx_runtime0.JSX.Element;
26
+ /**
27
+ * Closes the drawer when activated. Wraps Base UI's `Drawer.Close` — render a labelled action
28
+ * (e.g. a "Cancel" button) through it. A drawer has no close (X) affordance by design.
29
+ */
30
+ declare function DrawerClose(props: Drawer$1.CloseProps): _$react_jsx_runtime0.JSX.Element;
31
+ /**
32
+ * Full-viewport backdrop rendered behind the drawer popup. Wraps Base UI's `Drawer.Backdrop`.
33
+ * Automatically composed by {@link Drawer.Content} — mount separately only for custom layering.
34
+ */
35
+ declare function DrawerOverlay({
36
+ className,
37
+ style,
38
+ ...props
39
+ }: Drawer$1.OverlayProps): _$react_jsx_runtime0.JSX.Element;
40
+ /**
41
+ * Popup shell for the drawer — a bottom sheet. Wraps Base UI's `Drawer.Popup` inside
42
+ * {@link Drawer.Portal}, {@link Drawer.Overlay}, and Base UI's positioning `Drawer.Viewport`,
43
+ * scopes the portal into `KitPortalScope`, renders the grabber handle, and sets the shared
44
+ * surface-content context so descendants can detect they are inside a kit surface (gateway widgets
45
+ * then render their bare frame instead of a doubled `Card`).
46
+ *
47
+ * @see {@link Drawer.ContentProps} for the `container` prop that scopes the sheet to a custom element.
48
+ */
49
+ declare function DrawerContent({
50
+ children,
51
+ className,
52
+ style,
53
+ container,
54
+ ...props
55
+ }: Drawer$1.ContentProps): _$react_jsx_runtime0.JSX.Element;
56
+ /**
57
+ * Header row for the drawer. Renders as a styled `<div>` that lays out the title (and any actions)
58
+ * in a flex row. Compose with {@link Drawer.Title}. A drawer has no close (X) button.
59
+ */
60
+ declare function DrawerHeader({
61
+ className,
62
+ style,
63
+ ...props
64
+ }: Drawer$1.HeaderProps): _$react_jsx_runtime0.JSX.Element;
65
+ /**
66
+ * Body content slot for non-gateway drawer usage. Mirrors {@link import("../Dialog").Dialog.Body}:
67
+ * a flex column that absorbs leftover sheet height with an embedded {@link ScrollArea} as its sole
68
+ * flex child, so tall content scrolls inside the sheet while header and footer stay pinned. Padding
69
+ * lives on the inner wrapper so it scrolls with the content.
70
+ */
71
+ declare function DrawerBody({
72
+ className,
73
+ style,
74
+ children,
75
+ ...props
76
+ }: Drawer$1.BodyProps): _$react_jsx_runtime0.JSX.Element;
77
+ /**
78
+ * Footer row for the drawer. Renders as a styled `<div>` intended for action buttons placed at the
79
+ * bottom of the sheet.
80
+ */
81
+ declare function DrawerFooter({
82
+ className,
83
+ style,
84
+ ...props
85
+ }: Drawer$1.FooterProps): _$react_jsx_runtime0.JSX.Element;
86
+ /**
87
+ * Accessible title for the drawer. Wraps Base UI's `Drawer.Title` and is automatically referenced by
88
+ * the drawer's `aria-labelledby` attribute.
89
+ */
90
+ declare function DrawerTitle({
91
+ className,
92
+ style,
93
+ ...props
94
+ }: Drawer$1.TitleProps): _$react_jsx_runtime0.JSX.Element;
95
+ /**
96
+ * Accessible description for the drawer. Wraps Base UI's `Drawer.Description` and is automatically
97
+ * referenced by the drawer's `aria-describedby` attribute.
98
+ */
99
+ declare function DrawerDescription({
100
+ className,
101
+ style,
102
+ ...props
103
+ }: Drawer$1.DescriptionProps): _$react_jsx_runtime0.JSX.Element;
104
+ declare namespace Drawer$1 {
105
+ type Props = Drawer.Root.Props;
106
+ type TriggerProps = Drawer.Trigger.Props;
107
+ type PortalProps = Drawer.Portal.Props;
108
+ type CloseProps = Drawer.Close.Props;
109
+ type OverlayProps = Drawer.Backdrop.Props;
110
+ interface ContentProps extends Drawer.Popup.Props {
111
+ /**
112
+ * Element the drawer portals into. Defaults to `document.body` (full-page sheet). Pass a
113
+ * transformed ancestor with `overflow: clip` — e.g. a mobile mockup frame — to scope the
114
+ * sheet's width, height, and backdrop to that rect.
115
+ */
116
+ container?: HTMLElement | null;
117
+ }
118
+ type HeaderProps = ComponentProps<"div">;
119
+ type BodyProps = ComponentProps<"div">;
120
+ type FooterProps = ComponentProps<"div">;
121
+ type TitleProps = Drawer.Title.Props;
122
+ type DescriptionProps = Drawer.Description.Props;
123
+ const Trigger: typeof DrawerTrigger;
124
+ const Close: typeof DrawerClose;
125
+ const Portal: typeof DrawerPortal;
126
+ const Overlay: typeof DrawerOverlay;
127
+ const Content: typeof DrawerContent;
128
+ const Header: typeof DrawerHeader;
129
+ const Body: typeof DrawerBody;
130
+ const Footer: typeof DrawerFooter;
131
+ const Title: typeof DrawerTitle;
132
+ const Description: typeof DrawerDescription;
133
+ }
134
+ //#endregion
135
+ export { Drawer$1 as Drawer };
@@ -0,0 +1 @@
1
+ "use client";import{KitPortalScope as e}from"../../../scope/KitPortalScope.js";import"../../../scope/index.js";import{joinClassNames as t}from"../../utils/joinClassNames.js";import{mergeClassName as n}from"../../utils/mergeClassName.js";import{mergeStyle as r}from"../../utils/mergeStyle.js";import{ScrollArea as i}from"../ScrollArea/ScrollArea.js";import"../ScrollArea/index.js";import{SurfaceContentContext as a}from"../surfaceContext.js";import{DRAWER_SLOTS as o}from"./Drawer.slots.js";import{styles as s}from"./Drawer.styles.js";import{jsx as c,jsxs as l}from"react/jsx-runtime";import*as u from"@stylexjs/stylex";import{Drawer as d}from"@base-ui/react/drawer";function f(e){return c(d.Root,{swipeDirection:`down`,"data-stridge-slot":o.root,...e})}function p(e){return c(d.Trigger,{"data-stridge-slot":o.trigger,...e})}function m(e){return c(d.Portal,{"data-stridge-slot":o.portal,...e})}function h(e){return c(d.Close,{"data-stridge-slot":o.close,...e})}function g({className:e,style:t,...i}){let a=u.props(s.overlay);return c(d.Backdrop,{"data-stridge-slot":o.overlay,...i,className:n(a.className,e),style:r(a.style,t)})}function _({children:t,className:i,style:f,container:p,...h}){let _=u.props(s.content),v=u.props(s.viewport),y=u.props(s.handle);return c(m,{container:p??void 0,children:l(e,{children:[c(g,{}),c(d.Viewport,{"data-stridge-slot":o.viewport,className:v.className,style:v.style,children:l(d.Popup,{"data-stridge-slot":o.content,...h,className:n(_.className,i),style:r(_.style,f),children:[c(`div`,{"data-stridge-slot":o.handle,"aria-hidden":!0,className:y.className,style:y.style}),c(a,{value:`drawer`,children:t})]})})]})})}function v({className:e,style:n,...r}){let i=u.props(s.header);return c(`div`,{"data-stridge-slot":o.header,...r,className:t(i.className,e),style:{...i.style,...n}})}function y({className:e,style:n,children:r,...a}){let d=u.props(s.body),f=u.props(s.bodyScrollArea),p=u.props(s.bodyScrollViewport),m=u.props(s.bodyInner);return c(`div`,{"data-stridge-slot":o.body,className:d.className,style:d.style,children:l(i,{className:f.className,style:f.style,children:[c(i.Viewport,{...a,className:t(p.className,e),style:{...p.style,...n},children:c(`div`,{className:m.className,style:m.style,children:r})}),c(i.Scrollbar,{orientation:`vertical`,children:c(i.Thumb,{})})]})})}function b({className:e,style:n,...r}){let i=u.props(s.footer);return c(`div`,{"data-stridge-slot":o.footer,...r,className:t(i.className,e),style:{...i.style,...n}})}function x({className:e,style:t,...i}){let a=u.props(s.title);return c(d.Title,{"data-stridge-slot":o.title,...i,className:n(a.className,e),style:r(a.style,t)})}function S({className:e,style:t,...i}){let a=u.props(s.description);return c(d.Description,{"data-stridge-slot":o.description,...i,className:n(a.className,e),style:r(a.style,t)})}(function(e){e.Trigger=p,e.Close=h,e.Portal=m,e.Overlay=g,e.Content=_,e.Header=v,e.Body=y,e.Footer=b,e.Title=x,e.Description=S})(f||={});export{f as Drawer};
@@ -0,0 +1,19 @@
1
+ //#region src/shared/ui/Drawer/Drawer.slots.d.ts
2
+ declare const DRAWER_SLOTS: {
3
+ readonly root: "drawer";
4
+ readonly trigger: "drawer-trigger";
5
+ readonly portal: "drawer-portal";
6
+ readonly overlay: "drawer-overlay";
7
+ readonly viewport: "drawer-viewport";
8
+ readonly content: "drawer-content";
9
+ readonly handle: "drawer-handle";
10
+ readonly close: "drawer-close";
11
+ readonly title: "drawer-title";
12
+ readonly description: "drawer-description";
13
+ readonly header: "drawer-header";
14
+ readonly body: "drawer-body";
15
+ readonly footer: "drawer-footer";
16
+ };
17
+ type DrawerSlot = (typeof DRAWER_SLOTS)[keyof typeof DRAWER_SLOTS];
18
+ //#endregion
19
+ export { DRAWER_SLOTS, DrawerSlot };
@@ -0,0 +1 @@
1
+ const e={root:`drawer`,trigger:`drawer-trigger`,portal:`drawer-portal`,overlay:`drawer-overlay`,viewport:`drawer-viewport`,content:`drawer-content`,handle:`drawer-handle`,close:`drawer-close`,title:`drawer-title`,description:`drawer-description`,header:`drawer-header`,body:`drawer-body`,footer:`drawer-footer`};export{e as DRAWER_SLOTS};
@@ -0,0 +1 @@
1
+ const e={overlay:{"Drawer__styles.overlay":`Drawer__styles.overlay`,"position-kVAEAm":`xixxii4`,"inset-kpwlN0":`x10a8y8t`,"zIndex-kY2c9j":`xg4qres`,"backgroundColor-kWkggS":`xyxldge`,"opacity-kSiTet":`x1hc1fzr`,"transitionProperty-k1ekBW":`x19991ni`,"transitionDuration-kIyJzY":`x1s4mzch`,"transitionTimingFunction-kAMwcw":`x1xv5090`,":is([data-starting-style], [data-ending-style])_opacity-kdD3Bq":`x1i2unn7`,"@media (prefers-reduced-motion: reduce)_transitionProperty-kXHXEI":`x4wkmsb`,"@media (prefers-reduced-motion: reduce)_transitionDuration-k6CgDc":`x12w9bfk`,$$css:`@stridge/kit:src/shared/ui/Drawer/Drawer.styles.ts:9`},viewport:{"Drawer__styles.viewport":`Drawer__styles.viewport`,"position-kVAEAm":`xixxii4`,"insetBlock-kYYq5F":`x10no89f`,"insetInline-kkqhue":`x17y0mx6`,"zIndex-kY2c9j":`x51lqrf`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"justifyContent-kjj79g":`x13a6bvl`,"alignItems-kGNEyG":`x1qjc9v5`,"pointerEvents-kfzvcC":`x47corl`,$$css:`@stridge/kit:src/shared/ui/Drawer/Drawer.styles.ts:32`},content:{"Drawer__styles.content":`Drawer__styles.content`,"pointerEvents-kfzvcC":`x67bb7w`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"width-kzqmXN":`xh8yej3`,"minHeight-kAzted":`x2lwn1j`,"maxHeight-kskxy":`x96tae4`,"borderStartStartRadius-krdFHd":`x8htq0b`,"borderStartEndRadius-kfmiAY":`x1af6ir8`,"borderTopWidth-kEafiO":`x178xt8z`,"borderInlineWidth-kjGldf":`x1l0rsgs`,"borderBottomWidth-kt9PQ7":`x1qhh985`,"borderStyle-ksu8eU":`x1y0btm7`,"borderColor-kVAM5u":`x1aqcfi1`,"backgroundColor-kWkggS":`x3cgcfv`,"color-kMwMTN":`xzn0pkc`,"boxShadow-kGVxlE":`xa2vu2y`,"fontFamily-kMv6JI":`xlaww2m`,"outline-kI3sdo":`x1a2a7pz`,"overflow-kVQacm":`x7giv3`,"transform-k3aq6I":`xacbhai`,"transitionProperty-k1ekBW":`x11xpdln`,"transitionDuration-kIyJzY":`x1s4mzch`,"transitionTimingFunction-kAMwcw":`xr4whw6`,":is([data-starting-style], [data-ending-style])_transform-koVVf4":`xjvuu2i`,"[data-swiping]_transitionDuration-kRUqrN":`xsqp3co`,"@media (prefers-reduced-motion: reduce)_transitionProperty-kXHXEI":`x4wkmsb`,"@media (prefers-reduced-motion: reduce)_transitionDuration-k6CgDc":`x12w9bfk`,$$css:`@stridge/kit:src/shared/ui/Drawer/Drawer.styles.ts:56`},handle:{"Drawer__styles.handle":`Drawer__styles.handle`,"flexShrink-kmuXW":`x2lah0s`,"width-kzqmXN":`x19k59d4`,"height-kZKoxP":`xl3s093`,"marginInline-kUOVxO":`xvueqy4`,"marginTop-keoZOQ":`xq9mr0s`,"marginBottom-k1K539":`x1782xsq`,"borderRadius-kaIpWk":`x1npxkrn`,"backgroundColor-kWkggS":`x1p0xf7o`,$$css:`@stridge/kit:src/shared/ui/Drawer/Drawer.styles.ts:95`},header:{"Drawer__styles.header":`Drawer__styles.header`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x6s0dn4`,"flexShrink-kmuXW":`x2lah0s`,"paddingTop-kLKAdn":`x1cnzs8`,"paddingInlineEnd-kwRFfy":`x1o5r3ls`,"paddingBottom-kGO01o":`x1hhzuzn`,"paddingInlineStart-kZCmMZ":`xz7312c`,"borderBottomWidth-kt9PQ7":`xso031l`,"borderBottomStyle-kfdmCh":`x1q0q8m5`,"borderBottomColor-kL6WhQ":`x188r5k3`,$$css:`@stridge/kit:src/shared/ui/Drawer/Drawer.styles.ts:106`},body:{"Drawer__styles.body":`Drawer__styles.body`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"flex-kUk6DE":`x12lumcd`,"minHeight-kAzted":`x2lwn1j`,$$css:`@stridge/kit:src/shared/ui/Drawer/Drawer.styles.ts:120`},bodyScrollArea:{"Drawer__styles.bodyScrollArea":`Drawer__styles.bodyScrollArea`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"flex-kUk6DE":`x12lumcd`,"minHeight-kAzted":`x2lwn1j`,$$css:`@stridge/kit:src/shared/ui/Drawer/Drawer.styles.ts:126`},bodyScrollViewport:{"Drawer__styles.bodyScrollViewport":`Drawer__styles.bodyScrollViewport`,"flex-kUk6DE":`x845mor`,"minHeight-kAzted":`x2lwn1j`,"width-kzqmXN":`xh8yej3`,"maxWidth-ks0D6T":`x193iq5w`,"height-kZKoxP":`xt7dq6l`,"maxHeight-kskxy":`xmz0i5r`,"overflowX-kXHlph":`x6ikm8r`,"overflowY-kORKVm":`x1odjw0f`,$$css:`@stridge/kit:src/shared/ui/Drawer/Drawer.styles.ts:132`},bodyInner:{"Drawer__styles.bodyInner":`Drawer__styles.bodyInner`,"boxSizing-kB7OPa":`x9f619`,"width-kzqmXN":`xh8yej3`,"maxWidth-ks0D6T":`x193iq5w`,"minWidth-k7Eaqz":`xeuugli`,"paddingTop-kLKAdn":`x1h03h88`,"paddingBottom-kGO01o":`xfvigk`,"paddingInlineStart-kZCmMZ":`xz7312c`,"paddingInlineEnd-kwRFfy":`x1o5r3ls`,$$css:`@stridge/kit:src/shared/ui/Drawer/Drawer.styles.ts:142`},footer:{"Drawer__styles.footer":`Drawer__styles.footer`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x6s0dn4`,"flexShrink-kmuXW":`x2lah0s`,"borderTopWidth-kEafiO":`x178xt8z`,"borderTopStyle-kPef9Z":`x13fuv20`,"borderTopColor-kLZC3w":`x1wc9ssx`,$$css:`@stridge/kit:src/shared/ui/Drawer/Drawer.styles.ts:153`},title:{"Drawer__styles.title":`Drawer__styles.title`,"marginTop-keoZOQ":`xdj266r`,"marginBottom-k1K539":`xat24cr`,"color-kMwMTN":`xzn0pkc`,"fontFamily-kMv6JI":`xlaww2m`,"fontSize-kGuDYH":`x126f79r`,"fontWeight-k63SB2":`x1qvi77d`,"lineHeight-kLWn49":`xfh9y1j`,$$css:`@stridge/kit:src/shared/ui/Drawer/Drawer.styles.ts:162`},description:{"Drawer__styles.description":`Drawer__styles.description`,"marginTop-keoZOQ":`xdj266r`,"marginBottom-k1K539":`xat24cr`,"color-kMwMTN":`xi96bwj`,"fontFamily-kMv6JI":`xlaww2m`,"fontSize-kGuDYH":`x14qa7mu`,"lineHeight-kLWn49":`x14vj8e1`,$$css:`@stridge/kit:src/shared/ui/Drawer/Drawer.styles.ts:171`}};export{e as styles};
@@ -0,0 +1,2 @@
1
+ import { Drawer } from "./Drawer.js";
2
+ import { DRAWER_SLOTS, DrawerSlot } from "./Drawer.slots.js";
@@ -0,0 +1 @@
1
+ import"./Drawer.slots.js";import"./Drawer.js";
@@ -16,7 +16,7 @@ type SelectableTileShape = "card" | "pill";
16
16
  * visual state via `selected` and the click via `onClick`.
17
17
  *
18
18
  * Pass `interactive="navigation"` for rows that route to a new view rather
19
- * than toggle a selection — e.g. activity-history rows. The navigation
19
+ * than toggle a selection — e.g. activity rows. The navigation
20
20
  * branch renders a plain `<button type="button">` with the same surface
21
21
  * chrome and hover/focus treatment (different ARIA, same look), so
22
22
  * navigation rows match toggle rows visually while staying semantically
@@ -0,0 +1,9 @@
1
+ //#region src/shared/ui/surfaceContext.d.ts
2
+ /**
3
+ * Returns `true` when the calling component is rendered inside any kit surface's content region
4
+ * (`Dialog.Content` or `Drawer.Content`). Lets gateway widgets pick the right shell — `Card` frame
5
+ * inline, bare frame when portaled.
6
+ */
7
+ declare function useIsInsideSurfaceContent(): boolean;
8
+ //#endregion
9
+ export { useIsInsideSurfaceContent };
@@ -0,0 +1 @@
1
+ "use client";import{createContext as e,use as t}from"react";const n=e(null);n.displayName=`SurfaceContentContext`;function r(){return t(n)!==null}function i(){return t(n)}export{n as SurfaceContentContext,r as useIsInsideSurfaceContent,i as useSurfaceKind};
@@ -0,0 +1 @@
1
+ "use client";import{useLingui as e}from"../../i18n/useLingui.js";import"../../../i18n/index.js";import{ActivityIcon as t}from"../../icons/ActivityIcon.js";import"../../../icons/index.js";import{IconButton as n}from"../../ui/IconButton/IconButton.js";import"../../../ui/index.js";import{styles as r}from"./ActivityTrigger.styles.js";import{jsx as i}from"react/jsx-runtime";import*as a from"@stylexjs/stylex";function o({onOpen:o}){let{_:s}=e();return i(n,{"aria-label":s({id:`c3aao_`,message:`View activity`}),onClick:o,children:i(t,{"aria-hidden":!0,...a.props(r.icon)})})}export{o as ActivityTrigger};
@@ -1 +1 @@
1
- const e={icon:{"ActivityTrigger__styles.icon":`ActivityTrigger__styles.icon`,"width-kzqmXN":`x1xp8n7a`,"height-kZKoxP":`xmix8c7`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`x15rks2t`,"strokeWidth-kfJifR":`xhxwl1`,$$css:`@stridge/kit:src/shared/widgets/activity-history/ActivityTrigger.styles.ts:3`}};export{e as styles};
1
+ const e={icon:{"ActivityTrigger__styles.icon":`ActivityTrigger__styles.icon`,"width-kzqmXN":`x1xp8n7a`,"height-kZKoxP":`xmix8c7`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`x15rks2t`,"strokeWidth-kfJifR":`xhxwl1`,$$css:`@stridge/kit:src/shared/widgets/activity/ActivityTrigger.styles.ts:3`}};export{e as styles};
@@ -0,0 +1 @@
1
+ import{resolveDirection as e}from"../transformers/resolveDirection.js";import{settlementToPayload as t}from"../../../../flows/deposit/driver/transformers/settlementToPayload.js";function n(n,r,i){let a=i.sourceWallet.address.toLowerCase();for(let o of n)for(let n of o.settlements)if(n.id===r){let r=e(o,a);return{payload:t(n,o,r===`withdraw`&&i.brandName!==void 0?{...i,brandName:void 0}:i),uda:o,direction:r}}return null}export{n as settlementToWidgetProps};
@@ -0,0 +1,95 @@
1
+ import { ActivityHeader, ActivityListHeader } from "./components/ActivityHeader.js";
2
+ import { ActivityEmpty } from "./components/Empty.js";
3
+ import { ActivityErrorView } from "./components/ErrorView.js";
4
+ import { ActivityList } from "./components/List.js";
5
+ import { ActivityRow } from "./components/Row.js";
6
+ import { ComponentProps, ReactNode } from "react";
7
+ import * as _$react_jsx_runtime0 from "react/jsx-runtime";
8
+
9
+ //#region src/shared/widgets/activity/compound/Activity.d.ts
10
+ interface ActivityOwnProps {
11
+ /**
12
+ * Optional custom composition. Defaults to `<Header /> + <List />`. Pass children to
13
+ * interleave host-supplied elements between compound parts.
14
+ */
15
+ children?: ReactNode;
16
+ }
17
+ /**
18
+ * Root of the `<Activity>` list compound. Flow-agnostic — every flow-specific concern
19
+ * (snapshot read, action dispatch, owner address derivation) is encapsulated in the
20
+ * `<ActivitySourceProvider>` value the dialog mounts above. The same JSX renders from
21
+ * both `<DepositDialog>` and `<WithdrawDialog>` without imports across the flow boundary.
22
+ *
23
+ * Mounted by the dialog's `activityList` step. The peer compound {@link ActivityDetail}
24
+ * handles the per-settlement detail step; the kit's `Steps` primitive routes between them via
25
+ * the FSM state name, so the slide+blur step transition is supplied automatically.
26
+ *
27
+ * Compound parts:
28
+ * - {@link Activity.Header} — back chevron + title + close X.
29
+ * - {@link Activity.ListHeader} — underlying header primitive that accepts explicit
30
+ * `title` + `onBack` props. Public because the detail compound's per-kind parts mount it
31
+ * inside their delegated success / error / processing composition.
32
+ * - {@link Activity.List} — list body (skeleton / empty / error / rows). Pure reader
33
+ * of the `activity` entity; recurring updates land via the controller-mounted `watchActivity`
34
+ * watcher with adaptive cadence.
35
+ * - {@link Activity.Row} — single row primitive (button-semantic).
36
+ * - {@link Activity.Empty} — empty-state body.
37
+ * - {@link Activity.ErrorView} — initial-error body with retry.
38
+ *
39
+ * @example
40
+ * ```tsx
41
+ * <ActivitySourceProvider value={sourceValue}>
42
+ * <Activity />
43
+ * </ActivitySourceProvider>
44
+ * ```
45
+ *
46
+ * @example Custom composition — interleave between parts
47
+ * ```tsx
48
+ * <ActivitySourceProvider value={sourceValue}>
49
+ * <Activity>
50
+ * <Activity.Header />
51
+ * <Activity.List />
52
+ * </Activity>
53
+ * </ActivitySourceProvider>
54
+ * ```
55
+ */
56
+ declare function Activity({
57
+ children,
58
+ ...props
59
+ }: ComponentProps<"div"> & ActivityOwnProps): _$react_jsx_runtime0.JSX.Element;
60
+ declare namespace Activity {
61
+ type Props = ComponentProps<"div"> & ActivityOwnProps;
62
+ /**
63
+ * Card header — back chevron + title + close X. Mounted by the default composition above
64
+ * the list body. The peer detail compound supplies its own header inside the
65
+ * SuccessState / ErrorState / ProcessingState composition.
66
+ */
67
+ const Header: typeof ActivityHeader;
68
+ /**
69
+ * Underlying list-view header primitive — accepts explicit `title` and `onBack` props
70
+ * and renders unconditionally. The detail compound's per-kind parts mount this inside
71
+ * their delegated state composition to keep the back chevron + title affordance
72
+ * consistent across the surface.
73
+ */
74
+ const ListHeader: typeof ActivityListHeader;
75
+ /**
76
+ * List body — skeleton / empty / error / rows. Pure reader; the controller-mounted
77
+ * `watchActivity` watcher drives recurring updates.
78
+ */
79
+ const List: typeof ActivityList;
80
+ /**
81
+ * Single row primitive. Hosts that want a fully-headless surface can mount Row directly
82
+ * with their own payload assembly.
83
+ */
84
+ const Row: typeof ActivityRow;
85
+ /**
86
+ * Empty-state body — centered icon + headline + subline.
87
+ */
88
+ const Empty: typeof ActivityEmpty;
89
+ /**
90
+ * Initial-error body — `Alert` + retry button.
91
+ */
92
+ const ErrorView: typeof ActivityErrorView;
93
+ }
94
+ //#endregion
95
+ export { Activity };
@@ -0,0 +1 @@
1
+ "use client";import{Frame as e}from"../../../dialog/Frame.js";import{ACTIVITY_SLOTS as t}from"./Activity.slots.js";import{styles as n}from"./Activity.styles.js";import{ActivityHeader as r,ActivityListHeader as i}from"./components/ActivityHeader.js";import{ActivityEmpty as a}from"./components/Empty.js";import{ActivityErrorView as o}from"./components/ErrorView.js";import{ActivityRow as s}from"./components/Row.js";import{ActivityList as c}from"./components/List.js";import{Fragment as l,jsx as u,jsxs as d}from"react/jsx-runtime";import*as f from"@stylexjs/stylex";const p=d(l,{children:[u(r,{}),u(c,{})]});function m({children:r,...i}){return u(e,{"data-stridge-slot":t.root,...f.props(n.root),...i,children:r??p})}(function(e){e.Header=r,e.ListHeader=i,e.List=c,e.Row=s,e.Empty=a,e.ErrorView=o})(m||={});export{m as Activity};
@@ -0,0 +1,22 @@
1
+ //#region src/shared/widgets/activity/compound/Activity.slots.d.ts
2
+ /**
3
+ * Slot vocabulary for `<Activity>`. Each meaningful element carries
4
+ * `data-stridge-slot={ACTIVITY_SLOTS.<part>}` so hosts can target a sub-part with
5
+ * `[data-stridge-slot="activity-row"]` without forking the kit. Slots are public API —
6
+ * renames are breaking changes.
7
+ */
8
+ declare const ACTIVITY_SLOTS: {
9
+ readonly root: "activity";
10
+ readonly header: "activity-header";
11
+ readonly body: "activity-body";
12
+ readonly list: "activity-list";
13
+ readonly empty: "activity-empty";
14
+ readonly emptyIcon: "activity-empty-icon";
15
+ readonly error: "activity-error";
16
+ readonly retry: "activity-retry";
17
+ readonly skeleton: "activity-skeleton";
18
+ readonly skeletonRow: "activity-skeleton-row";
19
+ };
20
+ type ActivitySlot = (typeof ACTIVITY_SLOTS)[keyof typeof ACTIVITY_SLOTS];
21
+ //#endregion
22
+ export { ACTIVITY_SLOTS, ActivitySlot };
@@ -0,0 +1 @@
1
+ const e={root:`activity`,header:`activity-header`,body:`activity-body`,list:`activity-list`,empty:`activity-empty`,emptyIcon:`activity-empty-icon`,error:`activity-error`,retry:`activity-retry`,skeleton:`activity-skeleton`,skeletonRow:`activity-skeleton-row`};export{e as ACTIVITY_SLOTS};
@@ -0,0 +1 @@
1
+ const e={root:{"Activity__styles.root":`Activity__styles.root`,"position-kVAEAm":`x1n2onr6`,"width-kzqmXN":`xh8yej3`,"maxWidth-ks0D6T":`x17fpy1y`,$$css:`@stridge/kit:src/shared/widgets/activity/compound/Activity.styles.ts:21`},header:{"Activity__styles.header":`Activity__styles.header`,"justifyContent-kjj79g":`x1qughib`,$$css:`@stridge/kit:src/shared/widgets/activity/compound/Activity.styles.ts:28`},headerLeft:{"Activity__styles.headerLeft":`Activity__styles.headerLeft`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x1a6yh9e`,"minWidth-k7Eaqz":`xeuugli`,$$css:`@stridge/kit:src/shared/widgets/activity/compound/Activity.styles.ts:31`},headerRight:{"Activity__styles.headerRight":`Activity__styles.headerRight`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x1a6yh9e`,$$css:`@stridge/kit:src/shared/widgets/activity/compound/Activity.styles.ts:37`},backIcon:{"Activity__styles.backIcon":`Activity__styles.backIcon`,"width-kzqmXN":`x1xp8n7a`,"height-kZKoxP":`xmix8c7`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`xdksllq`,"strokeWidth-kfJifR":`x1k315e8`,$$css:`@stridge/kit:src/shared/widgets/activity/compound/Activity.styles.ts:42`},body:{"Activity__styles.body":`Activity__styles.body`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"gap-kOIVth":`x1a6yh9e`,"paddingTop-kLKAdn":`x4xct4k`,"paddingBottom-kGO01o":`xpnfv0q`,"paddingInlineStart-kZCmMZ":`xmg6hw8`,"paddingInlineEnd-kwRFfy":`x1hvdk87`,$$css:`@stridge/kit:src/shared/widgets/activity/compound/Activity.styles.ts:54`},bodyCap:{"Activity__styles.bodyCap":`Activity__styles.bodyCap`,"maxHeight-kskxy":`x17geuhg`,$$css:`@stridge/kit:src/shared/widgets/activity/compound/Activity.styles.ts:70`},skeletonRow:{"Activity__styles.skeletonRow":`Activity__styles.skeletonRow`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x2blr79`,"paddingBlock-k8WAf4":`x1yowcxs`,"paddingInline-kg3NbH":`xqsvw4s`,"backgroundColor-kWkggS":`xjbqb8w`,$$css:`@stridge/kit:src/shared/widgets/activity/compound/Activity.styles.ts:75`},skeletonText:{"Activity__styles.skeletonText":`Activity__styles.skeletonText`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"flexBasis-kCS8Yb":`x1r8uery`,"flexGrow-kzQI83":`x1iyjqo2`,"flexShrink-kmuXW":`xs83m0k`,"gap-kOIVth":`x1r05nms`,"minWidth-k7Eaqz":`xeuugli`,$$css:`@stridge/kit:src/shared/widgets/activity/compound/Activity.styles.ts:83`},empty:{"Activity__styles.empty":`Activity__styles.empty`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`xl56j7k`,"gap-kOIVth":`x1a6yh9e`,"paddingTop-kLKAdn":`x1saie51`,"paddingBottom-kGO01o":`x1ej8hiu`,"paddingInlineStart-kZCmMZ":`xmg6hw8`,"paddingInlineEnd-kwRFfy":`x1hvdk87`,"textAlign-k9WMMc":`x2b8uid`,$$css:`@stridge/kit:src/shared/widgets/activity/compound/Activity.styles.ts:94`},emptyIcon:{"Activity__styles.emptyIcon":`Activity__styles.emptyIcon`,"width-kzqmXN":`x1td3qas`,"height-kZKoxP":`x10w6t97`,"color-kMwMTN":`x137ha3m`,"strokeWidth-kfJifR":`x1k315e8`,$$css:`@stridge/kit:src/shared/widgets/activity/compound/Activity.styles.ts:106`},error:{"Activity__styles.error":`Activity__styles.error`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"gap-kOIVth":`x2blr79`,"paddingTop-kLKAdn":`x2tg1xt`,"paddingBottom-kGO01o":`x1ww8orz`,$$css:`@stridge/kit:src/shared/widgets/activity/compound/Activity.styles.ts:114`},retryRow:{"Activity__styles.retryRow":`Activity__styles.retryRow`,"display-k1xSpc":`x78zum5`,"justifyContent-kjj79g":`xl56j7k`,$$css:`@stridge/kit:src/shared/widgets/activity/compound/Activity.styles.ts:121`},bodyEnter:{"Activity__styles.bodyEnter":`Activity__styles.bodyEnter`,"animationName-kKVMdj":`xqcmdr3`,"animationDuration-k44tkh":`x19y0sg2`,"animationTimingFunction-kyAemX":`xrkt6z0`,"animationFillMode-kWV6AL":`x1u6ievf`,$$css:`@stridge/kit:src/shared/widgets/activity/compound/Activity.styles.ts:126`}};export{e as styles};
@@ -1,8 +1,8 @@
1
1
  import { ReactNode } from "react";
2
2
  import * as _$react_jsx_runtime0 from "react/jsx-runtime";
3
3
 
4
- //#region src/shared/widgets/activity-history/compound/ActivityHistoryDetail.d.ts
5
- interface ActivityHistoryDetailOwnProps {
4
+ //#region src/shared/widgets/activity/compound/ActivityDetail.d.ts
5
+ interface ActivityDetailOwnProps {
6
6
  /**
7
7
  * Optional custom composition. Defaults to mounting all three per-kind parts — each gates
8
8
  * internally on the resolved payload's `kind`, so only the matching one renders.
@@ -10,25 +10,32 @@ interface ActivityHistoryDetailOwnProps {
10
10
  children?: ReactNode;
11
11
  }
12
12
  /**
13
- * Per-settlement detail compound — peer of {@link ActivityHistory}. Mounted by the dialog's
14
- * `historyDetail` step. Resolves the selected settlement against
13
+ * Per-settlement detail compound — peer of {@link Activity}. Mounted by the dialog's
14
+ * `activityDetail` step. Resolves the selected settlement against
15
15
  * `source.entity.raw[].settlements[]`, exposes the discriminated payload via the inner
16
16
  * context, and lets per-kind parts (`Processing` / `Succeeded` / `Failed`) render the matching
17
17
  * existing state compound with derived props.
18
18
  *
19
+ * The default composition wraps the three per-kind branches in a nested `<Steps>` keyed by
20
+ * `payload.kind` so substate transitions (pending → succeeded / failed) inherit the kit's
21
+ * slide+blur step animation — without it, the inner compound would swap synchronously and
22
+ * the activity surface would feel discontinuous compared to the in-flow deposit dialog where
23
+ * each kind is a top-level `<Step>` and the same transition fires automatically.
24
+ *
19
25
  * Returns `null` when the entity hasn't materialised raw data yet or when the settlement id
20
26
  * misses (e.g. it aged out between row render and row tap). The lookup-miss arm silently
21
- * dispatches `back()` so the next paint shows the list.
27
+ * dispatches `back()` (in-flow / via-list entries) or the bridge-supplied `onLookupMiss`
28
+ * (standalone direct entries) so the next paint shows the list.
22
29
  */
23
- declare function ActivityHistoryDetail({
30
+ declare function ActivityDetail({
24
31
  children
25
- }: ActivityHistoryDetailOwnProps): _$react_jsx_runtime0.JSX.Element | null;
32
+ }: ActivityDetailOwnProps): _$react_jsx_runtime0.JSX.Element | null;
26
33
  /**
27
34
  * Pending-payload branch. Mounts the kit's `<ProcessingStateCompound>` with the resolved
28
- * settlement details and an `<ActivityHistoryListHeader>` in the header slot so the back
35
+ * settlement details and an `<ActivityListHeader>` in the header slot so the back
29
36
  * chevron + title affordance matches the list view.
30
37
  */
31
- declare function ActivityHistoryDetailProcessing({
38
+ declare function ActivityDetailProcessing({
32
39
  children
33
40
  }: {
34
41
  children?: ReactNode;
@@ -38,7 +45,7 @@ declare function ActivityHistoryDetailProcessing({
38
45
  * so a withdraw row drilling into detail keeps `Withdrawal successful` (matching the row
39
46
  * title vocabulary) instead of falling through to the deposit-only default.
40
47
  */
41
- declare function ActivityHistoryDetailSucceeded({
48
+ declare function ActivityDetailSucceeded({
42
49
  children
43
50
  }: {
44
51
  children?: ReactNode;
@@ -48,28 +55,28 @@ declare function ActivityHistoryDetailSucceeded({
48
55
  * a withdraw row keeps `Withdrawal failed` (the deposit branch is a no-op explicit set —
49
56
  * matches the existing default; symmetric explicit form keeps both branches aligned).
50
57
  */
51
- declare function ActivityHistoryDetailFailed({
58
+ declare function ActivityDetailFailed({
52
59
  children
53
60
  }: {
54
61
  children?: ReactNode;
55
62
  }): _$react_jsx_runtime0.JSX.Element | null;
56
- declare namespace ActivityHistoryDetail {
57
- type Props = ActivityHistoryDetailOwnProps;
63
+ declare namespace ActivityDetail {
64
+ type Props = ActivityDetailOwnProps;
58
65
  /**
59
66
  * Pending-payload branch. Mounts `<ProcessingStateCompound>` with the resolved settlement
60
67
  * details. Returns `null` when the resolved payload's kind isn't `"pending"`.
61
68
  */
62
- const Processing: typeof ActivityHistoryDetailProcessing;
69
+ const Processing: typeof ActivityDetailProcessing;
63
70
  /**
64
71
  * Succeeded-payload branch. Mounts `<SuccessStateCompound>` with per-direction headline
65
72
  * copy. Returns `null` when the resolved payload's kind isn't `"succeeded"`.
66
73
  */
67
- const Succeeded: typeof ActivityHistoryDetailSucceeded;
74
+ const Succeeded: typeof ActivityDetailSucceeded;
68
75
  /**
69
76
  * Failed-payload branch. Mounts `<ErrorStateCompound>` with per-direction failure headline.
70
77
  * Returns `null` when the resolved payload's kind isn't `"failed"`.
71
78
  */
72
- const Failed: typeof ActivityHistoryDetailFailed;
79
+ const Failed: typeof ActivityDetailFailed;
73
80
  }
74
81
  //#endregion
75
- export { ActivityHistoryDetail };
82
+ export { ActivityDetail };
@@ -0,0 +1 @@
1
+ "use client";import{useLingui as e}from"../../../i18n/useLingui.js";import"../../../../i18n/index.js";import{useFailureReasonForKind as t}from"../../../orchestrator/failureReason.js";import"../../../orchestrator/index.js";import{Step as n,Steps as r}from"../../../ui/Steps/Steps.js";import"../../../ui/Steps/index.js";import{ErrorState as i}from"../../error-state/compound/ErrorState.js";import"../../error-state/compound/index.js";import{ProcessingState as a}from"../../processing-state/compound/ProcessingState.js";import"../../processing-state/compound/index.js";import{SuccessState as o}from"../../success-state/compound/SuccessState.js";import"../../success-state/compound/index.js";import{useActivitySource as s}from"./context.js";import{ActivityListHeader as c}from"./components/ActivityHeader.js";import{toAssetDescriptor as l}from"../../asset-descriptor.js";import{settlementToWidgetProps as u}from"../adapters/settlementToWidgetProps.js";import{createContext as d,use as f,useEffect as p}from"react";import{jsx as m,jsxs as h}from"react/jsx-runtime";function g(e,t,n){return t===`withdraw`?n===`pending`?e.withdrawPending:n===`succeeded`?e.withdrawSucceeded:e.withdrawFailed:n===`pending`?e.depositPending:n===`succeeded`?e.depositSucceeded:e.depositFailed}const _=d(null);_.displayName=`ActivityDetailContext`;function v({children:t}){let i=s(`ActivityDetail`),{_:a}=e(),o=i.entity,c=o.status===`ready`||o.status===`stale`,l=c?o.raw:void 0,d=i.settlementId,f=l&&d?u(l,d,i.settlementContext):null,v=c&&d!==void 0&&!f,S=i.back,C=i.onLookupMiss;if(p(()=>{v&&(S??C)?.()},[v,S,C]),!f)return null;let w={depositPending:a({id:`JYp-ic`,message:`Deposit processing`}),depositSucceeded:a({id:`e3xU5E`,message:`Deposit received`}),depositFailed:a({id:`i-4Fbp`,message:`Deposit failed`}),withdrawPending:a({id:`w-2VR9`,message:`Withdrawal in progress…`}),withdrawSucceeded:a({id:`q32Nt8`,message:`Withdrawal complete`}),withdrawFailed:a({id:`KTNWsg`,message:`Withdrawal failed`})},T={payload:f.payload,direction:f.direction,headerTitle:g(w,f.direction,f.payload.kind),...S?{onBack:S}:{}},E=h(r,{activeStep:f.payload.kind,children:[m(n,{name:`pending`,children:m(y,{})}),m(n,{name:`succeeded`,children:m(b,{})}),m(n,{name:`failed`,children:m(x,{})})]});return m(_,{value:T,children:t??E})}function y({children:e}){let t=f(_);if(!t||t.payload.kind!==`pending`)return null;let{payload:n,headerTitle:r,onBack:i}=t,o=l(n.creditedAsset)??{symbol:n.creditedAsset.symbol},s={...n.sourceWallet.name===void 0?{}:{name:n.sourceWallet.name},address:n.sourceWallet.address.formatted,...n.sourceWallet.explorerUrl?{explorerUrl:n.sourceWallet.explorerUrl}:{}},u=n.receiveAmount.value===0;return h(a,{amount:n.receiveAmount.formatted,creditedAsset:o,creditedTo:n.creditedTo,headerTitle:r,...u?{loading:!0}:{},...n.txHash?{sourceTx:{hash:n.txHash.formatted,...n.txExplorerUrl?{explorerUrl:n.txExplorerUrl}:{}}}:{},...s.address?{sourceWallet:s}:{},submittedAt:n.submittedAt.formatted,...n.detectedAt?{detectedAt:n.detectedAt.formatted}:{},children:[m(c,{title:r,onBack:i}),e??h(a.Body,{children:[m(a.Hero,{}),m(a.StatusPill,{}),h(a.Details,{children:[m(a.SourceRow,{}),m(a.SourceTxRow,{}),m(a.SubmittedAtRow,{}),m(a.DetectedAtRow,{})]})]})]})}function b({children:t}){let{_:n}=e(),r=f(_);if(!r||r.payload.kind!==`succeeded`)return null;let{payload:i,direction:a,headerTitle:s,onBack:u}=r,d=l(i.creditedAsset)??{symbol:i.creditedAsset.symbol},p={...i.sourceWallet.name===void 0?{}:{name:i.sourceWallet.name},address:i.sourceWallet.address.formatted,...i.sourceWallet.explorerUrl?{explorerUrl:i.sourceWallet.explorerUrl}:{}},g=i.destination.name??i.creditedAsset.symbol,v=i.aggregatorExplorerUrl?{url:i.aggregatorExplorerUrl}:void 0,y=i.depositTx||i.completionTx||i.submittedAt||i.filledAt,b=n(a===`withdraw`?{id:`_girqu`,message:`Withdrawal successful`}:{id:`--OGth`,message:`Deposit successful`}),x=n(a===`withdraw`?{id:`_QZdX-`,message:`Your withdrawal was completed successfully.`}:{id:`oW1G8i`,message:`Your funds were successfully deposited.`});return h(o,{amount:i.receiveAmount.formatted,creditedAsset:d,creditedTo:g,headerTitle:s,headlineTitle:b,headlineDescription:x,...v?{explorer:v}:{},...i.depositTx?{depositTx:{hash:i.depositTx.hash.formatted,...i.depositTx.explorerUrl?{explorerUrl:i.depositTx.explorerUrl}:{}}}:{},...i.completionTx?{completionTx:{hash:i.completionTx.hash.formatted,...i.completionTx.explorerUrl?{explorerUrl:i.completionTx.explorerUrl}:{}}}:{},submittedAt:i.submittedAt.formatted,filledAt:i.filledAt.formatted,totalTime:i.totalTime.formatted,sourceWallet:p,children:[m(c,{title:s,onBack:u}),t??h(o.Body,{children:[m(o.Headline,{}),h(o.Details,{children:[m(o.FillStatusRow,{}),m(o.TotalTimeRow,{}),m(o.SourceRow,{}),m(o.DestinationRow,{}),m(o.YouReceiveRow,{}),y?h(o.MoreDetails,{children:[m(o.DepositTxRow,{}),m(o.CompletionTxRow,{}),m(o.SubmittedAtRow,{}),m(o.FilledAtRow,{})]}):null]})]})]})}function x({children:n}){let{_:r}=e(),a=t(),o=f(_);if(!o||o.payload.kind!==`failed`)return null;let{payload:s,direction:u,headerTitle:d,onBack:p}=o,g={...s.sourceWallet.name===void 0?{}:{name:s.sourceWallet.name},address:s.sourceWallet.address.formatted,...s.sourceWallet.explorerUrl?{explorerUrl:s.sourceWallet.explorerUrl}:{}},v={...s.destination.name===void 0?{}:{name:s.destination.name},address:s.destination.address.formatted},y=l(s.creditedAsset)??{symbol:s.creditedAsset.symbol},b={hash:s.txHash.formatted,...s.txExplorerUrl?{explorerUrl:s.txExplorerUrl}:{}},x=a(s.failureKind);return h(i,{headline:r(u===`withdraw`?{id:`KTNWsg`,message:`Withdrawal failed`}:{id:`i-4Fbp`,message:`Deposit failed`}),reason:x,headerTitle:d,sourceWallet:g,destination:v,receiveAmount:s.receiveAmount.formatted,receiveAsset:y,depositTx:b,submittedAt:s.submittedAt.formatted,failedAt:s.failedAt.formatted,children:[m(c,{title:d,onBack:p}),n??h(i.Body,{children:[m(i.Hero,{}),h(i.Details,{children:[m(i.FillStatusRow,{}),m(i.SourceRow,{}),m(i.DestinationRow,{}),m(i.YouReceiveRow,{}),h(i.MoreDetails,{children:[m(i.DepositTxRow,{}),m(i.SubmittedAtRow,{}),m(i.FailedAtRow,{})]})]}),m(i.HelpInfo,{})]})]})}(function(e){e.Processing=y,e.Succeeded=b,e.Failed=x})(v||={});export{v as ActivityDetail};
@@ -0,0 +1,21 @@
1
+ //#region src/shared/widgets/activity/compound/Row.slots.d.ts
2
+ /**
3
+ * Slot vocabulary for `<Activity.Row>`. Same `data-stridge-slot` convention as the parent
4
+ * compound — see {@link import("./Activity.slots").ACTIVITY_SLOTS}. Kept in its
5
+ * own file so the Row primitive stays a self-contained unit (matches the
6
+ * `<PrimitiveName>.slots.ts` convention used across `packages/kit/src/shared/ui/`).
7
+ */
8
+ declare const ACTIVITY_ROW_SLOTS: {
9
+ readonly root: "activity-row";
10
+ readonly leading: "activity-row-leading";
11
+ readonly statusPip: "activity-row-status-pip";
12
+ readonly text: "activity-row-text";
13
+ readonly title: "activity-row-title";
14
+ readonly date: "activity-row-date";
15
+ readonly trailing: "activity-row-trailing";
16
+ readonly amount: "activity-row-amount";
17
+ readonly chevron: "activity-row-chevron";
18
+ };
19
+ type ActivityRowSlot = (typeof ACTIVITY_ROW_SLOTS)[keyof typeof ACTIVITY_ROW_SLOTS];
20
+ //#endregion
21
+ export { ACTIVITY_ROW_SLOTS, ActivityRowSlot };
@@ -0,0 +1 @@
1
+ const e={root:`activity-row`,leading:`activity-row-leading`,statusPip:`activity-row-status-pip`,text:`activity-row-text`,title:`activity-row-title`,date:`activity-row-date`,trailing:`activity-row-trailing`,amount:`activity-row-amount`,chevron:`activity-row-chevron`};export{e as ACTIVITY_ROW_SLOTS};
@@ -0,0 +1 @@
1
+ const e={rowLayout:{"Row__styles.rowLayout":`Row__styles.rowLayout`,"gap-kOIVth":`x2blr79`,"paddingBlock-k8WAf4":`x1yowcxs`,"paddingInlineStart-kZCmMZ":`xiplbrm`,"paddingInlineEnd-kwRFfy":`xvkiva6`,$$css:`@stridge/kit:src/shared/widgets/activity/compound/Row.styles.ts:35`},leading:{"Row__styles.leading":`Row__styles.leading`,"position-kVAEAm":`x1n2onr6`,"flexShrink-kmuXW":`x2lah0s`,"width-kzqmXN":`x187nhsf`,"height-kZKoxP":`xn3w4p2`,"overflow-kVQacm":`x1rea2x4`,$$css:`@stridge/kit:src/shared/widgets/activity/compound/Row.styles.ts:44`},statusPip:{"Row__styles.statusPip":`Row__styles.statusPip`,"position-kVAEAm":`x10l6tqk`,"zIndex-kY2c9j":`x1vjfegm`,"bottom-krVfgx":`x1t1qrwb`,"insetInlineEnd-kt4wiu":`x1d0qlrl`,"width-kzqmXN":`x1xp8n7a`,"height-kZKoxP":`xmix8c7`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`xl56j7k`,"borderRadius-kaIpWk":`x1e6avla`,"borderWidth-kMzoRj":`xdh2fpr`,"borderStyle-ksu8eU":`x1y0btm7`,"borderColor-kVAM5u":`xv87bwv`,"pointerEvents-kfzvcC":`x47corl`,$$css:`@stridge/kit:src/shared/widgets/activity/compound/Row.styles.ts:59`},statusPipCompleted:{"Row__styles.statusPipCompleted":`Row__styles.statusPipCompleted`,"backgroundColor-kWkggS":`xelfwhf`,"color-kMwMTN":`x1e8cn3g`,$$css:`@stridge/kit:src/shared/widgets/activity/compound/Row.styles.ts:88`},statusPipFailed:{"Row__styles.statusPipFailed":`Row__styles.statusPipFailed`,"backgroundColor-kWkggS":`x1qvyn6m`,"color-kMwMTN":`x18o46el`,$$css:`@stridge/kit:src/shared/widgets/activity/compound/Row.styles.ts:92`},statusPipPending:{"Row__styles.statusPipPending":`Row__styles.statusPipPending`,"backgroundColor-kWkggS":`x1qkydf4`,"color-kMwMTN":`xi96bwj`,$$css:`@stridge/kit:src/shared/widgets/activity/compound/Row.styles.ts:96`},statusPipIcon:{"Row__styles.statusPipIcon":`Row__styles.statusPipIcon`,"width-kzqmXN":`x1fsd2vl`,"height-kZKoxP":`x170jfvy`,"strokeWidth-kfJifR":`x1ip4yf`,$$css:`@stridge/kit:src/shared/widgets/activity/compound/Row.styles.ts:100`},statusPipSpinner:{"Row__styles.statusPipSpinner":`Row__styles.statusPipSpinner`,"width-kzqmXN":`x1fsd2vl`,"height-kZKoxP":`x170jfvy`,"animationName-kKVMdj":`x1aerksh`,"animationDuration-k44tkh":`x1q3qbx4`,"animationTimingFunction-kyAemX":`x1esw782`,"animationIterationCount-ko0y90":`xa4qsjk`,$$css:`@stridge/kit:src/shared/widgets/activity/compound/Row.styles.ts:105`},text:{"Row__styles.text":`Row__styles.text`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"flexBasis-kCS8Yb":`x1r8uery`,"flexGrow-kzQI83":`x1iyjqo2`,"flexShrink-kmuXW":`xs83m0k`,"gap-kOIVth":`x1r05nms`,"minWidth-k7Eaqz":`xeuugli`,$$css:`@stridge/kit:src/shared/widgets/activity/compound/Row.styles.ts:123`},title:{"Row__styles.title":`Row__styles.title`,"overflow-kVQacm":`xb3r6kr`,"textOverflow-kg5iWk":`xlyipyv`,"whiteSpace-khDVqt":`xuxw1ft`,$$css:`@stridge/kit:src/shared/widgets/activity/compound/Row.styles.ts:132`},date:{"Row__styles.date":`Row__styles.date`,"overflow-kVQacm":`xb3r6kr`,"textOverflow-kg5iWk":`xlyipyv`,"whiteSpace-khDVqt":`xuxw1ft`,$$css:`@stridge/kit:src/shared/widgets/activity/compound/Row.styles.ts:137`},trailing:{"Row__styles.trailing":`Row__styles.trailing`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"flexShrink-kmuXW":`x2lah0s`,"gap-kOIVth":`x1a6yh9e`,$$css:`@stridge/kit:src/shared/widgets/activity/compound/Row.styles.ts:144`},chevron:{"Row__styles.chevron":`Row__styles.chevron`,"width-kzqmXN":`xsmyaan`,"height-kZKoxP":`x1kpxq89`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`x137ha3m`,"strokeWidth-kfJifR":`xvlca1e`,$$css:`@stridge/kit:src/shared/widgets/activity/compound/Row.styles.ts:150`}};export{e as styles};