@opexa/portal-components 0.0.270 → 0.0.273

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 (85) hide show
  1. package/dist/client/hooks/useCamera.d.ts +1 -1
  2. package/dist/client/hooks/useCamera.js +51 -43
  3. package/dist/client/hooks/usePxToRemConverter.d.ts +2 -0
  4. package/dist/client/hooks/usePxToRemConverter.js +18 -0
  5. package/dist/client/hooks/useRect.d.ts +5 -0
  6. package/dist/client/hooks/useRect.js +45 -0
  7. package/dist/components/DepositWithdrawal/Withdrawal/GCashWithdrawal/GCashWithdrawal.js +1 -1
  8. package/dist/components/DepositWithdrawal/Withdrawal/InstapayWithdrawal/InstapayWithdrawal.js +1 -1
  9. package/dist/components/DepositWithdrawal/Withdrawal/MayaAppWithdrawal/MayaAppWithdrawal.js +1 -1
  10. package/dist/components/DepositWithdrawal/Withdrawal/MayaWithdrawal/MayaWithdrawal.js +1 -1
  11. package/dist/components/DepositWithdrawal/Withdrawal/PisoPayWithdrawal/PisoPayWithdrawal.js +1 -1
  12. package/dist/components/DepositWithdrawal/Withdrawal/VentajaWithdrawal/VentajaWithdrawal.js +1 -1
  13. package/dist/components/SignUp/SignUpKYC/IdFrontImageField/IdFrontImageField.client.d.ts +15 -0
  14. package/dist/components/SignUp/SignUpKYC/IdFrontImageField/IdFrontImageField.client.js +100 -0
  15. package/dist/components/SignUp/SignUpKYC/IdFrontImageField/IdFrontImageField.d.ts +2 -0
  16. package/dist/components/SignUp/SignUpKYC/IdFrontImageField/IdFrontImageField.js +11 -0
  17. package/dist/components/SignUp/SignUpKYC/IdFrontImageField/IdFrontImageFieldContext.d.ts +6 -0
  18. package/dist/components/SignUp/SignUpKYC/IdFrontImageField/IdFrontImageFieldContext.js +2 -0
  19. package/dist/components/SignUp/SignUpKYC/IdFrontImageField/index.d.ts +1 -0
  20. package/dist/components/SignUp/SignUpKYC/IdFrontImageField/index.js +1 -0
  21. package/dist/components/SignUp/SignUpKYC/IdFrontImageField/useIdFrontImageField.d.ts +18 -0
  22. package/dist/components/SignUp/SignUpKYC/IdFrontImageField/useIdFrontImageField.js +88 -0
  23. package/dist/components/SignUp/SignUpKYC/SelfieImageField/SelfieImageField.client.d.ts +15 -0
  24. package/dist/components/SignUp/SignUpKYC/SelfieImageField/SelfieImageField.client.js +113 -0
  25. package/dist/components/SignUp/SignUpKYC/SelfieImageField/SelfieImageField.d.ts +2 -0
  26. package/dist/components/SignUp/SignUpKYC/SelfieImageField/SelfieImageField.js +11 -0
  27. package/dist/components/SignUp/SignUpKYC/SelfieImageField/SelfieImageFieldContext.d.ts +6 -0
  28. package/dist/components/SignUp/SignUpKYC/SelfieImageField/SelfieImageFieldContext.js +2 -0
  29. package/dist/components/SignUp/SignUpKYC/SelfieImageField/index.d.ts +1 -0
  30. package/dist/components/SignUp/SignUpKYC/SelfieImageField/index.js +1 -0
  31. package/dist/components/SignUp/SignUpKYC/SelfieImageField/useSelfieImageField.d.ts +19 -0
  32. package/dist/components/SignUp/SignUpKYC/SelfieImageField/useSelfieImageField.js +186 -0
  33. package/dist/components/SignUp/SignUpKYC/SignUpKYC.lazy.js +3 -12
  34. package/dist/components/SignUp/SignUpKYC/SignUpKYCContext.d.ts +2 -3
  35. package/dist/components/SignUp/SignUpKYC/SignUpKYCForm.d.ts +1 -0
  36. package/dist/components/SignUp/SignUpKYC/SignUpKYCForm.js +464 -0
  37. package/dist/components/shared/IdFrontImageField/IdFrontImageField.client.js +11 -46
  38. package/dist/components/shared/SelfieImageField/SelfieImageField.client.js +20 -72
  39. package/dist/handlers/index.d.ts +7 -7
  40. package/dist/next.config.js +0 -8
  41. package/dist/ui/AlertDialog/AlertDialog.d.ts +88 -88
  42. package/dist/ui/AlertDialog/alertDialog.recipe.d.ts +8 -8
  43. package/dist/ui/Avatar/Avatar.d.ts +9 -9
  44. package/dist/ui/Avatar/avatar.recipe.d.ts +3 -3
  45. package/dist/ui/Badge/Badge.d.ts +12 -12
  46. package/dist/ui/Badge/badge.anatomy.d.ts +1 -1
  47. package/dist/ui/Badge/badge.recipe.d.ts +3 -3
  48. package/dist/ui/Carousel/Carousel.d.ts +72 -72
  49. package/dist/ui/Carousel/carousel.recipe.d.ts +8 -8
  50. package/dist/ui/Checkbox/Checkbox.d.ts +23 -23
  51. package/dist/ui/Checkbox/checkbox.recipe.d.ts +3 -3
  52. package/dist/ui/Clipboard/Clipboard.d.ts +18 -18
  53. package/dist/ui/Clipboard/clipboard.recipe.d.ts +3 -3
  54. package/dist/ui/Collapsible/Collapsible.d.ts +32 -32
  55. package/dist/ui/Collapsible/collapsible.recipe.d.ts +8 -8
  56. package/dist/ui/Combobox/Combobox.d.ts +42 -42
  57. package/dist/ui/Combobox/combobox.recipe.d.ts +3 -3
  58. package/dist/ui/DatePicker/DatePicker.d.ts +72 -72
  59. package/dist/ui/DatePicker/datePicker.recipe.d.ts +3 -3
  60. package/dist/ui/Dialog/Dialog.d.ts +88 -88
  61. package/dist/ui/Dialog/dialog.recipe.d.ts +8 -8
  62. package/dist/ui/Drawer/Drawer.d.ts +33 -33
  63. package/dist/ui/Drawer/drawer.recipe.d.ts +3 -3
  64. package/dist/ui/Field/Field.d.ts +21 -21
  65. package/dist/ui/Field/field.recipe.d.ts +3 -3
  66. package/dist/ui/Menu/Menu.d.ts +307 -307
  67. package/dist/ui/Menu/menu.recipe.d.ts +17 -17
  68. package/dist/ui/PasswordInput/PasswordInput.d.ts +18 -18
  69. package/dist/ui/PasswordInput/passwordInput.recipe.d.ts +3 -3
  70. package/dist/ui/Popover/Popover.d.ts +88 -88
  71. package/dist/ui/Popover/popover.recipe.d.ts +8 -8
  72. package/dist/ui/Progress/Progress.d.ts +27 -27
  73. package/dist/ui/Progress/progress.recipe.d.ts +3 -3
  74. package/dist/ui/QrCode/QrCode.d.ts +25 -25
  75. package/dist/ui/QrCode/qrCode.recipe.d.ts +5 -5
  76. package/dist/ui/SegmentGroup/SegmentGroup.d.ts +18 -18
  77. package/dist/ui/SegmentGroup/segmentGroup.recipe.d.ts +3 -3
  78. package/dist/ui/Select/Select.d.ts +45 -45
  79. package/dist/ui/Select/select.recipe.d.ts +3 -3
  80. package/dist/ui/Table/Table.d.ts +21 -21
  81. package/dist/ui/Table/table.anatomy.d.ts +1 -1
  82. package/dist/ui/Table/table.recipe.d.ts +3 -3
  83. package/dist/ui/Tabs/Tabs.d.ts +15 -15
  84. package/dist/ui/Tabs/tabs.recipe.d.ts +3 -3
  85. package/package.json +2 -4
@@ -1,11 +1,11 @@
1
1
  export declare const alertDialogRecipe: import("tailwind-variants").TVReturnType<{
2
2
  [key: string]: {
3
3
  [key: string]: import("tailwind-variants").ClassValue | {
4
- title?: import("tailwind-variants").ClassValue;
5
- content?: import("tailwind-variants").ClassValue;
6
4
  body?: import("tailwind-variants").ClassValue;
7
5
  footer?: import("tailwind-variants").ClassValue;
8
6
  header?: import("tailwind-variants").ClassValue;
7
+ title?: import("tailwind-variants").ClassValue;
8
+ content?: import("tailwind-variants").ClassValue;
9
9
  trigger?: import("tailwind-variants").ClassValue;
10
10
  backdrop?: import("tailwind-variants").ClassValue;
11
11
  positioner?: import("tailwind-variants").ClassValue;
@@ -16,11 +16,11 @@ export declare const alertDialogRecipe: import("tailwind-variants").TVReturnType
16
16
  } | {
17
17
  [x: string]: {
18
18
  [x: string]: import("tailwind-variants").ClassValue | {
19
- title?: import("tailwind-variants").ClassValue;
20
- content?: import("tailwind-variants").ClassValue;
21
19
  body?: import("tailwind-variants").ClassValue;
22
20
  footer?: import("tailwind-variants").ClassValue;
23
21
  header?: import("tailwind-variants").ClassValue;
22
+ title?: import("tailwind-variants").ClassValue;
23
+ content?: import("tailwind-variants").ClassValue;
24
24
  trigger?: import("tailwind-variants").ClassValue;
25
25
  backdrop?: import("tailwind-variants").ClassValue;
26
26
  positioner?: import("tailwind-variants").ClassValue;
@@ -28,14 +28,14 @@ export declare const alertDialogRecipe: import("tailwind-variants").TVReturnType
28
28
  closeTrigger?: import("tailwind-variants").ClassValue;
29
29
  };
30
30
  };
31
- } | {}, Record<"title" | "content" | "body" | "footer" | "header" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, {
31
+ } | {}, Record<"body" | "footer" | "header" | "title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, {
32
32
  [key: string]: {
33
33
  [key: string]: import("tailwind-variants").ClassValue | {
34
- title?: import("tailwind-variants").ClassValue;
35
- content?: import("tailwind-variants").ClassValue;
36
34
  body?: import("tailwind-variants").ClassValue;
37
35
  footer?: import("tailwind-variants").ClassValue;
38
36
  header?: import("tailwind-variants").ClassValue;
37
+ title?: import("tailwind-variants").ClassValue;
38
+ content?: import("tailwind-variants").ClassValue;
39
39
  trigger?: import("tailwind-variants").ClassValue;
40
40
  backdrop?: import("tailwind-variants").ClassValue;
41
41
  positioner?: import("tailwind-variants").ClassValue;
@@ -43,4 +43,4 @@ export declare const alertDialogRecipe: import("tailwind-variants").TVReturnType
43
43
  closeTrigger?: import("tailwind-variants").ClassValue;
44
44
  };
45
45
  };
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>>;
46
+ } | {}, Record<"body" | "footer" | "header" | "title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"body" | "footer" | "header" | "title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", string | string[]>, undefined, unknown, unknown, undefined>>;
@@ -6,21 +6,21 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
6
6
  fallback: string;
7
7
  };
8
8
  };
9
- }, Record<"image" | "root" | "fallback", string | string[]>, undefined, {
9
+ }, Record<"root" | "image" | "fallback", string | string[]>, undefined, {
10
10
  size: {
11
11
  md: {
12
12
  root: string;
13
13
  fallback: string;
14
14
  };
15
15
  };
16
- }, Record<"image" | "root" | "fallback", string | string[]>, import("tailwind-variants").TVReturnType<{
16
+ }, Record<"root" | "image" | "fallback", string | string[]>, import("tailwind-variants").TVReturnType<{
17
17
  size: {
18
18
  md: {
19
19
  root: string;
20
20
  fallback: string;
21
21
  };
22
22
  };
23
- }, Record<"image" | "root" | "fallback", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
23
+ }, Record<"root" | "image" | "fallback", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
24
24
  export declare const Image: import("react").ComponentType<import("@ark-ui/react").Assign<Avatar.ImageProps & import("react").RefAttributes<HTMLImageElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
25
25
  size: {
26
26
  md: {
@@ -28,21 +28,21 @@ export declare const Image: import("react").ComponentType<import("@ark-ui/react"
28
28
  fallback: string;
29
29
  };
30
30
  };
31
- }, Record<"image" | "root" | "fallback", string | string[]>, undefined, {
31
+ }, Record<"root" | "image" | "fallback", string | string[]>, undefined, {
32
32
  size: {
33
33
  md: {
34
34
  root: string;
35
35
  fallback: string;
36
36
  };
37
37
  };
38
- }, Record<"image" | "root" | "fallback", string | string[]>, import("tailwind-variants").TVReturnType<{
38
+ }, Record<"root" | "image" | "fallback", string | string[]>, import("tailwind-variants").TVReturnType<{
39
39
  size: {
40
40
  md: {
41
41
  root: string;
42
42
  fallback: string;
43
43
  };
44
44
  };
45
- }, Record<"image" | "root" | "fallback", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
45
+ }, Record<"root" | "image" | "fallback", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
46
46
  export declare const Fallback: import("react").ComponentType<import("@ark-ui/react").Assign<Avatar.FallbackProps & import("react").RefAttributes<HTMLSpanElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
47
47
  size: {
48
48
  md: {
@@ -50,19 +50,19 @@ export declare const Fallback: import("react").ComponentType<import("@ark-ui/rea
50
50
  fallback: string;
51
51
  };
52
52
  };
53
- }, Record<"image" | "root" | "fallback", string | string[]>, undefined, {
53
+ }, Record<"root" | "image" | "fallback", string | string[]>, undefined, {
54
54
  size: {
55
55
  md: {
56
56
  root: string;
57
57
  fallback: string;
58
58
  };
59
59
  };
60
- }, Record<"image" | "root" | "fallback", string | string[]>, import("tailwind-variants").TVReturnType<{
60
+ }, Record<"root" | "image" | "fallback", string | string[]>, import("tailwind-variants").TVReturnType<{
61
61
  size: {
62
62
  md: {
63
63
  root: string;
64
64
  fallback: string;
65
65
  };
66
66
  };
67
- }, Record<"image" | "root" | "fallback", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
67
+ }, Record<"root" | "image" | "fallback", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
68
68
  export declare const Context: (props: Avatar.ContextProps) => import("react").ReactNode;
@@ -5,18 +5,18 @@ export declare const avatarRecipe: import("tailwind-variants").TVReturnType<{
5
5
  fallback: string;
6
6
  };
7
7
  };
8
- }, Record<"image" | "root" | "fallback", string | string[]>, undefined, {
8
+ }, Record<"root" | "image" | "fallback", string | string[]>, undefined, {
9
9
  size: {
10
10
  md: {
11
11
  root: string;
12
12
  fallback: string;
13
13
  };
14
14
  };
15
- }, Record<"image" | "root" | "fallback", string | string[]>, import("tailwind-variants").TVReturnType<{
15
+ }, Record<"root" | "image" | "fallback", string | string[]>, import("tailwind-variants").TVReturnType<{
16
16
  size: {
17
17
  md: {
18
18
  root: string;
19
19
  fallback: string;
20
20
  };
21
21
  };
22
- }, Record<"image" | "root" | "fallback", string | string[]>, undefined, unknown, unknown, undefined>>;
22
+ }, Record<"root" | "image" | "fallback", string | string[]>, undefined, unknown, unknown, undefined>>;
@@ -36,7 +36,7 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
36
36
  root: string;
37
37
  };
38
38
  };
39
- }, Record<"label" | "root" | "icon" | "indicator", string | string[]>, undefined, {
39
+ }, Record<"label" | "root" | "indicator" | "icon", string | string[]>, undefined, {
40
40
  size: {
41
41
  md: {
42
42
  root: string;
@@ -70,7 +70,7 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
70
70
  root: string;
71
71
  };
72
72
  };
73
- }, Record<"label" | "root" | "icon" | "indicator", string | string[]>, import("tailwind-variants").TVReturnType<{
73
+ }, Record<"label" | "root" | "indicator" | "icon", string | string[]>, import("tailwind-variants").TVReturnType<{
74
74
  size: {
75
75
  md: {
76
76
  root: string;
@@ -104,7 +104,7 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
104
104
  root: string;
105
105
  };
106
106
  };
107
- }, Record<"label" | "root" | "icon" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
107
+ }, Record<"label" | "root" | "indicator" | "icon", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
108
108
  interface BadgeLabelProps extends ComponentPropsWithRef<'span'> {
109
109
  asChild?: boolean;
110
110
  }
@@ -142,7 +142,7 @@ export declare const Label: import("react").ComponentType<import("@ark-ui/react"
142
142
  root: string;
143
143
  };
144
144
  };
145
- }, Record<"label" | "root" | "icon" | "indicator", string | string[]>, undefined, {
145
+ }, Record<"label" | "root" | "indicator" | "icon", string | string[]>, undefined, {
146
146
  size: {
147
147
  md: {
148
148
  root: string;
@@ -176,7 +176,7 @@ export declare const Label: import("react").ComponentType<import("@ark-ui/react"
176
176
  root: string;
177
177
  };
178
178
  };
179
- }, Record<"label" | "root" | "icon" | "indicator", string | string[]>, import("tailwind-variants").TVReturnType<{
179
+ }, Record<"label" | "root" | "indicator" | "icon", string | string[]>, import("tailwind-variants").TVReturnType<{
180
180
  size: {
181
181
  md: {
182
182
  root: string;
@@ -210,7 +210,7 @@ export declare const Label: import("react").ComponentType<import("@ark-ui/react"
210
210
  root: string;
211
211
  };
212
212
  };
213
- }, Record<"label" | "root" | "icon" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
213
+ }, Record<"label" | "root" | "indicator" | "icon", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
214
214
  interface BadgeIndicatorProps extends ComponentPropsWithRef<'svg'> {
215
215
  asChild?: boolean;
216
216
  }
@@ -248,7 +248,7 @@ export declare const Indicator: import("react").ComponentType<import("@ark-ui/re
248
248
  root: string;
249
249
  };
250
250
  };
251
- }, Record<"label" | "root" | "icon" | "indicator", string | string[]>, undefined, {
251
+ }, Record<"label" | "root" | "indicator" | "icon", string | string[]>, undefined, {
252
252
  size: {
253
253
  md: {
254
254
  root: string;
@@ -282,7 +282,7 @@ export declare const Indicator: import("react").ComponentType<import("@ark-ui/re
282
282
  root: string;
283
283
  };
284
284
  };
285
- }, Record<"label" | "root" | "icon" | "indicator", string | string[]>, import("tailwind-variants").TVReturnType<{
285
+ }, Record<"label" | "root" | "indicator" | "icon", string | string[]>, import("tailwind-variants").TVReturnType<{
286
286
  size: {
287
287
  md: {
288
288
  root: string;
@@ -316,7 +316,7 @@ export declare const Indicator: import("react").ComponentType<import("@ark-ui/re
316
316
  root: string;
317
317
  };
318
318
  };
319
- }, Record<"label" | "root" | "icon" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
319
+ }, Record<"label" | "root" | "indicator" | "icon", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
320
320
  interface BadgeIconProps extends ComponentPropsWithRef<'svg'> {
321
321
  asChild?: boolean;
322
322
  }
@@ -354,7 +354,7 @@ export declare const Icon: import("react").ComponentType<import("@ark-ui/react")
354
354
  root: string;
355
355
  };
356
356
  };
357
- }, Record<"label" | "root" | "icon" | "indicator", string | string[]>, undefined, {
357
+ }, Record<"label" | "root" | "indicator" | "icon", string | string[]>, undefined, {
358
358
  size: {
359
359
  md: {
360
360
  root: string;
@@ -388,7 +388,7 @@ export declare const Icon: import("react").ComponentType<import("@ark-ui/react")
388
388
  root: string;
389
389
  };
390
390
  };
391
- }, Record<"label" | "root" | "icon" | "indicator", string | string[]>, import("tailwind-variants").TVReturnType<{
391
+ }, Record<"label" | "root" | "indicator" | "icon", string | string[]>, import("tailwind-variants").TVReturnType<{
392
392
  size: {
393
393
  md: {
394
394
  root: string;
@@ -422,5 +422,5 @@ export declare const Icon: import("react").ComponentType<import("@ark-ui/react")
422
422
  root: string;
423
423
  };
424
424
  };
425
- }, Record<"label" | "root" | "icon" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
425
+ }, Record<"label" | "root" | "indicator" | "icon", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
426
426
  export {};
@@ -1 +1 @@
1
- export declare const badgeAnatomy: import("@ark-ui/react/anatomy").AnatomyInstance<"label" | "root" | "icon" | "indicator">;
1
+ export declare const badgeAnatomy: import("@ark-ui/react/anatomy").AnatomyInstance<"label" | "root" | "indicator" | "icon">;
@@ -32,7 +32,7 @@ export declare const badgeRecipe: import("tailwind-variants").TVReturnType<{
32
32
  root: string;
33
33
  };
34
34
  };
35
- }, Record<"label" | "root" | "icon" | "indicator", string | string[]>, undefined, {
35
+ }, Record<"label" | "root" | "indicator" | "icon", string | string[]>, undefined, {
36
36
  size: {
37
37
  md: {
38
38
  root: string;
@@ -66,7 +66,7 @@ export declare const badgeRecipe: import("tailwind-variants").TVReturnType<{
66
66
  root: string;
67
67
  };
68
68
  };
69
- }, Record<"label" | "root" | "icon" | "indicator", string | string[]>, import("tailwind-variants").TVReturnType<{
69
+ }, Record<"label" | "root" | "indicator" | "icon", string | string[]>, import("tailwind-variants").TVReturnType<{
70
70
  size: {
71
71
  md: {
72
72
  root: string;
@@ -100,4 +100,4 @@ export declare const badgeRecipe: import("tailwind-variants").TVReturnType<{
100
100
  root: string;
101
101
  };
102
102
  };
103
- }, Record<"label" | "root" | "icon" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>;
103
+ }, Record<"label" | "root" | "indicator" | "icon", string | string[]>, undefined, unknown, unknown, undefined>>;