@object-ui/components 17.6.0 → 17.7.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;
   }
@@ -528,9 +513,6 @@
   .my-0 {
     margin-block: 0px;
   }
-  .my-0\.5 {
-    margin-block: calc(var(--spacing) * 0.5);
-  }
   .my-1 {
     margin-block: var(--spacing);
   }
@@ -672,9 +654,6 @@
   .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 +765,9 @@
   .h-16 {
     height: calc(var(--spacing) * 16);
   }
+  .h-20 {
+    height: calc(var(--spacing) * 20);
+  }
   .h-48 {
     height: calc(var(--spacing) * 48);
   }
@@ -798,15 +780,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 +834,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 +882,6 @@
   .w-\(--sidebar-width\) {
     width: var(--sidebar-width);
   }
-  .w-0 {
-    width: 0px;
-  }
   .w-1 {
     width: var(--spacing);
   }
@@ -1005,9 +972,6 @@
   .w-96 {
     width: calc(var(--spacing) * 96);
   }
-  .w-\[--sidebar-width\] {
-    width: --sidebar-width;
-  }
   .w-\[1px\] {
     width: 1px;
   }
@@ -1020,9 +984,6 @@
   .w-\[200px\] {
     width: 200px;
   }
-  .w-\[250px\] {
-    width: 250px;
-  }
   .w-\[280px\] {
     width: 280px;
   }
@@ -1182,18 +1143,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;
   }
@@ -1235,12 +1187,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 +1215,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 +1254,6 @@
   .cursor-grab {
     cursor: grab;
   }
-  .cursor-not-allowed {
-    cursor: not-allowed;
-  }
   .cursor-pointer {
     cursor: pointer;
   }
@@ -1510,11 +1447,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 +1463,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 +1517,6 @@
   .rounded {
     border-radius: 0.25rem;
   }
-  .rounded-\[2px\] {
-    border-radius: 2px;
-  }
   .rounded-\[inherit\] {
     border-radius: inherit;
   }
@@ -1645,10 +1569,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 +1605,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 +1626,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 +1638,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 +1668,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 +1686,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 +1725,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 +1770,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);
   }
@@ -2032,6 +1922,9 @@
   .object-fill {
     object-fit: fill;
   }
+  .p-\(--empty-padding\) {
+    padding: var(--empty-padding);
+  }
   .p-0 {
     padding: 0px;
   }
@@ -2125,6 +2018,12 @@
   .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;
   }
@@ -2134,9 +2033,6 @@
   .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 +2045,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 +2060,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 +2087,9 @@
   .text-center {
     text-align: center;
   }
+  .text-justify {
+    text-align: justify;
+  }
   .text-left {
     text-align: left;
   }
@@ -2329,6 +2219,9 @@
   .break-all {
     word-break: break-all;
   }
+  .whitespace-normal {
+    white-space: normal;
+  }
   .whitespace-nowrap {
     white-space: nowrap;
   }
@@ -2380,18 +2273,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 +2339,6 @@
   .text-slate-500 {
     color: var(--color-slate-500);
   }
-  .text-white {
-    color: var(--color-white);
-  }
   .text-yellow-400 {
     color: var(--color-yellow-400);
   }
@@ -2484,6 +2365,9 @@
   .no-underline {
     text-decoration-line: none;
   }
+  .overline {
+    text-decoration-line: overline;
+  }
   .underline {
     text-decoration-line: underline;
   }
@@ -2555,10 +2439,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 +2485,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 +2603,9 @@
   .\[--cell-size\:2rem\] {
     --cell-size: 2rem;
   }
+  .\[--empty-padding\:--spacing\(6\)\] {
+    --empty-padding: calc(var(--spacing) * 6);
+  }
   .\[-webkit-overflow-scrolling\:touch\] {
     -webkit-overflow-scrolling: touch;
   }
@@ -2769,9 +2648,6 @@
   .fade-in-80 {
     --tw-enter-opacity: 0.8;
   }
-  .paused {
-    animation-play-state: paused;
-  }
   .ring-inset {
     --tw-ring-inset: inset;
   }
@@ -2825,9 +2701,6 @@
     .group-hover\/row\:flex:is(:where(.group\/row):hover *) {
       display: flex;
     }
-    .group-hover\/row\:opacity-100:is(:where(.group\/row):hover *) {
-      opacity: 100%;
-    }
     .group-hover\/upload\:scale-110:is(:where(.group\/upload):hover *) {
       --tw-scale-x: 110%;
       --tw-scale-y: 110%;
@@ -2858,19 +2731,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,6 +2788,19 @@
   .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;
   }
@@ -2945,15 +2818,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);
   }
@@ -3039,10 +2903,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 +2916,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 +2942,9 @@
     border-bottom-style: var(--tw-border-style);
     border-bottom-width: 0px;
   }
+  .empty\:hidden:empty {
+    display: none;
+  }
   .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);
@@ -3132,9 +2987,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 +3065,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,26 +3134,9 @@
         --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 {
+    .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);
     }
-    .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);
-    }
-    .group-\[\.destructive\]\:hover\:text-red-50:is(:where(.group):is(.destructive) *):hover {
-      color: var(--color-red-50);
-    }
     .hover\:after\:bg-sidebar-border:hover::after {
       content: var(--tw-content);
       background-color: var(--color-sidebar-border);
@@ -3325,9 +3157,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,15 +3176,6 @@
     --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);
   }
@@ -3684,9 +3504,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 +3516,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 +3618,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;
   }
@@ -3865,30 +3676,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 +3743,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 +3776,9 @@
     .sm\:h-16 {
       height: calc(var(--spacing) * 16);
     }
+    .sm\:h-20 {
+      height: calc(var(--spacing) * 20);
+    }
     .sm\:h-\[80vh\] {
       height: 80vh;
     }
@@ -4049,15 +3830,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 +3883,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 +3964,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 +3978,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 {
@@ -4256,9 +4028,6 @@
     .md\:max-w-\[300px\] {
       max-width: 300px;
     }
-    .md\:max-w-\[420px\] {
-      max-width: 420px;
-    }
     .md\:shrink-0 {
       flex-shrink: 0;
     }
@@ -4356,10 +4125,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 +4137,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 +4218,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,9 +4233,6 @@
     .xl\:col-span-4 {
       grid-column: span 4 / span 4;
     }
-    .xl\:flex {
-      display: flex;
-    }
     .xl\:grid-cols-1 {
       grid-template-columns: repeat(1, minmax(0, 1fr));
     }
@@ -4508,6 +4270,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;
@@ -4565,8 +4374,25 @@
     .\@2xl\:col-span-4 {
       grid-column: span 4 / span 4;
     }
+    .\@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;
     }
@@ -4574,6 +4400,39 @@
       grid-column: span 4 / span 4;
     }
   }
+  @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);
     @supports (color: color-mix(in lab, red, red)) {
@@ -4610,12 +4469,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,53 +4505,6 @@
   .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);
-    }
-  }
-  .\[\&_\.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 +4742,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 +4783,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;
   }