@ctonti/ask-golf-veneto 1.0.5 → 1.0.7

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.
package/dist/styles.css CHANGED
@@ -36,10 +36,8 @@
36
36
  --text-5xl--line-height: 1;
37
37
  --text-6xl: 3.75rem;
38
38
  --text-6xl--line-height: 1;
39
- --text-7xl: 4.5rem;
40
- --text-7xl--line-height: 1;
41
- --font-weight-thin: 100;
42
39
  --font-weight-light: 300;
40
+ --font-weight-normal: 400;
43
41
  --font-weight-medium: 500;
44
42
  --font-weight-semibold: 600;
45
43
  --font-weight-bold: 700;
@@ -50,11 +48,14 @@
50
48
  --leading-snug: 1.375;
51
49
  --leading-relaxed: 1.625;
52
50
  --radius-2xl: 1rem;
51
+ --radius-3xl: 1.5rem;
52
+ --drop-shadow-sm: 0 1px 2px rgb(0 0 0 / 0.15);
53
53
  --drop-shadow-md: 0 3px 3px rgb(0 0 0 / 0.12);
54
54
  --drop-shadow-lg: 0 4px 4px rgb(0 0 0 / 0.15);
55
+ --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
55
56
  --blur-sm: 8px;
56
57
  --blur-md: 12px;
57
- --blur-lg: 16px;
58
+ --blur-3xl: 64px;
58
59
  --aspect-video: 16 / 9;
59
60
  --default-transition-duration: 150ms;
60
61
  --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -214,6 +215,9 @@
214
215
  .\@container {
215
216
  container-type: inline-size;
216
217
  }
218
+ .pointer-events-none {
219
+ pointer-events: none;
220
+ }
217
221
  .absolute {
218
222
  position: absolute;
219
223
  }
@@ -232,6 +236,9 @@
232
236
  .-top-6 {
233
237
  top: calc(var(--spacing) * -6);
234
238
  }
239
+ .-top-32 {
240
+ top: calc(var(--spacing) * -32);
241
+ }
235
242
  .top-0 {
236
243
  top: 0px;
237
244
  }
@@ -247,6 +254,9 @@
247
254
  .-right-1 {
248
255
  right: calc(var(--spacing) * -1);
249
256
  }
257
+ .-right-32 {
258
+ right: calc(var(--spacing) * -32);
259
+ }
250
260
  .right-0 {
251
261
  right: 0px;
252
262
  }
@@ -265,6 +275,9 @@
265
275
  .-bottom-2 {
266
276
  bottom: calc(var(--spacing) * -2);
267
277
  }
278
+ .-bottom-32 {
279
+ bottom: calc(var(--spacing) * -32);
280
+ }
268
281
  .bottom-0 {
269
282
  bottom: 0px;
270
283
  }
@@ -277,6 +290,9 @@
277
290
  .-left-2 {
278
291
  left: calc(var(--spacing) * -2);
279
292
  }
293
+ .-left-32 {
294
+ left: calc(var(--spacing) * -32);
295
+ }
280
296
  .left-0 {
281
297
  left: 0px;
282
298
  }
@@ -388,6 +404,9 @@
388
404
  .-ml-6 {
389
405
  margin-left: calc(var(--spacing) * -6);
390
406
  }
407
+ .ml-auto {
408
+ margin-left: auto;
409
+ }
391
410
  .block {
392
411
  display: block;
393
412
  }
@@ -406,6 +425,9 @@
406
425
  .inline-block {
407
426
  display: inline-block;
408
427
  }
428
+ .inline-flex {
429
+ display: inline-flex;
430
+ }
409
431
  .aspect-\[4\/3\] {
410
432
  aspect-ratio: 4/3;
411
433
  }
@@ -478,6 +500,9 @@
478
500
  .h-\[40px\] {
479
501
  height: 40px;
480
502
  }
503
+ .h-\[500px\] {
504
+ height: 500px;
505
+ }
481
506
  .h-fit {
482
507
  height: fit-content;
483
508
  }
@@ -496,8 +521,8 @@
496
521
  .min-h-\[300px\] {
497
522
  min-height: 300px;
498
523
  }
499
- .min-h-\[calc\(100vh-115px\)\] {
500
- min-height: calc(100vh - 115px);
524
+ .min-h-\[calc\(100vh-80px\)\] {
525
+ min-height: calc(100vh - 80px);
501
526
  }
502
527
  .min-h-svh {
503
528
  min-height: 100svh;
@@ -586,6 +611,9 @@
586
611
  .w-\[90\%\] {
587
612
  width: 90%;
588
613
  }
614
+ .w-\[500px\] {
615
+ width: 500px;
616
+ }
589
617
  .w-full {
590
618
  width: 100%;
591
619
  }
@@ -598,9 +626,6 @@
598
626
  .max-w-4xl {
599
627
  max-width: var(--container-4xl);
600
628
  }
601
- .max-w-215 {
602
- max-width: calc(var(--spacing) * 215);
603
- }
604
629
  .max-w-\[200px\] {
605
630
  max-width: 200px;
606
631
  }
@@ -629,8 +654,11 @@
629
654
  --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
630
655
  translate: var(--tw-translate-x) var(--tw-translate-y);
631
656
  }
632
- .transform {
633
- transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
657
+ .animate-pulse {
658
+ animation: var(--animate-pulse);
659
+ }
660
+ .cursor-pointer {
661
+ cursor: pointer;
634
662
  }
635
663
  .grid-cols-1 {
636
664
  grid-template-columns: repeat(1, minmax(0, 1fr));
@@ -668,6 +696,9 @@
668
696
  .gap-2 {
669
697
  gap: calc(var(--spacing) * 2);
670
698
  }
699
+ .gap-2\.5 {
700
+ gap: calc(var(--spacing) * 2.5);
701
+ }
671
702
  .gap-3 {
672
703
  gap: calc(var(--spacing) * 3);
673
704
  }
@@ -686,9 +717,6 @@
686
717
  .gap-10 {
687
718
  gap: calc(var(--spacing) * 10);
688
719
  }
689
- .gap-12 {
690
- gap: calc(var(--spacing) * 12);
691
- }
692
720
  :where(.space-y-2 > :not(:last-child)) {
693
721
  --tw-space-y-reverse: 0;
694
722
  margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
@@ -745,6 +773,9 @@
745
773
  .rounded-2xl {
746
774
  border-radius: var(--radius-2xl);
747
775
  }
776
+ .rounded-3xl {
777
+ border-radius: var(--radius-3xl);
778
+ }
748
779
  .rounded-full {
749
780
  border-radius: calc(infinity * 1px);
750
781
  }
@@ -827,6 +858,15 @@
827
858
  .border-\[\#8b3a3a\]\/20 {
828
859
  border-color: color-mix(in oklab, #8b3a3a 20%, transparent);
829
860
  }
861
+ .border-\[\#213f31\] {
862
+ border-color: #213f31;
863
+ }
864
+ .border-\[\#213f31\]\/15 {
865
+ border-color: color-mix(in oklab, #213f31 15%, transparent);
866
+ }
867
+ .border-\[\#213f31\]\/20 {
868
+ border-color: color-mix(in oklab, #213f31 20%, transparent);
869
+ }
830
870
  .border-\[\#478264\]\/20 {
831
871
  border-color: color-mix(in oklab, #478264 20%, transparent);
832
872
  }
@@ -869,9 +909,18 @@
869
909
  .bg-\[\#213f31\] {
870
910
  background-color: #213f31;
871
911
  }
912
+ .bg-\[\#213f31\]\/5 {
913
+ background-color: color-mix(in oklab, #213f31 5%, transparent);
914
+ }
915
+ .bg-\[\#213f31\]\/10 {
916
+ background-color: color-mix(in oklab, #213f31 10%, transparent);
917
+ }
872
918
  .bg-\[\#213f31\]\/90 {
873
919
  background-color: color-mix(in oklab, #213f31 90%, transparent);
874
920
  }
921
+ .bg-\[\#34674e\] {
922
+ background-color: #34674e;
923
+ }
875
924
  .bg-\[\#478264\] {
876
925
  background-color: #478264;
877
926
  }
@@ -974,12 +1023,6 @@
974
1023
  background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
975
1024
  }
976
1025
  }
977
- .bg-white\/10 {
978
- background-color: color-mix(in srgb, #fff 10%, transparent);
979
- @supports (color: color-mix(in lab, red, red)) {
980
- background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
981
- }
982
- }
983
1026
  .bg-white\/95 {
984
1027
  background-color: color-mix(in srgb, #fff 95%, transparent);
985
1028
  @supports (color: color-mix(in lab, red, red)) {
@@ -1060,10 +1103,6 @@
1060
1103
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
1061
1104
  --tw-gradient-stops: var(--tw-gradient-via-stops);
1062
1105
  }
1063
- .to-\[\#1a3227\] {
1064
- --tw-gradient-to: #1a3227;
1065
- --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
1066
- }
1067
1106
  .to-\[\#213f31\]\/90 {
1068
1107
  --tw-gradient-to: color-mix(in oklab, #213f31 90%, transparent);
1069
1108
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
@@ -1205,6 +1244,9 @@
1205
1244
  .pb-4 {
1206
1245
  padding-bottom: calc(var(--spacing) * 4);
1207
1246
  }
1247
+ .pb-5 {
1248
+ padding-bottom: calc(var(--spacing) * 5);
1249
+ }
1208
1250
  .pl-0 {
1209
1251
  padding-left: 0px;
1210
1252
  }
@@ -1220,6 +1262,9 @@
1220
1262
  .text-center {
1221
1263
  text-align: center;
1222
1264
  }
1265
+ .text-left {
1266
+ text-align: left;
1267
+ }
1223
1268
  .font-heading {
1224
1269
  font-family: 'Instrument Serif', Georgia, serif;
1225
1270
  }
@@ -1278,6 +1323,10 @@
1278
1323
  --tw-leading: 1.1;
1279
1324
  line-height: 1.1;
1280
1325
  }
1326
+ .leading-\[1\.15\] {
1327
+ --tw-leading: 1.15;
1328
+ line-height: 1.15;
1329
+ }
1281
1330
  .leading-relaxed {
1282
1331
  --tw-leading: var(--leading-relaxed);
1283
1332
  line-height: var(--leading-relaxed);
@@ -1302,18 +1351,14 @@
1302
1351
  --tw-font-weight: var(--font-weight-medium);
1303
1352
  font-weight: var(--font-weight-medium);
1304
1353
  }
1354
+ .font-normal {
1355
+ --tw-font-weight: var(--font-weight-normal);
1356
+ font-weight: var(--font-weight-normal);
1357
+ }
1305
1358
  .font-semibold {
1306
1359
  --tw-font-weight: var(--font-weight-semibold);
1307
1360
  font-weight: var(--font-weight-semibold);
1308
1361
  }
1309
- .font-thin {
1310
- --tw-font-weight: var(--font-weight-thin);
1311
- font-weight: var(--font-weight-thin);
1312
- }
1313
- .tracking-\[-0\.02em\] {
1314
- --tw-tracking: -0.02em;
1315
- letter-spacing: -0.02em;
1316
- }
1317
1362
  .tracking-\[0\.2em\] {
1318
1363
  --tw-tracking: 0.2em;
1319
1364
  letter-spacing: 0.2em;
@@ -1369,6 +1414,9 @@
1369
1414
  .text-\[\#213f31\]\/90 {
1370
1415
  color: color-mix(in oklab, #213f31 90%, transparent);
1371
1416
  }
1417
+ .text-\[\#34674e\] {
1418
+ color: #34674e;
1419
+ }
1372
1420
  .text-\[\#478264\] {
1373
1421
  color: #478264;
1374
1422
  }
@@ -1423,6 +1471,9 @@
1423
1471
  .not-italic {
1424
1472
  font-style: normal;
1425
1473
  }
1474
+ .accent-\[\#213f31\] {
1475
+ accent-color: #213f31;
1476
+ }
1426
1477
  .opacity-0 {
1427
1478
  opacity: 0%;
1428
1479
  }
@@ -1474,6 +1525,10 @@
1474
1525
  outline-style: var(--tw-outline-style);
1475
1526
  outline-width: 1px;
1476
1527
  }
1528
+ .blur-3xl {
1529
+ --tw-blur: blur(var(--blur-3xl));
1530
+ filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
1531
+ }
1477
1532
  .drop-shadow {
1478
1533
  --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.1))) drop-shadow(0 1px 1px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.06)));
1479
1534
  --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow( 0 1px 1px rgb(0 0 0 / 0.06));
@@ -1489,16 +1544,16 @@
1489
1544
  --tw-drop-shadow: drop-shadow(var(--drop-shadow-md));
1490
1545
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
1491
1546
  }
1547
+ .drop-shadow-sm {
1548
+ --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.15)));
1549
+ --tw-drop-shadow: drop-shadow(var(--drop-shadow-sm));
1550
+ filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
1551
+ }
1492
1552
  .backdrop-blur {
1493
1553
  --tw-backdrop-blur: blur(8px);
1494
1554
  -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
1495
1555
  backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
1496
1556
  }
1497
- .backdrop-blur-lg {
1498
- --tw-backdrop-blur: blur(var(--blur-lg));
1499
- -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
1500
- backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
1501
- }
1502
1557
  .backdrop-blur-md {
1503
1558
  --tw-backdrop-blur: blur(var(--blur-md));
1504
1559
  -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
@@ -1534,6 +1589,10 @@
1534
1589
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1535
1590
  transition-duration: var(--tw-duration, var(--default-transition-duration));
1536
1591
  }
1592
+ .duration-200 {
1593
+ --tw-duration: 200ms;
1594
+ transition-duration: 200ms;
1595
+ }
1537
1596
  .duration-300 {
1538
1597
  --tw-duration: 300ms;
1539
1598
  transition-duration: 300ms;
@@ -1568,28 +1627,32 @@
1568
1627
  border-width: 0px;
1569
1628
  }
1570
1629
  @media (hover: hover) {
1571
- .hover\:-translate-y-0\.5:hover {
1572
- --tw-translate-y: calc(var(--spacing) * -0.5);
1573
- translate: var(--tw-translate-x) var(--tw-translate-y);
1574
- }
1575
1630
  .hover\:scale-105:hover {
1576
1631
  --tw-scale-x: 105%;
1577
1632
  --tw-scale-y: 105%;
1578
1633
  --tw-scale-z: 105%;
1579
1634
  scale: var(--tw-scale-x) var(--tw-scale-y);
1580
1635
  }
1581
- .hover\:border-transparent:hover {
1582
- border-color: transparent;
1636
+ .hover\:scale-\[1\.01\]:hover {
1637
+ scale: 1.01;
1638
+ }
1639
+ .hover\:border-\[\#213f31\]\/40:hover {
1640
+ border-color: color-mix(in oklab, #213f31 40%, transparent);
1583
1641
  }
1584
- .hover\:bg-\[\#478264\]\/80:hover {
1585
- background-color: color-mix(in oklab, #478264 80%, transparent);
1642
+ .hover\:bg-\[\#213f31\]:hover {
1643
+ background-color: #213f31;
1644
+ }
1645
+ .hover\:bg-\[\#34674e\]:hover {
1646
+ background-color: #34674e;
1586
1647
  }
1587
1648
  .hover\:bg-white:hover {
1588
1649
  background-color: var(--color-white);
1589
1650
  }
1590
- .hover\:shadow-lg:hover {
1591
- --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1592
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1651
+ .hover\:text-\[\#213f31\]:hover {
1652
+ color: #213f31;
1653
+ }
1654
+ .hover\:text-\[\#faf8f3\]:hover {
1655
+ color: #faf8f3;
1593
1656
  }
1594
1657
  .hover\:shadow-md:hover {
1595
1658
  --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));
@@ -1600,18 +1663,16 @@
1600
1663
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1601
1664
  }
1602
1665
  }
1603
- @media (width >= 48rem) {
1604
- .md\:p-2 {
1605
- padding: calc(var(--spacing) * 2);
1606
- }
1607
- .md\:text-7xl {
1608
- font-size: var(--text-7xl);
1609
- line-height: var(--tw-leading, var(--text-7xl--line-height));
1610
- }
1611
- .md\:text-xl {
1612
- font-size: var(--text-xl);
1613
- line-height: var(--tw-leading, var(--text-xl--line-height));
1614
- }
1666
+ .focus\:ring-2:focus {
1667
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1668
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1669
+ }
1670
+ .focus\:ring-\[\#34674e\]:focus {
1671
+ --tw-ring-color: #34674e;
1672
+ }
1673
+ .focus\:outline-none:focus {
1674
+ --tw-outline-style: none;
1675
+ outline-style: none;
1615
1676
  }
1616
1677
  @container (width >= 28rem) {
1617
1678
  .\@md\:-ml-8 {
@@ -1659,6 +1720,9 @@
1659
1720
  .\@md\:grid-cols-2 {
1660
1721
  grid-template-columns: repeat(2, minmax(0, 1fr));
1661
1722
  }
1723
+ .\@md\:grid-cols-3 {
1724
+ grid-template-columns: repeat(3, minmax(0, 1fr));
1725
+ }
1662
1726
  .\@md\:flex-row {
1663
1727
  flex-direction: row;
1664
1728
  }
@@ -1747,6 +1811,10 @@
1747
1811
  font-size: var(--text-base);
1748
1812
  line-height: var(--tw-leading, var(--text-base--line-height));
1749
1813
  }
1814
+ .\@md\:text-lg {
1815
+ font-size: var(--text-lg);
1816
+ line-height: var(--tw-leading, var(--text-lg--line-height));
1817
+ }
1750
1818
  .\@md\:text-\[64px\] {
1751
1819
  font-size: 64px;
1752
1820
  }
@@ -1761,6 +1829,10 @@
1761
1829
  .\@lg\:grid-cols-3 {
1762
1830
  grid-template-columns: repeat(3, minmax(0, 1fr));
1763
1831
  }
1832
+ .\@lg\:text-6xl {
1833
+ font-size: var(--text-6xl);
1834
+ line-height: var(--tw-leading, var(--text-6xl--line-height));
1835
+ }
1764
1836
  .\@lg\:text-\[80px\] {
1765
1837
  font-size: 80px;
1766
1838
  }
@@ -2554,26 +2626,6 @@ html[dir='rtl'], [data-sonner-toaster][dir='rtl'] {
2554
2626
  inherits: false;
2555
2627
  initial-value: 0;
2556
2628
  }
2557
- @property --tw-rotate-x {
2558
- syntax: "*";
2559
- inherits: false;
2560
- }
2561
- @property --tw-rotate-y {
2562
- syntax: "*";
2563
- inherits: false;
2564
- }
2565
- @property --tw-rotate-z {
2566
- syntax: "*";
2567
- inherits: false;
2568
- }
2569
- @property --tw-skew-x {
2570
- syntax: "*";
2571
- inherits: false;
2572
- }
2573
- @property --tw-skew-y {
2574
- syntax: "*";
2575
- inherits: false;
2576
- }
2577
2629
  @property --tw-space-y-reverse {
2578
2630
  syntax: "*";
2579
2631
  inherits: false;
@@ -2816,6 +2868,11 @@ html[dir='rtl'], [data-sonner-toaster][dir='rtl'] {
2816
2868
  inherits: false;
2817
2869
  initial-value: 1;
2818
2870
  }
2871
+ @keyframes pulse {
2872
+ 50% {
2873
+ opacity: 0.5;
2874
+ }
2875
+ }
2819
2876
  @layer properties {
2820
2877
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
2821
2878
  :root, :host {
@@ -2825,11 +2882,6 @@ html[dir='rtl'], [data-sonner-toaster][dir='rtl'] {
2825
2882
  --tw-translate-x: 0;
2826
2883
  --tw-translate-y: 0;
2827
2884
  --tw-translate-z: 0;
2828
- --tw-rotate-x: initial;
2829
- --tw-rotate-y: initial;
2830
- --tw-rotate-z: initial;
2831
- --tw-skew-x: initial;
2832
- --tw-skew-y: initial;
2833
2885
  --tw-space-y-reverse: 0;
2834
2886
  --tw-border-style: solid;
2835
2887
  --tw-gradient-position: initial;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ctonti/ask-golf-veneto",
3
- "version": "1.0.5",
3
+ "version": "1.0.7",
4
4
  "description": "Ask Golf in Veneto - Consulente di viaggio golf custom plugin",
5
5
  "type": "module",
6
6
  "files": [
@@ -1,179 +0,0 @@
1
- import { r as registry } from "./registry-YcWNxjzA.mjs";
2
- import { TooltipProvider } from "@websolutespa/ask-ui/components/tooltip";
3
- import { useContext, useMemo } from "react";
4
- import { ChatContext, ChatProvider, ComponentsContext, ComponentsProvider, ViewProvider } from "@websolutespa/ask-plugin";
5
- import { Toaster } from "@websolutespa/ask-ui/components/sonner";
6
- import { jsx, jsxs } from "react/jsx-runtime";
7
- import { cn } from "@websolutespa/ask-ui";
8
- import { ActionProvider, Renderer, StateProvider, VisibilityProvider } from "@json-render/react";
9
- import { toast } from "sonner";
10
- //#region src/components/intro.tsx
11
- function Intro() {
12
- const { PromptIntro } = useContext(ComponentsContext);
13
- const { contents, append } = useContext(ChatContext);
14
- const title = contents.intro?.title || "Progetta la tua <em>vacanza golf</em> in Veneto";
15
- return /* @__PURE__ */ jsxs("section", {
16
- className: "relative flex min-h-[calc(100vh-115px)] flex-col items-center justify-center gap-8 text-foreground overflow-hidden",
17
- children: [
18
- /* @__PURE__ */ jsx("div", { className: "absolute inset-0 z-0 bg-gradient-to-b from-[#213f31] to-[#1a3227]" }),
19
- /* @__PURE__ */ jsx("div", { className: "absolute inset-0 z-0 bg-[url('https://www.transparenttextures.com/patterns/cubes.png')] opacity-10 mix-blend-overlay" }),
20
- /* @__PURE__ */ jsxs("div", {
21
- className: "relative z-10 w-full max-w-215 p-6 md:p-2 flex flex-col items-center gap-12",
22
- children: [
23
- /* @__PURE__ */ jsxs("div", {
24
- className: "text-center space-y-4",
25
- children: [title && /* @__PURE__ */ jsx("h1", {
26
- className: "text-center text-5xl md:text-7xl font-thin leading-[1.1] tracking-[-0.02em] font-heading italic text-white drop-shadow-md",
27
- dangerouslySetInnerHTML: { __html: title }
28
- }), /* @__PURE__ */ jsx("p", {
29
- className: "text-[#e8d9c0] font-sans text-lg md:text-xl font-light uppercase tracking-widest mt-4",
30
- children: "Il tuo concierge di viaggio personalizzato"
31
- })]
32
- }),
33
- /* @__PURE__ */ jsx("div", {
34
- className: "w-full bg-white/5 backdrop-blur-lg rounded-2xl p-6 shadow-2xl border border-white/10 relative",
35
- children: /* @__PURE__ */ jsx(PromptIntro, {})
36
- }),
37
- /* @__PURE__ */ jsx("div", {
38
- className: "flex flex-wrap items-center justify-center gap-3 mt-4 max-w-3xl",
39
- children: [
40
- "5 giorni golf e prosecco per due",
41
- "Weekend romantico con golf a Venezia",
42
- "Vacanza famiglia tra golf e Gardaland",
43
- "Tour dei migliori campi da golf del Veneto"
44
- ].map((prompt, i) => /* @__PURE__ */ jsx("button", {
45
- onClick: () => append?.({
46
- role: "user",
47
- content: prompt
48
- }),
49
- className: "px-5 py-2.5 rounded-full bg-white/10 hover:bg-[#478264]/80 backdrop-blur text-white text-sm font-medium transition-all duration-300 border border-white/10 hover:border-transparent hover:shadow-lg transform hover:-translate-y-0.5",
50
- children: prompt
51
- }, i))
52
- })
53
- ]
54
- })
55
- ]
56
- });
57
- }
58
- //#endregion
59
- //#region src/components/main.tsx
60
- function Main() {
61
- const { Intro, Thread } = useContext(ComponentsContext);
62
- const { shouldShowIntro } = useContext(ChatContext);
63
- return /* @__PURE__ */ jsx("div", {
64
- className: "w-full min-h-svh flex flex-col gap-8 bg-background text-foreground",
65
- children: shouldShowIntro ? /* @__PURE__ */ jsx(Intro, {}) : /* @__PURE__ */ jsx(Thread, {})
66
- });
67
- }
68
- //#endregion
69
- //#region src/components/preview.tsx
70
- function Preview({ spec }) {
71
- return /* @__PURE__ */ jsxs(ComponentsProvider, {
72
- components: COMPONENTS,
73
- children: [/* @__PURE__ */ jsx(PreviewRenderer, { spec }), /* @__PURE__ */ jsx(Toaster, {})]
74
- });
75
- }
76
- function PreviewRenderer({ spec, className }) {
77
- const { Renderer } = useContext(ComponentsContext);
78
- return /* @__PURE__ */ jsx("div", {
79
- className: cn("w-full flex flex-col gap-10 py-5 @md:gap-20 @md:py-10", className),
80
- children: spec ? /* @__PURE__ */ jsx(Renderer, { spec }) : /* @__PURE__ */ jsx("div", { children: "Spec not provided" })
81
- });
82
- }
83
- //#endregion
84
- //#region src/components/renderer.tsx
85
- function Renderer$1({ spec, isStreaming = false, mounted = false }) {
86
- const { Fallback } = useContext(ComponentsContext);
87
- if (!spec) return;
88
- return /* @__PURE__ */ jsx(StateProvider, {
89
- initialState: spec.state ?? {},
90
- children: /* @__PURE__ */ jsx(VisibilityProvider, { children: /* @__PURE__ */ jsx(ActionProvider, {
91
- handlers: { linkClick: async (params) => {
92
- const href = params?.href || "#";
93
- if (mounted) {
94
- const { url } = params;
95
- if (url) window.open(url, "_blank", "noopener,noreferrer");
96
- } else toast.info(`Navigating to: ${href}`);
97
- } },
98
- children: /* @__PURE__ */ jsx(Renderer, {
99
- spec,
100
- registry,
101
- fallback: Fallback,
102
- loading: isStreaming
103
- })
104
- }) })
105
- });
106
- }
107
- //#endregion
108
- //#region src/components.ts
109
- const COMPONENTS = {
110
- App,
111
- Chat,
112
- Intro,
113
- Main,
114
- Preview,
115
- Renderer: Renderer$1
116
- };
117
- //#endregion
118
- //#region src/components/chat.tsx
119
- function Chat({ appKey, apiKey, ...props }) {
120
- if (!appKey) return /* @__PURE__ */ jsx("div", { children: "appKey not defined" });
121
- if (!apiKey) return /* @__PURE__ */ jsx("div", { children: "apiKey not defined" });
122
- return /* @__PURE__ */ jsx(ComponentsProvider, {
123
- components: COMPONENTS,
124
- children: /* @__PURE__ */ jsx(ChatProvider, {
125
- appKey,
126
- apiKey,
127
- ...props,
128
- children: /* @__PURE__ */ jsxs(ViewProvider, { children: [/* @__PURE__ */ jsx(Main, {}), /* @__PURE__ */ jsx(Toaster, {})] })
129
- })
130
- });
131
- }
132
- //#endregion
133
- //#region src/components/app.tsx
134
- const App = (props) => {
135
- useMemo(() => {
136
- if (typeof window !== "undefined") {
137
- const htmlLang = getHtmlLang();
138
- const title = document.querySelector("title");
139
- const description = document.querySelector("meta[name=\"description\"]");
140
- const canonical = document.querySelector("link[rel=\"canonical\"]");
141
- return {
142
- locale: htmlLang?.locale || "it",
143
- market: htmlLang?.market || "ww",
144
- origin: window.origin,
145
- canonical: canonical?.getAttribute("href") || window.location.href,
146
- title: title ? title.innerText : "Untitled",
147
- description: description?.getAttribute("content") || "",
148
- slug: window.location.pathname
149
- };
150
- }
151
- return {
152
- locale: "it",
153
- market: "ww",
154
- origin: "",
155
- canonical: "",
156
- title: "Untitled",
157
- description: "",
158
- slug: ""
159
- };
160
- }, []);
161
- return /* @__PURE__ */ jsx("div", {
162
- className: "@container w-full",
163
- children: /* @__PURE__ */ jsx(TooltipProvider, { children: props.preview ? /* @__PURE__ */ jsx(Preview, { spec: props.initialSpec }) : /* @__PURE__ */ jsx(Chat, { ...props }) })
164
- });
165
- };
166
- function getHtmlLang() {
167
- const htmlLang = document.querySelector("html")?.getAttribute("lang");
168
- if (htmlLang) {
169
- const segments = htmlLang.toLowerCase().split("-");
170
- return {
171
- locale: segments[0],
172
- market: segments[1] || "ww"
173
- };
174
- }
175
- }
176
- //#endregion
177
- export { Preview as a, Renderer$1 as i, Chat as n, PreviewRenderer as o, COMPONENTS as r, Main as s, App as t };
178
-
179
- //# sourceMappingURL=app-a0BueseU.mjs.map