@interopio/groups-ui-react 2.6.2 → 2.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/dist/cjs/useGDWindow.d.ts +2 -0
  2. package/dist/esm/useGDWindow.d.ts +2 -0
  3. package/dist/styles/fonts.css +2 -0
  4. package/dist/styles/groups.css +6 -36
  5. package/dist/styles/styles.css +679 -0
  6. package/dist/styles/themes.css +155 -0
  7. package/dist/styles/vars.css +2 -1
  8. package/package.json +4 -4
package/dist/styles/themes.css ADDED
@@ -0,0 +1,155 @@
1
+ :root {
2
+ --bs-blue: #1c89ea;
3
+ --bs-indigo: #6610f2;
4
+ --bs-purple: #6f42c1;
5
+ --bs-pink: #fd397a;
6
+ --bs-red: #ff511f;
7
+ --bs-orange: #fd7e14;
8
+ --bs-yellow: #f9a825;
9
+ --bs-green: #43a047;
10
+ --bs-teal: #616161;
11
+ --bs-cyan: #469eb9;
12
+ --bs-white: #fff;
13
+ --bs-gray: #6c757d;
14
+ --bs-gray-dark: #343a40;
15
+ --bs-gray-100: #f8f9fa;
16
+ --bs-gray-200: #e9ecef;
17
+ --bs-gray-300: #dee2e6;
18
+ --bs-gray-400: #ced4da;
19
+ --bs-gray-500: #adb5bd;
20
+ --bs-gray-600: #6c757d;
21
+ --bs-gray-700: #495057;
22
+ --bs-gray-800: #343a40;
23
+ --bs-gray-900: #212529;
24
+ --bs-primary: #1c89ea;
25
+ --bs-secondary: #616161;
26
+ --bs-success: #43a047;
27
+ --bs-info: #469eb9;
28
+ --bs-warning: #f9a825;
29
+ --bs-danger: #ff511f;
30
+ --bs-light: #616161;
31
+ --bs-dark: #616161;
32
+ --bs-primary-rgb: 28, 137, 234;
33
+ --bs-secondary-rgb: 97, 97, 97;
34
+ --bs-success-rgb: 67, 160, 71;
35
+ --bs-info-rgb: 70, 158, 185;
36
+ --bs-warning-rgb: 249, 168, 37;
37
+ --bs-danger-rgb: 255, 81, 31;
38
+ --bs-light-rgb: 97, 97, 97;
39
+ --bs-dark-rgb: 97, 97, 97;
40
+ --bs-white-rgb: 255, 255, 255;
41
+ --bs-black-rgb: 0, 0, 0;
42
+ --bs-body-color-rgb: 33, 37, 41;
43
+ --bs-body-bg-rgb: 255, 255, 255;
44
+ --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto,
45
+ "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
46
+ "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
47
+ "Noto Color Emoji";
48
+ --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas,
49
+ "Liberation Mono", "Courier New", monospace;
50
+ --bs-gradient: linear-gradient(
51
+ 180deg,
52
+ rgba(255, 255, 255, 0.15),
53
+ rgba(255, 255, 255, 0)
54
+ );
55
+ --bs-body-font-family: Montserrat, Helvetica Neue, Arial, sans-serif;
56
+ --bs-body-font-size: 0.75rem;
57
+ --bs-body-font-weight: 400;
58
+ --bs-body-line-height: 1.5;
59
+ --bs-body-color: #212529;
60
+ --bs-body-bg: #fff;
61
+ }
62
+ :root {
63
+ --t42-font-family: "Montserrat", "Helvetica Neue", Arial, sans-serif;
64
+ --t42-font-size: 0.75rem;
65
+ --bs-gutter-x: 0.938rem;
66
+ --primary: #1c89ea;
67
+ --secondary: #616161;
68
+ --success: #43a047;
69
+ --info: #616161;
70
+ --warning: #f9a825;
71
+ --danger: #ff511f;
72
+ --light: #616161;
73
+ --dark: #616161;
74
+ --white: #ffffff;
75
+ }
76
+ .dark {
77
+ --t42-bg-light-base: 0, 0%;
78
+ --t42-bg-light-l: 18%;
79
+ --t42-bg-light: 45, 45, 45;
80
+ --t42-bg-mid: 37, 37, 37;
81
+ --t42-bg-dark: 30, 30, 30;
82
+ --t42-content-color-base: 0, 0%;
83
+ --t42-content-color: #bababa;
84
+ --t42-content-color-l: 73%;
85
+ --t42-content-color-muted: hsl(var(--t42-content-color-base), 63%);
86
+ --t42-content-color-disabled: hsl(var(--t42-content-color-base), 43%);
87
+ --t42-color-opacity-025: hsla(var(--t42-content-color-base), 100%, 0.025);
88
+ --t42-color-opacity-05: hsla(var(--t42-content-color-base), 100%, 0.05);
89
+ --t42-color-opacity-10: hsla(var(--t42-content-color-base), 100%, 0.1);
90
+ --t42-color-opacity-20: hsla(var(--t42-content-color-base), 100%, 0.2);
91
+ --t42-color-opacity-30: hsla(var(--t42-content-color-base), 100%, 0.3);
92
+ --t42-link-color: hsl(var(--t42-content-color-base), 100%);
93
+ --t42-shadow: 0 0 12px 0 hsla(var(--t42-content-color-base), 0%, 0.15);
94
+ --t42-border: 0.0625rem solid var(--t42-color-opacity-10);
95
+ --t42-logo-icon: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNzAuMSAxMTcuOCI+Cgk8cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTY3LjcsNTMuMiwxMTYuOCwyLjNBNy45LDcuOSwwLDAsMCwxMTEuMiwwYTguMSw4LjEsMCwwLDAtNS43LDIuM2wtOS45LDEwYTEuOSwxLjksMCwwLDAsMCwyLjhsNyw3LjFhMi4xLDIuMSwwLDAsMCwyLjksMGw0LjMtNC4zYTEuOSwxLjksMCwwLDEsMi44LDBsMzkuNiwzOS42YTEuOSwxLjksMCwwLDEsMCwyLjhMMTEyLjYsOTkuOWExLjksMS45LDAsMCwxLTIuOCwwTDcwLjIsNjAuM2ExLjksMS45LDAsMCwxLDAtMi44bDQtNGEyLjEsMi4xLDAsMCwwLDAtMi45bC03LjEtN2ExLjksMS45LDAsMCwwLTIuOCwwbC05LjcsOS42YTgsOCwwLDAsMCwwLDExLjNsNTAuOSw1MC45YTguMiw4LjIsMCwwLDAsNS43LDIuNCw4LDgsMCwwLDAsNS42LTIuNGw1MC45LTUwLjlBNy45LDcuOSwwLDAsMCwxNjcuNyw1My4yWiIgLz4KCTxwYXRoIGZpbGw9IiMxYzg5ZWEiIGQ9Ik0yLjMsNjQuNWw1MC45LDUwLjlhOC4yLDguMiwwLDAsMCw1LjcsMi40LDgsOCwwLDAsMCw1LjYtMi40bDEwLTkuOWEyLjEsMi4xLDAsMCwwLDAtMi45bC03LjEtN2ExLjksMS45LDAsMCwwLTIuOCwwbC00LjMsNC4zYTEuOSwxLjksMCwwLDEtMi44LDBMMTcuOSw2MC4zYTEuOSwxLjksMCwwLDEsMC0yLjhMNTcuNSwxNy45YTEuOSwxLjksMCwwLDEsMi44LDBMOTkuOSw1Ny41YTEuOSwxLjksMCwwLDEsMCwyLjhsLTQsNGExLjksMS45LDAsMCwwLDAsMi44bDcsNy4xYTIuMSwyLjEsMCwwLDAsMi45LDBsOS42LTkuN2E3LjksNy45LDAsMCwwLDAtMTEuM0w2NC41LDIuM0E3LjksNy45LDAsMCwwLDU4LjksMGE4LjEsOC4xLDAsMCwwLTUuNywyLjNMMi4zLDUzLjJBOCw4LDAsMCwwLDIuMyw2NC41WiIgLz4KPC9zdmc+Cg==");
96
+ --t42-icon-color: var(--t42-link-color);
97
+ --t42-list-group-hover-bg-special: hsla(
98
+ var(--t42-content-color-base),
99
+ 100%,
100
+ 0.065
101
+ );
102
+ --backdrop-filter: blur(5px) saturate(200%);
103
+ --accordion-filter: invert(1) brightness(1);
104
+ --filter-close: invert(1);
105
+ --t42-body: rgb(var(--t42-bg-dark));
106
+ --pink: rgb(0 170 200);
107
+ --t42-link-hover-color: hsl(var(--t42-bg-light-base), 100%);
108
+ --t42-link-hover-bg: var(--t42-color-opacity-05);
109
+ --t42-link-active-bg: var(--t42-color-opacity-10);
110
+ --t42-input-bg: rgb(var(--t42-bg-dark));
111
+ --t42-input-disabled-bg: Hsla(var(--t42-content-color-base), 100%, 0.075);
112
+ --t42-tooltip-bg: rgba(var(--t42-bg-dark), 0.85);
113
+ --t42-modal-bg: rgba(var(--t42-bg-light), 0.75);
114
+ --t42-table-active-bg: rgba(255, 255, 255, 0.1);
115
+ --t42-select-indicator: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiNFRUVFRUUiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTIuNSA1LjVjLjQtLjQgMS0uNSAxLjYgMGwzLjkgMy43bDMuOS0zLjdjLjUtLjUgMS4xLS40IDEuNiAwYy40LjQuNCAxLjIgMCAxLjZjLS40LjQtNC43IDQuNS00LjcgNC41Yy0uMi4yLS41LjMtLjguM3MtLjYtLjEtLjgtLjNjMCAwLTQuMy00LjEtNC43LTQuNXMtLjQtMS4yIDAtMS42eiI+PC9wYXRoPjwvc3ZnPg==");
116
+ }
117
+ .light {
118
+ --t42-bg-light-base: 0, 0%;
119
+ --t42-bg-light-l: 100%;
120
+ --t42-bg-light: 255, 255, 255;
121
+ --t42-bg-mid: 250, 250, 250;
122
+ --t42-bg-dark: 245, 245, 245;
123
+ --t42-content-color-base: 0, 0%;
124
+ --t42-content-color: #757575;
125
+ --t42-content-color-l: 46%;
126
+ --t42-content-color-muted: hsl(var(--t42-content-color-base), 66%);
127
+ --t42-color-opacity-025: hsla(var(--t42-content-color-base), 0%, 0.025);
128
+ --t42-color-opacity-05: hsla(var(--t42-content-color-base), 0%, 0.05);
129
+ --t42-color-opacity-10: hsla(var(--t42-content-color-base), 0%, 0.075);
130
+ --t42-color-opacity-30: hsla(var(--t42-content-color-base), 0%, 0.1);
131
+ --t42-color-opacity-20: hsla(var(--t42-content-color-base), 0%, 0.2);
132
+ --t42-link-color: hsl(var(--t42-content-color-base), 5%);
133
+ --t42-shadow: 0 0 12px 0 hsla(var(--t42-content-color-base), 0%, 0.05);
134
+ --t42-border: 0.0625rem solid var(--t42-color-opacity-10);
135
+ --t42-logo-icon: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNzAuMSAxMTcuOCI+Cgk8cGF0aCBmaWxsPSIjNjA2MzY5IiBkPSJNMTY3LjcsNTMuMiwxMTYuOCwyLjNBNy45LDcuOSwwLDAsMCwxMTEuMiwwYTguMSw4LjEsMCwwLDAtNS43LDIuM2wtOS45LDEwYTEuOSwxLjksMCwwLDAsMCwyLjhsNyw3LjFhMi4xLDIuMSwwLDAsMCwyLjksMGw0LjMtNC4zYTEuOSwxLjksMCwwLDEsMi44LDBsMzkuNiwzOS42YTEuOSwxLjksMCwwLDEsMCwyLjhMMTEyLjYsOTkuOWExLjksMS45LDAsMCwxLTIuOCwwTDcwLjIsNjAuM2ExLjksMS45LDAsMCwxLDAtMi44bDQtNGEyLjEsMi4xLDAsMCwwLDAtMi45bC03LjEtN2ExLjksMS45LDAsMCwwLTIuOCwwbC05LjcsOS42YTgsOCwwLDAsMCwwLDExLjNsNTAuOSw1MC45YTguMiw4LjIsMCwwLDAsNS43LDIuNCw4LDgsMCwwLDAsNS42LTIuNGw1MC45LTUwLjlBNy45LDcuOSwwLDAsMCwxNjcuNyw1My4yWiIgLz4KCTxwYXRoIGZpbGw9IiMxYzg5ZWEiIGQ9Ik0yLjMsNjQuNWw1MC45LDUwLjlhOC4yLDguMiwwLDAsMCw1LjcsMi40LDgsOCwwLDAsMCw1LjYtMi40bDEwLTkuOWEyLjEsMi4xLDAsMCwwLDAtMi45bC03LjEtN2ExLjksMS45LDAsMCwwLTIuOCwwbC00LjMsNC4zYTEuOSwxLjksMCwwLDEtMi44LDBMMTcuOSw2MC4zYTEuOSwxLjksMCwwLDEsMC0yLjhMNTcuNSwxNy45YTEuOSwxLjksMCwwLDEsMi44LDBMOTkuOSw1Ny41YTEuOSwxLjksMCwwLDEsMCwyLjhsLTQsNGExLjksMS45LDAsMCwwLDAsMi44bDcsNy4xYTIuMSwyLjEsMCwwLDAsMi45LDBsOS42LTkuN2E3LjksNy45LDAsMCwwLDAtMTEuM0w2NC41LDIuM0E3LjksNy45LDAsMCwwLDU4LjksMGE4LjEsOC4xLDAsMCwwLTUuNywyLjNMMi4zLDUzLjJBOCw4LDAsMCwwLDIuMyw2NC41WiIgLz4KPC9zdmc+Cg==");
136
+ --t42-icon-color: Hsl(var(--t42-content-color-base), 38%);
137
+ --t42-list-group-hover-bg-special: hsla(
138
+ var(--t42-content-color-base),
139
+ 95%,
140
+ 0.065
141
+ );
142
+ --backdrop-filter: blur(5px) saturate(200%);
143
+ --accordion-filter: brightness(0%);
144
+ --filter-close: invert(0);
145
+ --t42-body: rgb(var(--t42-bg-mid));
146
+ --t42-link-hover-color: hsl(var(--t42-bg-light-base), 0%);
147
+ --t42-link-hover-bg: hsl(var(--t42-content-color-base), 95%);
148
+ --t42-link-active-bg: hsl(var(--t42-content-color-base), 90%);
149
+ --t42-input-bg: rgb(var(--t42-bg-light));
150
+ --t42-input-disabled-bg: var(--t42-color-opacity-10);
151
+ --t42-tooltip-bg: rgba(var(--t42-bg-light), 0.95);
152
+ --t42-modal-bg: rgba(var(--t42-bg-light), 0.95);
153
+ --t42-table-active-bg: rgba(0, 0, 0, 0.025);
154
+ --t42-select-indicator: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiM2MTYxNjEiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTIuNSA1LjVjLjQtLjQgMS0uNSAxLjYgMGwzLjkgMy43bDMuOS0zLjdjLjUtLjUgMS4xLS40IDEuNiAwYy40LjQuNCAxLjIgMCAxLjZjLS40LjQtNC43IDQuNS00LjcgNC41Yy0uMi4yLS41LjMtLjguM3MtLjYtLjEtLjgtLjNjMCAwLTQuMy00LjEtNC43LTQuNXMtLjQtMS4yIDAtMS42eiI+PC9wYXRoPjwvc3ZnPg==");
155
+ }
package/dist/styles/vars.css CHANGED
@@ -110,6 +110,7 @@
110
110
  --t42-hover-sizing-border-group-color: hsl(var(--io-highlight-Interactive));
111
111
  --t42-active-sizing-border-group-color: hsl(var(--io-interactive-primary));
112
112
 
113
+
113
114
  --t42-wg-tab-over-max-height: 100vh;
114
115
  --t42-wg-tab-over-max-width: 200px;
115
116
  --t42-wg-tab-over-min-width: 200px;
@@ -173,4 +174,4 @@
173
174
  --sticky-icon-off-hover: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 16 17'%3E%3Cpath fill='%231B6ADE' d='M11.3,3.8L9.5,5.6c-0.2,0.2-0.2,0.5,0,0.7s0.5,0.2,0.7,0L12,4.5c0.2-0.2,0.2-0.5,0-0.7 C11.8,3.6,11.5,3.6,11.3,3.8z M5.6,9.5l-1.8,1.8c-0.2,0.2-0.2,0.5,0,0.7c0.2,0.2,0.5,0.2,0.7,0l1.8-1.8c0.2-0.2,0.2-0.5,0-0.7 S5.8,9.3,5.6,9.5z'/%3E%3Cpath fill='%23626F81' d='M15.9,2L14,0.1c-0.2-0.2-0.5-0.1-0.6,0.2L13,2.6C13,2.8,13.2,3,13.4,3l2.3-0.4C16,2.6,16.1,2.3,15.9,2z M0.1,14 L2,15.9c0.2,0.2,0.5,0.1,0.6-0.2L3,13.4C3,13.2,2.8,13,2.6,13l-2.3,0.4C0,13.4-0.1,13.7,0.1,14z M6.5,0h-5C0.7,0,0,0.7,0,1.5v5 C0,7.3,0.7,8,1.5,8h5C7.3,8,8,7.3,8,6.5v-5C8,0.7,7.3,0,6.5,0z M6.5,7h-5C1.2,7,1,6.8,1,6.5V2h6v4.5C7,6.8,6.8,7,6.5,7z M14.5,8h-5 C8.7,8,8,8.7,8,9.5v5C8,15.3,8.7,16,9.5,16h5c0.8,0,1.5-0.7,1.5-1.5v-5C16,8.7,15.3,8,14.5,8z M14.5,15h-5C9.2,15,9,14.8,9,14.5V10 h6v4.5C15,14.8,14.8,15,14.5,15z'/%3E%3C/svg%3E%0A");
174
175
  --sticky-icon-on: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 16 16'%3E%3Cpath fill='%23626F81' d='M6.5,4h-5C0.7,4,0,4.7,0,5.5v5C0,11.3,0.7,12,1.5,12h5C7.3,12,8,11.3,8,10.5v-5C8,4.7,7.3,4,6.5,4z M6.5,11h-5 C1.2,11,1,10.8,1,10.5V6h6v4.5C7,10.8,6.8,11,6.5,11z M14.5,4h-5C8.7,4,8,4.7,8,5.5v5C8,11.3,8.7,12,9.5,12h5c0.8,0,1.5-0.7,1.5-1.5 v-5C16,4.7,15.3,4,14.5,4z M14.5,11h-5C9.2,11,9,10.8,9,10.5V6h6v4.5C15,10.8,14.8,11,14.5,11z'/%3E%3Cpath fill='%23A4B1C3' d='M6.6,0l2.7,0c0.3,0,0.5,0.3,0.3,0.5L8.5,2.1v1.4C8.5,3.8,8.3,4,8,4C7.7,4,7.5,3.8,7.5,3.5V2.1L6.3,0.5 C6.2,0.3,6.3,0,6.6,0z M7.5,13.9v-1.4C7.5,12.2,7.7,12,8,12c0.3,0,0.5,0.2,0.5,0.5v1.4l1.2,1.6c0.2,0.2,0,0.5-0.3,0.5H6.6 c-0.3,0-0.5-0.3-0.3-0.5L7.5,13.9z M8,11c-0.3,0-0.5-0.2-0.5-0.5v-4C7.5,6.2,7.7,6,8,6c0.3,0,0.5,0.2,0.5,0.5v4 C8.5,10.8,8.3,11,8,11z'/%3E%3C/svg%3E");
175
176
  --sticky-icon-on-hover: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 16 16'%3E%3Cpath fill='%23626F81' d='M6.5,4h-5C0.7,4,0,4.7,0,5.5v5C0,11.3,0.7,12,1.5,12h5C7.3,12,8,11.3,8,10.5v-5C8,4.7,7.3,4,6.5,4z M6.5,11h-5 C1.2,11,1,10.8,1,10.5V6h6v4.5C7,10.8,6.8,11,6.5,11z M14.5,4h-5C8.7,4,8,4.7,8,5.5v5C8,11.3,8.7,12,9.5,12h5c0.8,0,1.5-0.7,1.5-1.5 v-5C16,4.7,15.3,4,14.5,4z M14.5,11h-5C9.2,11,9,10.8,9,10.5V6h6v4.5C15,10.8,14.8,11,14.5,11z'/%3E%3Cpath fill='%234B92FB' d='M6.6,0l2.7,0c0.3,0,0.5,0.3,0.3,0.5L8.3,2.4c-0.1,0.2-0.4,0.2-0.6,0L6.3,0.5C6.2,0.3,6.3,0,6.6,0z M6.6,16h2.7 c0.3,0,0.5-0.3,0.3-0.5l-1.4-1.9c-0.1-0.2-0.4-0.2-0.6,0l-1.4,1.9C6.2,15.7,6.3,16,6.6,16z'/%3E%3Cpath fill='%234B92FB' d='M8.5,13.5v1C8.5,14.8,8.3,15,8,15c-0.3,0-0.5-0.2-0.5-0.5v-1v-1v-11C7.5,1.2,7.7,1,8,1c0.3,0,0.5,0.2,0.5,0.5 v11V13.5C8.5,13.5,8.5,13.5,8.5,13.5z'/%3E%3C/svg%3E");
176
- }
177
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@interopio/groups-ui-react",
3
- "version": "2.6.2",
3
+ "version": "2.7.0",
4
4
  "description": "React library for building a Web Group App for io.Connect Desktop.",
5
5
  "author": {
6
6
  "name": "interop.io",
@@ -28,17 +28,17 @@
28
28
  "prepublishOnly": "npm run build",
29
29
  "preversion": "npm run build",
30
30
  "version": "npm run build",
31
- "clean": ""
31
+ "clean": "rimraf ./node_modules/react && rimraf ./node_modules/react-dom && rimraf ./node_modules/@interopio/react-hooks"
32
32
  },
33
33
  "publishConfig": {
34
34
  "access": "public"
35
35
  },
36
36
  "dependencies": {
37
- "@interopio/theme": "^2.1.32",
37
+ "@interopio/theme": "2.1.32",
38
38
  "callback-registry": "^2.7.2",
39
39
  "color2k": "^2.0.0",
40
40
  "overlayscrollbars": "^2.8.3",
41
- "use-sync-external-store": "^1.4.0"
41
+ "use-sync-external-store": "^1.2.0"
42
42
  },
43
43
  "peerDependencies": {
44
44
  "@interopio/react-hooks": "^3.0.2",