negodesign 0.0.34 → 0.0.36

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 (74) hide show
  1. package/dist/components/core/card/product/01/CardProduct01.svelte +130 -0
  2. package/dist/components/core/card/product/01/CardProduct01.svelte.d.ts +4 -0
  3. package/dist/components/core/card/product/02/CardProduct02.svelte +118 -0
  4. package/dist/components/core/card/product/02/CardProduct02.svelte.d.ts +4 -0
  5. package/dist/components/core/card/product/CardProduct.svelte +22 -0
  6. package/dist/components/core/card/product/CardProduct.svelte.d.ts +11 -0
  7. package/dist/components/core/card/product/data.d.ts +3 -0
  8. package/dist/components/core/card/product/data.js +89 -0
  9. package/dist/components/core/card/profile/01/CardProfile01.svelte +3 -5
  10. package/dist/components/core/card/profile/02/CardProfile02.svelte +8 -17
  11. package/dist/components/core/card/promotion/CardPromotion.svelte +1 -1
  12. package/dist/components/core/card/promotion/CardPromotionPrice.svelte.d.ts +8 -0
  13. package/dist/components/core/card/shared/CardPhoneOrWhatsapp.svelte +14 -7
  14. package/dist/components/core/card/shared/CardTags.svelte +49 -24
  15. package/dist/components/core/card/shared/CardTitlePrice.svelte +24 -0
  16. package/dist/components/core/card/shared/CardTitlePrice.svelte.d.ts +15 -0
  17. package/dist/components/core/card/shared/TruncatableText.svelte +1 -1
  18. package/dist/components/core/card/types.d.ts +48 -0
  19. package/dist/components/core/carousel/grid/product/types.d.ts +22 -0
  20. package/dist/components/core/carousel/grid/product/types.js +1 -0
  21. package/dist/components/core/carousel/grid/product/ui/CarouselGridProduct.svelte +61 -0
  22. package/dist/components/core/carousel/grid/product/ui/CarouselGridProduct.svelte.d.ts +4 -0
  23. package/dist/components/core/carousel/grid/promotion/types.d.ts +23 -0
  24. package/dist/components/core/carousel/grid/promotion/types.js +1 -0
  25. package/dist/components/core/carousel/grid/promotion/ui/CarouselGridPromotion.svelte +50 -0
  26. package/dist/components/core/carousel/grid/promotion/ui/CarouselGridPromotion.svelte.d.ts +4 -0
  27. package/dist/components/core/carousel/product/types.d.ts +21 -0
  28. package/dist/components/core/carousel/product/types.js +1 -0
  29. package/dist/components/core/carousel/product/ui/CarouselProduct.svelte +47 -0
  30. package/dist/components/core/carousel/product/ui/CarouselProduct.svelte.d.ts +4 -0
  31. package/dist/components/pages/company-profile/CompanyProfile.svelte +140 -0
  32. package/dist/components/pages/company-profile/CompanyProfile.svelte.d.ts +4 -0
  33. package/dist/components/pages/company-profile/data.d.ts +2 -0
  34. package/dist/components/pages/company-profile/data.js +68 -0
  35. package/dist/components/pages/company-profile/shared/ProfileAboutCompany.svelte +79 -0
  36. package/dist/components/pages/company-profile/shared/ProfileAboutCompany.svelte.d.ts +9 -0
  37. package/dist/components/pages/company-profile/shared/ProfileBanner.svelte +194 -0
  38. package/dist/components/pages/company-profile/shared/ProfileBanner.svelte.d.ts +14 -0
  39. package/dist/components/pages/company-profile/shared/ProfileGallery.svelte +198 -0
  40. package/dist/components/pages/company-profile/shared/ProfileGallery.svelte.d.ts +9 -0
  41. package/dist/components/pages/company-profile/shared/ProfileMenuBadge.svelte +56 -0
  42. package/dist/components/pages/company-profile/shared/ProfileMenuBadge.svelte.d.ts +11 -0
  43. package/dist/components/pages/company-profile/shared/ProfileSidebar.svelte +57 -0
  44. package/dist/components/pages/company-profile/shared/ProfileSidebar.svelte.d.ts +11 -0
  45. package/dist/components/pages/company-profile/types.d.ts +117 -0
  46. package/dist/components/pages/company-profile/types.js +1 -0
  47. package/dist/components/pages/privacy-policy-or-terms-of-use/data.d.ts +3 -0
  48. package/dist/components/pages/privacy-policy-or-terms-of-use/data.js +179 -0
  49. package/dist/components/pages/privacy-policy-or-terms-of-use/shared/DocSectionView.svelte +2 -1
  50. package/dist/components/pages/privacy-policy-or-terms-of-use/shared/DocSectionView.svelte.d.ts +1 -0
  51. package/dist/components/pages/product-details/01/ProductDetails01.svelte +19 -7
  52. package/dist/components/pages/product-details/02/ProductDetails02.svelte +42 -37
  53. package/dist/components/pages/product-details/03/ProductDetails03.svelte +33 -29
  54. package/dist/components/pages/product-details/ProductDetails.svelte +11 -7
  55. package/dist/components/pages/product-details/shared/ProductDetailFeatures.svelte +11 -5
  56. package/dist/components/pages/product-details/shared/ProductDetailFeatures.svelte.d.ts +2 -1
  57. package/dist/components/pages/product-details/shared/ProductDetailFilesVertical.svelte +52 -20
  58. package/dist/components/pages/product-details/shared/ProductDetailFilesVertical.svelte.d.ts +1 -1
  59. package/dist/components/pages/product-details/shared/ProductDetailImage.svelte +51 -20
  60. package/dist/components/pages/product-details/shared/ProductDetailImage.svelte.d.ts +1 -1
  61. package/dist/components/pages/product-details/shared/ProductDetailPrice.svelte +1 -1
  62. package/dist/components/pages/product-details/types.d.ts +9 -2
  63. package/dist/components/pages/profile-user/types.d.ts +7 -0
  64. package/dist/globals.css +244 -8
  65. package/dist/i18n/langs/en.d.ts +10 -0
  66. package/dist/i18n/langs/en.js +10 -0
  67. package/dist/i18n/langs/pt.d.ts +10 -0
  68. package/dist/i18n/langs/pt.js +10 -0
  69. package/dist/i18n/translations.d.ts +20 -0
  70. package/package.json +1 -1
  71. package/dist/components/core/card/shared/CardStartPrice.svelte.d.ts +0 -8
  72. package/dist/components/pages/product-details/04/ProductDetails04.svelte +0 -65
  73. package/dist/components/pages/product-details/04/ProductDetails04.svelte.d.ts +0 -11
  74. /package/dist/components/core/card/{shared/CardStartPrice.svelte → promotion/CardPromotionPrice.svelte} +0 -0
package/dist/globals.css CHANGED
@@ -13,6 +13,7 @@
13
13
  --color-green-500: oklch(72.3% 0.219 149.579);
14
14
  --color-green-600: oklch(62.7% 0.194 149.214);
15
15
  --color-blue-50: oklch(97% 0.014 254.604);
16
+ --color-blue-100: oklch(93.2% 0.032 255.585);
16
17
  --color-blue-400: oklch(70.7% 0.165 254.624);
17
18
  --color-blue-500: oklch(62.3% 0.214 259.815);
18
19
  --color-blue-700: oklch(48.8% 0.243 264.376);
@@ -78,6 +79,7 @@
78
79
  --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
79
80
  --blur-xs: 4px;
80
81
  --blur-sm: 8px;
82
+ --blur-md: 12px;
81
83
  --blur-2xl: 40px;
82
84
  --aspect-video: 16 / 9;
83
85
  --default-transition-duration: 150ms;
@@ -379,6 +381,9 @@
379
381
  .left-1\/2 {
380
382
  left: calc(1 / 2 * 100%);
381
383
  }
384
+ .left-2 {
385
+ left: calc(var(--spacing) * 2);
386
+ }
382
387
  .left-3 {
383
388
  left: calc(var(--spacing) * 3);
384
389
  }
@@ -415,6 +420,12 @@
415
420
  .order-last {
416
421
  order: 9999;
417
422
  }
423
+ .col-span-2 {
424
+ grid-column: span 2 / span 2;
425
+ }
426
+ .row-span-2 {
427
+ grid-row: span 2 / span 2;
428
+ }
418
429
  .container {
419
430
  width: 100%;
420
431
  @media (width >= 40rem) {
@@ -442,6 +453,9 @@
442
453
  .-mx-1 {
443
454
  margin-inline: calc(var(--spacing) * -1);
444
455
  }
456
+ .-mx-4 {
457
+ margin-inline: calc(var(--spacing) * -4);
458
+ }
445
459
  .mx-2 {
446
460
  margin-inline: calc(var(--spacing) * 2);
447
461
  }
@@ -466,9 +480,6 @@
466
480
  .my-2 {
467
481
  margin-block: calc(var(--spacing) * 2);
468
482
  }
469
- .my-4 {
470
- margin-block: calc(var(--spacing) * 4);
471
- }
472
483
  .my-6 {
473
484
  margin-block: calc(var(--spacing) * 6);
474
485
  }
@@ -496,6 +507,9 @@
496
507
  .-mt-12 {
497
508
  margin-top: calc(var(--spacing) * -12);
498
509
  }
510
+ .-mt-16 {
511
+ margin-top: calc(var(--spacing) * -16);
512
+ }
499
513
  .mt-0\.5 {
500
514
  margin-top: calc(var(--spacing) * 0.5);
501
515
  }
@@ -517,6 +531,9 @@
517
531
  .mt-5 {
518
532
  margin-top: calc(var(--spacing) * 5);
519
533
  }
534
+ .mt-6 {
535
+ margin-top: calc(var(--spacing) * 6);
536
+ }
520
537
  .mt-7 {
521
538
  margin-top: calc(var(--spacing) * 7);
522
539
  }
@@ -593,6 +610,12 @@
593
610
  -webkit-box-orient: vertical;
594
611
  -webkit-line-clamp: 1;
595
612
  }
613
+ .line-clamp-3 {
614
+ overflow: hidden;
615
+ display: -webkit-box;
616
+ -webkit-box-orient: vertical;
617
+ -webkit-line-clamp: 3;
618
+ }
596
619
  .block {
597
620
  display: block;
598
621
  }
@@ -632,6 +655,9 @@
632
655
  .aspect-4\/3 {
633
656
  aspect-ratio: 4/3;
634
657
  }
658
+ .aspect-21\/9 {
659
+ aspect-ratio: 21/9;
660
+ }
635
661
  .aspect-577\/310 {
636
662
  aspect-ratio: 577/310;
637
663
  }
@@ -685,6 +711,10 @@
685
711
  width: calc(var(--spacing) * 10);
686
712
  height: calc(var(--spacing) * 10);
687
713
  }
714
+ .size-11 {
715
+ width: calc(var(--spacing) * 11);
716
+ height: calc(var(--spacing) * 11);
717
+ }
688
718
  .size-15 {
689
719
  width: calc(var(--spacing) * 15);
690
720
  height: calc(var(--spacing) * 15);
@@ -814,6 +844,9 @@
814
844
  .max-h-72 {
815
845
  max-height: calc(var(--spacing) * 72);
816
846
  }
847
+ .max-h-\[85vh\] {
848
+ max-height: 85vh;
849
+ }
817
850
  .max-h-\[90vh\] {
818
851
  max-height: 90vh;
819
852
  }
@@ -889,6 +922,9 @@
889
922
  .w-12 {
890
923
  width: calc(var(--spacing) * 12);
891
924
  }
925
+ .w-15 {
926
+ width: calc(var(--spacing) * 15);
927
+ }
892
928
  .w-16 {
893
929
  width: calc(var(--spacing) * 16);
894
930
  }
@@ -1441,6 +1477,10 @@
1441
1477
  border-style: var(--tw-border-style);
1442
1478
  border-width: 0px;
1443
1479
  }
1480
+ .border-4 {
1481
+ border-style: var(--tw-border-style);
1482
+ border-width: 4px;
1483
+ }
1444
1484
  .border-\[1\.5px\] {
1445
1485
  border-style: var(--tw-border-style);
1446
1486
  border-width: 1.5px;
@@ -1495,6 +1535,9 @@
1495
1535
  .border-\[\#1a2420\] {
1496
1536
  border-color: #1a2420;
1497
1537
  }
1538
+ .border-background {
1539
+ border-color: var(--background);
1540
+ }
1498
1541
  .border-border {
1499
1542
  border-color: var(--border);
1500
1543
  }
@@ -1570,6 +1613,18 @@
1570
1613
  .bg-background {
1571
1614
  background-color: var(--background);
1572
1615
  }
1616
+ .bg-background\/80 {
1617
+ background-color: var(--background);
1618
+ @supports (color: color-mix(in lab, red, red)) {
1619
+ background-color: color-mix(in oklab, var(--background) 80%, transparent);
1620
+ }
1621
+ }
1622
+ .bg-background\/95 {
1623
+ background-color: var(--background);
1624
+ @supports (color: color-mix(in lab, red, red)) {
1625
+ background-color: color-mix(in oklab, var(--background) 95%, transparent);
1626
+ }
1627
+ }
1573
1628
  .bg-black\/5 {
1574
1629
  background-color: color-mix(in srgb, #000 5%, transparent);
1575
1630
  @supports (color: color-mix(in lab, red, red)) {
@@ -1594,6 +1649,12 @@
1594
1649
  background-color: color-mix(in oklab, var(--color-black) 20%, transparent);
1595
1650
  }
1596
1651
  }
1652
+ .bg-black\/30 {
1653
+ background-color: color-mix(in srgb, #000 30%, transparent);
1654
+ @supports (color: color-mix(in lab, red, red)) {
1655
+ background-color: color-mix(in oklab, var(--color-black) 30%, transparent);
1656
+ }
1657
+ }
1597
1658
  .bg-black\/50 {
1598
1659
  background-color: color-mix(in srgb, #000 50%, transparent);
1599
1660
  @supports (color: color-mix(in lab, red, red)) {
@@ -1615,6 +1676,9 @@
1615
1676
  .bg-blue-50 {
1616
1677
  background-color: var(--color-blue-50);
1617
1678
  }
1679
+ .bg-blue-100 {
1680
+ background-color: var(--color-blue-100);
1681
+ }
1618
1682
  .bg-blue-400 {
1619
1683
  background-color: var(--color-blue-400);
1620
1684
  }
@@ -1833,6 +1897,9 @@
1833
1897
  .fill-transparent {
1834
1898
  fill: transparent;
1835
1899
  }
1900
+ .fill-white {
1901
+ fill: var(--color-white);
1902
+ }
1836
1903
  .object-contain {
1837
1904
  object-fit: contain;
1838
1905
  }
@@ -1968,9 +2035,6 @@
1968
2035
  .pt-8 {
1969
2036
  padding-top: calc(var(--spacing) * 8);
1970
2037
  }
1971
- .pt-10 {
1972
- padding-top: calc(var(--spacing) * 10);
1973
- }
1974
2038
  .pr-2 {
1975
2039
  padding-right: calc(var(--spacing) * 2);
1976
2040
  }
@@ -2190,6 +2254,12 @@
2190
2254
  color: color-mix(in oklab, var(--foreground) 75%, transparent);
2191
2255
  }
2192
2256
  }
2257
+ .text-foreground\/80 {
2258
+ color: var(--foreground);
2259
+ @supports (color: color-mix(in lab, red, red)) {
2260
+ color: color-mix(in oklab, var(--foreground) 80%, transparent);
2261
+ }
2262
+ }
2193
2263
  .text-foreground\/85 {
2194
2264
  color: var(--foreground);
2195
2265
  @supports (color: color-mix(in lab, red, red)) {
@@ -2208,9 +2278,15 @@
2208
2278
  .text-gray-200 {
2209
2279
  color: var(--color-gray-200);
2210
2280
  }
2281
+ .text-gray-400 {
2282
+ color: var(--color-gray-400);
2283
+ }
2211
2284
  .text-gray-800 {
2212
2285
  color: var(--color-gray-800);
2213
2286
  }
2287
+ .text-green-500 {
2288
+ color: var(--color-green-500);
2289
+ }
2214
2290
  .text-indigo-600 {
2215
2291
  color: var(--color-indigo-600);
2216
2292
  }
@@ -2232,6 +2308,9 @@
2232
2308
  .text-primary-foreground {
2233
2309
  color: var(--primary-foreground);
2234
2310
  }
2311
+ .text-red-500 {
2312
+ color: var(--color-red-500);
2313
+ }
2235
2314
  .text-red-600 {
2236
2315
  color: var(--color-red-600);
2237
2316
  }
@@ -2442,6 +2521,16 @@
2442
2521
  .filter {
2443
2522
  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,);
2444
2523
  }
2524
+ .backdrop-blur {
2525
+ --tw-backdrop-blur: blur(8px);
2526
+ -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,);
2527
+ 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,);
2528
+ }
2529
+ .backdrop-blur-md {
2530
+ --tw-backdrop-blur: blur(var(--blur-md));
2531
+ -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,);
2532
+ 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,);
2533
+ }
2445
2534
  .backdrop-blur-sm {
2446
2535
  --tw-backdrop-blur: blur(var(--blur-sm));
2447
2536
  -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,);
@@ -2557,10 +2646,39 @@
2557
2646
  .fade-in {
2558
2647
  --tw-enter-opacity: 0;
2559
2648
  }
2649
+ :is(.\*\:flex > *) {
2650
+ display: flex;
2651
+ }
2652
+ :is(.\*\:w-full > *) {
2653
+ width: 100%;
2654
+ }
2655
+ :is(.\*\:flex-col > *) {
2656
+ flex-direction: column;
2657
+ }
2658
+ :is(.\*\:items-center > *) {
2659
+ align-items: center;
2660
+ }
2661
+ :is(.\*\:border-border > *) {
2662
+ border-color: var(--border);
2663
+ }
2560
2664
  .group-focus-within\/menu-item\:opacity-100:is(:where(.group\/menu-item):focus-within *) {
2561
2665
  opacity: 100%;
2562
2666
  }
2563
2667
  @media (hover: hover) {
2668
+ .group-hover\:scale-105:is(:where(.group):hover *) {
2669
+ --tw-scale-x: 105%;
2670
+ --tw-scale-y: 105%;
2671
+ --tw-scale-z: 105%;
2672
+ scale: var(--tw-scale-x) var(--tw-scale-y);
2673
+ }
2674
+ .group-hover\:bg-black\/30:is(:where(.group):hover *) {
2675
+ background-color: color-mix(in srgb, #000 30%, transparent);
2676
+ }
2677
+ @supports (color: color-mix(in lab, red, red)) {
2678
+ .group-hover\:bg-black\/30:is(:where(.group):hover *) {
2679
+ background-color: color-mix(in oklab, var(--color-black) 30%, transparent);
2680
+ }
2681
+ }
2564
2682
  .group-hover\/menu-item\:opacity-100:is(:where(.group\/menu-item):hover *) {
2565
2683
  opacity: 100%;
2566
2684
  }
@@ -2992,6 +3110,9 @@
2992
3110
  background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
2993
3111
  }
2994
3112
  }
3113
+ .hover\:bg-gray-100:hover {
3114
+ background-color: var(--color-gray-100);
3115
+ }
2995
3116
  .hover\:bg-green-600:hover {
2996
3117
  background-color: var(--color-green-600);
2997
3118
  }
@@ -3022,6 +3143,14 @@
3022
3143
  background-color: color-mix(in oklab, var(--muted) 60%, transparent);
3023
3144
  }
3024
3145
  }
3146
+ .hover\:bg-muted\/80:hover {
3147
+ background-color: var(--muted);
3148
+ }
3149
+ @supports (color: color-mix(in lab, red, red)) {
3150
+ .hover\:bg-muted\/80:hover {
3151
+ background-color: color-mix(in oklab, var(--muted) 80%, transparent);
3152
+ }
3153
+ }
3025
3154
  .hover\:bg-neutral-800:hover {
3026
3155
  background-color: var(--color-neutral-800);
3027
3156
  }
@@ -3750,12 +3879,18 @@
3750
3879
  .sm\:flex {
3751
3880
  display: flex;
3752
3881
  }
3882
+ .sm\:inline-block {
3883
+ display: inline-block;
3884
+ }
3753
3885
  .sm\:w-32 {
3754
3886
  width: calc(var(--spacing) * 32);
3755
3887
  }
3756
3888
  .sm\:max-w-md {
3757
3889
  max-width: var(--container-md);
3758
3890
  }
3891
+ .sm\:grid-cols-2 {
3892
+ grid-template-columns: repeat(2, minmax(0, 1fr));
3893
+ }
3759
3894
  .sm\:grid-cols-3 {
3760
3895
  grid-template-columns: repeat(3, minmax(0, 1fr));
3761
3896
  }
@@ -3813,9 +3948,15 @@
3813
3948
  }
3814
3949
  }
3815
3950
  @media (width >= 48rem) {
3951
+ .md\:right-6 {
3952
+ right: calc(var(--spacing) * 6);
3953
+ }
3816
3954
  .md\:right-10 {
3817
3955
  right: calc(var(--spacing) * 10);
3818
3956
  }
3957
+ .md\:left-6 {
3958
+ left: calc(var(--spacing) * 6);
3959
+ }
3819
3960
  .md\:col-span-2 {
3820
3961
  grid-column: span 2 / span 2;
3821
3962
  }
@@ -3828,21 +3969,33 @@
3828
3969
  .md\:mt-10 {
3829
3970
  margin-top: calc(var(--spacing) * 10);
3830
3971
  }
3972
+ .md\:-mb-10 {
3973
+ margin-bottom: calc(var(--spacing) * -10);
3974
+ }
3831
3975
  .md\:block {
3832
3976
  display: block;
3833
3977
  }
3834
3978
  .md\:flex {
3835
3979
  display: flex;
3836
3980
  }
3981
+ .md\:aspect-auto {
3982
+ aspect-ratio: auto;
3983
+ }
3837
3984
  .md\:h-14 {
3838
3985
  height: calc(var(--spacing) * 14);
3839
3986
  }
3840
3987
  .md\:h-20 {
3841
3988
  height: calc(var(--spacing) * 20);
3842
3989
  }
3990
+ .md\:h-25 {
3991
+ height: calc(var(--spacing) * 25);
3992
+ }
3843
3993
  .md\:h-32\.5 {
3844
3994
  height: calc(var(--spacing) * 32.5);
3845
3995
  }
3996
+ .md\:h-44 {
3997
+ height: calc(var(--spacing) * 44);
3998
+ }
3846
3999
  .md\:h-50 {
3847
4000
  height: calc(var(--spacing) * 50);
3848
4001
  }
@@ -3876,6 +4029,9 @@
3876
4029
  .md\:w-20 {
3877
4030
  width: calc(var(--spacing) * 20);
3878
4031
  }
4032
+ .md\:w-25 {
4033
+ width: calc(var(--spacing) * 25);
4034
+ }
3879
4035
  .md\:w-225 {
3880
4036
  width: calc(var(--spacing) * 225);
3881
4037
  }
@@ -3885,9 +4041,15 @@
3885
4041
  .md\:min-w-32 {
3886
4042
  min-width: calc(var(--spacing) * 32);
3887
4043
  }
4044
+ .md\:auto-rows-36 {
4045
+ grid-auto-rows: calc(var(--spacing) * 36);
4046
+ }
3888
4047
  .md\:grid-cols-2 {
3889
4048
  grid-template-columns: repeat(2, minmax(0, 1fr));
3890
4049
  }
4050
+ .md\:grid-cols-3 {
4051
+ grid-template-columns: repeat(3, minmax(0, 1fr));
4052
+ }
3891
4053
  .md\:flex-row {
3892
4054
  flex-direction: row;
3893
4055
  }
@@ -3924,12 +4086,24 @@
3924
4086
  .md\:bg-transparent {
3925
4087
  background-color: transparent;
3926
4088
  }
4089
+ .md\:p-6 {
4090
+ padding: calc(var(--spacing) * 6);
4091
+ }
4092
+ .md\:p-8 {
4093
+ padding: calc(var(--spacing) * 8);
4094
+ }
4095
+ .md\:p-10 {
4096
+ padding: calc(var(--spacing) * 10);
4097
+ }
3927
4098
  .md\:px-0 {
3928
4099
  padding-inline: 0px;
3929
4100
  }
3930
4101
  .md\:px-5 {
3931
4102
  padding-inline: calc(var(--spacing) * 5);
3932
4103
  }
4104
+ .md\:pl-10 {
4105
+ padding-left: calc(var(--spacing) * 10);
4106
+ }
3933
4107
  .md\:text-left {
3934
4108
  text-align: left;
3935
4109
  }
@@ -3953,6 +4127,10 @@
3953
4127
  font-size: var(--text-sm);
3954
4128
  line-height: var(--tw-leading, var(--text-sm--line-height));
3955
4129
  }
4130
+ .md\:text-xl {
4131
+ font-size: var(--text-xl);
4132
+ line-height: var(--tw-leading, var(--text-xl--line-height));
4133
+ }
3956
4134
  .md\:text-\[14px\] {
3957
4135
  font-size: 14px;
3958
4136
  }
@@ -4050,8 +4228,11 @@
4050
4228
  .lg\:grid-cols-3 {
4051
4229
  grid-template-columns: repeat(3, minmax(0, 1fr));
4052
4230
  }
4053
- .lg\:grid-cols-\[1fr_22rem\] {
4054
- grid-template-columns: 1fr 22rem;
4231
+ .lg\:grid-cols-4 {
4232
+ grid-template-columns: repeat(4, minmax(0, 1fr));
4233
+ }
4234
+ .lg\:grid-cols-\[1fr_26rem\] {
4235
+ grid-template-columns: 1fr 26rem;
4055
4236
  }
4056
4237
  .lg\:gap-10 {
4057
4238
  gap: calc(var(--spacing) * 10);
@@ -4062,6 +4243,12 @@
4062
4243
  .lg\:self-start {
4063
4244
  align-self: flex-start;
4064
4245
  }
4246
+ .lg\:px-8 {
4247
+ padding-inline: calc(var(--spacing) * 8);
4248
+ }
4249
+ .lg\:pl-12 {
4250
+ padding-left: calc(var(--spacing) * 12);
4251
+ }
4065
4252
  .lg\:text-\[80px\] {
4066
4253
  font-size: 80px;
4067
4254
  }
@@ -4073,11 +4260,17 @@
4073
4260
  .xl\:grid-cols-4 {
4074
4261
  grid-template-columns: repeat(4, minmax(0, 1fr));
4075
4262
  }
4263
+ .xl\:grid-cols-5 {
4264
+ grid-template-columns: repeat(5, minmax(0, 1fr));
4265
+ }
4076
4266
  }
4077
4267
  @media (width >= 96rem) {
4078
4268
  .\32 xl\:grid-cols-5 {
4079
4269
  grid-template-columns: repeat(5, minmax(0, 1fr));
4080
4270
  }
4271
+ .\32 xl\:grid-cols-6 {
4272
+ grid-template-columns: repeat(6, minmax(0, 1fr));
4273
+ }
4081
4274
  }
4082
4275
  .ltr\:fill-current:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
4083
4276
  fill: currentcolor;
@@ -4133,6 +4326,12 @@
4133
4326
  .dark\:bg-gray-800:is(.dark *) {
4134
4327
  background-color: var(--color-gray-800);
4135
4328
  }
4329
+ .dark\:bg-gray-800\/60:is(.dark *) {
4330
+ background-color: color-mix(in srgb, oklch(27.8% 0.033 256.848) 60%, transparent);
4331
+ @supports (color: color-mix(in lab, red, red)) {
4332
+ background-color: color-mix(in oklab, var(--color-gray-800) 60%, transparent);
4333
+ }
4334
+ }
4136
4335
  .dark\:bg-input\/30:is(.dark *) {
4137
4336
  background-color: var(--input);
4138
4337
  @supports (color: color-mix(in lab, red, red)) {
@@ -4173,6 +4372,9 @@
4173
4372
  background-color: color-mix(in oklab, var(--destructive) 30%, transparent);
4174
4373
  }
4175
4374
  }
4375
+ .dark\:hover\:bg-gray-700:is(.dark *):hover {
4376
+ background-color: var(--color-gray-700);
4377
+ }
4176
4378
  .dark\:hover\:bg-input\/50:is(.dark *):hover {
4177
4379
  background-color: var(--input);
4178
4380
  }
@@ -4607,6 +4809,40 @@
4607
4809
  :is(.data-\[variant\=destructive\]\:\*\:\[svg\]\:text-destructive[data-variant="destructive"] > *):is(svg) {
4608
4810
  color: var(--destructive);
4609
4811
  }
4812
+ .\[\&\>\*\:nth-child\(-n\+2\)\]\:border-b > :nth-child(-n+2) {
4813
+ border-bottom-style: var(--tw-border-style);
4814
+ border-bottom-width: 1px;
4815
+ }
4816
+ .\[\&\>\*\:nth-child\(-n\+2\)\]\:pb-1 > :nth-child(-n+2) {
4817
+ padding-bottom: var(--spacing);
4818
+ }
4819
+ @media (width >= 48rem) {
4820
+ .\[\&\>\*\:nth-child\(-n\+2\)\]\:md\:pb-2\.5 > :nth-child(-n+2) {
4821
+ padding-bottom: calc(var(--spacing) * 2.5);
4822
+ }
4823
+ }
4824
+ @media (width >= 64rem) {
4825
+ .\[\&\>\*\:nth-child\(-n\+2\)\]\:lg\:pb-5 > :nth-child(-n+2) {
4826
+ padding-bottom: calc(var(--spacing) * 5);
4827
+ }
4828
+ }
4829
+ .\[\&\>\*\:nth-child\(n\+3\)\]\:pt-1 > :nth-child(n+3) {
4830
+ padding-top: var(--spacing);
4831
+ }
4832
+ @media (width >= 48rem) {
4833
+ .\[\&\>\*\:nth-child\(n\+3\)\]\:md\:pt-2\.5 > :nth-child(n+3) {
4834
+ padding-top: calc(var(--spacing) * 2.5);
4835
+ }
4836
+ }
4837
+ @media (width >= 64rem) {
4838
+ .\[\&\>\*\:nth-child\(n\+3\)\]\:lg\:pt-5 > :nth-child(n+3) {
4839
+ padding-top: calc(var(--spacing) * 5);
4840
+ }
4841
+ }
4842
+ .\[\&\>\*\:nth-child\(odd\)\]\:border-r > :nth-child(odd) {
4843
+ border-right-style: var(--tw-border-style);
4844
+ border-right-width: 1px;
4845
+ }
4610
4846
  .\[\&\>button\]\:hidden > button {
4611
4847
  display: none;
4612
4848
  }
@@ -134,10 +134,15 @@ declare const _default: {
134
134
  "profile-user.setting.marketing.email": string;
135
135
  "profile-user.setting.marketing.push": string;
136
136
  "profile-user.variant1.tabs.basicInfo": string;
137
+ "profile-user.variant1.tabs.addresses": string;
138
+ "profile-user.variant1.tabs.security": string;
139
+ "profile-user.variant1.tabs.settings": string;
137
140
  "profile-user.variant1.tabs.ecommerce": string;
138
141
  "profile-user.variant1.tabs.activity": string;
139
142
  "profile-user.variant1.statusActive": string;
140
143
  "profile-user.variant1.roleDefault": string;
144
+ "profile-user.variant1.roleAdministrator": string;
145
+ "profile-user.variant1.loginAsUser": string;
141
146
  "profile-user.variant1.actionLoginAsUser": string;
142
147
  "profile-user.variant1.addresses.title": string;
143
148
  "profile-user.variant1.addresses.add": string;
@@ -149,7 +154,9 @@ declare const _default: {
149
154
  "profile-user.variant1.activity.title": string;
150
155
  "profile-user.variant1.activity.empty": string;
151
156
  "profile-user.variant2.tabs.details": string;
157
+ "profile-user.variant2.tabs.addresses": string;
152
158
  "profile-user.variant2.tabs.security": string;
159
+ "profile-user.variant2.tabs.settings": string;
153
160
  "profile-user.variant2.tabs.payment": string;
154
161
  "profile-user.variant2.tabs.api": string;
155
162
  "profile-user.variant2.tabs.profile": string;
@@ -159,6 +166,9 @@ declare const _default: {
159
166
  "profile-user.variant2.api.title": string;
160
167
  "profile-user.variant2.api.empty": string;
161
168
  "profile-user.variant3.tabs.about": string;
169
+ "profile-user.variant3.tabs.addresses": string;
170
+ "profile-user.variant3.tabs.security": string;
171
+ "profile-user.variant3.tabs.settings": string;
162
172
  "profile-user.variant3.tabs.media": string;
163
173
  "profile-user.variant3.tabs.highlights": string;
164
174
  "profile-user.variant3.tabs.experience": string;
@@ -134,10 +134,15 @@ export default {
134
134
  "profile-user.setting.marketing.email": "Email",
135
135
  "profile-user.setting.marketing.push": "Push",
136
136
  "profile-user.variant1.tabs.basicInfo": "Basic user info",
137
+ "profile-user.variant1.tabs.addresses": "Addresses",
138
+ "profile-user.variant1.tabs.security": "Security",
139
+ "profile-user.variant1.tabs.settings": "Settings",
137
140
  "profile-user.variant1.tabs.ecommerce": "E-Commerce",
138
141
  "profile-user.variant1.tabs.activity": "Activity logs",
139
142
  "profile-user.variant1.statusActive": "Active",
140
143
  "profile-user.variant1.roleDefault": "Customer",
144
+ "profile-user.variant1.roleAdministrator": "Administrator",
145
+ "profile-user.variant1.loginAsUser": "LOGIN AS USER",
141
146
  "profile-user.variant1.actionLoginAsUser": "LOGIN AS USER",
142
147
  "profile-user.variant1.addresses.title": "Shipping address",
143
148
  "profile-user.variant1.addresses.add": "Add",
@@ -149,7 +154,9 @@ export default {
149
154
  "profile-user.variant1.activity.title": "Activity logs",
150
155
  "profile-user.variant1.activity.empty": "User activity logs will appear here.",
151
156
  "profile-user.variant2.tabs.details": "Details",
157
+ "profile-user.variant2.tabs.addresses": "Addresses",
152
158
  "profile-user.variant2.tabs.security": "Security",
159
+ "profile-user.variant2.tabs.settings": "Settings",
153
160
  "profile-user.variant2.tabs.payment": "Payment",
154
161
  "profile-user.variant2.tabs.api": "API",
155
162
  "profile-user.variant2.tabs.profile": "Profile",
@@ -159,6 +166,9 @@ export default {
159
166
  "profile-user.variant2.api.title": "API Settings",
160
167
  "profile-user.variant2.api.empty": "API keys and integration settings will appear here.",
161
168
  "profile-user.variant3.tabs.about": "About",
169
+ "profile-user.variant3.tabs.addresses": "Addresses",
170
+ "profile-user.variant3.tabs.security": "Security",
171
+ "profile-user.variant3.tabs.settings": "Settings",
162
172
  "profile-user.variant3.tabs.media": "Media",
163
173
  "profile-user.variant3.tabs.highlights": "Highlights",
164
174
  "profile-user.variant3.tabs.experience": "Experience",
@@ -134,10 +134,15 @@ declare const _default: {
134
134
  "profile-user.setting.marketing.email": string;
135
135
  "profile-user.setting.marketing.push": string;
136
136
  "profile-user.variant1.tabs.basicInfo": string;
137
+ "profile-user.variant1.tabs.addresses": string;
138
+ "profile-user.variant1.tabs.security": string;
139
+ "profile-user.variant1.tabs.settings": string;
137
140
  "profile-user.variant1.tabs.ecommerce": string;
138
141
  "profile-user.variant1.tabs.activity": string;
139
142
  "profile-user.variant1.statusActive": string;
140
143
  "profile-user.variant1.roleDefault": string;
144
+ "profile-user.variant1.roleAdministrator": string;
145
+ "profile-user.variant1.loginAsUser": string;
141
146
  "profile-user.variant1.actionLoginAsUser": string;
142
147
  "profile-user.variant1.addresses.title": string;
143
148
  "profile-user.variant1.addresses.add": string;
@@ -149,7 +154,9 @@ declare const _default: {
149
154
  "profile-user.variant1.activity.title": string;
150
155
  "profile-user.variant1.activity.empty": string;
151
156
  "profile-user.variant2.tabs.details": string;
157
+ "profile-user.variant2.tabs.addresses": string;
152
158
  "profile-user.variant2.tabs.security": string;
159
+ "profile-user.variant2.tabs.settings": string;
153
160
  "profile-user.variant2.tabs.payment": string;
154
161
  "profile-user.variant2.tabs.api": string;
155
162
  "profile-user.variant2.tabs.profile": string;
@@ -159,6 +166,9 @@ declare const _default: {
159
166
  "profile-user.variant2.api.title": string;
160
167
  "profile-user.variant2.api.empty": string;
161
168
  "profile-user.variant3.tabs.about": string;
169
+ "profile-user.variant3.tabs.addresses": string;
170
+ "profile-user.variant3.tabs.security": string;
171
+ "profile-user.variant3.tabs.settings": string;
162
172
  "profile-user.variant3.tabs.media": string;
163
173
  "profile-user.variant3.tabs.highlights": string;
164
174
  "profile-user.variant3.tabs.experience": string;
@@ -134,10 +134,15 @@ export default {
134
134
  "profile-user.setting.marketing.email": "Email",
135
135
  "profile-user.setting.marketing.push": "Push",
136
136
  "profile-user.variant1.tabs.basicInfo": "Informações básicas",
137
+ "profile-user.variant1.tabs.addresses": "Moradas",
138
+ "profile-user.variant1.tabs.security": "Segurança",
139
+ "profile-user.variant1.tabs.settings": "Definições",
137
140
  "profile-user.variant1.tabs.ecommerce": "E-Commerce",
138
141
  "profile-user.variant1.tabs.activity": "Registo de atividade",
139
142
  "profile-user.variant1.statusActive": "Ativo",
140
143
  "profile-user.variant1.roleDefault": "Cliente",
144
+ "profile-user.variant1.roleAdministrator": "Administrador",
145
+ "profile-user.variant1.loginAsUser": "INICIAR SESSÃO COMO UTILIZADOR",
141
146
  "profile-user.variant1.actionLoginAsUser": "INICIAR SESSÃO COMO UTILIZADOR",
142
147
  "profile-user.variant1.addresses.title": "Morada de envio",
143
148
  "profile-user.variant1.addresses.add": "Adicionar",
@@ -149,7 +154,9 @@ export default {
149
154
  "profile-user.variant1.activity.title": "Registo de atividade",
150
155
  "profile-user.variant1.activity.empty": "O registo de atividade do utilizador aparecerá aqui.",
151
156
  "profile-user.variant2.tabs.details": "Detalhes",
157
+ "profile-user.variant2.tabs.addresses": "Moradas",
152
158
  "profile-user.variant2.tabs.security": "Segurança",
159
+ "profile-user.variant2.tabs.settings": "Definições",
153
160
  "profile-user.variant2.tabs.payment": "Pagamento",
154
161
  "profile-user.variant2.tabs.api": "API",
155
162
  "profile-user.variant2.tabs.profile": "Perfil",
@@ -159,6 +166,9 @@ export default {
159
166
  "profile-user.variant2.api.title": "Definições de API",
160
167
  "profile-user.variant2.api.empty": "As chaves de API e definições de integração aparecerão aqui.",
161
168
  "profile-user.variant3.tabs.about": "Sobre",
169
+ "profile-user.variant3.tabs.addresses": "Moradas",
170
+ "profile-user.variant3.tabs.security": "Segurança",
171
+ "profile-user.variant3.tabs.settings": "Definições",
162
172
  "profile-user.variant3.tabs.media": "Multimédia",
163
173
  "profile-user.variant3.tabs.highlights": "Destaques",
164
174
  "profile-user.variant3.tabs.experience": "Experiência",