@manta-eu/react 0.1.0 → 0.1.2

package/dist/globals.css

@@ -63,6 +63,7 @@
     --container-3xl: 48rem;
     --container-4xl: 56rem;
     --container-5xl: 64rem;
+    --container-6xl: 72rem;
     --container-7xl: 80rem;
     --text-xs: 0.75rem;
     --text-xs--line-height: calc(1 / 0.75);
@@ -108,23 +109,23 @@
     --font-gellix: var(--font-gellix), sans-serif;
     --font-roobertpro: var(--font-roobertpro), sans-serif;
     --font-ad-preview: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif, var(--font-roobertpro);
-    --color-marketer-300: #60c686;
-    --color-marketer-400: #2fa974;
-    --color-marketer-500: #037152;
-    --color-marketer-800: #0d2c21;
+    --color-brand-300: #60c686;
+    --color-brand-400: #2fa974;
+    --color-brand-500: #037152;
     --color-neutral-150: #ededed;
     --color-background: var(--color-neutral-100);
     --color-base-background: var(--color-background);
     --color-faint: var(--color-neutral-50);
     --color-muted: var(--color-neutral-100);
     --color-accent: var(--color-neutral-150);
+    --color-skeleton: var(--color-accent);
     --color-card: #fff;
     --color-sidebar: #fff;
     --color-input: #ffffff;
     --color-input-hover: var(--color-neutral-50);
     --color-disabled: var(--color-neutral-100);
-    --color-primary: var(--color-marketer-300, #60c686);
-    --color-primary-hover: var(--color-marketer-400, #2fa974);
+    --color-primary: var(--color-brand-300, #60c686);
+    --color-primary-hover: var(--color-brand-400, #2fa974);
     --color-secondary: var(--color-neutral-950, #0a0a0a);
     --color-secondary-hover: var(--color-neutral-800, #262626);
     --color-warning: #ffedd5;
@@ -140,7 +141,7 @@
     --color-muted-foreground: var(--color-neutral-500);
     --color-disabled-foreground: var(--color-neutral-400);
     --color-placeholder-foreground: var(--color-neutral-400);
-    --color-accent-foreground: var(--color-marketer-500, #037152);
+    --color-accent-foreground: var(--color-brand-500, #037152);
     --color-primary-foreground: var(--color-neutral-900, #171717);
     --color-secondary-foreground: #ffffff;
     --color-success-foreground: #16a34a;
@@ -161,7 +162,7 @@
     --color-muted-border: var(--color-neutral-150);
     --color-input-border: var(--color-neutral-200);
     --color-disabled-border: var(--color-neutral-100);
-    --color-active-border: var(--color-marketer-500);
+    --color-active-border: var(--color-brand-500);
     --color-error-border: #ef4444;
     --radius-xs-v4: 0.25rem;
     --radius-sm-v4: 0.5rem;
@@ -701,15 +702,24 @@
   .m-0\.5 {
     margin: calc(var(--spacing) * 0.5);
   }
+  .m-4 {
+    margin: calc(var(--spacing) * 4);
+  }
   .m-auto {
     margin: auto;
   }
   .-mx-1 {
     margin-inline: calc(var(--spacing) * -1);
   }
+  .-mx-1\.5 {
+    margin-inline: calc(var(--spacing) * -1.5);
+  }
   .-mx-2 {
     margin-inline: calc(var(--spacing) * -2);
   }
+  .-mx-8 {
+    margin-inline: calc(var(--spacing) * -8);
+  }
   .-mx-px {
     margin-inline: -1px;
   }
@@ -782,6 +792,9 @@
   .mt-auto {
     margin-top: auto;
   }
+  .-mr-0\.5 {
+    margin-right: calc(var(--spacing) * -0.5);
+  }
   .-mr-1 {
     margin-right: calc(var(--spacing) * -1);
   }
@@ -797,9 +810,15 @@
   .mr-2 {
     margin-right: calc(var(--spacing) * 2);
   }
+  .mr-auto {
+    margin-right: auto;
+  }
   .mb-0 {
     margin-bottom: calc(var(--spacing) * 0);
   }
+  .mb-0\.5 {
+    margin-bottom: calc(var(--spacing) * 0.5);
+  }
   .mb-1 {
     margin-bottom: calc(var(--spacing) * 1);
   }
@@ -860,6 +879,9 @@
   .ml-6 {
     margin-left: calc(var(--spacing) * 6);
   }
+  .ml-8 {
+    margin-left: calc(var(--spacing) * 8);
+  }
   .ml-auto {
     margin-left: auto;
   }
@@ -986,6 +1008,10 @@
     width: calc(var(--spacing) * 1);
     height: calc(var(--spacing) * 1);
   }
+  .size-1\.5 {
+    width: calc(var(--spacing) * 1.5);
+    height: calc(var(--spacing) * 1.5);
+  }
   .size-1\.25 {
     width: calc(var(--spacing) * 1.25);
     height: calc(var(--spacing) * 1.25);
@@ -1131,6 +1157,9 @@
   .h-1\.5 {
     height: calc(var(--spacing) * 1.5);
   }
+  .h-1\/2 {
+    height: calc(1/2 * 100%);
+  }
   .h-2 {
     height: calc(var(--spacing) * 2);
   }
@@ -1227,6 +1256,9 @@
   .h-44\.25 {
     height: calc(var(--spacing) * 44.25);
   }
+  .h-48 {
+    height: calc(var(--spacing) * 48);
+  }
   .h-57 {
     height: calc(var(--spacing) * 57);
   }
@@ -1242,6 +1274,12 @@
   .h-82\.5 {
     height: calc(var(--spacing) * 82.5);
   }
+  .h-96 {
+    height: calc(var(--spacing) * 96);
+  }
+  .h-120 {
+    height: calc(var(--spacing) * 120);
+  }
   .h-\[1em\] {
     height: 1em;
   }
@@ -1293,6 +1331,9 @@
   .h-\[640px\] {
     height: 640px;
   }
+  .h-\[720px\] {
+    height: 720px;
+  }
   .h-\[min\(70vh\,640px\)\] {
     height: min(70vh, 640px);
   }
@@ -1350,6 +1391,9 @@
   .max-h-105 {
     max-height: calc(var(--spacing) * 105);
   }
+  .max-h-150 {
+    max-height: calc(var(--spacing) * 150);
+  }
   .max-h-\[22rem\] {
     max-height: 22rem;
   }
@@ -1398,12 +1442,18 @@
   .min-h-12 {
     min-height: calc(var(--spacing) * 12);
   }
+  .min-h-32 {
+    min-height: calc(var(--spacing) * 32);
+  }
   .min-h-40 {
     min-height: calc(var(--spacing) * 40);
   }
   .min-h-55 {
     min-height: calc(var(--spacing) * 55);
   }
+  .min-h-64 {
+    min-height: calc(var(--spacing) * 64);
+  }
   .min-h-96 {
     min-height: calc(var(--spacing) * 96);
   }
@@ -1626,6 +1676,9 @@
   .w-\[150px\] {
     width: 150px;
   }
+  .w-\[160px\] {
+    width: 160px;
+  }
   .w-\[180px\] {
     width: 180px;
   }
@@ -1653,9 +1706,18 @@
   .w-\[600px\] {
     width: 600px;
   }
+  .w-\[800px\] {
+    width: 800px;
+  }
   .w-\[calc\(100\%-32px\)\] {
     width: calc(100% - 32px);
   }
+  .w-\[var\(--radix-popover-trigger-width\)\] {
+    width: var(--radix-popover-trigger-width);
+  }
+  .w-\[var\(--radix-popover-trigger-width\,320px\)\] {
+    width: var(--radix-popover-trigger-width,320px);
+  }
   .w-auto {
     width: auto;
   }
@@ -1692,6 +1754,9 @@
   .max-w-5xl {
     max-width: var(--container-5xl);
   }
+  .max-w-6xl {
+    max-width: var(--container-6xl);
+  }
   .max-w-7xl {
     max-width: var(--container-7xl);
   }
@@ -1707,12 +1772,18 @@
   .max-w-50 {
     max-width: calc(var(--spacing) * 50);
   }
+  .max-w-52 {
+    max-width: calc(var(--spacing) * 52);
+  }
   .max-w-55 {
     max-width: calc(var(--spacing) * 55);
   }
   .max-w-56 {
     max-width: calc(var(--spacing) * 56);
   }
+  .max-w-64 {
+    max-width: calc(var(--spacing) * 64);
+  }
   .max-w-65 {
     max-width: calc(var(--spacing) * 65);
   }
@@ -1728,6 +1799,9 @@
   .max-w-90 {
     max-width: calc(var(--spacing) * 90);
   }
+  .max-w-96 {
+    max-width: calc(var(--spacing) * 96);
+  }
   .max-w-140 {
     max-width: calc(var(--spacing) * 140);
   }
@@ -1737,6 +1811,12 @@
   .max-w-270 {
     max-width: calc(var(--spacing) * 270);
   }
+  .max-w-\[24ch\] {
+    max-width: 24ch;
+  }
+  .max-w-\[28ch\] {
+    max-width: 28ch;
+  }
   .max-w-\[40\%\] {
     max-width: 40%;
   }
@@ -1848,24 +1928,45 @@
   .min-w-20 {
     min-width: calc(var(--spacing) * 20);
   }
+  .min-w-24 {
+    min-width: calc(var(--spacing) * 24);
+  }
   .min-w-32 {
     min-width: calc(var(--spacing) * 32);
   }
+  .min-w-36 {
+    min-width: calc(var(--spacing) * 36);
+  }
   .min-w-40 {
     min-width: calc(var(--spacing) * 40);
   }
   .min-w-45 {
     min-width: calc(var(--spacing) * 45);
   }
+  .min-w-48 {
+    min-width: calc(var(--spacing) * 48);
+  }
   .min-w-50 {
     min-width: calc(var(--spacing) * 50);
   }
+  .min-w-52 {
+    min-width: calc(var(--spacing) * 52);
+  }
   .min-w-55 {
     min-width: calc(var(--spacing) * 55);
   }
+  .min-w-56 {
+    min-width: calc(var(--spacing) * 56);
+  }
   .min-w-60 {
     min-width: calc(var(--spacing) * 60);
   }
+  .min-w-64 {
+    min-width: calc(var(--spacing) * 64);
+  }
+  .min-w-72 {
+    min-width: calc(var(--spacing) * 72);
+  }
   .min-w-80 {
     min-width: calc(var(--spacing) * 80);
   }
@@ -1884,12 +1985,27 @@
   .min-w-\[90px\] {
     min-width: 90px;
   }
+  .min-w-\[110px\] {
+    min-width: 110px;
+  }
+  .min-w-\[120px\] {
+    min-width: 120px;
+  }
+  .min-w-\[140px\] {
+    min-width: 140px;
+  }
   .min-w-\[150px\] {
     min-width: 150px;
   }
+  .min-w-\[160px\] {
+    min-width: 160px;
+  }
   .min-w-\[180px\] {
     min-width: 180px;
   }
+  .min-w-\[200px\] {
+    min-width: 200px;
+  }
   .min-w-\[220px\] {
     min-width: 220px;
   }
@@ -1908,6 +2024,9 @@
   .min-w-\[432px\] {
     min-width: 432px;
   }
+  .min-w-full {
+    min-width: 100%;
+  }
   .min-w-min {
     min-width: min-content;
   }
@@ -1935,6 +2054,9 @@
   .grow {
     flex-grow: 1;
   }
+  .table-fixed {
+    table-layout: fixed;
+  }
   .caption-bottom {
     caption-side: bottom;
   }
@@ -2140,6 +2262,12 @@
   .grid-cols-\[2\.5rem_1fr_2rem\] {
     grid-template-columns: 2.5rem 1fr 2rem;
   }
+  .grid-cols-\[16fr_24fr_11fr_9fr_7fr_10fr_9fr_10fr_4fr\] {
+    grid-template-columns: 16fr 24fr 11fr 9fr 7fr 10fr 9fr 10fr 4fr;
+  }
+  .grid-cols-\[24fr_16fr_18fr_10fr_14fr_10fr_8fr\] {
+    grid-template-columns: 24fr 16fr 18fr 10fr 14fr 10fr 8fr;
+  }
   .grid-cols-\[110px_120px_150px_minmax\(480px\,1fr\)\] {
     grid-template-columns: 110px 120px 150px minmax(480px,1fr);
   }
@@ -2396,6 +2524,9 @@
       margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
     }
   }
+  .gap-y-0\.5 {
+    row-gap: calc(var(--spacing) * 0.5);
+  }
   .gap-y-1 {
     row-gap: calc(var(--spacing) * 1);
   }
@@ -2472,9 +2603,6 @@
   .justify-self-end {
     justify-self: flex-end;
   }
-  .justify-self-start {
-    justify-self: flex-start;
-  }
   .truncate {
     overflow: hidden;
     text-overflow: ellipsis;
@@ -2902,6 +3030,18 @@
       border-color: color-mix(in oklab, var(--color-warning-foreground) 40%, transparent);
     }
   }
+  .border-warning\/20 {
+    border-color: color-mix(in srgb, #ffedd5 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-warning) 20%, transparent);
+    }
+  }
+  .border-warning\/30 {
+    border-color: color-mix(in srgb, #ffedd5 30%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-warning) 30%, transparent);
+    }
+  }
   .border-yellow-200 {
     border-color: var(--color-yellow-200);
   }
@@ -3106,6 +3246,12 @@
       background-color: color-mix(in oklab, var(--color-card) 60%, transparent);
     }
   }
+  .bg-card\/70 {
+    background-color: color-mix(in srgb, #fff 70%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-card) 70%, transparent);
+    }
+  }
   .bg-card\/95 {
     background-color: color-mix(in srgb, #fff 95%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -3127,6 +3273,12 @@
       background-color: color-mix(in oklab, var(--color-default-foreground) 40%, transparent);
     }
   }
+  .bg-default-foreground\/50 {
+    background-color: color-mix(in srgb, #171717 50%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-default-foreground) 50%, transparent);
+    }
+  }
   .bg-error {
     background-color: var(--color-error);
   }
@@ -3265,6 +3417,12 @@
       background-color: color-mix(in oklab, var(--color-muted) 60%, transparent);
     }
   }
+  .bg-muted\/70 {
+    background-color: color-mix(in srgb, #f5f5f5 70%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-muted) 70%, transparent);
+    }
+  }
   .bg-muted\/80 {
     background-color: color-mix(in srgb, #f5f5f5 80%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -3385,6 +3543,12 @@
       background-color: color-mix(in oklab, var(--color-success-foreground) 15%, transparent);
     }
   }
+  .bg-success\/10 {
+    background-color: color-mix(in srgb, #dcfce7 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-success) 10%, transparent);
+    }
+  }
   .bg-success\/40 {
     background-color: color-mix(in srgb, #dcfce7 40%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -3400,6 +3564,12 @@
   .bg-warning-foreground {
     background-color: var(--color-warning-foreground);
   }
+  .bg-warning-foreground\/5 {
+    background-color: color-mix(in srgb, #f97316 5%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-warning-foreground) 5%, transparent);
+    }
+  }
   .bg-warning-foreground\/10 {
     background-color: color-mix(in srgb, #f97316 10%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -3412,6 +3582,12 @@
       background-color: color-mix(in oklab, var(--color-warning-foreground) 15%, transparent);
     }
   }
+  .bg-warning\/5 {
+    background-color: color-mix(in srgb, #ffedd5 5%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-warning) 5%, transparent);
+    }
+  }
   .bg-warning\/10 {
     background-color: color-mix(in srgb, #ffedd5 10%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -3470,10 +3646,6 @@
     --tw-gradient-position: to top in oklab;
     background-image: linear-gradient(var(--tw-gradient-stops));
   }
-  .from-accent {
-    --tw-gradient-from: var(--color-accent);
-    --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));
-  }
   .from-background {
     --tw-gradient-from: var(--color-background);
     --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));
@@ -3510,6 +3682,10 @@
     }
     --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));
   }
+  .from-skeleton {
+    --tw-gradient-from: var(--color-skeleton);
+    --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));
+  }
   .from-transparent {
     --tw-gradient-from: transparent;
     --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));
@@ -3520,14 +3696,6 @@
   .from-60\% {
     --tw-gradient-from-position: 60%;
   }
-  .via-accent\/10 {
-    --tw-gradient-via: color-mix(in srgb, #ededed 10%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      --tw-gradient-via: color-mix(in oklab, var(--color-accent) 10%, transparent);
-    }
-    --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);
-    --tw-gradient-stops: var(--tw-gradient-via-stops);
-  }
   .via-active-border\/70 {
     --tw-gradient-via: color-mix(in srgb, #037152 70%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -3549,9 +3717,13 @@
     --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);
     --tw-gradient-stops: var(--tw-gradient-via-stops);
   }
-  .to-accent {
-    --tw-gradient-to: var(--color-accent);
-    --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));
+  .via-skeleton\/10 {
+    --tw-gradient-via: color-mix(in srgb, #ededed 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-gradient-via: color-mix(in oklab, var(--color-skeleton) 10%, transparent);
+    }
+    --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);
+    --tw-gradient-stops: var(--tw-gradient-via-stops);
   }
   .to-amber-500\/10 {
     --tw-gradient-to: color-mix(in srgb, oklch(76.9% 0.188 70.08) 10%, transparent);
@@ -3574,6 +3746,10 @@
     }
     --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));
   }
+  .to-skeleton {
+    --tw-gradient-to: var(--color-skeleton);
+    --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));
+  }
   .to-transparent {
     --tw-gradient-to: transparent;
     --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));
@@ -3953,6 +4129,9 @@
   .pl-10 {
     padding-left: calc(var(--spacing) * 10);
   }
+  .pl-11 {
+    padding-left: calc(var(--spacing) * 11);
+  }
   .pl-12 {
     padding-left: calc(var(--spacing) * 12);
   }
@@ -3977,6 +4156,9 @@
   .align-text-bottom {
     vertical-align: text-bottom;
   }
+  .align-top {
+    vertical-align: top;
+  }
   .font-ad-preview {
     font-family: var(--font-ad-preview);
   }
@@ -4371,6 +4553,12 @@
       color: color-mix(in oklab, var(--color-default-foreground) 50%, transparent);
     }
   }
+  .text-default-foreground\/60 {
+    color: color-mix(in srgb, #171717 60%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, var(--color-default-foreground) 60%, transparent);
+    }
+  }
   .text-default-foreground\/70 {
     color: color-mix(in srgb, #171717 70%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -4437,6 +4625,9 @@
   .text-instagram-accent-foreground {
     color: var(--color-instagram-accent-foreground);
   }
+  .text-muted-border {
+    color: var(--color-muted-border);
+  }
   .text-muted-foreground {
     color: var(--color-muted-foreground);
   }
@@ -4571,6 +4762,12 @@
       text-decoration-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
     }
   }
+  .decoration-primary\/40 {
+    text-decoration-color: color-mix(in srgb, #60c686 40%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      text-decoration-color: color-mix(in oklab, var(--color-primary) 40%, transparent);
+    }
+  }
   .decoration-dotted {
     text-decoration-style: dotted;
   }
@@ -4672,7 +4869,7 @@
     box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.06),
     0 4px 8px 0 rgba(0, 0, 0, 0.04);
   }
-  .shadow-marketerlight {
+  .shadow-light {
     box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1),
     0 1px 2px -1px rgba(0, 0, 0, 0.1);
   }
@@ -4763,6 +4960,16 @@
     outline-style: var(--tw-outline-style);
     outline-width: 1px;
   }
+  .outline-2 {
+    outline-style: var(--tw-outline-style);
+    outline-width: 2px;
+  }
+  .-outline-offset-1 {
+    outline-offset: calc(1px * -1);
+  }
+  .outline-active-border {
+    outline-color: var(--color-active-border);
+  }
   .blur {
     --tw-blur: blur(8px);
     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,);
@@ -5494,6 +5701,12 @@
       border-bottom-right-radius: var(--radius-2xl-v4);
     }
   }
+  .last\:border-0 {
+    &:last-child {
+      border-style: var(--tw-border-style);
+      border-width: 0px;
+    }
+  }
   .last\:border-b-0 {
     &:last-child {
       border-bottom-style: var(--tw-border-style);
@@ -5614,6 +5827,14 @@
       background-color: var(--color-accent);
     }
   }
+  .hover\:bg-accent\/50 {
+    &:is(:hover, [data-state="hover"]) {
+      background-color: color-mix(in srgb, #ededed 50%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-accent) 50%, transparent);
+      }
+    }
+  }
   .hover\:bg-accent\/60 {
     &:is(:hover, [data-state="hover"]) {
       background-color: color-mix(in srgb, #ededed 60%, transparent);
@@ -5745,6 +5966,14 @@
       }
     }
   }
+  .hover\:bg-muted\/80 {
+    &:is(:hover, [data-state="hover"]) {
+      background-color: color-mix(in srgb, #f5f5f5 80%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-muted) 80%, transparent);
+      }
+    }
+  }
   .hover\:bg-primary-hover {
     &:is(:hover, [data-state="hover"]) {
       background-color: var(--color-primary-hover);
@@ -5831,6 +6060,11 @@
       text-decoration-color: var(--color-primary);
     }
   }
+  .hover\:opacity-70 {
+    &:is(:hover, [data-state="hover"]) {
+      opacity: 70%;
+    }
+  }
   .hover\:opacity-100 {
     &:is(:hover, [data-state="hover"]) {
       opacity: 100%;
@@ -5850,6 +6084,12 @@
       }
     }
   }
+  .hover\:brightness-95 {
+    &:is(:hover, [data-state="hover"]) {
+      --tw-brightness: brightness(95%);
+      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,);
+    }
+  }
   .hover\:group-data-\[collapsible\=offcanvas\]\:bg-muted-foreground {
     &:is(:hover, [data-state="hover"]) {
       &:is(:where(.group)[data-collapsible="offcanvas"] *) {
@@ -6169,11 +6409,28 @@
       color: var(--color-accent-foreground);
     }
   }
+  .enabled\:cursor-pointer {
+    &:enabled {
+      cursor: pointer;
+    }
+  }
+  .enabled\:hover\:bg-faint {
+    &:enabled {
+      &:is(:hover, [data-state="hover"]) {
+        background-color: var(--color-faint);
+      }
+    }
+  }
   .disabled\:pointer-events-none {
     &:is(:disabled, [data-state="disabled"]) {
       pointer-events: none;
     }
   }
+  .disabled\:cursor-default {
+    &:is(:disabled, [data-state="disabled"]) {
+      cursor: default;
+    }
+  }
   .disabled\:cursor-not-allowed {
     &:is(:disabled, [data-state="disabled"]) {
       cursor: not-allowed;
@@ -6209,6 +6466,11 @@
       color: var(--color-disabled-foreground) !important;
     }
   }
+  .disabled\:opacity-40 {
+    &:is(:disabled, [data-state="disabled"]) {
+      opacity: 40%;
+    }
+  }
   .disabled\:opacity-50 {
     &:is(:disabled, [data-state="disabled"]) {
       opacity: 50%;
@@ -6331,6 +6593,46 @@
       background-color: var(--color-sidebar);
     }
   }
+  .has-\[\:focus-visible\]\:border-active-border {
+    &:has(*:is(:focus-visible)) {
+      border-color: var(--color-active-border);
+    }
+  }
+  .has-\[\:focus-visible\]\:outline {
+    &:has(*:is(:focus-visible)) {
+      outline-style: var(--tw-outline-style);
+      outline-width: 1px;
+    }
+  }
+  .has-\[\:focus-visible\]\:outline-1 {
+    &:has(*:is(:focus-visible)) {
+      outline-style: var(--tw-outline-style);
+      outline-width: 1px;
+    }
+  }
+  .has-\[\:focus-visible\]\:outline-offset-0 {
+    &:has(*:is(:focus-visible)) {
+      outline-offset: 0px;
+    }
+  }
+  .has-\[\:focus-visible\]\:outline-active-border {
+    &:has(*:is(:focus-visible)) {
+      outline-color: var(--color-active-border);
+    }
+  }
+  .has-\[\[aria-invalid\]\]\:border-error-border {
+    &:has(*:is([aria-invalid])) {
+      border-color: var(--color-error-border);
+    }
+  }
+  .has-\[\[aria-invalid\]\]\:ring-error-foreground\/20 {
+    &:has(*:is([aria-invalid])) {
+      --tw-ring-color: color-mix(in srgb, #ef4444 20%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--color-error-foreground) 20%, transparent);
+      }
+    }
+  }
   .has-\[\>svg\:only-child\]\:size-6 {
     &:has(>svg:only-child) {
       width: calc(var(--spacing) * 6);
@@ -6810,6 +7112,11 @@
       --tw-exit-scale: 98%;
     }
   }
+  .data-\[state\=inactive\]\:hidden {
+    &[data-state="inactive"] {
+      display: none;
+    }
+  }
   .data-\[state\=inactive\]\:text-muted-foreground {
     &[data-state="inactive"] {
       color: var(--color-muted-foreground);
@@ -7224,6 +7531,11 @@
       margin-top: calc(var(--spacing) * 3.5);
     }
   }
+  .sm\:mr-auto {
+    @media (width >= 40rem) {
+      margin-right: auto;
+    }
+  }
   .sm\:block {
     @media (width >= 40rem) {
       display: block;
@@ -7264,6 +7576,11 @@
       width: calc(var(--spacing) * 64);
     }
   }
+  .sm\:w-80 {
+    @media (width >= 40rem) {
+      width: calc(var(--spacing) * 80);
+    }
+  }
   .sm\:w-auto {
     @media (width >= 40rem) {
       width: auto;
@@ -7284,6 +7601,11 @@
       max-width: var(--container-lg);
     }
   }
+  .sm\:max-w-sm {
+    @media (width >= 40rem) {
+      max-width: var(--container-sm);
+    }
+  }
   .sm\:flex-none {
     @media (width >= 40rem) {
       flex: none;
@@ -7587,6 +7909,26 @@
       padding-block: calc(var(--spacing) * 4);
     }
   }
+  .xl\:grid-cols-\[minmax\(0\,1fr\)_minmax\(420px\,0\.9fr\)\] {
+    @media (width >= 80rem) {
+      grid-template-columns: minmax(0,1fr) minmax(420px,0.9fr);
+    }
+  }
+  .\32 xl\:shrink {
+    @media (width >= 96rem) {
+      flex-shrink: 1;
+    }
+  }
+  .\32 xl\:flex-row {
+    @media (width >= 96rem) {
+      flex-direction: row;
+    }
+  }
+  .\32 xl\:items-center {
+    @media (width >= 96rem) {
+      align-items: center;
+    }
+  }
   .\@max-md\:hidden {
     @container (width < 28rem) {
       display: none;
@@ -8364,13 +8706,13 @@
 :root {
   --font-gellix: var(--font-gellix), sans-serif;
   --font-roobertpro: var(--font-roobertpro), sans-serif;
-  --color-marketer-50: #f0fff5;
-  --color-marketer-200: #98ecb7;
-  --color-marketer-300: #60c686;
-  --color-marketer-400: #2fa974;
-  --color-marketer-500: #037152;
-  --color-marketer-800: #0d2c21;
-  --color-marketer-950: #071812;
+  --color-brand-50: #f0fff5;
+  --color-brand-200: #98ecb7;
+  --color-brand-300: #60c686;
+  --color-brand-400: #2fa974;
+  --color-brand-500: #037152;
+  --color-brand-800: #0d2c21;
+  --color-brand-950: #071812;
   --color-neutral-50: #fafafa;
   --color-neutral-100: #f5f5f5;
   --color-neutral-150: #ededed;
@@ -8388,12 +8730,13 @@
   --color-faint: var(--color-neutral-50);
   --color-muted: var(--color-neutral-100);
   --color-accent: var(--color-neutral-150);
+  --color-skeleton: var(--color-accent);
   --color-card: #fff;
   --color-input: #ffffff;
   --color-input-hover: var(--color-neutral-50);
   --color-disabled: var(--color-neutral-100);
-  --color-primary: var(--color-marketer-300, #60c686);
-  --color-primary-hover: var(--color-marketer-400, #2fa974);
+  --color-primary: var(--color-brand-300, #60c686);
+  --color-primary-hover: var(--color-brand-400, #2fa974);
   --color-secondary: var(--color-neutral-950, #0a0a0a);
   --color-secondary-hover: var(--color-neutral-800, #262626);
   --color-warning: #ffedd5;
@@ -8409,7 +8752,7 @@
   --color-muted-foreground: var(--color-neutral-500);
   --color-disabled-foreground: var(--color-neutral-400);
   --color-placeholder-foreground: var(--color-neutral-400);
-  --color-accent-foreground: var(--color-marketer-500, #037152);
+  --color-accent-foreground: var(--color-brand-500, #037152);
   --color-primary-foreground: var(--color-neutral-900, #171717);
   --color-secondary-foreground: #ffffff;
   --color-success-foreground: #16a34a;
@@ -8423,7 +8766,7 @@
   --color-muted-border: var(--color-neutral-150);
   --color-input-border: var(--color-neutral-200);
   --color-disabled-border: var(--color-neutral-100);
-  --color-active-border: var(--color-marketer-500);
+  --color-active-border: var(--color-brand-500);
   --color-error-border: #ef4444;
   --color-google-accent-foreground: #1a0dab;
   --color-google-primary-background: #4285f4;
@@ -8466,6 +8809,7 @@
   --color-sidebar: #f0f3fa;
   --color-muted: #f5f8fe;
   --color-accent: #dfe8fb;
+  --color-skeleton: var(--color-accent);
   --color-input: #ffffff;
   --color-disabled: #f0f3fa;
   --color-primary: #0b1b45;
@@ -8534,6 +8878,7 @@
   --color-sidebar: var(--color-background);
   --color-muted: #15171e;
   --color-accent: #1c1e26;
+  --color-skeleton: var(--color-accent);
   --color-input: #0e1015;
   --color-input-hover: #12141a;
   --color-disabled: #12141a;
@@ -8589,73 +8934,6 @@
   --font-weight-semibold: 620;
   --font-weight-bold: 700;
 }
-[data-theme="manta-dark"] .channel-icon-marketer {
-  color: white;
-}
-[data-theme="marketer-dark"] {
-  --color-background: #070807;
-  --color-faint: #151716;
-  --color-muted: #181b19;
-  --color-accent: #1f2321;
-  --color-card: #111211;
-  --color-base-background: var(--color-background);
-  --color-sidebar: var(--color-card);
-  --color-input: #111211;
-  --color-input-hover: #151716;
-  --color-disabled: #151716;
-  --color-primary: #60c686;
-  --color-primary-hover: #2fa974;
-  --color-secondary: #28342d;
-  --color-secondary-hover: #1f2823;
-  --color-warning: #331e0b;
-  --color-error: #3b1219;
-  --color-error-hover: #3b1219;
-  --color-success: #132d21;
-  --color-info: #111727;
-  --color-info-accent: #0c1021;
-  --color-rank-1: #422006;
-  --color-rank-2: #1e293b;
-  --color-rank-3: #431407;
-  --color-default-foreground: #ffffff;
-  --color-muted-foreground: #808a84;
-  --color-placeholder-foreground: #4e5551;
-  --color-disabled-foreground: #4e5551;
-  --color-primary-foreground: #171717;
-  --color-secondary-foreground: #ffffff;
-  --color-accent-foreground: #60c686;
-  --color-success-foreground: #3dd68c;
-  --color-warning-foreground: #ffa057;
-  --color-error-foreground: #ff9592;
-  --color-info-foreground: #7094ff;
-  --color-creative-accent: #0c1021;
-  --color-creative-accent-foreground: #1ea1f7;
-  --color-rank-1-foreground: #fbbf24;
-  --color-rank-2-foreground: #cbd5e1;
-  --color-rank-3-foreground: #fb923c;
-  --color-default-border: #2a322d;
-  --color-muted-border: #1c221e;
-  --color-input-border: #2a322d;
-  --color-disabled-border: #1c221e;
-  --color-active-border: #2fa974;
-  --color-error-border: #ff9592;
-  --color-google-accent-foreground: #ffffff;
-  --color-google-primary-background: #ffffff;
-  --color-google-primary-foreground: #171717;
-  --color-google-rating: #fbbc04;
-  --radius-xs-v4: 0.25rem;
-  --radius-sm-v4: 0.5rem;
-  --radius-md-v4: 0.75rem;
-  --radius-lg-v4: 1rem;
-  --radius-xl-v4: 1.5rem;
-  --radius-2xl-v4: 2rem;
-  --font-weight-normal: 470;
-  --font-weight-medium: 540;
-  --font-weight-semibold: 620;
-  --font-weight-bold: 720;
-}
-[data-theme="marketer-dark"] .channel-icon-marketer {
-  color: #ffffff;
-}
 @layer base {
   *,
   ::after,
@@ -8686,9 +8964,6 @@
   body {
     height: 100%;
   }
-  .channel-icon-marketer {
-    color: var(--color-marketer-800);
-  }
 }
 @layer utilities {
   body {