npm - @rakun-kit/manager-react - Versions diffs - 1.4.10 → 1.5.0 - Mend

@rakun-kit/manager-react 1.4.10 → 1.5.0

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

package/dist/styles.css CHANGED Viewed

@@ -121,6 +121,7 @@
     --default-font-family: var(--font-sans);
     --default-mono-font-family: var(--font-mono);
     --shadow: var(--shadow);
+    --color-border: var(--border);
   }
 }
 @layer base {
@@ -367,6 +368,9 @@
   .end-4 {
     inset-inline-end: calc(var(--spacing) * 4);
   }
+  .-top-2 {
+    top: calc(var(--spacing) * -2);
+  }
   .-top-\[1px\] {
     top: calc(1px * -1);
   }
@@ -391,15 +395,15 @@
   .top-4 {
     top: calc(var(--spacing) * 4);
   }
-  .top-4\.5 {
-    top: calc(var(--spacing) * 4.5);
-  }
   .top-\[50\%\] {
     top: 50%;
   }
   .-right-1 {
     right: calc(var(--spacing) * -1);
   }
+  .-right-2 {
+    right: calc(var(--spacing) * -2);
+  }
   .right-0 {
     right: calc(var(--spacing) * 0);
   }
@@ -427,8 +431,8 @@
   .left-0 {
     left: calc(var(--spacing) * 0);
   }
-  .left-1\.5 {
-    left: calc(var(--spacing) * 1.5);
+  .left-1 {
+    left: calc(var(--spacing) * 1);
   }
   .left-1\/2 {
     left: calc(1 / 2 * 100%);
@@ -529,6 +533,9 @@
   .my-2\.5 {
     margin-block: calc(var(--spacing) * 2.5);
   }
+  .my-4 {
+    margin-block: calc(var(--spacing) * 4);
+  }
   .my-8 {
     margin-block: calc(var(--spacing) * 8);
   }
@@ -595,9 +602,6 @@
   .ml-4 {
     margin-left: calc(var(--spacing) * 4);
   }
-  .ml-5 {
-    margin-left: calc(var(--spacing) * 5);
-  }
   .ml-auto {
     margin-left: auto;
   }
@@ -682,6 +686,23 @@
   .aspect-video {
     aspect-ratio: var(--aspect-video);
   }
+  .scrollbar-thin {
+    scrollbar-width: thin;
+    scrollbar-color: var(--color-border) transparent;
+    &::-webkit-scrollbar {
+      width: 10px;
+      height: 10px;
+    }
+    &::-webkit-scrollbar-track {
+      background: transparent;
+    }
+    &::-webkit-scrollbar-thumb {
+      background-color: var(--color-border);
+      border-radius: 9999px;
+      border: 2px solid transparent;
+      background-clip: content-box;
+    }
+  }
   .size-2 {
     width: calc(var(--spacing) * 2);
     height: calc(var(--spacing) * 2);
@@ -753,9 +774,6 @@
   .h-2 {
     height: calc(var(--spacing) * 2);
   }
-  .h-2\.5 {
-    height: calc(var(--spacing) * 2.5);
-  }
   .h-3 {
     height: calc(var(--spacing) * 3);
   }
@@ -765,9 +783,6 @@
   .h-4 {
     height: calc(var(--spacing) * 4);
   }
-  .h-4\.5 {
-    height: calc(var(--spacing) * 4.5);
-  }
   .h-5 {
     height: calc(var(--spacing) * 5);
   }
@@ -786,6 +801,9 @@
   .h-10 {
     height: calc(var(--spacing) * 10);
   }
+  .h-11 {
+    height: calc(var(--spacing) * 11);
+  }
   .h-12 {
     height: calc(var(--spacing) * 12);
   }
@@ -828,26 +846,17 @@
   .h-\[calc\(100\%-1px\)\] {
     height: calc(100% - 1px);
   }
-  .h-\[calc\(100\%-2\.5rem\)\] {
-    height: calc(100% - 2.5rem);
-  }
   .h-\[calc\(100\%-2px\)\] {
     height: calc(100% - 2px);
   }
   .h-\[calc\(100vh-2rem\)\] {
     height: calc(100vh - 2rem);
   }
-  .h-\[calc\(100vh-6rem\)\] {
-    height: calc(100vh - 6rem);
-  }
   .h-\[calc\(100vh-10rem\)\] {
     height: calc(100vh - 10rem);
   }
-  .h-\[calc\(100vh-14\.2rem\)\] {
-    height: calc(100vh - 14.2rem);
-  }
-  .h-\[calc\(100vh-14rem\)\] {
-    height: calc(100vh - 14rem);
+  .h-\[min\(95svh\,920px\)\] {
+    height: min(95svh, 920px);
   }
   .h-\[var\(--radix-select-trigger-height\)\] {
     height: var(--radix-select-trigger-height);
@@ -861,9 +870,6 @@
   .h-px {
     height: 1px;
   }
-  .h-svh {
-    height: 100svh;
-  }
   .max-h-\(--radix-context-menu-content-available-height\) {
     max-height: var(--radix-context-menu-content-available-height);
   }
@@ -882,6 +888,9 @@
   .max-h-64 {
     max-height: calc(var(--spacing) * 64);
   }
+  .max-h-80 {
+    max-height: calc(var(--spacing) * 80);
+  }
   .max-h-\[55vh\] {
     max-height: 55vh;
   }
@@ -900,8 +909,8 @@
   .max-h-\[92vh\] {
     max-height: 92vh;
   }
-  .max-h-\[95vh\] {
-    max-height: 95vh;
+  .max-h-\[95svh\] {
+    max-height: 95svh;
   }
   .max-h-\[200px\] {
     max-height: 200px;
@@ -909,6 +918,9 @@
   .max-h-\[300px\] {
     max-height: 300px;
   }
+  .max-h-\[480px\] {
+    max-height: 480px;
+  }
   .max-h-\[calc\(100vh-2rem\)\] {
     max-height: calc(100vh - 2rem);
   }
@@ -921,6 +933,9 @@
   .min-h-0 {
     min-height: calc(var(--spacing) * 0);
   }
+  .min-h-7 {
+    min-height: calc(var(--spacing) * 7);
+  }
   .min-h-10 {
     min-height: calc(var(--spacing) * 10);
   }
@@ -942,18 +957,12 @@
   .min-h-72 {
     min-height: calc(var(--spacing) * 72);
   }
-  .min-h-80 {
-    min-height: calc(var(--spacing) * 80);
-  }
   .min-h-88 {
     min-height: calc(var(--spacing) * 88);
   }
   .min-h-130 {
     min-height: calc(var(--spacing) * 130);
   }
-  .min-h-\[28rem\] {
-    min-height: 28rem;
-  }
   .min-h-\[55vh\] {
     min-height: 55vh;
   }
@@ -1005,6 +1014,9 @@
   .w-9 {
     width: calc(var(--spacing) * 9);
   }
+  .w-10 {
+    width: calc(var(--spacing) * 10);
+  }
   .w-12 {
     width: calc(var(--spacing) * 12);
   }
@@ -1038,9 +1050,6 @@
   .w-48 {
     width: calc(var(--spacing) * 48);
   }
-  .w-52 {
-    width: calc(var(--spacing) * 52);
-  }
   .w-60 {
     width: calc(var(--spacing) * 60);
   }
@@ -1089,6 +1098,9 @@
   .w-\[min\(92vw\,520px\)\] {
     width: min(92vw, 520px);
   }
+  .w-\[min\(100\%\,9rem\)\] {
+    width: min(100%, 9rem);
+  }
   .w-\[min\(320px\,calc\(100vw-2rem\)\)\] {
     width: min(320px, calc(100vw - 2rem));
   }
@@ -1155,9 +1167,6 @@
   .max-w-\[calc\(100\%-8px\)\] {
     max-width: calc(100% - 8px);
   }
-  .max-w-\[calc\(100vw-6\.5em\)\] {
-    max-width: calc(100vw - 6.5em);
-  }
   .max-w-full {
     max-width: 100%;
   }
@@ -1170,12 +1179,18 @@
   .max-w-sm {
     max-width: var(--container-sm);
   }
+  .max-w-xl {
+    max-width: var(--container-xl);
+  }
   .max-w-xs {
     max-width: var(--container-xs);
   }
   .min-w-0 {
     min-width: calc(var(--spacing) * 0);
   }
+  .min-w-4 {
+    min-width: calc(var(--spacing) * 4);
+  }
   .min-w-5 {
     min-width: calc(var(--spacing) * 5);
   }
@@ -1233,6 +1248,9 @@
   .grow {
     flex-grow: 1;
   }
+  .basis-56 {
+    flex-basis: calc(var(--spacing) * 56);
+  }
   .table-fixed {
     table-layout: fixed;
   }
@@ -1360,6 +1378,9 @@
   .animate-spin {
     animation: var(--animate-spin);
   }
+  .cursor-col-resize {
+    cursor: col-resize;
+  }
   .cursor-default {
     cursor: default;
   }
@@ -1412,6 +1433,12 @@
   .scroll-py-1 {
     scroll-padding-block: calc(var(--spacing) * 1);
   }
+  .\[scrollbar-width\:none\] {
+    scrollbar-width: none;
+  }
+  .scrollbar-thin {
+    scrollbar-width: thin;
+  }
   .list-outside {
     list-style-position: outside;
   }
@@ -1484,6 +1511,9 @@
   .grid-rows-\[auto_auto\] {
     grid-template-rows: auto auto;
   }
+  .grid-rows-\[auto_minmax\(0\,1fr\)\] {
+    grid-template-rows: auto minmax(0,1fr);
+  }
   .flex-col {
     flex-direction: column;
   }
@@ -1517,6 +1547,9 @@
   .items-start {
     align-items: flex-start;
   }
+  .items-stretch {
+    align-items: stretch;
+  }
   .justify-between {
     justify-content: space-between;
   }
@@ -1659,12 +1692,18 @@
       --tw-divide-y-reverse: 1;
     }
   }
+  .self-center {
+    align-self: center;
+  }
   .self-end {
     align-self: flex-end;
   }
   .self-start {
     align-self: flex-start;
   }
+  .self-stretch {
+    align-self: stretch;
+  }
   .justify-self-end {
     justify-self: flex-end;
   }
@@ -1706,18 +1745,12 @@
   .rounded-\[2px\] {
     border-radius: 2px;
   }
-  .rounded-\[4px\] {
-    border-radius: 4px;
-  }
   .rounded-\[8px\] {
     border-radius: 8px;
   }
   .rounded-\[calc\(var\(--radius\)-8px\)\] {
     border-radius: calc(var(--radius) - 8px);
   }
-  .rounded-\[inherit\] {
-    border-radius: inherit;
-  }
   .rounded-full {
     border-radius: calc(infinity * 1px);
   }
@@ -1973,12 +2006,6 @@
   .border-zinc-300 {
     border-color: var(--color-zinc-300);
   }
-  .border-s-transparent {
-    border-inline-start-color: transparent;
-  }
-  .border-t-transparent {
-    border-top-color: transparent;
-  }
   .\!bg-destructive\/50 {
     background-color: var(--destructive) !important;
     @supports (color: color-mix(in lab, red, red)) {
@@ -2204,9 +2231,6 @@
   .bg-sidebar-border {
     background-color: var(--sidebar-border);
   }
-  .bg-sidebar-primary {
-    background-color: var(--sidebar-primary);
-  }
   .bg-slate-100 {
     background-color: var(--color-slate-100);
   }
@@ -2234,6 +2258,22 @@
   .bg-zinc-100 {
     background-color: var(--color-zinc-100);
   }
+  .bg-gradient-to-l {
+    --tw-gradient-position: to left in oklab;
+    background-image: linear-gradient(var(--tw-gradient-stops));
+  }
+  .bg-gradient-to-r {
+    --tw-gradient-position: to right in oklab;
+    background-image: linear-gradient(var(--tw-gradient-stops));
+  }
+  .from-background {
+    --tw-gradient-from: var(--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));
+  }
+  .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));
+  }
   .bg-repeat {
     background-repeat: repeat;
   }
@@ -2300,9 +2340,6 @@
   .p-\[3px\] {
     padding: 3px;
   }
-  .p-px {
-    padding: 1px;
-  }
   .px-0\! {
     padding-inline: calc(var(--spacing) * 0) !important;
   }
@@ -2333,6 +2370,9 @@
   .px-8 {
     padding-inline: calc(var(--spacing) * 8);
   }
+  .py-0 {
+    padding-block: calc(var(--spacing) * 0);
+  }
   .py-0\.5 {
     padding-block: calc(var(--spacing) * 0.5);
   }
@@ -2360,6 +2400,9 @@
   .py-6 {
     padding-block: calc(var(--spacing) * 6);
   }
+  .py-8 {
+    padding-block: calc(var(--spacing) * 8);
+  }
   .py-10 {
     padding-block: calc(var(--spacing) * 10);
   }
@@ -2387,12 +2430,15 @@
   .pt-0 {
     padding-top: calc(var(--spacing) * 0);
   }
-  .pt-1 {
-    padding-top: calc(var(--spacing) * 1);
+  .pt-0\.5 {
+    padding-top: calc(var(--spacing) * 0.5);
   }
   .pt-2 {
     padding-top: calc(var(--spacing) * 2);
   }
+  .pt-3 {
+    padding-top: calc(var(--spacing) * 3);
+  }
   .pt-5 {
     padding-top: calc(var(--spacing) * 5);
   }
@@ -2411,6 +2457,12 @@
   .pr-7 {
     padding-right: calc(var(--spacing) * 7);
   }
+  .pr-9 {
+    padding-right: calc(var(--spacing) * 9);
+  }
+  .pr-10 {
+    padding-right: calc(var(--spacing) * 10);
+  }
   .pb-0 {
     padding-bottom: calc(var(--spacing) * 0);
   }
@@ -2432,15 +2484,12 @@
   .pl-2 {
     padding-left: calc(var(--spacing) * 2);
   }
-  .pl-3 {
-    padding-left: calc(var(--spacing) * 3);
+  .pl-2\.5 {
+    padding-left: calc(var(--spacing) * 2.5);
   }
   .pl-4 {
     padding-left: calc(var(--spacing) * 4);
   }
-  .pl-5 {
-    padding-left: calc(var(--spacing) * 5);
-  }
   .pl-6 {
     padding-left: calc(var(--spacing) * 6);
   }
@@ -2462,6 +2511,9 @@
   .text-start {
     text-align: start;
   }
+  .align-bottom {
+    vertical-align: bottom;
+  }
   .align-middle {
     vertical-align: middle;
   }
@@ -2503,6 +2555,9 @@
     font-size: var(--text-xs);
     line-height: var(--tw-leading, var(--text-xs--line-height));
   }
+  .text-\[9px\] {
+    font-size: 9px;
+  }
   .text-\[10px\] {
     font-size: 10px;
   }
@@ -2635,6 +2690,12 @@
   .text-destructive {
     color: var(--destructive);
   }
+  .text-destructive-foreground {
+    color: var(--destructive-foreground);
+  }
+  .text-emerald-600 {
+    color: var(--color-emerald-600);
+  }
   .text-emerald-700 {
     color: var(--color-emerald-700);
   }
@@ -2659,6 +2720,12 @@
   .text-muted-foreground {
     color: var(--muted-foreground);
   }
+  .text-muted-foreground\/50 {
+    color: var(--muted-foreground);
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, var(--muted-foreground) 50%, transparent);
+    }
+  }
   .text-popover-foreground {
     color: var(--popover-foreground);
   }
@@ -2701,9 +2768,6 @@
       color: color-mix(in oklab, var(--sidebar-foreground) 70%, transparent);
     }
   }
-  .text-sidebar-primary-foreground {
-    color: var(--sidebar-primary-foreground);
-  }
   .text-transparent {
     color: transparent;
   }
@@ -2992,6 +3056,11 @@
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
+  .transition-\[border-color\,background-color\,box-shadow\] {
+    transition-property: border-color,background-color,box-shadow;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
   .transition-\[clip-path\] {
     transition-property: clip-path;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -3055,6 +3124,10 @@
   .transition-none {
     transition-property: none;
   }
+  .duration-150 {
+    --tw-duration: 150ms;
+    transition-duration: 150ms;
+  }
   .duration-200 {
     --tw-duration: 200ms;
     transition-duration: 200ms;
@@ -3082,6 +3155,10 @@
   .will-change-scroll {
     will-change: scroll-position;
   }
+  .contain-paint {
+    --tw-contain-paint: paint;
+    contain: var(--tw-contain-size,) var(--tw-contain-layout,) var(--tw-contain-paint,) var(--tw-contain-style,);
+  }
   .\[contain\:inline-size\] {
     contain: inline-size;
   }
@@ -3104,6 +3181,18 @@
   .\[--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;
+  }
+  .\[contain-intrinsic-size\:auto_16rem\] {
+    contain-intrinsic-size: auto 16rem;
+  }
+  .\[content-visibility\:auto\] {
+    content-visibility: auto;
+  }
   .divide-x-reverse {
     :where(& > :not(:last-child)) {
       --tw-divide-x-reverse: 1;
@@ -3159,6 +3248,13 @@
       opacity: 100%;
     }
   }
+  .group-hover\:scale-\[1\.02\] {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        scale: 1.02;
+      }
+    }
+  }
   .group-hover\/comment-content\:pointer-events-auto {
     &:is(:where(.group\/comment-content):hover *) {
       @media (hover: hover) {
@@ -3206,6 +3302,13 @@
       }
     }
   }
+  .group-hover\/resizer\:bg-primary {
+    &:is(:where(.group\/resizer):hover *) {
+      @media (hover: hover) {
+        background-color: var(--primary);
+      }
+    }
+  }
   .group-has-data-\[sidebar\=menu-action\]\/menu-item\:pe-8 {
     &:is(:where(.group\/menu-item):has(*[data-sidebar="menu-action"]) *) {
       padding-inline-end: calc(var(--spacing) * 8);
@@ -4038,13 +4141,6 @@
       }
     }
   }
-  .hover\:bg-background {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--background);
-      }
-    }
-  }
   .hover\:bg-background\/60 {
     &:hover {
       @media (hover: hover) {
@@ -4265,6 +4361,14 @@
       }
     }
   }
+  .hover\:shadow-md {
+    &:hover {
+      @media (hover: hover) {
+        --tw-shadow: var(--shadow-md);
+        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+      }
+    }
+  }
   .hover\:group-data-\[collapsible\=offcanvas\]\:bg-sidebar {
     &:hover {
       @media (hover: hover) {
@@ -4385,6 +4489,12 @@
       z-index: 10;
     }
   }
+  .focus-visible\:border-0 {
+    &:focus-visible {
+      border-style: var(--tw-border-style);
+      border-width: 0px;
+    }
+  }
   .focus-visible\:border-ring {
     &:focus-visible {
       border-color: var(--ring);
@@ -4398,6 +4508,11 @@
       }
     }
   }
+  .focus-visible\:bg-accent {
+    &:focus-visible {
+      background-color: var(--accent);
+    }
+  }
   .focus-visible\:bg-transparent\! {
     &:focus-visible {
       background-color: transparent !important;
@@ -5010,6 +5125,11 @@
       width: 1px;
     }
   }
+  .data-\[overflow\=true\]\:pb-4 {
+    &[data-overflow="true"] {
+      padding-bottom: calc(var(--spacing) * 4);
+    }
+  }
   .data-\[placeholder\]\:text-muted-foreground {
     &[data-placeholder] {
       color: var(--muted-foreground);
@@ -5438,6 +5558,11 @@
       }
     }
   }
+  .data-\[state\=inactive\]\:hidden {
+    &[data-state="inactive"] {
+      display: none;
+    }
+  }
   .data-\[state\=inactive\]\:animate-out {
     &[data-state="inactive"] {
       animation: exit 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);
@@ -5730,6 +5855,16 @@
       width: calc(3 / 4 * 100%);
     }
   }
+  .data-\[vaul-drawer-direction\=right\]\:w-full {
+    &[data-vaul-drawer-direction="right"] {
+      width: 100%;
+    }
+  }
+  .data-\[vaul-drawer-direction\=right\]\:max-w-none {
+    &[data-vaul-drawer-direction="right"] {
+      max-width: none;
+    }
+  }
   .data-\[vaul-drawer-direction\=right\]\:border-s {
     &[data-vaul-drawer-direction="right"] {
       border-inline-start-style: var(--tw-border-style);
@@ -5788,6 +5923,51 @@
       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,);
     }
   }
+  .max-lg\:max-h-\[30svh\] {
+    @media (width < 64rem) {
+      max-height: 30svh;
+    }
+  }
+  .max-lg\:max-h-\[40svh\] {
+    @media (width < 64rem) {
+      max-height: 40svh;
+    }
+  }
+  .max-md\:hidden {
+    @media (width < 48rem) {
+      display: none;
+    }
+  }
+  .min-\[420px\]\:w-auto {
+    @media (width >= 420px) {
+      width: auto;
+    }
+  }
+  .min-\[420px\]\:flex-row {
+    @media (width >= 420px) {
+      flex-direction: row;
+    }
+  }
+  .min-\[420px\]\:items-center {
+    @media (width >= 420px) {
+      align-items: center;
+    }
+  }
+  .min-\[420px\]\:self-auto {
+    @media (width >= 420px) {
+      align-self: auto;
+    }
+  }
+  .sm\:top-6 {
+    @media (width >= 40rem) {
+      top: calc(var(--spacing) * 6);
+    }
+  }
+  .sm\:right-6 {
+    @media (width >= 40rem) {
+      right: calc(var(--spacing) * 6);
+    }
+  }
   .sm\:block {
     @media (width >= 40rem) {
       display: block;
@@ -5947,6 +6127,11 @@
       }
     }
   }
+  .md\:col-span-2 {
+    @media (width >= 48rem) {
+      grid-column: span 2 / span 2;
+    }
+  }
   .md\:m-2 {
     @media (width >= 48rem) {
       margin: calc(var(--spacing) * 2);
@@ -5967,24 +6152,19 @@
       display: block;
     }
   }
-  .md\:flex {
-    @media (width >= 48rem) {
-      display: flex;
-    }
-  }
-  .md\:w-md {
+  .md\:contents {
     @media (width >= 48rem) {
-      width: var(--container-md);
+      display: contents;
     }
   }
-  .md\:max-w-\[calc\(100vw-6\.5em\)\] {
+  .md\:flex {
     @media (width >= 48rem) {
-      max-width: calc(100vw - 6.5em);
+      display: flex;
     }
   }
-  .md\:max-w-\[calc\(100vw-23em\)\] {
+  .md\:w-36 {
     @media (width >= 48rem) {
-      max-width: calc(100vw - 23em);
+      width: calc(var(--spacing) * 36);
     }
   }
   .md\:max-w-md {
@@ -6042,11 +6222,6 @@
       grid-template-columns: 56px minmax(0,1fr) minmax(0,180px);
     }
   }
-  .md\:grid-cols-\[320px_1fr\] {
-    @media (width >= 48rem) {
-      grid-template-columns: 320px 1fr;
-    }
-  }
   .md\:grid-cols-\[auto_minmax\(0\,1fr\)_auto\] {
     @media (width >= 48rem) {
       grid-template-columns: auto minmax(0,1fr) auto;
@@ -6072,16 +6247,31 @@
       align-items: flex-start;
     }
   }
+  .md\:justify-between {
+    @media (width >= 48rem) {
+      justify-content: space-between;
+    }
+  }
   .md\:gap-1\.5 {
     @media (width >= 48rem) {
       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;
     }
   }
+  .md\:overflow-hidden {
+    @media (width >= 48rem) {
+      overflow: hidden;
+    }
+  }
   .md\:rounded-xl {
     @media (width >= 48rem) {
       border-radius: calc(var(--radius) + 4px);
@@ -6160,6 +6350,34 @@
       }
     }
   }
+  .md\:data-\[vaul-drawer-direction\=right\]\:w-\[min\(92vw\,36rem\)\] {
+    @media (width >= 48rem) {
+      &[data-vaul-drawer-direction="right"] {
+        width: min(92vw, 36rem);
+      }
+    }
+  }
+  .md\:data-\[vaul-drawer-direction\=right\]\:w-\[min\(92vw\,520px\)\] {
+    @media (width >= 48rem) {
+      &[data-vaul-drawer-direction="right"] {
+        width: min(92vw, 520px);
+      }
+    }
+  }
+  .md\:data-\[vaul-drawer-direction\=right\]\:max-w-\[36rem\] {
+    @media (width >= 48rem) {
+      &[data-vaul-drawer-direction="right"] {
+        max-width: 36rem;
+      }
+    }
+  }
+  .md\:data-\[vaul-drawer-direction\=right\]\:max-w-\[520px\] {
+    @media (width >= 48rem) {
+      &[data-vaul-drawer-direction="right"] {
+        max-width: 520px;
+      }
+    }
+  }
   .lg\:block {
     @media (width >= 64rem) {
       display: block;
@@ -6170,9 +6388,9 @@
       display: none;
     }
   }
-  .lg\:h-\[calc\(100vh-6rem\)\] {
+  .lg\:h-full {
     @media (width >= 64rem) {
-      height: calc(100vh - 6rem);
+      height: 100%;
     }
   }
   .lg\:min-h-\[70vh\] {
@@ -6180,6 +6398,21 @@
       min-height: 70vh;
     }
   }
+  .lg\:w-md {
+    @media (width >= 64rem) {
+      width: var(--container-md);
+    }
+  }
+  .lg\:min-w-56 {
+    @media (width >= 64rem) {
+      min-width: calc(var(--spacing) * 56);
+    }
+  }
+  .lg\:grid-cols-2 {
+    @media (width >= 64rem) {
+      grid-template-columns: repeat(2, minmax(0, 1fr));
+    }
+  }
   .lg\:grid-cols-3 {
     @media (width >= 64rem) {
       grid-template-columns: repeat(3, minmax(0, 1fr));
@@ -6195,21 +6428,11 @@
       grid-template-columns: repeat(5, minmax(0, 1fr));
     }
   }
-  .lg\:grid-cols-6 {
-    @media (width >= 64rem) {
-      grid-template-columns: repeat(6, minmax(0, 1fr));
-    }
-  }
   .lg\:grid-cols-\[1\.2fr_0\.8fr\] {
     @media (width >= 64rem) {
       grid-template-columns: 1.2fr 0.8fr;
     }
   }
-  .lg\:grid-cols-\[22rem_minmax\(0\,1fr\)\] {
-    @media (width >= 64rem) {
-      grid-template-columns: 22rem minmax(0,1fr);
-    }
-  }
   .lg\:grid-cols-\[360px_minmax\(0\,1fr\)\] {
     @media (width >= 64rem) {
       grid-template-columns: 360px minmax(0,1fr);
@@ -6225,6 +6448,16 @@
       grid-template-columns: minmax(0,1fr) 340px;
     }
   }
+  .lg\:grid-cols-\[minmax\(0\,18rem\)_minmax\(0\,1fr\)\] {
+    @media (width >= 64rem) {
+      grid-template-columns: minmax(0,18rem) minmax(0,1fr);
+    }
+  }
+  .lg\:grid-rows-\[minmax\(0\,1fr\)\] {
+    @media (width >= 64rem) {
+      grid-template-rows: minmax(0,1fr);
+    }
+  }
   .lg\:flex-row {
     @media (width >= 64rem) {
       flex-direction: row;
@@ -6257,6 +6490,11 @@
       top: calc(var(--spacing) * 20);
     }
   }
+  .xl\:col-span-4 {
+    @media (width >= 80rem) {
+      grid-column: span 4 / span 4;
+    }
+  }
   .xl\:block {
     @media (width >= 80rem) {
       display: block;
@@ -6272,6 +6510,11 @@
       grid-template-columns: repeat(2, minmax(0, 1fr));
     }
   }
+  .xl\:grid-cols-3 {
+    @media (width >= 80rem) {
+      grid-template-columns: repeat(3, minmax(0, 1fr));
+    }
+  }
   .xl\:grid-cols-4 {
     @media (width >= 80rem) {
       grid-template-columns: repeat(4, minmax(0, 1fr));
@@ -6292,6 +6535,11 @@
       grid-template-columns: 56px minmax(0,1fr) minmax(0,180px) 110px;
     }
   }
+  .\32 xl\:grid-cols-4 {
+    @media (width >= 96rem) {
+      grid-template-columns: repeat(4, minmax(0, 1fr));
+    }
+  }
   .\@md\/field-group\:flex-row {
     @container field-group (width >= 28rem) {
       flex-direction: row;
@@ -6443,6 +6691,11 @@
       }
     }
   }
+  .dark\:bg-transparent {
+    &:is(.dark *) {
+      background-color: transparent;
+    }
+  }
   .dark\:bg-zinc-800 {
     &:is(.dark *) {
       background-color: var(--color-zinc-800);
@@ -6916,6 +7169,11 @@
       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);
@@ -7187,21 +7445,6 @@
       display: none;
     }
   }
-  .\[\&\>div\]\:\!block {
-    &>div {
-      display: block !important;
-    }
-  }
-  .\[\&\>div\]\:\!w-full {
-    &>div {
-      width: 100% !important;
-    }
-  }
-  .\[\&\>div\]\:\!min-w-0 {
-    &>div {
-      min-width: calc(var(--spacing) * 0) !important;
-    }
-  }
   .\[\&\>li\]\:mt-2 {
     &>li {
       margin-top: calc(var(--spacing) * 2);
@@ -7635,7 +7878,7 @@
   --font-sans: Open Sans, ui-sans-serif, sans-serif, system-ui;
   --font-serif: Georgia, serif;
   --font-mono: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace;
-  --radius: 1.3rem;
+  --radius: 0.5rem;
   --shadow-x: 0px;
   --shadow-y: 2px;
   --shadow-blur: 10px;
@@ -7689,7 +7932,7 @@
   --font-sans: Open Sans, ui-sans-serif, sans-serif, system-ui;
   --font-serif: Georgia, serif;
   --font-mono: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace;
-  --radius: 1.3rem;
+  --radius: 0.5rem;
   --shadow-x: 0px;
   --shadow-y: 2px;
   --shadow-blur: 20px;
@@ -7715,11 +7958,11 @@
 .rakun-manager-preview-selected {
   outline: 1px solid var(--primary);
   outline-offset: -1px;
-  border-radius: 1.5rem;
+  border-radius: calc(var(--radius) + 4px);
   animation: rakun-manager-preview-selected 2.2s ease-out;
 }
 @keyframes rakun-manager-preview-selected {
-  0%,
+  0%,
   100% {
     box-shadow: 0 0 0 0 rgba(42, 187, 103, 0);
   }
@@ -7740,11 +7983,11 @@
     color: var(--foreground);
     font-family: var(--font-sans);
   }
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
   h6 {
     font-family: var(--font-heading);
   }
@@ -7836,6 +8079,48 @@
   inherits: false;
   initial-value: 0;
 }
+@property --tw-gradient-position {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-gradient-from {
+  syntax: "<color>";
+  inherits: false;
+  initial-value: #0000;
+}
+@property --tw-gradient-via {
+  syntax: "<color>";
+  inherits: false;
+  initial-value: #0000;
+}
+@property --tw-gradient-to {
+  syntax: "<color>";
+  inherits: false;
+  initial-value: #0000;
+}
+@property --tw-gradient-stops {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-gradient-via-stops {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-gradient-from-position {
+  syntax: "<length-percentage>";
+  inherits: false;
+  initial-value: 0%;
+}
+@property --tw-gradient-via-position {
+  syntax: "<length-percentage>";
+  inherits: false;
+  initial-value: 50%;
+}
+@property --tw-gradient-to-position {
+  syntax: "<length-percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
 @property --tw-leading {
   syntax: "*";
   inherits: false;
@@ -8035,6 +8320,22 @@
   syntax: "*";
   inherits: false;
 }
+@property --tw-contain-size {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-contain-layout {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-contain-paint {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-contain-style {
+  syntax: "*";
+  inherits: false;
+}
 @property --tw-content {
   syntax: "*";
   initial-value: "";
@@ -8094,6 +8395,15 @@
       --tw-divide-x-reverse: 0;
       --tw-border-style: solid;
       --tw-divide-y-reverse: 0;
+      --tw-gradient-position: initial;
+      --tw-gradient-from: #0000;
+      --tw-gradient-via: #0000;
+      --tw-gradient-to: #0000;
+      --tw-gradient-stops: initial;
+      --tw-gradient-via-stops: initial;
+      --tw-gradient-from-position: 0%;
+      --tw-gradient-via-position: 50%;
+      --tw-gradient-to-position: 100%;
       --tw-leading: initial;
       --tw-font-weight: initial;
       --tw-tracking: initial;
@@ -8141,6 +8451,10 @@
       --tw-backdrop-sepia: initial;
       --tw-duration: initial;
       --tw-ease: initial;
+      --tw-contain-size: initial;
+      --tw-contain-layout: initial;
+      --tw-contain-paint: initial;
+      --tw-contain-style: initial;
       --tw-content: "";
       --tw-animation-delay: 0s;
       --tw-animation-direction: normal;
@@ -8161,4 +8475,4 @@
       --tw-exit-translate-y: 0;
     }
   }
-}
+}