@0xsequence/marketplace-sdk 0.7.0 → 0.8.0

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 (228) hide show
  1. package/.changeset/README.md +8 -0
  2. package/.changeset/config.json +11 -0
  3. package/.changeset/fuzzy-forks-smoke.md +5 -0
  4. package/CHANGELOG.md +7 -0
  5. package/dist/chunk-2MSBZYLW.js +128 -0
  6. package/dist/chunk-2MSBZYLW.js.map +1 -0
  7. package/dist/{chunk-MPBN3E54.js → chunk-2VHHJNXY.js} +3 -3
  8. package/dist/{chunk-FBUMNJQ4.js → chunk-3II5GLHE.js} +2 -2
  9. package/dist/chunk-3JU7SQVE.js +182 -0
  10. package/dist/chunk-3JU7SQVE.js.map +1 -0
  11. package/dist/{chunk-XNA64MZQ.js → chunk-BCO4CYE4.js} +2 -2
  12. package/dist/{chunk-4XK7XNJ7.js → chunk-BNAUZXPV.js} +73 -2
  13. package/dist/chunk-BNAUZXPV.js.map +1 -0
  14. package/dist/{chunk-Q5URKSC4.js → chunk-FMEEJFAF.js} +1 -1
  15. package/dist/{chunk-BBASZVT3.js → chunk-GBQVYNCD.js} +5 -6
  16. package/dist/chunk-GBQVYNCD.js.map +1 -0
  17. package/dist/{chunk-3AKOPSON.js → chunk-IZ44XPBH.js} +2 -9
  18. package/dist/chunk-IZ44XPBH.js.map +1 -0
  19. package/dist/{chunk-EAJ5K7QV.js → chunk-Q5RKAMYF.js} +3 -4
  20. package/dist/chunk-Q5RKAMYF.js.map +1 -0
  21. package/dist/{chunk-RBEPPVLT.js → chunk-QKGZXS4T.js} +147 -357
  22. package/dist/chunk-QKGZXS4T.js.map +1 -0
  23. package/dist/{chunk-HTFORA4Q.js → chunk-SBI52HTX.js} +1880 -1010
  24. package/dist/chunk-SBI52HTX.js.map +1 -0
  25. package/dist/{chunk-XTGMMNV5.js → chunk-WHFXVREI.js} +2 -2
  26. package/dist/{index-CzTANLaA.d.ts → index-CnaFSNE9.d.ts} +6 -7
  27. package/dist/index.css +113 -31
  28. package/dist/index.css.map +1 -1
  29. package/dist/index.d.ts +2 -4
  30. package/dist/index.js +9 -9
  31. package/dist/listCollectibles-B0tbqnRd.d.ts +155 -0
  32. package/dist/react/_internal/api/index.d.ts +28 -2
  33. package/dist/react/_internal/api/index.js +3 -1
  34. package/dist/react/_internal/databeat/index.js +11 -10
  35. package/dist/react/_internal/index.d.ts +2 -3
  36. package/dist/react/_internal/index.js +4 -4
  37. package/dist/react/_internal/wagmi/index.js +2 -2
  38. package/dist/react/hooks/index.d.ts +259 -674
  39. package/dist/react/hooks/index.js +10 -19
  40. package/dist/react/hooks/options/index.d.ts +1 -2
  41. package/dist/react/hooks/options/index.js +4 -4
  42. package/dist/react/index.d.ts +7 -7
  43. package/dist/react/index.js +14 -23
  44. package/dist/react/queries/index.d.ts +25 -0
  45. package/dist/react/queries/index.js +48 -0
  46. package/dist/react/queries/index.js.map +1 -0
  47. package/dist/react/ssr/index.js +3 -3
  48. package/dist/react/ui/components/collectible-card/index.d.ts +1 -6
  49. package/dist/react/ui/components/collectible-card/index.js +14 -13
  50. package/dist/react/ui/components/marketplace-logos/index.js +1 -1
  51. package/dist/react/ui/icons/index.js +7 -7
  52. package/dist/react/ui/index.d.ts +18 -22
  53. package/dist/react/ui/index.js +14 -13
  54. package/dist/react/ui/modals/_internal/components/actionModal/index.d.ts +6 -11
  55. package/dist/react/ui/modals/_internal/components/actionModal/index.js +11 -10
  56. package/dist/types/index.js +2 -2
  57. package/dist/{types-Ct1uCT3M.d.ts → types-o_pKUpQG.d.ts} +2 -5
  58. package/dist/utils/abi/index.js +5 -5
  59. package/dist/utils/index.d.ts +1 -5
  60. package/dist/utils/index.js +9 -9
  61. package/package.json +22 -16
  62. package/src/react/_internal/api/__mocks__/indexer.msw.ts +3 -1
  63. package/src/react/_internal/api/__mocks__/marketplace.msw.ts +1 -1
  64. package/src/react/_internal/api/__mocks__/metadata.msw.ts +14 -12
  65. package/src/react/_internal/api/index.ts +1 -0
  66. package/src/react/_internal/api/laos-api.ts +103 -0
  67. package/src/react/_internal/api/zod-schema.ts +3 -3
  68. package/src/react/_internal/types.ts +1 -10
  69. package/src/react/_internal/wallet/__tests__/wallet.test.ts +43 -0
  70. package/src/react/_internal/wallet/useWallet.ts +6 -3
  71. package/src/react/hooks/__tests__/useAutoSelectFeeOption.test.tsx +1 -1
  72. package/src/react/hooks/__tests__/useCancelOrder.test.tsx +1 -1
  73. package/src/react/hooks/__tests__/useCancelTransactionSteps.test.tsx +1 -1
  74. package/src/react/hooks/__tests__/useCollectible.test.tsx +2 -2
  75. package/src/react/hooks/__tests__/useCollection.test.tsx +2 -2
  76. package/src/react/hooks/__tests__/useComparePrices.test.tsx +1 -1
  77. package/src/react/hooks/__tests__/useConvertPriceToUSD.test.tsx +1 -1
  78. package/src/react/hooks/__tests__/useCountListingsForCollectible.test.tsx +1 -1
  79. package/src/react/hooks/__tests__/useCountOfCollectables.test.tsx +2 -2
  80. package/src/react/hooks/__tests__/useCountOffersForCollectible.test.tsx +1 -1
  81. package/src/react/hooks/__tests__/useCurrencies.test.tsx +2 -2
  82. package/src/react/hooks/__tests__/useCurrency.test.tsx +2 -2
  83. package/src/react/hooks/__tests__/useFilters.test.tsx +2 -2
  84. package/src/react/hooks/__tests__/useFloorOrder.test.tsx +2 -2
  85. package/src/react/hooks/__tests__/useGenerateCancelTransaction.test.tsx +1 -1
  86. package/src/react/hooks/__tests__/useGenerateListingTransaction.test.tsx +1 -1
  87. package/src/react/hooks/__tests__/useGenerateOfferTransaction.test.tsx +1 -1
  88. package/src/react/hooks/__tests__/useGenerateSellTransaction.test.tsx +1 -1
  89. package/src/react/hooks/__tests__/useListCollectibleActivities.test.tsx +2 -2
  90. package/src/react/hooks/__tests__/useListCollectibles.test.tsx +3 -2
  91. package/src/react/hooks/__tests__/useListCollectiblesPaginated.test.tsx +1 -1
  92. package/src/react/hooks/__tests__/useListCollectionActivities.test.tsx +1 -1
  93. package/src/react/hooks/__tests__/useListListingsForCollectible.test.tsx +1 -1
  94. package/src/react/hooks/__tests__/useListOffersForCollectible.test.tsx +1 -1
  95. package/src/react/hooks/__tests__/useLowestListing.test.tsx +1 -1
  96. package/src/react/hooks/__tests__/useRoyalty.test.tsx +1 -2
  97. package/src/react/hooks/index.ts +0 -1
  98. package/src/react/hooks/options/collectionOptions.ts +2 -3
  99. package/src/react/hooks/useAutoSelectFeeOption.tsx +1 -1
  100. package/src/react/hooks/useCancelOrder.tsx +3 -3
  101. package/src/react/hooks/useCancelTransactionSteps.tsx +1 -1
  102. package/src/react/hooks/useCheckoutOptions.tsx +1 -2
  103. package/src/react/hooks/useCollectible.tsx +2 -3
  104. package/src/react/hooks/useCollectionBalanceDetails.tsx +1 -2
  105. package/src/react/hooks/useComparePrices.tsx +2 -9
  106. package/src/react/hooks/useConvertPriceToUSD.tsx +1 -4
  107. package/src/react/hooks/useCountListingsForCollectible.tsx +1 -2
  108. package/src/react/hooks/useCountOfCollectables.tsx +1 -2
  109. package/src/react/hooks/useCountOffersForCollectible.tsx +1 -2
  110. package/src/react/hooks/useCurrencies.tsx +1 -4
  111. package/src/react/hooks/useCurrency.tsx +3 -8
  112. package/src/react/hooks/useFilters.tsx +5 -4
  113. package/src/react/hooks/useFloorOrder.tsx +1 -2
  114. package/src/react/hooks/useGenerateCancelTransaction.tsx +3 -6
  115. package/src/react/hooks/useGenerateListingTransaction.tsx +2 -3
  116. package/src/react/hooks/useGenerateOfferTransaction.tsx +2 -3
  117. package/src/react/hooks/useGenerateSellTransaction.tsx +3 -6
  118. package/src/react/hooks/useHighestOffer.tsx +1 -1
  119. package/src/react/hooks/useListCollectibles.tsx +33 -61
  120. package/src/react/hooks/useListCollectiblesPaginated.tsx +2 -6
  121. package/src/react/hooks/useListListingsForCollectible.tsx +1 -2
  122. package/src/react/hooks/useListOffersForCollectible.tsx +1 -2
  123. package/src/react/hooks/useLowestListing.tsx +1 -2
  124. package/src/react/hooks/useRoyalty.tsx +3 -8
  125. package/src/react/hooks/useTransferTokens.tsx +2 -2
  126. package/src/react/queries/balanceOfCollectible.ts +9 -32
  127. package/src/react/queries/getTokenSupplies.ts +38 -0
  128. package/src/react/queries/index.ts +5 -0
  129. package/src/react/queries/listCollectibles.ts +96 -0
  130. package/src/react/ui/components/_internals/action-button/ActionButton.tsx +1 -1
  131. package/src/react/ui/components/_internals/action-button/__tests__/ActionButton.test.tsx +1 -1
  132. package/src/react/ui/components/_internals/action-button/components/NonOwnerActions.tsx +4 -3
  133. package/src/react/ui/components/_internals/action-button/components/OwnerActions.tsx +1 -1
  134. package/src/react/ui/components/collectible-card/CollectibleCard.tsx +2 -3
  135. package/src/react/ui/components/collectible-card/__tests__/CollectibleCard.test.tsx +1 -1
  136. package/src/react/ui/modals/BuyModal/ERC1155QuantityModal.tsx +127 -0
  137. package/src/react/ui/modals/BuyModal/Modal.tsx +67 -85
  138. package/src/react/ui/modals/BuyModal/__tests__/Modal.test.tsx +85 -226
  139. package/src/react/ui/modals/BuyModal/__tests__/Modal1155.test.tsx +140 -0
  140. package/src/react/ui/modals/BuyModal/__tests__/store.test.ts +67 -76
  141. package/src/react/ui/modals/BuyModal/hooks/__tests__/useCheckoutOptions.test.tsx +1 -60
  142. package/src/react/ui/modals/BuyModal/hooks/__tests__/useFees.test.tsx +1 -1
  143. package/src/react/ui/modals/BuyModal/hooks/useCheckoutOptions.ts +29 -13
  144. package/src/react/ui/modals/BuyModal/hooks/useLoadData.ts +26 -21
  145. package/src/react/ui/modals/BuyModal/hooks/usePaymentModalParams.ts +200 -0
  146. package/src/react/ui/modals/BuyModal/index.tsx +4 -14
  147. package/src/react/ui/modals/BuyModal/store.ts +71 -76
  148. package/src/react/ui/modals/CreateListingModal/Modal.tsx +71 -7
  149. package/src/react/ui/modals/CreateListingModal/__tests__/Modal.test.tsx +2 -2
  150. package/src/react/ui/modals/CreateListingModal/hooks/useCreateListing.tsx +1 -1
  151. package/src/react/ui/modals/CreateListingModal/hooks/useGetTokenApproval.ts +1 -1
  152. package/src/react/ui/modals/CreateListingModal/hooks/useTransactionSteps.tsx +9 -5
  153. package/src/react/ui/modals/CreateListingModal/store.ts +7 -2
  154. package/src/react/ui/modals/MakeOfferModal/Modal.tsx +103 -6
  155. package/src/react/ui/modals/MakeOfferModal/__tests__/Modal.test.tsx +1 -1
  156. package/src/react/ui/modals/MakeOfferModal/hooks/useGetTokenApproval.tsx +1 -1
  157. package/src/react/ui/modals/MakeOfferModal/hooks/useMakeOffer.tsx +1 -1
  158. package/src/react/ui/modals/MakeOfferModal/hooks/useTransactionSteps.tsx +8 -4
  159. package/src/react/ui/modals/MakeOfferModal/store.ts +5 -3
  160. package/src/react/ui/modals/SellModal/Modal.tsx +76 -4
  161. package/src/react/ui/modals/SellModal/__tests__/Modal.test.tsx +1 -1
  162. package/src/react/ui/modals/SellModal/hooks/useGetTokenApproval.tsx +1 -1
  163. package/src/react/ui/modals/SellModal/hooks/useSell.tsx +1 -1
  164. package/src/react/ui/modals/SellModal/hooks/useTransactionSteps.tsx +16 -8
  165. package/src/react/ui/modals/SellModal/store.ts +5 -3
  166. package/src/react/ui/modals/TransferModal/_store.ts +15 -3
  167. package/src/react/ui/modals/TransferModal/_views/enterWalletAddress/_components/TokenQuantityInput.tsx +58 -0
  168. package/src/react/ui/modals/TransferModal/_views/enterWalletAddress/_components/TransferButton.tsx +56 -0
  169. package/src/react/ui/modals/TransferModal/_views/enterWalletAddress/_components/WalletAddressInput.tsx +50 -0
  170. package/src/react/ui/modals/TransferModal/_views/enterWalletAddress/index.tsx +94 -66
  171. package/src/react/ui/modals/TransferModal/_views/enterWalletAddress/useHandleTransfer.tsx +22 -14
  172. package/src/react/ui/modals/TransferModal/index.tsx +72 -38
  173. package/src/react/ui/modals/_internal/components/actionModal/ActionModal.tsx +43 -42
  174. package/src/react/ui/modals/_internal/components/actionModal/store.ts +1 -2
  175. package/src/react/ui/modals/_internal/components/currencyOptionsSelect/index.tsx +2 -2
  176. package/src/react/ui/modals/_internal/components/expirationDateSelect/index.tsx +9 -1
  177. package/src/react/ui/modals/_internal/components/floorPriceText/index.tsx +27 -12
  178. package/src/react/ui/modals/_internal/components/priceInput/__tests__/index.test.tsx +1 -1
  179. package/src/react/ui/modals/_internal/components/priceInput/index.tsx +19 -3
  180. package/src/react/ui/modals/_internal/components/quantityInput/index.tsx +3 -0
  181. package/src/react/ui/modals/_internal/components/selectWaasFeeOptions/_components/ActionButtons.tsx +60 -0
  182. package/src/react/ui/modals/_internal/components/selectWaasFeeOptions/_components/BalanceIndicator.tsx +30 -0
  183. package/src/react/ui/modals/_internal/components/selectWaasFeeOptions/index.tsx +126 -0
  184. package/src/react/ui/modals/_internal/components/selectWaasFeeOptions/store.ts +25 -0
  185. package/src/react/ui/modals/_internal/components/selectWaasFeeOptions/useWaasFeeOptionManager.tsx +74 -0
  186. package/src/react/ui/modals/_internal/components/switchChainModal/index.tsx +1 -2
  187. package/src/react/ui/modals/_internal/components/switchChainModal/store.ts +1 -2
  188. package/src/react/ui/modals/_internal/components/tokenPreview/index.tsx +1 -1
  189. package/src/react/ui/modals/_internal/components/transaction-footer/index.tsx +4 -7
  190. package/src/react/ui/modals/_internal/components/transactionDetails/index.tsx +1 -1
  191. package/src/react/ui/modals/_internal/components/transactionPreview/index.tsx +1 -1
  192. package/src/react/ui/modals/_internal/components/transactionStatusModal/__tests__/TransactionStatusModal.test.tsx +1 -1
  193. package/src/react/ui/modals/_internal/components/transactionStatusModal/hooks/useTransactionStatus.ts +1 -1
  194. package/src/react/ui/modals/_internal/components/transactionStatusModal/index.tsx +6 -1
  195. package/src/react/ui/modals/_internal/components/transactionStatusModal/store.ts +2 -2
  196. package/src/react/ui/modals/_internal/components/waasFeeOptionsSelect/WaasFeeOptionsSelect.tsx +10 -31
  197. package/src/react/ui/modals/_internal/hooks/useSelectWaasFeeOptions.ts +53 -0
  198. package/src/react/ui/modals/_internal/types.ts +2 -1
  199. package/src/types/waas-types.ts +38 -0
  200. package/src/utils/network.ts +2 -4
  201. package/test/const.ts +1 -1
  202. package/test/setup.ts +10 -0
  203. package/test/test-utils.tsx +31 -5
  204. package/tsconfig.tsbuildinfo +1 -1
  205. package/dist/chunk-3AKOPSON.js.map +0 -1
  206. package/dist/chunk-4XK7XNJ7.js.map +0 -1
  207. package/dist/chunk-BBASZVT3.js.map +0 -1
  208. package/dist/chunk-EAJ5K7QV.js.map +0 -1
  209. package/dist/chunk-HTFORA4Q.js.map +0 -1
  210. package/dist/chunk-OFY7OFTL.js +0 -458
  211. package/dist/chunk-OFY7OFTL.js.map +0 -1
  212. package/dist/chunk-RBEPPVLT.js.map +0 -1
  213. package/src/react/hooks/__tests__/useGenerateBuyTransaction.test.tsx +0 -172
  214. package/src/react/hooks/useGenerateBuyTransaction.tsx +0 -80
  215. package/src/react/ui/modals/BuyModal/hooks/__tests__/useBuyCollectable.test.tsx +0 -349
  216. package/src/react/ui/modals/BuyModal/hooks/__tests__/useLoadData.test.tsx +0 -185
  217. package/src/react/ui/modals/BuyModal/hooks/useBuyCollectable.ts +0 -170
  218. package/src/react/ui/modals/BuyModal/modals/CheckoutModal.tsx +0 -47
  219. package/src/react/ui/modals/BuyModal/modals/Modal1155.tsx +0 -140
  220. package/src/react/ui/modals/BuyModal/modals/__tests__/CheckoutModal.test.tsx +0 -162
  221. package/src/react/ui/modals/BuyModal/modals/__tests__/Modal1155.test.tsx +0 -327
  222. package/src/react/ui/modals/_internal/components/waasFeeOptionsBox/index.tsx +0 -124
  223. package/src/react/ui/modals/_internal/components/waasFeeOptionsBox/store.ts +0 -12
  224. /package/dist/{chunk-MPBN3E54.js.map → chunk-2VHHJNXY.js.map} +0 -0
  225. /package/dist/{chunk-FBUMNJQ4.js.map → chunk-3II5GLHE.js.map} +0 -0
  226. /package/dist/{chunk-XNA64MZQ.js.map → chunk-BCO4CYE4.js.map} +0 -0
  227. /package/dist/{chunk-Q5URKSC4.js.map → chunk-FMEEJFAF.js.map} +0 -0
  228. /package/dist/{chunk-XTGMMNV5.js.map → chunk-WHFXVREI.js.map} +0 -0
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  useConfig
3
- } from "./chunk-RBEPPVLT.js";
3
+ } from "./chunk-QKGZXS4T.js";
4
4
 
5
5
  // src/react/_internal/databeat/index.ts
6
6
  import { Databeat } from "@databeat/tracker";
@@ -50,4 +50,4 @@ export {
50
50
  DatabeatAnalytics,
51
51
  useAnalytics
52
52
  };
53
- //# sourceMappingURL=chunk-XTGMMNV5.js.map
53
+ //# sourceMappingURL=chunk-WHFXVREI.js.map
@@ -1,12 +1,11 @@
1
1
  import * as _tanstack_react_query from '@tanstack/react-query';
2
2
  import * as _0xsequence_metadata from '@0xsequence/metadata';
3
- import * as _0xsequence_network from '@0xsequence/network';
4
3
  import { z } from 'zod';
5
4
  import { S as SdkConfig } from './sdk-config-DIzJk_tI.js';
6
5
  import { g as MarketplaceConfig } from './builder-types-QlHwc9bI.js';
7
6
 
8
7
  declare const UseCollectionSchema: z.ZodObject<{
9
- chainId: z.ZodPipeline<z.ZodUnion<[z.ZodString, z.ZodNumber, z.ZodNativeEnum<typeof _0xsequence_network.ChainId>]>, z.ZodString>;
8
+ chainId: z.ZodNumber;
10
9
  collectionAddress: z.ZodEffects<z.ZodString, `0x${string}`, string>;
11
10
  query: z.ZodOptional<z.ZodObject<{
12
11
  enabled: z.ZodOptional<z.ZodBoolean>;
@@ -16,13 +15,13 @@ declare const UseCollectionSchema: z.ZodObject<{
16
15
  enabled?: boolean | undefined;
17
16
  }>>;
18
17
  }, "strip", z.ZodTypeAny, {
19
- chainId: string;
18
+ chainId: number;
20
19
  collectionAddress: `0x${string}`;
21
20
  query?: {
22
21
  enabled?: boolean | undefined;
23
22
  } | undefined;
24
23
  }, {
25
- chainId: string | number;
24
+ chainId: number;
26
25
  collectionAddress: string;
27
26
  query?: {
28
27
  enabled?: boolean | undefined;
@@ -30,14 +29,14 @@ declare const UseCollectionSchema: z.ZodObject<{
30
29
  }>;
31
30
  declare const fetchCollection: (args: UseCollectionArgs, config: SdkConfig) => Promise<_0xsequence_metadata.ContractInfo>;
32
31
  declare const collectionOptions: (args: UseCollectionArgs, config: SdkConfig) => _tanstack_react_query.OmitKeyof<_tanstack_react_query.UseQueryOptions<_0xsequence_metadata.ContractInfo, Error, _0xsequence_metadata.ContractInfo, ("collections" | "detail" | SdkConfig | {
33
- chainId: string | number;
32
+ chainId: number;
34
33
  collectionAddress: string;
35
34
  query?: {
36
35
  enabled?: boolean | undefined;
37
36
  } | undefined;
38
37
  })[]>, "queryFn"> & {
39
38
  queryFn?: _tanstack_react_query.QueryFunction<_0xsequence_metadata.ContractInfo, ("collections" | "detail" | SdkConfig | {
40
- chainId: string | number;
39
+ chainId: number;
41
40
  collectionAddress: string;
42
41
  query?: {
43
42
  enabled?: boolean | undefined;
@@ -45,7 +44,7 @@ declare const collectionOptions: (args: UseCollectionArgs, config: SdkConfig) =>
45
44
  })[], never> | undefined;
46
45
  } & {
47
46
  queryKey: ("collections" | "detail" | SdkConfig | {
48
- chainId: string | number;
47
+ chainId: number;
49
48
  collectionAddress: string;
50
49
  query?: {
51
50
  enabled?: boolean | undefined;
package/dist/index.css CHANGED
@@ -11,15 +11,8 @@
11
11
  "Segoe UI Emoji",
12
12
  "Segoe UI Symbol",
13
13
  "Noto Color Emoji";
14
- --font-mono:
15
- ui-monospace,
16
- SFMono-Regular,
17
- Menlo,
18
- Monaco,
19
- Consolas,
20
- "Liberation Mono",
21
- "Courier New",
22
- monospace;
14
+ --color-indigo-400: oklch(0.673 0.182 276.935);
15
+ --color-violet-400: oklch(0.702 0.183 293.541);
23
16
  --color-black: #000;
24
17
  --color-white: #fff;
25
18
  --spacing: 0.25rem;
@@ -31,14 +24,19 @@
31
24
  --text-base--line-height: 1.5rem;
32
25
  --text-xl: 1.25rem;
33
26
  --text-xl--line-height: calc(1.75 / 1.25);
34
- --text-3xl: 1.875rem;
35
- --text-3xl--line-height: calc(2.25 / 1.875);
27
+ --text-2xl: 1.5rem;
28
+ --text-2xl--line-height: calc(2 / 1.5);
29
+ --text-4xl: 2.25rem;
30
+ --text-4xl--line-height: calc(2.5 / 2.25);
31
+ --text-6xl: 3.75rem;
32
+ --text-6xl--line-height: 1;
36
33
  --font-weight-normal: 400;
37
34
  --font-weight-medium: 500;
38
35
  --font-weight-semibold: 600;
39
36
  --font-weight-bold: 700;
40
37
  --tracking-normal: 0em;
41
38
  --tracking-wide: 0.025em;
39
+ --tracking-widest: 0.1em;
42
40
  --radius-xs: 0.125rem;
43
41
  --radius-sm: 0.25rem;
44
42
  --radius-md: 0.375rem;
@@ -53,7 +51,16 @@
53
51
  --default-transition-duration: 150ms;
54
52
  --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
55
53
  --default-font-family: var(--font-sans);
56
- --default-mono-font-family: var(--font-mono);
54
+ --default-mono-font-family:
55
+ "Roboto",
56
+ ui-monospace,
57
+ SFMono-Regular,
58
+ Menlo,
59
+ Monaco,
60
+ Consolas,
61
+ "Liberation Mono",
62
+ "Courier New",
63
+ monospace;
57
64
  --color-border-focus: hsla(247, 100%, 75%, 1);
58
65
  --color-border-base: hsla(0, 0%, 31%, 1);
59
66
  --color-overlay-light: hsla(0, 0%, 100%, 0.1);
@@ -306,9 +313,6 @@
306
313
  .bottom-0 {
307
314
  bottom: calc(var(--spacing) * 0);
308
315
  }
309
- .bottom-\[-140px\] {
310
- bottom: -140px;
311
- }
312
316
  .left-0 {
313
317
  left: calc(var(--spacing) * 0);
314
318
  }
@@ -363,12 +367,21 @@
363
367
  .my-4 {
364
368
  margin-block: calc(var(--spacing) * 4);
365
369
  }
370
+ .mt-0 {
371
+ margin-top: calc(var(--spacing) * 0);
372
+ }
366
373
  .mt-0\.5 {
367
374
  margin-top: calc(var(--spacing) * 0.5);
368
375
  }
376
+ .mt-1 {
377
+ margin-top: calc(var(--spacing) * 1);
378
+ }
369
379
  .mt-2 {
370
380
  margin-top: calc(var(--spacing) * 2);
371
381
  }
382
+ .mt-4 {
383
+ margin-top: calc(var(--spacing) * 4);
384
+ }
372
385
  .mr-1 {
373
386
  margin-right: calc(var(--spacing) * 1);
374
387
  }
@@ -384,6 +397,9 @@
384
397
  .mb-2 {
385
398
  margin-bottom: calc(var(--spacing) * 2);
386
399
  }
400
+ .mb-4 {
401
+ margin-bottom: calc(var(--spacing) * 4);
402
+ }
387
403
  .ml-2 {
388
404
  margin-left: calc(var(--spacing) * 2);
389
405
  }
@@ -459,6 +475,9 @@
459
475
  .h-\[1px\] {
460
476
  height: 1px;
461
477
  }
478
+ .h-\[20px\] {
479
+ height: 20px;
480
+ }
462
481
  .h-\[22px\] {
463
482
  height: 22px;
464
483
  }
@@ -516,6 +535,9 @@
516
535
  .w-1\/3 {
517
536
  width: calc(1/3 * 100%);
518
537
  }
538
+ .w-2\/3 {
539
+ width: calc(2/3 * 100%);
540
+ }
519
541
  .w-3 {
520
542
  width: calc(var(--spacing) * 3);
521
543
  }
@@ -802,9 +824,9 @@
802
824
  border-style: var(--tw-border-style);
803
825
  border-width: 0px;
804
826
  }
805
- .border-t-2 {
806
- border-top-style: var(--tw-border-style);
807
- border-top-width: 2px;
827
+ .border-b-2 {
828
+ border-bottom-style: var(--tw-border-style);
829
+ border-bottom-width: 2px;
808
830
  }
809
831
  .border-dashed {
810
832
  --tw-border-style: dashed;
@@ -820,11 +842,11 @@
820
842
  .border-border-normal {
821
843
  border-color: var(--seq-color-border-normal);
822
844
  }
823
- .border-t-primary {
824
- border-top-color: var(--seq-color-primary);
845
+ .border-b-primary {
846
+ border-bottom-color: var(--seq-color-primary);
825
847
  }
826
- .border-t-transparent {
827
- border-top-color: transparent;
848
+ .border-b-transparent {
849
+ border-bottom-color: transparent;
828
850
  }
829
851
  .bg-\[\#35a554\] {
830
852
  background-color: #35a554;
@@ -1023,7 +1045,7 @@
1023
1045
  }
1024
1046
  .font-body {
1025
1047
  font-family:
1026
- Inter,
1048
+ "Inter",
1027
1049
  ui-sans-serif,
1028
1050
  system-ui,
1029
1051
  sans-serif,
@@ -1033,11 +1055,28 @@
1033
1055
  "Noto Color Emoji";
1034
1056
  }
1035
1057
  .font-mono {
1036
- font-family: var(--font-mono);
1058
+ font-family:
1059
+ "Roboto",
1060
+ ui-monospace,
1061
+ SFMono-Regular,
1062
+ Menlo,
1063
+ Monaco,
1064
+ Consolas,
1065
+ "Liberation Mono",
1066
+ "Courier New",
1067
+ monospace;
1037
1068
  }
1038
- .text-3xl {
1039
- font-size: var(--text-3xl);
1040
- line-height: var(--tw-leading, var(--text-3xl--line-height));
1069
+ .text-2xl {
1070
+ font-size: var(--text-2xl);
1071
+ line-height: var(--tw-leading, var(--text-2xl--line-height));
1072
+ }
1073
+ .text-4xl {
1074
+ font-size: var(--text-4xl);
1075
+ line-height: var(--tw-leading, var(--text-4xl--line-height));
1076
+ }
1077
+ .text-6xl {
1078
+ font-size: var(--text-6xl);
1079
+ line-height: var(--tw-leading, var(--text-6xl--line-height));
1041
1080
  }
1042
1081
  .text-base {
1043
1082
  font-size: var(--text-base);
@@ -1097,9 +1136,13 @@
1097
1136
  --tw-leading: calc(var(--spacing) * 8);
1098
1137
  line-height: calc(var(--spacing) * 8);
1099
1138
  }
1100
- .leading-9 {
1101
- --tw-leading: calc(var(--spacing) * 9);
1102
- line-height: calc(var(--spacing) * 9);
1139
+ .leading-10 {
1140
+ --tw-leading: calc(var(--spacing) * 10);
1141
+ line-height: calc(var(--spacing) * 10);
1142
+ }
1143
+ .leading-15 {
1144
+ --tw-leading: calc(var(--spacing) * 15);
1145
+ line-height: calc(var(--spacing) * 15);
1103
1146
  }
1104
1147
  .font-bold {
1105
1148
  --tw-font-weight: var(--font-weight-bold);
@@ -1129,6 +1172,10 @@
1129
1172
  --tw-tracking: var(--tracking-wide);
1130
1173
  letter-spacing: var(--tracking-wide);
1131
1174
  }
1175
+ .tracking-widest {
1176
+ --tw-tracking: var(--tracking-widest);
1177
+ letter-spacing: var(--tracking-widest);
1178
+ }
1132
1179
  .text-ellipsis {
1133
1180
  text-overflow: ellipsis;
1134
1181
  }
@@ -1138,6 +1185,9 @@
1138
1185
  .text-black {
1139
1186
  color: var(--color-black);
1140
1187
  }
1188
+ .text-indigo-400 {
1189
+ color: var(--color-indigo-400);
1190
+ }
1141
1191
  .text-info {
1142
1192
  color: var(--seq-color-info);
1143
1193
  }
@@ -1171,6 +1221,9 @@
1171
1221
  .text-text-100 {
1172
1222
  color: var(--color-text-100);
1173
1223
  }
1224
+ .text-violet-400 {
1225
+ color: var(--color-violet-400);
1226
+ }
1174
1227
  .text-warning {
1175
1228
  color: var(--seq-color-warning);
1176
1229
  }
@@ -1206,6 +1259,9 @@
1206
1259
  .opacity-50 {
1207
1260
  opacity: 50%;
1208
1261
  }
1262
+ .opacity-70 {
1263
+ opacity: 70%;
1264
+ }
1209
1265
  .opacity-100 {
1210
1266
  opacity: 100%;
1211
1267
  }
@@ -2113,6 +2169,16 @@
2113
2169
  justify-self: center;
2114
2170
  }
2115
2171
  }
2172
+ .\[\&\>label\]\:flex {
2173
+ & > label {
2174
+ display: flex;
2175
+ }
2176
+ }
2177
+ .\[\&\>label\]\:w-full {
2178
+ & > label {
2179
+ width: 100%;
2180
+ }
2181
+ }
2116
2182
  .\[\&\>label\]\:gap-1 {
2117
2183
  & > label {
2118
2184
  gap: calc(var(--spacing) * 1);
@@ -2123,6 +2189,22 @@
2123
2189
  gap: 2px;
2124
2190
  }
2125
2191
  }
2192
+ .\[\&\>label\>button\]\:w-full {
2193
+ & > label > button {
2194
+ width: 100%;
2195
+ }
2196
+ }
2197
+ .\[\&\>label\>button\]\:text-xs {
2198
+ & > label > button {
2199
+ font-size: var(--text-xs);
2200
+ line-height: var(--tw-leading, var(--text-xs--line-height));
2201
+ }
2202
+ }
2203
+ .\[\&\>label\>button\>span\]\:overflow-hidden {
2204
+ & > label > button > span {
2205
+ overflow: hidden;
2206
+ }
2207
+ }
2126
2208
  .\[\&\>label\>div\>\.rounded-xl\]\:h-9 {
2127
2209
  & > label > div > .rounded-xl {
2128
2210
  height: calc(var(--spacing) * 9);
@@ -2234,7 +2316,7 @@
2234
2316
  --seq-color-inverse: rgba(0, 0, 0, 1);
2235
2317
  --seq-color-background-primary: rgba(0, 0, 0, 1);
2236
2318
  --seq-color-background-secondary: rgba(255, 255, 255, 0.1);
2237
- --seq-color-background-contrast: rgba(255, 255, 255, 0.5);
2319
+ --seq-color-background-contrast: rgba(0, 0, 0, 0.5);
2238
2320
  --seq-color-background-muted: rgba(255, 255, 255, 0.05);
2239
2321
  --seq-color-background-control: rgba(255, 255, 255, 0.25);
2240
2322
  --seq-color-background-inverse: rgba(255, 255, 255, 1);