@incodetech/web 0.0.0-dev-20260126-4504c5b

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 (48) hide show
  1. package/dist/aligndevicelottie-DlQCRPfM.js +29 -0
  2. package/dist/backdevicelottie-B4NgyWmX.js +29 -0
  3. package/dist/base.css +1634 -0
  4. package/dist/baseTutorial-Be85FuyO.js +383 -0
  5. package/dist/blurdevicelottie-_BZRug1c.js +29 -0
  6. package/dist/browser-ponyfill-B6W6hHVY.js +344 -0
  7. package/dist/email/email.es.js +137 -0
  8. package/dist/email/styles.css +123 -0
  9. package/dist/flip-animation-COR596wy.js +29 -0
  10. package/dist/flow/flow.es.js +540 -0
  11. package/dist/flow/styles.css +3204 -0
  12. package/dist/frontdevicelottie-KhKxT5n9.js +29 -0
  13. package/dist/glaredevicelottie-DLuIStvb.js +29 -0
  14. package/dist/id/id.es.js +1497 -0
  15. package/dist/id/styles.css +1587 -0
  16. package/dist/id-laser-h-BBV3r3rz.js +29 -0
  17. package/dist/id-laser-v-BTHJaSfx.js +29 -0
  18. package/dist/id-tutorial-B-F5Q28m.js +29 -0
  19. package/dist/incodeModule-DR92HDjR.js +257 -0
  20. package/dist/index.es.js +6 -0
  21. package/dist/instance-B-q0ZREN.js +2140 -0
  22. package/dist/otpInput-Dm1LhnDm.js +151 -0
  23. package/dist/page-CITAo3qf.js +189 -0
  24. package/dist/passport-tutorial-CaYBFTqt.js +29 -0
  25. package/dist/phone/phone.es.js +3442 -0
  26. package/dist/phone/styles.css +305 -0
  27. package/dist/selfie/selfie.es.js +570 -0
  28. package/dist/selfie/styles.css +638 -0
  29. package/dist/selfieTutorial-Dm_p0ke9.js +29 -0
  30. package/dist/setup-BhetRn4n.js +20 -0
  31. package/dist/spinner-CQtj_FFo.js +65 -0
  32. package/dist/themes/dark.css +797 -0
  33. package/dist/themes/light.css +688 -0
  34. package/dist/types/base.d.ts +1 -0
  35. package/dist/types/dark.d.ts +1 -0
  36. package/dist/types/email.d.ts +57 -0
  37. package/dist/types/flow.d.ts +69 -0
  38. package/dist/types/id.d.ts +34 -0
  39. package/dist/types/index.d.ts +38 -0
  40. package/dist/types/light.d.ts +1 -0
  41. package/dist/types/phone.d.ts +58 -0
  42. package/dist/types/selfie.d.ts +31 -0
  43. package/dist/types/styles.d.ts +1 -0
  44. package/dist/types/themes/dark.d.ts +1 -0
  45. package/dist/types/themes/light.d.ts +1 -0
  46. package/dist/uiConfig-DEqynrWx.js +23 -0
  47. package/dist/vendor-preact-CjD4WiuC.js +593 -0
  48. package/package.json +100 -0
package/dist/phone/styles.css ADDED
@@ -0,0 +1,305 @@
1
+ /*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
2
+ @layer properties {
3
+ @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
4
+ *, :before, :after, ::backdrop {
5
+ --tw-border-style: solid;
6
+ --tw-duration: initial;
7
+ --tw-font-weight: initial;
8
+ --tw-leading: initial;
9
+ }
10
+ }
11
+ }
12
+
13
+ .IncodePhonePage .IncodePageContent {
14
+ padding-top: var(--spacing-32, var(--spacing-32, 32px));
15
+ padding-bottom: var(--spacing-16, var(--spacing-16, 16px));
16
+ }
17
+
18
+ .IncodePhonePage .IncodePhoneInput, .IncodePhonePage .IncodePhoneInputContainer {
19
+ flex-direction: column;
20
+ align-items: center;
21
+ width: 100%;
22
+ display: flex;
23
+ }
24
+
25
+ .IncodePhonePage .IncodePhoneInputRow {
26
+ align-items: stretch;
27
+ gap: var(--spacing-8, var(--spacing-8, 8px));
28
+ width: 100%;
29
+ max-width: 340px;
30
+ display: flex;
31
+ position: relative;
32
+ }
33
+
34
+ .IncodePhonePage .IncodePhoneInputWrapper {
35
+ border-radius: var(--radius-small, var(--border-radius-small));
36
+ border-style: var(--tw-border-style);
37
+ border-width: 1px;
38
+ border-color: var(--color-input-border-default, var(--input-border-default));
39
+ background-color: var(--color-input-surface-default, var(--input-surface-default));
40
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
41
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
42
+ transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
43
+ --tw-duration: .2s;
44
+ flex: 1;
45
+ align-items: center;
46
+ transition-duration: .2s;
47
+ display: flex;
48
+ }
49
+
50
+ .IncodePhonePage .IncodePhoneInputWrapper:focus-within {
51
+ border-color: var(--color-input-border-active, var(--input-border-active));
52
+ }
53
+
54
+ .IncodePhonePage .IncodePhoneInputWrapper.IncodePhoneInputWrapperError {
55
+ border-color: var(--color-input-border-negative, var(--input-border-negative));
56
+ }
57
+
58
+ .IncodePhonePage .IncodePhoneInputWrapper.IncodePhoneInputWrapperDisabled {
59
+ border-color: var(--color-input-border-disabled, var(--input-border-disabled));
60
+ background-color: var(--color-input-surface-disabled, var(--input-surface-disabled));
61
+ }
62
+
63
+ .IncodePhonePage .IncodePhoneCountrySelector {
64
+ border-radius: var(--radius-small, var(--border-radius-small));
65
+ border-style: var(--tw-border-style);
66
+ border-width: 1px;
67
+ border-color: var(--color-input-border-default, var(--input-border-default));
68
+ background-color: var(--color-input-surface-default, var(--input-surface-default));
69
+ width: 124px;
70
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
71
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
72
+ transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
73
+ --tw-duration: .2s;
74
+ flex-shrink: 0;
75
+ transition-duration: .2s;
76
+ position: static;
77
+ }
78
+
79
+ .IncodePhonePage .IncodePhoneCountrySelector.IncodePhoneCountrySelectorOpen {
80
+ border-color: var(--color-input-border-active, var(--input-border-active));
81
+ }
82
+
83
+ .IncodePhonePage .IncodePhoneCountrySelector.IncodePhoneCountrySelectorDisabled {
84
+ border-color: var(--color-input-border-disabled, var(--input-border-disabled));
85
+ background-color: var(--color-input-surface-disabled, var(--input-surface-disabled));
86
+ }
87
+
88
+ .IncodePhonePage .IncodePhoneCountryButton {
89
+ width: 100%;
90
+ height: 100%;
91
+ padding: var(--spacing-8, var(--spacing-8, 8px));
92
+ padding-left: var(--spacing-16, var(--spacing-16, 16px));
93
+ cursor: pointer;
94
+ border-style: var(--tw-border-style);
95
+ border-width: var(--border-width-none, var(--border-none));
96
+ --tw-border-style: none;
97
+ font-size: var(--text-18, var(--primitive-typography-size-18));
98
+ --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
99
+ font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
100
+ color: var(--color-text-body-primary, var(--text-body-primary));
101
+ border-radius: var(--radius-small, var(--border-radius-small));
102
+ background-color: #0000;
103
+ border-style: none;
104
+ justify-content: center;
105
+ align-items: center;
106
+ font-family: inherit;
107
+ display: flex;
108
+ }
109
+
110
+ .IncodePhonePage .IncodePhoneCountryButton:disabled {
111
+ cursor: not-allowed;
112
+ color: var(--color-input-text-field-disabled, var(--input-text-field-disabled));
113
+ }
114
+
115
+ .IncodePhonePage .IncodePhoneCountryButton:focus {
116
+ --tw-outline-style: none;
117
+ outline-style: none;
118
+ }
119
+
120
+ .IncodePhonePage .IncodePhoneCountryFlag {
121
+ font-size: var(--text-24, var(--primitive-typography-size-24));
122
+ --tw-leading: 1;
123
+ line-height: 1;
124
+ }
125
+
126
+ .IncodePhonePage .IncodePhoneCountryCode {
127
+ margin-left: var(--spacing-4, var(--spacing-4, 4px));
128
+ font-size: var(--text-18, var(--primitive-typography-size-18));
129
+ --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
130
+ font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
131
+ white-space: nowrap;
132
+ color: var(--color-text-body-primary, var(--text-body-primary));
133
+ }
134
+
135
+ .IncodePhonePage .IncodePhoneCountryArrow {
136
+ margin-left: var(--spacing-8, var(--spacing-8, 8px));
137
+ height: var(--spacing-24, var(--spacing-24, 24px));
138
+ width: var(--spacing-24, var(--spacing-24, 24px));
139
+ color: var(--color-icon-neutral-500, var(--icon-neutral-500));
140
+ transition-property: transform, translate, scale, rotate;
141
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
142
+ transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
143
+ --tw-duration: .2s;
144
+ transition-duration: .2s;
145
+ }
146
+
147
+ .IncodePhonePage .IncodePhoneCountryArrowUp {
148
+ rotate: 180deg;
149
+ }
150
+
151
+ .IncodePhonePage .IncodePhoneCountryButton:disabled .IncodePhoneCountryArrow {
152
+ color: var(--color-icon-neutral-300, var(--icon-neutral-300));
153
+ }
154
+
155
+ .IncodePhonePage .IncodePhoneCountryDropdown {
156
+ top: 100%;
157
+ right: var(--spacing-0, var(--spacing-none, 0px));
158
+ left: var(--spacing-0, var(--spacing-none, 0px));
159
+ z-index: 50;
160
+ margin-top: var(--spacing-8, var(--spacing-8, 8px));
161
+ border-radius: var(--radius-small, var(--border-radius-small));
162
+ border-style: var(--tw-border-style);
163
+ border-width: 1px;
164
+ border-color: var(--color-input-border-default, var(--input-border-default));
165
+ background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));
166
+ max-height: 320px;
167
+ padding: var(--spacing-8, var(--spacing-8, 8px));
168
+ position: absolute;
169
+ overflow-y: auto;
170
+ box-shadow: 0 4px 16px #0000001f;
171
+ }
172
+
173
+ .IncodePhonePage .IncodePhoneCountryOption {
174
+ cursor: pointer;
175
+ align-items: center;
176
+ gap: var(--spacing-12, var(--spacing-12, 12px));
177
+ border-radius: var(--radius-small, var(--border-radius-small));
178
+ width: 100%;
179
+ padding-inline: var(--spacing-12, var(--spacing-12, 12px));
180
+ padding-block: var(--spacing-12, var(--spacing-12, 12px));
181
+ font-size: var(--text-16, var(--primitive-typography-size-16));
182
+ --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
183
+ font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
184
+ color: var(--color-text-body-primary, var(--text-body-primary));
185
+ border-style: var(--tw-border-style);
186
+ border-width: var(--border-width-none, var(--border-none));
187
+ --tw-border-style: none;
188
+ text-align: left;
189
+ background-color: #0000;
190
+ border-style: none;
191
+ font-family: inherit;
192
+ display: flex;
193
+ }
194
+
195
+ .IncodePhonePage .IncodePhoneCountryOption:hover {
196
+ background-color: var(--color-surface-neutral-100, var(--surface-neutral-100));
197
+ }
198
+
199
+ .IncodePhonePage .IncodePhoneCountryOption:focus {
200
+ background-color: var(--color-surface-neutral-100, var(--surface-neutral-100));
201
+ --tw-outline-style: none;
202
+ outline-style: none;
203
+ }
204
+
205
+ .IncodePhonePage .IncodePhoneCountryOptionSelected, .IncodePhonePage .IncodePhoneCountryOptionSelected:hover {
206
+ background-color: var(--color-surface-brand-50, var(--surface-brand-50));
207
+ }
208
+
209
+ .IncodePhonePage .IncodePhoneCountryOptionCode {
210
+ min-width: 52px;
211
+ font-size: var(--text-16, var(--primitive-typography-size-16));
212
+ color: var(--color-text-body-secondary, var(--text-body-secondary));
213
+ }
214
+
215
+ .IncodePhonePage .IncodePhoneCountryOptionName {
216
+ text-overflow: ellipsis;
217
+ white-space: nowrap;
218
+ font-size: var(--text-16, var(--primitive-typography-size-16));
219
+ color: var(--color-text-body-primary, var(--text-body-primary));
220
+ flex: 1;
221
+ overflow: hidden;
222
+ }
223
+
224
+ .IncodePhonePage .IncodePhoneInputField {
225
+ border-style: var(--tw-border-style);
226
+ border-width: var(--border-width-none, var(--border-none));
227
+ --tw-border-style: none;
228
+ width: 100%;
229
+ padding-inline: var(--spacing-16, var(--spacing-16, 16px));
230
+ padding-block: var(--spacing-16, var(--spacing-16, 16px));
231
+ font-size: var(--text-18, var(--primitive-typography-size-18));
232
+ --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
233
+ font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
234
+ color: var(--color-input-text-field-default, var(--input-text-field-default));
235
+ --tw-outline-style: none;
236
+ border-radius: var(--radius-small, var(--border-radius-small));
237
+ background-color: #0000;
238
+ border-style: none;
239
+ outline-style: none;
240
+ }
241
+
242
+ .IncodePhonePage .IncodePhoneInputField::placeholder {
243
+ --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
244
+ font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
245
+ color: var(--color-input-text-field-placeholder, var(--input-text-field-placeholder));
246
+ }
247
+
248
+ .IncodePhonePage .IncodePhoneInputField:disabled {
249
+ cursor: not-allowed;
250
+ color: var(--color-input-text-field-disabled, var(--input-text-field-disabled));
251
+ }
252
+
253
+ .IncodePhonePage .IncodePhoneInputError {
254
+ margin: var(--spacing-0, var(--spacing-none, 0px));
255
+ text-align: center;
256
+ font-size: var(--text-14, var(--primitive-typography-size-14));
257
+ --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
258
+ font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
259
+ color: var(--color-input-text-helper-negative, var(--input-text-helper-negative));
260
+ }
261
+
262
+ .IncodePhonePage .IncodePhoneInputOptIn {
263
+ cursor: pointer;
264
+ align-items: center;
265
+ gap: var(--spacing-8, var(--spacing-8, 8px));
266
+ font-size: var(--text-14, var(--primitive-typography-size-14));
267
+ color: var(--color-checkbox-text-default, var(--checkbox-text-default));
268
+ display: flex;
269
+ }
270
+
271
+ .IncodePhonePage .IncodePhoneInputOptIn input[type="checkbox"] {
272
+ cursor: pointer;
273
+ border-radius: var(--radius-checkbox, var(--checkbox-border-radius));
274
+ width: 18px;
275
+ height: 18px;
276
+ accent-color: var(--color-checkbox-surface-selected, var(--checkbox-surface-selected));
277
+ }
278
+
279
+ .IncodePhonePage .IncodePhoneInputOptIn span {
280
+ --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
281
+ font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
282
+ -webkit-user-select: none;
283
+ user-select: none;
284
+ }
285
+
286
+ @property --tw-border-style {
287
+ syntax: "*";
288
+ inherits: false;
289
+ initial-value: solid;
290
+ }
291
+
292
+ @property --tw-duration {
293
+ syntax: "*";
294
+ inherits: false
295
+ }
296
+
297
+ @property --tw-font-weight {
298
+ syntax: "*";
299
+ inherits: false
300
+ }
301
+
302
+ @property --tw-leading {
303
+ syntax: "*";
304
+ inherits: false
305
+ }