@object-ui/components 6.2.3 → 7.1.0

package/dist/index.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 @layer properties;
 @layer theme, base, components, utilities;
 @layer theme {
@@ -8,7 +8,6 @@
     --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-100: oklch(93.6% 0.032 17.717);
     --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);
@@ -16,24 +15,29 @@
     --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-300: oklch(87.9% 0.169 91.605);
     --color-amber-400: oklch(82.8% 0.189 84.429);
     --color-amber-700: oklch(55.5% 0.163 48.998);
+    --color-amber-800: oklch(47.3% 0.137 46.201);
+    --color-amber-900: oklch(41.4% 0.112 45.904);
     --color-amber-950: oklch(27.9% 0.077 45.635);
     --color-yellow-50: oklch(98.7% 0.026 102.212);
-    --color-yellow-100: oklch(97.3% 0.071 103.193);
     --color-yellow-300: oklch(90.5% 0.182 98.111);
     --color-yellow-400: oklch(85.2% 0.199 91.936);
-    --color-green-100: oklch(96.2% 0.044 156.743);
     --color-green-500: oklch(72.3% 0.219 149.579);
     --color-green-600: oklch(62.7% 0.194 149.214);
+    --color-emerald-100: oklch(95% 0.052 163.051);
+    --color-emerald-400: oklch(76.5% 0.177 163.223);
     --color-emerald-500: oklch(69.6% 0.17 162.48);
+    --color-emerald-600: oklch(59.6% 0.145 163.225);
+    --color-emerald-700: oklch(50.8% 0.118 165.612);
+    --color-emerald-950: oklch(26.2% 0.051 172.552);
     --color-cyan-200: oklch(91.7% 0.08 205.041);
     --color-cyan-300: oklch(86.5% 0.127 207.078);
     --color-cyan-400: oklch(78.9% 0.154 211.53);
     --color-cyan-500: oklch(71.5% 0.143 215.221);
     --color-cyan-950: oklch(30.2% 0.056 229.695);
     --color-blue-50: oklch(97% 0.014 254.604);
-    --color-blue-100: oklch(93.2% 0.032 255.585);
     --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);
@@ -47,9 +51,7 @@
     --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-100: oklch(96.7% 0.003 264.542);
     --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;
@@ -330,13 +332,13 @@
     position: sticky;
   }
   .inset-0 {
-    inset: calc(var(--spacing) * 0);
+    inset: 0;
   }
   .inset-x-0 {
-    inset-inline: calc(var(--spacing) * 0);
+    inset-inline: 0;
   }
   .inset-y-0 {
-    inset-block: calc(var(--spacing) * 0);
+    inset-block: 0;
   }
   .\!top-14 {
     top: calc(var(--spacing) * 14) !important;
@@ -345,7 +347,7 @@
     top: calc(var(--spacing) * -12);
   }
   .top-0 {
-    top: calc(var(--spacing) * 0);
+    top: 0;
   }
   .top-1\.5 {
     top: calc(var(--spacing) * 1.5);
@@ -381,10 +383,10 @@
     right: calc(var(--spacing) * -12);
   }
   .right-0 {
-    right: calc(var(--spacing) * 0);
+    right: 0;
   }
   .right-1 {
-    right: calc(var(--spacing) * 1);
+    right: var(--spacing);
   }
   .right-1\.5 {
     right: calc(var(--spacing) * 1.5);
@@ -405,7 +407,7 @@
     bottom: calc(var(--spacing) * -12);
   }
   .bottom-0 {
-    bottom: calc(var(--spacing) * 0);
+    bottom: 0;
   }
   .bottom-4 {
     bottom: calc(var(--spacing) * 4);
@@ -414,7 +416,7 @@
     left: calc(var(--spacing) * -12);
   }
   .left-0 {
-    left: calc(var(--spacing) * 0);
+    left: 0;
   }
   .left-1\/2 {
     left: calc(1 / 2 * 100%);
@@ -449,9 +451,6 @@
   .z-\[9999\] {
     z-index: 9999;
   }
-  .col-span-1 {
-    grid-column: span 1 / span 1;
-  }
   .col-span-2 {
     grid-column: span 2 / span 2;
   }
@@ -483,7 +482,7 @@
     }
   }
   .\!m-0 {
-    margin: calc(var(--spacing) * 0) !important;
+    margin: 0 !important;
   }
   .-mx-1 {
     margin-inline: calc(var(--spacing) * -1);
@@ -501,13 +500,13 @@
     margin-inline: auto;
   }
   .my-0 {
-    margin-block: calc(var(--spacing) * 0);
+    margin-block: 0;
   }
   .my-0\.5 {
     margin-block: calc(var(--spacing) * 0.5);
   }
   .my-1 {
-    margin-block: calc(var(--spacing) * 1);
+    margin-block: var(--spacing);
   }
   .my-2 {
     margin-block: calc(var(--spacing) * 2);
@@ -525,13 +524,13 @@
     margin-top: calc(var(--spacing) * -4);
   }
   .mt-0 {
-    margin-top: calc(var(--spacing) * 0);
+    margin-top: 0;
   }
   .mt-0\.5 {
     margin-top: calc(var(--spacing) * 0.5);
   }
   .mt-1 {
-    margin-top: calc(var(--spacing) * 1);
+    margin-top: var(--spacing);
   }
   .mt-1\.5 {
     margin-top: calc(var(--spacing) * 1.5);
@@ -555,7 +554,7 @@
     margin-top: auto;
   }
   .mr-1 {
-    margin-right: calc(var(--spacing) * 1);
+    margin-right: var(--spacing);
   }
   .mr-1\.5 {
     margin-right: calc(var(--spacing) * 1.5);
@@ -566,11 +565,8 @@
   .-mb-px {
     margin-bottom: -1px;
   }
-  .mb-0 {
-    margin-bottom: calc(var(--spacing) * 0);
-  }
   .mb-1 {
-    margin-bottom: calc(var(--spacing) * 1);
+    margin-bottom: var(--spacing);
   }
   .mb-2 {
     margin-bottom: calc(var(--spacing) * 2);
@@ -581,12 +577,6 @@
   .mb-4 {
     margin-bottom: calc(var(--spacing) * 4);
   }
-  .mb-6 {
-    margin-bottom: calc(var(--spacing) * 6);
-  }
-  .mb-8 {
-    margin-bottom: calc(var(--spacing) * 8);
-  }
   .-ml-4 {
     margin-left: calc(var(--spacing) * -4);
   }
@@ -597,7 +587,7 @@
     margin-left: calc(var(--spacing) * 0.5);
   }
   .ml-1 {
-    margin-left: calc(var(--spacing) * 1);
+    margin-left: var(--spacing);
   }
   .ml-1\.5 {
     margin-left: calc(var(--spacing) * 1.5);
@@ -695,7 +685,7 @@
     height: calc(var(--spacing) * 0.5);
   }
   .h-1 {
-    height: calc(var(--spacing) * 1);
+    height: var(--spacing);
   }
   .h-1\.5 {
     height: calc(var(--spacing) * 1.5);
@@ -781,15 +771,6 @@
   .h-\[125px\] {
     height: 125px;
   }
-  .h-\[150px\] {
-    height: 150px;
-  }
-  .h-\[200px\] {
-    height: 200px;
-  }
-  .h-\[500px\] {
-    height: 500px;
-  }
   .h-\[600px\] {
     height: 600px;
   }
@@ -811,9 +792,6 @@
   .h-px {
     height: 1px;
   }
-  .h-screen {
-    height: 100vh;
-  }
   .h-svh {
     height: 100svh;
   }
@@ -857,7 +835,7 @@
     max-height: 100vh;
   }
   .min-h-0 {
-    min-height: calc(var(--spacing) * 0);
+    min-height: 0;
   }
   .min-h-4 {
     min-height: calc(var(--spacing) * 4);
@@ -880,9 +858,6 @@
   .min-h-\[100px\] {
     min-height: 100px;
   }
-  .min-h-\[100vh\] {
-    min-height: 100vh;
-  }
   .min-h-\[120px\] {
     min-height: 120px;
   }
@@ -905,10 +880,10 @@
     width: var(--sidebar-width);
   }
   .w-0 {
-    width: calc(var(--spacing) * 0);
+    width: 0;
   }
   .w-1 {
-    width: calc(var(--spacing) * 1);
+    width: var(--spacing);
   }
   .w-1\/2 {
     width: calc(1 / 2 * 100%);
@@ -1018,21 +993,9 @@
   .w-\[280px\] {
     width: 280px;
   }
-  .w-\[300px\] {
-    width: 300px;
-  }
-  .w-\[350px\] {
-    width: 350px;
-  }
-  .w-\[400px\] {
-    width: 400px;
-  }
   .w-\[420px\] {
     width: 420px;
   }
-  .w-\[450px\] {
-    width: 450px;
-  }
   .w-\[calc\(100vw-1rem\)\] {
     width: calc(100vw - 1rem);
   }
@@ -1130,7 +1093,7 @@
     min-width: var(--cell-size);
   }
   .min-w-0 {
-    min-width: calc(var(--spacing) * 0);
+    min-width: 0;
   }
   .min-w-4 {
     min-width: calc(var(--spacing) * 4);
@@ -1189,6 +1152,14 @@
   .caption-bottom {
     caption-side: bottom;
   }
+  .border-separate {
+    border-collapse: separate;
+  }
+  .border-spacing-0 {
+    --tw-border-spacing-x: 0;
+    --tw-border-spacing-y: 0;
+    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
+  }
   .origin-\(--radix-context-menu-content-transform-origin\) {
     transform-origin: var(--radix-context-menu-content-transform-origin);
   }
@@ -1307,9 +1278,6 @@
   .list-none {
     list-style-type: none;
   }
-  .auto-rows-min {
-    grid-auto-rows: min-content;
-  }
   .grid-cols-1 {
     grid-template-columns: repeat(1, minmax(0, 1fr));
   }
@@ -1398,13 +1366,13 @@
     justify-content: flex-start;
   }
   .gap-0 {
-    gap: calc(var(--spacing) * 0);
+    gap: 0;
   }
   .gap-0\.5 {
     gap: calc(var(--spacing) * 0.5);
   }
   .gap-1 {
-    gap: calc(var(--spacing) * 1);
+    gap: var(--spacing);
   }
   .gap-1\.5 {
     gap: calc(var(--spacing) * 1.5);
@@ -1439,8 +1407,8 @@
   .space-y-0 {
     :where(& > :not(:last-child)) {
       --tw-space-y-reverse: 0;
-      margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));
-      margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)));
+      margin-block-start: 0;
+      margin-block-end: 0;
     }
   }
   .space-y-0\.5 {
@@ -1453,8 +1421,8 @@
   .space-y-1 {
     :where(& > :not(:last-child)) {
       --tw-space-y-reverse: 0;
-      margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
-      margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
+      margin-block-start: calc(var(--spacing) * var(--tw-space-y-reverse));
+      margin-block-end: calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)));
     }
   }
   .space-y-1\.5 {
@@ -1499,11 +1467,17 @@
       margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
     }
   }
+  .gap-x-2 {
+    column-gap: calc(var(--spacing) * 2);
+  }
+  .gap-x-6 {
+    column-gap: calc(var(--spacing) * 6);
+  }
   .space-x-1 {
     :where(& > :not(:last-child)) {
       --tw-space-x-reverse: 0;
-      margin-inline-start: calc(calc(var(--spacing) * 1) * var(--tw-space-x-reverse));
-      margin-inline-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse)));
+      margin-inline-start: calc(var(--spacing) * var(--tw-space-x-reverse));
+      margin-inline-end: calc(var(--spacing) * calc(1 - var(--tw-space-x-reverse)));
     }
   }
   .space-x-2 {
@@ -1513,13 +1487,6 @@
       margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
     }
   }
-  .space-x-3 {
-    :where(& > :not(:last-child)) {
-      --tw-space-x-reverse: 0;
-      margin-inline-start: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse));
-      margin-inline-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse)));
-    }
-  }
   .space-x-4 {
     :where(& > :not(:last-child)) {
       --tw-space-x-reverse: 0;
@@ -1527,6 +1494,26 @@
       margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
     }
   }
+  .gap-y-1\.5 {
+    row-gap: calc(var(--spacing) * 1.5);
+  }
+  .gap-y-3 {
+    row-gap: calc(var(--spacing) * 3);
+  }
+  .divide-y {
+    :where(& > :not(:last-child)) {
+      --tw-divide-y-reverse: 0;
+      border-bottom-style: var(--tw-border-style);
+      border-top-style: var(--tw-border-style);
+      border-top-width: calc(1px * var(--tw-divide-y-reverse));
+      border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
+    }
+  }
+  .divide-border {
+    :where(& > :not(:last-child)) {
+      border-color: var(--color-border);
+    }
+  }
   .self-center {
     align-self: center;
   }
@@ -1547,6 +1534,9 @@
   .overflow-hidden {
     overflow: hidden;
   }
+  .overflow-visible {
+    overflow: visible;
+  }
   .overflow-x-auto {
     overflow-x: auto;
   }
@@ -1657,6 +1647,9 @@
   .border-\(--color-border\) {
     border-color: var(--color-border);
   }
+  .border-amber-300 {
+    border-color: var(--color-amber-300);
+  }
   .border-blue-300 {
     border-color: var(--color-blue-300);
   }
@@ -1669,6 +1662,12 @@
       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)) {
+      border-color: color-mix(in oklab, var(--color-border) 60%, transparent);
+    }
+  }
   .border-cyan-400 {
     border-color: var(--color-cyan-400);
   }
@@ -1777,9 +1776,6 @@
       background-color: color-mix(in oklab, var(--color-blue-50) 50%, transparent);
     }
   }
-  .bg-blue-100 {
-    background-color: var(--color-blue-100);
-  }
   .bg-blue-500 {
     background-color: var(--color-blue-500);
   }
@@ -1813,27 +1809,15 @@
       background-color: color-mix(in oklab, var(--color-destructive) 10%, transparent);
     }
   }
+  .bg-emerald-100 {
+    background-color: var(--color-emerald-100);
+  }
   .bg-foreground {
     background-color: var(--color-foreground);
   }
   .bg-gray-50 {
     background-color: var(--color-gray-50);
   }
-  .bg-gray-50\/50 {
-    background-color: color-mix(in srgb, oklch(98.5% 0.002 247.839) 50%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--color-gray-50) 50%, transparent);
-    }
-  }
-  .bg-gray-100 {
-    background-color: var(--color-gray-100);
-  }
-  .bg-gray-400 {
-    background-color: var(--color-gray-400);
-  }
-  .bg-green-100 {
-    background-color: var(--color-green-100);
-  }
   .bg-green-500 {
     background-color: var(--color-green-500);
   }
@@ -1849,12 +1833,24 @@
       background-color: color-mix(in oklab, var(--color-muted-foreground) 50%, transparent);
     }
   }
+  .bg-muted\/20 {
+    background-color: color-mix(in srgb, hsl(var(--muted)) 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-muted) 20%, transparent);
+    }
+  }
   .bg-muted\/30 {
     background-color: color-mix(in srgb, hsl(var(--muted)) 30%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
       background-color: color-mix(in oklab, var(--color-muted) 30%, transparent);
     }
   }
+  .bg-muted\/40 {
+    background-color: color-mix(in srgb, hsl(var(--muted)) 40%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-muted) 40%, transparent);
+    }
+  }
   .bg-muted\/50 {
     background-color: color-mix(in srgb, hsl(var(--muted)) 50%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -1873,6 +1869,12 @@
       background-color: color-mix(in oklab, var(--color-primary) 5%, transparent);
     }
   }
+  .bg-primary\/10 {
+    background-color: color-mix(in srgb, hsl(var(--primary)) 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-primary) 10%, transparent);
+    }
+  }
   .bg-primary\/50 {
     background-color: color-mix(in srgb, hsl(var(--primary)) 50%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -1894,9 +1896,6 @@
   .bg-red-50 {
     background-color: var(--color-red-50);
   }
-  .bg-red-100 {
-    background-color: var(--color-red-100);
-  }
   .bg-secondary {
     background-color: var(--color-secondary);
   }
@@ -1927,9 +1926,6 @@
       background-color: color-mix(in oklab, var(--color-yellow-50) 50%, transparent);
     }
   }
-  .bg-yellow-100 {
-    background-color: var(--color-yellow-100);
-  }
   .bg-gradient-to-r {
     --tw-gradient-position: to right in oklab;
     background-image: linear-gradient(var(--tw-gradient-stops));
@@ -1962,9 +1958,6 @@
   .fill-current {
     fill: currentcolor;
   }
-  .fill-red-500 {
-    fill: var(--color-red-500);
-  }
   .fill-yellow-400 {
     fill: var(--color-yellow-400);
   }
@@ -1978,13 +1971,13 @@
     object-fit: fill;
   }
   .p-0 {
-    padding: calc(var(--spacing) * 0);
+    padding: 0;
   }
   .p-0\.5 {
     padding: calc(var(--spacing) * 0.5);
   }
   .p-1 {
-    padding: calc(var(--spacing) * 1);
+    padding: var(--spacing);
   }
   .p-2 {
     padding: calc(var(--spacing) * 2);
@@ -1992,6 +1985,9 @@
   .p-3 {
     padding: calc(var(--spacing) * 3);
   }
+  .p-3\.5 {
+    padding: calc(var(--spacing) * 3.5);
+  }
   .p-4 {
     padding: calc(var(--spacing) * 4);
   }
@@ -2004,9 +2000,6 @@
   .p-8 {
     padding: calc(var(--spacing) * 8);
   }
-  .p-10 {
-    padding: calc(var(--spacing) * 10);
-  }
   .p-\[1px\] {
     padding: 1px;
   }
@@ -2014,7 +2007,7 @@
     padding-inline: var(--cell-size);
   }
   .px-1 {
-    padding-inline: calc(var(--spacing) * 1);
+    padding-inline: var(--spacing);
   }
   .px-1\.5 {
     padding-inline: calc(var(--spacing) * 1.5);
@@ -2028,6 +2021,9 @@
   .px-3 {
     padding-inline: calc(var(--spacing) * 3);
   }
+  .px-3\.5 {
+    padding-inline: calc(var(--spacing) * 3.5);
+  }
   .px-4 {
     padding-inline: calc(var(--spacing) * 4);
   }
@@ -2044,7 +2040,7 @@
     padding-block: calc(var(--spacing) * 0.5);
   }
   .py-1 {
-    padding-block: calc(var(--spacing) * 1);
+    padding-block: var(--spacing);
   }
   .py-1\.5 {
     padding-block: calc(var(--spacing) * 1.5);
@@ -2052,6 +2048,9 @@
   .py-2 {
     padding-block: calc(var(--spacing) * 2);
   }
+  .py-2\.5 {
+    padding-block: calc(var(--spacing) * 2.5);
+  }
   .py-3 {
     padding-block: calc(var(--spacing) * 3);
   }
@@ -2065,7 +2064,7 @@
     padding-block: 0.2rem;
   }
   .pt-0 {
-    padding-top: calc(var(--spacing) * 0);
+    padding-top: 0;
   }
   .pt-2 {
     padding-top: calc(var(--spacing) * 2);
@@ -2077,7 +2076,7 @@
     padding-top: calc(var(--spacing) * 4);
   }
   .pr-1 {
-    padding-right: calc(var(--spacing) * 1);
+    padding-right: var(--spacing);
   }
   .pr-2 {
     padding-right: calc(var(--spacing) * 2);
@@ -2091,11 +2090,8 @@
   .pr-10 {
     padding-right: calc(var(--spacing) * 10);
   }
-  .pb-0 {
-    padding-bottom: calc(var(--spacing) * 0);
-  }
   .pb-1 {
-    padding-bottom: calc(var(--spacing) * 1);
+    padding-bottom: var(--spacing);
   }
   .pb-1\.5 {
     padding-bottom: calc(var(--spacing) * 1.5);
@@ -2277,8 +2273,8 @@
   .text-amber-700 {
     color: var(--color-amber-700);
   }
-  .text-blue-500 {
-    color: var(--color-blue-500);
+  .text-amber-800 {
+    color: var(--color-amber-800);
   }
   .text-card-foreground {
     color: var(--color-card-foreground);
@@ -2298,6 +2294,12 @@
   .text-emerald-500 {
     color: var(--color-emerald-500);
   }
+  .text-emerald-600 {
+    color: var(--color-emerald-600);
+  }
+  .text-emerald-700 {
+    color: var(--color-emerald-700);
+  }
   .text-foreground {
     color: var(--color-foreground);
   }
@@ -2307,18 +2309,18 @@
       color: color-mix(in oklab, var(--color-foreground) 50%, transparent);
     }
   }
-  .text-gray-300 {
-    color: var(--color-gray-300);
-  }
-  .text-green-500 {
-    color: var(--color-green-500);
-  }
   .text-green-600 {
     color: var(--color-green-600);
   }
   .text-muted-foreground {
     color: var(--color-muted-foreground);
   }
+  .text-muted-foreground\/40 {
+    color: color-mix(in srgb, hsl(var(--muted-foreground)) 40%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, var(--color-muted-foreground) 40%, transparent);
+    }
+  }
   .text-muted-foreground\/50 {
     color: color-mix(in srgb, hsl(var(--muted-foreground)) 50%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2528,8 +2530,8 @@
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
-  .transition-\[width\,height\,padding\] {
-    transition-property: width,height,padding;
+  .transition-\[width\,height\,padding\,color\,background-color\] {
+    transition-property: width,height,padding,color,background-color;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
@@ -2653,6 +2655,9 @@
   .fade-in-80 {
     --tw-enter-opacity: 0.8;
   }
+  .running {
+    animation-play-state: running;
+  }
   .slide-in-from-bottom-2 {
     --tw-enter-translate-y: 0.5rem;
   }
@@ -2819,12 +2824,12 @@
   }
   .group-data-\[collapsible\=offcanvas\]\:w-0 {
     &:is(:where(.group)[data-collapsible="offcanvas"] *) {
-      width: calc(var(--spacing) * 0);
+      width: 0;
     }
   }
   .group-data-\[collapsible\=offcanvas\]\:translate-x-0 {
     &:is(:where(.group)[data-collapsible="offcanvas"] *) {
-      --tw-translate-x: calc(var(--spacing) * 0);
+      --tw-translate-x: 0;
       translate: var(--tw-translate-x) var(--tw-translate-y);
     }
   }
@@ -2870,7 +2875,7 @@
   }
   .group-data-\[side\=right\]\:left-0 {
     &:is(:where(.group)[data-side="right"] *) {
-      left: calc(var(--spacing) * 0);
+      left: 0;
     }
   }
   .group-data-\[side\=right\]\:rotate-180 {
@@ -3048,7 +3053,7 @@
   }
   .peer-data-\[size\=sm\]\/menu-button\:top-1 {
     &:is(:where(.peer\/menu-button)[data-size="sm"] ~ *) {
-      top: calc(var(--spacing) * 1);
+      top: var(--spacing);
     }
   }
   .file\:border-0 {
@@ -3099,7 +3104,7 @@
   .after\:inset-y-0 {
     &::after {
       content: var(--tw-content);
-      inset-block: calc(var(--spacing) * 0);
+      inset-block: 0;
     }
   }
   .after\:left-1\/2 {
@@ -3117,7 +3122,7 @@
   .after\:w-1 {
     &::after {
       content: var(--tw-content);
-      width: calc(var(--spacing) * 1);
+      width: var(--spacing);
     }
   }
   .after\:w-\[2px\] {
@@ -3155,7 +3160,7 @@
   }
   .first\:mt-0 {
     &:first-child {
-      margin-top: calc(var(--spacing) * 0);
+      margin-top: 0;
     }
   }
   .first\:rounded-l-md {
@@ -3172,7 +3177,7 @@
   }
   .first\:pt-0 {
     &:first-child {
-      padding-top: calc(var(--spacing) * 0);
+      padding-top: 0;
     }
   }
   .last\:rounded-r-md {
@@ -3911,7 +3916,7 @@
     &[data-panel-group-direction="vertical"] {
       &::after {
         content: var(--tw-content);
-        left: calc(var(--spacing) * 0);
+        left: 0;
       }
     }
   }
@@ -3919,7 +3924,7 @@
     &[data-panel-group-direction="vertical"] {
       &::after {
         content: var(--tw-content);
-        height: calc(var(--spacing) * 1);
+        height: var(--spacing);
       }
     }
   }
@@ -3935,7 +3940,7 @@
     &[data-panel-group-direction="vertical"] {
       &::after {
         content: var(--tw-content);
-        --tw-translate-x: calc(var(--spacing) * 0);
+        --tw-translate-x: 0;
         translate: var(--tw-translate-x) var(--tw-translate-y);
       }
     }
@@ -4026,7 +4031,7 @@
   }
   .data-\[side\=bottom\]\:translate-y-1 {
     &[data-side="bottom"] {
-      --tw-translate-y: calc(var(--spacing) * 1);
+      --tw-translate-y: var(--spacing);
       translate: var(--tw-translate-x) var(--tw-translate-y);
     }
   }
@@ -4048,7 +4053,7 @@
   }
   .data-\[side\=right\]\:translate-x-1 {
     &[data-side="right"] {
-      --tw-translate-x: calc(var(--spacing) * 1);
+      --tw-translate-x: var(--spacing);
       translate: var(--tw-translate-x) var(--tw-translate-y);
     }
   }
@@ -4253,12 +4258,24 @@
       opacity: 100%;
     }
   }
+  .data-\[state\=open\]\:duration-300 {
+    &[data-state="open"] {
+      --tw-duration: 300ms;
+      transition-duration: 300ms;
+    }
+  }
   .data-\[state\=open\]\:duration-500 {
     &[data-state="open"] {
       --tw-duration: 500ms;
       transition-duration: 500ms;
     }
   }
+  .data-\[state\=open\]\:ease-out {
+    &[data-state="open"] {
+      --tw-ease: var(--ease-out);
+      transition-timing-function: var(--ease-out);
+    }
+  }
   .data-\[state\=open\]\:animate-in {
     &[data-state="open"] {
       animation-name: enter;
@@ -4270,11 +4287,21 @@
       --tw-enter-translate-y: initial;
     }
   }
+  .data-\[state\=open\]\:duration-300 {
+    &[data-state="open"] {
+      animation-duration: 300ms;
+    }
+  }
   .data-\[state\=open\]\:duration-500 {
     &[data-state="open"] {
       animation-duration: 500ms;
     }
   }
+  .data-\[state\=open\]\:ease-out {
+    &[data-state="open"] {
+      animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
+    }
+  }
   .data-\[state\=open\]\:fade-in-0 {
     &[data-state="open"] {
       --tw-enter-opacity: 0;
@@ -4386,7 +4413,7 @@
   }
   .data-\[state\=unchecked\]\:translate-x-0 {
     &[data-state="unchecked"] {
-      --tw-translate-x: calc(var(--spacing) * 0);
+      --tw-translate-x: 0;
       translate: var(--tw-translate-x) var(--tw-translate-y);
     }
   }
@@ -4413,7 +4440,7 @@
   }
   .data-\[swipe\=cancel\]\:translate-x-0 {
     &[data-swipe="cancel"] {
-      --tw-translate-x: calc(var(--spacing) * 0);
+      --tw-translate-x: 0;
       translate: var(--tw-translate-x) var(--tw-translate-y);
     }
   }
@@ -4525,12 +4552,12 @@
   }
   .sm\:right-0 {
     @media (width >= 40rem) {
-      right: calc(var(--spacing) * 0);
+      right: 0;
     }
   }
   .sm\:bottom-0 {
     @media (width >= 40rem) {
-      bottom: calc(var(--spacing) * 0);
+      bottom: 0;
     }
   }
   .sm\:left-\[50\%\] {
@@ -4560,7 +4587,7 @@
   }
   .sm\:mt-0 {
     @media (width >= 40rem) {
-      margin-top: calc(var(--spacing) * 0);
+      margin-top: 0;
     }
   }
   .sm\:block {
@@ -4615,7 +4642,7 @@
   }
   .sm\:min-h-0 {
     @media (width >= 40rem) {
-      min-height: calc(var(--spacing) * 0);
+      min-height: 0;
     }
   }
   .sm\:w-4 {
@@ -4690,7 +4717,7 @@
   }
   .sm\:min-w-0 {
     @media (width >= 40rem) {
-      min-width: calc(var(--spacing) * 0);
+      min-width: 0;
     }
   }
   .sm\:translate-x-\[-50\%\] {
@@ -4847,7 +4874,7 @@
   }
   .sm\:p-1 {
     @media (width >= 40rem) {
-      padding: calc(var(--spacing) * 1);
+      padding: var(--spacing);
     }
   }
   .sm\:p-2 {
@@ -4907,7 +4934,7 @@
   }
   .sm\:py-1 {
     @media (width >= 40rem) {
-      padding-block: calc(var(--spacing) * 1);
+      padding-block: var(--spacing);
     }
   }
   .sm\:py-4 {
@@ -4966,7 +4993,7 @@
   }
   .md\:mx-0 {
     @media (width >= 48rem) {
-      margin-inline: calc(var(--spacing) * 0);
+      margin-inline: 0;
     }
   }
   .md\:block {
@@ -4984,11 +5011,21 @@
       display: none;
     }
   }
+  .md\:w-64 {
+    @media (width >= 48rem) {
+      width: calc(var(--spacing) * 64);
+    }
+  }
   .md\:w-80 {
     @media (width >= 48rem) {
       width: calc(var(--spacing) * 80);
     }
   }
+  .md\:w-96 {
+    @media (width >= 48rem) {
+      width: calc(var(--spacing) * 96);
+    }
+  }
   .md\:w-\[500px\] {
     @media (width >= 48rem) {
       width: 500px;
@@ -5014,6 +5051,11 @@
       max-width: 420px;
     }
   }
+  .md\:shrink-0 {
+    @media (width >= 48rem) {
+      flex-shrink: 0;
+    }
+  }
   .md\:grid-cols-1 {
     @media (width >= 48rem) {
       grid-template-columns: repeat(1, minmax(0, 1fr));
@@ -5162,12 +5204,12 @@
   }
   .md\:px-0 {
     @media (width >= 48rem) {
-      padding-inline: calc(var(--spacing) * 0);
+      padding-inline: 0;
     }
   }
   .md\:py-0 {
     @media (width >= 48rem) {
-      padding-block: calc(var(--spacing) * 0);
+      padding-block: 0;
     }
   }
   .md\:text-2xl {
@@ -5204,7 +5246,7 @@
   .md\:peer-data-\[variant\=inset\]\:ml-0 {
     @media (width >= 48rem) {
       &:is(:where(.peer)[data-variant="inset"] ~ *) {
-        margin-left: calc(var(--spacing) * 0);
+        margin-left: 0;
       }
     }
   }
@@ -5511,6 +5553,11 @@
       grid-column: span 4 / span 4;
     }
   }
+  .dark\:border-amber-900 {
+    &:where(.dark, .dark *) {
+      border-color: var(--color-amber-900);
+    }
+  }
   .dark\:border-destructive {
     &:where(.dark, .dark *) {
       border-color: var(--color-destructive);
@@ -5524,6 +5571,14 @@
       }
     }
   }
+  .dark\:bg-amber-950\/30 {
+    &:where(.dark, .dark *) {
+      background-color: color-mix(in srgb, oklch(27.9% 0.077 45.635) 30%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-amber-950) 30%, transparent);
+      }
+    }
+  }
   .dark\:bg-background\/95 {
     &:where(.dark, .dark *) {
       background-color: color-mix(in srgb, hsl(var(--background)) 95%, transparent);
@@ -5532,11 +5587,29 @@
       }
     }
   }
+  .dark\:bg-emerald-950\/50 {
+    &:where(.dark, .dark *) {
+      background-color: color-mix(in srgb, oklch(26.2% 0.051 172.552) 50%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-emerald-950) 50%, transparent);
+      }
+    }
+  }
+  .dark\:text-amber-300 {
+    &:where(.dark, .dark *) {
+      color: var(--color-amber-300);
+    }
+  }
   .dark\:text-amber-400 {
     &:where(.dark, .dark *) {
       color: var(--color-amber-400);
     }
   }
+  .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));
@@ -5644,7 +5717,7 @@
   }
   .\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 {
     & [cmdk-group]:not([hidden]) ~[cmdk-group] {
-      padding-top: calc(var(--spacing) * 0);
+      padding-top: 0;
     }
   }
   .\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 {
@@ -5793,7 +5866,7 @@
   }
   .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0 {
     &:has([role=checkbox]) {
-      padding-right: calc(var(--spacing) * 0);
+      padding-right: 0;
     }
   }
   .rtl\:\*\*\:\[\.rdp-button\\_next\>svg\]\:rotate-180 {
@@ -6178,6 +6251,27 @@
   --sidebar-accent-foreground: 240 5.9% 10%;
   --sidebar-border: 220 13% 91%;
   --sidebar-ring: 217.2 91.2% 59.8%;
+  --space-1: 0.25rem;
+  --space-2: 0.5rem;
+  --space-3: 0.75rem;
+  --space-4: 1rem;
+  --space-5: 1.25rem;
+  --space-6: 1.5rem;
+  --space-8: 2rem;
+  --space-10: 2.5rem;
+  --space-12: 3rem;
+  --radius-lg: 0.75rem;
+  --radius-xl: 1rem;
+  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
+  --shadow-md: 0 4px 12px -2px rgb(0 0 0 / 0.12);
+  --shadow-lg: 0 10px 30px -5px rgb(0 0 0 / 0.25);
+  --surface: hsl(var(--card));
+  --surface-sunken: hsl(var(--muted));
+  --text-strong: hsl(var(--foreground));
+  --text-muted: hsl(var(--muted-foreground));
+  --brand: hsl(var(--primary));
+  --brand-foreground: hsl(var(--primary-foreground));
+  --hairline: hsl(var(--border));
   font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
 }
 .dark {
@@ -6277,6 +6371,16 @@ body {
     transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));
   }
 }
+@property --tw-border-spacing-x {
+  syntax: "<length>";
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-border-spacing-y {
+  syntax: "<length>";
+  inherits: false;
+  initial-value: 0;
+}
 @property --tw-translate-x {
   syntax: "*";
   inherits: false;
@@ -6337,6 +6441,11 @@ body {
   inherits: false;
   initial-value: 0;
 }
+@property --tw-divide-y-reverse {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
 @property --tw-border-style {
   syntax: "*";
   inherits: false;
@@ -6611,6 +6720,8 @@ body {
 @layer properties {
   @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
     *, ::before, ::after, ::backdrop {
+      --tw-border-spacing-x: 0;
+      --tw-border-spacing-y: 0;
       --tw-translate-x: 0;
       --tw-translate-y: 0;
       --tw-translate-z: 0;
@@ -6624,6 +6735,7 @@ body {
       --tw-skew-y: initial;
       --tw-space-y-reverse: 0;
       --tw-space-x-reverse: 0;
+      --tw-divide-y-reverse: 0;
       --tw-border-style: solid;
       --tw-gradient-position: initial;
       --tw-gradient-from: #0000;