@varity-labs/ui-kit 2.0.0-alpha.1 → 2.0.0-beta.10

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 (269) hide show
  1. package/LICENSE +1 -1
  2. package/README.md +227 -203
  3. package/dist/components/Analytics/DataTable.js +1 -1
  4. package/dist/components/Analytics/DataTable.js.map +1 -1
  5. package/dist/components/Analytics/EnhancedKPICard.d.ts +21 -0
  6. package/dist/components/Analytics/EnhancedKPICard.d.ts.map +1 -0
  7. package/dist/components/Analytics/EnhancedKPICard.js +135 -0
  8. package/dist/components/Analytics/EnhancedKPICard.js.map +1 -0
  9. package/dist/components/Analytics/Sparkline.d.ts +44 -0
  10. package/dist/components/Analytics/Sparkline.d.ts.map +1 -0
  11. package/dist/components/Analytics/Sparkline.js +90 -0
  12. package/dist/components/Analytics/Sparkline.js.map +1 -0
  13. package/dist/components/Analytics/index.d.ts +2 -0
  14. package/dist/components/Analytics/index.d.ts.map +1 -1
  15. package/dist/components/Analytics/index.js +2 -0
  16. package/dist/components/Analytics/index.js.map +1 -1
  17. package/dist/components/Dashboard/DashboardFooter.d.ts.map +1 -1
  18. package/dist/components/Dashboard/DashboardFooter.js +22 -6
  19. package/dist/components/Dashboard/DashboardFooter.js.map +1 -1
  20. package/dist/components/Dashboard/DashboardHeader.d.ts +10 -0
  21. package/dist/components/Dashboard/DashboardHeader.d.ts.map +1 -1
  22. package/dist/components/Dashboard/DashboardHeader.js +191 -58
  23. package/dist/components/Dashboard/DashboardHeader.js.map +1 -1
  24. package/dist/components/Dashboard/DashboardLayout.d.ts +13 -3
  25. package/dist/components/Dashboard/DashboardLayout.d.ts.map +1 -1
  26. package/dist/components/Dashboard/DashboardLayout.js +9 -4
  27. package/dist/components/Dashboard/DashboardLayout.js.map +1 -1
  28. package/dist/components/Dashboard/DashboardSidebar.d.ts.map +1 -1
  29. package/dist/components/Dashboard/DashboardSidebar.js +41 -12
  30. package/dist/components/Dashboard/DashboardSidebar.js.map +1 -1
  31. package/dist/components/Dashboard/EmptyState.js +5 -5
  32. package/dist/components/Dashboard/EmptyState.js.map +1 -1
  33. package/dist/components/Dashboard/KPICard.js +5 -5
  34. package/dist/components/Dashboard/KPICard.js.map +1 -1
  35. package/dist/components/Display/Avatar.d.ts +21 -0
  36. package/dist/components/Display/Avatar.d.ts.map +1 -0
  37. package/dist/components/Display/Avatar.js +71 -0
  38. package/dist/components/Display/Avatar.js.map +1 -0
  39. package/dist/components/Display/Badge.d.ts +22 -0
  40. package/dist/components/Display/Badge.d.ts.map +1 -0
  41. package/dist/components/Display/Badge.js +60 -0
  42. package/dist/components/Display/Badge.js.map +1 -0
  43. package/dist/components/Display/ProgressBar.d.ts +12 -0
  44. package/dist/components/Display/ProgressBar.d.ts.map +1 -0
  45. package/dist/components/Display/ProgressBar.js +33 -0
  46. package/dist/components/Display/ProgressBar.js.map +1 -0
  47. package/dist/components/Display/index.d.ts +9 -0
  48. package/dist/components/Display/index.d.ts.map +1 -0
  49. package/dist/components/Display/index.js +9 -0
  50. package/dist/components/Display/index.js.map +1 -0
  51. package/dist/components/Feedback/Skeleton.d.ts +10 -0
  52. package/dist/components/Feedback/Skeleton.d.ts.map +1 -0
  53. package/dist/components/Feedback/Skeleton.js +25 -0
  54. package/dist/components/Feedback/Skeleton.js.map +1 -0
  55. package/dist/components/Feedback/Toast.d.ts +18 -0
  56. package/dist/components/Feedback/Toast.d.ts.map +1 -0
  57. package/dist/components/Feedback/Toast.js +38 -0
  58. package/dist/components/Feedback/Toast.js.map +1 -0
  59. package/dist/components/Feedback/ToastProvider.d.ts +11 -0
  60. package/dist/components/Feedback/ToastProvider.d.ts.map +1 -0
  61. package/dist/components/Feedback/ToastProvider.js +36 -0
  62. package/dist/components/Feedback/ToastProvider.js.map +1 -0
  63. package/dist/components/Feedback/index.d.ts +11 -0
  64. package/dist/components/Feedback/index.d.ts.map +1 -0
  65. package/dist/components/Feedback/index.js +9 -0
  66. package/dist/components/Feedback/index.js.map +1 -0
  67. package/dist/components/Feedback/useToast.d.ts +3 -0
  68. package/dist/components/Feedback/useToast.d.ts.map +1 -0
  69. package/dist/components/Feedback/useToast.js +10 -0
  70. package/dist/components/Feedback/useToast.js.map +1 -0
  71. package/dist/components/Form/Button.d.ts +12 -0
  72. package/dist/components/Form/Button.d.ts.map +1 -0
  73. package/dist/components/Form/Button.js +22 -0
  74. package/dist/components/Form/Button.js.map +1 -0
  75. package/dist/components/Form/Checkbox.d.ts +13 -0
  76. package/dist/components/Form/Checkbox.d.ts.map +1 -0
  77. package/dist/components/Form/Checkbox.js +36 -0
  78. package/dist/components/Form/Checkbox.js.map +1 -0
  79. package/dist/components/Form/Input.d.ts +9 -0
  80. package/dist/components/Form/Input.d.ts.map +1 -0
  81. package/dist/components/Form/Input.js +16 -0
  82. package/dist/components/Form/Input.js.map +1 -0
  83. package/dist/components/Form/RadioGroup.d.ts +20 -0
  84. package/dist/components/Form/RadioGroup.d.ts.map +1 -0
  85. package/dist/components/Form/RadioGroup.js +43 -0
  86. package/dist/components/Form/RadioGroup.js.map +1 -0
  87. package/dist/components/Form/Select.d.ts +12 -0
  88. package/dist/components/Form/Select.d.ts.map +1 -0
  89. package/dist/components/Form/Select.js +13 -0
  90. package/dist/components/Form/Select.js.map +1 -0
  91. package/dist/components/Form/Textarea.d.ts +8 -0
  92. package/dist/components/Form/Textarea.d.ts.map +1 -0
  93. package/dist/components/Form/Textarea.js +13 -0
  94. package/dist/components/Form/Textarea.js.map +1 -0
  95. package/dist/components/Form/Toggle.d.ts +12 -0
  96. package/dist/components/Form/Toggle.d.ts.map +1 -0
  97. package/dist/components/Form/Toggle.js +48 -0
  98. package/dist/components/Form/Toggle.js.map +1 -0
  99. package/dist/components/Form/index.d.ts +13 -0
  100. package/dist/components/Form/index.d.ts.map +1 -0
  101. package/dist/components/Form/index.js +13 -0
  102. package/dist/components/Form/index.js.map +1 -0
  103. package/dist/components/InAppWallet/InAppWalletProvider.d.ts +4 -4
  104. package/dist/components/InAppWallet/InAppWalletProvider.d.ts.map +1 -1
  105. package/dist/components/InAppWallet/InAppWalletProvider.js +15 -28
  106. package/dist/components/InAppWallet/InAppWalletProvider.js.map +1 -1
  107. package/dist/components/Navigation/Breadcrumb.d.ts +15 -0
  108. package/dist/components/Navigation/Breadcrumb.d.ts.map +1 -0
  109. package/dist/components/Navigation/Breadcrumb.js +28 -0
  110. package/dist/components/Navigation/Breadcrumb.js.map +1 -0
  111. package/dist/components/Navigation/CommandPalette.d.ts +26 -0
  112. package/dist/components/Navigation/CommandPalette.d.ts.map +1 -0
  113. package/dist/components/Navigation/CommandPalette.js +172 -0
  114. package/dist/components/Navigation/CommandPalette.js.map +1 -0
  115. package/dist/components/Navigation/index.d.ts +8 -0
  116. package/dist/components/Navigation/index.d.ts.map +1 -0
  117. package/dist/components/Navigation/index.js +8 -0
  118. package/dist/components/Navigation/index.js.map +1 -0
  119. package/dist/components/Onramp/BuyUSDCButton.d.ts +9 -7
  120. package/dist/components/Onramp/BuyUSDCButton.d.ts.map +1 -1
  121. package/dist/components/Onramp/BuyUSDCButton.js +37 -47
  122. package/dist/components/Onramp/BuyUSDCButton.js.map +1 -1
  123. package/dist/components/Onramp/OnrampWidget.d.ts +7 -6
  124. package/dist/components/Onramp/OnrampWidget.d.ts.map +1 -1
  125. package/dist/components/Onramp/OnrampWidget.js +58 -37
  126. package/dist/components/Onramp/OnrampWidget.js.map +1 -1
  127. package/dist/components/Onramp/index.d.ts +3 -5
  128. package/dist/components/Onramp/index.d.ts.map +1 -1
  129. package/dist/components/Onramp/index.js +3 -5
  130. package/dist/components/Onramp/index.js.map +1 -1
  131. package/dist/components/Overlay/ConfirmDialog.d.ts +14 -0
  132. package/dist/components/Overlay/ConfirmDialog.d.ts.map +1 -0
  133. package/dist/components/Overlay/ConfirmDialog.js +11 -0
  134. package/dist/components/Overlay/ConfirmDialog.js.map +1 -0
  135. package/dist/components/Overlay/Dialog.d.ts +11 -0
  136. package/dist/components/Overlay/Dialog.d.ts.map +1 -0
  137. package/dist/components/Overlay/Dialog.js +69 -0
  138. package/dist/components/Overlay/Dialog.js.map +1 -0
  139. package/dist/components/Overlay/DropdownMenu.d.ts +17 -0
  140. package/dist/components/Overlay/DropdownMenu.d.ts.map +1 -0
  141. package/dist/components/Overlay/DropdownMenu.js +123 -0
  142. package/dist/components/Overlay/DropdownMenu.js.map +1 -0
  143. package/dist/components/Overlay/index.d.ts +9 -0
  144. package/dist/components/Overlay/index.d.ts.map +1 -0
  145. package/dist/components/Overlay/index.js +9 -0
  146. package/dist/components/Overlay/index.js.map +1 -0
  147. package/dist/components/PaymentWidget/PaymentGate.d.ts +30 -0
  148. package/dist/components/PaymentWidget/PaymentGate.d.ts.map +1 -0
  149. package/dist/components/PaymentWidget/PaymentGate.js +54 -0
  150. package/dist/components/PaymentWidget/PaymentGate.js.map +1 -0
  151. package/dist/components/PaymentWidget/PaymentWidget.d.ts +40 -0
  152. package/dist/components/PaymentWidget/PaymentWidget.d.ts.map +1 -0
  153. package/dist/components/PaymentWidget/PaymentWidget.js +195 -0
  154. package/dist/components/PaymentWidget/PaymentWidget.js.map +1 -0
  155. package/dist/components/PaymentWidget/index.d.ts +30 -0
  156. package/dist/components/PaymentWidget/index.d.ts.map +1 -0
  157. package/dist/components/PaymentWidget/index.js +32 -0
  158. package/dist/components/PaymentWidget/index.js.map +1 -0
  159. package/dist/components/PaymentWidget/types.d.ts +200 -0
  160. package/dist/components/PaymentWidget/types.d.ts.map +1 -0
  161. package/dist/components/PaymentWidget/types.js +84 -0
  162. package/dist/components/PaymentWidget/types.js.map +1 -0
  163. package/dist/components/PaymentWidget/useSeamlessPayment.d.ts +51 -0
  164. package/dist/components/PaymentWidget/useSeamlessPayment.d.ts.map +1 -0
  165. package/dist/components/PaymentWidget/useSeamlessPayment.js +167 -0
  166. package/dist/components/PaymentWidget/useSeamlessPayment.js.map +1 -0
  167. package/dist/components/PaymentWidget/useVarityPayment.d.ts +20 -0
  168. package/dist/components/PaymentWidget/useVarityPayment.d.ts.map +1 -0
  169. package/dist/components/PaymentWidget/useVarityPayment.js +164 -0
  170. package/dist/components/PaymentWidget/useVarityPayment.js.map +1 -0
  171. package/dist/components/Payments/CheckoutModal.d.ts.map +1 -1
  172. package/dist/components/Payments/CheckoutModal.js +16 -5
  173. package/dist/components/Payments/CheckoutModal.js.map +1 -1
  174. package/dist/components/Payments/constants.js +1 -1
  175. package/dist/components/Payments/constants.js.map +1 -1
  176. package/dist/components/Privy/InitTimeoutScreen.d.ts.map +1 -1
  177. package/dist/components/Privy/InitTimeoutScreen.js +1 -1
  178. package/dist/components/Privy/InitTimeoutScreen.js.map +1 -1
  179. package/dist/components/Privy/InitializingScreen.d.ts +3 -3
  180. package/dist/components/Privy/InitializingScreen.d.ts.map +1 -1
  181. package/dist/components/Privy/InitializingScreen.js +6 -6
  182. package/dist/components/Privy/InitializingScreen.js.map +1 -1
  183. package/dist/components/index.d.ts +5 -2
  184. package/dist/components/index.d.ts.map +1 -1
  185. package/dist/components/index.js +20 -4
  186. package/dist/components/index.js.map +1 -1
  187. package/dist/config/chains.d.ts +5 -5
  188. package/dist/config/chains.d.ts.map +1 -1
  189. package/dist/config/chains.js +8 -8
  190. package/dist/config/chains.js.map +1 -1
  191. package/dist/hooks/index.d.ts +1 -11
  192. package/dist/hooks/index.d.ts.map +1 -1
  193. package/dist/hooks/index.js +54 -11
  194. package/dist/hooks/index.js.map +1 -1
  195. package/dist/index.d.ts +24 -42
  196. package/dist/index.d.ts.map +1 -1
  197. package/dist/index.js +180 -43
  198. package/dist/index.js.map +1 -1
  199. package/dist/providers/PrivyProvider.js +1 -1
  200. package/dist/providers/PrivyProvider.js.map +1 -1
  201. package/dist/providers/PrivyStack.d.ts +31 -73
  202. package/dist/providers/PrivyStack.d.ts.map +1 -1
  203. package/dist/providers/PrivyStack.js +32 -160
  204. package/dist/providers/PrivyStack.js.map +1 -1
  205. package/dist/providers/VarityDashboardProvider.d.ts +7 -10
  206. package/dist/providers/VarityDashboardProvider.d.ts.map +1 -1
  207. package/dist/providers/VarityDashboardProvider.js +12 -15
  208. package/dist/providers/VarityDashboardProvider.js.map +1 -1
  209. package/dist/providers/WalletSyncProvider.d.ts +17 -24
  210. package/dist/providers/WalletSyncProvider.d.ts.map +1 -1
  211. package/dist/providers/WalletSyncProvider.js +16 -27
  212. package/dist/providers/WalletSyncProvider.js.map +1 -1
  213. package/dist/providers/ZeroDevProvider.d.ts +69 -0
  214. package/dist/providers/ZeroDevProvider.d.ts.map +1 -0
  215. package/dist/providers/ZeroDevProvider.js +208 -0
  216. package/dist/providers/ZeroDevProvider.js.map +1 -0
  217. package/dist/providers/index.d.ts +1 -0
  218. package/dist/providers/index.d.ts.map +1 -1
  219. package/dist/providers/index.js +2 -0
  220. package/dist/providers/index.js.map +1 -1
  221. package/dist/wallets/SimpleSmartWallet.js +1 -1
  222. package/dist/wallets/SimpleSmartWallet.js.map +1 -1
  223. package/dist/wallets/SmartWalletProvider.js +1 -1
  224. package/dist/wallets/SmartWalletProvider.js.map +1 -1
  225. package/dist/wallets/config.d.ts +31 -8
  226. package/dist/wallets/config.d.ts.map +1 -1
  227. package/dist/wallets/config.js +33 -10
  228. package/dist/wallets/config.js.map +1 -1
  229. package/dist/wallets/index.d.ts +1 -1
  230. package/dist/wallets/index.d.ts.map +1 -1
  231. package/dist/wallets/index.js +1 -1
  232. package/dist/wallets/index.js.map +1 -1
  233. package/package.json +34 -26
  234. package/dist/core/VarityClient.d.ts +0 -76
  235. package/dist/core/VarityClient.d.ts.map +0 -1
  236. package/dist/core/VarityClient.js +0 -99
  237. package/dist/core/VarityClient.js.map +0 -1
  238. package/dist/core/config.d.ts +0 -136
  239. package/dist/core/config.d.ts.map +0 -1
  240. package/dist/core/config.js +0 -156
  241. package/dist/core/config.js.map +0 -1
  242. package/dist/hooks/useAnalytics.d.ts +0 -94
  243. package/dist/hooks/useAnalytics.d.ts.map +0 -1
  244. package/dist/hooks/useAnalytics.js +0 -116
  245. package/dist/hooks/useAnalytics.js.map +0 -1
  246. package/dist/hooks/useAuth.d.ts +0 -71
  247. package/dist/hooks/useAuth.d.ts.map +0 -1
  248. package/dist/hooks/useAuth.js +0 -198
  249. package/dist/hooks/useAuth.js.map +0 -1
  250. package/dist/hooks/useDashboard.d.ts +0 -110
  251. package/dist/hooks/useDashboard.d.ts.map +0 -1
  252. package/dist/hooks/useDashboard.js +0 -201
  253. package/dist/hooks/useDashboard.js.map +0 -1
  254. package/dist/hooks/useVarityAPI.d.ts +0 -88
  255. package/dist/hooks/useVarityAPI.d.ts.map +0 -1
  256. package/dist/hooks/useVarityAPI.js +0 -138
  257. package/dist/hooks/useVarityAPI.js.map +0 -1
  258. package/dist/hooks/useWalletAuth.d.ts +0 -108
  259. package/dist/hooks/useWalletAuth.d.ts.map +0 -1
  260. package/dist/hooks/useWalletAuth.js +0 -415
  261. package/dist/hooks/useWalletAuth.js.map +0 -1
  262. package/dist/modules/cache/index.d.ts +0 -2
  263. package/dist/modules/cache/index.d.ts.map +0 -1
  264. package/dist/modules/cache/index.js +0 -2
  265. package/dist/modules/cache/index.js.map +0 -1
  266. package/dist/types/api-extensions.d.ts +0 -92
  267. package/dist/types/api-extensions.d.ts.map +0 -1
  268. package/dist/types/api-extensions.js +0 -7
  269. package/dist/types/api-extensions.js.map +0 -1
package/LICENSE CHANGED
@@ -26,6 +26,6 @@ Varity SDK - Web3 Operating System
26
26
 
27
27
  Build and deploy apps on Varity L3 with 70-85% cost savings vs traditional cloud.
28
28
 
29
- For more information, visit https://varity.so
29
+ For more information, visit https://www.varity.so
30
30
 
31
31
  "Powered by Varity" attribution is required when using this SDK.
package/README.md CHANGED
@@ -1,248 +1,272 @@
1
- # @varity/ui-kit v2.0.0
1
+ # @varity-labs/ui-kit
2
2
 
3
- **Public Frontend SDK for Varity - Industry-Specific AI Dashboard Deployment**
3
+ [![npm](https://img.shields.io/npm/v/@varity-labs/ui-kit)](https://www.npmjs.com/package/@varity-labs/ui-kit)
4
+ [![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](https://github.com/varity-labs/varity-sdk/blob/main/LICENSE)
4
5
 
5
- Complete toolkit for deploying industry-specific AI dashboards to Varity L3 blockchain with template deployment, storage layers, and compliance features.
6
+ Production-ready React component library for building applications on Varity. Dashboard layouts, analytics widgets, authentication, and payments -- everything you need to build a full SaaS app.
6
7
 
7
- **Status:** ✅ **ALL BLOCKERS RESOLVED** - Ready for End-to-End Testing (Jan 24, 2026)
8
+ ## Install
8
9
 
9
- ## What's Working (Varity L3 - Chain ID 33529)
10
+ ```bash
11
+ npm install @varity-labs/ui-kit @varity-labs/sdk @varity-labs/types
12
+ ```
10
13
 
11
- - **PrivyStack** - Zero-config auth with email/social/wallet login
12
- - ✅ **SmartWalletProvider** - Gasless transactions (ERC-4337) - FULLY IMPLEMENTED
13
- - ✅ **WalletSyncProvider** - Seamless Privy ↔ thirdweb wallet sync
14
- - ✅ **OnrampWidget** - Credit card to USDC conversion
15
- - ✅ **All smart contracts deployed** - Revenue split, App Store, Paymaster, Wallet Factory
14
+ Peer dependencies: `react` and `react-dom` 18+.
16
15
 
17
- ## Installation
16
+ ## Quick Start
18
17
 
19
- ```bash
20
- npm install @varity/ui-kit
21
- # or
22
- pnpm add @varity/ui-kit
23
- # or
24
- yarn add @varity/ui-kit
18
+ ```tsx
19
+ import { AuthProvider } from '@varity-labs/ui-kit'
20
+
21
+ function App() {
22
+ return (
23
+ <AuthProvider>
24
+ <YourApp />
25
+ </AuthProvider>
26
+ )
27
+ }
25
28
  ```
26
29
 
27
- ## 🎯 Which Provider Should I Use?
30
+ Authentication, theming, and providers are all configured automatically with zero setup.
28
31
 
29
- **90% of apps**: Use `PrivyStack` (zero-config auth + wallet + blockchain)
32
+ ## Components
30
33
 
31
- ```tsx
32
- import { PrivyStack } from '@varity/ui-kit';
34
+ ### Form (7)
33
35
 
34
- <PrivyStack>
35
- <YourApp />
36
- </PrivyStack>
37
- ```
36
+ | Component | Description |
37
+ |-----------|-------------|
38
+ | `Button` | Primary, secondary, outline, ghost, danger variants |
39
+ | `Input` | Text input with labels and validation |
40
+ | `Textarea` | Multi-line text input |
41
+ | `Select` | Dropdown selector |
42
+ | `Toggle` | On/off switch |
43
+ | `Checkbox` | Multi-select checkbox |
44
+ | `RadioGroup` | Single-select radio buttons |
38
45
 
39
- **Need gasless transactions?** Add `SmartWalletProvider`
46
+ ### Overlay (3)
40
47
 
41
- ```tsx
42
- import { PrivyStack, SmartWalletProvider } from '@varity/ui-kit';
43
- import { createThirdwebClient } from 'thirdweb';
44
- import { varityL3Testnet } from '@varity/sdk';
45
-
46
- const client = createThirdwebClient({
47
- clientId: process.env.NEXT_PUBLIC_THIRDWEB_CLIENT_ID!
48
- });
49
-
50
- <PrivyStack>
51
- <SmartWalletProvider
52
- config={{
53
- client,
54
- chain: varityL3Testnet,
55
- gasless: { enabled: true }
56
- }}
57
- >
58
- <YourApp />
59
- </SmartWalletProvider>
60
- </PrivyStack>
61
- ```
48
+ | Component | Description |
49
+ |-----------|-------------|
50
+ | `Dialog` | Modal dialog with focus trap |
51
+ | `ConfirmDialog` | Confirmation modal with confirm/cancel |
52
+ | `DropdownMenu` | Context menu with keyboard navigation |
62
53
 
63
- **Building dashboards?** Use `VarityDashboardProvider` (includes Wagmi + React Query)
54
+ ### Feedback (3)
64
55
 
65
- ```tsx
66
- import { VarityDashboardProvider } from '@varity/ui-kit';
67
-
68
- <VarityDashboardProvider
69
- privyAppId={process.env.NEXT_PUBLIC_PRIVY_APP_ID}
70
- thirdwebClientId={process.env.NEXT_PUBLIC_THIRDWEB_CLIENT_ID}
71
- >
72
- <Dashboard />
73
- </VarityDashboardProvider>
74
- ```
56
+ | Component | Description |
57
+ |-----------|-------------|
58
+ | `ToastProvider` + `useToast` | Notification toasts (success, error, info) |
59
+ | `Skeleton` | Loading skeleton placeholder |
60
+ | `ProgressBar` | Progress indicator |
75
61
 
76
- 📚 See [Provider Guide](./docs/PROVIDERS.md) for complete decision tree and migration paths.
62
+ ### Display (3)
77
63
 
78
- ## Quick Start
64
+ | Component | Description |
65
+ |-----------|-------------|
66
+ | `Badge` | Status badges (+ PriorityBadge, ProjectStatusBadge, TaskStatusBadge, RoleBadge) |
67
+ | `Avatar` + `AvatarGroup` | User avatars |
68
+ | `ProgressBar` | Progress indicator bar |
79
69
 
80
- ```typescript
81
- import { VarityClient } from '@varity/ui-kit'
82
-
83
- // Initialize client
84
- const client = new VarityClient({
85
- apiEndpoint: 'https://api.varity.io', // or staging/development
86
- apiKey: 'your-api-key'
87
- })
88
-
89
- // Deploy industry-specific dashboard
90
- const deployment = await client.templates.deployTemplate({
91
- industry: 'finance',
92
- templateId: 'finance-basic',
93
- customization: {
94
- branding: {
95
- companyName: 'Acme Finance',
96
- primaryColor: '#1E40AF',
97
- darkMode: true
98
- }
99
- },
100
- storageLayer: 'layer3',
101
- deploymentType: 'production'
102
- })
103
-
104
- // Use any module
105
- const kpis = await client.analytics.getKPIs({ period: 'current_month' })
106
- const aiResponse = await client.compute.query('Analyze my financial data')
107
- ```
70
+ ### Navigation (2)
108
71
 
109
- ## Features
110
-
111
- ### 🔌 Web3 Provider Stack (NEW in v2.0)
112
- Zero-config React providers for Web3 apps:
113
-
114
- - **PrivyStack** - Auth (email/social/wallet) + thirdweb integration
115
- - **SmartWalletProvider** - Gasless transactions (ERC-4337)
116
- - **VarityDashboardProvider** - Full-featured dashboards (Wagmi + React Query)
117
- - **WalletSyncProvider** - Seamless Privy ↔ thirdweb wallet sync
118
-
119
- ### 🎯 Template Deployment System
120
- Deploy pre-configured industry-specific dashboards to Varity L3:
121
-
122
- - **Finance** - Banking, compliance, transactions, risk management
123
- - **Healthcare** - HIPAA compliance, patient data, medical operations
124
- - **Retail** - E-commerce, inventory, supply chain
125
- - **ISO Merchant** - Payment processing, PCI compliance
126
-
127
- ### 🔐 3-Layer Encrypted Storage Architecture
128
- - **Layer 1** - Varity internal documentation (Varity admins only)
129
- - **Layer 2** - Industry RAG knowledge base (shared across industry)
130
- - **Layer 3** - Customer-specific data (private, customer-only access)
131
- - **ALL layers encrypted with Lit Protocol**
132
-
133
- ### 🔌 13 Module Clients
134
- All operations via secure REST API:
135
-
136
- - **auth** - SIWE authentication
137
- - **storage** - Filecoin/IPFS file storage
138
- - **compute** - AI/LLM on Akash Network
139
- - **zk** - Zero-knowledge ML proofs
140
- - **analytics** - Business analytics
141
- - **notifications** - Email/SMS/push notifications
142
- - **export** - CSV/JSON/PDF data export
143
- - **cache** - Redis caching
144
- - **monitoring** - System health & metrics
145
- - **forecasting** - Predictive analytics
146
- - **webhooks** - Webhook management
147
- - **oracle** - Oracle data feeds
148
- - **templates** - Industry dashboard deployment (NEW)
149
-
150
- ### 🎨 React Industry Templates
151
- - `<FinanceDashboard />` - Financial services dashboard
152
- - `<HealthcareDashboard />` - Healthcare operations dashboard
153
- - `<RetailDashboard />` - Retail & e-commerce dashboard
154
- - `<ISODashboard />` - ISO merchant services dashboard
155
-
156
- ## API Reference
157
-
158
- ### Authentication
159
-
160
- ```typescript
161
- // Login with SIWE
162
- const { token } = await client.auth.login(message, signature)
163
-
164
- // Get user profile
165
- const user = await client.auth.me()
166
- ```
72
+ | Component | Description |
73
+ |-----------|-------------|
74
+ | `CommandPalette` | Cmd+K command search and navigation |
75
+ | `Breadcrumb` | Navigation breadcrumbs |
167
76
 
168
- ### Storage
77
+ ### Dashboard (7)
169
78
 
170
- ```typescript
171
- // Upload file
172
- const { cid } = await client.storage.uploadFile(file)
79
+ | Component | Description |
80
+ |-----------|-------------|
81
+ | `DashboardLayout` | Full dashboard wrapper |
82
+ | `DashboardHeader` | Top navigation bar |
83
+ | `DashboardSidebar` | Side navigation |
84
+ | `DashboardFooter` | Footer |
85
+ | `KPICard` | Key performance indicator card |
86
+ | `EmptyState` | Empty state placeholder with presets |
87
+ | `LoadingSkeleton` | Dashboard loading skeleton (+ SkeletonText, SkeletonCard, SkeletonTable, SkeletonList) |
173
88
 
174
- // Pin content
175
- await client.storage.pinCID(cid)
176
- ```
89
+ ### Analytics (6)
177
90
 
178
- ### AI Compute
91
+ | Component | Description |
92
+ |-----------|-------------|
93
+ | `DataTable` | Sortable, filterable data table |
94
+ | `EnhancedKPICard` | Enhanced KPI card with trends |
95
+ | `AnalyticsCard` | Analytics data card |
96
+ | `ChartContainer` | Chart wrapper with actions |
97
+ | `MetricDisplay` | Metric value display |
98
+ | `Sparkline` | Mini inline chart |
179
99
 
180
- ```typescript
181
- // Simple query
182
- const response = await client.compute.query('What are the trends?')
100
+ ### Branding (3)
183
101
 
184
- // RAG query
185
- const response = await client.compute.queryRAG({
186
- query: 'Analyze customer behavior',
187
- knowledgeBase: 'my-knowledge-base'
188
- })
189
- ```
102
+ | Component | Description |
103
+ |-----------|-------------|
104
+ | `ThemeProvider` + `useTheme` | Theme management with presets |
105
+ | `Logo` | Varity logo |
106
+ | `Attribution` | "Powered by Varity" attribution |
190
107
 
191
- ### Analytics
108
+ ## Authentication
192
109
 
193
- ```typescript
194
- // Get KPIs
195
- const kpis = await client.analytics.getKPIs({
196
- period: 'current_month'
197
- })
110
+ Built-in authentication -- email, Google, and social login with zero configuration:
198
111
 
199
- // Get trends
200
- const trends = await client.analytics.getTrends({
201
- startDate: '2025-01-01',
202
- endDate: '2025-01-31'
203
- })
112
+ ```tsx
113
+ import { AuthProvider, LoginButton } from '@varity-labs/ui-kit'
114
+ import { useAuth } from '@varity-labs/ui-kit'
115
+
116
+ function App() {
117
+ return (
118
+ <AuthProvider>
119
+ <Dashboard />
120
+ </AuthProvider>
121
+ )
122
+ }
123
+
124
+ function Dashboard() {
125
+ const { login, logout, authenticated, user } = useAuth()
126
+
127
+ if (!authenticated) {
128
+ return <button onClick={login}>Sign In</button>
129
+ }
130
+
131
+ return (
132
+ <div>
133
+ <p>Welcome, {user?.email?.address}</p>
134
+ <button onClick={logout}>Sign Out</button>
135
+ </div>
136
+ )
137
+ }
204
138
  ```
205
139
 
206
- ## Documentation
140
+ ### Auth Components
141
+
142
+ | Component | Description |
143
+ |-----------|-------------|
144
+ | `LoginButton` | Drop-in login button |
145
+ | `UserProfile` | User profile display |
146
+ | `ProtectedRoute` | Route protection wrapper |
147
+ | `ReadyGate` | Loading gate during initialization |
207
148
 
208
- ### Provider Guides
209
- - **[Provider Decision Tree](./docs/PROVIDERS.md)** - Which provider should you use? (COMPREHENSIVE)
210
- - **[Provider Hierarchy](./docs/PROVIDER_HIERARCHY.md)** - Visual architecture diagrams
211
- - **[Credentials Guide](./docs/CREDENTIALS_GUIDE.md)** - Get Privy App ID & thirdweb Client ID
149
+ ### Auth Hooks
212
150
 
213
- ### Integration Guides
214
- - **[Privy Integration](./docs/PRIVY_INTEGRATION.md)** - Email/social/wallet authentication
215
- - **[thirdweb Quickstart](./docs/THIRDWEB_QUICKSTART.md)** - Blockchain operations
216
- - **[Installation Guide](./docs/INSTALLATION_GUIDE.md)** - Setup and configuration
151
+ | Hook | Description |
152
+ |------|-------------|
153
+ | `useAuth` | Authentication state and actions |
154
+ | `useSignIn` | Trigger sign-in flow |
155
+ | `useSignOut` | Trigger sign-out flow |
217
156
 
218
- ### Component Reference
219
- - **[API Reference](./docs/API_REFERENCE.md)** - Complete API documentation
220
- - **[Web3 Components](./docs/WEB3_COMPONENTS_REPORT.md)** - Wallet, balance, address components
157
+ ## Payments (Coming Soon)
221
158
 
222
- ## Security
159
+ Payment components for app monetization (90% to developer, 10% platform fee).
223
160
 
224
- This SDK is PUBLIC and safe to distribute. It contains:
161
+ > **Note:** Payment components are exported but the underlying payment processing is not yet live. APIs will change before stable release.
225
162
 
226
- - ✅ React components
227
- - API client (HTTP only)
228
- - ✅ TypeScript types
229
- - NO smart contract logic
230
- - NO DePIN orchestration
231
- - NO encryption keys
232
- - NO business logic
163
+ ```tsx
164
+ import { PaymentWidget, PaymentGate, useVarityPayment } from '@varity-labs/ui-kit'
165
+
166
+ // Wrap a trigger element -- opens checkout on click
167
+ // appId is a number (from Varity App Registry)
168
+ // price is in cents (e.g., 9900 = $99.00)
169
+ <PaymentWidget appId={123} price={9900} onSuccess={(receipt) => console.log('Paid!', receipt)}>
170
+ <button>Buy Premium - $99</button>
171
+ </PaymentWidget>
172
+
173
+ // Paywall -- shows fallback until purchased, then reveals children
174
+ <PaymentGate appId={123} price={9900} fallback={<LockedContent />}>
175
+ <PremiumContent />
176
+ </PaymentGate>
177
+
178
+ // Hook for custom payment flows
179
+ const { hasPurchased, purchase, isLoading } = useVarityPayment({ appId: 123 })
180
+ ```
233
181
 
234
- All sensitive operations are handled by the Varity API Server.
182
+ ## Theming
235
183
 
236
- ## License
184
+ ```tsx
185
+ import { ThemeProvider, useTheme } from '@varity-labs/ui-kit'
186
+
187
+ function App() {
188
+ return (
189
+ <ThemeProvider defaultTheme="dark">
190
+ <YourApp />
191
+ </ThemeProvider>
192
+ )
193
+ }
194
+
195
+ function ThemeToggle() {
196
+ const { theme, setTheme } = useTheme()
197
+ return (
198
+ <button onClick={() => setTheme(theme === 'dark' ? 'light' : 'dark')}>
199
+ Toggle Theme
200
+ </button>
201
+ )
202
+ }
203
+ ```
204
+
205
+ ## Full Dashboard Example
206
+
207
+ ```tsx
208
+ import {
209
+ PrivyStack,
210
+ DashboardLayout,
211
+ DashboardHeader,
212
+ DashboardSidebar,
213
+ KPICard,
214
+ DataTable,
215
+ CommandPalette,
216
+ ToastProvider,
217
+ useToast,
218
+ } from '@varity-labs/ui-kit'
219
+
220
+ function App() {
221
+ return (
222
+ <AuthProvider>
223
+ <ToastProvider>
224
+ <DashboardLayout>
225
+ <DashboardSidebar items={sidebarItems} />
226
+ <DashboardHeader title="My Dashboard" />
227
+ <CommandPalette commands={commands} onNavigate={(path) => router.push(path)} />
228
+ <main>
229
+ <KPICard title="Revenue" value="$12,345" trend={8.2} />
230
+ <DataTable columns={columns} data={data} />
231
+ </main>
232
+ </DashboardLayout>
233
+ </ToastProvider>
234
+ </AuthProvider>
235
+ )
236
+ }
237
+ ```
237
238
 
238
- MIT License - Safe for commercial use and redistribution
239
+ ## Providers
239
240
 
240
- ## Support
241
+ | Provider | Description |
242
+ |----------|-------------|
243
+ | `AuthProvider` | All-in-one provider (auth + theme + query client) |
244
+ | `ThemeProvider` | Theme management |
245
+ | `ToastProvider` | Toast notifications |
246
+ | `VarityDashboardProvider` | Dashboard state management |
241
247
 
242
- - Documentation: https://docs.varity.com
243
- - Discord: https://discord.gg/varity
244
- - Email: support@varity.com
248
+ ## Compatibility
249
+
250
+ - **React** 18+
251
+ - **Next.js** 13+ (App Router compatible)
252
+ - **Static export** safe (`output: 'export'`)
253
+ - All components have `'use client'` directives
254
+
255
+ ---
256
+
257
+ ## Related Packages
258
+
259
+ - **[@varity-labs/sdk](https://www.npmjs.com/package/@varity-labs/sdk)** -- Core SDK (database, credentials)
260
+ - **[@varity-labs/types](https://www.npmjs.com/package/@varity-labs/types)** -- Shared TypeScript types
261
+ - **[@varity-labs/mcp](https://www.npmjs.com/package/@varity-labs/mcp)** -- MCP server for AI editors (Cursor, Claude Code, VS Code)
262
+ - **[create-varity-app](https://www.npmjs.com/package/create-varity-app)** -- Project scaffolding
245
263
 
246
264
  ---
247
265
 
248
- **Powered by Varity** 🚀
266
+ **Part of the [Varity SDK](https://github.com/varity-labs/varity-sdk)** -- Build, deploy, and monetize apps 70% cheaper than AWS.
267
+
268
+ [Documentation](https://docs.varity.so) | [GitHub](https://github.com/varity-labs/varity-sdk) | [Discord](https://discord.gg/7vWsdwa2Bg)
269
+
270
+ ## License
271
+
272
+ MIT
@@ -99,7 +99,7 @@ export const DataTable = ({ columns, data, loading = false, pagination = false,
99
99
  padding: '40px',
100
100
  textAlign: 'center',
101
101
  color: 'var(--varity-text-secondary, #757575)'
102
- } }, emptyMessage))) : (paginatedData.map((row, rowIndex) => (React.createElement("tr", { key: rowIndex, style: {
102
+ } }, emptyMessage))) : (paginatedData.map((row, rowIndex) => (React.createElement("tr", { key: row.id || `row-${rowIndex}`, style: {
103
103
  borderBottom: '1px solid var(--varity-border-color, #e0e0e0)',
104
104
  backgroundColor: striped && rowIndex % 2 === 1 ? 'var(--varity-bg-secondary, #f9f9f9)' : 'transparent',
105
105
  cursor: onRowClick ? 'pointer' : 'default',
@@ -1 +1 @@
1
- {"version":3,"file":"DataTable.js","sourceRoot":"","sources":["../../../src/components/Analytics/DataTable.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"DataTable.js","sourceRoot":"","sources":["../../../src/components/Analytics/DataTable.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,21 @@
1
+ import React from 'react';
2
+ interface EnhancedKPICardProps {
3
+ title: string;
4
+ value: string | number;
5
+ change?: {
6
+ value: number;
7
+ period: string;
8
+ };
9
+ icon: string;
10
+ source?: string;
11
+ trend?: 'up' | 'down' | 'neutral';
12
+ color?: 'blue' | 'green' | 'orange' | 'purple' | 'red';
13
+ sparklineData?: number[];
14
+ showSparkline?: boolean;
15
+ lastSynced?: string;
16
+ helpText?: string;
17
+ onClick?: () => void;
18
+ }
19
+ export declare function EnhancedKPICard({ title, value, change, icon, source, trend, color, sparklineData, showSparkline, lastSynced, helpText, onClick, }: EnhancedKPICardProps): React.JSX.Element;
20
+ export default EnhancedKPICard;
21
+ //# sourceMappingURL=EnhancedKPICard.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"EnhancedKPICard.d.ts","sourceRoot":"","sources":["../../../src/components/Analytics/EnhancedKPICard.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAIvC,UAAU,oBAAoB;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,SAAS,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,GAAG,KAAK,CAAC;IACvD,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,KAAK,EACL,MAAM,EACN,IAAI,EACJ,MAAM,EACN,KAAiB,EACjB,KAAc,EACd,aAAa,EACb,aAAqB,EACrB,UAAU,EACV,QAAQ,EACR,OAAO,GACR,EAAE,oBAAoB,qBAqLtB;AAED,eAAe,eAAe,CAAC"}