npm - @rakun-kit/manager-react - Versions diffs - 1.6.2 → 1.7.1 - Mend

@rakun-kit/manager-react 1.6.2 → 1.7.1

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 (290) hide show

package/dist/styles.css CHANGED Viewed

@@ -345,6 +345,9 @@
   .inset-y-0 {
     inset-block: calc(var(--spacing) * 0);
   }
+  .inset-y-2 {
+    inset-block: calc(var(--spacing) * 2);
+  }
   .start-0 {
     inset-inline-start: calc(var(--spacing) * 0);
   }
@@ -381,6 +384,9 @@
   .top-0 {
     top: calc(var(--spacing) * 0);
   }
+  .top-1 {
+    top: calc(var(--spacing) * 1);
+  }
   .top-1\.5 {
     top: calc(var(--spacing) * 1.5);
   }
@@ -462,6 +468,9 @@
   .z-20 {
     z-index: 20;
   }
+  .z-30 {
+    z-index: 30;
+  }
   .z-40 {
     z-index: 40;
   }
@@ -498,6 +507,9 @@
   .col-start-2 {
     grid-column-start: 2;
   }
+  .row-0 {
+    grid-row: 0;
+  }
   .row-span-2 {
     grid-row: span 2 / span 2;
   }
@@ -740,6 +752,10 @@
       background-clip: content-box;
     }
   }
+  .size-1\.5 {
+    width: calc(var(--spacing) * 1.5);
+    height: calc(var(--spacing) * 1.5);
+  }
   .size-2 {
     width: calc(var(--spacing) * 2);
     height: calc(var(--spacing) * 2);
@@ -848,6 +864,12 @@
   .h-12 {
     height: calc(var(--spacing) * 12);
   }
+  .h-12\.25\! {
+    height: calc(var(--spacing) * 12.25) !important;
+  }
+  .h-13 {
+    height: calc(var(--spacing) * 13);
+  }
   .h-14 {
     height: calc(var(--spacing) * 14);
   }
@@ -989,6 +1011,9 @@
   .min-h-28 {
     min-height: calc(var(--spacing) * 28);
   }
+  .min-h-48 {
+    min-height: calc(var(--spacing) * 48);
+  }
   .min-h-64 {
     min-height: calc(var(--spacing) * 64);
   }
@@ -998,9 +1023,6 @@
   .min-h-88 {
     min-height: calc(var(--spacing) * 88);
   }
-  .min-h-130 {
-    min-height: calc(var(--spacing) * 130);
-  }
   .min-h-\[55vh\] {
     min-height: 55vh;
   }
@@ -1133,6 +1155,9 @@
   .w-\[calc\(100vw-2rem\)\] {
     width: calc(100vw - 2rem);
   }
+  .w-\[min\(19rem\,calc\(100\%_-_1rem\)\)\] {
+    width: min(19rem, calc(100% - 1rem));
+  }
   .w-\[min\(92vw\,520px\)\] {
     width: min(92vw, 520px);
   }
@@ -1142,9 +1167,15 @@
   .w-\[min\(320px\,calc\(100vw-2rem\)\)\] {
     width: min(320px, calc(100vw - 2rem));
   }
+  .w-\[min\(calc\(100\%_-_1rem\)\,36rem\)\] {
+    width: min(calc(100% - 1rem), 36rem);
+  }
   .w-auto {
     width: auto;
   }
+  .w-auto\! {
+    width: auto !important;
+  }
   .w-fit {
     width: fit-content;
   }
@@ -1184,8 +1215,8 @@
   .max-w-40 {
     max-width: calc(var(--spacing) * 40);
   }
-  .max-w-80 {
-    max-width: calc(var(--spacing) * 80);
+  .max-w-72 {
+    max-width: calc(var(--spacing) * 72);
   }
   .max-w-\[80\%\] {
     max-width: 80%;
@@ -1277,6 +1308,18 @@
   .flex-1 {
     flex: 1;
   }
+  .flex-\[0_1_auto\] {
+    flex: 0 1 auto;
+  }
+  .flex-\[1_1_8rem\] {
+    flex: 1 1 8rem;
+  }
+  .flex-\[1_1_16rem\] {
+    flex: 1 1 16rem;
+  }
+  .flex-\[1_1_20rem\] {
+    flex: 1 1 20rem;
+  }
   .flex-none {
     flex: none;
   }
@@ -1336,10 +1379,18 @@
     --tw-translate-x: calc(calc(100% - 2.5rem) * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
+  .-translate-x-\[calc\(100\%_\+_1rem\)\] {
+    --tw-translate-x: calc(calc(100% + 1rem) * -1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
   .-translate-x-px {
     --tw-translate-x: -1px;
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
+  .translate-x-0 {
+    --tw-translate-x: calc(var(--spacing) * 0);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
   .translate-x-1\/2 {
     --tw-translate-x: calc(1 / 2 * 100%);
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -1477,9 +1528,6 @@
   .scroll-py-1 {
     scroll-padding-block: calc(var(--spacing) * 1);
   }
-  .\[scrollbar-width\:none\] {
-    scrollbar-width: none;
-  }
   .scrollbar-thin {
     scrollbar-width: thin;
   }
@@ -1567,6 +1615,9 @@
   .flex-row {
     flex-direction: row;
   }
+  .flex-row\! {
+    flex-direction: row !important;
+  }
   .flex-nowrap {
     flex-wrap: nowrap;
   }
@@ -1600,6 +1651,9 @@
   .justify-center {
     justify-content: center;
   }
+  .justify-center\! {
+    justify-content: center !important;
+  }
   .justify-end {
     justify-content: flex-end;
   }
@@ -1713,6 +1767,13 @@
   .gap-x-3 {
     column-gap: calc(var(--spacing) * 3);
   }
+  .-space-x-2 {
+    :where(& > :not(:last-child)) {
+      --tw-space-x-reverse: 0;
+      margin-inline-start: calc(calc(var(--spacing) * -2) * var(--tw-space-x-reverse));
+      margin-inline-end: calc(calc(var(--spacing) * -2) * calc(1 - var(--tw-space-x-reverse)));
+    }
+  }
   .space-x-2 {
     :where(& > :not(:last-child)) {
       --tw-space-x-reverse: 0;
@@ -1728,6 +1789,9 @@
   .gap-y-1 {
     row-gap: calc(var(--spacing) * 1);
   }
+  .gap-y-2 {
+    row-gap: calc(var(--spacing) * 2);
+  }
   .divide-x {
     :where(& > :not(:last-child)) {
       --tw-divide-x-reverse: 0;
@@ -1779,6 +1843,9 @@
   .overflow-scroll {
     overflow: scroll;
   }
+  .overflow-visible {
+    overflow: visible;
+  }
   .overflow-x-auto {
     overflow-x: auto;
   }
@@ -1788,6 +1855,9 @@
   .overflow-y-auto {
     overflow-y: auto;
   }
+  .overflow-y-hidden {
+    overflow-y: hidden;
+  }
   .overscroll-contain {
     overscroll-behavior: contain;
   }
@@ -2119,6 +2189,9 @@
       background-color: color-mix(in oklab, var(--accent) 50%, transparent);
     }
   }
+  .bg-amber-500 {
+    background-color: var(--color-amber-500);
+  }
   .bg-amber-500\/5 {
     background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 5%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2146,22 +2219,22 @@
       background-color: color-mix(in oklab, var(--background) 50%, transparent);
     }
   }
-  .bg-background\/60 {
+  .bg-background\/55 {
     background-color: var(--background);
     @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--background) 60%, transparent);
+      background-color: color-mix(in oklab, var(--background) 55%, transparent);
     }
   }
-  .bg-background\/70 {
+  .bg-background\/60 {
     background-color: var(--background);
     @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--background) 70%, transparent);
+      background-color: color-mix(in oklab, var(--background) 60%, transparent);
     }
   }
-  .bg-background\/95 {
+  .bg-background\/70 {
     background-color: var(--background);
     @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--background) 95%, transparent);
+      background-color: color-mix(in oklab, var(--background) 70%, transparent);
     }
   }
   .bg-black\/50 {
@@ -2212,6 +2285,9 @@
       background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
     }
   }
+  .bg-emerald-500 {
+    background-color: var(--color-emerald-500);
+  }
   .bg-emerald-500\/5 {
     background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 5%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2260,6 +2336,12 @@
       background-color: color-mix(in oklab, var(--muted) 50%, transparent);
     }
   }
+  .bg-muted\/95 {
+    background-color: var(--muted);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--muted) 95%, transparent);
+    }
+  }
   .bg-neutral-950 {
     background-color: var(--color-neutral-950);
   }
@@ -2465,6 +2547,9 @@
   .px-4 {
     padding-inline: calc(var(--spacing) * 4);
   }
+  .px-5\.5 {
+    padding-inline: calc(var(--spacing) * 5.5);
+  }
   .px-6 {
     padding-inline: calc(var(--spacing) * 6);
   }
@@ -2534,17 +2619,14 @@
   .pt-0\.5 {
     padding-top: calc(var(--spacing) * 0.5);
   }
-  .pt-1 {
-    padding-top: calc(var(--spacing) * 1);
-  }
   .pt-2 {
     padding-top: calc(var(--spacing) * 2);
   }
   .pt-3 {
     padding-top: calc(var(--spacing) * 3);
   }
-  .pt-5 {
-    padding-top: calc(var(--spacing) * 5);
+  .pt-4 {
+    padding-top: calc(var(--spacing) * 4);
   }
   .pt-6 {
     padding-top: calc(var(--spacing) * 6);
@@ -2558,9 +2640,6 @@
   .pr-3 {
     padding-right: calc(var(--spacing) * 3);
   }
-  .pr-4 {
-    padding-right: calc(var(--spacing) * 4);
-  }
   .pr-7 {
     padding-right: calc(var(--spacing) * 7);
   }
@@ -2770,6 +2849,12 @@
   .whitespace-pre-wrap {
     white-space: pre-wrap;
   }
+  .tab-1 {
+    tab-size: 1;
+  }
+  .tab-2 {
+    tab-size: 2;
+  }
   .\!text-destructive {
     color: var(--destructive) !important;
   }
@@ -3011,6 +3096,9 @@
   .opacity-70 {
     opacity: 70%;
   }
+  .opacity-80 {
+    opacity: 80%;
+  }
   .opacity-100 {
     opacity: 100%;
   }
@@ -3018,6 +3106,10 @@
     --tw-shadow: var(--shadow);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
+  .shadow-2xl {
+    --tw-shadow: var(--shadow-2xl);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
   .shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\] {
     --tw-shadow: 0 0 0 1px var(--tw-shadow-color, hsl(var(--sidebar-border)));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -3080,6 +3172,9 @@
       --tw-ring-color: color-mix(in oklab, var(--color-amber-500) 30%, transparent);
     }
   }
+  .ring-background {
+    --tw-ring-color: var(--background);
+  }
   .ring-border {
     --tw-ring-color: var(--border);
   }
@@ -3161,6 +3256,11 @@
     -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,);
     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,);
   }
+  .backdrop-blur-\[1px\] {
+    --tw-backdrop-blur: blur(1px);
+    -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,);
+    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,);
+  }
   .backdrop-blur-sm {
     --tw-backdrop-blur: blur(var(--blur-sm));
     -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,);
@@ -3220,6 +3320,11 @@
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
+  .transition-\[transform\,opacity\] {
+    transition-property: transform,opacity;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
   .transition-\[width\,height\,padding\] {
     transition-property: width,height,padding;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -3315,9 +3420,6 @@
   .\[--lexical-indent-base-value\:40px\] {
     --lexical-indent-base-value: 40px;
   }
-  .\[-ms-overflow-style\:none\] {
-    -ms-overflow-style: none;
-  }
   .\[contain-intrinsic-size\:auto_11rem\] {
     contain-intrinsic-size: auto 11rem;
   }
@@ -3628,6 +3730,11 @@
       border-inline-start-width: 1px;
     }
   }
+  .group-data-\[state\=closed\]\/module\:py-3 {
+    &:is(:where(.group\/module)[data-state="closed"] *) {
+      padding-block: calc(var(--spacing) * 3);
+    }
+  }
   .group-data-\[state\=open\]\:rotate-90 {
     &:is(:where(.group)[data-state="open"] *) {
       rotate: 90deg;
@@ -4339,6 +4446,13 @@
       }
     }
   }
+  .hover\:bg-primary {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--primary);
+      }
+    }
+  }
   .hover\:bg-primary\/10 {
     &:hover {
       @media (hover: hover) {
@@ -5366,6 +5480,21 @@
       height: calc(var(--spacing) * 8);
     }
   }
+  .\*\:data-\[slot\=avatar\]\:ring-2 {
+    :is(& > *) {
+      &[data-slot="avatar"] {
+        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+      }
+    }
+  }
+  .\*\:data-\[slot\=avatar\]\:ring-background {
+    :is(& > *) {
+      &[data-slot="avatar"] {
+        --tw-ring-color: var(--background);
+      }
+    }
+  }
   .\*\:data-\[slot\=bubble-content\]\:rounded-none {
     :is(& > *) {
       &[data-slot="bubble-content"] {
@@ -5537,9 +5666,29 @@
       animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
     }
   }
-  .data-\[state\=active\]\:border-b-primary {
+  .data-\[state\=active\]\:rounded-r-none {
     &[data-state="active"] {
-      border-bottom-color: var(--primary);
+      border-top-right-radius: 0;
+      border-bottom-right-radius: 0;
+    }
+  }
+  .data-\[state\=active\]\:rounded-b-none {
+    &[data-state="active"] {
+      border-bottom-right-radius: 0;
+      border-bottom-left-radius: 0;
+    }
+  }
+  .data-\[state\=active\]\:border-primary\/20\! {
+    &[data-state="active"] {
+      border-color: var(--primary) !important;
+      @supports (color: color-mix(in lab, red, red)) {
+        border-color: color-mix(in oklab, var(--primary) 20%, transparent) !important;
+      }
+    }
+  }
+  .data-\[state\=active\]\:border-b-primary\! {
+    &[data-state="active"] {
+      border-bottom-color: var(--primary) !important;
     }
   }
   .data-\[state\=active\]\:bg-accent {
@@ -5552,6 +5701,14 @@
       background-color: var(--background);
     }
   }
+  .data-\[state\=active\]\:bg-primary\/10\! {
+    &[data-state="active"] {
+      background-color: var(--primary) !important;
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--primary) 10%, transparent) !important;
+      }
+    }
+  }
   .data-\[state\=active\]\:\!text-destructive {
     &[data-state="active"] {
       color: var(--destructive) !important;
@@ -5562,6 +5719,17 @@
       color: var(--foreground);
     }
   }
+  .data-\[state\=active\]\:text-primary\! {
+    &[data-state="active"] {
+      color: var(--primary) !important;
+    }
+  }
+  .data-\[state\=active\]\:shadow-sm\! {
+    &[data-state="active"] {
+      --tw-shadow: var(--shadow-sm) !important;
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+    }
+  }
   .data-\[state\=active\]\:fade-in-0 {
     &[data-state="active"] {
       --tw-enter-opacity: calc(0/100);
@@ -5596,6 +5764,14 @@
       }
     }
   }
+  .data-\[state\=active\]\:after\:bg-primary\! {
+    &[data-state="active"] {
+      &::after {
+        content: var(--tw-content);
+        background-color: var(--primary) !important;
+      }
+    }
+  }
   .group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:after\:opacity-100 {
     &:is(:where(.group\/tabs-list)[data-variant="line"] *) {
       &[data-state="active"] {
@@ -6072,14 +6248,6 @@
       margin-top: calc(var(--spacing) * -1);
     }
   }
-  .supports-\[backdrop-filter\]\:bg-background\/80 {
-    @supports (backdrop-filter: var(--tw)) {
-      background-color: var(--background);
-      @supports (color: color-mix(in lab, red, red)) {
-        background-color: color-mix(in oklab, var(--background) 80%, transparent);
-      }
-    }
-  }
   .supports-\[backdrop-filter\]\:bg-white\/50 {
     @supports (backdrop-filter: var(--tw)) {
       background-color: color-mix(in srgb, #fff 50%, transparent);
@@ -6394,6 +6562,16 @@
       display: flex;
     }
   }
+  .md\:min-h-0 {
+    @media (width >= 48rem) {
+      min-height: calc(var(--spacing) * 0);
+    }
+  }
+  .md\:w-14 {
+    @media (width >= 48rem) {
+      width: calc(var(--spacing) * 14);
+    }
+  }
   .md\:w-36 {
     @media (width >= 48rem) {
       width: calc(var(--spacing) * 36);
@@ -6474,6 +6652,11 @@
       grid-template-columns: minmax(0,1fr) auto;
     }
   }
+  .md\:flex-col {
+    @media (width >= 48rem) {
+      flex-direction: column;
+    }
+  }
   .md\:flex-row {
     @media (width >= 48rem) {
       flex-direction: row;
@@ -6489,11 +6672,6 @@
       align-items: flex-start;
     }
   }
-  .md\:justify-between {
-    @media (width >= 48rem) {
-      justify-content: space-between;
-    }
-  }
   .md\:justify-end {
     @media (width >= 48rem) {
       justify-content: flex-end;
@@ -6504,11 +6682,6 @@
       gap: calc(var(--spacing) * 1.5);
     }
   }
-  .md\:gap-2 {
-    @media (width >= 48rem) {
-      gap: calc(var(--spacing) * 2);
-    }
-  }
   .md\:justify-self-end {
     @media (width >= 48rem) {
       justify-self: flex-end;
@@ -6530,11 +6703,43 @@
       border-width: 1px;
     }
   }
+  .md\:border-r {
+    @media (width >= 48rem) {
+      border-right-style: var(--tw-border-style);
+      border-right-width: 1px;
+    }
+  }
+  .md\:border-b-0 {
+    @media (width >= 48rem) {
+      border-bottom-style: var(--tw-border-style);
+      border-bottom-width: 0px;
+    }
+  }
+  .md\:p-0 {
+    @media (width >= 48rem) {
+      padding: calc(var(--spacing) * 0);
+    }
+  }
   .md\:p-10 {
     @media (width >= 48rem) {
       padding: calc(var(--spacing) * 10);
     }
   }
+  .md\:px-3 {
+    @media (width >= 48rem) {
+      padding-inline: calc(var(--spacing) * 3);
+    }
+  }
+  .md\:px-5 {
+    @media (width >= 48rem) {
+      padding-inline: calc(var(--spacing) * 5);
+    }
+  }
+  .md\:pr-3 {
+    @media (width >= 48rem) {
+      padding-right: calc(var(--spacing) * 3);
+    }
+  }
   .md\:text-start {
     @media (width >= 48rem) {
       text-align: start;
@@ -6625,16 +6830,6 @@
       }
     }
   }
-  .lg\:block {
-    @media (width >= 64rem) {
-      display: block;
-    }
-  }
-  .lg\:hidden {
-    @media (width >= 64rem) {
-      display: none;
-    }
-  }
   .lg\:scrollbar-thin {
     @media (width >= 64rem) {
       scrollbar-width: thin;
@@ -6776,16 +6971,6 @@
       line-height: var(--tw-leading, var(--text-5xl--line-height));
     }
   }
-  .xl\:sticky {
-    @media (width >= 80rem) {
-      position: sticky;
-    }
-  }
-  .xl\:top-20 {
-    @media (width >= 80rem) {
-      top: calc(var(--spacing) * 20);
-    }
-  }
   .xl\:col-span-4 {
     @media (width >= 80rem) {
       grid-column: span 4 / span 4;
@@ -6796,11 +6981,6 @@
       display: block;
     }
   }
-  .xl\:h-\[calc\(100vh-15rem\)\] {
-    @media (width >= 80rem) {
-      height: calc(100vh - 15rem);
-    }
-  }
   .xl\:max-h-\[36rem\] {
     @media (width >= 80rem) {
       max-height: 36rem;
@@ -7288,10 +7468,10 @@
       }
     }
   }
-  .dark\:data-\[state\=active\]\:border-b-primary {
+  .dark\:data-\[state\=active\]\:border-b-primary\! {
     &:is(.dark *) {
       &[data-state="active"] {
-        border-bottom-color: var(--primary);
+        border-bottom-color: var(--primary) !important;
       }
     }
   }
@@ -7455,6 +7635,51 @@
       width: calc(var(--spacing) * 5);
     }
   }
+  .data-\[remote-presence\=true\]\:\[\&_\[contenteditable\=true\]\]\:inset-ring-2 {
+    &[data-remote-presence="true"] {
+      & [contenteditable=true] {
+        --tw-inset-ring-shadow: inset 0 0 0 2px var(--tw-inset-ring-color, currentcolor);
+        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+      }
+    }
+  }
+  .data-\[remote-presence\=true\]\:\[\&_\[contenteditable\=true\]\]\:inset-ring-\[var\(--collaboration-presence-color\)\] {
+    &[data-remote-presence="true"] {
+      & [contenteditable=true] {
+        --tw-inset-ring-color: var(--collaboration-presence-color);
+      }
+    }
+  }
+  .data-\[remote-presence\=true\]\:\[\&_\[role\=combobox\]\]\:inset-ring-2 {
+    &[data-remote-presence="true"] {
+      & [role=combobox] {
+        --tw-inset-ring-shadow: inset 0 0 0 2px var(--tw-inset-ring-color, currentcolor);
+        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+      }
+    }
+  }
+  .data-\[remote-presence\=true\]\:\[\&_\[role\=combobox\]\]\:inset-ring-\[var\(--collaboration-presence-color\)\] {
+    &[data-remote-presence="true"] {
+      & [role=combobox] {
+        --tw-inset-ring-color: var(--collaboration-presence-color);
+      }
+    }
+  }
+  .data-\[remote-presence\=true\]\:\[\&_input\]\:inset-ring-2 {
+    &[data-remote-presence="true"] {
+      & input {
+        --tw-inset-ring-shadow: inset 0 0 0 2px var(--tw-inset-ring-color, currentcolor);
+        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+      }
+    }
+  }
+  .data-\[remote-presence\=true\]\:\[\&_input\]\:inset-ring-\[var\(--collaboration-presence-color\)\] {
+    &[data-remote-presence="true"] {
+      & input {
+        --tw-inset-ring-color: var(--collaboration-presence-color);
+      }
+    }
+  }
   .\[\&_svg\]\:pointer-events-none {
     & svg {
       pointer-events: none;
@@ -7483,6 +7708,21 @@
       color: var(--muted-foreground);
     }
   }
+  .data-\[remote-presence\=true\]\:\[\&_textarea\]\:inset-ring-2 {
+    &[data-remote-presence="true"] {
+      & textarea {
+        --tw-inset-ring-shadow: inset 0 0 0 2px var(--tw-inset-ring-color, currentcolor);
+        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+      }
+    }
+  }
+  .data-\[remote-presence\=true\]\:\[\&_textarea\]\:inset-ring-\[var\(--collaboration-presence-color\)\] {
+    &[data-remote-presence="true"] {
+      & textarea {
+        --tw-inset-ring-color: var(--collaboration-presence-color);
+      }
+    }
+  }
   .\[\&_tr\]\:border-b {
     & tr {
       border-bottom-style: var(--tw-border-style);
@@ -7495,11 +7735,6 @@
       border-width: 0px;
     }
   }
-  .\[\&\:\:-webkit-scrollbar\]\:hidden {
-    &::-webkit-scrollbar {
-      display: none;
-    }
-  }
   .\[\&\:has\(\[role\=checkbox\]\)\]\:pe-0 {
     &:has([role=checkbox]) {
       padding-inline-end: calc(var(--spacing) * 0);