negodesign 0.0.35 → 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 (73) 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 +0 -1
  10. package/dist/components/core/card/promotion/CardPromotion.svelte +1 -1
  11. package/dist/components/core/card/promotion/CardPromotionPrice.svelte.d.ts +8 -0
  12. package/dist/components/core/card/shared/CardPhoneOrWhatsapp.svelte +12 -5
  13. package/dist/components/core/card/shared/CardTags.svelte +49 -24
  14. package/dist/components/core/card/shared/CardTitlePrice.svelte +24 -0
  15. package/dist/components/core/card/shared/CardTitlePrice.svelte.d.ts +15 -0
  16. package/dist/components/core/card/shared/TruncatableText.svelte +1 -1
  17. package/dist/components/core/card/types.d.ts +48 -0
  18. package/dist/components/core/carousel/grid/product/types.d.ts +22 -0
  19. package/dist/components/core/carousel/grid/product/types.js +1 -0
  20. package/dist/components/core/carousel/grid/product/ui/CarouselGridProduct.svelte +61 -0
  21. package/dist/components/core/carousel/grid/product/ui/CarouselGridProduct.svelte.d.ts +4 -0
  22. package/dist/components/core/carousel/grid/promotion/types.d.ts +23 -0
  23. package/dist/components/core/carousel/grid/promotion/types.js +1 -0
  24. package/dist/components/core/carousel/grid/promotion/ui/CarouselGridPromotion.svelte +50 -0
  25. package/dist/components/core/carousel/grid/promotion/ui/CarouselGridPromotion.svelte.d.ts +4 -0
  26. package/dist/components/core/carousel/product/types.d.ts +21 -0
  27. package/dist/components/core/carousel/product/types.js +1 -0
  28. package/dist/components/core/carousel/product/ui/CarouselProduct.svelte +47 -0
  29. package/dist/components/core/carousel/product/ui/CarouselProduct.svelte.d.ts +4 -0
  30. package/dist/components/pages/company-profile/CompanyProfile.svelte +140 -0
  31. package/dist/components/pages/company-profile/CompanyProfile.svelte.d.ts +4 -0
  32. package/dist/components/pages/company-profile/data.d.ts +2 -0
  33. package/dist/components/pages/company-profile/data.js +68 -0
  34. package/dist/components/pages/company-profile/shared/ProfileAboutCompany.svelte +79 -0
  35. package/dist/components/pages/company-profile/shared/ProfileAboutCompany.svelte.d.ts +9 -0
  36. package/dist/components/pages/company-profile/shared/ProfileBanner.svelte +194 -0
  37. package/dist/components/pages/company-profile/shared/ProfileBanner.svelte.d.ts +14 -0
  38. package/dist/components/pages/company-profile/shared/ProfileGallery.svelte +198 -0
  39. package/dist/components/pages/company-profile/shared/ProfileGallery.svelte.d.ts +9 -0
  40. package/dist/components/pages/company-profile/shared/ProfileMenuBadge.svelte +56 -0
  41. package/dist/components/pages/company-profile/shared/ProfileMenuBadge.svelte.d.ts +11 -0
  42. package/dist/components/pages/company-profile/shared/ProfileSidebar.svelte +57 -0
  43. package/dist/components/pages/company-profile/shared/ProfileSidebar.svelte.d.ts +11 -0
  44. package/dist/components/pages/company-profile/types.d.ts +117 -0
  45. package/dist/components/pages/company-profile/types.js +1 -0
  46. package/dist/components/pages/privacy-policy-or-terms-of-use/data.d.ts +3 -0
  47. package/dist/components/pages/privacy-policy-or-terms-of-use/data.js +179 -0
  48. package/dist/components/pages/privacy-policy-or-terms-of-use/shared/DocSectionView.svelte +2 -1
  49. package/dist/components/pages/privacy-policy-or-terms-of-use/shared/DocSectionView.svelte.d.ts +1 -0
  50. package/dist/components/pages/product-details/01/ProductDetails01.svelte +19 -7
  51. package/dist/components/pages/product-details/02/ProductDetails02.svelte +42 -37
  52. package/dist/components/pages/product-details/03/ProductDetails03.svelte +33 -29
  53. package/dist/components/pages/product-details/ProductDetails.svelte +11 -7
  54. package/dist/components/pages/product-details/shared/ProductDetailFeatures.svelte +11 -5
  55. package/dist/components/pages/product-details/shared/ProductDetailFeatures.svelte.d.ts +2 -1
  56. package/dist/components/pages/product-details/shared/ProductDetailFilesVertical.svelte +52 -20
  57. package/dist/components/pages/product-details/shared/ProductDetailFilesVertical.svelte.d.ts +1 -1
  58. package/dist/components/pages/product-details/shared/ProductDetailImage.svelte +51 -20
  59. package/dist/components/pages/product-details/shared/ProductDetailImage.svelte.d.ts +1 -1
  60. package/dist/components/pages/product-details/shared/ProductDetailPrice.svelte +1 -1
  61. package/dist/components/pages/product-details/types.d.ts +9 -2
  62. package/dist/components/pages/profile-user/types.d.ts +7 -0
  63. package/dist/globals.css +244 -5
  64. package/dist/i18n/langs/en.d.ts +10 -0
  65. package/dist/i18n/langs/en.js +10 -0
  66. package/dist/i18n/langs/pt.d.ts +10 -0
  67. package/dist/i18n/langs/pt.js +10 -0
  68. package/dist/i18n/translations.d.ts +20 -0
  69. package/package.json +1 -1
  70. package/dist/components/core/card/shared/CardStartPrice.svelte.d.ts +0 -8
  71. package/dist/components/pages/product-details/04/ProductDetails04.svelte +0 -65
  72. package/dist/components/pages/product-details/04/ProductDetails04.svelte.d.ts +0 -11
  73. /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
  }
@@ -493,6 +507,9 @@
493
507
  .-mt-12 {
494
508
  margin-top: calc(var(--spacing) * -12);
495
509
  }
510
+ .-mt-16 {
511
+ margin-top: calc(var(--spacing) * -16);
512
+ }
496
513
  .mt-0\.5 {
497
514
  margin-top: calc(var(--spacing) * 0.5);
498
515
  }
@@ -514,6 +531,9 @@
514
531
  .mt-5 {
515
532
  margin-top: calc(var(--spacing) * 5);
516
533
  }
534
+ .mt-6 {
535
+ margin-top: calc(var(--spacing) * 6);
536
+ }
517
537
  .mt-7 {
518
538
  margin-top: calc(var(--spacing) * 7);
519
539
  }
@@ -590,6 +610,12 @@
590
610
  -webkit-box-orient: vertical;
591
611
  -webkit-line-clamp: 1;
592
612
  }
613
+ .line-clamp-3 {
614
+ overflow: hidden;
615
+ display: -webkit-box;
616
+ -webkit-box-orient: vertical;
617
+ -webkit-line-clamp: 3;
618
+ }
593
619
  .block {
594
620
  display: block;
595
621
  }
@@ -629,6 +655,9 @@
629
655
  .aspect-4\/3 {
630
656
  aspect-ratio: 4/3;
631
657
  }
658
+ .aspect-21\/9 {
659
+ aspect-ratio: 21/9;
660
+ }
632
661
  .aspect-577\/310 {
633
662
  aspect-ratio: 577/310;
634
663
  }
@@ -682,6 +711,10 @@
682
711
  width: calc(var(--spacing) * 10);
683
712
  height: calc(var(--spacing) * 10);
684
713
  }
714
+ .size-11 {
715
+ width: calc(var(--spacing) * 11);
716
+ height: calc(var(--spacing) * 11);
717
+ }
685
718
  .size-15 {
686
719
  width: calc(var(--spacing) * 15);
687
720
  height: calc(var(--spacing) * 15);
@@ -811,6 +844,9 @@
811
844
  .max-h-72 {
812
845
  max-height: calc(var(--spacing) * 72);
813
846
  }
847
+ .max-h-\[85vh\] {
848
+ max-height: 85vh;
849
+ }
814
850
  .max-h-\[90vh\] {
815
851
  max-height: 90vh;
816
852
  }
@@ -886,6 +922,9 @@
886
922
  .w-12 {
887
923
  width: calc(var(--spacing) * 12);
888
924
  }
925
+ .w-15 {
926
+ width: calc(var(--spacing) * 15);
927
+ }
889
928
  .w-16 {
890
929
  width: calc(var(--spacing) * 16);
891
930
  }
@@ -1438,6 +1477,10 @@
1438
1477
  border-style: var(--tw-border-style);
1439
1478
  border-width: 0px;
1440
1479
  }
1480
+ .border-4 {
1481
+ border-style: var(--tw-border-style);
1482
+ border-width: 4px;
1483
+ }
1441
1484
  .border-\[1\.5px\] {
1442
1485
  border-style: var(--tw-border-style);
1443
1486
  border-width: 1.5px;
@@ -1492,6 +1535,9 @@
1492
1535
  .border-\[\#1a2420\] {
1493
1536
  border-color: #1a2420;
1494
1537
  }
1538
+ .border-background {
1539
+ border-color: var(--background);
1540
+ }
1495
1541
  .border-border {
1496
1542
  border-color: var(--border);
1497
1543
  }
@@ -1567,6 +1613,18 @@
1567
1613
  .bg-background {
1568
1614
  background-color: var(--background);
1569
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
+ }
1570
1628
  .bg-black\/5 {
1571
1629
  background-color: color-mix(in srgb, #000 5%, transparent);
1572
1630
  @supports (color: color-mix(in lab, red, red)) {
@@ -1591,6 +1649,12 @@
1591
1649
  background-color: color-mix(in oklab, var(--color-black) 20%, transparent);
1592
1650
  }
1593
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
+ }
1594
1658
  .bg-black\/50 {
1595
1659
  background-color: color-mix(in srgb, #000 50%, transparent);
1596
1660
  @supports (color: color-mix(in lab, red, red)) {
@@ -1612,6 +1676,9 @@
1612
1676
  .bg-blue-50 {
1613
1677
  background-color: var(--color-blue-50);
1614
1678
  }
1679
+ .bg-blue-100 {
1680
+ background-color: var(--color-blue-100);
1681
+ }
1615
1682
  .bg-blue-400 {
1616
1683
  background-color: var(--color-blue-400);
1617
1684
  }
@@ -1830,6 +1897,9 @@
1830
1897
  .fill-transparent {
1831
1898
  fill: transparent;
1832
1899
  }
1900
+ .fill-white {
1901
+ fill: var(--color-white);
1902
+ }
1833
1903
  .object-contain {
1834
1904
  object-fit: contain;
1835
1905
  }
@@ -1965,9 +2035,6 @@
1965
2035
  .pt-8 {
1966
2036
  padding-top: calc(var(--spacing) * 8);
1967
2037
  }
1968
- .pt-10 {
1969
- padding-top: calc(var(--spacing) * 10);
1970
- }
1971
2038
  .pr-2 {
1972
2039
  padding-right: calc(var(--spacing) * 2);
1973
2040
  }
@@ -2187,6 +2254,12 @@
2187
2254
  color: color-mix(in oklab, var(--foreground) 75%, transparent);
2188
2255
  }
2189
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
+ }
2190
2263
  .text-foreground\/85 {
2191
2264
  color: var(--foreground);
2192
2265
  @supports (color: color-mix(in lab, red, red)) {
@@ -2205,9 +2278,15 @@
2205
2278
  .text-gray-200 {
2206
2279
  color: var(--color-gray-200);
2207
2280
  }
2281
+ .text-gray-400 {
2282
+ color: var(--color-gray-400);
2283
+ }
2208
2284
  .text-gray-800 {
2209
2285
  color: var(--color-gray-800);
2210
2286
  }
2287
+ .text-green-500 {
2288
+ color: var(--color-green-500);
2289
+ }
2211
2290
  .text-indigo-600 {
2212
2291
  color: var(--color-indigo-600);
2213
2292
  }
@@ -2229,6 +2308,9 @@
2229
2308
  .text-primary-foreground {
2230
2309
  color: var(--primary-foreground);
2231
2310
  }
2311
+ .text-red-500 {
2312
+ color: var(--color-red-500);
2313
+ }
2232
2314
  .text-red-600 {
2233
2315
  color: var(--color-red-600);
2234
2316
  }
@@ -2439,6 +2521,16 @@
2439
2521
  .filter {
2440
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,);
2441
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
+ }
2442
2534
  .backdrop-blur-sm {
2443
2535
  --tw-backdrop-blur: blur(var(--blur-sm));
2444
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,);
@@ -2554,10 +2646,39 @@
2554
2646
  .fade-in {
2555
2647
  --tw-enter-opacity: 0;
2556
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
+ }
2557
2664
  .group-focus-within\/menu-item\:opacity-100:is(:where(.group\/menu-item):focus-within *) {
2558
2665
  opacity: 100%;
2559
2666
  }
2560
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
+ }
2561
2682
  .group-hover\/menu-item\:opacity-100:is(:where(.group\/menu-item):hover *) {
2562
2683
  opacity: 100%;
2563
2684
  }
@@ -2989,6 +3110,9 @@
2989
3110
  background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
2990
3111
  }
2991
3112
  }
3113
+ .hover\:bg-gray-100:hover {
3114
+ background-color: var(--color-gray-100);
3115
+ }
2992
3116
  .hover\:bg-green-600:hover {
2993
3117
  background-color: var(--color-green-600);
2994
3118
  }
@@ -3019,6 +3143,14 @@
3019
3143
  background-color: color-mix(in oklab, var(--muted) 60%, transparent);
3020
3144
  }
3021
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
+ }
3022
3154
  .hover\:bg-neutral-800:hover {
3023
3155
  background-color: var(--color-neutral-800);
3024
3156
  }
@@ -3747,12 +3879,18 @@
3747
3879
  .sm\:flex {
3748
3880
  display: flex;
3749
3881
  }
3882
+ .sm\:inline-block {
3883
+ display: inline-block;
3884
+ }
3750
3885
  .sm\:w-32 {
3751
3886
  width: calc(var(--spacing) * 32);
3752
3887
  }
3753
3888
  .sm\:max-w-md {
3754
3889
  max-width: var(--container-md);
3755
3890
  }
3891
+ .sm\:grid-cols-2 {
3892
+ grid-template-columns: repeat(2, minmax(0, 1fr));
3893
+ }
3756
3894
  .sm\:grid-cols-3 {
3757
3895
  grid-template-columns: repeat(3, minmax(0, 1fr));
3758
3896
  }
@@ -3810,9 +3948,15 @@
3810
3948
  }
3811
3949
  }
3812
3950
  @media (width >= 48rem) {
3951
+ .md\:right-6 {
3952
+ right: calc(var(--spacing) * 6);
3953
+ }
3813
3954
  .md\:right-10 {
3814
3955
  right: calc(var(--spacing) * 10);
3815
3956
  }
3957
+ .md\:left-6 {
3958
+ left: calc(var(--spacing) * 6);
3959
+ }
3816
3960
  .md\:col-span-2 {
3817
3961
  grid-column: span 2 / span 2;
3818
3962
  }
@@ -3825,21 +3969,33 @@
3825
3969
  .md\:mt-10 {
3826
3970
  margin-top: calc(var(--spacing) * 10);
3827
3971
  }
3972
+ .md\:-mb-10 {
3973
+ margin-bottom: calc(var(--spacing) * -10);
3974
+ }
3828
3975
  .md\:block {
3829
3976
  display: block;
3830
3977
  }
3831
3978
  .md\:flex {
3832
3979
  display: flex;
3833
3980
  }
3981
+ .md\:aspect-auto {
3982
+ aspect-ratio: auto;
3983
+ }
3834
3984
  .md\:h-14 {
3835
3985
  height: calc(var(--spacing) * 14);
3836
3986
  }
3837
3987
  .md\:h-20 {
3838
3988
  height: calc(var(--spacing) * 20);
3839
3989
  }
3990
+ .md\:h-25 {
3991
+ height: calc(var(--spacing) * 25);
3992
+ }
3840
3993
  .md\:h-32\.5 {
3841
3994
  height: calc(var(--spacing) * 32.5);
3842
3995
  }
3996
+ .md\:h-44 {
3997
+ height: calc(var(--spacing) * 44);
3998
+ }
3843
3999
  .md\:h-50 {
3844
4000
  height: calc(var(--spacing) * 50);
3845
4001
  }
@@ -3873,6 +4029,9 @@
3873
4029
  .md\:w-20 {
3874
4030
  width: calc(var(--spacing) * 20);
3875
4031
  }
4032
+ .md\:w-25 {
4033
+ width: calc(var(--spacing) * 25);
4034
+ }
3876
4035
  .md\:w-225 {
3877
4036
  width: calc(var(--spacing) * 225);
3878
4037
  }
@@ -3882,9 +4041,15 @@
3882
4041
  .md\:min-w-32 {
3883
4042
  min-width: calc(var(--spacing) * 32);
3884
4043
  }
4044
+ .md\:auto-rows-36 {
4045
+ grid-auto-rows: calc(var(--spacing) * 36);
4046
+ }
3885
4047
  .md\:grid-cols-2 {
3886
4048
  grid-template-columns: repeat(2, minmax(0, 1fr));
3887
4049
  }
4050
+ .md\:grid-cols-3 {
4051
+ grid-template-columns: repeat(3, minmax(0, 1fr));
4052
+ }
3888
4053
  .md\:flex-row {
3889
4054
  flex-direction: row;
3890
4055
  }
@@ -3921,12 +4086,24 @@
3921
4086
  .md\:bg-transparent {
3922
4087
  background-color: transparent;
3923
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
+ }
3924
4098
  .md\:px-0 {
3925
4099
  padding-inline: 0px;
3926
4100
  }
3927
4101
  .md\:px-5 {
3928
4102
  padding-inline: calc(var(--spacing) * 5);
3929
4103
  }
4104
+ .md\:pl-10 {
4105
+ padding-left: calc(var(--spacing) * 10);
4106
+ }
3930
4107
  .md\:text-left {
3931
4108
  text-align: left;
3932
4109
  }
@@ -3950,6 +4127,10 @@
3950
4127
  font-size: var(--text-sm);
3951
4128
  line-height: var(--tw-leading, var(--text-sm--line-height));
3952
4129
  }
4130
+ .md\:text-xl {
4131
+ font-size: var(--text-xl);
4132
+ line-height: var(--tw-leading, var(--text-xl--line-height));
4133
+ }
3953
4134
  .md\:text-\[14px\] {
3954
4135
  font-size: 14px;
3955
4136
  }
@@ -4047,8 +4228,11 @@
4047
4228
  .lg\:grid-cols-3 {
4048
4229
  grid-template-columns: repeat(3, minmax(0, 1fr));
4049
4230
  }
4050
- .lg\:grid-cols-\[1fr_22rem\] {
4051
- 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;
4052
4236
  }
4053
4237
  .lg\:gap-10 {
4054
4238
  gap: calc(var(--spacing) * 10);
@@ -4059,6 +4243,12 @@
4059
4243
  .lg\:self-start {
4060
4244
  align-self: flex-start;
4061
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
+ }
4062
4252
  .lg\:text-\[80px\] {
4063
4253
  font-size: 80px;
4064
4254
  }
@@ -4070,11 +4260,17 @@
4070
4260
  .xl\:grid-cols-4 {
4071
4261
  grid-template-columns: repeat(4, minmax(0, 1fr));
4072
4262
  }
4263
+ .xl\:grid-cols-5 {
4264
+ grid-template-columns: repeat(5, minmax(0, 1fr));
4265
+ }
4073
4266
  }
4074
4267
  @media (width >= 96rem) {
4075
4268
  .\32 xl\:grid-cols-5 {
4076
4269
  grid-template-columns: repeat(5, minmax(0, 1fr));
4077
4270
  }
4271
+ .\32 xl\:grid-cols-6 {
4272
+ grid-template-columns: repeat(6, minmax(0, 1fr));
4273
+ }
4078
4274
  }
4079
4275
  .ltr\:fill-current:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
4080
4276
  fill: currentcolor;
@@ -4130,6 +4326,12 @@
4130
4326
  .dark\:bg-gray-800:is(.dark *) {
4131
4327
  background-color: var(--color-gray-800);
4132
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
+ }
4133
4335
  .dark\:bg-input\/30:is(.dark *) {
4134
4336
  background-color: var(--input);
4135
4337
  @supports (color: color-mix(in lab, red, red)) {
@@ -4170,6 +4372,9 @@
4170
4372
  background-color: color-mix(in oklab, var(--destructive) 30%, transparent);
4171
4373
  }
4172
4374
  }
4375
+ .dark\:hover\:bg-gray-700:is(.dark *):hover {
4376
+ background-color: var(--color-gray-700);
4377
+ }
4173
4378
  .dark\:hover\:bg-input\/50:is(.dark *):hover {
4174
4379
  background-color: var(--input);
4175
4380
  }
@@ -4604,6 +4809,40 @@
4604
4809
  :is(.data-\[variant\=destructive\]\:\*\:\[svg\]\:text-destructive[data-variant="destructive"] > *):is(svg) {
4605
4810
  color: var(--destructive);
4606
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
+ }
4607
4846
  .\[\&\>button\]\:hidden > button {
4608
4847
  display: none;
4609
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",