@aslaluroba/help-center 4.0.10 → 4.0.13

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/README.md +26 -0
  2. package/assets/animatedLogo.gif +0 -0
  3. package/fesm2022/aslaluroba-help-center.mjs +2503 -2236
  4. package/fesm2022/aslaluroba-help-center.mjs.map +1 -1
  5. package/package.json +2 -1
  6. package/styles/styles.css +296 -380
  7. package/types/aslaluroba-help-center.d.ts +17 -4
package/styles/styles.css CHANGED
@@ -1,12 +1,10 @@
1
1
  /*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
2
- @import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&display=swap');
2
+ @import url("https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&display=swap");
3
3
  @layer properties;
4
4
  @layer theme, base, components, utilities;
5
5
  @layer theme {
6
6
  :root, :host {
7
7
  --babylai-font-sans: "Cairo", sans-serif;
8
- --babylai-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
9
- "Courier New", monospace;
10
8
  --babylai-color-black: #000;
11
9
  --babylai-color-white: #fff;
12
10
  --babylai-spacing: 0.25rem;
@@ -28,6 +26,7 @@
28
26
  --babylai-font-weight-semibold: 600;
29
27
  --babylai-font-weight-bold: 700;
30
28
  --babylai-tracking-tight: -0.025em;
29
+ --babylai-leading-snug: 1.375;
31
30
  --babylai-radius-md: 0.375rem;
32
31
  --babylai-radius-lg: 0.5rem;
33
32
  --babylai-radius-xl: 0.75rem;
@@ -36,174 +35,22 @@
36
35
  --babylai-ease-out: cubic-bezier(0, 0, 0.2, 1);
37
36
  --babylai-default-transition-duration: 150ms;
38
37
  --babylai-default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
39
- --babylai-default-font-family: var(--babylai-font-sans);
40
- --babylai-default-mono-font-family: var(--babylai-font-mono);
41
- --babylai-color-primary: var(--primary-color);
42
- --babylai-color-foreground: var(--foreground);
43
- --babylai-color-card: var(--card);
44
- --babylai-color-card-foreground: var(--card-foreground);
45
- --babylai-color-secondary: var(--secondary);
46
- --babylai-color-muted: var(--muted);
47
- --babylai-color-muted-foreground: var(--muted-foreground);
48
- --babylai-color-destructive: var(--destructive);
49
- --babylai-color-border: var(--border);
50
- --babylai-color-ring: var(--ring);
51
- --babylai-color-black-white-50: var(--black-white-50);
52
- --babylai-color-black-white-100: var(--black-white-100);
53
- --babylai-color-black-white-200: var(--black-white-200);
54
- --babylai-color-black-white-300: var(--black-white-300);
55
- --babylai-color-black-white-600: var(--black-white-600);
56
- --babylai-animate-wave: wave 1.3s ease-in-out infinite;
57
- }
58
- }
59
- @layer base {
60
- *, ::after, ::before, ::backdrop, ::file-selector-button {
61
- box-sizing: border-box;
62
- margin: 0;
63
- padding: 0;
64
- border: 0 solid;
65
- }
66
- html, :host {
67
- line-height: 1.5;
68
- -webkit-text-size-adjust: 100%;
69
- tab-size: 4;
70
- font-family: var(--babylai-default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
71
- font-feature-settings: var(--babylai-default-font-feature-settings, normal);
72
- font-variation-settings: var(--babylai-default-font-variation-settings, normal);
73
- -webkit-tap-highlight-color: transparent;
74
- }
75
- hr {
76
- height: 0;
77
- color: inherit;
78
- border-top-width: 1px;
79
- }
80
- abbr:where([title]) {
81
- -webkit-text-decoration: underline dotted;
82
- text-decoration: underline dotted;
83
- }
84
- h1, h2, h3, h4, h5, h6 {
85
- font-size: inherit;
86
- font-weight: inherit;
87
- }
88
- a {
89
- color: inherit;
90
- -webkit-text-decoration: inherit;
91
- text-decoration: inherit;
92
- }
93
- b, strong {
94
- font-weight: bolder;
95
- }
96
- code, kbd, samp, pre {
97
- font-family: var(--babylai-default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
98
- font-feature-settings: var(--babylai-default-mono-font-feature-settings, normal);
99
- font-variation-settings: var(--babylai-default-mono-font-variation-settings, normal);
100
- font-size: 1em;
101
- }
102
- small {
103
- font-size: 80%;
104
- }
105
- sub, sup {
106
- font-size: 75%;
107
- line-height: 0;
108
- position: relative;
109
- vertical-align: baseline;
110
- }
111
- sub {
112
- bottom: -0.25em;
113
- }
114
- sup {
115
- top: -0.5em;
116
- }
117
- table {
118
- text-indent: 0;
119
- border-color: inherit;
120
- border-collapse: collapse;
121
- }
122
- :-moz-focusring {
123
- outline: auto;
124
- }
125
- progress {
126
- vertical-align: baseline;
127
- }
128
- summary {
129
- display: list-item;
130
- }
131
- ol, ul, menu {
132
- list-style: none;
133
- }
134
- img, svg, video, canvas, audio, iframe, embed, object {
135
- display: block;
136
- vertical-align: middle;
137
- }
138
- img, video {
139
- max-width: 100%;
140
- height: auto;
141
- }
142
- button, input, select, optgroup, textarea, ::file-selector-button {
143
- font: inherit;
144
- font-feature-settings: inherit;
145
- font-variation-settings: inherit;
146
- letter-spacing: inherit;
147
- color: inherit;
148
- border-radius: 0;
149
- background-color: transparent;
150
- opacity: 1;
151
- }
152
- :where(select:is([multiple], [size])) optgroup {
153
- font-weight: bolder;
154
- }
155
- :where(select:is([multiple], [size])) optgroup option {
156
- padding-inline-start: 20px;
157
- }
158
- ::file-selector-button {
159
- margin-inline-end: 4px;
160
- }
161
- ::placeholder {
162
- opacity: 1;
163
- }
164
- @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
165
- ::placeholder {
166
- color: currentcolor;
167
- }
168
- @supports (color: color-mix(in lab, red, red)) {
169
- ::placeholder {
170
- color: color-mix(in oklab, currentcolor 50%, transparent);
171
- }
172
- }
173
- }
174
- textarea {
175
- resize: vertical;
176
- }
177
- ::-webkit-search-decoration {
178
- -webkit-appearance: none;
179
- }
180
- ::-webkit-date-and-time-value {
181
- min-height: 1lh;
182
- text-align: inherit;
183
- }
184
- ::-webkit-datetime-edit {
185
- display: inline-flex;
186
- }
187
- ::-webkit-datetime-edit-fields-wrapper {
188
- padding: 0;
189
- }
190
- ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
191
- padding-block: 0;
192
- }
193
- ::-webkit-calendar-picker-indicator {
194
- line-height: 1;
195
- }
196
- :-moz-ui-invalid {
197
- box-shadow: none;
198
- }
199
- button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
200
- appearance: button;
201
- }
202
- ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
203
- height: auto;
204
- }
205
- [hidden]:where(:not([hidden="until-found"])) {
206
- display: none !important;
38
+ --babylai-color-primary: var(--babylai-primary-color);
39
+ --babylai-color-primary-100: var(--babylai-primary-color-100);
40
+ --babylai-color-primary-200: var(--babylai-primary-color-200);
41
+ --babylai-color-primary-500: var(--babylai-primary-color-500);
42
+ --babylai-color-primary-600: var(--babylai-primary-color-600);
43
+ --babylai-color-card: var(--babylai-card);
44
+ --babylai-color-card-foreground: var(--babylai-card-foreground);
45
+ --babylai-color-secondary: var(--babylai-secondary);
46
+ --babylai-color-secondary-foreground: var(--babylai-secondary-foreground);
47
+ --babylai-color-muted: var(--babylai-muted);
48
+ --babylai-color-muted-foreground: var(--babylai-muted-foreground);
49
+ --babylai-color-destructive: var(--babylai-destructive);
50
+ --babylai-color-border: var(--babylai-border);
51
+ --babylai-color-black-white-50: var(--babylai-black-white-50);
52
+ --babylai-color-black-white-200: var(--babylai-black-white-200);
53
+ --babylai-color-black-white-300: var(--babylai-black-white-300);
207
54
  }
208
55
  }
209
56
  @layer utilities {
@@ -254,6 +101,9 @@
254
101
  .babylai\:top-4 {
255
102
  top: calc(var(--babylai-spacing) * 4);
256
103
  }
104
+ .babylai\:-right-2 {
105
+ right: calc(var(--babylai-spacing) * -2);
106
+ }
257
107
  .babylai\:right-0 {
258
108
  right: calc(var(--babylai-spacing) * 0);
259
109
  }
@@ -284,15 +134,15 @@
284
134
  .babylai\:bottom-20 {
285
135
  bottom: calc(var(--babylai-spacing) * 20);
286
136
  }
137
+ .babylai\:bottom-24 {
138
+ bottom: calc(var(--babylai-spacing) * 24);
139
+ }
287
140
  .babylai\:bottom-\[-8px\] {
288
141
  bottom: -8px;
289
142
  }
290
143
  .babylai\:left-0 {
291
144
  left: calc(var(--babylai-spacing) * 0);
292
145
  }
293
- .babylai\:left-0\.5 {
294
- left: calc(var(--babylai-spacing) * 0.5);
295
- }
296
146
  .babylai\:left-1\/2 {
297
147
  left: calc(1/2 * 100%);
298
148
  }
@@ -326,20 +176,20 @@
326
176
  .babylai\:z-10001 {
327
177
  z-index: 10001;
328
178
  }
329
- .babylai\:my-5 {
330
- margin-block: calc(var(--babylai-spacing) * 5);
331
- }
332
- .babylai\:ms-6 {
333
- margin-inline-start: calc(var(--babylai-spacing) * 6);
179
+ .babylai\:m-0 {
180
+ margin: calc(var(--babylai-spacing) * 0);
334
181
  }
335
182
  .babylai\:ms-auto {
336
183
  margin-inline-start: auto;
337
184
  }
185
+ .babylai\:me-3 {
186
+ margin-inline-end: calc(var(--babylai-spacing) * 3);
187
+ }
338
188
  .babylai\:mt-1 {
339
189
  margin-top: calc(var(--babylai-spacing) * 1);
340
190
  }
341
- .babylai\:mr-1 {
342
- margin-right: calc(var(--babylai-spacing) * 1);
191
+ .babylai\:mt-6 {
192
+ margin-top: calc(var(--babylai-spacing) * 6);
343
193
  }
344
194
  .babylai\:mb-0 {
345
195
  margin-bottom: calc(var(--babylai-spacing) * 0);
@@ -350,6 +200,9 @@
350
200
  .babylai\:mb-2 {
351
201
  margin-bottom: calc(var(--babylai-spacing) * 2);
352
202
  }
203
+ .babylai\:mb-2\! {
204
+ margin-bottom: calc(var(--babylai-spacing) * 2) !important;
205
+ }
353
206
  .babylai\:mb-4 {
354
207
  margin-bottom: calc(var(--babylai-spacing) * 4);
355
208
  }
@@ -374,6 +227,9 @@
374
227
  .babylai\:grid {
375
228
  display: grid;
376
229
  }
230
+ .babylai\:hidden {
231
+ display: none;
232
+ }
377
233
  .babylai\:inline-block {
378
234
  display: inline-block;
379
235
  }
@@ -383,8 +239,8 @@
383
239
  .babylai\:h-0 {
384
240
  height: calc(var(--babylai-spacing) * 0);
385
241
  }
386
- .babylai\:h-2 {
387
- height: calc(var(--babylai-spacing) * 2);
242
+ .babylai\:h-1\.5 {
243
+ height: calc(var(--babylai-spacing) * 1.5);
388
244
  }
389
245
  .babylai\:h-3 {
390
246
  height: calc(var(--babylai-spacing) * 3);
@@ -410,9 +266,6 @@
410
266
  .babylai\:h-12 {
411
267
  height: calc(var(--babylai-spacing) * 12);
412
268
  }
413
- .babylai\:h-14 {
414
- height: calc(var(--babylai-spacing) * 14);
415
- }
416
269
  .babylai\:h-20 {
417
270
  height: calc(var(--babylai-spacing) * 20);
418
271
  }
@@ -449,8 +302,8 @@
449
302
  .babylai\:w-0 {
450
303
  width: calc(var(--babylai-spacing) * 0);
451
304
  }
452
- .babylai\:w-2 {
453
- width: calc(var(--babylai-spacing) * 2);
305
+ .babylai\:w-1\.5 {
306
+ width: calc(var(--babylai-spacing) * 1.5);
454
307
  }
455
308
  .babylai\:w-3 {
456
309
  width: calc(var(--babylai-spacing) * 3);
@@ -476,9 +329,6 @@
476
329
  .babylai\:w-12 {
477
330
  width: calc(var(--babylai-spacing) * 12);
478
331
  }
479
- .babylai\:w-14 {
480
- width: calc(var(--babylai-spacing) * 14);
481
- }
482
332
  .babylai\:w-15 {
483
333
  width: calc(var(--babylai-spacing) * 15);
484
334
  }
@@ -494,9 +344,6 @@
494
344
  .babylai\:w-auto {
495
345
  width: auto;
496
346
  }
497
- .babylai\:w-auto\! {
498
- width: auto !important;
499
- }
500
347
  .babylai\:w-full {
501
348
  width: 100%;
502
349
  }
@@ -509,6 +356,9 @@
509
356
  .babylai\:max-w-\[90vw\] {
510
357
  max-width: 90vw;
511
358
  }
359
+ .babylai\:max-w-\[220px\] {
360
+ max-width: 220px;
361
+ }
512
362
  .babylai\:max-w-\[800px\] {
513
363
  max-width: 800px;
514
364
  }
@@ -535,8 +385,22 @@
535
385
  --tw-translate-y: calc(calc(1/2 * 100%) * -1);
536
386
  translate: var(--tw-translate-x) var(--tw-translate-y);
537
387
  }
538
- .babylai\:animate-wave {
539
- animation: var(--babylai-animate-wave);
388
+ .babylai\:translate-y-0 {
389
+ --tw-translate-y: calc(var(--babylai-spacing) * 0);
390
+ translate: var(--tw-translate-x) var(--tw-translate-y);
391
+ }
392
+ .babylai\:translate-y-2 {
393
+ --tw-translate-y: calc(var(--babylai-spacing) * 2);
394
+ translate: var(--tw-translate-x) var(--tw-translate-y);
395
+ }
396
+ .babylai\:scale-100 {
397
+ --tw-scale-x: 100%;
398
+ --tw-scale-y: 100%;
399
+ --tw-scale-z: 100%;
400
+ scale: var(--tw-scale-x) var(--tw-scale-y);
401
+ }
402
+ .babylai\:scale-\[0\.96\] {
403
+ scale: 0.96;
540
404
  }
541
405
  .babylai\:cursor-not-allowed {
542
406
  cursor: not-allowed;
@@ -544,6 +408,9 @@
544
408
  .babylai\:cursor-pointer {
545
409
  cursor: pointer;
546
410
  }
411
+ .babylai\:resize-none {
412
+ resize: none;
413
+ }
547
414
  .babylai\:grid-cols-1 {
548
415
  grid-template-columns: repeat(1, minmax(0, 1fr));
549
416
  }
@@ -574,6 +441,9 @@
574
441
  .babylai\:justify-end {
575
442
  justify-content: flex-end;
576
443
  }
444
+ .babylai\:gap-0\.5 {
445
+ gap: calc(var(--babylai-spacing) * 0.5);
446
+ }
577
447
  .babylai\:gap-1 {
578
448
  gap: calc(var(--babylai-spacing) * 1);
579
449
  }
@@ -595,12 +465,6 @@
595
465
  .babylai\:gap-6 {
596
466
  gap: calc(var(--babylai-spacing) * 6);
597
467
  }
598
- .babylai\:self-end {
599
- align-self: flex-end;
600
- }
601
- .babylai\:self-start {
602
- align-self: flex-start;
603
- }
604
468
  .babylai\:overflow-hidden {
605
469
  overflow: hidden;
606
470
  }
@@ -636,13 +500,17 @@
636
500
  border-style: var(--tw-border-style);
637
501
  border-width: 1px;
638
502
  }
503
+ .babylai\:border-0 {
504
+ border-style: var(--tw-border-style);
505
+ border-width: 0px;
506
+ }
639
507
  .babylai\:border-2 {
640
508
  border-style: var(--tw-border-style);
641
509
  border-width: 2px;
642
510
  }
643
- .babylai\:border-4 {
511
+ .babylai\:border-\[0\.5px\] {
644
512
  border-style: var(--tw-border-style);
645
- border-width: 4px;
513
+ border-width: 0.5px;
646
514
  }
647
515
  .babylai\:border-e {
648
516
  border-inline-end-style: var(--tw-border-style);
@@ -672,6 +540,9 @@
672
540
  --tw-border-style: none;
673
541
  border-style: none;
674
542
  }
543
+ .babylai\:border-black-white-50 {
544
+ border-color: var(--babylai-color-black-white-50);
545
+ }
675
546
  .babylai\:border-black-white-200 {
676
547
  border-color: var(--babylai-color-black-white-200);
677
548
  }
@@ -704,9 +575,6 @@
704
575
  .babylai\:bg-black-white-50 {
705
576
  background-color: var(--babylai-color-black-white-50);
706
577
  }
707
- .babylai\:bg-black-white-100 {
708
- background-color: var(--babylai-color-black-white-100);
709
- }
710
578
  .babylai\:bg-black\/30 {
711
579
  background-color: var(--babylai-color-black);
712
580
  }
@@ -715,6 +583,14 @@
715
583
  background-color: color-mix(in oklab, var(--babylai-color-black) 30%, transparent);
716
584
  }
717
585
  }
586
+ .babylai\:bg-black\/50 {
587
+ background-color: var(--babylai-color-black);
588
+ }
589
+ @supports (color: color-mix(in lab, red, red)) {
590
+ .babylai\:bg-black\/50 {
591
+ background-color: color-mix(in oklab, var(--babylai-color-black) 50%, transparent);
592
+ }
593
+ }
718
594
  .babylai\:bg-black\/60 {
719
595
  background-color: var(--babylai-color-black);
720
596
  }
@@ -742,12 +618,21 @@
742
618
  background-color: color-mix(in oklab, var(--babylai-color-card-foreground) 50%, transparent);
743
619
  }
744
620
  }
621
+ .babylai\:bg-current {
622
+ background-color: currentcolor;
623
+ }
624
+ .babylai\:bg-destructive {
625
+ background-color: var(--babylai-color-destructive);
626
+ }
745
627
  .babylai\:bg-muted {
746
628
  background-color: var(--babylai-color-muted);
747
629
  }
748
630
  .babylai\:bg-primary {
749
631
  background-color: var(--babylai-color-primary);
750
632
  }
633
+ .babylai\:bg-primary-500 {
634
+ background-color: var(--babylai-color-primary-500);
635
+ }
751
636
  .babylai\:bg-primary\/15 {
752
637
  background-color: var(--babylai-color-primary);
753
638
  }
@@ -830,9 +715,6 @@
830
715
  .babylai\:p-3 {
831
716
  padding: calc(var(--babylai-spacing) * 3);
832
717
  }
833
- .babylai\:p-3\! {
834
- padding: calc(var(--babylai-spacing) * 3) !important;
835
- }
836
718
  .babylai\:p-4 {
837
719
  padding: calc(var(--babylai-spacing) * 4);
838
720
  }
@@ -845,9 +727,6 @@
845
727
  .babylai\:p-6 {
846
728
  padding: calc(var(--babylai-spacing) * 6);
847
729
  }
848
- .babylai\:p-6\! {
849
- padding: calc(var(--babylai-spacing) * 6) !important;
850
- }
851
730
  .babylai\:px-2 {
852
731
  padding-inline: calc(var(--babylai-spacing) * 2);
853
732
  }
@@ -869,6 +748,9 @@
869
748
  .babylai\:py-6 {
870
749
  padding-block: calc(var(--babylai-spacing) * 6);
871
750
  }
751
+ .babylai\:py-28 {
752
+ padding-block: calc(var(--babylai-spacing) * 28);
753
+ }
872
754
  .babylai\:pe-2 {
873
755
  padding-inline-end: calc(var(--babylai-spacing) * 2);
874
756
  }
@@ -878,9 +760,6 @@
878
760
  .babylai\:pt-6 {
879
761
  padding-top: calc(var(--babylai-spacing) * 6);
880
762
  }
881
- .babylai\:pb-2 {
882
- padding-bottom: calc(var(--babylai-spacing) * 2);
883
- }
884
763
  .babylai\:pb-4 {
885
764
  padding-bottom: calc(var(--babylai-spacing) * 4);
886
765
  }
@@ -896,25 +775,40 @@
896
775
  .babylai\:text-start {
897
776
  text-align: start;
898
777
  }
778
+ .babylai\:font-sans {
779
+ font-family: var(--babylai-font-sans);
780
+ }
899
781
  .babylai\:text-2xl {
900
782
  font-size: var(--babylai-text-2xl);
901
783
  line-height: var(--tw-leading, var(--babylai-text-2xl--line-height));
902
784
  }
785
+ .babylai\:text-2xl\! {
786
+ font-size: var(--babylai-text-2xl) !important;
787
+ line-height: var(--tw-leading, var(--babylai-text-2xl--line-height)) !important;
788
+ }
903
789
  .babylai\:text-base {
904
790
  font-size: var(--babylai-text-base);
905
791
  line-height: var(--tw-leading, var(--babylai-text-base--line-height));
906
792
  }
793
+ .babylai\:text-base\! {
794
+ font-size: var(--babylai-text-base) !important;
795
+ line-height: var(--tw-leading, var(--babylai-text-base--line-height)) !important;
796
+ }
907
797
  .babylai\:text-lg {
908
798
  font-size: var(--babylai-text-lg);
909
799
  line-height: var(--tw-leading, var(--babylai-text-lg--line-height));
910
800
  }
801
+ .babylai\:text-lg\! {
802
+ font-size: var(--babylai-text-lg) !important;
803
+ line-height: var(--tw-leading, var(--babylai-text-lg--line-height)) !important;
804
+ }
911
805
  .babylai\:text-sm {
912
806
  font-size: var(--babylai-text-sm);
913
807
  line-height: var(--tw-leading, var(--babylai-text-sm--line-height));
914
808
  }
915
- .babylai\:text-xl {
916
- font-size: var(--babylai-text-xl);
917
- line-height: var(--tw-leading, var(--babylai-text-xl--line-height));
809
+ .babylai\:text-xl\! {
810
+ font-size: var(--babylai-text-xl) !important;
811
+ line-height: var(--tw-leading, var(--babylai-text-xl--line-height)) !important;
918
812
  }
919
813
  .babylai\:text-xs {
920
814
  font-size: var(--babylai-text-xs);
@@ -924,10 +818,18 @@
924
818
  --tw-leading: 1;
925
819
  line-height: 1;
926
820
  }
821
+ .babylai\:leading-snug {
822
+ --tw-leading: var(--babylai-leading-snug);
823
+ line-height: var(--babylai-leading-snug);
824
+ }
927
825
  .babylai\:font-bold {
928
826
  --tw-font-weight: var(--babylai-font-weight-bold);
929
827
  font-weight: var(--babylai-font-weight-bold);
930
828
  }
829
+ .babylai\:font-bold\! {
830
+ --tw-font-weight: var(--babylai-font-weight-bold) !important;
831
+ font-weight: var(--babylai-font-weight-bold) !important;
832
+ }
931
833
  .babylai\:font-medium {
932
834
  --tw-font-weight: var(--babylai-font-weight-medium);
933
835
  font-weight: var(--babylai-font-weight-medium);
@@ -940,13 +842,26 @@
940
842
  --tw-font-weight: var(--babylai-font-weight-semibold);
941
843
  font-weight: var(--babylai-font-weight-semibold);
942
844
  }
845
+ .babylai\:font-semibold\! {
846
+ --tw-font-weight: var(--babylai-font-weight-semibold) !important;
847
+ font-weight: var(--babylai-font-weight-semibold) !important;
848
+ }
943
849
  .babylai\:tracking-tight {
944
850
  --tw-tracking: var(--babylai-tracking-tight);
945
851
  letter-spacing: var(--babylai-tracking-tight);
946
852
  }
853
+ .babylai\:wrap-break-word {
854
+ overflow-wrap: break-word;
855
+ }
947
856
  .babylai\:whitespace-nowrap {
948
857
  white-space: nowrap;
949
858
  }
859
+ .babylai\:text-\[\#F49E00\] {
860
+ color: #F49E00;
861
+ }
862
+ .babylai\:text-black-white-50 {
863
+ color: var(--babylai-color-black-white-50);
864
+ }
950
865
  .babylai\:text-black-white-200 {
951
866
  color: var(--babylai-color-black-white-200);
952
867
  }
@@ -959,15 +874,18 @@
959
874
  .babylai\:text-destructive {
960
875
  color: var(--babylai-color-destructive);
961
876
  }
962
- .babylai\:text-foreground {
963
- color: var(--babylai-color-foreground);
964
- }
965
877
  .babylai\:text-muted-foreground {
966
878
  color: var(--babylai-color-muted-foreground);
967
879
  }
968
880
  .babylai\:text-primary {
969
881
  color: var(--babylai-color-primary);
970
882
  }
883
+ .babylai\:text-primary-500 {
884
+ color: var(--babylai-color-primary-500);
885
+ }
886
+ .babylai\:text-secondary-foreground {
887
+ color: var(--babylai-color-secondary-foreground);
888
+ }
971
889
  .babylai\:text-white {
972
890
  color: var(--babylai-color-white);
973
891
  }
@@ -980,8 +898,8 @@
980
898
  .babylai\:opacity-30 {
981
899
  opacity: 30%;
982
900
  }
983
- .babylai\:opacity-60 {
984
- opacity: 60%;
901
+ .babylai\:opacity-50 {
902
+ opacity: 50%;
985
903
  }
986
904
  .babylai\:opacity-70 {
987
905
  opacity: 70%;
@@ -1004,8 +922,8 @@
1004
922
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1005
923
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1006
924
  }
1007
- .babylai\:ring-ring {
1008
- --tw-ring-color: var(--babylai-color-ring);
925
+ .babylai\:ring-primary-500 {
926
+ --tw-ring-color: var(--babylai-color-primary-500);
1009
927
  }
1010
928
  .babylai\:transition-all {
1011
929
  transition-property: all;
@@ -1026,9 +944,9 @@
1026
944
  --tw-duration: 200ms;
1027
945
  transition-duration: 200ms;
1028
946
  }
1029
- .babylai\:duration-300 {
1030
- --tw-duration: 300ms;
1031
- transition-duration: 300ms;
947
+ .babylai\:duration-250 {
948
+ --tw-duration: 250ms;
949
+ transition-duration: 250ms;
1032
950
  }
1033
951
  .babylai\:ease-out {
1034
952
  --tw-ease: var(--babylai-ease-out);
@@ -1038,12 +956,6 @@
1038
956
  --tw-outline-style: none;
1039
957
  outline-style: none;
1040
958
  }
1041
- @media (hover: hover) {
1042
- .babylai\:hover\:translate-y-\[-2px\]:hover {
1043
- --tw-translate-y: -2px;
1044
- translate: var(--tw-translate-x) var(--tw-translate-y);
1045
- }
1046
- }
1047
959
  @media (hover: hover) {
1048
960
  .babylai\:hover\:scale-110:hover {
1049
961
  --tw-scale-x: 110%;
@@ -1053,18 +965,23 @@
1053
965
  }
1054
966
  }
1055
967
  @media (hover: hover) {
1056
- .babylai\:hover\:bg-black\/80:hover {
1057
- background-color: var(--babylai-color-black);
968
+ .babylai\:hover\:border-primary-200:hover {
969
+ border-color: var(--babylai-color-primary-200);
1058
970
  }
1059
- @supports (color: color-mix(in lab, red, red)) {
1060
- .babylai\:hover\:bg-black\/80:hover {
1061
- background-color: color-mix(in oklab, var(--babylai-color-black) 80%, transparent);
1062
- }
971
+ }
972
+ @media (hover: hover) {
973
+ .babylai\:hover\:border-primary-600:hover {
974
+ border-color: var(--babylai-color-primary-600);
975
+ }
976
+ }
977
+ @media (hover: hover) {
978
+ .babylai\:hover\:bg-primary-100:hover {
979
+ background-color: var(--babylai-color-primary-100);
1063
980
  }
1064
981
  }
1065
982
  @media (hover: hover) {
1066
- .babylai\:hover\:bg-muted:hover {
1067
- background-color: var(--babylai-color-muted);
983
+ .babylai\:hover\:bg-primary-600:hover {
984
+ background-color: var(--babylai-color-primary-600);
1068
985
  }
1069
986
  }
1070
987
  @media (hover: hover) {
@@ -1083,13 +1000,13 @@
1083
1000
  }
1084
1001
  }
1085
1002
  @media (hover: hover) {
1086
- .babylai\:hover\:text-foreground:hover {
1087
- color: var(--babylai-color-foreground);
1003
+ .babylai\:hover\:text-\[\#F49E00\]:hover {
1004
+ color: #F49E00;
1088
1005
  }
1089
1006
  }
1090
1007
  @media (hover: hover) {
1091
- .babylai\:hover\:text-primary:hover {
1092
- color: var(--babylai-color-primary);
1008
+ .babylai\:hover\:text-primary-500:hover {
1009
+ color: var(--babylai-color-primary-500);
1093
1010
  }
1094
1011
  }
1095
1012
  @media (hover: hover) {
@@ -1097,16 +1014,11 @@
1097
1014
  opacity: 80%;
1098
1015
  }
1099
1016
  }
1100
- @media (hover: hover) {
1101
- .babylai\:hover\:opacity-100:hover {
1102
- opacity: 100%;
1103
- }
1017
+ .babylai\:active\:scale-\[0\.98\]:active {
1018
+ scale: 0.98;
1104
1019
  }
1105
- @media (hover: hover) {
1106
- .babylai\:hover\:shadow-md:hover {
1107
- --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1108
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1109
- }
1020
+ .babylai\:active\:opacity-95:active {
1021
+ opacity: 95%;
1110
1022
  }
1111
1023
  .babylai\:disabled\:cursor-not-allowed:disabled {
1112
1024
  cursor: not-allowed;
@@ -1126,125 +1038,127 @@
1126
1038
  .babylai\:disabled\:opacity-50:disabled {
1127
1039
  opacity: 50%;
1128
1040
  }
1129
- @media (prefers-color-scheme: dark) {
1130
- .babylai\:dark\:border-e-black-white-600 {
1131
- border-inline-end-color: var(--babylai-color-black-white-600);
1132
- }
1133
- }
1134
1041
  @media (prefers-color-scheme: dark) {
1135
1042
  .babylai\:dark\:text-muted-foreground {
1136
1043
  color: var(--babylai-color-muted-foreground);
1137
1044
  }
1138
1045
  }
1139
- @media (prefers-color-scheme: dark) {
1140
- .babylai\:dark\:placeholder\:text-black-white-600::placeholder {
1141
- color: var(--babylai-color-black-white-600);
1142
- }
1143
- }
1144
1046
  }
1145
1047
  :root {
1146
1048
  --babylai-font-sans: "Cairo", sans-serif;
1147
- --black-white-50: #ffffff;
1148
- --black-white-100: #f3f3f3;
1149
- --black-white-200: #e2e2e2;
1150
- --black-white-300: #919191;
1151
- --black-white-400: #606060;
1152
- --black-white-500: #333333;
1153
- --black-white-600: #1f1f1f;
1154
- --black-white-700: #171717;
1155
- --black-white-800: #0a0a0a;
1156
- --black-white-900: #050505;
1157
- --black-white-950: #000000;
1158
- --black-white-default: #333333;
1159
- --storm-dust: #3d3d3d;
1160
- --storm-dust-950: #262626;
1161
- --primary-color: #ad49e1;
1162
- --primary-color-100: #f6ecfc;
1163
- --primary-color-200: #deb6f3;
1164
- --primary-color-300: #d49cee;
1165
- --primary-color-400: #c57fea;
1166
- --primary-color-500: #ad49e1;
1167
- --primary-color-600: #672b87;
1168
- --primary-color-700: #451d5a;
1169
- --primary-color-800: #220e2d;
1170
- --primary-color-900: #110716;
1171
- --primary-color-950: #0a0310;
1172
- --background: #ffffff;
1173
- --foreground: #333333;
1174
- --card: #ffffff;
1175
- --card-foreground: #333333;
1176
- --popover: #ffffff;
1177
- --popover-foreground: #333333;
1178
- --secondary: #f3f3f3;
1179
- --secondary-foreground: #333333;
1180
- --muted: #f3f3f3;
1181
- --muted-foreground: #606060;
1182
- --accent: #f3f3f3;
1183
- --accent-foreground: #333333;
1184
- --destructive: #ef4444;
1185
- --destructive-foreground: #ffffff;
1186
- --border: #e2e2e2;
1187
- --input: #e2e2e2;
1188
- --ring: var(--primary-color);
1189
- --radius: 0.5rem;
1049
+ --babylai-black-white-50: #ffffff;
1050
+ --babylai-black-white-100: #f3f3f3;
1051
+ --babylai-black-white-200: #e2e2e2;
1052
+ --babylai-black-white-300: #919191;
1053
+ --babylai-black-white-400: #606060;
1054
+ --babylai-black-white-500: #333333;
1055
+ --babylai-black-white-600: #1f1f1f;
1056
+ --babylai-black-white-700: #171717;
1057
+ --babylai-black-white-800: #0a0a0a;
1058
+ --babylai-black-white-900: #050505;
1059
+ --babylai-black-white-950: #000000;
1060
+ --babylai-black-white-default: #333333;
1061
+ --babylai-primary-color: #ad49e1;
1062
+ --babylai-primary-color-100: #f6ecfc;
1063
+ --babylai-primary-color-200: #deb6f3;
1064
+ --babylai-primary-color-300: #d49cee;
1065
+ --babylai-primary-color-400: #c57fea;
1066
+ --babylai-primary-color-500: #ad49e1;
1067
+ --babylai-primary-color-600: #672b87;
1068
+ --babylai-primary-color-700: #451d5a;
1069
+ --babylai-primary-color-800: #220e2d;
1070
+ --babylai-primary-color-900: #110716;
1071
+ --babylai-primary-color-950: #0a0310;
1072
+ --babylai-background: var(--babylai-black-white-50);
1073
+ --babylai-card: var(--babylai-black-white-50);
1074
+ --babylai-card-foreground: var(--babylai-black-white-500);
1075
+ --babylai-secondary: var(--babylai-black-white-100);
1076
+ --babylai-secondary-foreground: var(--babylai-black-white-500);
1077
+ --babylai-muted: var(--babylai-black-white-100);
1078
+ --babylai-muted-foreground: var(--babylai-black-white-400);
1079
+ --babylai-destructive: #ef4444;
1080
+ --babylai-destructive-foreground: var(--babylai-black-white-50);
1081
+ --babylai-border: var(--babylai-black-white-200);
1082
+ --babylai-ring: var(--babylai-primary-color);
1083
+ --babylai-radius: 0.5rem;
1190
1084
  }
1191
- @media (prefers-color-scheme: dark) {
1192
- :root {
1193
- --black-white-50: #000000;
1194
- --black-white-100: #050505;
1195
- --black-white-200: #0a0a0a;
1196
- --black-white-300: #171717;
1197
- --black-white-400: #1f1f1f;
1198
- --black-white-500: #333333;
1199
- --black-white-600: #606060;
1200
- --black-white-700: #919191;
1201
- --black-white-800: #e2e2e2;
1202
- --black-white-900: #f3f3f3;
1203
- --black-white-950: #ffffff;
1204
- --black-white-default: #e2e2e2;
1205
- --storm-dust: #262626;
1206
- --storm-dust-950: #3d3d3d;
1207
- --background: #121212;
1208
- --foreground: #ffffff;
1209
- --card: #262626;
1210
- --card-foreground: #ffffff;
1211
- --popover: #1e1e1e;
1212
- --popover-foreground: #ffffff;
1213
- --secondary: #3d3d3d;
1214
- --secondary-foreground: #ffffff;
1215
- --muted: #2a2a2a;
1216
- --muted-foreground: #b3b3b3;
1217
- --accent: #2a2a2a;
1218
- --accent-foreground: #ffffff;
1219
- --destructive: #ff6b6b;
1220
- --destructive-foreground: #ffffff;
1221
- --border: #404040;
1222
- --input: var(--card);
1223
- --ring: var(--primary-color);
1224
- }
1085
+ .babylai-typing-dot {
1086
+ animation: typing-dot 1.4s ease-in-out infinite;
1225
1087
  }
1226
- @keyframes float {
1227
- 0%,
1228
- 100% {
1229
- transform: translateY(0);
1230
- }
1231
- 50% {
1232
- transform: translateY(-10px);
1233
- }
1088
+ .babylai-typing-dot:nth-child(1) {
1089
+ animation-delay: 0ms;
1090
+ }
1091
+ .babylai-typing-dot:nth-child(2) {
1092
+ animation-delay: 0.2s;
1093
+ }
1094
+ .babylai-typing-dot:nth-child(3) {
1095
+ animation-delay: 0.4s;
1234
1096
  }
1235
- .animate-float {
1236
- animation: float 3s infinite ease-in-out;
1097
+ .babylai-theme-root {
1098
+ --babylai-color-primary: var(--babylai-primary-color);
1099
+ --babylai-color-primary-100: var(--babylai-primary-color-100);
1100
+ --babylai-color-primary-200: var(--babylai-primary-color-200);
1101
+ --babylai-color-primary-300: var(--babylai-primary-color-300);
1102
+ --babylai-color-primary-400: var(--babylai-primary-color-400);
1103
+ --babylai-color-primary-500: var(--babylai-primary-color-500);
1104
+ --babylai-color-primary-600: var(--babylai-primary-color-600);
1105
+ --babylai-color-primary-700: var(--babylai-primary-color-700);
1106
+ --babylai-color-primary-800: var(--babylai-primary-color-800);
1107
+ --babylai-color-primary-900: var(--babylai-primary-color-900);
1108
+ --babylai-color-primary-950: var(--babylai-primary-color-950);
1109
+ --ring: var(--babylai-primary-color);
1110
+ --color-ring: var(--babylai-primary-color);
1111
+ font-family: var(--babylai-font-sans);
1112
+ }
1113
+ .babylai-theme-root * {
1114
+ box-sizing: border-box;
1115
+ }
1116
+ .babylai-theme-root button {
1117
+ font: inherit;
1118
+ }
1119
+ .babylai-theme-root input,
1120
+ .babylai-theme-root textarea {
1121
+ font-family: inherit;
1122
+ }
1123
+ .babylai-theme-root h1,
1124
+ .babylai-theme-root h2,
1125
+ .babylai-theme-root h3,
1126
+ .babylai-theme-root h4,
1127
+ .babylai-theme-root h5,
1128
+ .babylai-theme-root h6 {
1129
+ font-size: inherit;
1130
+ font-weight: inherit;
1131
+ }
1132
+ .babylai-theme-root h1,
1133
+ .babylai-theme-root h2,
1134
+ .babylai-theme-root h3,
1135
+ .babylai-theme-root h4,
1136
+ .babylai-theme-root h5,
1137
+ .babylai-theme-root h6,
1138
+ .babylai-theme-root p {
1139
+ margin: 0;
1140
+ }
1141
+ .babylai-theme-root ul,
1142
+ .babylai-theme-root ol {
1143
+ list-style: auto;
1144
+ padding-inline-start: 40px;
1145
+ margin-block-start: 1rem;
1146
+ margin-block-end: 1rem;
1237
1147
  }
1238
1148
  .bg-header {
1239
- background: linear-gradient(171deg,
1240
- var(--primary-color) -131.06%,
1241
- var(--black-white-50) 89.82%);
1149
+ background: linear-gradient(
1150
+ 171deg,
1151
+ var(--babylai-primary-color) -131.06%,
1152
+ var(--babylai-black-white-50) 89.82%
1153
+ );
1242
1154
  }
1243
1155
  @supports (color: color-mix(in lab, red, red)) {
1244
1156
  .bg-header {
1245
- background: linear-gradient(171deg,
1246
- color-mix(in srgb, var(--primary-color) 25%, transparent) -131.06%,
1247
- color-mix(in srgb, var(--black-white-50) 25%, transparent) 89.82%);
1157
+ background: linear-gradient(
1158
+ 171deg,
1159
+ color-mix(in srgb, var(--babylai-primary-color) 25%, transparent) -131.06%,
1160
+ color-mix(in srgb, var(--babylai-black-white-50) 25%, transparent) 89.82%
1161
+ );
1248
1162
  }
1249
1163
  }
1250
1164
  @property --tw-translate-x {
@@ -1262,6 +1176,21 @@
1262
1176
  inherits: false;
1263
1177
  initial-value: 0;
1264
1178
  }
1179
+ @property --tw-scale-x {
1180
+ syntax: "*";
1181
+ inherits: false;
1182
+ initial-value: 1;
1183
+ }
1184
+ @property --tw-scale-y {
1185
+ syntax: "*";
1186
+ inherits: false;
1187
+ initial-value: 1;
1188
+ }
1189
+ @property --tw-scale-z {
1190
+ syntax: "*";
1191
+ inherits: false;
1192
+ initial-value: 1;
1193
+ }
1265
1194
  @property --tw-border-style {
1266
1195
  syntax: "*";
1267
1196
  inherits: false;
@@ -1394,29 +1323,16 @@
1394
1323
  syntax: "*";
1395
1324
  inherits: false;
1396
1325
  }
1397
- @property --tw-scale-x {
1398
- syntax: "*";
1399
- inherits: false;
1400
- initial-value: 1;
1401
- }
1402
- @property --tw-scale-y {
1403
- syntax: "*";
1404
- inherits: false;
1405
- initial-value: 1;
1406
- }
1407
- @property --tw-scale-z {
1408
- syntax: "*";
1409
- inherits: false;
1410
- initial-value: 1;
1411
- }
1412
- @keyframes wave {
1326
+ @keyframes typing-dot {
1413
1327
  0%,
1414
1328
  60%,
1415
1329
  100% {
1416
- transform: initial;
1330
+ opacity: 0.35;
1331
+ transform: scale(0.85);
1417
1332
  }
1418
1333
  30% {
1419
- transform: translateY(-10px);
1334
+ opacity: 1;
1335
+ transform: scale(1);
1420
1336
  }
1421
1337
  }
1422
1338
  @layer properties {
@@ -1425,6 +1341,9 @@
1425
1341
  --tw-translate-x: 0;
1426
1342
  --tw-translate-y: 0;
1427
1343
  --tw-translate-z: 0;
1344
+ --tw-scale-x: 1;
1345
+ --tw-scale-y: 1;
1346
+ --tw-scale-z: 1;
1428
1347
  --tw-border-style: solid;
1429
1348
  --tw-gradient-position: initial;
1430
1349
  --tw-gradient-from: #0000;
@@ -1454,9 +1373,6 @@
1454
1373
  --tw-ring-offset-shadow: 0 0 #0000;
1455
1374
  --tw-duration: initial;
1456
1375
  --tw-ease: initial;
1457
- --tw-scale-x: 1;
1458
- --tw-scale-y: 1;
1459
- --tw-scale-z: 1;
1460
1376
  }
1461
1377
  }
1462
1378
  }