@incodetech/web 0.0.0-dev-20260713-0d1fc59b → 0.0.0-dev-20260713-956e5dc0

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 (7) hide show
  1. package/dist/base.css +124 -0
  2. package/dist/face-match/styles.css +22 -0
  3. package/dist/flow/styles.css +192 -0
  4. package/dist/selfie/styles.css +36 -0
  5. package/dist/video-selfie/styles.css +40 -0
  6. package/dist/workflow/styles.css +148 -0
  7. package/package.json +3 -3
package/dist/base.css CHANGED
@@ -194,6 +194,10 @@
194
194
  position: static;
195
195
  }
196
196
 
197
+ .sticky {
198
+ position: sticky;
199
+ }
200
+
197
201
  @media (min-width: 40rem) {
198
202
  .incode-container {
199
203
  max-width: 40rem;
@@ -2727,6 +2731,117 @@
2727
2731
  transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
2728
2732
  }
2729
2733
 
2734
+ .animate-fade-in {
2735
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2736
+ animation-fill-mode: both;
2737
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2738
+ animation-fill-mode: both;
2739
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2740
+ animation-fill-mode: both;
2741
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2742
+ animation-fill-mode: both;
2743
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2744
+ animation-fill-mode: both;
2745
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2746
+ animation-fill-mode: both;
2747
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2748
+ animation-fill-mode: both;
2749
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2750
+ animation-fill-mode: both;
2751
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2752
+ animation-fill-mode: both;
2753
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2754
+ animation-fill-mode: both;
2755
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2756
+ animation-fill-mode: both;
2757
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2758
+ animation-fill-mode: both;
2759
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2760
+ animation-fill-mode: both;
2761
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2762
+ animation-fill-mode: both;
2763
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2764
+ animation-fill-mode: both;
2765
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2766
+ animation-fill-mode: both;
2767
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2768
+ animation-fill-mode: both;
2769
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2770
+ animation-fill-mode: both;
2771
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2772
+ animation-fill-mode: both;
2773
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2774
+ animation-fill-mode: both;
2775
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2776
+ animation-fill-mode: both;
2777
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2778
+ animation-fill-mode: both;
2779
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2780
+ animation-fill-mode: both;
2781
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2782
+ animation-fill-mode: both;
2783
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2784
+ animation-fill-mode: both;
2785
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2786
+ animation-fill-mode: both;
2787
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2788
+ animation-fill-mode: both;
2789
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2790
+ animation-fill-mode: both;
2791
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2792
+ animation-fill-mode: both;
2793
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2794
+ animation-fill-mode: both;
2795
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2796
+ animation-fill-mode: both;
2797
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2798
+ animation-fill-mode: both;
2799
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2800
+ animation-fill-mode: both;
2801
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2802
+ animation-fill-mode: both;
2803
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2804
+ animation-fill-mode: both;
2805
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2806
+ animation-fill-mode: both;
2807
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2808
+ animation-fill-mode: both;
2809
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2810
+ animation-fill-mode: both;
2811
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2812
+ animation-fill-mode: both;
2813
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2814
+ animation-fill-mode: both;
2815
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2816
+ animation-fill-mode: both;
2817
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2818
+ animation-fill-mode: both;
2819
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2820
+ animation-fill-mode: both;
2821
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2822
+ animation-fill-mode: both;
2823
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2824
+ animation-fill-mode: both;
2825
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2826
+ animation-fill-mode: both;
2827
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2828
+ animation-fill-mode: both;
2829
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2830
+ animation-fill-mode: both;
2831
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2832
+ animation-fill-mode: both;
2833
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2834
+ animation-fill-mode: both;
2835
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2836
+ animation-fill-mode: both;
2837
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2838
+ animation-fill-mode: both;
2839
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2840
+ animation-fill-mode: both;
2841
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
2842
+ animation-fill-mode: both;
2843
+ }
2844
+
2730
2845
  .resize {
2731
2846
  resize: both;
2732
2847
  }
@@ -2748,6 +2863,15 @@
2748
2863
  border-width: 1px;
2749
2864
  }
2750
2865
 
2866
+ .border-solid {
2867
+ --tw-border-style: solid;
2868
+ border-style: solid;
2869
+ }
2870
+
2871
+ .border-neutral-100 {
2872
+ border-color: var(--color-neutral-100, oklch(97% 0 0));
2873
+ }
2874
+
2751
2875
  .bg-white {
2752
2876
  background-color: var(--color-white, #fff);
2753
2877
  }
package/dist/face-match/styles.css CHANGED
@@ -84,6 +84,10 @@
84
84
  position: static;
85
85
  }
86
86
 
87
+ .sticky {
88
+ position: sticky;
89
+ }
90
+
87
91
  @media (min-width: 40rem) {
88
92
  .incode-container {
89
93
  max-width: 40rem;
@@ -322,6 +326,15 @@
322
326
  transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
323
327
  }
324
328
 
329
+ .animate-fade-in {
330
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
331
+ animation-fill-mode: both;
332
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
333
+ animation-fill-mode: both;
334
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
335
+ animation-fill-mode: both;
336
+ }
337
+
325
338
  .resize {
326
339
  resize: both;
327
340
  }
@@ -343,6 +356,15 @@
343
356
  border-width: 1px;
344
357
  }
345
358
 
359
+ .border-solid {
360
+ --tw-border-style: solid;
361
+ border-style: solid;
362
+ }
363
+
364
+ .border-neutral-100 {
365
+ border-color: var(--color-neutral-100, oklch(97% 0 0));
366
+ }
367
+
346
368
  .bg-white {
347
369
  background-color: var(--color-white, #fff);
348
370
  }
package/dist/flow/styles.css CHANGED
@@ -90,6 +90,10 @@
90
90
  position: static;
91
91
  }
92
92
 
93
+ .sticky {
94
+ position: sticky;
95
+ }
96
+
93
97
  @media (min-width: 40rem) {
94
98
  .incode-container {
95
99
  max-width: 40rem;
@@ -4153,6 +4157,185 @@
4153
4157
  transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
4154
4158
  }
4155
4159
 
4160
+ .animate-fade-in {
4161
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4162
+ animation-fill-mode: both;
4163
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4164
+ animation-fill-mode: both;
4165
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4166
+ animation-fill-mode: both;
4167
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4168
+ animation-fill-mode: both;
4169
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4170
+ animation-fill-mode: both;
4171
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4172
+ animation-fill-mode: both;
4173
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4174
+ animation-fill-mode: both;
4175
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4176
+ animation-fill-mode: both;
4177
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4178
+ animation-fill-mode: both;
4179
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4180
+ animation-fill-mode: both;
4181
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4182
+ animation-fill-mode: both;
4183
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4184
+ animation-fill-mode: both;
4185
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4186
+ animation-fill-mode: both;
4187
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4188
+ animation-fill-mode: both;
4189
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4190
+ animation-fill-mode: both;
4191
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4192
+ animation-fill-mode: both;
4193
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4194
+ animation-fill-mode: both;
4195
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4196
+ animation-fill-mode: both;
4197
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4198
+ animation-fill-mode: both;
4199
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4200
+ animation-fill-mode: both;
4201
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4202
+ animation-fill-mode: both;
4203
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4204
+ animation-fill-mode: both;
4205
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4206
+ animation-fill-mode: both;
4207
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4208
+ animation-fill-mode: both;
4209
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4210
+ animation-fill-mode: both;
4211
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4212
+ animation-fill-mode: both;
4213
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4214
+ animation-fill-mode: both;
4215
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4216
+ animation-fill-mode: both;
4217
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4218
+ animation-fill-mode: both;
4219
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4220
+ animation-fill-mode: both;
4221
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4222
+ animation-fill-mode: both;
4223
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4224
+ animation-fill-mode: both;
4225
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4226
+ animation-fill-mode: both;
4227
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4228
+ animation-fill-mode: both;
4229
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4230
+ animation-fill-mode: both;
4231
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4232
+ animation-fill-mode: both;
4233
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4234
+ animation-fill-mode: both;
4235
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4236
+ animation-fill-mode: both;
4237
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4238
+ animation-fill-mode: both;
4239
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4240
+ animation-fill-mode: both;
4241
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4242
+ animation-fill-mode: both;
4243
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4244
+ animation-fill-mode: both;
4245
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4246
+ animation-fill-mode: both;
4247
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4248
+ animation-fill-mode: both;
4249
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4250
+ animation-fill-mode: both;
4251
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4252
+ animation-fill-mode: both;
4253
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4254
+ animation-fill-mode: both;
4255
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4256
+ animation-fill-mode: both;
4257
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4258
+ animation-fill-mode: both;
4259
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4260
+ animation-fill-mode: both;
4261
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4262
+ animation-fill-mode: both;
4263
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4264
+ animation-fill-mode: both;
4265
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4266
+ animation-fill-mode: both;
4267
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4268
+ animation-fill-mode: both;
4269
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4270
+ animation-fill-mode: both;
4271
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4272
+ animation-fill-mode: both;
4273
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4274
+ animation-fill-mode: both;
4275
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4276
+ animation-fill-mode: both;
4277
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4278
+ animation-fill-mode: both;
4279
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4280
+ animation-fill-mode: both;
4281
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4282
+ animation-fill-mode: both;
4283
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4284
+ animation-fill-mode: both;
4285
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4286
+ animation-fill-mode: both;
4287
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4288
+ animation-fill-mode: both;
4289
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4290
+ animation-fill-mode: both;
4291
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4292
+ animation-fill-mode: both;
4293
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4294
+ animation-fill-mode: both;
4295
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4296
+ animation-fill-mode: both;
4297
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4298
+ animation-fill-mode: both;
4299
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4300
+ animation-fill-mode: both;
4301
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4302
+ animation-fill-mode: both;
4303
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4304
+ animation-fill-mode: both;
4305
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4306
+ animation-fill-mode: both;
4307
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4308
+ animation-fill-mode: both;
4309
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4310
+ animation-fill-mode: both;
4311
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4312
+ animation-fill-mode: both;
4313
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4314
+ animation-fill-mode: both;
4315
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4316
+ animation-fill-mode: both;
4317
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4318
+ animation-fill-mode: both;
4319
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4320
+ animation-fill-mode: both;
4321
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4322
+ animation-fill-mode: both;
4323
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4324
+ animation-fill-mode: both;
4325
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4326
+ animation-fill-mode: both;
4327
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4328
+ animation-fill-mode: both;
4329
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4330
+ animation-fill-mode: both;
4331
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4332
+ animation-fill-mode: both;
4333
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4334
+ animation-fill-mode: both;
4335
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
4336
+ animation-fill-mode: both;
4337
+ }
4338
+
4156
4339
  .resize {
4157
4340
  resize: both;
4158
4341
  }
@@ -4174,6 +4357,15 @@
4174
4357
  border-width: 1px;
4175
4358
  }
4176
4359
 
4360
+ .border-solid {
4361
+ --tw-border-style: solid;
4362
+ border-style: solid;
4363
+ }
4364
+
4365
+ .border-neutral-100 {
4366
+ border-color: var(--color-neutral-100, oklch(97% 0 0));
4367
+ }
4368
+
4177
4369
  .bg-white {
4178
4370
  background-color: var(--color-white, #fff);
4179
4371
  }
package/dist/selfie/styles.css CHANGED
@@ -89,6 +89,10 @@
89
89
  position: static;
90
90
  }
91
91
 
92
+ .sticky {
93
+ position: sticky;
94
+ }
95
+
92
96
  @media (min-width: 40rem) {
93
97
  .incode-container {
94
98
  max-width: 40rem;
@@ -642,6 +646,29 @@
642
646
  transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
643
647
  }
644
648
 
649
+ .animate-fade-in {
650
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
651
+ animation-fill-mode: both;
652
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
653
+ animation-fill-mode: both;
654
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
655
+ animation-fill-mode: both;
656
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
657
+ animation-fill-mode: both;
658
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
659
+ animation-fill-mode: both;
660
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
661
+ animation-fill-mode: both;
662
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
663
+ animation-fill-mode: both;
664
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
665
+ animation-fill-mode: both;
666
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
667
+ animation-fill-mode: both;
668
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
669
+ animation-fill-mode: both;
670
+ }
671
+
645
672
  .resize {
646
673
  resize: both;
647
674
  }
@@ -663,6 +690,15 @@
663
690
  border-width: 1px;
664
691
  }
665
692
 
693
+ .border-solid {
694
+ --tw-border-style: solid;
695
+ border-style: solid;
696
+ }
697
+
698
+ .border-neutral-100 {
699
+ border-color: var(--color-neutral-100, oklch(97% 0 0));
700
+ }
701
+
666
702
  .bg-white {
667
703
  background-color: var(--color-white, #fff);
668
704
  }
package/dist/video-selfie/styles.css CHANGED
@@ -86,6 +86,10 @@
86
86
  position: static;
87
87
  }
88
88
 
89
+ .sticky {
90
+ position: sticky;
91
+ }
92
+
89
93
  @media (min-width: 40rem) {
90
94
  .incode-container {
91
95
  max-width: 40rem;
@@ -729,6 +733,33 @@
729
733
  transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
730
734
  }
731
735
 
736
+ .animate-fade-in {
737
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
738
+ animation-fill-mode: both;
739
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
740
+ animation-fill-mode: both;
741
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
742
+ animation-fill-mode: both;
743
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
744
+ animation-fill-mode: both;
745
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
746
+ animation-fill-mode: both;
747
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
748
+ animation-fill-mode: both;
749
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
750
+ animation-fill-mode: both;
751
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
752
+ animation-fill-mode: both;
753
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
754
+ animation-fill-mode: both;
755
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
756
+ animation-fill-mode: both;
757
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
758
+ animation-fill-mode: both;
759
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
760
+ animation-fill-mode: both;
761
+ }
762
+
732
763
  .resize {
733
764
  resize: both;
734
765
  }
@@ -750,6 +781,15 @@
750
781
  border-width: 1px;
751
782
  }
752
783
 
784
+ .border-solid {
785
+ --tw-border-style: solid;
786
+ border-style: solid;
787
+ }
788
+
789
+ .border-neutral-100 {
790
+ border-color: var(--color-neutral-100, oklch(97% 0 0));
791
+ }
792
+
753
793
  .bg-white {
754
794
  background-color: var(--color-white, #fff);
755
795
  }
package/dist/workflow/styles.css CHANGED
@@ -90,6 +90,10 @@
90
90
  position: static;
91
91
  }
92
92
 
93
+ .sticky {
94
+ position: sticky;
95
+ }
96
+
93
97
  @media (min-width: 40rem) {
94
98
  .incode-container {
95
99
  max-width: 40rem;
@@ -3163,6 +3167,141 @@
3163
3167
  transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
3164
3168
  }
3165
3169
 
3170
+ .animate-fade-in {
3171
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3172
+ animation-fill-mode: both;
3173
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3174
+ animation-fill-mode: both;
3175
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3176
+ animation-fill-mode: both;
3177
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3178
+ animation-fill-mode: both;
3179
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3180
+ animation-fill-mode: both;
3181
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3182
+ animation-fill-mode: both;
3183
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3184
+ animation-fill-mode: both;
3185
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3186
+ animation-fill-mode: both;
3187
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3188
+ animation-fill-mode: both;
3189
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3190
+ animation-fill-mode: both;
3191
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3192
+ animation-fill-mode: both;
3193
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3194
+ animation-fill-mode: both;
3195
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3196
+ animation-fill-mode: both;
3197
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3198
+ animation-fill-mode: both;
3199
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3200
+ animation-fill-mode: both;
3201
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3202
+ animation-fill-mode: both;
3203
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3204
+ animation-fill-mode: both;
3205
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3206
+ animation-fill-mode: both;
3207
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3208
+ animation-fill-mode: both;
3209
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3210
+ animation-fill-mode: both;
3211
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3212
+ animation-fill-mode: both;
3213
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3214
+ animation-fill-mode: both;
3215
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3216
+ animation-fill-mode: both;
3217
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3218
+ animation-fill-mode: both;
3219
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3220
+ animation-fill-mode: both;
3221
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3222
+ animation-fill-mode: both;
3223
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3224
+ animation-fill-mode: both;
3225
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3226
+ animation-fill-mode: both;
3227
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3228
+ animation-fill-mode: both;
3229
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3230
+ animation-fill-mode: both;
3231
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3232
+ animation-fill-mode: both;
3233
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3234
+ animation-fill-mode: both;
3235
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3236
+ animation-fill-mode: both;
3237
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3238
+ animation-fill-mode: both;
3239
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3240
+ animation-fill-mode: both;
3241
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3242
+ animation-fill-mode: both;
3243
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3244
+ animation-fill-mode: both;
3245
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3246
+ animation-fill-mode: both;
3247
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3248
+ animation-fill-mode: both;
3249
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3250
+ animation-fill-mode: both;
3251
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3252
+ animation-fill-mode: both;
3253
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3254
+ animation-fill-mode: both;
3255
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3256
+ animation-fill-mode: both;
3257
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3258
+ animation-fill-mode: both;
3259
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3260
+ animation-fill-mode: both;
3261
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3262
+ animation-fill-mode: both;
3263
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3264
+ animation-fill-mode: both;
3265
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3266
+ animation-fill-mode: both;
3267
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3268
+ animation-fill-mode: both;
3269
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3270
+ animation-fill-mode: both;
3271
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3272
+ animation-fill-mode: both;
3273
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3274
+ animation-fill-mode: both;
3275
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3276
+ animation-fill-mode: both;
3277
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3278
+ animation-fill-mode: both;
3279
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3280
+ animation-fill-mode: both;
3281
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3282
+ animation-fill-mode: both;
3283
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3284
+ animation-fill-mode: both;
3285
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3286
+ animation-fill-mode: both;
3287
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3288
+ animation-fill-mode: both;
3289
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3290
+ animation-fill-mode: both;
3291
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3292
+ animation-fill-mode: both;
3293
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3294
+ animation-fill-mode: both;
3295
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3296
+ animation-fill-mode: both;
3297
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3298
+ animation-fill-mode: both;
3299
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3300
+ animation-fill-mode: both;
3301
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3302
+ animation-fill-mode: both;
3303
+ }
3304
+
3166
3305
  .resize {
3167
3306
  resize: both;
3168
3307
  }
@@ -3184,6 +3323,15 @@
3184
3323
  border-width: 1px;
3185
3324
  }
3186
3325
 
3326
+ .border-solid {
3327
+ --tw-border-style: solid;
3328
+ border-style: solid;
3329
+ }
3330
+
3331
+ .border-neutral-100 {
3332
+ border-color: var(--color-neutral-100, oklch(97% 0 0));
3333
+ }
3334
+
3187
3335
  .bg-white {
3188
3336
  background-color: var(--color-white, #fff);
3189
3337
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@incodetech/web",
3
- "version": "0.0.0-dev-20260713-0d1fc59b",
3
+ "version": "0.0.0-dev-20260713-956e5dc0",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git+https://github.com/IncodeTechnologies/incode-web-sdk.git"
@@ -291,7 +291,7 @@
291
291
  "qrcode": "^1.5.4",
292
292
  "signature_pad": "^5.1.3",
293
293
  "tailwindcss": "^4.1.17",
294
- "@incodetech/core": "0.0.0-dev-20260713-0d1fc59b"
294
+ "@incodetech/core": "0.0.0-dev-20260713-956e5dc0"
295
295
  },
296
296
  "devDependencies": {
297
297
  "@microsoft/api-extractor": "^7.53.3",
@@ -324,7 +324,7 @@
324
324
  "vite-plugin-dts": "^4.5.4",
325
325
  "vite-plugin-svgr": "^5.2.0",
326
326
  "vitest": "^4.0.13",
327
- "@incodetech/config": "1.0.1"
327
+ "@incodetech/config": "1.0.2"
328
328
  },
329
329
  "scripts": {
330
330
  "build": "rm -rf dist && vite build",