@onnechat/ui 0.1.0 → 0.2.1

package/dist/styles.css

@@ -20,14 +20,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;
@@ -40,6 +46,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;
@@ -350,17 +358,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);
@@ -368,6 +379,9 @@
   .right-1 {
     right: calc(var(--spacing) * 1);
   }
+  .right-1\.5 {
+    right: calc(var(--spacing) * 1.5);
+  }
   .right-2 {
     right: calc(var(--spacing) * 2);
   }
@@ -386,15 +400,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%);
   }
@@ -428,6 +454,9 @@
   .z-20 {
     z-index: 20;
   }
+  .z-40 {
+    z-index: 40;
+  }
   .z-50 {
     z-index: 50;
   }
@@ -461,6 +490,9 @@
       max-width: 96rem;
     }
   }
+  .\!m-0 {
+    margin: calc(var(--spacing) * 0) !important;
+  }
   .m-0 {
     margin: calc(var(--spacing) * 0);
   }
@@ -521,6 +553,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);
   }
@@ -542,6 +577,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);
   }
@@ -601,6 +639,9 @@
   .table {
     display: table;
   }
+  .aspect-auto {
+    aspect-ratio: auto;
+  }
   .aspect-square {
     aspect-ratio: 1 / 1;
   }
@@ -697,6 +738,9 @@
   .h-5 {
     height: calc(var(--spacing) * 5);
   }
+  .h-6 {
+    height: calc(var(--spacing) * 6);
+  }
   .h-7 {
     height: calc(var(--spacing) * 7);
   }
@@ -724,6 +768,9 @@
   .h-32 {
     height: calc(var(--spacing) * 32);
   }
+  .h-40 {
+    height: calc(var(--spacing) * 40);
+  }
   .h-48 {
     height: calc(var(--spacing) * 48);
   }
@@ -733,9 +780,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;
   }
@@ -803,6 +859,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);
   }
@@ -836,9 +895,6 @@
   .min-h-\[100px\] {
     min-height: 100px;
   }
-  .min-h-\[300px\] {
-    min-height: 300px;
-  }
   .min-h-\[500px\] {
     min-height: 500px;
   }
@@ -863,8 +919,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);
@@ -878,6 +937,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%);
   }
@@ -890,6 +952,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);
   }
@@ -950,6 +1015,9 @@
   .w-96 {
     width: calc(var(--spacing) * 96);
   }
+  .w-\[2px\] {
+    width: 2px;
+  }
   .w-\[42rem\] {
     width: 42rem;
   }
@@ -1009,9 +1077,6 @@
   .max-w-full {
     max-width: 100%;
   }
-  .max-w-lg {
-    max-width: var(--container-lg);
-  }
   .max-w-md {
     max-width: var(--container-md);
   }
@@ -1070,6 +1135,9 @@
   .shrink-0 {
     flex-shrink: 0;
   }
+  .grow {
+    flex-grow: 1;
+  }
   .caption-bottom {
     caption-side: bottom;
   }
@@ -1080,18 +1148,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);
@@ -1148,6 +1212,12 @@
   .cursor-default {
     cursor: default;
   }
+  .cursor-ew-resize {
+    cursor: ew-resize;
+  }
+  .cursor-grab {
+    cursor: grab;
+  }
   .cursor-not-allowed {
     cursor: not-allowed;
   }
@@ -1262,6 +1332,9 @@
   .gap-8 {
     gap: calc(var(--spacing) * 8);
   }
+  .gap-\[2px\] {
+    gap: 2px;
+  }
   .space-y-1 {
     :where(& > :not(:last-child)) {
       --tw-space-y-reverse: 0;
@@ -1297,6 +1370,14 @@
       margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
     }
   }
+  .gap-x-2 {
+    -moz-column-gap: calc(var(--spacing) * 2);
+         column-gap: calc(var(--spacing) * 2);
+  }
+  .gap-x-3 {
+    -moz-column-gap: calc(var(--spacing) * 3);
+         column-gap: calc(var(--spacing) * 3);
+  }
   .-space-x-2 {
     :where(& > :not(:last-child)) {
       --tw-space-x-reverse: 0;
@@ -1314,6 +1395,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;
@@ -1387,6 +1471,9 @@
   .rounded-\[2px\] {
     border-radius: 2px;
   }
+  .rounded-\[3px\] {
+    border-radius: 3px;
+  }
   .rounded-\[4px\] {
     border-radius: 4px;
   }
@@ -1425,6 +1512,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;
@@ -1433,16 +1524,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);
   }
@@ -1528,9 +1631,6 @@
     --tw-border-style: none;
     border-style: none;
   }
-  .border-\(--color-border\) {
-    border-color: var(--color-border);
-  }
   .border-\(--success-drop\) {
     border-color: var(--success-drop);
   }
@@ -1630,9 +1730,6 @@
   .bg-\(--color\) {
     background-color: var(--color);
   }
-  .bg-\(--color-bg\) {
-    background-color: var(--color-bg);
-  }
   .bg-\(--content-background\) {
     background-color: var(--content-background);
   }
@@ -1669,6 +1766,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)) {
@@ -1804,6 +1907,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)) {
@@ -2006,9 +2112,6 @@
   .fill-current {
     fill: currentcolor;
   }
-  .fill-foreground {
-    fill: var(--color-foreground);
-  }
   .fill-popover {
     fill: var(--color-popover);
   }
@@ -2021,6 +2124,9 @@
   .fill-white {
     fill: var(--color-white);
   }
+  .stroke-border {
+    stroke: var(--color-border);
+  }
   .object-contain {
     -o-object-fit: contain;
        object-fit: contain;
@@ -2071,6 +2177,9 @@
   .p-24 {
     padding: calc(var(--spacing) * 24);
   }
+  .p-\[1\.5px\] {
+    padding: 1.5px;
+  }
   .p-px {
     padding: 1px;
   }
@@ -2209,12 +2318,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));
@@ -2238,12 +2354,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;
@@ -2323,6 +2445,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);
   }
@@ -2441,6 +2572,9 @@
   .opacity-15 {
     opacity: 15%;
   }
+  .opacity-30 {
+    opacity: 30%;
+  }
   .opacity-50 {
     opacity: 50%;
   }
@@ -2547,6 +2681,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);
@@ -2589,6 +2727,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));
@@ -2624,11 +2767,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,scale,opacity;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -2831,6 +2969,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) {
@@ -2966,6 +3111,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);
@@ -3035,11 +3185,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;
@@ -3297,6 +3483,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);
@@ -3309,6 +3501,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);
@@ -3342,12 +3540,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);
@@ -3362,6 +3554,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 {
@@ -4104,6 +4302,11 @@
       scale: 99.35%;
     }
   }
+  .active\:cursor-grabbing {
+    &:active {
+      cursor: grabbing;
+    }
+  }
   .active\:bg-accent {
     &:active {
       background-color: var(--color-accent);
@@ -4190,6 +4393,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;
@@ -4390,12 +4598,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;
@@ -4449,11 +4651,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;
@@ -4584,12 +4781,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;
@@ -4647,11 +4838,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;
@@ -4682,6 +4868,11 @@
       width: 100%;
     }
   }
+  .data-\[orientation\=vertical\]\:h-auto {
+    &[data-orientation="vertical"] {
+      height: auto;
+    }
+  }
   .data-\[orientation\=vertical\]\:h-full {
     &[data-orientation="vertical"] {
       height: 100%;
@@ -4999,18 +5190,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);
@@ -5026,12 +5205,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);
@@ -5047,12 +5220,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);
@@ -5073,18 +5240,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;
@@ -5105,6 +5260,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);
@@ -5129,9 +5290,14 @@
       padding-bottom: var(--calculated-spacing);
     }
   }
-  .max-lg\:\[--context-sidebar-width\:0px\] {
+  .max-lg\:\[--left-sidebar-width\:0px\] {
+    @media (width < 64rem) {
+      --left-sidebar-width: 0px;
+    }
+  }
+  .max-lg\:\[--right-sidebar-width\:0px\] {
     @media (width < 64rem) {
-      --context-sidebar-width: 0px;
+      --right-sidebar-width: 0px;
     }
   }
   .max-md\:hidden {
@@ -5351,10 +5517,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 {
@@ -5367,6 +5532,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;
@@ -5427,12 +5602,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);
@@ -5490,13 +5675,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"] ~ *) {
@@ -5644,6 +5822,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);
@@ -5976,11 +6167,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);
@@ -6054,10 +6255,10 @@
       }
     }
   }
-  .\*\*\:\[\[cmdk-input\]\]\:h-12 {
+  .\*\*\:\[\[cmdk-input\]\]\:h-10 {
     :is(& *) {
       &:is([cmdk-input]) {
-        height: calc(var(--spacing) * 12);
+        height: calc(var(--spacing) * 10);
       }
     }
   }
@@ -6136,11 +6337,125 @@
       }
     }
   }
+  .\[\&\>\*\]\: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: -moz-fit-content;
+      width: fit-content;
+    }
+  }
   .\[\&\>button\]\:hidden {
     &>button {
       display: none;
     }
   }
+  .\[\&\>input\]\:flex-1 {
+    &>input {
+      flex: 1;
+    }
+  }
   .\[\&\>span\:last-child\]\:truncate {
     &>span:last-child {
       overflow: hidden;
@@ -6285,6 +6600,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>';