@onnechat/ui 0.1.0 → 0.2.1

package/dist/styles/globals.css

@@ -34,14 +34,20 @@
     --color-sky-50: oklch(97.7% 0.013 236.62);
     --color-sky-500: oklch(68.5% 0.169 237.323);
     --color-fuchsia-600: oklch(59.1% 0.293 322.896);
+    --color-rose-400: oklch(71.2% 0.194 13.428);
+    --color-rose-500: oklch(64.5% 0.246 16.439);
     --color-gray-200: oklch(92.8% 0.006 264.531);
     --color-zinc-200: oklch(92% 0.004 286.32);
+    --color-zinc-300: oklch(87.1% 0.006 286.286);
+    --color-zinc-400: oklch(70.5% 0.015 286.067);
+    --color-zinc-500: oklch(55.2% 0.016 285.938);
+    --color-zinc-600: oklch(44.2% 0.017 285.786);
+    --color-zinc-700: oklch(37% 0.013 285.805);
     --color-black: #000;
     --color-white: #fff;
     --spacing: 0.25rem;
     --container-sm: 24rem;
     --container-md: 28rem;
-    --container-lg: 32rem;
     --container-xl: 36rem;
     --container-2xl: 42rem;
     --text-xs: 0.75rem;
@@ -54,6 +60,8 @@
     --text-lg--line-height: calc(1.75 / 1.125);
     --text-xl: 1.25rem;
     --text-xl--line-height: calc(1.75 / 1.25);
+    --text-2xl: 1.5rem;
+    --text-2xl--line-height: calc(2 / 1.5);
     --font-weight-medium: 500;
     --font-weight-semibold: 600;
     --font-weight-bold: 700;
@@ -392,17 +400,20 @@
   .top-4 {
     top: calc(var(--spacing) * 4);
   }
+  .top-\[calc\(var\(--announcement-height\,0px\)_\+_var\(--inset-top-height\,0px\)\)\] {
+    top: calc(var(--announcement-height,0px) + var(--inset-top-height,0px));
+  }
   .top-\[calc\(var\(--card-padding\)\+1\.75rem\)\] {
     top: calc(var(--card-padding) + 1.75rem);
   }
   .-right-0\.5 {
     right: calc(var(--spacing) * -0.5);
   }
-  .-right-full {
-    right: -100%;
+  .-right-\[5\.5px\] {
+    right: calc(5.5px * -1);
   }
-  .right-\(--context-sidebar-width\) {
-    right: var(--context-sidebar-width);
+  .right-\(--right-sidebar-width\) {
+    right: var(--right-sidebar-width);
   }
   .right-0 {
     right: calc(var(--spacing) * 0);
@@ -410,6 +421,9 @@
   .right-1 {
     right: calc(var(--spacing) * 1);
   }
+  .right-1\.5 {
+    right: calc(var(--spacing) * 1.5);
+  }
   .right-2 {
     right: calc(var(--spacing) * 2);
   }
@@ -428,15 +442,27 @@
   .-bottom-0\.5 {
     bottom: calc(var(--spacing) * -0.5);
   }
+  .-bottom-3 {
+    bottom: calc(var(--spacing) * -3);
+  }
   .bottom-0 {
     bottom: calc(var(--spacing) * 0);
   }
   .bottom-1\/2 {
     bottom: calc(1 / 2 * 100%);
   }
+  .-left-\[5\.5px\] {
+    left: calc(5.5px * -1);
+  }
+  .left-\(--left-sidebar-width\) {
+    left: var(--left-sidebar-width);
+  }
   .left-0 {
     left: calc(var(--spacing) * 0);
   }
+  .left-1\.5 {
+    left: calc(var(--spacing) * 1.5);
+  }
   .left-1\/2 {
     left: calc(1 / 2 * 100%);
   }
@@ -470,6 +496,9 @@
   .z-20 {
     z-index: 20;
   }
+  .z-40 {
+    z-index: 40;
+  }
   .z-50 {
     z-index: 50;
   }
@@ -503,6 +532,9 @@
       max-width: 96rem;
     }
   }
+  .\!m-0 {
+    margin: calc(var(--spacing) * 0) !important;
+  }
   .m-0 {
     margin: calc(var(--spacing) * 0);
   }
@@ -563,6 +595,9 @@
   .mr-0\.5 {
     margin-right: calc(var(--spacing) * 0.5);
   }
+  .mr-1\.5 {
+    margin-right: calc(var(--spacing) * 1.5);
+  }
   .mr-2 {
     margin-right: calc(var(--spacing) * 2);
   }
@@ -584,6 +619,9 @@
   .-ml-3 {
     margin-left: calc(var(--spacing) * -3);
   }
+  .ml-1 {
+    margin-left: calc(var(--spacing) * 1);
+  }
   .ml-2 {
     margin-left: calc(var(--spacing) * 2);
   }
@@ -655,6 +693,9 @@
   .table {
     display: table;
   }
+  .aspect-auto {
+    aspect-ratio: auto;
+  }
   .aspect-square {
     aspect-ratio: 1 / 1;
   }
@@ -751,6 +792,9 @@
   .h-5 {
     height: calc(var(--spacing) * 5);
   }
+  .h-6 {
+    height: calc(var(--spacing) * 6);
+  }
   .h-7 {
     height: calc(var(--spacing) * 7);
   }
@@ -778,6 +822,9 @@
   .h-32 {
     height: calc(var(--spacing) * 32);
   }
+  .h-40 {
+    height: calc(var(--spacing) * 40);
+  }
   .h-48 {
     height: calc(var(--spacing) * 48);
   }
@@ -787,9 +834,18 @@
   .h-72 {
     height: calc(var(--spacing) * 72);
   }
+  .h-80 {
+    height: calc(var(--spacing) * 80);
+  }
+  .h-96 {
+    height: calc(var(--spacing) * 96);
+  }
   .h-\[0\.5px\] {
     height: 0.5px;
   }
+  .h-\[2px\] {
+    height: 2px;
+  }
   .h-\[70vh\] {
     height: 70vh;
   }
@@ -856,6 +912,9 @@
   .min-h-9 {
     min-height: calc(var(--spacing) * 9);
   }
+  .min-h-10 {
+    min-height: calc(var(--spacing) * 10);
+  }
   .min-h-12 {
     min-height: calc(var(--spacing) * 12);
   }
@@ -889,9 +948,6 @@
   .min-h-\[100px\] {
     min-height: 100px;
   }
-  .min-h-\[300px\] {
-    min-height: 300px;
-  }
   .min-h-\[500px\] {
     min-height: 500px;
   }
@@ -916,8 +972,11 @@
   .w-\(--anchor-width\) {
     width: var(--anchor-width);
   }
-  .w-\(--context-sidebar-width\) {
-    width: var(--context-sidebar-width);
+  .w-\(--left-sidebar-width\) {
+    width: var(--left-sidebar-width);
+  }
+  .w-\(--right-sidebar-width\) {
+    width: var(--right-sidebar-width);
   }
   .w-\(--sidebar-width\) {
     width: var(--sidebar-width);
@@ -931,6 +990,9 @@
   .w-1 {
     width: calc(var(--spacing) * 1);
   }
+  .w-1\.5 {
+    width: calc(var(--spacing) * 1.5);
+  }
   .w-1\/2 {
     width: calc(1 / 2 * 100%);
   }
@@ -943,6 +1005,9 @@
   .w-2\.5 {
     width: calc(var(--spacing) * 2.5);
   }
+  .w-3 {
+    width: calc(var(--spacing) * 3);
+  }
   .w-3\.5 {
     width: calc(var(--spacing) * 3.5);
   }
@@ -1003,6 +1068,9 @@
   .w-96 {
     width: calc(var(--spacing) * 96);
   }
+  .w-\[2px\] {
+    width: 2px;
+  }
   .w-\[42rem\] {
     width: 42rem;
   }
@@ -1060,9 +1128,6 @@
   .max-w-full {
     max-width: 100%;
   }
-  .max-w-lg {
-    max-width: var(--container-lg);
-  }
   .max-w-md {
     max-width: var(--container-md);
   }
@@ -1120,6 +1185,9 @@
   .shrink-0 {
     flex-shrink: 0;
   }
+  .grow {
+    flex-grow: 1;
+  }
   .caption-bottom {
     caption-side: bottom;
   }
@@ -1130,18 +1198,14 @@
     --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
-  .-translate-x-px {
-    --tw-translate-x: -1px;
+  .-translate-x-full {
+    --tw-translate-x: -100%;
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
-  .translate-x-1 {
-    --tw-translate-x: calc(var(--spacing) * 1);
+  .-translate-x-px {
+    --tw-translate-x: -1px;
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
-  .translate-x-1\! {
-    --tw-translate-x: calc(var(--spacing) * 1) !important;
-    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
-  }
   .translate-x-1\/2 {
     --tw-translate-x: calc(1 / 2 * 100%);
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -1198,6 +1262,12 @@
   .cursor-default {
     cursor: default;
   }
+  .cursor-ew-resize {
+    cursor: ew-resize;
+  }
+  .cursor-grab {
+    cursor: grab;
+  }
   .cursor-not-allowed {
     cursor: not-allowed;
   }
@@ -1312,6 +1382,9 @@
   .gap-8 {
     gap: calc(var(--spacing) * 8);
   }
+  .gap-\[2px\] {
+    gap: 2px;
+  }
   .space-y-1 {
     :where(& > :not(:last-child)) {
       --tw-space-y-reverse: 0;
@@ -1347,6 +1420,12 @@
       margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
     }
   }
+  .gap-x-2 {
+    column-gap: calc(var(--spacing) * 2);
+  }
+  .gap-x-3 {
+    column-gap: calc(var(--spacing) * 3);
+  }
   .-space-x-2 {
     :where(& > :not(:last-child)) {
       --tw-space-x-reverse: 0;
@@ -1364,6 +1443,9 @@
   .gap-y-0\.5 {
     row-gap: calc(var(--spacing) * 0.5);
   }
+  .gap-y-1 {
+    row-gap: calc(var(--spacing) * 1);
+  }
   .divide-y-4 {
     :where(& > :not(:last-child)) {
       --tw-divide-y-reverse: 0;
@@ -1437,6 +1519,9 @@
   .rounded-\[2px\] {
     border-radius: 2px;
   }
+  .rounded-\[3px\] {
+    border-radius: 3px;
+  }
   .rounded-\[4px\] {
     border-radius: 4px;
   }
@@ -1475,6 +1560,10 @@
     border-top-left-radius: var(--radius-xl);
     border-top-right-radius: var(--radius-xl);
   }
+  .rounded-l-md {
+    border-top-left-radius: var(--radius-md);
+    border-bottom-left-radius: var(--radius-md);
+  }
   .rounded-l-none {
     border-top-left-radius: 0;
     border-bottom-left-radius: 0;
@@ -1483,16 +1572,28 @@
     border-top-left-radius: 0 !important;
     border-bottom-left-radius: 0 !important;
   }
+  .rounded-l-xl {
+    border-top-left-radius: var(--radius-xl);
+    border-bottom-left-radius: var(--radius-xl);
+  }
   .rounded-tl-sm {
     border-top-left-radius: var(--radius-sm);
   }
   .rounded-tl-xs {
     border-top-left-radius: var(--radius-xs);
   }
+  .rounded-r-md {
+    border-top-right-radius: var(--radius-md);
+    border-bottom-right-radius: var(--radius-md);
+  }
   .rounded-r-none {
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
   }
+  .rounded-r-xl {
+    border-top-right-radius: var(--radius-xl);
+    border-bottom-right-radius: var(--radius-xl);
+  }
   .rounded-tr-sm {
     border-top-right-radius: var(--radius-sm);
   }
@@ -1578,9 +1679,6 @@
     --tw-border-style: none;
     border-style: none;
   }
-  .border-\(--color-border\) {
-    border-color: var(--color-border);
-  }
   .border-\(--success-drop\) {
     border-color: var(--success-drop);
   }
@@ -1680,9 +1778,6 @@
   .bg-\(--color\) {
     background-color: var(--color);
   }
-  .bg-\(--color-bg\) {
-    background-color: var(--color-bg);
-  }
   .bg-\(--content-background\) {
     background-color: var(--content-background);
   }
@@ -1719,6 +1814,12 @@
   .bg-background {
     background-color: var(--color-background);
   }
+  .bg-background\/70 {
+    background-color: var(--color-background);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-background) 70%, transparent);
+    }
+  }
   .bg-black\/5 {
     background-color: color-mix(in srgb, #000 5%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -1854,6 +1955,9 @@
   .bg-primary {
     background-color: var(--color-primary);
   }
+  .bg-primary-foreground {
+    background-color: var(--color-primary-foreground);
+  }
   .bg-primary\/5 {
     background-color: var(--color-primary);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2082,9 +2186,6 @@
   .fill-current {
     fill: currentcolor;
   }
-  .fill-foreground {
-    fill: var(--color-foreground);
-  }
   .fill-popover {
     fill: var(--color-popover);
   }
@@ -2097,6 +2198,9 @@
   .fill-white {
     fill: var(--color-white);
   }
+  .stroke-border {
+    stroke: var(--color-border);
+  }
   .object-contain {
     object-fit: contain;
   }
@@ -2145,6 +2249,9 @@
   .p-24 {
     padding: calc(var(--spacing) * 24);
   }
+  .p-\[1\.5px\] {
+    padding: 1.5px;
+  }
   .p-px {
     padding: 1px;
   }
@@ -2283,12 +2390,19 @@
   .text-right {
     text-align: right;
   }
+  .align-\[-2px\] {
+    vertical-align: -2px;
+  }
   .align-middle {
     vertical-align: middle;
   }
   .font-mono {
     font-family: var(--font-mono);
   }
+  .text-2xl {
+    font-size: var(--text-2xl);
+    line-height: var(--tw-leading, var(--text-2xl--line-height));
+  }
   .text-base {
     font-size: var(--text-base);
     line-height: var(--tw-leading, var(--text-base--line-height));
@@ -2312,12 +2426,18 @@
   .text-\[0\.8em\] {
     font-size: 0.8em;
   }
+  .text-\[8px\] {
+    font-size: 8px;
+  }
   .text-\[9px\] {
     font-size: 9px;
   }
   .text-\[10px\] {
     font-size: 10px;
   }
+  .text-\[11px\] {
+    font-size: 11px;
+  }
   .leading-\[11px\] {
     --tw-leading: 11px;
     line-height: 11px;
@@ -2397,6 +2517,15 @@
   .text-black {
     color: var(--color-black);
   }
+  .text-border {
+    color: var(--color-border);
+  }
+  .text-border\/60 {
+    color: var(--color-border);
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, var(--color-border) 60%, transparent);
+    }
+  }
   .text-card-foreground {
     color: var(--color-card-foreground);
   }
@@ -2515,6 +2644,9 @@
   .opacity-15 {
     opacity: 15%;
   }
+  .opacity-30 {
+    opacity: 30%;
+  }
   .opacity-50 {
     opacity: 50%;
   }
@@ -2696,6 +2828,10 @@
     outline-style: var(--tw-outline-style);
     outline-width: 2px;
   }
+  .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,);
+  }
   .drop-shadow-\[0_1px_0_var\(--border\)\] {
     --tw-drop-shadow-size: drop-shadow(0 1px 0 var(--tw-drop-shadow-color, var(--border)));
     --tw-drop-shadow: var(--tw-drop-shadow-size);
@@ -2764,6 +2900,11 @@
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
+  .transition-\[left\,transform\] {
+    transition-property: left, transform;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
   .transition-\[margin\,opacity\] {
     transition-property: margin, opacity;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -2804,15 +2945,6 @@
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
-  .transition-\[transform\,scale\,opacity\,filter\] {
-    transition-property:
-      transform,
-      scale,
-      opacity,
-      filter;
-    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
-    transition-duration: var(--tw-duration, var(--default-transition-duration));
-  }
   .transition-\[transform\,scale\,opacity\] {
     transition-property:
       transform,
@@ -3036,6 +3168,13 @@
       opacity: 100%;
     }
   }
+  .group-hover\:bg-foreground {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        background-color: var(--color-foreground);
+      }
+    }
+  }
   .group-hover\:opacity-100 {
     &:is(:where(.group):hover *) {
       @media (hover: hover) {
@@ -3171,6 +3310,11 @@
       left: calc(var(--sidebar-width) * -1);
     }
   }
+  .group-data-\[collapsible\=offcanvas\]\:left-0 {
+    &:is(:where(.group)[data-collapsible=offcanvas] *) {
+      left: calc(var(--spacing) * 0);
+    }
+  }
   .group-data-\[collapsible\=offcanvas\]\:w-0 {
     &:is(:where(.group)[data-collapsible=offcanvas] *) {
       width: calc(var(--spacing) * 0);
@@ -3240,11 +3384,47 @@
       display: block;
     }
   }
+  .group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:rounded-t-lg {
+    &:is(:where(.group\/drawer-content)[data-vaul-drawer-direction=bottom] *) {
+      border-top-left-radius: var(--radius-lg);
+      border-top-right-radius: var(--radius-lg);
+    }
+  }
+  .group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:border-t {
+    &:is(:where(.group\/drawer-content)[data-vaul-drawer-direction=bottom] *) {
+      border-top-style: var(--tw-border-style);
+      border-top-width: 1px;
+    }
+  }
   .group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:text-center {
     &:is(:where(.group\/drawer-content)[data-vaul-drawer-direction=bottom] *) {
       text-align: center;
     }
   }
+  .group-data-\[vaul-drawer-direction\=left\]\/drawer-content\:border-r {
+    &:is(:where(.group\/drawer-content)[data-vaul-drawer-direction=left] *) {
+      border-right-style: var(--tw-border-style);
+      border-right-width: 1px;
+    }
+  }
+  .group-data-\[vaul-drawer-direction\=right\]\/drawer-content\:border-l {
+    &:is(:where(.group\/drawer-content)[data-vaul-drawer-direction=right] *) {
+      border-left-style: var(--tw-border-style);
+      border-left-width: 1px;
+    }
+  }
+  .group-data-\[vaul-drawer-direction\=top\]\/drawer-content\:rounded-b-lg {
+    &:is(:where(.group\/drawer-content)[data-vaul-drawer-direction=top] *) {
+      border-bottom-right-radius: var(--radius-lg);
+      border-bottom-left-radius: var(--radius-lg);
+    }
+  }
+  .group-data-\[vaul-drawer-direction\=top\]\/drawer-content\:border-b {
+    &:is(:where(.group\/drawer-content)[data-vaul-drawer-direction=top] *) {
+      border-bottom-style: var(--tw-border-style);
+      border-bottom-width: 1px;
+    }
+  }
   .group-data-\[vaul-drawer-direction\=top\]\/drawer-content\:text-center {
     &:is(:where(.group\/drawer-content)[data-vaul-drawer-direction=top] *) {
       text-align: center;
@@ -3482,6 +3662,12 @@
       right: calc(1 / 2 * 100%);
     }
   }
+  .after\:-left-4 {
+    &::after {
+      content: var(--tw-content);
+      left: calc(var(--spacing) * -4);
+    }
+  }
   .after\:left-1\/2 {
     &::after {
       content: var(--tw-content);
@@ -3494,6 +3680,12 @@
       width: calc(var(--spacing) * 1);
     }
   }
+  .after\:w-11 {
+    &::after {
+      content: var(--tw-content);
+      width: calc(var(--spacing) * 11);
+    }
+  }
   .after\:w-\[2px\] {
     &::after {
       content: var(--tw-content);
@@ -3527,12 +3719,6 @@
       border-radius: calc(infinity * 1px);
     }
   }
-  .after\:bg-accent {
-    &::after {
-      content: var(--tw-content);
-      background-color: var(--color-accent);
-    }
-  }
   .after\:bg-sidebar-border {
     &::after {
       content: var(--tw-content);
@@ -3551,6 +3737,12 @@
       transition-duration: var(--tw-duration, var(--default-transition-duration));
     }
   }
+  .after\:content-\[\'\'\] {
+    &::after {
+      --tw-content: "";
+      content: var(--tw-content);
+    }
+  }
   .\*\:after\:pointer-events-none {
     :is(& > *) {
       &::after {
@@ -4323,6 +4515,11 @@
       scale: 99.35%;
     }
   }
+  .active\:cursor-grabbing {
+    &:active {
+      cursor: grabbing;
+    }
+  }
   .active\:bg-accent {
     &:active {
       background-color: var(--color-accent);
@@ -4409,6 +4606,11 @@
       background-color: var(--color-sidebar);
     }
   }
+  .has-\[\>\[data-slot\=button-group\]\]\:gap-2 {
+    &:has(> [data-slot=button-group]) {
+      gap: calc(var(--spacing) * 2);
+    }
+  }
   .has-\[\>svg\]\:grid-cols-\[calc\(var\(--spacing\)\*4\)_1fr\] {
     &:has(> svg) {
       grid-template-columns: calc(var(--spacing) * 4) 1fr;
@@ -4614,12 +4816,6 @@
       opacity: 0%;
     }
   }
-  .data-ending-style\:blur-\[2px\] {
-    &[data-ending-style] {
-      --tw-blur: blur(2px);
-      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,);
-    }
-  }
   .data-ending-style\:duration-100 {
     &[data-ending-style] {
       --tw-duration: 100ms;
@@ -4673,11 +4869,6 @@
       color: var(--color-foreground);
     }
   }
-  .data-inset\:pl-8 {
-    &[data-inset] {
-      padding-left: calc(var(--spacing) * 8);
-    }
-  }
   .data-open\:animate-in {
     &[data-open] {
       animation-name: enter;
@@ -4808,12 +4999,6 @@
       opacity: 0%;
     }
   }
-  .data-starting-style\:blur-\[2px\] {
-    &[data-starting-style] {
-      --tw-blur: blur(2px);
-      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,);
-    }
-  }
   .data-unchecked\:hidden {
     &[data-unchecked] {
       display: none;
@@ -4871,11 +5056,6 @@
       opacity: 50%;
     }
   }
-  .data-\[inset\]\:pl-8 {
-    &[data-inset] {
-      padding-left: calc(var(--spacing) * 8);
-    }
-  }
   .data-\[loading\=true\]\:w-8\! {
     &[data-loading=true] {
       width: calc(var(--spacing) * 8) !important;
@@ -4906,6 +5086,11 @@
       width: 100%;
     }
   }
+  .data-\[orientation\=vertical\]\:h-auto {
+    &[data-orientation=vertical] {
+      height: auto;
+    }
+  }
   .data-\[orientation\=vertical\]\:h-full {
     &[data-orientation=vertical] {
       height: 100%;
@@ -5222,18 +5407,6 @@
       max-height: 80vh;
     }
   }
-  .data-\[vaul-drawer-direction\=bottom\]\:rounded-t-lg {
-    &[data-vaul-drawer-direction=bottom] {
-      border-top-left-radius: var(--radius-lg);
-      border-top-right-radius: var(--radius-lg);
-    }
-  }
-  .data-\[vaul-drawer-direction\=bottom\]\:border-t {
-    &[data-vaul-drawer-direction=bottom] {
-      border-top-style: var(--tw-border-style);
-      border-top-width: 1px;
-    }
-  }
   .data-\[vaul-drawer-direction\=left\]\:inset-y-0 {
     &[data-vaul-drawer-direction=left] {
       inset-block: calc(var(--spacing) * 0);
@@ -5249,12 +5422,6 @@
       width: calc(3 / 4 * 100%);
     }
   }
-  .data-\[vaul-drawer-direction\=left\]\:border-r {
-    &[data-vaul-drawer-direction=left] {
-      border-right-style: var(--tw-border-style);
-      border-right-width: 1px;
-    }
-  }
   .data-\[vaul-drawer-direction\=right\]\:inset-y-0 {
     &[data-vaul-drawer-direction=right] {
       inset-block: calc(var(--spacing) * 0);
@@ -5270,12 +5437,6 @@
       width: calc(3 / 4 * 100%);
     }
   }
-  .data-\[vaul-drawer-direction\=right\]\:border-l {
-    &[data-vaul-drawer-direction=right] {
-      border-left-style: var(--tw-border-style);
-      border-left-width: 1px;
-    }
-  }
   .data-\[vaul-drawer-direction\=top\]\:inset-x-0 {
     &[data-vaul-drawer-direction=top] {
       inset-inline: calc(var(--spacing) * 0);
@@ -5296,18 +5457,6 @@
       max-height: 80vh;
     }
   }
-  .data-\[vaul-drawer-direction\=top\]\:rounded-b-lg {
-    &[data-vaul-drawer-direction=top] {
-      border-bottom-right-radius: var(--radius-lg);
-      border-bottom-left-radius: var(--radius-lg);
-    }
-  }
-  .data-\[vaul-drawer-direction\=top\]\:border-b {
-    &[data-vaul-drawer-direction=top] {
-      border-bottom-style: var(--tw-border-style);
-      border-bottom-width: 1px;
-    }
-  }
   .max-lg\:sticky {
     @media (width < 64rem) {
       position: sticky;
@@ -5328,6 +5477,12 @@
       max-width: var(--container-xl);
     }
   }
+  .max-lg\:border-t {
+    @media (width < 64rem) {
+      border-top-style: var(--tw-border-style);
+      border-top-width: 1px;
+    }
+  }
   .max-lg\:border-b {
     @media (width < 64rem) {
       border-bottom-style: var(--tw-border-style);
@@ -5352,9 +5507,14 @@
       padding-bottom: var(--calculated-spacing);
     }
   }
-  .max-lg\:\[--context-sidebar-width\:0px\] {
+  .max-lg\:\[--left-sidebar-width\:0px\] {
     @media (width < 64rem) {
-      --context-sidebar-width: 0px;
+      --left-sidebar-width: 0px;
+    }
+  }
+  .max-lg\:\[--right-sidebar-width\:0px\] {
+    @media (width < 64rem) {
+      --right-sidebar-width: 0px;
     }
   }
   .max-md\:hidden {
@@ -5574,10 +5734,9 @@
       line-height: var(--tw-leading, var(--text-base--line-height));
     }
   }
-  .md\:text-sm {
-    @media (width >= 48rem) {
-      font-size: var(--text-sm);
-      line-height: var(--tw-leading, var(--text-sm--line-height));
+  .lg\:m-2 {
+    @media (width >= 64rem) {
+      margin: calc(var(--spacing) * 2);
     }
   }
   .lg\:-mx-1 {
@@ -5590,6 +5749,16 @@
       margin-block: calc(var(--spacing) * 1);
     }
   }
+  .lg\:mr-0 {
+    @media (width >= 64rem) {
+      margin-right: calc(var(--spacing) * 0);
+    }
+  }
+  .lg\:ml-0 {
+    @media (width >= 64rem) {
+      margin-left: calc(var(--spacing) * 0);
+    }
+  }
   .lg\:block {
     @media (width >= 64rem) {
       display: block;
@@ -5650,12 +5819,22 @@
       border-radius: var(--card-radius);
     }
   }
+  .lg\:rounded-2xl {
+    @media (width >= 64rem) {
+      border-radius: var(--radius-2xl);
+    }
+  }
   .lg\:rounded-t-2xl {
     @media (width >= 64rem) {
       border-top-left-radius: var(--radius-2xl);
       border-top-right-radius: var(--radius-2xl);
     }
   }
+  .lg\:bg-sidebar {
+    @media (width >= 64rem) {
+      background-color: var(--color-sidebar);
+    }
+  }
   .lg\:p-\(--card-padding\) {
     @media (width >= 64rem) {
       padding: var(--card-padding);
@@ -5713,13 +5892,6 @@
       }
     }
   }
-  .lg\:peer-data-\[variant\=inset\]\:mr-0 {
-    @media (width >= 64rem) {
-      &:is(:where(.peer)[data-variant=inset] ~ *) {
-        margin-right: calc(var(--spacing) * 0);
-      }
-    }
-  }
   .lg\:peer-data-\[variant\=inset\]\:ml-0 {
     @media (width >= 64rem) {
       &:is(:where(.peer)[data-variant=inset] ~ *) {
@@ -5867,6 +6039,19 @@
       }
     }
   }
+  .dark\:text-border {
+    &:is(.dark *) {
+      color: var(--color-border);
+    }
+  }
+  .dark\:text-border\/50 {
+    &:is(.dark *) {
+      color: var(--color-border);
+      @supports (color: color-mix(in lab, red, red)) {
+        color: color-mix(in oklab, var(--color-border) 50%, transparent);
+      }
+    }
+  }
   .dark\:text-white {
     &:is(.dark *) {
       color: var(--color-white);
@@ -6194,11 +6379,21 @@
       padding-right: calc(var(--spacing) * 10);
     }
   }
+  .\[\&\:has\(\[data-align\=\"inline-end\"\]\[data-variant\=\"filled\"\]\)_\[data-slot\=\"input-group-control\"\]\]\:pr-12 {
+    &:has([data-align=inline-end][data-variant=filled]) [data-slot=input-group-control] {
+      padding-right: calc(var(--spacing) * 12);
+    }
+  }
   .\[\&\:has\(\[data-align\=\"inline-start\"\]\)_\[data-slot\=\"input-group-control\"\]\]\:pl-10 {
     &:has([data-align=inline-start]) [data-slot=input-group-control] {
       padding-left: calc(var(--spacing) * 10);
     }
   }
+  .\[\&\:has\(\[data-align\=\"inline-start\"\]\[data-variant\=\"filled\"\]\)_\[data-slot\=\"input-group-control\"\]\]\:pl-12 {
+    &:has([data-align=inline-start][data-variant=filled]) [data-slot=input-group-control] {
+      padding-left: calc(var(--spacing) * 12);
+    }
+  }
   .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0 {
     &:has([role=checkbox]) {
       padding-right: calc(var(--spacing) * 0);
@@ -6272,10 +6467,10 @@
       }
     }
   }
-  .\*\*\:\[\[cmdk-input\]\]\:h-12 {
+  .\*\*\:\[\[cmdk-input\]\]\:h-10 {
     :is(& *) {
       &:is([cmdk-input]) {
-        height: calc(var(--spacing) * 12);
+        height: calc(var(--spacing) * 10);
       }
     }
   }
@@ -6354,11 +6549,124 @@
       }
     }
   }
+  .\[\&\>\*\]\:focus-visible\:relative {
+    & > * {
+      &:focus-visible {
+        position: relative;
+      }
+    }
+  }
+  .\[\&\>\*\]\:focus-visible\:z-10 {
+    & > * {
+      &:focus-visible {
+        z-index: 10;
+      }
+    }
+  }
+  .\[\&\>\*\:not\(\:nth-child\(1_of_\:not\(\[data-base-ui-focus-guard\]\,span\[aria-owns\]\,select\[aria-hidden\=true\]\)\)\)\]\:rounded-t-none {
+    & > *:not(:nth-child(1 of :not([data-base-ui-focus-guard], span[aria-owns], select[aria-hidden=true]))) {
+      border-top-left-radius: 0;
+      border-top-right-radius: 0;
+    }
+  }
+  .\[\&\>\*\:not\(\:nth-child\(1_of_\:not\(\[data-base-ui-focus-guard\]\,span\[aria-owns\]\,select\[aria-hidden\=true\]\)\)\)\]\:rounded-l-none {
+    & > *:not(:nth-child(1 of :not([data-base-ui-focus-guard], span[aria-owns], select[aria-hidden=true]))) {
+      border-top-left-radius: 0;
+      border-bottom-left-radius: 0;
+    }
+  }
+  .\[\&\>\*\:not\(\:nth-child\(1_of_\:not\(\[data-base-ui-focus-guard\]\,span\[aria-owns\]\,select\[aria-hidden\=true\]\)\)\)\]\:border-t-0 {
+    & > *:not(:nth-child(1 of :not([data-base-ui-focus-guard], span[aria-owns], select[aria-hidden=true]))) {
+      border-top-style: var(--tw-border-style);
+      border-top-width: 0px;
+    }
+  }
+  .\[\&\>\*\:not\(\:nth-child\(1_of_\:not\(\[data-base-ui-focus-guard\]\,span\[aria-owns\]\,select\[aria-hidden\=true\]\)\)\)\]\:border-l-0 {
+    & > *:not(:nth-child(1 of :not([data-base-ui-focus-guard], span[aria-owns], select[aria-hidden=true]))) {
+      border-left-style: var(--tw-border-style);
+      border-left-width: 0px;
+    }
+  }
+  .\[\&\>\*\:not\(\:nth-child\(1_of_\:not\(\[data-base-ui-focus-guard\]\,span\[aria-owns\]\,select\[aria-hidden\=true\]\)\)\)_\[data-slot\=dropdown-menu-trigger\]\]\:rounded-t-none {
+    & > *:not(:nth-child(1 of :not([data-base-ui-focus-guard], span[aria-owns], select[aria-hidden=true]))) [data-slot=dropdown-menu-trigger] {
+      border-top-left-radius: 0;
+      border-top-right-radius: 0;
+    }
+  }
+  .\[\&\>\*\:not\(\:nth-child\(1_of_\:not\(\[data-base-ui-focus-guard\]\,span\[aria-owns\]\,select\[aria-hidden\=true\]\)\)\)_\[data-slot\=dropdown-menu-trigger\]\]\:rounded-l-none {
+    & > *:not(:nth-child(1 of :not([data-base-ui-focus-guard], span[aria-owns], select[aria-hidden=true]))) [data-slot=dropdown-menu-trigger] {
+      border-top-left-radius: 0;
+      border-bottom-left-radius: 0;
+    }
+  }
+  .\[\&\>\*\:not\(\:nth-child\(1_of_\:not\(\[data-base-ui-focus-guard\]\,span\[aria-owns\]\,select\[aria-hidden\=true\]\)\)\)_\[data-slot\=input-group-control\]\]\:rounded-t-none {
+    & > *:not(:nth-child(1 of :not([data-base-ui-focus-guard], span[aria-owns], select[aria-hidden=true]))) [data-slot=input-group-control] {
+      border-top-left-radius: 0;
+      border-top-right-radius: 0;
+    }
+  }
+  .\[\&\>\*\:not\(\:nth-child\(1_of_\:not\(\[data-base-ui-focus-guard\]\,span\[aria-owns\]\,select\[aria-hidden\=true\]\)\)\)_\[data-slot\=input-group-control\]\]\:rounded-l-none {
+    & > *:not(:nth-child(1 of :not([data-base-ui-focus-guard], span[aria-owns], select[aria-hidden=true]))) [data-slot=input-group-control] {
+      border-top-left-radius: 0;
+      border-bottom-left-radius: 0;
+    }
+  }
+  .\[\&\>\*\:not\(\:nth-last-child\(1_of_\:not\(\[data-base-ui-focus-guard\]\,span\[aria-owns\]\,select\[aria-hidden\=true\]\)\)\)\]\:rounded-r-none {
+    & > *:not(:nth-last-child(1 of :not([data-base-ui-focus-guard], span[aria-owns], select[aria-hidden=true]))) {
+      border-top-right-radius: 0;
+      border-bottom-right-radius: 0;
+    }
+  }
+  .\[\&\>\*\:not\(\:nth-last-child\(1_of_\:not\(\[data-base-ui-focus-guard\]\,span\[aria-owns\]\,select\[aria-hidden\=true\]\)\)\)\]\:rounded-b-none {
+    & > *:not(:nth-last-child(1 of :not([data-base-ui-focus-guard], span[aria-owns], select[aria-hidden=true]))) {
+      border-bottom-right-radius: 0;
+      border-bottom-left-radius: 0;
+    }
+  }
+  .\[\&\>\*\:not\(\:nth-last-child\(1_of_\:not\(\[data-base-ui-focus-guard\]\,span\[aria-owns\]\,select\[aria-hidden\=true\]\)\)\)_\[data-slot\=dropdown-menu-trigger\]\]\:rounded-r-none {
+    & > *:not(:nth-last-child(1 of :not([data-base-ui-focus-guard], span[aria-owns], select[aria-hidden=true]))) [data-slot=dropdown-menu-trigger] {
+      border-top-right-radius: 0;
+      border-bottom-right-radius: 0;
+    }
+  }
+  .\[\&\>\*\:not\(\:nth-last-child\(1_of_\:not\(\[data-base-ui-focus-guard\]\,span\[aria-owns\]\,select\[aria-hidden\=true\]\)\)\)_\[data-slot\=dropdown-menu-trigger\]\]\:rounded-b-none {
+    & > *:not(:nth-last-child(1 of :not([data-base-ui-focus-guard], span[aria-owns], select[aria-hidden=true]))) [data-slot=dropdown-menu-trigger] {
+      border-bottom-right-radius: 0;
+      border-bottom-left-radius: 0;
+    }
+  }
+  .\[\&\>\*\:not\(\:nth-last-child\(1_of_\:not\(\[data-base-ui-focus-guard\]\,span\[aria-owns\]\,select\[aria-hidden\=true\]\)\)\)_\[data-slot\=input-group-control\]\]\:rounded-r-none {
+    & > *:not(:nth-last-child(1 of :not([data-base-ui-focus-guard], span[aria-owns], select[aria-hidden=true]))) [data-slot=input-group-control] {
+      border-top-right-radius: 0;
+      border-bottom-right-radius: 0;
+    }
+  }
+  .\[\&\>\*\:not\(\:nth-last-child\(1_of_\:not\(\[data-base-ui-focus-guard\]\,span\[aria-owns\]\,select\[aria-hidden\=true\]\)\)\)_\[data-slot\=input-group-control\]\]\:rounded-b-none {
+    & > *:not(:nth-last-child(1 of :not([data-base-ui-focus-guard], span[aria-owns], select[aria-hidden=true]))) [data-slot=input-group-control] {
+      border-bottom-right-radius: 0;
+      border-bottom-left-radius: 0;
+    }
+  }
+  .\[\&\>\[data-slot\=input-group\]\]\:flex-1 {
+    & > [data-slot=input-group] {
+      flex: 1;
+    }
+  }
+  .\[\&\>\[data-slot\=select-trigger\]\:not\(\[class\*\=\'w-\'\]\)\]\:w-fit {
+    & > [data-slot=select-trigger]:not([class*=w-]) {
+      width: fit-content;
+    }
+  }
   .\[\&\>button\]\:hidden {
     & > button {
       display: none;
     }
   }
+  .\[\&\>input\]\:flex-1 {
+    & > input {
+      flex: 1;
+    }
+  }
   .\[\&\>span\:last-child\]\:truncate {
     & > span:last-child {
       overflow: hidden;
@@ -6503,6 +6811,13 @@
       cursor: w-resize;
     }
   }
+  .max-lg\:\[\[data-slot\=app-shell\]\:has\(\[data-slot\=app-shell-navbar\]\)_\&\]\:hidden {
+    @media (width < 64rem) {
+      [data-slot=app-shell]:has([data-slot=app-shell-navbar]) & {
+        display: none;
+      }
+    }
+  }
 }
 @property --scroll-fade-t { syntax: "<length>"; inherits: false; initial-value: 0px; }
 @property --scroll-fade-b { syntax: "<length>"; inherits: false; initial-value: 0px; }