@docyrus/ui-pro-ai-assistant 0.4.3 → 0.4.4

package/dist/styles.css

@@ -8,11 +8,14 @@
   --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);
   --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-red-800: oklch(44.4% 0.177 26.899);
   --color-red-900: oklch(39.6% 0.141 25.723);
+  --color-red-950: oklch(25.8% 0.092 26.042);
   --color-orange-50: oklch(98% 0.016 73.684);
   --color-orange-100: oklch(95.4% 0.038 75.164);
   --color-orange-200: oklch(90.1% 0.076 70.697);
@@ -22,17 +25,22 @@
   --color-orange-900: oklch(40.8% 0.123 38.172);
   --color-amber-50: oklch(98.7% 0.022 95.277);
   --color-amber-100: oklch(96.2% 0.059 95.617);
+  --color-amber-200: oklch(92.4% 0.12 95.746);
+  --color-amber-300: oklch(87.9% 0.169 91.605);
   --color-amber-400: oklch(82.8% 0.189 84.429);
   --color-amber-500: oklch(76.9% 0.188 70.08);
   --color-amber-600: oklch(66.6% 0.179 58.318);
   --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-100: oklch(97.3% 0.071 103.193);
   --color-yellow-400: oklch(85.2% 0.199 91.936);
   --color-yellow-600: oklch(68.1% 0.162 75.834);
   --color-yellow-700: oklch(55.4% 0.135 66.442);
   --color-yellow-900: oklch(42.1% 0.095 57.708);
   --color-green-100: oklch(96.2% 0.044 156.743);
+  --color-green-300: oklch(87.1% 0.15 154.449);
   --color-green-400: oklch(79.2% 0.209 151.711);
   --color-green-500: oklch(72.3% 0.219 149.579);
   --color-green-600: oklch(62.7% 0.194 149.214);
@@ -80,9 +88,13 @@
   --color-purple-700: oklch(49.6% 0.265 301.924);
   --color-rose-50: oklch(96.9% 0.015 12.422);
   --color-rose-100: oklch(94.1% 0.03 12.58);
+  --color-rose-200: oklch(89.2% 0.058 10.001);
+  --color-rose-300: oklch(81% 0.117 11.638);
   --color-rose-500: oklch(64.5% 0.246 16.439);
   --color-rose-600: oklch(58.6% 0.253 17.585);
   --color-rose-700: oklch(51.4% 0.222 16.935);
+  --color-rose-800: oklch(45.5% 0.188 13.697);
+  --color-rose-900: oklch(41% 0.159 10.272);
   --color-rose-950: oklch(27.1% 0.105 12.094);
   --color-slate-50: oklch(98.4% 0.003 247.858);
   --color-slate-100: oklch(96.8% 0.007 247.896);
@@ -93,6 +105,7 @@
   --color-slate-600: oklch(44.6% 0.043 257.281);
   --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-100: oklch(96.7% 0.003 264.542);
   --color-gray-200: oklch(92.8% 0.006 264.531);
@@ -149,6 +162,7 @@
   --radius-2xl: 1rem;
   --radius-4xl: 2rem;
   --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+  --ease-in: cubic-bezier(0.4, 0, 1, 1);
   --ease-out: cubic-bezier(0, 0, 0.2, 1);
   --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
   --animate-spin: spin 1s linear infinite;
@@ -365,6 +379,9 @@
 .right-2\.5 {
   right: calc(var(--spacing) * 2.5);
 }
+.right-3 {
+  right: calc(var(--spacing) * 3);
+}
 .right-4 {
   right: calc(var(--spacing) * 4);
 }
@@ -437,6 +454,9 @@
 .left-2 {
   left: calc(var(--spacing) * 2);
 }
+.left-2\.5 {
+  left: calc(var(--spacing) * 2.5);
+}
 .left-3 {
   left: calc(var(--spacing) * 3);
 }
@@ -939,6 +959,10 @@
   width: calc(var(--spacing) * 12);
   height: calc(var(--spacing) * 12);
 }
+.size-14 {
+  width: calc(var(--spacing) * 14);
+  height: calc(var(--spacing) * 14);
+}
 .size-16 {
   width: calc(var(--spacing) * 16);
   height: calc(var(--spacing) * 16);
@@ -1137,6 +1161,9 @@
 .max-h-\(--radix-dropdown-menu-content-available-height\) {
   max-height: var(--radix-dropdown-menu-content-available-height);
 }
+.max-h-\(--radix-popover-content-available-height\) {
+  max-height: var(--radix-popover-content-available-height);
+}
 .max-h-\(--radix-select-content-available-height\) {
   max-height: var(--radix-select-content-available-height);
 }
@@ -1149,6 +1176,9 @@
 .max-h-48 {
   max-height: calc(var(--spacing) * 48);
 }
+.max-h-55 {
+  max-height: calc(var(--spacing) * 55);
+}
 .max-h-56 {
   max-height: calc(var(--spacing) * 56);
 }
@@ -1245,6 +1275,9 @@
 .min-h-30 {
   min-height: calc(var(--spacing) * 30);
 }
+.min-h-50 {
+  min-height: calc(var(--spacing) * 50);
+}
 .min-h-96 {
   min-height: calc(var(--spacing) * 96);
 }
@@ -1305,6 +1338,9 @@
 .w-1 {
   width: calc(var(--spacing) * 1);
 }
+.w-1\/3 {
+  width: calc(1 / 3 * 100%);
+}
 .w-2 {
   width: calc(var(--spacing) * 2);
 }
@@ -1488,6 +1524,9 @@
 .max-w-\(--radix-popover-content-available-width\) {
   max-width: var(--radix-popover-content-available-width);
 }
+.max-w-\(--radix-popover-trigger-width\) {
+  max-width: var(--radix-popover-trigger-width);
+}
 .max-w-\(--skeleton-width\) {
   max-width: var(--skeleton-width);
 }
@@ -1798,6 +1837,12 @@
   --tw-scale-z: 50%;
   scale: var(--tw-scale-x) var(--tw-scale-y);
 }
+.scale-110 {
+  --tw-scale-x: 110%;
+  --tw-scale-y: 110%;
+  --tw-scale-z: 110%;
+  scale: var(--tw-scale-x) var(--tw-scale-y);
+}
 .rotate-0 {
   rotate: 0deg;
 }
@@ -1810,6 +1855,9 @@
 .rotate-180 {
   rotate: 180deg;
 }
+.rotate-360 {
+  rotate: 360deg;
+}
 .transform {
   transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
 }
@@ -1885,6 +1933,9 @@
 .appearance-none {
   appearance: none;
 }
+.columns-3 {
+  columns: 3;
+}
 .auto-rows-min {
   grid-auto-rows: min-content;
 }
@@ -1897,6 +1948,9 @@
 .grid-cols-3 {
   grid-template-columns: repeat(3, minmax(0, 1fr));
 }
+.grid-cols-6 {
+  grid-template-columns: repeat(6, minmax(0, 1fr));
+}
 .grid-cols-8 {
   grid-template-columns: repeat(8, minmax(0, 1fr));
 }
@@ -2247,6 +2301,14 @@
   border-top-left-radius: var(--radius-xl);
   border-top-right-radius: var(--radius-xl);
 }
+.rounded-l-md {
+  border-top-left-radius: var(--radius-md);
+  border-bottom-left-radius: var(--radius-md);
+}
+.rounded-l-none {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
 .rounded-tl-xl {
   border-top-left-radius: var(--radius-xl);
 }
@@ -2371,6 +2433,9 @@
 .border-\(--color-border\) {
   border-color: var(--color-border);
 }
+.border-amber-200 {
+  border-color: var(--color-amber-200);
+}
 .border-blue-200 {
   border-color: var(--color-blue-200);
 }
@@ -2386,6 +2451,9 @@
 .border-current {
   border-color: currentcolor;
 }
+.border-destructive {
+  border-color: var(--destructive);
+}
 .border-destructive\/20 {
   border-color: var(--destructive);
   @supports (color: color-mix(in lab, red, red)) {
@@ -2428,6 +2496,12 @@
     border-color: color-mix(in oklab, var(--muted-foreground) 20%, transparent);
   }
 }
+.border-muted-foreground\/30 {
+  border-color: var(--muted-foreground);
+  @supports (color: color-mix(in lab, red, red)) {
+    border-color: color-mix(in oklab, var(--muted-foreground) 30%, transparent);
+  }
+}
 .border-muted-foreground\/50 {
   border-color: var(--muted-foreground);
   @supports (color: color-mix(in lab, red, red)) {
@@ -2443,6 +2517,9 @@
 .border-purple-600 {
   border-color: var(--color-purple-600);
 }
+.border-red-200 {
+  border-color: var(--color-red-200);
+}
 .border-red-400\/30 {
   border-color: color-mix(in srgb, oklch(70.4% 0.191 22.216) 30%, transparent);
   @supports (color: color-mix(in lab, red, red)) {
@@ -2455,6 +2532,9 @@
 .border-rose-100 {
   border-color: var(--color-rose-100);
 }
+.border-rose-200 {
+  border-color: var(--color-rose-200);
+}
 .border-slate-100 {
   border-color: var(--color-slate-100);
 }
@@ -2491,6 +2571,24 @@
 .bg-accent {
   background-color: var(--accent);
 }
+.bg-accent\/40 {
+  background-color: var(--accent);
+  @supports (color: color-mix(in lab, red, red)) {
+    background-color: color-mix(in oklab, var(--accent) 40%, transparent);
+  }
+}
+.bg-accent\/60 {
+  background-color: var(--accent);
+  @supports (color: color-mix(in lab, red, red)) {
+    background-color: color-mix(in oklab, var(--accent) 60%, transparent);
+  }
+}
+.bg-accent\/70 {
+  background-color: var(--accent);
+  @supports (color: color-mix(in lab, red, red)) {
+    background-color: color-mix(in oklab, var(--accent) 70%, transparent);
+  }
+}
 .bg-amber-50 {
   background-color: var(--color-amber-50);
 }
@@ -2626,6 +2724,9 @@
 .bg-green-500 {
   background-color: var(--color-green-500);
 }
+.bg-green-600 {
+  background-color: var(--color-green-600);
+}
 .bg-indigo-50 {
   background-color: var(--color-indigo-50);
 }
@@ -2665,6 +2766,12 @@
     background-color: color-mix(in oklab, var(--muted-foreground) 40%, transparent);
   }
 }
+.bg-muted\/20 {
+  background-color: var(--muted);
+  @supports (color: color-mix(in lab, red, red)) {
+    background-color: color-mix(in oklab, var(--muted) 20%, transparent);
+  }
+}
 .bg-muted\/30 {
   background-color: var(--muted);
   @supports (color: color-mix(in lab, red, red)) {
@@ -2716,6 +2823,15 @@
 .bg-primary {
   background-color: var(--primary);
 }
+.bg-primary-foreground {
+  background-color: var(--primary-foreground);
+}
+.bg-primary\/5 {
+  background-color: var(--primary);
+  @supports (color: color-mix(in lab, red, red)) {
+    background-color: color-mix(in oklab, var(--primary) 5%, transparent);
+  }
+}
 .bg-primary\/6 {
   background-color: var(--primary);
   @supports (color: color-mix(in lab, red, red)) {
@@ -2779,6 +2895,9 @@
 .bg-sky-500 {
   background-color: var(--color-sky-500);
 }
+.bg-sky-600 {
+  background-color: var(--color-sky-600);
+}
 .bg-slate-50 {
   background-color: var(--color-slate-50);
 }
@@ -2876,6 +2995,9 @@
 .fill-foreground {
   fill: var(--foreground);
 }
+.fill-yellow-400 {
+  fill: var(--color-yellow-400);
+}
 .stroke-inherit {
   stroke: inherit;
 }
@@ -3212,6 +3334,9 @@
 .pl-8 {
   padding-left: calc(var(--spacing) * 8);
 }
+.pl-9 {
+  padding-left: calc(var(--spacing) * 9);
+}
 .pl-10 {
   padding-left: calc(var(--spacing) * 10);
 }
@@ -3248,6 +3373,9 @@
 .align-baseline {
   vertical-align: baseline;
 }
+.align-bottom {
+  vertical-align: bottom;
+}
 .align-middle {
   vertical-align: middle;
 }
@@ -3309,6 +3437,9 @@
 .text-\[1\.875em\] {
   font-size: 1.875em;
 }
+.text-\[8px\] {
+  font-size: 8px;
+}
 .text-\[9px\] {
   font-size: 9px;
 }
@@ -3324,6 +3455,14 @@
 .text-\[18px\] {
   font-size: 18px;
 }
+.leading-4 {
+  --tw-leading: calc(var(--spacing) * 4);
+  line-height: calc(var(--spacing) * 4);
+}
+.leading-5 {
+  --tw-leading: calc(var(--spacing) * 5);
+  line-height: calc(var(--spacing) * 5);
+}
 .leading-\[1\.3\]\! {
   --tw-leading: 1.3 !important;
   line-height: 1.3 !important;
@@ -3394,6 +3533,9 @@
 .text-nowrap {
   text-wrap: nowrap;
 }
+.text-wrap {
+  text-wrap: wrap;
+}
 .break-words {
   overflow-wrap: break-word;
 }
@@ -3424,9 +3566,15 @@
 .text-amber-600 {
   color: var(--color-amber-600);
 }
+.text-amber-700 {
+  color: var(--color-amber-700);
+}
 .text-background {
   color: var(--background);
 }
+.text-black {
+  color: var(--color-black);
+}
 .text-blue-500 {
   color: var(--color-blue-500);
 }
@@ -3514,6 +3662,12 @@
 .text-muted-foreground {
   color: var(--muted-foreground);
 }
+.text-muted-foreground\/30 {
+  color: var(--muted-foreground);
+  @supports (color: color-mix(in lab, red, red)) {
+    color: color-mix(in oklab, var(--muted-foreground) 30%, transparent);
+  }
+}
 .text-muted-foreground\/40 {
   color: var(--muted-foreground);
   @supports (color: color-mix(in lab, red, red)) {
@@ -3628,6 +3782,9 @@
 .text-white {
   color: var(--color-white);
 }
+.text-yellow-400 {
+  color: var(--color-yellow-400);
+}
 .text-yellow-600 {
   color: var(--color-yellow-600);
 }
@@ -3657,6 +3814,9 @@
 .no-underline {
   text-decoration-line: none;
 }
+.overline {
+  text-decoration-line: overline;
+}
 .underline {
   text-decoration-line: underline;
 }
@@ -3773,6 +3933,12 @@
 .ring-background {
   --tw-ring-color: var(--background);
 }
+.ring-destructive\/20 {
+  --tw-ring-color: var(--destructive);
+  @supports (color: color-mix(in lab, red, red)) {
+    --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
+  }
+}
 .ring-destructive\/30 {
   --tw-ring-color: var(--destructive);
   @supports (color: color-mix(in lab, red, red)) {
@@ -3785,6 +3951,9 @@
     --tw-ring-color: color-mix(in oklab, var(--foreground) 10%, transparent);
   }
 }
+.ring-primary {
+  --tw-ring-color: var(--primary);
+}
 .ring-primary\/30 {
   --tw-ring-color: var(--primary);
   @supports (color: color-mix(in lab, red, red)) {
@@ -3809,6 +3978,10 @@
 .ring-sky-400 {
   --tw-ring-color: var(--color-sky-400);
 }
+.ring-offset-1 {
+  --tw-ring-offset-width: 1px;
+  --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+}
 .ring-offset-2 {
   --tw-ring-offset-width: 2px;
   --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
@@ -3976,6 +4149,10 @@
   --tw-ease: cubic-bezier(0.22,1,0.36,1);
   transition-timing-function: cubic-bezier(0.22,1,0.36,1);
 }
+.ease-in {
+  --tw-ease: var(--ease-in);
+  transition-timing-function: var(--ease-in);
+}
 .ease-in-out {
   --tw-ease: var(--ease-in-out);
   transition-timing-function: var(--ease-in-out);
@@ -4943,6 +5120,11 @@
     opacity: 50%;
   }
 }
+.peer-disabled\:opacity-70 {
+  &:is(:where(.peer):disabled ~ *) {
+    opacity: 70%;
+  }
+}
 .peer-has-\[\[role\=menuitem\]\]\/menu-group\:block {
   &:is(:where(.peer\/menu-group):has(*:is([role=menuitem])) ~ *) {
     display: block;
@@ -5873,6 +6055,16 @@
     --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   }
 }
+.hover\:scale-105 {
+  &:hover {
+    @media (hover: hover) {
+      --tw-scale-x: 105%;
+      --tw-scale-y: 105%;
+      --tw-scale-z: 105%;
+      scale: var(--tw-scale-x) var(--tw-scale-y);
+    }
+  }
+}
 .hover\:border-muted-foreground {
   &:hover {
     @media (hover: hover) {
@@ -5961,6 +6153,23 @@
     }
   }
 }
+.hover\:bg-accent\/60 {
+  &:hover {
+    @media (hover: hover) {
+      background-color: var(--accent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--accent) 60%, transparent);
+      }
+    }
+  }
+}
+.hover\:bg-amber-50 {
+  &:hover {
+    @media (hover: hover) {
+      background-color: var(--color-amber-50);
+    }
+  }
+}
 .hover\:bg-background {
   &:hover {
     @media (hover: hover) {
@@ -6029,6 +6238,13 @@
     }
   }
 }
+.hover\:bg-green-700 {
+  &:hover {
+    @media (hover: hover) {
+      background-color: var(--color-green-700);
+    }
+  }
+}
 .hover\:bg-indigo-200 {
   &:hover {
     @media (hover: hover) {
@@ -6160,6 +6376,13 @@
     }
   }
 }
+.hover\:bg-red-50 {
+  &:hover {
+    @media (hover: hover) {
+      background-color: var(--color-red-50);
+    }
+  }
+}
 .hover\:bg-rose-50 {
   &:hover {
     @media (hover: hover) {
@@ -6184,6 +6407,13 @@
     }
   }
 }
+.hover\:bg-sky-700 {
+  &:hover {
+    @media (hover: hover) {
+      background-color: var(--color-sky-700);
+    }
+  }
+}
 .hover\:bg-slate-50 {
   &:hover {
     @media (hover: hover) {
@@ -6229,6 +6459,13 @@
     }
   }
 }
+.hover\:text-amber-800 {
+  &:hover {
+    @media (hover: hover) {
+      color: var(--color-amber-800);
+    }
+  }
+}
 .hover\:text-blue-800 {
   &:hover {
     @media (hover: hover) {
@@ -6298,6 +6535,13 @@
     }
   }
 }
+.hover\:text-red-800 {
+  &:hover {
+    @media (hover: hover) {
+      color: var(--color-red-800);
+    }
+  }
+}
 .hover\:text-rose-600 {
   &:hover {
     @media (hover: hover) {
@@ -6305,6 +6549,13 @@
     }
   }
 }
+.hover\:text-rose-800 {
+  &:hover {
+    @media (hover: hover) {
+      color: var(--color-rose-800);
+    }
+  }
+}
 .hover\:text-sky-700 {
   &:hover {
     @media (hover: hover) {
@@ -6350,6 +6601,13 @@
     }
   }
 }
+.hover\:opacity-70 {
+  &:hover {
+    @media (hover: hover) {
+      opacity: 70%;
+    }
+  }
+}
 .hover\:opacity-80 {
   &:hover {
     @media (hover: hover) {
@@ -6409,6 +6667,11 @@
     z-index: 10;
   }
 }
+.focus\:border-ring {
+  &:focus {
+    border-color: var(--ring);
+  }
+}
 .focus\:bg-accent {
   &:focus {
     background-color: var(--accent);
@@ -6432,6 +6695,11 @@
     background-color: var(--primary);
   }
 }
+.focus\:bg-transparent {
+  &:focus {
+    background-color: transparent;
+  }
+}
 .focus\:bg-white\/5 {
   &:focus {
     background-color: color-mix(in srgb, #fff 5%, transparent);
@@ -6468,6 +6736,12 @@
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
 }
+.focus\:ring-\[3px\] {
+  &:focus {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + 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);
+  }
+}
 .focus\:ring-muted-foreground {
   &:focus {
     --tw-ring-color: var(--muted-foreground);
@@ -6483,6 +6757,14 @@
     --tw-ring-color: var(--ring);
   }
 }
+.focus\:ring-ring\/50 {
+  &:focus {
+    --tw-ring-color: var(--ring);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
+    }
+  }
+}
 .focus\:ring-sky-500 {
   &:focus {
     --tw-ring-color: var(--color-sky-500);
@@ -6702,6 +6984,16 @@
     cursor: not-allowed;
   }
 }
+.disabled\:bg-transparent {
+  &:disabled {
+    background-color: transparent;
+  }
+}
+.disabled\:opacity-30 {
+  &:disabled {
+    opacity: 30%;
+  }
+}
 .disabled\:opacity-50 {
   &:disabled {
     opacity: 50%;
@@ -6785,6 +7077,25 @@
     color: var(--background);
   }
 }
+.has-focus-visible\:border-ring {
+  &:has(*:focus-visible) {
+    border-color: var(--ring);
+  }
+}
+.has-focus-visible\:ring-\[3px\] {
+  &:has(*:focus-visible) {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + 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);
+  }
+}
+.has-focus-visible\:ring-ring\/50 {
+  &:has(*:focus-visible) {
+    --tw-ring-color: var(--ring);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
+    }
+  }
+}
 .has-disabled\:opacity-50 {
   &:has(*:disabled) {
     opacity: 50%;
@@ -6949,6 +7260,12 @@
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
 }
+.has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-\[3px\] {
+  &:has(*:is([data-slot=input-group-control]:focus-visible)) {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + 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);
+  }
+}
 .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-ring\/50 {
   &:has(*:is([data-slot=input-group-control]:focus-visible)) {
     --tw-ring-color: var(--ring);
@@ -6968,6 +7285,12 @@
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
 }
+.has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-\[3px\] {
+  &:has(*:is([data-slot][aria-invalid=true])) {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + 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);
+  }
+}
 .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/20 {
   &:has(*:is([data-slot][aria-invalid=true])) {
     --tw-ring-color: var(--destructive);
@@ -6996,6 +7319,25 @@
     display: flex;
   }
 }
+.has-\[input\:focus\]\:border-ring {
+  &:has(*:is(input:focus)) {
+    border-color: var(--ring);
+  }
+}
+.has-\[input\:focus\]\:ring-\[3px\] {
+  &:has(*:is(input:focus)) {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + 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);
+  }
+}
+.has-\[input\:focus\]\:ring-ring\/50 {
+  &:has(*:is(input:focus)) {
+    --tw-ring-color: var(--ring);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
+    }
+  }
+}
 .has-\[select\:disabled\]\:opacity-50 {
   &:has(*:is(select:disabled)) {
     opacity: 50%;
@@ -7211,6 +7553,12 @@
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
 }
+.aria-invalid\:ring-\[3px\] {
+  &[aria-invalid="true"] {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + 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);
+  }
+}
 .aria-invalid\:ring-destructive\/20 {
   &[aria-invalid="true"] {
     --tw-ring-color: var(--destructive);
@@ -7624,11 +7972,39 @@
     background-color: var(--muted);
   }
 }
+.data-selected\:bg-primary {
+  &[data-selected] {
+    background-color: var(--primary);
+  }
+}
 .data-selected\:text-foreground {
   &[data-selected] {
     color: var(--foreground);
   }
 }
+.data-selected\:text-primary-foreground {
+  &[data-selected] {
+    color: var(--primary-foreground);
+  }
+}
+.data-selected\:hover\:bg-primary {
+  &[data-selected] {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--primary);
+      }
+    }
+  }
+}
+.data-selected\:hover\:text-primary-foreground {
+  &[data-selected] {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--primary-foreground);
+      }
+    }
+  }
+}
 .\*\*\:data-slate-placeholder\:\!top-1\/2 {
   :is(& *) {
     &[data-slate-placeholder] {
@@ -8463,6 +8839,11 @@
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
 }
+.data-\[state\=checked\]\:border-primary {
+  &[data-state="checked"] {
+    border-color: var(--primary);
+  }
+}
 .data-\[state\=checked\]\:bg-accent {
   &[data-state="checked"] {
     background-color: var(--accent);
@@ -8481,6 +8862,14 @@
     background-color: var(--primary);
   }
 }
+.data-\[state\=checked\]\:bg-primary\/5 {
+  &[data-state="checked"] {
+    background-color: var(--primary);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--primary) 5%, transparent);
+    }
+  }
+}
 .data-\[state\=checked\]\:text-primary-foreground {
   &[data-state="checked"] {
     color: var(--primary-foreground);
@@ -8832,16 +9221,36 @@
     display: flex;
   }
 }
+.sm\:hidden {
+  @media (width >= 40rem) {
+    display: none;
+  }
+}
 .sm\:inline {
   @media (width >= 40rem) {
     display: inline;
   }
 }
+.sm\:h-75 {
+  @media (width >= 40rem) {
+    height: calc(var(--spacing) * 75);
+  }
+}
 .sm\:max-h-\[min\(640px\,80vh\)\] {
   @media (width >= 40rem) {
     max-height: min(640px, 80vh);
   }
 }
+.sm\:w-auto {
+  @media (width >= 40rem) {
+    width: auto;
+  }
+}
+.sm\:w-full {
+  @media (width >= 40rem) {
+    width: 100%;
+  }
+}
 .sm\:max-w-\[90vw\] {
   @media (width >= 40rem) {
     max-width: 90vw;
@@ -8867,6 +9276,11 @@
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
 }
+.sm\:flex-col {
+  @media (width >= 40rem) {
+    flex-direction: column;
+  }
+}
 .sm\:flex-row {
   @media (width >= 40rem) {
     flex-direction: row;
@@ -8891,6 +9305,27 @@
     }
   }
 }
+.sm\:divide-x {
+  @media (width >= 40rem) {
+    :where(& > :not(:last-child)) {
+      --tw-divide-x-reverse: 0;
+      border-inline-style: var(--tw-border-style);
+      border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
+      border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
+    }
+  }
+}
+.sm\:divide-y-0 {
+  @media (width >= 40rem) {
+    :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(0px * var(--tw-divide-y-reverse));
+      border-bottom-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
+    }
+  }
+}
 .sm\:rounded-lg {
   @media (width >= 40rem) {
     border-radius: var(--radius-lg);
@@ -9176,6 +9611,11 @@
     display: inline;
   }
 }
+.lg\:grid-cols-3 {
+  @media (width >= 64rem) {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+}
 .lg\:grid-cols-4 {
   @media (width >= 64rem) {
     grid-template-columns: repeat(4, minmax(0, 1fr));
@@ -9377,6 +9817,11 @@
     }
   }
 }
+.dark\:border-amber-900 {
+  @media (prefers-color-scheme: dark) {
+    border-color: var(--color-amber-900);
+  }
+}
 .dark\:border-blue-800 {
   @media (prefers-color-scheme: dark) {
     border-color: var(--color-blue-800);
@@ -9387,11 +9832,21 @@
     border-color: var(--input);
   }
 }
+.dark\:border-red-900 {
+  @media (prefers-color-scheme: dark) {
+    border-color: var(--color-red-900);
+  }
+}
 .dark\:border-ring {
   @media (prefers-color-scheme: dark) {
     border-color: var(--ring);
   }
 }
+.dark\:border-rose-900 {
+  @media (prefers-color-scheme: dark) {
+    border-color: var(--color-rose-900);
+  }
+}
 .dark\:\!bg-\[var\(--shiki-dark-bg\)\] {
   @media (prefers-color-scheme: dark) {
     background-color: var(--shiki-dark-bg) !important;
@@ -9405,6 +9860,14 @@
     }
   }
 }
+.dark\:bg-amber-900\/30 {
+  @media (prefers-color-scheme: dark) {
+    background-color: color-mix(in srgb, oklch(41.4% 0.112 45.904) 30%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-amber-900) 30%, transparent);
+    }
+  }
+}
 .dark\:bg-background {
   @media (prefers-color-scheme: dark) {
     background-color: var(--background);
@@ -9447,6 +9910,11 @@
     }
   }
 }
+.dark\:bg-green-500 {
+  @media (prefers-color-scheme: dark) {
+    background-color: var(--color-green-500);
+  }
+}
 .dark\:bg-green-900\/30 {
   @media (prefers-color-scheme: dark) {
     background-color: color-mix(in srgb, oklch(39.3% 0.095 152.535) 30%, transparent);
@@ -9508,6 +9976,19 @@
     }
   }
 }
+.dark\:bg-rose-900\/30 {
+  @media (prefers-color-scheme: dark) {
+    background-color: color-mix(in srgb, oklch(41% 0.159 10.272) 30%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-rose-900) 30%, transparent);
+    }
+  }
+}
+.dark\:bg-sky-500 {
+  @media (prefers-color-scheme: dark) {
+    background-color: var(--color-sky-500);
+  }
+}
 .dark\:bg-sky-900\/40 {
   @media (prefers-color-scheme: dark) {
     background-color: color-mix(in srgb, oklch(39.1% 0.09 240.876) 40%, transparent);
@@ -9516,6 +9997,22 @@
     }
   }
 }
+.dark\:bg-slate-900\/30 {
+  @media (prefers-color-scheme: dark) {
+    background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 30%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-slate-900) 30%, transparent);
+    }
+  }
+}
+.dark\:bg-slate-900\/50 {
+  @media (prefers-color-scheme: dark) {
+    background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 50%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-slate-900) 50%, transparent);
+    }
+  }
+}
 .dark\:bg-transparent {
   @media (prefers-color-scheme: dark) {
     background-color: transparent;
@@ -9552,6 +10049,11 @@
     color: var(--shiki-dark) !important;
   }
 }
+.dark\:text-amber-300 {
+  @media (prefers-color-scheme: dark) {
+    color: var(--color-amber-300);
+  }
+}
 .dark\:text-blue-300 {
   @media (prefers-color-scheme: dark) {
     color: var(--color-blue-300);
@@ -9567,6 +10069,11 @@
     color: var(--color-gray-400);
   }
 }
+.dark\:text-green-300 {
+  @media (prefers-color-scheme: dark) {
+    color: var(--color-green-300);
+  }
+}
 .dark\:text-green-400 {
   @media (prefers-color-scheme: dark) {
     color: var(--color-green-400);
@@ -9587,16 +10094,31 @@
     color: var(--color-orange-400);
   }
 }
+.dark\:text-red-300 {
+  @media (prefers-color-scheme: dark) {
+    color: var(--color-red-300);
+  }
+}
 .dark\:text-red-400 {
   @media (prefers-color-scheme: dark) {
     color: var(--color-red-400);
   }
 }
+.dark\:text-rose-300 {
+  @media (prefers-color-scheme: dark) {
+    color: var(--color-rose-300);
+  }
+}
 .dark\:text-sky-300 {
   @media (prefers-color-scheme: dark) {
     color: var(--color-sky-300);
   }
 }
+.dark\:text-slate-300 {
+  @media (prefers-color-scheme: dark) {
+    color: var(--color-slate-300);
+  }
+}
 .dark\:text-yellow-400 {
   @media (prefers-color-scheme: dark) {
     color: var(--color-yellow-400);
@@ -9633,6 +10155,18 @@
     }
   }
 }
+.dark\:hover\:bg-amber-950\/40 {
+  @media (prefers-color-scheme: dark) {
+    &:hover {
+      @media (hover: hover) {
+        background-color: color-mix(in srgb, oklch(27.9% 0.077 45.635) 40%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--color-amber-950) 40%, transparent);
+        }
+      }
+    }
+  }
+}
 .dark\:hover\:bg-destructive\/30 {
   @media (prefers-color-scheme: dark) {
     &:hover {
@@ -9645,6 +10179,15 @@
     }
   }
 }
+.dark\:hover\:bg-green-400 {
+  @media (prefers-color-scheme: dark) {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-green-400);
+      }
+    }
+  }
+}
 .dark\:hover\:bg-indigo-900 {
   @media (prefers-color-scheme: dark) {
     &:hover {
@@ -9687,6 +10230,18 @@
     }
   }
 }
+.dark\:hover\:bg-red-950\/40 {
+  @media (prefers-color-scheme: dark) {
+    &:hover {
+      @media (hover: hover) {
+        background-color: color-mix(in srgb, oklch(25.8% 0.092 26.042) 40%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--color-red-950) 40%, transparent);
+        }
+      }
+    }
+  }
+}
 .dark\:hover\:bg-rose-950 {
   @media (prefers-color-scheme: dark) {
     &:hover {
@@ -9696,6 +10251,27 @@
     }
   }
 }
+.dark\:hover\:bg-rose-950\/40 {
+  @media (prefers-color-scheme: dark) {
+    &:hover {
+      @media (hover: hover) {
+        background-color: color-mix(in srgb, oklch(27.1% 0.105 12.094) 40%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--color-rose-950) 40%, transparent);
+        }
+      }
+    }
+  }
+}
+.dark\:hover\:bg-sky-400 {
+  @media (prefers-color-scheme: dark) {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-sky-400);
+      }
+    }
+  }
+}
 .dark\:hover\:text-foreground {
   @media (prefers-color-scheme: dark) {
     &:hover {
@@ -9715,6 +10291,13 @@
     }
   }
 }
+.dark\:disabled\:bg-transparent {
+  @media (prefers-color-scheme: dark) {
+    &:disabled {
+      background-color: transparent;
+    }
+  }
+}
 .dark\:in-data-\[slot\=tooltip-content\]\:bg-background\/10 {
   @media (prefers-color-scheme: dark) {
     :where(*[data-slot="tooltip-content"]) & {
@@ -11855,6 +12438,11 @@
   initial-value: "";
   inherits: false;
 }
+@property --tw-divide-x-reverse {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
 @keyframes spin {
   to {
     transform: rotate(360deg);
@@ -11956,6 +12544,7 @@
       --tw-duration: initial;
       --tw-ease: initial;
       --tw-content: "";
+      --tw-divide-x-reverse: 0;
     }
   }
 }