@opexa/portal-components 0.0.701 → 0.0.702

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 (54) hide show
  1. package/dist/components/DepositWithdrawal/Deposit/Deposit.js +4 -8
  2. package/dist/components/KYC/KYCVerificationStatus.lazy.js +4 -7
  3. package/dist/ui/Carousel/Carousel.d.ts +45 -45
  4. package/dist/ui/Carousel/carousel.recipe.d.ts +5 -5
  5. package/dist/ui/DatePicker/DatePicker.d.ts +72 -72
  6. package/dist/ui/DatePicker/datePicker.recipe.d.ts +3 -3
  7. package/dist/ui/Menu/Menu.d.ts +90 -90
  8. package/dist/ui/Menu/menu.recipe.d.ts +5 -5
  9. package/dist/ui/QrCode/QrCode.d.ts +25 -25
  10. package/dist/ui/QrCode/qrCode.recipe.d.ts +5 -5
  11. package/dist/ui/SegmentGroup/SegmentGroup.d.ts +18 -18
  12. package/dist/ui/SegmentGroup/segmentGroup.recipe.d.ts +3 -3
  13. package/package.json +1 -1
  14. package/dist/components/Banner/Banner.client.d.ts +0 -12
  15. package/dist/components/Banner/Banner.client.js +0 -49
  16. package/dist/components/DigitainLauncher/Loading.d.ts +0 -1
  17. package/dist/components/DigitainLauncher/Loading.js +0 -5
  18. package/dist/components/KYC/BasicInformation.d.ts +0 -1
  19. package/dist/components/KYC/BasicInformation.js +0 -101
  20. package/dist/components/KYC/IdentityVerification.d.ts +0 -1
  21. package/dist/components/KYC/IdentityVerification.js +0 -120
  22. package/dist/components/KYC/Indicator.d.ts +0 -1
  23. package/dist/components/KYC/Indicator.js +0 -8
  24. package/dist/components/KYC/KYC.lazy.d.ts +0 -6
  25. package/dist/components/KYC/KYC.lazy.js +0 -45
  26. package/dist/components/KYC/KYCContext.d.ts +0 -6
  27. package/dist/components/KYC/KYCContext.js +0 -2
  28. package/dist/components/KYC/PersonalInformation.d.ts +0 -1
  29. package/dist/components/KYC/PersonalInformation.js +0 -122
  30. package/dist/components/KYC/useKYC.d.ts +0 -25
  31. package/dist/components/KYC/useKYC.js +0 -38
  32. package/dist/components/PortalProvider/AndroidOnlyComponents.d.ts +0 -1
  33. package/dist/components/PortalProvider/AndroidOnlyComponents.js +0 -12
  34. package/dist/components/PortalProvider/CXDTokenObserver.d.ts +0 -1
  35. package/dist/components/PortalProvider/CXDTokenObserver.js +0 -30
  36. package/dist/components/SignIn/utils.d.ts +0 -8
  37. package/dist/components/SignIn/utils.js +0 -26
  38. package/dist/constants/Branches.d.ts +0 -2
  39. package/dist/constants/Branches.js +0 -42
  40. package/dist/images/responsible-gaming-yellow.png +0 -0
  41. package/dist/third-parties/FacebookPixel/FacebookPixel.d.ts +0 -4
  42. package/dist/third-parties/FacebookPixel/FacebookPixel.js +0 -4
  43. package/dist/third-parties/FacebookPixel/api.d.ts +0 -0
  44. package/dist/third-parties/FacebookPixel/api.js +0 -1
  45. package/dist/third-parties/FacebookPixel/index.d.ts +0 -1
  46. package/dist/third-parties/FacebookPixel/index.js +0 -1
  47. package/dist/third-parties/GoogleRecaptcha/GoogleRecaptcha.d.ts +0 -4
  48. package/dist/third-parties/GoogleRecaptcha/GoogleRecaptcha.js +0 -4
  49. package/dist/third-parties/GoogleRecaptcha/api.d.ts +0 -0
  50. package/dist/third-parties/GoogleRecaptcha/api.js +0 -1
  51. package/dist/third-parties/GoogleRecaptcha/index.d.ts +0 -1
  52. package/dist/third-parties/GoogleRecaptcha/index.js +0 -1
  53. package/dist/third-parties/index.d.ts +0 -2
  54. package/dist/third-parties/index.js +0 -2
@@ -6,9 +6,9 @@ export declare const menuRecipe: import("tailwind-variants").TVReturnType<{
6
6
  item?: import("tailwind-variants").ClassValue;
7
7
  trigger?: import("tailwind-variants").ClassValue;
8
8
  positioner?: import("tailwind-variants").ClassValue;
9
- separator?: import("tailwind-variants").ClassValue;
10
9
  arrow?: import("tailwind-variants").ClassValue;
11
10
  arrowTip?: import("tailwind-variants").ClassValue;
11
+ separator?: import("tailwind-variants").ClassValue;
12
12
  itemText?: import("tailwind-variants").ClassValue;
13
13
  itemIndicator?: import("tailwind-variants").ClassValue;
14
14
  itemGroup?: import("tailwind-variants").ClassValue;
@@ -25,9 +25,9 @@ export declare const menuRecipe: import("tailwind-variants").TVReturnType<{
25
25
  item?: import("tailwind-variants").ClassValue;
26
26
  trigger?: import("tailwind-variants").ClassValue;
27
27
  positioner?: import("tailwind-variants").ClassValue;
28
- separator?: import("tailwind-variants").ClassValue;
29
28
  arrow?: import("tailwind-variants").ClassValue;
30
29
  arrowTip?: import("tailwind-variants").ClassValue;
30
+ separator?: import("tailwind-variants").ClassValue;
31
31
  itemText?: import("tailwind-variants").ClassValue;
32
32
  itemIndicator?: import("tailwind-variants").ClassValue;
33
33
  itemGroup?: import("tailwind-variants").ClassValue;
@@ -36,7 +36,7 @@ export declare const menuRecipe: import("tailwind-variants").TVReturnType<{
36
36
  triggerItem?: import("tailwind-variants").ClassValue;
37
37
  };
38
38
  };
39
- } | {}, Record<"content" | "indicator" | "item" | "trigger" | "positioner" | "separator" | "arrow" | "arrowTip" | "itemText" | "itemIndicator" | "itemGroup" | "itemGroupLabel" | "contextTrigger" | "triggerItem", string | string[]>, undefined, {
39
+ } | {}, Record<"content" | "indicator" | "item" | "trigger" | "positioner" | "arrow" | "arrowTip" | "separator" | "itemText" | "itemIndicator" | "itemGroup" | "itemGroupLabel" | "contextTrigger" | "triggerItem", string | string[]>, undefined, {
40
40
  [key: string]: {
41
41
  [key: string]: import("tailwind-variants").ClassValue | {
42
42
  content?: import("tailwind-variants").ClassValue;
@@ -44,9 +44,9 @@ export declare const menuRecipe: import("tailwind-variants").TVReturnType<{
44
44
  item?: import("tailwind-variants").ClassValue;
45
45
  trigger?: import("tailwind-variants").ClassValue;
46
46
  positioner?: import("tailwind-variants").ClassValue;
47
- separator?: import("tailwind-variants").ClassValue;
48
47
  arrow?: import("tailwind-variants").ClassValue;
49
48
  arrowTip?: import("tailwind-variants").ClassValue;
49
+ separator?: import("tailwind-variants").ClassValue;
50
50
  itemText?: import("tailwind-variants").ClassValue;
51
51
  itemIndicator?: import("tailwind-variants").ClassValue;
52
52
  itemGroup?: import("tailwind-variants").ClassValue;
@@ -55,4 +55,4 @@ export declare const menuRecipe: import("tailwind-variants").TVReturnType<{
55
55
  triggerItem?: import("tailwind-variants").ClassValue;
56
56
  };
57
57
  };
58
- } | {}, Record<"content" | "indicator" | "item" | "trigger" | "positioner" | "separator" | "arrow" | "arrowTip" | "itemText" | "itemIndicator" | "itemGroup" | "itemGroupLabel" | "contextTrigger" | "triggerItem", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"content" | "indicator" | "item" | "trigger" | "positioner" | "separator" | "arrow" | "arrowTip" | "itemText" | "itemIndicator" | "itemGroup" | "itemGroupLabel" | "contextTrigger" | "triggerItem", string | string[]>, undefined, unknown, unknown, undefined>>;
58
+ } | {}, Record<"content" | "indicator" | "item" | "trigger" | "positioner" | "arrow" | "arrowTip" | "separator" | "itemText" | "itemIndicator" | "itemGroup" | "itemGroupLabel" | "contextTrigger" | "triggerItem", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"content" | "indicator" | "item" | "trigger" | "positioner" | "arrow" | "arrowTip" | "separator" | "itemText" | "itemIndicator" | "itemGroup" | "itemGroupLabel" | "contextTrigger" | "triggerItem", string | string[]>, undefined, unknown, unknown, undefined>>;
@@ -4,8 +4,8 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
4
4
  [key: string]: import("tailwind-variants").ClassValue | {
5
5
  root?: import("tailwind-variants").ClassValue;
6
6
  pattern?: import("tailwind-variants").ClassValue;
7
- frame?: import("tailwind-variants").ClassValue;
8
7
  overlay?: import("tailwind-variants").ClassValue;
8
+ frame?: import("tailwind-variants").ClassValue;
9
9
  downloadTrigger?: import("tailwind-variants").ClassValue;
10
10
  };
11
11
  };
@@ -14,29 +14,29 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
14
14
  [x: string]: import("tailwind-variants").ClassValue | {
15
15
  root?: import("tailwind-variants").ClassValue;
16
16
  pattern?: import("tailwind-variants").ClassValue;
17
- frame?: import("tailwind-variants").ClassValue;
18
17
  overlay?: import("tailwind-variants").ClassValue;
18
+ frame?: import("tailwind-variants").ClassValue;
19
19
  downloadTrigger?: import("tailwind-variants").ClassValue;
20
20
  };
21
21
  };
22
- } | {}, Record<"root" | "pattern" | "frame" | "overlay" | "downloadTrigger", string | string[]>, undefined, {
22
+ } | {}, Record<"root" | "pattern" | "overlay" | "frame" | "downloadTrigger", string | string[]>, undefined, {
23
23
  [key: string]: {
24
24
  [key: string]: import("tailwind-variants").ClassValue | {
25
25
  root?: import("tailwind-variants").ClassValue;
26
26
  pattern?: import("tailwind-variants").ClassValue;
27
- frame?: import("tailwind-variants").ClassValue;
28
27
  overlay?: import("tailwind-variants").ClassValue;
28
+ frame?: import("tailwind-variants").ClassValue;
29
29
  downloadTrigger?: import("tailwind-variants").ClassValue;
30
30
  };
31
31
  };
32
- } | {}, Record<"root" | "pattern" | "frame" | "overlay" | "downloadTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"root" | "pattern" | "frame" | "overlay" | "downloadTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
32
+ } | {}, Record<"root" | "pattern" | "overlay" | "frame" | "downloadTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"root" | "pattern" | "overlay" | "frame" | "downloadTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
33
33
  export declare const DownloadTrigger: import("react").ComponentType<import("@ark-ui/react").Assign<QrCode.DownloadTriggerProps & import("react").RefAttributes<HTMLButtonElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
34
34
  [key: string]: {
35
35
  [key: string]: import("tailwind-variants").ClassValue | {
36
36
  root?: import("tailwind-variants").ClassValue;
37
37
  pattern?: import("tailwind-variants").ClassValue;
38
- frame?: import("tailwind-variants").ClassValue;
39
38
  overlay?: import("tailwind-variants").ClassValue;
39
+ frame?: import("tailwind-variants").ClassValue;
40
40
  downloadTrigger?: import("tailwind-variants").ClassValue;
41
41
  };
42
42
  };
@@ -45,29 +45,29 @@ export declare const DownloadTrigger: import("react").ComponentType<import("@ark
45
45
  [x: string]: import("tailwind-variants").ClassValue | {
46
46
  root?: import("tailwind-variants").ClassValue;
47
47
  pattern?: import("tailwind-variants").ClassValue;
48
- frame?: import("tailwind-variants").ClassValue;
49
48
  overlay?: import("tailwind-variants").ClassValue;
49
+ frame?: import("tailwind-variants").ClassValue;
50
50
  downloadTrigger?: import("tailwind-variants").ClassValue;
51
51
  };
52
52
  };
53
- } | {}, Record<"root" | "pattern" | "frame" | "overlay" | "downloadTrigger", string | string[]>, undefined, {
53
+ } | {}, Record<"root" | "pattern" | "overlay" | "frame" | "downloadTrigger", string | string[]>, undefined, {
54
54
  [key: string]: {
55
55
  [key: string]: import("tailwind-variants").ClassValue | {
56
56
  root?: import("tailwind-variants").ClassValue;
57
57
  pattern?: import("tailwind-variants").ClassValue;
58
- frame?: import("tailwind-variants").ClassValue;
59
58
  overlay?: import("tailwind-variants").ClassValue;
59
+ frame?: import("tailwind-variants").ClassValue;
60
60
  downloadTrigger?: import("tailwind-variants").ClassValue;
61
61
  };
62
62
  };
63
- } | {}, Record<"root" | "pattern" | "frame" | "overlay" | "downloadTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"root" | "pattern" | "frame" | "overlay" | "downloadTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
63
+ } | {}, Record<"root" | "pattern" | "overlay" | "frame" | "downloadTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"root" | "pattern" | "overlay" | "frame" | "downloadTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
64
64
  export declare const Frame: import("react").ComponentType<import("@ark-ui/react").Assign<QrCode.FrameProps & import("react").RefAttributes<SVGSVGElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
65
65
  [key: string]: {
66
66
  [key: string]: import("tailwind-variants").ClassValue | {
67
67
  root?: import("tailwind-variants").ClassValue;
68
68
  pattern?: import("tailwind-variants").ClassValue;
69
- frame?: import("tailwind-variants").ClassValue;
70
69
  overlay?: import("tailwind-variants").ClassValue;
70
+ frame?: import("tailwind-variants").ClassValue;
71
71
  downloadTrigger?: import("tailwind-variants").ClassValue;
72
72
  };
73
73
  };
@@ -76,29 +76,29 @@ export declare const Frame: import("react").ComponentType<import("@ark-ui/react"
76
76
  [x: string]: import("tailwind-variants").ClassValue | {
77
77
  root?: import("tailwind-variants").ClassValue;
78
78
  pattern?: import("tailwind-variants").ClassValue;
79
- frame?: import("tailwind-variants").ClassValue;
80
79
  overlay?: import("tailwind-variants").ClassValue;
80
+ frame?: import("tailwind-variants").ClassValue;
81
81
  downloadTrigger?: import("tailwind-variants").ClassValue;
82
82
  };
83
83
  };
84
- } | {}, Record<"root" | "pattern" | "frame" | "overlay" | "downloadTrigger", string | string[]>, undefined, {
84
+ } | {}, Record<"root" | "pattern" | "overlay" | "frame" | "downloadTrigger", string | string[]>, undefined, {
85
85
  [key: string]: {
86
86
  [key: string]: import("tailwind-variants").ClassValue | {
87
87
  root?: import("tailwind-variants").ClassValue;
88
88
  pattern?: import("tailwind-variants").ClassValue;
89
- frame?: import("tailwind-variants").ClassValue;
90
89
  overlay?: import("tailwind-variants").ClassValue;
90
+ frame?: import("tailwind-variants").ClassValue;
91
91
  downloadTrigger?: import("tailwind-variants").ClassValue;
92
92
  };
93
93
  };
94
- } | {}, Record<"root" | "pattern" | "frame" | "overlay" | "downloadTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"root" | "pattern" | "frame" | "overlay" | "downloadTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
94
+ } | {}, Record<"root" | "pattern" | "overlay" | "frame" | "downloadTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"root" | "pattern" | "overlay" | "frame" | "downloadTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
95
95
  export declare const Overlay: import("react").ComponentType<import("@ark-ui/react").Assign<QrCode.OverlayProps & import("react").RefAttributes<HTMLDivElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
96
96
  [key: string]: {
97
97
  [key: string]: import("tailwind-variants").ClassValue | {
98
98
  root?: import("tailwind-variants").ClassValue;
99
99
  pattern?: import("tailwind-variants").ClassValue;
100
- frame?: import("tailwind-variants").ClassValue;
101
100
  overlay?: import("tailwind-variants").ClassValue;
101
+ frame?: import("tailwind-variants").ClassValue;
102
102
  downloadTrigger?: import("tailwind-variants").ClassValue;
103
103
  };
104
104
  };
@@ -107,29 +107,29 @@ export declare const Overlay: import("react").ComponentType<import("@ark-ui/reac
107
107
  [x: string]: import("tailwind-variants").ClassValue | {
108
108
  root?: import("tailwind-variants").ClassValue;
109
109
  pattern?: import("tailwind-variants").ClassValue;
110
- frame?: import("tailwind-variants").ClassValue;
111
110
  overlay?: import("tailwind-variants").ClassValue;
111
+ frame?: import("tailwind-variants").ClassValue;
112
112
  downloadTrigger?: import("tailwind-variants").ClassValue;
113
113
  };
114
114
  };
115
- } | {}, Record<"root" | "pattern" | "frame" | "overlay" | "downloadTrigger", string | string[]>, undefined, {
115
+ } | {}, Record<"root" | "pattern" | "overlay" | "frame" | "downloadTrigger", string | string[]>, undefined, {
116
116
  [key: string]: {
117
117
  [key: string]: import("tailwind-variants").ClassValue | {
118
118
  root?: import("tailwind-variants").ClassValue;
119
119
  pattern?: import("tailwind-variants").ClassValue;
120
- frame?: import("tailwind-variants").ClassValue;
121
120
  overlay?: import("tailwind-variants").ClassValue;
121
+ frame?: import("tailwind-variants").ClassValue;
122
122
  downloadTrigger?: import("tailwind-variants").ClassValue;
123
123
  };
124
124
  };
125
- } | {}, Record<"root" | "pattern" | "frame" | "overlay" | "downloadTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"root" | "pattern" | "frame" | "overlay" | "downloadTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
125
+ } | {}, Record<"root" | "pattern" | "overlay" | "frame" | "downloadTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"root" | "pattern" | "overlay" | "frame" | "downloadTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
126
126
  export declare const Pattern: import("react").ComponentType<import("@ark-ui/react").Assign<QrCode.PatternProps & import("react").RefAttributes<SVGPathElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
127
127
  [key: string]: {
128
128
  [key: string]: import("tailwind-variants").ClassValue | {
129
129
  root?: import("tailwind-variants").ClassValue;
130
130
  pattern?: import("tailwind-variants").ClassValue;
131
- frame?: import("tailwind-variants").ClassValue;
132
131
  overlay?: import("tailwind-variants").ClassValue;
132
+ frame?: import("tailwind-variants").ClassValue;
133
133
  downloadTrigger?: import("tailwind-variants").ClassValue;
134
134
  };
135
135
  };
@@ -138,20 +138,20 @@ export declare const Pattern: import("react").ComponentType<import("@ark-ui/reac
138
138
  [x: string]: import("tailwind-variants").ClassValue | {
139
139
  root?: import("tailwind-variants").ClassValue;
140
140
  pattern?: import("tailwind-variants").ClassValue;
141
- frame?: import("tailwind-variants").ClassValue;
142
141
  overlay?: import("tailwind-variants").ClassValue;
142
+ frame?: import("tailwind-variants").ClassValue;
143
143
  downloadTrigger?: import("tailwind-variants").ClassValue;
144
144
  };
145
145
  };
146
- } | {}, Record<"root" | "pattern" | "frame" | "overlay" | "downloadTrigger", string | string[]>, undefined, {
146
+ } | {}, Record<"root" | "pattern" | "overlay" | "frame" | "downloadTrigger", string | string[]>, undefined, {
147
147
  [key: string]: {
148
148
  [key: string]: import("tailwind-variants").ClassValue | {
149
149
  root?: import("tailwind-variants").ClassValue;
150
150
  pattern?: import("tailwind-variants").ClassValue;
151
- frame?: import("tailwind-variants").ClassValue;
152
151
  overlay?: import("tailwind-variants").ClassValue;
152
+ frame?: import("tailwind-variants").ClassValue;
153
153
  downloadTrigger?: import("tailwind-variants").ClassValue;
154
154
  };
155
155
  };
156
- } | {}, Record<"root" | "pattern" | "frame" | "overlay" | "downloadTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"root" | "pattern" | "frame" | "overlay" | "downloadTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
156
+ } | {}, Record<"root" | "pattern" | "overlay" | "frame" | "downloadTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"root" | "pattern" | "overlay" | "frame" | "downloadTrigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
157
157
  export declare const Context: (props: QrCode.ContextProps) => import("react").ReactNode;
@@ -3,8 +3,8 @@ export declare const qrCodeRecipe: import("tailwind-variants").TVReturnType<{
3
3
  [key: string]: import("tailwind-variants").ClassValue | {
4
4
  root?: import("tailwind-variants").ClassValue;
5
5
  pattern?: import("tailwind-variants").ClassValue;
6
- frame?: import("tailwind-variants").ClassValue;
7
6
  overlay?: import("tailwind-variants").ClassValue;
7
+ frame?: import("tailwind-variants").ClassValue;
8
8
  downloadTrigger?: import("tailwind-variants").ClassValue;
9
9
  };
10
10
  };
@@ -13,19 +13,19 @@ export declare const qrCodeRecipe: import("tailwind-variants").TVReturnType<{
13
13
  [x: string]: import("tailwind-variants").ClassValue | {
14
14
  root?: import("tailwind-variants").ClassValue;
15
15
  pattern?: import("tailwind-variants").ClassValue;
16
- frame?: import("tailwind-variants").ClassValue;
17
16
  overlay?: import("tailwind-variants").ClassValue;
17
+ frame?: import("tailwind-variants").ClassValue;
18
18
  downloadTrigger?: import("tailwind-variants").ClassValue;
19
19
  };
20
20
  };
21
- } | {}, Record<"root" | "pattern" | "frame" | "overlay" | "downloadTrigger", string | string[]>, undefined, {
21
+ } | {}, Record<"root" | "pattern" | "overlay" | "frame" | "downloadTrigger", string | string[]>, undefined, {
22
22
  [key: string]: {
23
23
  [key: string]: import("tailwind-variants").ClassValue | {
24
24
  root?: import("tailwind-variants").ClassValue;
25
25
  pattern?: import("tailwind-variants").ClassValue;
26
- frame?: import("tailwind-variants").ClassValue;
27
26
  overlay?: import("tailwind-variants").ClassValue;
27
+ frame?: import("tailwind-variants").ClassValue;
28
28
  downloadTrigger?: import("tailwind-variants").ClassValue;
29
29
  };
30
30
  };
31
- } | {}, Record<"root" | "pattern" | "frame" | "overlay" | "downloadTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"root" | "pattern" | "frame" | "overlay" | "downloadTrigger", string | string[]>, undefined, unknown, unknown, undefined>>;
31
+ } | {}, Record<"root" | "pattern" | "overlay" | "frame" | "downloadTrigger", string | string[]>, import("tailwind-variants").TVReturnType<unknown, Record<"root" | "pattern" | "overlay" | "frame" | "downloadTrigger", string | string[]>, undefined, unknown, unknown, undefined>>;
@@ -11,7 +11,7 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
11
11
  indicator: string;
12
12
  };
13
13
  };
14
- }, Record<"label" | "root" | "indicator" | "item" | "itemControl" | "itemText", string | string[]>, undefined, {
14
+ }, Record<"label" | "root" | "indicator" | "item" | "itemText" | "itemControl", string | string[]>, undefined, {
15
15
  size: {
16
16
  md: {};
17
17
  };
@@ -23,7 +23,7 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
23
23
  indicator: string;
24
24
  };
25
25
  };
26
- }, Record<"label" | "root" | "indicator" | "item" | "itemControl" | "itemText", string | string[]>, import("tailwind-variants").TVReturnType<{
26
+ }, Record<"label" | "root" | "indicator" | "item" | "itemText" | "itemControl", string | string[]>, import("tailwind-variants").TVReturnType<{
27
27
  size: {
28
28
  md: {};
29
29
  };
@@ -35,7 +35,7 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
35
35
  indicator: string;
36
36
  };
37
37
  };
38
- }, Record<"label" | "root" | "indicator" | "item" | "itemControl" | "itemText", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
38
+ }, Record<"label" | "root" | "indicator" | "item" | "itemText" | "itemControl", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
39
39
  export declare const Indicator: import("react").ComponentType<import("@ark-ui/react").Assign<SegmentGroup.IndicatorProps & import("react").RefAttributes<HTMLDivElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
40
40
  size: {
41
41
  md: {};
@@ -48,7 +48,7 @@ export declare const Indicator: import("react").ComponentType<import("@ark-ui/re
48
48
  indicator: string;
49
49
  };
50
50
  };
51
- }, Record<"label" | "root" | "indicator" | "item" | "itemControl" | "itemText", string | string[]>, undefined, {
51
+ }, Record<"label" | "root" | "indicator" | "item" | "itemText" | "itemControl", string | string[]>, undefined, {
52
52
  size: {
53
53
  md: {};
54
54
  };
@@ -60,7 +60,7 @@ export declare const Indicator: import("react").ComponentType<import("@ark-ui/re
60
60
  indicator: string;
61
61
  };
62
62
  };
63
- }, Record<"label" | "root" | "indicator" | "item" | "itemControl" | "itemText", string | string[]>, import("tailwind-variants").TVReturnType<{
63
+ }, Record<"label" | "root" | "indicator" | "item" | "itemText" | "itemControl", string | string[]>, import("tailwind-variants").TVReturnType<{
64
64
  size: {
65
65
  md: {};
66
66
  };
@@ -72,7 +72,7 @@ export declare const Indicator: import("react").ComponentType<import("@ark-ui/re
72
72
  indicator: string;
73
73
  };
74
74
  };
75
- }, Record<"label" | "root" | "indicator" | "item" | "itemControl" | "itemText", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
75
+ }, Record<"label" | "root" | "indicator" | "item" | "itemText" | "itemControl", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
76
76
  export declare const Item: import("react").ComponentType<import("@ark-ui/react").Assign<SegmentGroup.ItemProps & import("react").RefAttributes<HTMLLabelElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
77
77
  size: {
78
78
  md: {};
@@ -85,7 +85,7 @@ export declare const Item: import("react").ComponentType<import("@ark-ui/react")
85
85
  indicator: string;
86
86
  };
87
87
  };
88
- }, Record<"label" | "root" | "indicator" | "item" | "itemControl" | "itemText", string | string[]>, undefined, {
88
+ }, Record<"label" | "root" | "indicator" | "item" | "itemText" | "itemControl", string | string[]>, undefined, {
89
89
  size: {
90
90
  md: {};
91
91
  };
@@ -97,7 +97,7 @@ export declare const Item: import("react").ComponentType<import("@ark-ui/react")
97
97
  indicator: string;
98
98
  };
99
99
  };
100
- }, Record<"label" | "root" | "indicator" | "item" | "itemControl" | "itemText", string | string[]>, import("tailwind-variants").TVReturnType<{
100
+ }, Record<"label" | "root" | "indicator" | "item" | "itemText" | "itemControl", string | string[]>, import("tailwind-variants").TVReturnType<{
101
101
  size: {
102
102
  md: {};
103
103
  };
@@ -109,7 +109,7 @@ export declare const Item: import("react").ComponentType<import("@ark-ui/react")
109
109
  indicator: string;
110
110
  };
111
111
  };
112
- }, Record<"label" | "root" | "indicator" | "item" | "itemControl" | "itemText", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
112
+ }, Record<"label" | "root" | "indicator" | "item" | "itemText" | "itemControl", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
113
113
  export declare const ItemControl: import("react").ComponentType<import("@ark-ui/react").Assign<SegmentGroup.ItemControlProps & import("react").RefAttributes<HTMLDivElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
114
114
  size: {
115
115
  md: {};
@@ -122,7 +122,7 @@ export declare const ItemControl: import("react").ComponentType<import("@ark-ui/
122
122
  indicator: string;
123
123
  };
124
124
  };
125
- }, Record<"label" | "root" | "indicator" | "item" | "itemControl" | "itemText", string | string[]>, undefined, {
125
+ }, Record<"label" | "root" | "indicator" | "item" | "itemText" | "itemControl", string | string[]>, undefined, {
126
126
  size: {
127
127
  md: {};
128
128
  };
@@ -134,7 +134,7 @@ export declare const ItemControl: import("react").ComponentType<import("@ark-ui/
134
134
  indicator: string;
135
135
  };
136
136
  };
137
- }, Record<"label" | "root" | "indicator" | "item" | "itemControl" | "itemText", string | string[]>, import("tailwind-variants").TVReturnType<{
137
+ }, Record<"label" | "root" | "indicator" | "item" | "itemText" | "itemControl", string | string[]>, import("tailwind-variants").TVReturnType<{
138
138
  size: {
139
139
  md: {};
140
140
  };
@@ -146,7 +146,7 @@ export declare const ItemControl: import("react").ComponentType<import("@ark-ui/
146
146
  indicator: string;
147
147
  };
148
148
  };
149
- }, Record<"label" | "root" | "indicator" | "item" | "itemControl" | "itemText", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
149
+ }, Record<"label" | "root" | "indicator" | "item" | "itemText" | "itemControl", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
150
150
  export declare const ItemText: import("react").ComponentType<import("@ark-ui/react").Assign<SegmentGroup.ItemTextProps & import("react").RefAttributes<HTMLSpanElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
151
151
  size: {
152
152
  md: {};
@@ -159,7 +159,7 @@ export declare const ItemText: import("react").ComponentType<import("@ark-ui/rea
159
159
  indicator: string;
160
160
  };
161
161
  };
162
- }, Record<"label" | "root" | "indicator" | "item" | "itemControl" | "itemText", string | string[]>, undefined, {
162
+ }, Record<"label" | "root" | "indicator" | "item" | "itemText" | "itemControl", string | string[]>, undefined, {
163
163
  size: {
164
164
  md: {};
165
165
  };
@@ -171,7 +171,7 @@ export declare const ItemText: import("react").ComponentType<import("@ark-ui/rea
171
171
  indicator: string;
172
172
  };
173
173
  };
174
- }, Record<"label" | "root" | "indicator" | "item" | "itemControl" | "itemText", string | string[]>, import("tailwind-variants").TVReturnType<{
174
+ }, Record<"label" | "root" | "indicator" | "item" | "itemText" | "itemControl", string | string[]>, import("tailwind-variants").TVReturnType<{
175
175
  size: {
176
176
  md: {};
177
177
  };
@@ -183,7 +183,7 @@ export declare const ItemText: import("react").ComponentType<import("@ark-ui/rea
183
183
  indicator: string;
184
184
  };
185
185
  };
186
- }, Record<"label" | "root" | "indicator" | "item" | "itemControl" | "itemText", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
186
+ }, Record<"label" | "root" | "indicator" | "item" | "itemText" | "itemControl", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
187
187
  export declare const Label: import("react").ComponentType<import("@ark-ui/react").Assign<SegmentGroup.LabelProps & import("react").RefAttributes<HTMLLabelElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
188
188
  size: {
189
189
  md: {};
@@ -196,7 +196,7 @@ export declare const Label: import("react").ComponentType<import("@ark-ui/react"
196
196
  indicator: string;
197
197
  };
198
198
  };
199
- }, Record<"label" | "root" | "indicator" | "item" | "itemControl" | "itemText", string | string[]>, undefined, {
199
+ }, Record<"label" | "root" | "indicator" | "item" | "itemText" | "itemControl", string | string[]>, undefined, {
200
200
  size: {
201
201
  md: {};
202
202
  };
@@ -208,7 +208,7 @@ export declare const Label: import("react").ComponentType<import("@ark-ui/react"
208
208
  indicator: string;
209
209
  };
210
210
  };
211
- }, Record<"label" | "root" | "indicator" | "item" | "itemControl" | "itemText", string | string[]>, import("tailwind-variants").TVReturnType<{
211
+ }, Record<"label" | "root" | "indicator" | "item" | "itemText" | "itemControl", string | string[]>, import("tailwind-variants").TVReturnType<{
212
212
  size: {
213
213
  md: {};
214
214
  };
@@ -220,7 +220,7 @@ export declare const Label: import("react").ComponentType<import("@ark-ui/react"
220
220
  indicator: string;
221
221
  };
222
222
  };
223
- }, Record<"label" | "root" | "indicator" | "item" | "itemControl" | "itemText", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
223
+ }, Record<"label" | "root" | "indicator" | "item" | "itemText" | "itemControl", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
224
224
  export declare const Context: (props: SegmentGroup.ContextProps) => import("react").ReactNode;
225
225
  export declare const ItemContext: (props: SegmentGroup.ItemContextProps) => import("react").ReactNode;
226
226
  export declare const ItemHiddenInput: import("react").ForwardRefExoticComponent<SegmentGroup.ItemHiddenInputProps & import("react").RefAttributes<HTMLInputElement>>;
@@ -10,7 +10,7 @@ export declare const segmentGroupRecipe: import("tailwind-variants").TVReturnTyp
10
10
  indicator: string;
11
11
  };
12
12
  };
13
- }, Record<"label" | "root" | "indicator" | "item" | "itemControl" | "itemText", string | string[]>, undefined, {
13
+ }, Record<"label" | "root" | "indicator" | "item" | "itemText" | "itemControl", string | string[]>, undefined, {
14
14
  size: {
15
15
  md: {};
16
16
  };
@@ -22,7 +22,7 @@ export declare const segmentGroupRecipe: import("tailwind-variants").TVReturnTyp
22
22
  indicator: string;
23
23
  };
24
24
  };
25
- }, Record<"label" | "root" | "indicator" | "item" | "itemControl" | "itemText", string | string[]>, import("tailwind-variants").TVReturnType<{
25
+ }, Record<"label" | "root" | "indicator" | "item" | "itemText" | "itemControl", string | string[]>, import("tailwind-variants").TVReturnType<{
26
26
  size: {
27
27
  md: {};
28
28
  };
@@ -34,4 +34,4 @@ export declare const segmentGroupRecipe: import("tailwind-variants").TVReturnTyp
34
34
  indicator: string;
35
35
  };
36
36
  };
37
- }, Record<"label" | "root" | "indicator" | "item" | "itemControl" | "itemText", string | string[]>, undefined, unknown, unknown, undefined>>;
37
+ }, Record<"label" | "root" | "indicator" | "item" | "itemText" | "itemControl", string | string[]>, undefined, unknown, unknown, undefined>>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@opexa/portal-components",
3
- "version": "0.0.701",
3
+ "version": "0.0.702",
4
4
  "exports": {
5
5
  "./ui/*": {
6
6
  "types": "./dist/ui/*/index.d.ts",
@@ -1,12 +0,0 @@
1
- import type { ImageProps } from 'next/image';
2
- export interface BannerEntry {
3
- src: ImageProps['src'];
4
- redirectUrl?: string;
5
- }
6
- export interface BannerProps {
7
- banners: BannerEntry[];
8
- imageWidth?: number | [mobile: number, desktop: number];
9
- imageHeight?: number | [mobile: number, desktop: number];
10
- className?: string;
11
- }
12
- export declare function Banner__client(props: BannerProps): import("react/jsx-runtime").JSX.Element;
@@ -1,49 +0,0 @@
1
- 'use client';
2
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
- import emblaCarouselAutoplay from 'embla-carousel-autoplay';
4
- import useEmblaCarousel, {} from 'embla-carousel-react';
5
- import isMobile from 'is-mobile';
6
- import Image from 'next/image';
7
- import Link from 'next/link';
8
- import { Fragment, useEffect, useState } from 'react';
9
- import { twMerge } from 'tailwind-merge';
10
- import { dataAttr } from '../../utils/dataAttr.js';
11
- export function Banner__client(props) {
12
- const [emblaRef, emblaApi] = useEmblaCarousel({
13
- loop: true,
14
- align: 'start',
15
- }, [
16
- emblaCarouselAutoplay({
17
- playOnInit: true,
18
- delay: 5000,
19
- }),
20
- ]);
21
- const [currentIndex, setCurrentIndex] = useState(0);
22
- useEffect(() => {
23
- function handler(detail) {
24
- setCurrentIndex(detail?.selectedScrollSnap() ?? 0);
25
- }
26
- emblaApi?.on('scroll', handler);
27
- emblaApi?.on('init', handler);
28
- return () => {
29
- emblaApi?.on('init', handler);
30
- emblaApi?.off('scroll', handler);
31
- };
32
- }, [emblaApi]);
33
- const imageWidth = !props.imageWidth
34
- ? [400, 1200]
35
- : Array.isArray(props.imageWidth)
36
- ? props.imageWidth
37
- : [props.imageWidth, props.imageWidth];
38
- const imageHeight = !props.imageHeight
39
- ? [225, 300]
40
- : Array.isArray(props.imageHeight)
41
- ? props.imageHeight
42
- : [props.imageHeight, props.imageHeight];
43
- return (_jsxs("div", { className: twMerge('relative', props.className), children: [_jsx("div", { ref: emblaRef, className: "overflow-hidden", children: _jsx("div", { className: "flex gap-2", children: props.banners.map((banner, index) => {
44
- const img = (_jsx(Image, { src: banner.src, alt: "", width: isMobile() ? imageWidth[0] : imageWidth[1], height: isMobile() ? imageHeight[0] : imageHeight[1], className: "block h-auto w-full", priority: index === 0 }));
45
- return (_jsx(Fragment, { children: !banner.redirectUrl ? (_jsx("div", { className: "w-full shrink-0", children: img })) : (_jsx(Link, { href: banner.redirectUrl, className: "block w-full shrink-0", "aria-label": `Open ${banner.redirectUrl}`, children: img })) }, index));
46
- }) }) }), _jsx("div", { className: "absolute bottom-lg left-1/2 flex w-fit -translate-x-1/2 gap-2", children: props.banners.map((_, index) => (_jsx("button", { type: "button", className: "ui-active:bg-brand-500 bg-gray-300 size-3 shrink-0 rounded-full border border-white transition-all duration-300 ui-active:w-9", onClick: () => {
47
- emblaApi?.scrollTo(index);
48
- }, "aria-label": `Go to slide ${index + 1}`, "data-active": dataAttr(index === currentIndex) }, index))) })] }));
49
- }
@@ -1 +0,0 @@
1
- export declare function Loading(): import("react/jsx-runtime").JSX.Element;
@@ -1,5 +0,0 @@
1
- 'use client';
2
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
- export function Loading() {
4
- return (_jsx("div", { className: "flex h-[calc(100vh-400px)] w-full items-center justify-center px-4", children: _jsxs("div", { className: "flex flex-col items-center space-y-4", children: [_jsx("div", { className: "h-10 w-10 animate-spin rounded-full border-4 border-blue-500 border-t-transparent" }), _jsx("p", { className: "font-medium text-gray-700 text-lg", children: "Loading Sports Book\u2026" })] }) }));
5
- }
@@ -1 +0,0 @@
1
- export declare function BasicInformation(): import("react/jsx-runtime").JSX.Element;