@opexa/portal-components 0.0.61 → 0.0.63

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 (160) hide show
  1. package/dist/client/hooks/index.d.ts +8 -2
  2. package/dist/client/hooks/index.js +8 -2
  3. package/dist/client/hooks/useBonusQuery.d.ts +3 -0
  4. package/dist/client/hooks/useBonusQuery.js +34 -0
  5. package/dist/client/hooks/useCashbackBonusQuery.d.ts +3 -0
  6. package/dist/client/hooks/useCashbackBonusQuery.js +34 -0
  7. package/dist/client/hooks/useCashbackBonusesQuery.d.ts +3 -0
  8. package/dist/client/hooks/useCashbackBonusesQuery.js +32 -0
  9. package/dist/client/hooks/useCashbackQuery.d.ts +3 -0
  10. package/dist/client/hooks/useCashbackQuery.js +20 -0
  11. package/dist/client/hooks/useClaimCashbackBonusMutation.d.ts +2 -0
  12. package/dist/client/hooks/useClaimCashbackBonusMutation.js +28 -0
  13. package/dist/client/hooks/useClaimSpotBonusMutation.d.ts +2 -0
  14. package/dist/client/hooks/useClaimSpotBonusMutation.js +28 -0
  15. package/dist/client/utils/createContext.d.ts +9 -0
  16. package/dist/client/utils/createContext.js +14 -0
  17. package/dist/client/utils/index.d.ts +1 -0
  18. package/dist/client/utils/index.js +1 -0
  19. package/dist/components/Bonuses/Bonuses.client.d.ts +2 -0
  20. package/dist/components/Bonuses/Bonuses.client.js +87 -0
  21. package/dist/components/Bonuses/Bonuses.d.ts +3 -3
  22. package/dist/components/Bonuses/Bonuses.js +6 -14
  23. package/dist/components/Bonuses/money-on-hand.png +0 -0
  24. package/dist/components/Bonuses/piggy-bank.png +0 -0
  25. package/dist/components/Cashback/Cashback.client.d.ts +2 -0
  26. package/dist/components/Cashback/Cashback.client.js +27 -0
  27. package/dist/components/Cashback/Cashback.d.ts +7 -0
  28. package/dist/components/Cashback/Cashback.js +15 -0
  29. package/dist/components/Cashback/index.d.ts +1 -0
  30. package/dist/components/Cashback/index.js +1 -0
  31. package/dist/components/CashbackBonus/CashbackBonus.client.d.ts +2 -0
  32. package/dist/components/CashbackBonus/CashbackBonus.client.js +9 -0
  33. package/dist/components/CashbackBonus/CashbackBonus.d.ts +10 -0
  34. package/dist/components/CashbackBonus/CashbackBonus.js +5 -0
  35. package/dist/components/CashbackBonus/index.d.ts +1 -0
  36. package/dist/components/CashbackBonus/index.js +1 -0
  37. package/dist/components/DepositWithdrawal/Deposit/OnlineBankDeposit/OnlineBankDepositContext.d.ts +1 -2
  38. package/dist/components/DepositWithdrawal/Deposit/OnlineBankDeposit/OnlineBankDepositContext.js +2 -8
  39. package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit/QRPHDepositContext.d.ts +1 -2
  40. package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit/QRPHDepositContext.js +2 -8
  41. package/dist/components/Empty.d.ts +1 -0
  42. package/dist/components/Empty.js +1 -1
  43. package/dist/components/Games/GameContext.d.ts +1 -2
  44. package/dist/components/Games/GameContext.js +2 -8
  45. package/dist/components/KYC/KYCContext.d.ts +1 -2
  46. package/dist/components/KYC/KYCContext.js +2 -8
  47. package/dist/components/Messages/MessageItem.js +3 -2
  48. package/dist/components/Messages/MessagePopup.js +1 -0
  49. package/dist/components/Messages/MessageTrigger.d.ts +8 -0
  50. package/dist/components/Messages/MessageTrigger.js +18 -0
  51. package/dist/components/Messages/index.d.ts +2 -0
  52. package/dist/components/Messages/index.js +2 -0
  53. package/dist/components/PortalProvider/WebVitals.js +2 -2
  54. package/dist/components/Promo/Promo.client.d.ts +1 -1
  55. package/dist/components/Promo/Promo.client.js +3 -3
  56. package/dist/components/Promos/Cashback.d.ts +7 -0
  57. package/dist/components/Promos/Cashback.js +17 -0
  58. package/dist/components/Promos/Promo.d.ts +7 -0
  59. package/dist/components/Promos/Promo.js +17 -0
  60. package/dist/components/Promos/Promos.d.ts +4 -0
  61. package/dist/components/Promos/Promos.js +6 -6
  62. package/dist/components/Promos/PromosCarousel.d.ts +2 -0
  63. package/dist/components/Promos/{PromoCarousel.js → PromosCarousel.js} +9 -5
  64. package/dist/components/Promos/PromosGrid.d.ts +2 -0
  65. package/dist/components/Promos/PromosGrid.js +16 -0
  66. package/dist/components/SignIn/MobileNumberSignIn.d.ts +1 -0
  67. package/dist/components/SignIn/MobileNumberSignIn.js +121 -0
  68. package/dist/components/SignIn/NameAndPasswordSignIn.d.ts +1 -0
  69. package/dist/components/SignIn/NameAndPasswordSignIn.js +116 -0
  70. package/dist/components/SignIn/SignIn.js +6 -3
  71. package/dist/components/SignIn/SignInContext.d.ts +2 -0
  72. package/dist/components/SignIn/SignInContext.js +2 -0
  73. package/dist/components/SignIn/SignInForm.js +7 -115
  74. package/dist/components/SignIn/SignInMethod.d.ts +1 -0
  75. package/dist/components/SignIn/SignInMethod.js +19 -0
  76. package/dist/components/SignIn/useSignIn.d.ts +10 -0
  77. package/dist/components/SignIn/useSignIn.js +11 -0
  78. package/dist/components/index.d.ts +2 -0
  79. package/dist/components/index.js +2 -0
  80. package/dist/constants/index.d.ts +4 -2
  81. package/dist/constants/index.js +24 -0
  82. package/dist/server/utils/index.d.ts +4 -0
  83. package/dist/server/utils/index.js +4 -0
  84. package/dist/server/utils/prefetchBonusQuery.d.ts +1 -0
  85. package/dist/server/utils/prefetchBonusQuery.js +22 -0
  86. package/dist/server/utils/prefetchCashbackBonusQuery.d.ts +1 -0
  87. package/dist/server/utils/prefetchCashbackBonusQuery.js +22 -0
  88. package/dist/server/utils/prefetchCashbackBonusesQuery.d.ts +1 -0
  89. package/dist/server/utils/prefetchCashbackBonusesQuery.js +22 -0
  90. package/dist/server/utils/prefetchCashbackQuery.d.ts +1 -0
  91. package/dist/server/utils/prefetchCashbackQuery.js +17 -0
  92. package/dist/types/index.d.ts +1 -0
  93. package/dist/ui/AlertDialog/AlertDialog.d.ts +154 -154
  94. package/dist/ui/AlertDialog/alertDialog.recipe.d.ts +14 -14
  95. package/dist/ui/Badge/Badge.d.ts +24 -12
  96. package/dist/ui/Badge/badge.anatomy.d.ts +1 -1
  97. package/dist/ui/Badge/badge.anatomy.js +1 -1
  98. package/dist/ui/Badge/badge.recipe.d.ts +6 -3
  99. package/dist/ui/Badge/badge.recipe.js +11 -0
  100. package/dist/ui/Checkbox/Checkbox.d.ts +23 -23
  101. package/dist/ui/Checkbox/checkbox.recipe.d.ts +3 -3
  102. package/dist/ui/Clipboard/Clipboard.d.ts +18 -18
  103. package/dist/ui/Clipboard/clipboard.recipe.d.ts +3 -3
  104. package/dist/ui/Collapsible/Collapsible.d.ts +20 -20
  105. package/dist/ui/Collapsible/collapsible.recipe.d.ts +5 -5
  106. package/dist/ui/Combobox/Combobox.d.ts +42 -42
  107. package/dist/ui/Combobox/combobox.recipe.d.ts +3 -3
  108. package/dist/ui/DatePicker/DatePicker.d.ts +192 -192
  109. package/dist/ui/DatePicker/datePicker.recipe.d.ts +8 -8
  110. package/dist/ui/Dialog/Dialog.d.ts +154 -154
  111. package/dist/ui/Dialog/dialog.recipe.d.ts +14 -14
  112. package/dist/ui/Drawer/Drawer.d.ts +33 -33
  113. package/dist/ui/Drawer/drawer.recipe.d.ts +3 -3
  114. package/dist/ui/PasswordInput/PasswordInput.d.ts +18 -18
  115. package/dist/ui/PasswordInput/passwordInput.recipe.d.ts +3 -3
  116. package/dist/ui/Popover/Popover.d.ts +88 -88
  117. package/dist/ui/Popover/popover.recipe.d.ts +8 -8
  118. package/dist/ui/Progress/progress.recipe.js +1 -1
  119. package/dist/ui/Select/Select.d.ts +45 -45
  120. package/dist/ui/Select/select.recipe.d.ts +3 -3
  121. package/dist/ui/Table/Table.d.ts +21 -21
  122. package/dist/ui/Table/table.anatomy.d.ts +1 -1
  123. package/dist/ui/Table/table.anatomy.js +1 -1
  124. package/dist/ui/Table/table.recipe.d.ts +3 -3
  125. package/dist/ui/Tabs/Tabs.d.ts +15 -15
  126. package/dist/ui/Tabs/tabs.recipe.d.ts +3 -3
  127. package/dist/utils/anatomyToRecipeSlots.d.ts +1 -1
  128. package/dist/utils/anatomyToRecipeSlots.js +3 -1
  129. package/dist/utils/queryKeys.d.ts +6 -0
  130. package/dist/utils/queryKeys.js +18 -0
  131. package/package.json +10 -10
  132. package/dist/components/AccountPaymentMethods/AccountPaymentMethods.d.ts +0 -1
  133. package/dist/components/AccountPaymentMethods/AccountPaymentMethods.js +0 -3
  134. package/dist/components/AccountPaymentMethods/index.d.ts +0 -1
  135. package/dist/components/AccountPaymentMethods/index.js +0 -1
  136. package/dist/components/AccountVerification/AccountVerificationContext.d.ts +0 -14
  137. package/dist/components/AccountVerification/AccountVerificationContext.js +0 -27
  138. package/dist/components/AccountVerification/VerificationCapture.d.ts +0 -1
  139. package/dist/components/AccountVerification/VerificationCapture.js +0 -28
  140. package/dist/components/AccountVerification/VerificationComplete.d.ts +0 -1
  141. package/dist/components/AccountVerification/VerificationComplete.js +0 -9
  142. package/dist/components/AccountVerification/VerificationDetails.d.ts +0 -1
  143. package/dist/components/AccountVerification/VerificationDetails.js +0 -38
  144. package/dist/components/GamesSearch/GamesSearchTrigger.d.ts +0 -5
  145. package/dist/components/GamesSearch/GamesSearchTrigger.js +0 -14
  146. package/dist/components/KYC/AccountVerificationContext.d.ts +0 -14
  147. package/dist/components/KYC/AccountVerificationContext.js +0 -27
  148. package/dist/components/KYC/VerificationCapture.d.ts +0 -1
  149. package/dist/components/KYC/VerificationCapture.js +0 -28
  150. package/dist/components/KYC/VerificationComplete.d.ts +0 -1
  151. package/dist/components/KYC/VerificationComplete.js +0 -9
  152. package/dist/components/KYC/VerificationDetails.d.ts +0 -1
  153. package/dist/components/KYC/VerificationDetails.js +0 -38
  154. package/dist/components/Promo/PromoContent.d.ts +0 -2
  155. package/dist/components/Promo/PromoContent.js +0 -9
  156. package/dist/components/Promos/PromoCarousel.d.ts +0 -2
  157. package/dist/components/Promos/PromoGrid.d.ts +0 -2
  158. package/dist/components/Promos/PromoGrid.js +0 -11
  159. package/dist/components/Promos/PromoItem.d.ts +0 -7
  160. package/dist/components/Promos/PromoItem.js +0 -17
@@ -1,46 +1,46 @@
1
1
  export declare const alertDialogRecipe: import("tailwind-variants").TVReturnType<{
2
2
  [key: string]: {
3
3
  [key: string]: import("tailwind-variants").ClassValue | {
4
- content?: import("tailwind-variants").ClassValue;
5
4
  title?: import("tailwind-variants").ClassValue;
5
+ content?: import("tailwind-variants").ClassValue;
6
+ body?: import("tailwind-variants").ClassValue;
7
+ footer?: import("tailwind-variants").ClassValue;
8
+ header?: import("tailwind-variants").ClassValue;
6
9
  trigger?: import("tailwind-variants").ClassValue;
7
10
  backdrop?: import("tailwind-variants").ClassValue;
8
11
  positioner?: import("tailwind-variants").ClassValue;
9
12
  description?: import("tailwind-variants").ClassValue;
10
13
  closeTrigger?: import("tailwind-variants").ClassValue;
11
- header?: import("tailwind-variants").ClassValue;
12
- body?: import("tailwind-variants").ClassValue;
13
- footer?: import("tailwind-variants").ClassValue;
14
14
  };
15
15
  };
16
16
  } | {
17
17
  [x: string]: {
18
18
  [x: string]: import("tailwind-variants").ClassValue | {
19
- content?: import("tailwind-variants").ClassValue;
20
19
  title?: import("tailwind-variants").ClassValue;
20
+ content?: import("tailwind-variants").ClassValue;
21
+ body?: import("tailwind-variants").ClassValue;
22
+ footer?: import("tailwind-variants").ClassValue;
23
+ header?: import("tailwind-variants").ClassValue;
21
24
  trigger?: import("tailwind-variants").ClassValue;
22
25
  backdrop?: import("tailwind-variants").ClassValue;
23
26
  positioner?: import("tailwind-variants").ClassValue;
24
27
  description?: import("tailwind-variants").ClassValue;
25
28
  closeTrigger?: import("tailwind-variants").ClassValue;
26
- header?: import("tailwind-variants").ClassValue;
27
- body?: import("tailwind-variants").ClassValue;
28
- footer?: import("tailwind-variants").ClassValue;
29
29
  };
30
30
  };
31
- } | {}, Record<"content" | "title" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger" | "header" | "body" | "footer", string | string[]>, undefined, {
31
+ } | {}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, {
32
32
  [key: string]: {
33
33
  [key: string]: import("tailwind-variants").ClassValue | {
34
- content?: import("tailwind-variants").ClassValue;
35
34
  title?: import("tailwind-variants").ClassValue;
35
+ content?: import("tailwind-variants").ClassValue;
36
+ body?: import("tailwind-variants").ClassValue;
37
+ footer?: import("tailwind-variants").ClassValue;
38
+ header?: import("tailwind-variants").ClassValue;
36
39
  trigger?: import("tailwind-variants").ClassValue;
37
40
  backdrop?: import("tailwind-variants").ClassValue;
38
41
  positioner?: import("tailwind-variants").ClassValue;
39
42
  description?: import("tailwind-variants").ClassValue;
40
43
  closeTrigger?: import("tailwind-variants").ClassValue;
41
- header?: import("tailwind-variants").ClassValue;
42
- body?: import("tailwind-variants").ClassValue;
43
- footer?: import("tailwind-variants").ClassValue;
44
44
  };
45
45
  };
46
- } | {}, Record<"content" | "title" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger" | "header" | "body" | "footer", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"content" | "title" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger" | "header" | "body" | "footer", string | string[]>, undefined, unknown, unknown, undefined>>;
46
+ } | {}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, unknown, unknown, undefined>>;
@@ -21,6 +21,7 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
21
21
  subtle: {};
22
22
  };
23
23
  colorScheme: {
24
+ gray: {};
24
25
  brand: {};
25
26
  danger: {};
26
27
  success: {};
@@ -35,7 +36,7 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
35
36
  root: string;
36
37
  };
37
38
  };
38
- }, Record<"label" | "root" | "indicator" | "icon", string | string[]>, undefined, {
39
+ }, Record<"label" | "root" | "icon" | "indicator", string | string[]>, undefined, {
39
40
  size: {
40
41
  md: {
41
42
  root: string;
@@ -54,6 +55,7 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
54
55
  subtle: {};
55
56
  };
56
57
  colorScheme: {
58
+ gray: {};
57
59
  brand: {};
58
60
  danger: {};
59
61
  success: {};
@@ -68,7 +70,7 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
68
70
  root: string;
69
71
  };
70
72
  };
71
- }, Record<"label" | "root" | "indicator" | "icon", string | string[]>, import("tailwind-variants").TVReturnType<{
73
+ }, Record<"label" | "root" | "icon" | "indicator", string | string[]>, import("tailwind-variants").TVReturnType<{
72
74
  size: {
73
75
  md: {
74
76
  root: string;
@@ -87,6 +89,7 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
87
89
  subtle: {};
88
90
  };
89
91
  colorScheme: {
92
+ gray: {};
90
93
  brand: {};
91
94
  danger: {};
92
95
  success: {};
@@ -101,7 +104,7 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
101
104
  root: string;
102
105
  };
103
106
  };
104
- }, Record<"label" | "root" | "indicator" | "icon", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
107
+ }, Record<"label" | "root" | "icon" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
105
108
  interface BadgeLabelProps extends ComponentPropsWithRef<'span'> {
106
109
  asChild?: boolean;
107
110
  }
@@ -124,6 +127,7 @@ export declare const Label: import("react").ComponentType<import("@ark-ui/react"
124
127
  subtle: {};
125
128
  };
126
129
  colorScheme: {
130
+ gray: {};
127
131
  brand: {};
128
132
  danger: {};
129
133
  success: {};
@@ -138,7 +142,7 @@ export declare const Label: import("react").ComponentType<import("@ark-ui/react"
138
142
  root: string;
139
143
  };
140
144
  };
141
- }, Record<"label" | "root" | "indicator" | "icon", string | string[]>, undefined, {
145
+ }, Record<"label" | "root" | "icon" | "indicator", string | string[]>, undefined, {
142
146
  size: {
143
147
  md: {
144
148
  root: string;
@@ -157,6 +161,7 @@ export declare const Label: import("react").ComponentType<import("@ark-ui/react"
157
161
  subtle: {};
158
162
  };
159
163
  colorScheme: {
164
+ gray: {};
160
165
  brand: {};
161
166
  danger: {};
162
167
  success: {};
@@ -171,7 +176,7 @@ export declare const Label: import("react").ComponentType<import("@ark-ui/react"
171
176
  root: string;
172
177
  };
173
178
  };
174
- }, Record<"label" | "root" | "indicator" | "icon", string | string[]>, import("tailwind-variants").TVReturnType<{
179
+ }, Record<"label" | "root" | "icon" | "indicator", string | string[]>, import("tailwind-variants").TVReturnType<{
175
180
  size: {
176
181
  md: {
177
182
  root: string;
@@ -190,6 +195,7 @@ export declare const Label: import("react").ComponentType<import("@ark-ui/react"
190
195
  subtle: {};
191
196
  };
192
197
  colorScheme: {
198
+ gray: {};
193
199
  brand: {};
194
200
  danger: {};
195
201
  success: {};
@@ -204,7 +210,7 @@ export declare const Label: import("react").ComponentType<import("@ark-ui/react"
204
210
  root: string;
205
211
  };
206
212
  };
207
- }, Record<"label" | "root" | "indicator" | "icon", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
213
+ }, Record<"label" | "root" | "icon" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
208
214
  interface BadgeIndicatorProps extends ComponentPropsWithRef<'svg'> {
209
215
  asChild?: boolean;
210
216
  }
@@ -227,6 +233,7 @@ export declare const Indicator: import("react").ComponentType<import("@ark-ui/re
227
233
  subtle: {};
228
234
  };
229
235
  colorScheme: {
236
+ gray: {};
230
237
  brand: {};
231
238
  danger: {};
232
239
  success: {};
@@ -241,7 +248,7 @@ export declare const Indicator: import("react").ComponentType<import("@ark-ui/re
241
248
  root: string;
242
249
  };
243
250
  };
244
- }, Record<"label" | "root" | "indicator" | "icon", string | string[]>, undefined, {
251
+ }, Record<"label" | "root" | "icon" | "indicator", string | string[]>, undefined, {
245
252
  size: {
246
253
  md: {
247
254
  root: string;
@@ -260,6 +267,7 @@ export declare const Indicator: import("react").ComponentType<import("@ark-ui/re
260
267
  subtle: {};
261
268
  };
262
269
  colorScheme: {
270
+ gray: {};
263
271
  brand: {};
264
272
  danger: {};
265
273
  success: {};
@@ -274,7 +282,7 @@ export declare const Indicator: import("react").ComponentType<import("@ark-ui/re
274
282
  root: string;
275
283
  };
276
284
  };
277
- }, Record<"label" | "root" | "indicator" | "icon", string | string[]>, import("tailwind-variants").TVReturnType<{
285
+ }, Record<"label" | "root" | "icon" | "indicator", string | string[]>, import("tailwind-variants").TVReturnType<{
278
286
  size: {
279
287
  md: {
280
288
  root: string;
@@ -293,6 +301,7 @@ export declare const Indicator: import("react").ComponentType<import("@ark-ui/re
293
301
  subtle: {};
294
302
  };
295
303
  colorScheme: {
304
+ gray: {};
296
305
  brand: {};
297
306
  danger: {};
298
307
  success: {};
@@ -307,7 +316,7 @@ export declare const Indicator: import("react").ComponentType<import("@ark-ui/re
307
316
  root: string;
308
317
  };
309
318
  };
310
- }, Record<"label" | "root" | "indicator" | "icon", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
319
+ }, Record<"label" | "root" | "icon" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
311
320
  interface BadgeIconProps extends ComponentPropsWithRef<'svg'> {
312
321
  asChild?: boolean;
313
322
  }
@@ -330,6 +339,7 @@ export declare const Icon: import("react").ComponentType<import("@ark-ui/react")
330
339
  subtle: {};
331
340
  };
332
341
  colorScheme: {
342
+ gray: {};
333
343
  brand: {};
334
344
  danger: {};
335
345
  success: {};
@@ -344,7 +354,7 @@ export declare const Icon: import("react").ComponentType<import("@ark-ui/react")
344
354
  root: string;
345
355
  };
346
356
  };
347
- }, Record<"label" | "root" | "indicator" | "icon", string | string[]>, undefined, {
357
+ }, Record<"label" | "root" | "icon" | "indicator", string | string[]>, undefined, {
348
358
  size: {
349
359
  md: {
350
360
  root: string;
@@ -363,6 +373,7 @@ export declare const Icon: import("react").ComponentType<import("@ark-ui/react")
363
373
  subtle: {};
364
374
  };
365
375
  colorScheme: {
376
+ gray: {};
366
377
  brand: {};
367
378
  danger: {};
368
379
  success: {};
@@ -377,7 +388,7 @@ export declare const Icon: import("react").ComponentType<import("@ark-ui/react")
377
388
  root: string;
378
389
  };
379
390
  };
380
- }, Record<"label" | "root" | "indicator" | "icon", string | string[]>, import("tailwind-variants").TVReturnType<{
391
+ }, Record<"label" | "root" | "icon" | "indicator", string | string[]>, import("tailwind-variants").TVReturnType<{
381
392
  size: {
382
393
  md: {
383
394
  root: string;
@@ -396,6 +407,7 @@ export declare const Icon: import("react").ComponentType<import("@ark-ui/react")
396
407
  subtle: {};
397
408
  };
398
409
  colorScheme: {
410
+ gray: {};
399
411
  brand: {};
400
412
  danger: {};
401
413
  success: {};
@@ -410,5 +422,5 @@ export declare const Icon: import("react").ComponentType<import("@ark-ui/react")
410
422
  root: string;
411
423
  };
412
424
  };
413
- }, Record<"label" | "root" | "indicator" | "icon", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
425
+ }, Record<"label" | "root" | "icon" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
414
426
  export {};
@@ -1 +1 @@
1
- export declare const badgeAnatomy: import("@ark-ui/anatomy").AnatomyInstance<"label" | "root" | "icon" | "indicator">;
1
+ export declare const badgeAnatomy: import("@ark-ui/react/anatomy").AnatomyInstance<"label" | "root" | "icon" | "indicator">;
@@ -1,2 +1,2 @@
1
- import { createAnatomy } from '@ark-ui/anatomy';
1
+ import { createAnatomy } from '@ark-ui/react/anatomy';
2
2
  export const badgeAnatomy = createAnatomy('badge').parts('root', 'label', 'icon', 'indicator');
@@ -17,6 +17,7 @@ export declare const badgeRecipe: import("tailwind-variants").TVReturnType<{
17
17
  subtle: {};
18
18
  };
19
19
  colorScheme: {
20
+ gray: {};
20
21
  brand: {};
21
22
  danger: {};
22
23
  success: {};
@@ -31,7 +32,7 @@ export declare const badgeRecipe: import("tailwind-variants").TVReturnType<{
31
32
  root: string;
32
33
  };
33
34
  };
34
- }, Record<"label" | "root" | "indicator" | "icon", string | string[]>, undefined, {
35
+ }, Record<"label" | "root" | "icon" | "indicator", string | string[]>, undefined, {
35
36
  size: {
36
37
  md: {
37
38
  root: string;
@@ -50,6 +51,7 @@ export declare const badgeRecipe: import("tailwind-variants").TVReturnType<{
50
51
  subtle: {};
51
52
  };
52
53
  colorScheme: {
54
+ gray: {};
53
55
  brand: {};
54
56
  danger: {};
55
57
  success: {};
@@ -64,7 +66,7 @@ export declare const badgeRecipe: import("tailwind-variants").TVReturnType<{
64
66
  root: string;
65
67
  };
66
68
  };
67
- }, Record<"label" | "root" | "indicator" | "icon", string | string[]>, import("tailwind-variants").TVReturnType<{
69
+ }, Record<"label" | "root" | "icon" | "indicator", string | string[]>, import("tailwind-variants").TVReturnType<{
68
70
  size: {
69
71
  md: {
70
72
  root: string;
@@ -83,6 +85,7 @@ export declare const badgeRecipe: import("tailwind-variants").TVReturnType<{
83
85
  subtle: {};
84
86
  };
85
87
  colorScheme: {
88
+ gray: {};
86
89
  brand: {};
87
90
  danger: {};
88
91
  success: {};
@@ -97,4 +100,4 @@ export declare const badgeRecipe: import("tailwind-variants").TVReturnType<{
97
100
  root: string;
98
101
  };
99
102
  };
100
- }, Record<"label" | "root" | "indicator" | "icon", string | string[]>, undefined, unknown, unknown, undefined>>;
103
+ }, Record<"label" | "root" | "icon" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>;
@@ -27,6 +27,7 @@ export const badgeRecipe = tv({
27
27
  subtle: {},
28
28
  },
29
29
  colorScheme: {
30
+ gray: {},
30
31
  brand: {},
31
32
  danger: {},
32
33
  success: {},
@@ -43,6 +44,16 @@ export const badgeRecipe = tv({
43
44
  },
44
45
  },
45
46
  compoundVariants: [
47
+ {
48
+ variant: 'subtle',
49
+ colorScheme: 'gray',
50
+ className: {
51
+ root: 'bg-bg-primary border-border-primary border',
52
+ label: 'text-text-secondary-700',
53
+ indicator: 'bg-text-quarterary-500',
54
+ icon: 'text-text-quarterary-500',
55
+ },
56
+ },
46
57
  {
47
58
  variant: 'subtle',
48
59
  colorScheme: 'brand',
@@ -1,7 +1,7 @@
1
1
  import { Checkbox } from '@ark-ui/react';
2
2
  export declare const withContext: <Props extends {
3
3
  [x: string]: any;
4
- }>(Component: import("react").ComponentType<Props>, slot: "label" | "root" | "control" | "indicator" | "group") => import("react").ComponentType<import("@ark-ui/react").Assign<Props, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
4
+ }>(Component: import("react").ComponentType<Props>, slot: "label" | "group" | "root" | "indicator" | "control") => import("react").ComponentType<import("@ark-ui/react").Assign<Props, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
5
5
  size: {
6
6
  md: {
7
7
  control: string;
@@ -14,7 +14,7 @@ export declare const withContext: <Props extends {
14
14
  colorScheme: {
15
15
  gray: {};
16
16
  };
17
- }, Record<"label" | "root" | "control" | "indicator" | "group", string | string[]>, undefined, {
17
+ }, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, undefined, {
18
18
  size: {
19
19
  md: {
20
20
  control: string;
@@ -27,7 +27,7 @@ export declare const withContext: <Props extends {
27
27
  colorScheme: {
28
28
  gray: {};
29
29
  };
30
- }, Record<"label" | "root" | "control" | "indicator" | "group", string | string[]>, import("tailwind-variants").TVReturnType<{
30
+ }, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, import("tailwind-variants").TVReturnType<{
31
31
  size: {
32
32
  md: {
33
33
  control: string;
@@ -40,9 +40,9 @@ export declare const withContext: <Props extends {
40
40
  colorScheme: {
41
41
  gray: {};
42
42
  };
43
- }, Record<"label" | "root" | "control" | "indicator" | "group", string | string[]>, undefined, unknown, unknown, undefined>>>>>, withProvider: <Props extends {
43
+ }, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, undefined, unknown, unknown, undefined>>>>>, withProvider: <Props extends {
44
44
  [x: string]: any;
45
- }>(Component: import("react").ComponentType<Props>, slot: "label" | "root" | "control" | "indicator" | "group") => import("react").ComponentType<import("@ark-ui/react").Assign<Props, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
45
+ }>(Component: import("react").ComponentType<Props>, slot: "label" | "group" | "root" | "indicator" | "control") => import("react").ComponentType<import("@ark-ui/react").Assign<Props, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
46
46
  size: {
47
47
  md: {
48
48
  control: string;
@@ -55,7 +55,7 @@ export declare const withContext: <Props extends {
55
55
  colorScheme: {
56
56
  gray: {};
57
57
  };
58
- }, Record<"label" | "root" | "control" | "indicator" | "group", string | string[]>, undefined, {
58
+ }, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, undefined, {
59
59
  size: {
60
60
  md: {
61
61
  control: string;
@@ -68,7 +68,7 @@ export declare const withContext: <Props extends {
68
68
  colorScheme: {
69
69
  gray: {};
70
70
  };
71
- }, Record<"label" | "root" | "control" | "indicator" | "group", string | string[]>, import("tailwind-variants").TVReturnType<{
71
+ }, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, import("tailwind-variants").TVReturnType<{
72
72
  size: {
73
73
  md: {
74
74
  control: string;
@@ -81,7 +81,7 @@ export declare const withContext: <Props extends {
81
81
  colorScheme: {
82
82
  gray: {};
83
83
  };
84
- }, Record<"label" | "root" | "control" | "indicator" | "group", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
84
+ }, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
85
85
  export declare const Root: import("react").ComponentType<import("@ark-ui/react").Assign<Checkbox.RootProps & import("react").RefAttributes<HTMLLabelElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
86
86
  size: {
87
87
  md: {
@@ -95,7 +95,7 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
95
95
  colorScheme: {
96
96
  gray: {};
97
97
  };
98
- }, Record<"label" | "root" | "control" | "indicator" | "group", string | string[]>, undefined, {
98
+ }, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, undefined, {
99
99
  size: {
100
100
  md: {
101
101
  control: string;
@@ -108,7 +108,7 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
108
108
  colorScheme: {
109
109
  gray: {};
110
110
  };
111
- }, Record<"label" | "root" | "control" | "indicator" | "group", string | string[]>, import("tailwind-variants").TVReturnType<{
111
+ }, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, import("tailwind-variants").TVReturnType<{
112
112
  size: {
113
113
  md: {
114
114
  control: string;
@@ -121,7 +121,7 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
121
121
  colorScheme: {
122
122
  gray: {};
123
123
  };
124
- }, Record<"label" | "root" | "control" | "indicator" | "group", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
124
+ }, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
125
125
  export declare const Control: import("react").ComponentType<import("@ark-ui/react").Assign<Checkbox.ControlProps & import("react").RefAttributes<HTMLDivElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
126
126
  size: {
127
127
  md: {
@@ -135,7 +135,7 @@ export declare const Control: import("react").ComponentType<import("@ark-ui/reac
135
135
  colorScheme: {
136
136
  gray: {};
137
137
  };
138
- }, Record<"label" | "root" | "control" | "indicator" | "group", string | string[]>, undefined, {
138
+ }, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, undefined, {
139
139
  size: {
140
140
  md: {
141
141
  control: string;
@@ -148,7 +148,7 @@ export declare const Control: import("react").ComponentType<import("@ark-ui/reac
148
148
  colorScheme: {
149
149
  gray: {};
150
150
  };
151
- }, Record<"label" | "root" | "control" | "indicator" | "group", string | string[]>, import("tailwind-variants").TVReturnType<{
151
+ }, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, import("tailwind-variants").TVReturnType<{
152
152
  size: {
153
153
  md: {
154
154
  control: string;
@@ -161,7 +161,7 @@ export declare const Control: import("react").ComponentType<import("@ark-ui/reac
161
161
  colorScheme: {
162
162
  gray: {};
163
163
  };
164
- }, Record<"label" | "root" | "control" | "indicator" | "group", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
164
+ }, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
165
165
  export declare const Group: import("react").ComponentType<import("@ark-ui/react").Assign<Checkbox.GroupProps & import("react").RefAttributes<HTMLDivElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
166
166
  size: {
167
167
  md: {
@@ -175,7 +175,7 @@ export declare const Group: import("react").ComponentType<import("@ark-ui/react"
175
175
  colorScheme: {
176
176
  gray: {};
177
177
  };
178
- }, Record<"label" | "root" | "control" | "indicator" | "group", string | string[]>, undefined, {
178
+ }, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, undefined, {
179
179
  size: {
180
180
  md: {
181
181
  control: string;
@@ -188,7 +188,7 @@ export declare const Group: import("react").ComponentType<import("@ark-ui/react"
188
188
  colorScheme: {
189
189
  gray: {};
190
190
  };
191
- }, Record<"label" | "root" | "control" | "indicator" | "group", string | string[]>, import("tailwind-variants").TVReturnType<{
191
+ }, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, import("tailwind-variants").TVReturnType<{
192
192
  size: {
193
193
  md: {
194
194
  control: string;
@@ -201,7 +201,7 @@ export declare const Group: import("react").ComponentType<import("@ark-ui/react"
201
201
  colorScheme: {
202
202
  gray: {};
203
203
  };
204
- }, Record<"label" | "root" | "control" | "indicator" | "group", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
204
+ }, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
205
205
  export declare const Indicator: import("react").ComponentType<import("@ark-ui/react").Assign<Checkbox.IndicatorProps & import("react").RefAttributes<HTMLDivElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
206
206
  size: {
207
207
  md: {
@@ -215,7 +215,7 @@ export declare const Indicator: import("react").ComponentType<import("@ark-ui/re
215
215
  colorScheme: {
216
216
  gray: {};
217
217
  };
218
- }, Record<"label" | "root" | "control" | "indicator" | "group", string | string[]>, undefined, {
218
+ }, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, undefined, {
219
219
  size: {
220
220
  md: {
221
221
  control: string;
@@ -228,7 +228,7 @@ export declare const Indicator: import("react").ComponentType<import("@ark-ui/re
228
228
  colorScheme: {
229
229
  gray: {};
230
230
  };
231
- }, Record<"label" | "root" | "control" | "indicator" | "group", string | string[]>, import("tailwind-variants").TVReturnType<{
231
+ }, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, import("tailwind-variants").TVReturnType<{
232
232
  size: {
233
233
  md: {
234
234
  control: string;
@@ -241,7 +241,7 @@ export declare const Indicator: import("react").ComponentType<import("@ark-ui/re
241
241
  colorScheme: {
242
242
  gray: {};
243
243
  };
244
- }, Record<"label" | "root" | "control" | "indicator" | "group", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
244
+ }, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
245
245
  export declare const Label: import("react").ComponentType<import("@ark-ui/react").Assign<Checkbox.LabelProps & import("react").RefAttributes<HTMLSpanElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
246
246
  size: {
247
247
  md: {
@@ -255,7 +255,7 @@ export declare const Label: import("react").ComponentType<import("@ark-ui/react"
255
255
  colorScheme: {
256
256
  gray: {};
257
257
  };
258
- }, Record<"label" | "root" | "control" | "indicator" | "group", string | string[]>, undefined, {
258
+ }, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, undefined, {
259
259
  size: {
260
260
  md: {
261
261
  control: string;
@@ -268,7 +268,7 @@ export declare const Label: import("react").ComponentType<import("@ark-ui/react"
268
268
  colorScheme: {
269
269
  gray: {};
270
270
  };
271
- }, Record<"label" | "root" | "control" | "indicator" | "group", string | string[]>, import("tailwind-variants").TVReturnType<{
271
+ }, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, import("tailwind-variants").TVReturnType<{
272
272
  size: {
273
273
  md: {
274
274
  control: string;
@@ -281,6 +281,6 @@ export declare const Label: import("react").ComponentType<import("@ark-ui/react"
281
281
  colorScheme: {
282
282
  gray: {};
283
283
  };
284
- }, Record<"label" | "root" | "control" | "indicator" | "group", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
284
+ }, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
285
285
  export declare const HiddenInput: import("react").ForwardRefExoticComponent<Checkbox.HiddenInputProps & import("react").RefAttributes<HTMLInputElement>>;
286
286
  export declare const Context: (props: Checkbox.ContextProps) => import("react").ReactNode;
@@ -11,7 +11,7 @@ export declare const checkboxRecipe: import("tailwind-variants").TVReturnType<{
11
11
  colorScheme: {
12
12
  gray: {};
13
13
  };
14
- }, Record<"label" | "root" | "control" | "indicator" | "group", string | string[]>, undefined, {
14
+ }, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, undefined, {
15
15
  size: {
16
16
  md: {
17
17
  control: string;
@@ -24,7 +24,7 @@ export declare const checkboxRecipe: import("tailwind-variants").TVReturnType<{
24
24
  colorScheme: {
25
25
  gray: {};
26
26
  };
27
- }, Record<"label" | "root" | "control" | "indicator" | "group", string | string[]>, import("tailwind-variants").TVReturnType<{
27
+ }, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, import("tailwind-variants").TVReturnType<{
28
28
  size: {
29
29
  md: {
30
30
  control: string;
@@ -37,4 +37,4 @@ export declare const checkboxRecipe: import("tailwind-variants").TVReturnType<{
37
37
  colorScheme: {
38
38
  gray: {};
39
39
  };
40
- }, Record<"label" | "root" | "control" | "indicator" | "group", string | string[]>, undefined, unknown, unknown, undefined>>;
40
+ }, Record<"label" | "group" | "root" | "indicator" | "control", string | string[]>, undefined, unknown, unknown, undefined>>;