@object-ui/components 17.6.0 → 18.0.0

package/dist/index.css

@@ -9,11 +9,7 @@
     --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
       "Courier New", monospace;
     --color-red-50: oklch(97.1% 0.013 17.38);
-    --color-red-200: oklch(88.5% 0.062 18.334);
-    --color-red-300: oklch(80.8% 0.114 19.571);
-    --color-red-400: oklch(70.4% 0.191 22.216);
     --color-red-500: oklch(63.7% 0.237 25.331);
-    --color-red-600: oklch(57.7% 0.245 27.325);
     --color-red-700: oklch(50.5% 0.213 27.518);
     --color-amber-50: oklch(98.7% 0.022 95.277);
     --color-amber-200: oklch(92.4% 0.12 95.746);
@@ -46,8 +42,6 @@
     --color-cyan-950: oklch(30.2% 0.056 229.695);
     --color-blue-50: oklch(97% 0.014 254.604);
     --color-blue-300: oklch(80.9% 0.105 251.813);
-    --color-blue-500: oklch(62.3% 0.214 259.815);
-    --color-blue-700: oklch(48.8% 0.243 264.376);
     --color-purple-50: oklch(97.7% 0.014 308.299);
     --color-purple-300: oklch(82.7% 0.119 306.383);
     --color-rose-500: oklch(64.5% 0.246 16.439);
@@ -57,11 +51,9 @@
     --color-slate-700: oklch(37.2% 0.044 257.287);
     --color-slate-800: oklch(27.9% 0.041 260.031);
     --color-slate-900: oklch(20.8% 0.042 265.755);
-    --color-gray-50: oklch(98.5% 0.002 247.839);
     --color-gray-300: oklch(87.2% 0.01 258.338);
     --color-gray-400: oklch(70.7% 0.022 261.325);
     --color-black: #000;
-    --color-white: #fff;
     --spacing: 0.25rem;
     --breakpoint-xl: 80rem;
     --breakpoint-2xl: 96rem;
@@ -117,7 +109,6 @@
     --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
     --animate-bounce: bounce 1s infinite;
     --blur-sm: 8px;
-    --aspect-video: 16 / 9;
     --default-transition-duration: 150ms;
     --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     --default-font-family: var(--font-sans);
@@ -447,9 +438,6 @@
   .left-\[50\%\] {
     left: 50%;
   }
-  .isolate {
-    isolation: isolate;
-  }
   .z-10 {
     z-index: 10;
   }
@@ -465,9 +453,6 @@
   .z-\[1\] {
     z-index: 1;
   }
-  .z-\[100\] {
-    z-index: 100;
-  }
   .z-\[9999\] {
     z-index: 9999;
   }
@@ -483,6 +468,9 @@
   .col-span-4 {
     grid-column: span 4 / span 4;
   }
+  .col-span-12 {
+    grid-column: span 12 / span 12;
+  }
   .col-span-full {
     grid-column: 1 / -1;
   }
@@ -528,9 +516,6 @@
   .my-0 {
     margin-block: 0px;
   }
-  .my-0\.5 {
-    margin-block: calc(var(--spacing) * 0.5);
-  }
   .my-1 {
     margin-block: var(--spacing);
   }
@@ -642,6 +627,9 @@
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 2;
   }
+  .\!table {
+    display: table !important;
+  }
   .block {
     display: block;
   }
@@ -669,12 +657,24 @@
   .table {
     display: table;
   }
+  .table-cell {
+    display: table-cell;
+  }
+  .table-footer-group {
+    display: table-footer-group;
+  }
+  .table-header-group {
+    display: table-header-group;
+  }
+  .table-row {
+    display: table-row;
+  }
+  .table-row-group {
+    display: table-row-group;
+  }
   .aspect-square {
     aspect-ratio: 1 / 1;
   }
-  .aspect-video {
-    aspect-ratio: var(--aspect-video);
-  }
   .size-\(--cell-size\) {
     width: var(--cell-size);
     height: var(--cell-size);
@@ -786,6 +786,9 @@
   .h-16 {
     height: calc(var(--spacing) * 16);
   }
+  .h-20 {
+    height: calc(var(--spacing) * 20);
+  }
   .h-48 {
     height: calc(var(--spacing) * 48);
   }
@@ -798,15 +801,6 @@
   .h-\[120px\] {
     height: 120px;
   }
-  .h-\[125px\] {
-    height: 125px;
-  }
-  .h-\[600px\] {
-    height: 600px;
-  }
-  .h-\[800px\] {
-    height: 800px;
-  }
   .h-\[var\(--radix-navigation-menu-viewport-height\)\] {
     height: var(--radix-navigation-menu-viewport-height);
   }
@@ -861,9 +855,6 @@
   .max-h-\[var\(--radix-dropdown-menu-content-available-height\)\] {
     max-height: var(--radix-dropdown-menu-content-available-height);
   }
-  .max-h-screen {
-    max-height: 100vh;
-  }
   .min-h-0 {
     min-height: 0px;
   }
@@ -912,9 +903,6 @@
   .w-\(--sidebar-width\) {
     width: var(--sidebar-width);
   }
-  .w-0 {
-    width: 0px;
-  }
   .w-1 {
     width: var(--spacing);
   }
@@ -1005,9 +993,6 @@
   .w-96 {
     width: calc(var(--spacing) * 96);
   }
-  .w-\[--sidebar-width\] {
-    width: --sidebar-width;
-  }
   .w-\[1px\] {
     width: 1px;
   }
@@ -1020,9 +1005,6 @@
   .w-\[200px\] {
     width: 200px;
   }
-  .w-\[250px\] {
-    width: 250px;
-  }
   .w-\[280px\] {
     width: 280px;
   }
@@ -1182,18 +1164,9 @@
   .flex-none {
     flex: none;
   }
-  .flex-shrink-0 {
-    flex-shrink: 0;
-  }
-  .shrink {
-    flex-shrink: 1;
-  }
   .shrink-0 {
     flex-shrink: 0;
   }
-  .flex-grow {
-    flex-grow: 1;
-  }
   .grow {
     flex-grow: 1;
   }
@@ -1206,6 +1179,9 @@
   .caption-bottom {
     caption-side: bottom;
   }
+  .border-collapse {
+    border-collapse: collapse;
+  }
   .border-separate {
     border-collapse: separate;
   }
@@ -1235,12 +1211,6 @@
   .origin-\(--radix-tooltip-content-transform-origin\) {
     transform-origin: var(--radix-tooltip-content-transform-origin);
   }
-  .origin-\[--radix-\.\.\.\] {
-    transform-origin: --radix-...;
-  }
-  .origin-\[--radix-…\] {
-    transform-origin: --radix-…;
-  }
   .-translate-x-1\/2 {
     --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -1269,12 +1239,6 @@
     --tw-translate-y: -50%;
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
-  .scale-0 {
-    --tw-scale-x: 0%;
-    --tw-scale-y: 0%;
-    --tw-scale-z: 0%;
-    scale: var(--tw-scale-x) var(--tw-scale-y);
-  }
   .scale-75 {
     --tw-scale-x: 75%;
     --tw-scale-y: 75%;
@@ -1314,9 +1278,6 @@
   .cursor-grab {
     cursor: grab;
   }
-  .cursor-not-allowed {
-    cursor: not-allowed;
-  }
   .cursor-pointer {
     cursor: pointer;
   }
@@ -1335,6 +1296,12 @@
   .scroll-m-20 {
     scroll-margin: calc(var(--spacing) * 20);
   }
+  .\[scrollbar-width\:thin\]\! {
+    scrollbar-width: thin !important;
+  }
+  .\[scrollbar-color\:transparent_transparent\]\! {
+    scrollbar-color: transparent transparent !important;
+  }
   .list-decimal {
     list-style-type: decimal;
   }
@@ -1510,11 +1477,6 @@
     margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
     margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
   }
-  :where(.space-y-8 > :not(:last-child)) {
-    --tw-space-y-reverse: 0;
-    margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
-    margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
-  }
   .gap-x-2 {
     column-gap: calc(var(--spacing) * 2);
   }
@@ -1531,11 +1493,6 @@
     margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
     margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
   }
-  :where(.space-x-4 > :not(:last-child)) {
-    --tw-space-x-reverse: 0;
-    margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
-    margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
-  }
   .gap-y-0\.5 {
     row-gap: calc(var(--spacing) * 0.5);
   }
@@ -1590,9 +1547,6 @@
   .rounded {
     border-radius: 0.25rem;
   }
-  .rounded-\[2px\] {
-    border-radius: 2px;
-  }
   .rounded-\[inherit\] {
     border-radius: inherit;
   }
@@ -1645,10 +1599,6 @@
     border-style: var(--tw-border-style);
     border-width: 2px;
   }
-  .border-\[1\.5px\] {
-    border-style: var(--tw-border-style);
-    border-width: 1.5px;
-  }
   .border-y {
     border-block-style: var(--tw-border-style);
     border-block-width: 1px;
@@ -1685,9 +1635,6 @@
     --tw-border-style: dashed;
     border-style: dashed;
   }
-  .border-\(--color-border\) {
-    border-color: var(--color-border);
-  }
   .border-amber-300 {
     border-color: var(--color-amber-300);
   }
@@ -1709,12 +1656,6 @@
   .border-border {
     border-color: var(--color-border);
   }
-  .border-border\/50 {
-    border-color: color-mix(in srgb, hsl(var(--border)) 50%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      border-color: color-mix(in oklab, var(--color-border) 50%, transparent);
-    }
-  }
   .border-border\/60 {
     border-color: color-mix(in srgb, hsl(var(--border)) 60%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -1727,12 +1668,6 @@
   .border-destructive {
     border-color: var(--color-destructive);
   }
-  .border-destructive\/30 {
-    border-color: color-mix(in srgb, hsl(var(--destructive)) 30%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      border-color: color-mix(in oklab, var(--color-destructive) 30%, transparent);
-    }
-  }
   .border-destructive\/40 {
     border-color: color-mix(in srgb, hsl(var(--destructive)) 40%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -1763,9 +1698,6 @@
   .border-purple-300 {
     border-color: var(--color-purple-300);
   }
-  .border-red-200 {
-    border-color: var(--color-red-200);
-  }
   .border-sidebar-border {
     border-color: var(--color-sidebar-border);
   }
@@ -1784,9 +1716,6 @@
   .border-l-transparent {
     border-left-color: transparent;
   }
-  .bg-\(--color-bg\) {
-    background-color: var(--color-bg);
-  }
   .bg-accent {
     background-color: var(--color-accent);
   }
@@ -1826,18 +1755,12 @@
       background-color: color-mix(in oklab, var(--color-black) 80%, transparent);
     }
   }
-  .bg-blue-50 {
-    background-color: var(--color-blue-50);
-  }
   .bg-blue-50\/50 {
     background-color: color-mix(in srgb, oklch(97% 0.014 254.604) 50%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
       background-color: color-mix(in oklab, var(--color-blue-50) 50%, transparent);
     }
   }
-  .bg-blue-500 {
-    background-color: var(--color-blue-500);
-  }
   .bg-border {
     background-color: var(--color-border);
   }
@@ -1877,9 +1800,6 @@
   .bg-foreground {
     background-color: var(--color-foreground);
   }
-  .bg-gray-50 {
-    background-color: var(--color-gray-50);
-  }
   .bg-green-500 {
     background-color: var(--color-green-500);
   }
@@ -1988,16 +1908,30 @@
       background-color: color-mix(in oklab, var(--color-yellow-50) 50%, transparent);
     }
   }
+  .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));
   }
+  .bg-\[image\:linear-gradient\(var\(--os-row-tint\,transparent\)\,var\(--os-row-tint\,transparent\)\)\] {
+    background-image: linear-gradient(var(--os-row-tint,transparent),var(--os-row-tint,transparent));
+  }
   .bg-\[linear-gradient\(to_right\,\#80808012_1px\,transparent_1px\)\,linear-gradient\(to_bottom\,\#80808012_1px\,transparent_1px\)\] {
     background-image: linear-gradient(to right,#80808012 1px,transparent 1px),linear-gradient(to bottom,#80808012 1px,transparent 1px);
   }
   .bg-\[url\(\'https\:\/\/grainy-gradients\.vercel\.app\/noise\.svg\'\)\] {
     background-image: url('https://grainy-gradients.vercel.app/noise.svg');
   }
+  .from-foreground\/10 {
+    --tw-gradient-from: color-mix(in srgb, hsl(var(--foreground)) 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-gradient-from: color-mix(in oklab, var(--color-foreground) 10%, 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));
+  }
   .from-transparent {
     --tw-gradient-from: transparent;
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
@@ -2032,6 +1966,9 @@
   .object-fill {
     object-fit: fill;
   }
+  .p-\(--empty-padding\) {
+    padding: var(--empty-padding);
+  }
   .p-0 {
     padding: 0px;
   }
@@ -2071,6 +2008,9 @@
   .px-\(--cell-size\) {
     padding-inline: var(--cell-size);
   }
+  .px-0 {
+    padding-inline: 0px;
+  }
   .px-1 {
     padding-inline: var(--spacing);
   }
@@ -2101,6 +2041,9 @@
   .px-\[0\.3rem\] {
     padding-inline: 0.3rem;
   }
+  .py-0 {
+    padding-block: 0px;
+  }
   .py-0\.5 {
     padding-block: calc(var(--spacing) * 0.5);
   }
@@ -2125,18 +2068,24 @@
   .py-6 {
     padding-block: calc(var(--spacing) * 6);
   }
+  .py-8 {
+    padding-block: calc(var(--spacing) * 8);
+  }
+  .py-10 {
+    padding-block: calc(var(--spacing) * 10);
+  }
   .py-\[0\.2rem\] {
     padding-block: 0.2rem;
   }
   .pt-0 {
     padding-top: 0px;
   }
+  .pt-1\.5 {
+    padding-top: calc(var(--spacing) * 1.5);
+  }
   .pt-2 {
     padding-top: calc(var(--spacing) * 2);
   }
-  .pt-3 {
-    padding-top: calc(var(--spacing) * 3);
-  }
   .pt-4 {
     padding-top: calc(var(--spacing) * 4);
   }
@@ -2149,9 +2098,6 @@
   .pr-2\.5 {
     padding-right: calc(var(--spacing) * 2.5);
   }
-  .pr-8 {
-    padding-right: calc(var(--spacing) * 8);
-  }
   .pr-10 {
     padding-right: calc(var(--spacing) * 10);
   }
@@ -2167,15 +2113,9 @@
   .pb-2\.5 {
     padding-bottom: calc(var(--spacing) * 2.5);
   }
-  .pb-3 {
-    padding-bottom: calc(var(--spacing) * 3);
-  }
   .pb-4 {
     padding-bottom: calc(var(--spacing) * 4);
   }
-  .pb-20 {
-    padding-bottom: calc(var(--spacing) * 20);
-  }
   .pl-2 {
     padding-left: calc(var(--spacing) * 2);
   }
@@ -2200,6 +2140,9 @@
   .text-center {
     text-align: center;
   }
+  .text-justify {
+    text-align: justify;
+  }
   .text-left {
     text-align: left;
   }
@@ -2254,6 +2197,9 @@
   .text-\[0\.8rem\] {
     font-size: 0.8rem;
   }
+  .text-\[0\.85em\] {
+    font-size: 0.85em;
+  }
   .text-\[10px\] {
     font-size: 10px;
   }
@@ -2329,6 +2275,9 @@
   .break-all {
     word-break: break-all;
   }
+  .whitespace-normal {
+    white-space: normal;
+  }
   .whitespace-nowrap {
     white-space: nowrap;
   }
@@ -2380,18 +2329,9 @@
   .text-foreground {
     color: var(--color-foreground);
   }
-  .text-foreground\/50 {
-    color: color-mix(in srgb, hsl(var(--foreground)) 50%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      color: color-mix(in oklab, var(--color-foreground) 50%, transparent);
-    }
-  }
   .text-gray-400 {
     color: var(--color-gray-400);
   }
-  .text-green-500 {
-    color: var(--color-green-500);
-  }
   .text-green-600 {
     color: var(--color-green-600);
   }
@@ -2455,9 +2395,6 @@
   .text-slate-500 {
     color: var(--color-slate-500);
   }
-  .text-white {
-    color: var(--color-white);
-  }
   .text-yellow-400 {
     color: var(--color-yellow-400);
   }
@@ -2484,9 +2421,15 @@
   .no-underline {
     text-decoration-line: none;
   }
+  .overline {
+    text-decoration-line: overline;
+  }
   .underline {
     text-decoration-line: underline;
   }
+  .underline-offset-2 {
+    text-underline-offset: 2px;
+  }
   .underline-offset-4 {
     text-underline-offset: 4px;
   }
@@ -2535,10 +2478,6 @@
     --tw-shadow: 2px 0 4px -2px var(--tw-shadow-color, rgba(0,0,0,0.1));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
-  .shadow-\[inset_-8px_0_8px_-8px_rgba\(0\,0\,0\,0\.08\)\] {
-    --tw-shadow: inset -8px 0 8px -8px var(--tw-shadow-color, rgba(0,0,0,0.08));
-    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-  }
   .shadow-lg {
     --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -2555,10 +2494,6 @@
     --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
-  .shadow-xl {
-    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
-    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-  }
   .shadow-xs {
     --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -2605,10 +2540,6 @@
     --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,);
   }
-  .invert {
-    --tw-invert: invert(100%);
-    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,);
-  }
   .filter {
     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,);
   }
@@ -2727,6 +2658,12 @@
   .\[--cell-size\:2rem\] {
     --cell-size: 2rem;
   }
+  .\[--empty-padding\:--spacing\(6\)\] {
+    --empty-padding: calc(var(--spacing) * 6);
+  }
+  .\[--os-row-tint\:transparent\] {
+    --os-row-tint: transparent;
+  }
   .\[-webkit-overflow-scrolling\:touch\] {
     -webkit-overflow-scrolling: touch;
   }
@@ -2769,9 +2706,6 @@
   .fade-in-80 {
     --tw-enter-opacity: 0.8;
   }
-  .paused {
-    animation-play-state: paused;
-  }
   .ring-inset {
     --tw-ring-inset: inset;
   }
@@ -2790,6 +2724,12 @@
   .group-focus-within\/menu-item\:opacity-100:is(:where(.group\/menu-item):focus-within *) {
     opacity: 100%;
   }
+  .group-focus-within\/row\:invisible:is(:where(.group\/row):focus-within *) {
+    visibility: hidden;
+  }
+  .group-focus-within\/row\:opacity-100:is(:where(.group\/row):focus-within *) {
+    opacity: 100%;
+  }
   @media (hover: hover) {
     .group-hover\:text-foreground:is(:where(.group):hover *) {
       color: var(--color-foreground);
@@ -2858,19 +2798,6 @@
   .group-has-\[\[data-slot\=item-description\]\]\/item\:self-start:is(:where(.group\/item):has(:is([data-slot=item-description])) *) {
     align-self: flex-start;
   }
-  .group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible="offcanvas"] *) {
-    right: calc(var(--sidebar-width) * -1);
-  }
-  .group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible="offcanvas"] *) {
-    left: calc(var(--sidebar-width) * -1);
-  }
-  .group-data-\[collapsible\=offcanvas\]\:w-0:is(:where(.group)[data-collapsible="offcanvas"] *) {
-    width: 0px;
-  }
-  .group-data-\[collapsible\=offcanvas\]\:translate-x-0:is(:where(.group)[data-collapsible="offcanvas"] *) {
-    --tw-translate-x: 0px;
-    translate: var(--tw-translate-x) var(--tw-translate-y);
-  }
   .group-data-\[focused\=true\]\/day\:relative:is(:where(.group\/day)[data-focused="true"] *) {
     position: relative;
   }
@@ -2928,9 +2855,25 @@
   .group-data-\[state\=collapsed\]\:group-data-\[collapsible\=icon\]\:opacity-0:is(:where(.group)[data-state="collapsed"] *):is(:where(.group)[data-collapsible="icon"] *) {
     opacity: 0%;
   }
+  .group-data-\[state\=collapsed\]\:group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-state="collapsed"] *):is(:where(.group)[data-collapsible="offcanvas"] *) {
+    right: calc(var(--sidebar-width) * -1);
+  }
+  .group-data-\[state\=collapsed\]\:group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-state="collapsed"] *):is(:where(.group)[data-collapsible="offcanvas"] *) {
+    left: calc(var(--sidebar-width) * -1);
+  }
+  .group-data-\[state\=collapsed\]\:group-data-\[collapsible\=offcanvas\]\:w-0:is(:where(.group)[data-state="collapsed"] *):is(:where(.group)[data-collapsible="offcanvas"] *) {
+    width: 0px;
+  }
+  .group-data-\[state\=collapsed\]\:group-data-\[collapsible\=offcanvas\]\:translate-x-0:is(:where(.group)[data-state="collapsed"] *):is(:where(.group)[data-collapsible="offcanvas"] *) {
+    --tw-translate-x: 0px;
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
   .group-data-\[state\=open\]\:rotate-180:is(:where(.group)[data-state="open"] *) {
     rotate: 180deg;
   }
+  .group-data-\[state\=selected\]\/row\:opacity-100:is(:where(.group\/row)[data-state="selected"] *) {
+    opacity: 100%;
+  }
   .group-data-\[variant\=floating\]\:rounded-lg:is(:where(.group)[data-variant="floating"] *) {
     border-radius: var(--radius-lg);
   }
@@ -2945,15 +2888,6 @@
     --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
-  .group-\[\.destructive\]\:border-muted\/40:is(:where(.group):is(.destructive) *) {
-    border-color: color-mix(in srgb, hsl(var(--muted)) 40%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      border-color: color-mix(in oklab, var(--color-muted) 40%, transparent);
-    }
-  }
-  .group-\[\.destructive\]\:text-red-300:is(:where(.group):is(.destructive) *) {
-    color: var(--color-red-300);
-  }
   .group-\[\.toast\]\:bg-muted:is(:where(.group):is(.toast) *) {
     background-color: var(--color-muted);
   }
@@ -3023,6 +2957,52 @@
   .placeholder\:text-muted-foreground::placeholder {
     color: var(--color-muted-foreground);
   }
+  .before\:pointer-events-none::before {
+    content: var(--tw-content);
+    pointer-events: none;
+  }
+  .before\:absolute::before {
+    content: var(--tw-content);
+    position: absolute;
+  }
+  .before\:inset-y-0::before {
+    content: var(--tw-content);
+    inset-block: 0px;
+  }
+  .before\:right-full::before {
+    content: var(--tw-content);
+    right: 100%;
+  }
+  .before\:w-6::before {
+    content: var(--tw-content);
+    width: calc(var(--spacing) * 6);
+  }
+  .before\:bg-gradient-to-l::before {
+    content: var(--tw-content);
+    --tw-gradient-position: to left in oklab;
+    background-image: linear-gradient(var(--tw-gradient-stops));
+  }
+  .before\:from-foreground\/10::before {
+    content: var(--tw-content);
+    --tw-gradient-from: color-mix(in srgb, hsl(var(--foreground)) 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-gradient-from: color-mix(in oklab, var(--color-foreground) 10%, 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));
+  }
+  .before\:to-transparent::before {
+    content: var(--tw-content);
+    --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));
+  }
+  .before\:opacity-0::before {
+    content: var(--tw-content);
+    opacity: 0%;
+  }
+  .group-data-\[overflow-right\=true\]\/hscroll\:before\:opacity-100:is(:where(.group\/hscroll)[data-overflow-right="true"] *)::before {
+    content: var(--tw-content);
+    opacity: 100%;
+  }
   .after\:absolute::after {
     content: var(--tw-content);
     position: absolute;
@@ -3039,10 +3019,6 @@
     content: var(--tw-content);
     left: calc(1 / 2 * 100%);
   }
-  .after\:ml-0\.5::after {
-    content: var(--tw-content);
-    margin-left: calc(var(--spacing) * 0.5);
-  }
   .after\:w-1::after {
     content: var(--tw-content);
     width: var(--spacing);
@@ -3056,15 +3032,7 @@
     --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
-  .after\:text-destructive::after {
-    content: var(--tw-content);
-    color: var(--color-destructive);
-  }
-  .after\:content-\[\'\*\'\]::after {
-    --tw-content: '*';
-    content: var(--tw-content);
-  }
-  .group-data-\[collapsible\=offcanvas\]\:after\:left-full:is(:where(.group)[data-collapsible="offcanvas"] *)::after {
+  .group-data-\[state\=collapsed\]\:group-data-\[collapsible\=offcanvas\]\:after\:left-full:is(:where(.group)[data-state="collapsed"] *):is(:where(.group)[data-collapsible="offcanvas"] *)::after {
     content: var(--tw-content);
     left: 100%;
   }
@@ -3090,6 +3058,12 @@
     border-bottom-style: var(--tw-border-style);
     border-bottom-width: 0px;
   }
+  .empty\:hidden:empty {
+    display: none;
+  }
+  .focus-within\:\[scrollbar-color\:var\(--color-muted-foreground\)_transparent\]\!:focus-within {
+    scrollbar-color: var(--color-muted-foreground) transparent !important;
+  }
   .focus-within\:ring-2:focus-within {
     --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -3102,6 +3076,9 @@
     --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   }
   @media (hover: hover) {
+    .hover\:\[scrollbar-color\:var\(--color-muted-foreground\)_transparent\]\!:hover {
+      scrollbar-color: var(--color-muted-foreground) transparent !important;
+    }
     .hover\:border-cyan-500\/50:hover {
       border-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 50%, transparent);
     }
@@ -3132,9 +3109,6 @@
     .hover\:bg-background:hover {
       background-color: var(--color-background);
     }
-    .hover\:bg-blue-700:hover {
-      background-color: var(--color-blue-700);
-    }
     .hover\:bg-destructive\/10:hover {
       background-color: color-mix(in srgb, hsl(var(--destructive)) 10%, transparent);
     }
@@ -3213,9 +3187,6 @@
         background-color: color-mix(in oklab, var(--color-primary) 90%, transparent);
       }
     }
-    .hover\:bg-secondary:hover {
-      background-color: var(--color-secondary);
-    }
     .hover\:bg-secondary\/80:hover {
       background-color: color-mix(in srgb, hsl(var(--secondary)) 80%, transparent);
     }
@@ -3285,25 +3256,11 @@
         --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-primary) 10%, transparent) var(--tw-shadow-alpha), transparent);
       }
     }
-    .group-data-\[collapsible\=offcanvas\]\:hover\:bg-sidebar:is(:where(.group)[data-collapsible="offcanvas"] *):hover {
-      background-color: var(--color-sidebar);
-    }
-    .group-\[\.destructive\]\:hover\:border-destructive\/30:is(:where(.group):is(.destructive) *):hover {
-      border-color: color-mix(in srgb, hsl(var(--destructive)) 30%, transparent);
-    }
-    @supports (color: color-mix(in lab, red, red)) {
-      .group-\[\.destructive\]\:hover\:border-destructive\/30:is(:where(.group):is(.destructive) *):hover {
-        border-color: color-mix(in oklab, var(--color-destructive) 30%, transparent);
-      }
-    }
-    .group-\[\.destructive\]\:hover\:bg-destructive:is(:where(.group):is(.destructive) *):hover {
-      background-color: var(--color-destructive);
-    }
-    .group-\[\.destructive\]\:hover\:text-destructive-foreground:is(:where(.group):is(.destructive) *):hover {
-      color: var(--color-destructive-foreground);
+    .hover\:\[--os-row-tint\:transparent\]:hover {
+      --os-row-tint: transparent;
     }
-    .group-\[\.destructive\]\:hover\:text-red-50:is(:where(.group):is(.destructive) *):hover {
-      color: var(--color-red-50);
+    .group-data-\[state\=collapsed\]\:group-data-\[collapsible\=offcanvas\]\:hover\:bg-sidebar:is(:where(.group)[data-state="collapsed"] *):is(:where(.group)[data-collapsible="offcanvas"] *):hover {
+      background-color: var(--color-sidebar);
     }
     .hover\:after\:bg-sidebar-border:hover::after {
       content: var(--tw-content);
@@ -3325,9 +3282,6 @@
   .focus\:text-destructive:focus {
     color: var(--color-destructive);
   }
-  .focus\:opacity-100:focus {
-    opacity: 100%;
-  }
   .focus\:ring-2:focus {
     --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -3347,18 +3301,12 @@
     --tw-outline-style: none;
     outline-style: none;
   }
-  .group-\[\.destructive\]\:focus\:ring-destructive:is(:where(.group):is(.destructive) *):focus {
-    --tw-ring-color: var(--color-destructive);
-  }
-  .group-\[\.destructive\]\:focus\:ring-red-400:is(:where(.group):is(.destructive) *):focus {
-    --tw-ring-color: var(--color-red-400);
-  }
-  .group-\[\.destructive\]\:focus\:ring-offset-red-600:is(:where(.group):is(.destructive) *):focus {
-    --tw-ring-offset-color: var(--color-red-600);
-  }
   .focus-visible\:border-ring:focus-visible {
     border-color: var(--color-ring);
   }
+  .focus-visible\:opacity-100:focus-visible {
+    opacity: 100%;
+  }
   .focus-visible\:ring-0:focus-visible {
     --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -3684,9 +3632,6 @@
   .data-\[state\=closed\]\:fade-out-0[data-state="closed"] {
     --tw-exit-opacity: 0;
   }
-  .data-\[state\=closed\]\:fade-out-80[data-state="closed"] {
-    --tw-exit-opacity: 0.8;
-  }
   .data-\[state\=closed\]\:slide-out-to-bottom[data-state="closed"] {
     --tw-exit-translate-y: 100%;
   }
@@ -3699,9 +3644,6 @@
   .data-\[state\=closed\]\:slide-out-to-right[data-state="closed"] {
     --tw-exit-translate-x: 100%;
   }
-  .data-\[state\=closed\]\:slide-out-to-right-full[data-state="closed"] {
-    --tw-exit-translate-x: 100%;
-  }
   .data-\[state\=closed\]\:slide-out-to-top[data-state="closed"] {
     --tw-exit-translate-y: -100%;
   }
@@ -3804,9 +3746,6 @@
   .data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state="open"] {
     --tw-enter-translate-y: -48%;
   }
-  .data-\[state\=open\]\:slide-in-from-top-full[data-state="open"] {
-    --tw-enter-translate-y: -100%;
-  }
   .data-\[state\=open\]\:zoom-in-90[data-state="open"] {
     --tw-enter-scale: .9;
   }
@@ -3836,6 +3775,9 @@
       background-color: color-mix(in oklab, var(--color-primary) 5%, transparent);
     }
   }
+  .data-\[state\=selected\]\:\[--os-row-tint\:transparent\][data-state="selected"] {
+    --os-row-tint: transparent;
+  }
   @media (hover: hover) {
     .data-\[state\=selected\]\:hover\:bg-primary\/10[data-state="selected"]:hover {
       background-color: color-mix(in srgb, hsl(var(--primary)) 10%, transparent);
@@ -3865,30 +3807,6 @@
   .data-\[state\=visible\]\:fade-in[data-state="visible"] {
     --tw-enter-opacity: 0;
   }
-  .data-\[swipe\=cancel\]\:translate-x-0[data-swipe="cancel"] {
-    --tw-translate-x: 0px;
-    translate: var(--tw-translate-x) var(--tw-translate-y);
-  }
-  .data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe="end"] {
-    --tw-translate-x: var(--radix-toast-swipe-end-x);
-    translate: var(--tw-translate-x) var(--tw-translate-y);
-  }
-  .data-\[swipe\=end\]\:animate-out[data-swipe="end"] {
-    animation-name: exit;
-    animation-duration: 150ms;
-    --tw-exit-opacity: initial;
-    --tw-exit-scale: initial;
-    --tw-exit-rotate: initial;
-    --tw-exit-translate-x: initial;
-    --tw-exit-translate-y: initial;
-  }
-  .data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe="move"] {
-    --tw-translate-x: var(--radix-toast-swipe-move-x);
-    translate: var(--tw-translate-x) var(--tw-translate-y);
-  }
-  .data-\[swipe\=move\]\:transition-none[data-swipe="move"] {
-    transition-property: none;
-  }
   @supports (backdrop-filter: var(--tw)) {
     .supports-\[backdrop-filter\]\:bg-background\/60 {
       background-color: color-mix(in srgb, hsl(var(--background)) 60%, transparent);
@@ -3956,15 +3874,6 @@
     .sm\:top-\[50\%\] {
       top: 50%;
     }
-    .sm\:top-auto {
-      top: auto;
-    }
-    .sm\:right-0 {
-      right: 0px;
-    }
-    .sm\:bottom-0 {
-      bottom: 0px;
-    }
     .sm\:left-\[50\%\] {
       left: 50%;
     }
@@ -3998,6 +3907,9 @@
     .sm\:h-16 {
       height: calc(var(--spacing) * 16);
     }
+    .sm\:h-20 {
+      height: calc(var(--spacing) * 20);
+    }
     .sm\:h-\[80vh\] {
       height: 80vh;
     }
@@ -4025,6 +3937,9 @@
     .sm\:w-\[400px\] {
       width: 400px;
     }
+    .sm\:w-\[calc\(100\%-2rem\)\] {
+      width: calc(100% - 2rem);
+    }
     .sm\:w-\[var\(--config-panel-width\,280px\)\] {
       width: var(--config-panel-width,280px);
     }
@@ -4034,9 +3949,18 @@
     .sm\:w-full {
       width: 100%;
     }
+    .sm\:max-w-2xl {
+      max-width: var(--container-2xl);
+    }
     .sm\:max-w-3xl {
       max-width: var(--container-3xl);
     }
+    .sm\:max-w-5xl {
+      max-width: var(--container-5xl);
+    }
+    .sm\:max-w-\[95vw\] {
+      max-width: 95vw;
+    }
     .sm\:max-w-\[200px\] {
       max-width: 200px;
     }
@@ -4049,15 +3973,15 @@
     .sm\:max-w-lg {
       max-width: var(--container-lg);
     }
-    .sm\:max-w-md {
-      max-width: var(--container-md);
-    }
     .sm\:max-w-sm {
       max-width: var(--container-sm);
     }
     .sm\:min-w-0 {
       min-width: 0px;
     }
+    .sm\:min-w-48 {
+      min-width: calc(var(--spacing) * 48);
+    }
     .sm\:translate-x-\[-50\%\] {
       --tw-translate-x: -50%;
       translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -4102,12 +4026,12 @@
     .sm\:grid-cols-12 {
       grid-template-columns: repeat(12, minmax(0, 1fr));
     }
-    .sm\:flex-col {
-      flex-direction: column;
-    }
     .sm\:flex-row {
       flex-direction: row;
     }
+    .sm\:flex-wrap {
+      flex-wrap: wrap;
+    }
     .sm\:items-center {
       align-items: center;
     }
@@ -4183,15 +4107,9 @@
     .sm\:px-4 {
       padding-inline: calc(var(--spacing) * 4);
     }
-    .sm\:px-6 {
-      padding-inline: calc(var(--spacing) * 6);
-    }
     .sm\:py-1 {
       padding-block: var(--spacing);
     }
-    .sm\:py-4 {
-      padding-block: calc(var(--spacing) * 4);
-    }
     .sm\:text-left {
       text-align: left;
     }
@@ -4203,9 +4121,6 @@
       font-size: var(--text-sm);
       line-height: var(--tw-leading, var(--text-sm--line-height));
     }
-    .data-\[state\=open\]\:sm\:slide-in-from-bottom-full[data-state="open"] {
-      --tw-enter-translate-y: 100%;
-    }
   }
   @media (width >= 48rem) {
     .md\:absolute {
@@ -4223,6 +4138,9 @@
     .md\:col-span-4 {
       grid-column: span 4 / span 4;
     }
+    .md\:col-span-6 {
+      grid-column: span 6 / span 6;
+    }
     .md\:mx-0 {
       margin-inline: 0px;
     }
@@ -4256,9 +4174,6 @@
     .md\:max-w-\[300px\] {
       max-width: 300px;
     }
-    .md\:max-w-\[420px\] {
-      max-width: 420px;
-    }
     .md\:shrink-0 {
       flex-shrink: 0;
     }
@@ -4356,10 +4271,6 @@
     .md\:py-0 {
       padding-block: 0px;
     }
-    .md\:text-2xl {
-      font-size: var(--text-2xl);
-      line-height: var(--tw-leading, var(--text-2xl--line-height));
-    }
     .md\:text-sm {
       font-size: var(--text-sm);
       line-height: var(--tw-leading, var(--text-sm--line-height));
@@ -4372,6 +4283,9 @@
       -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
       backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
     }
+    .md\:\[--empty-padding\:--spacing\(12\)\] {
+      --empty-padding: calc(var(--spacing) * 12);
+    }
     .md\:peer-data-\[variant\=inset\]\:m-2:is(:where(.peer)[data-variant="inset"] ~ *) {
       margin: calc(var(--spacing) * 2);
     }
@@ -4450,9 +4364,6 @@
     .lg\:p-6 {
       padding: calc(var(--spacing) * 6);
     }
-    .lg\:p-8 {
-      padding: calc(var(--spacing) * 8);
-    }
     .lg\:text-5xl {
       font-size: var(--text-5xl);
       line-height: var(--tw-leading, var(--text-5xl--line-height));
@@ -4468,8 +4379,8 @@
     .xl\:col-span-4 {
       grid-column: span 4 / span 4;
     }
-    .xl\:flex {
-      display: flex;
+    .xl\:col-span-6 {
+      grid-column: span 6 / span 6;
     }
     .xl\:grid-cols-1 {
       grid-template-columns: repeat(1, minmax(0, 1fr));
@@ -4508,6 +4419,53 @@
       grid-template-columns: repeat(12, minmax(0, 1fr));
     }
   }
+  @media (width >= 96rem) {
+    .\32 xl\:col-span-2 {
+      grid-column: span 2 / span 2;
+    }
+    .\32 xl\:col-span-3 {
+      grid-column: span 3 / span 3;
+    }
+    .\32 xl\:col-span-4 {
+      grid-column: span 4 / span 4;
+    }
+    .\32 xl\:grid-cols-1 {
+      grid-template-columns: repeat(1, minmax(0, 1fr));
+    }
+    .\32 xl\:grid-cols-2 {
+      grid-template-columns: repeat(2, minmax(0, 1fr));
+    }
+    .\32 xl\:grid-cols-3 {
+      grid-template-columns: repeat(3, minmax(0, 1fr));
+    }
+    .\32 xl\:grid-cols-4 {
+      grid-template-columns: repeat(4, minmax(0, 1fr));
+    }
+    .\32 xl\:grid-cols-5 {
+      grid-template-columns: repeat(5, minmax(0, 1fr));
+    }
+    .\32 xl\:grid-cols-6 {
+      grid-template-columns: repeat(6, minmax(0, 1fr));
+    }
+    .\32 xl\:grid-cols-7 {
+      grid-template-columns: repeat(7, minmax(0, 1fr));
+    }
+    .\32 xl\:grid-cols-8 {
+      grid-template-columns: repeat(8, minmax(0, 1fr));
+    }
+    .\32 xl\:grid-cols-9 {
+      grid-template-columns: repeat(9, minmax(0, 1fr));
+    }
+    .\32 xl\:grid-cols-10 {
+      grid-template-columns: repeat(10, minmax(0, 1fr));
+    }
+    .\32 xl\:grid-cols-11 {
+      grid-template-columns: repeat(11, minmax(0, 1fr));
+    }
+    .\32 xl\:grid-cols-12 {
+      grid-template-columns: repeat(12, minmax(0, 1fr));
+    }
+  }
   @container (width >= 24rem) {
     .\@sm\:col-span-2 {
       grid-column: span 2 / span 2;
@@ -4520,6 +4478,9 @@
     }
   }
   @container (width >= 28rem) {
+    .\@md\:col-span-1 {
+      grid-column: span 1 / span 1;
+    }
     .\@md\:col-span-2 {
       grid-column: span 2 / span 2;
     }
@@ -4529,9 +4490,30 @@
     .\@md\:col-span-4 {
       grid-column: span 4 / span 4;
     }
+    .\@md\:col-span-5 {
+      grid-column: span 5 / span 5;
+    }
+    .\@md\:col-span-6 {
+      grid-column: span 6 / span 6;
+    }
+    .\@md\:col-span-7 {
+      grid-column: span 7 / span 7;
+    }
+    .\@md\:col-span-10 {
+      grid-column: span 10 / span 10;
+    }
+    .\@md\:col-span-11 {
+      grid-column: span 11 / span 11;
+    }
+    .\@md\:col-span-12 {
+      grid-column: span 12 / span 12;
+    }
     .\@md\:grid-cols-2 {
       grid-template-columns: repeat(2, minmax(0, 1fr));
     }
+    .\@md\:grid-cols-12 {
+      grid-template-columns: repeat(12, minmax(0, 1fr));
+    }
   }
   @container (width >= 32rem) {
     .\@lg\:col-span-2 {
@@ -4565,14 +4547,73 @@
     .\@2xl\:col-span-4 {
       grid-column: span 4 / span 4;
     }
+    .\@2xl\:col-span-8 {
+      grid-column: span 8 / span 8;
+    }
+    .\@2xl\:grid-cols-3 {
+      grid-template-columns: repeat(3, minmax(0, 1fr));
+    }
+  }
+  @container (width >= 48rem) {
+    .\@3xl\:col-span-2 {
+      grid-column: span 2 / span 2;
+    }
+    .\@3xl\:col-span-3 {
+      grid-column: span 3 / span 3;
+    }
+    .\@3xl\:col-span-4 {
+      grid-column: span 4 / span 4;
+    }
   }
   @container (width >= 56rem) {
+    .\@4xl\:col-span-2 {
+      grid-column: span 2 / span 2;
+    }
     .\@4xl\:col-span-3 {
       grid-column: span 3 / span 3;
     }
     .\@4xl\:col-span-4 {
       grid-column: span 4 / span 4;
     }
+    .\@4xl\:col-span-9 {
+      grid-column: span 9 / span 9;
+    }
+    .\@4xl\:grid-cols-4 {
+      grid-template-columns: repeat(4, minmax(0, 1fr));
+    }
+  }
+  @container (width >= 64rem) {
+    .\@5xl\:col-span-2 {
+      grid-column: span 2 / span 2;
+    }
+    .\@5xl\:col-span-3 {
+      grid-column: span 3 / span 3;
+    }
+    .\@5xl\:col-span-4 {
+      grid-column: span 4 / span 4;
+    }
+  }
+  @container (width >= 72rem) {
+    .\@6xl\:col-span-2 {
+      grid-column: span 2 / span 2;
+    }
+    .\@6xl\:col-span-3 {
+      grid-column: span 3 / span 3;
+    }
+    .\@6xl\:col-span-4 {
+      grid-column: span 4 / span 4;
+    }
+  }
+  @container (width >= 80rem) {
+    .\@7xl\:col-span-2 {
+      grid-column: span 2 / span 2;
+    }
+    .\@7xl\:col-span-3 {
+      grid-column: span 3 / span 3;
+    }
+    .\@7xl\:col-span-4 {
+      grid-column: span 4 / span 4;
+    }
   }
   .dark\:border-amber-700\/60:where(.dark, .dark *) {
     border-color: color-mix(in srgb, oklch(55.5% 0.163 48.998) 60%, transparent);
@@ -4610,12 +4651,6 @@
       background-color: color-mix(in oklab, var(--color-amber-950) 40%, transparent);
     }
   }
-  .dark\:bg-background\/95:where(.dark, .dark *) {
-    background-color: color-mix(in srgb, hsl(var(--background)) 95%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--color-background) 95%, transparent);
-    }
-  }
   .dark\:bg-destructive\/15:where(.dark, .dark *) {
     background-color: color-mix(in srgb, hsl(var(--destructive)) 15%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -4652,52 +4687,13 @@
   .dark\:text-emerald-400:where(.dark, .dark *) {
     color: var(--color-emerald-400);
   }
-  .dark\:backdrop-blur-sm:where(.dark, .dark *) {
-    --tw-backdrop-blur: blur(var(--blur-sm));
-    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
-    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,);
-  }
-  .\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground .recharts-cartesian-axis-tick text {
-    fill: var(--color-muted-foreground);
-  }
-  .\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke='#ccc'] {
-    stroke: color-mix(in srgb, hsl(var(--border)) 50%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      stroke: color-mix(in oklab, var(--color-border) 50%, transparent);
+  @media (pointer: coarse) {
+    .pointer-coarse\:invisible {
+      visibility: hidden;
+    }
+    .pointer-coarse\:opacity-100 {
+      opacity: 100%;
     }
-  }
-  .\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border .recharts-curve.recharts-tooltip-cursor {
-    stroke: var(--color-border);
-  }
-  .\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-dot[stroke='#fff'] {
-    stroke: transparent;
-  }
-  .\[\&_\.recharts-layer\]\:outline-none .recharts-layer {
-    --tw-outline-style: none;
-    outline-style: none;
-  }
-  .\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-polar-grid [stroke='#ccc'] {
-    stroke: var(--color-border);
-  }
-  .\[\&_\.recharts-radial-bar-background-sector\]\:fill-muted .recharts-radial-bar-background-sector {
-    fill: var(--color-muted);
-  }
-  .\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-muted .recharts-rectangle.recharts-tooltip-cursor {
-    fill: var(--color-muted);
-  }
-  .\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-reference-line [stroke='#ccc'] {
-    stroke: var(--color-border);
-  }
-  .\[\&_\.recharts-sector\]\:outline-none .recharts-sector {
-    --tw-outline-style: none;
-    outline-style: none;
-  }
-  .\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-sector[stroke='#fff'] {
-    stroke: transparent;
-  }
-  .\[\&_\.recharts-surface\]\:outline-none .recharts-surface {
-    --tw-outline-style: none;
-    outline-style: none;
   }
   .\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading] {
     padding-inline: calc(var(--spacing) * 2);
@@ -4936,21 +4932,9 @@
     width: calc(var(--spacing) * 4);
     height: calc(var(--spacing) * 4);
   }
-  .\[\&\>svg\]\:h-2\.5 > svg {
-    height: calc(var(--spacing) * 2.5);
-  }
-  .\[\&\>svg\]\:h-3 > svg {
-    height: calc(var(--spacing) * 3);
-  }
   .\[\&\>svg\]\:h-3\.5 > svg {
     height: calc(var(--spacing) * 3.5);
   }
-  .\[\&\>svg\]\:w-2\.5 > svg {
-    width: calc(var(--spacing) * 2.5);
-  }
-  .\[\&\>svg\]\:w-3 > svg {
-    width: calc(var(--spacing) * 3);
-  }
   .\[\&\>svg\]\:w-3\.5 > svg {
     width: calc(var(--spacing) * 3.5);
   }
@@ -4989,21 +4973,21 @@
   [data-side=left] .\[\[data-side\=left\]_\&\]\:cursor-w-resize {
     cursor: w-resize;
   }
-  [data-side=left][data-collapsible=offcanvas] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2 {
-    right: calc(var(--spacing) * -2);
-  }
   [data-side=left][data-state=collapsed] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize {
     cursor: e-resize;
   }
+  [data-side=left][data-state=collapsed][data-collapsible=offcanvas] .\[\[data-side\=left\]\[data-state\=collapsed\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2 {
+    right: calc(var(--spacing) * -2);
+  }
   [data-side=right] .\[\[data-side\=right\]_\&\]\:cursor-e-resize {
     cursor: e-resize;
   }
-  [data-side=right][data-collapsible=offcanvas] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2 {
-    left: calc(var(--spacing) * -2);
-  }
   [data-side=right][data-state=collapsed] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize {
     cursor: w-resize;
   }
+  [data-side=right][data-state=collapsed][data-collapsible=offcanvas] .\[\[data-side\=right\]\[data-state\=collapsed\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2 {
+    left: calc(var(--spacing) * -2);
+  }
   [data-slot=card-content] .\[\[data-slot\=card-content\]_\&\]\:bg-transparent {
     background-color: transparent;
   }