adminium 1.0.2 → 1.0.4

package/dist/styles/adminium.css

@@ -91,6 +91,7 @@
     --container-2xl: 42rem;
     --container-3xl: 48rem;
     --container-4xl: 56rem;
+    --container-5xl: 64rem;
     --container-6xl: 72rem;
     --text-xs: 0.75rem;
     --text-xs--line-height: calc(1 / 0.75);
@@ -119,10 +120,17 @@
     --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
     --blur-xs: 4px;
     --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);
     --default-mono-font-family: var(--font-mono);
+    --color-border: var(--border);
+    --animate-accordion-down: accordion-down 0.2s ease-out;
+    --animate-accordion-up: accordion-up 0.2s ease-out;
+    --animate-collapsible-down: collapsible-down 0.2s ease-out;
+    --animate-collapsible-up: collapsible-up 0.2s ease-out;
+    --animate-caret-blink: caret-blink 1.25s ease-out infinite;
   }
 }
 @layer base {
@@ -373,9 +381,21 @@
   .top-5 {
     top: calc(var(--spacing) * 5);
   }
+  .top-9 {
+    top: calc(var(--spacing) * 9);
+  }
   .top-\[50\%\] {
     top: 50%;
   }
+  .top-\[60\%\] {
+    top: 60%;
+  }
+  .top-full {
+    top: 100%;
+  }
+  .top-px {
+    top: 1px;
+  }
   .-right-1 {
     right: calc(var(--spacing) * -1);
   }
@@ -418,9 +438,15 @@
   .left-\[50\%\] {
     left: 50%;
   }
+  .isolate {
+    isolation: isolate;
+  }
   .z-10 {
     z-index: 10;
   }
+  .z-20 {
+    z-index: 20;
+  }
   .z-30 {
     z-index: 30;
   }
@@ -472,6 +498,9 @@
   .mx-1 {
     margin-inline: calc(var(--spacing) * 1);
   }
+  .mx-10 {
+    margin-inline: calc(var(--spacing) * 10);
+  }
   .mx-\[2px\] {
     margin-inline: 2px;
   }
@@ -481,6 +510,9 @@
   .-my-2 {
     margin-block: calc(var(--spacing) * -2);
   }
+  .my-0\.5 {
+    margin-block: calc(var(--spacing) * 0.5);
+  }
   .my-1 {
     margin-block: calc(var(--spacing) * 1);
   }
@@ -496,6 +528,9 @@
   .-ms-2 {
     margin-inline-start: calc(var(--spacing) * -2);
   }
+  .ms-1 {
+    margin-inline-start: calc(var(--spacing) * 1);
+  }
   .ms-auto {
     margin-inline-start: auto;
   }
@@ -505,6 +540,9 @@
   .-me-1 {
     margin-inline-end: calc(var(--spacing) * -1);
   }
+  .me-2 {
+    margin-inline-end: calc(var(--spacing) * 2);
+  }
   .-mt-16 {
     margin-top: calc(var(--spacing) * -16);
   }
@@ -514,6 +552,9 @@
   .mt-1 {
     margin-top: calc(var(--spacing) * 1);
   }
+  .mt-1\.5 {
+    margin-top: calc(var(--spacing) * 1.5);
+  }
   .mt-2 {
     margin-top: calc(var(--spacing) * 2);
   }
@@ -568,6 +609,9 @@
   .mb-5 {
     margin-bottom: calc(var(--spacing) * 5);
   }
+  .mb-7 {
+    margin-bottom: calc(var(--spacing) * 7);
+  }
   .mb-8 {
     margin-bottom: calc(var(--spacing) * 8);
   }
@@ -595,6 +639,9 @@
   .ml-auto {
     margin-left: auto;
   }
+  .box-content {
+    box-sizing: content-box;
+  }
   .line-clamp-3 {
     overflow: hidden;
     display: -webkit-box;
@@ -628,6 +675,9 @@
   .aspect-square {
     aspect-ratio: 1 / 1;
   }
+  .aspect-video {
+    aspect-ratio: var(--aspect-video);
+  }
   .size-1\.5 {
     width: calc(var(--spacing) * 1.5);
     height: calc(var(--spacing) * 1.5);
@@ -712,6 +762,9 @@
     width: 100%;
     height: 100%;
   }
+  .h-\(--radix-navigation-menu-viewport-height\) {
+    height: var(--radix-navigation-menu-viewport-height);
+  }
   .h-0 {
     height: calc(var(--spacing) * 0);
   }
@@ -751,6 +804,9 @@
   .h-10 {
     height: calc(var(--spacing) * 10);
   }
+  .h-11 {
+    height: calc(var(--spacing) * 11);
+  }
   .h-12 {
     height: calc(var(--spacing) * 12);
   }
@@ -829,6 +885,9 @@
   .max-h-64 {
     max-height: calc(var(--spacing) * 64);
   }
+  .max-h-75 {
+    max-height: calc(var(--spacing) * 75);
+  }
   .max-h-96 {
     max-height: calc(var(--spacing) * 96);
   }
@@ -850,6 +909,9 @@
   .min-h-20 {
     min-height: calc(var(--spacing) * 20);
   }
+  .min-h-32 {
+    min-height: calc(var(--spacing) * 32);
+  }
   .min-h-80 {
     min-height: calc(var(--spacing) * 80);
   }
@@ -865,6 +927,12 @@
   .min-h-screen {
     min-height: 100vh;
   }
+  .w-0 {
+    width: calc(var(--spacing) * 0);
+  }
+  .w-1 {
+    width: calc(var(--spacing) * 1);
+  }
   .w-1\.5 {
     width: calc(var(--spacing) * 1.5);
   }
@@ -973,6 +1041,9 @@
   .w-80 {
     width: calc(var(--spacing) * 80);
   }
+  .w-88 {
+    width: calc(var(--spacing) * 88);
+  }
   .w-96 {
     width: calc(var(--spacing) * 96);
   }
@@ -1051,6 +1122,9 @@
   .max-w-4xl {
     max-width: var(--container-4xl);
   }
+  .max-w-5xl {
+    max-width: var(--container-5xl);
+  }
   .max-w-6xl {
     max-width: var(--container-6xl);
   }
@@ -1075,6 +1149,9 @@
   .max-w-lg {
     max-width: var(--container-lg);
   }
+  .max-w-max {
+    max-width: max-content;
+  }
   .max-w-md {
     max-width: var(--container-md);
   }
@@ -1160,6 +1237,10 @@
     --tw-translate-x: -100%;
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
+  .translate-x-1\/2 {
+    --tw-translate-x: calc(1/2 * 100%);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
   .translate-x-\[-50\%\] {
     --tw-translate-x: -50%;
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -1172,9 +1253,18 @@
     --tw-translate-y: -50%;
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
+  .-rotate-90 {
+    rotate: calc(90deg * -1);
+  }
+  .rotate-45 {
+    rotate: 45deg;
+  }
   .transform {
     transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
   }
+  .animate-caret-blink {
+    animation: var(--animate-caret-blink);
+  }
   .animate-pulse {
     animation: var(--animate-pulse);
   }
@@ -1187,6 +1277,12 @@
   .cursor-default {
     cursor: default;
   }
+  .cursor-grab\! {
+    cursor: grab !important;
+  }
+  .cursor-grabbing\! {
+    cursor: grabbing !important;
+  }
   .cursor-pointer {
     cursor: pointer;
   }
@@ -1205,6 +1301,12 @@
   .list-disc {
     list-style-type: disc;
   }
+  .list-none {
+    list-style-type: none;
+  }
+  .auto-rows-fr {
+    grid-auto-rows: minmax(0, 1fr);
+  }
   .grid-cols-1 {
     grid-template-columns: repeat(1, minmax(0, 1fr));
   }
@@ -1458,6 +1560,9 @@
   .overflow-x-auto {
     overflow-x: auto;
   }
+  .overflow-x-hidden {
+    overflow-x: hidden;
+  }
   .overflow-y-auto {
     overflow-y: auto;
   }
@@ -1489,6 +1594,10 @@
     border-top-left-radius: 10px;
     border-top-right-radius: 10px;
   }
+  .rounded-t-lg {
+    border-top-left-radius: var(--radius);
+    border-top-right-radius: var(--radius);
+  }
   .rounded-t-xl {
     border-top-left-radius: calc(var(--radius) + 4px);
     border-top-right-radius: calc(var(--radius) + 4px);
@@ -1499,6 +1608,10 @@
   .rounded-tr-none {
     border-top-right-radius: 0;
   }
+  .rounded-b-lg {
+    border-bottom-right-radius: var(--radius);
+    border-bottom-left-radius: var(--radius);
+  }
   .rounded-b-xl {
     border-bottom-right-radius: calc(var(--radius) + 4px);
     border-bottom-left-radius: calc(var(--radius) + 4px);
@@ -1515,6 +1628,10 @@
     border-style: var(--tw-border-style);
     border-width: 4px;
   }
+  .border-y {
+    border-block-style: var(--tw-border-style);
+    border-block-width: 1px;
+  }
   .border-s {
     border-inline-start-style: var(--tw-border-style);
     border-inline-start-width: 1px;
@@ -1527,6 +1644,10 @@
     border-top-style: var(--tw-border-style);
     border-top-width: 1px;
   }
+  .border-t-0 {
+    border-top-style: var(--tw-border-style);
+    border-top-width: 0px;
+  }
   .border-r {
     border-right-style: var(--tw-border-style);
     border-right-width: 1px;
@@ -1551,6 +1672,9 @@
     --tw-border-style: dashed;
     border-style: dashed;
   }
+  .border-\(--color-border\) {
+    border-color: var(--color-border);
+  }
   .border-\[var\(--color-destructive-alpha\,var\(--color-red-100\)\)\] {
     border-color: var(--color-destructive-alpha,var(--color-red-100));
   }
@@ -1587,6 +1711,12 @@
   .border-border {
     border-color: var(--border);
   }
+  .border-border\/50 {
+    border-color: var(--border);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--border) 50%, transparent);
+    }
+  }
   .border-card {
     border-color: var(--card);
   }
@@ -1605,15 +1735,24 @@
       border-color: color-mix(in oklab, var(--muted-foreground) 25%, transparent);
     }
   }
+  .border-primary {
+    border-color: var(--primary);
+  }
   .border-transparent {
     border-color: transparent;
   }
+  .border-s-input {
+    border-inline-start-color: var(--input);
+  }
   .border-t-transparent {
     border-top-color: transparent;
   }
   .border-l-transparent {
     border-left-color: transparent;
   }
+  .bg-\(--color-bg\) {
+    background-color: var(--color-bg);
+  }
   .bg-\[\#0077B5\] {
     background-color: #0077B5;
   }
@@ -1665,6 +1804,18 @@
   .bg-accent {
     background-color: var(--accent);
   }
+  .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-background {
     background-color: var(--background);
   }
@@ -1722,6 +1873,9 @@
   .bg-emerald-500 {
     background-color: var(--color-emerald-500);
   }
+  .bg-foreground {
+    background-color: var(--foreground);
+  }
   .bg-gray-900 {
     background-color: var(--color-gray-900);
   }
@@ -1779,6 +1933,9 @@
   .bg-primary {
     background-color: var(--primary);
   }
+  .bg-primary-foreground {
+    background-color: var(--primary-foreground);
+  }
   .bg-primary\/10 {
     background-color: var(--primary);
     @supports (color: color-mix(in lab, red, red)) {
@@ -1973,6 +2130,9 @@
     --tw-gradient-to: transparent;
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
+  .fill-current {
+    fill: currentcolor;
+  }
   .fill-primary {
     fill: var(--primary);
   }
@@ -2027,6 +2187,9 @@
   .px-0 {
     padding-inline: calc(var(--spacing) * 0);
   }
+  .px-0\.5 {
+    padding-inline: calc(var(--spacing) * 0.5);
+  }
   .px-1 {
     padding-inline: calc(var(--spacing) * 1);
   }
@@ -2087,9 +2250,18 @@
   .py-12 {
     padding-block: calc(var(--spacing) * 12);
   }
+  .py-px {
+    padding-block: 1px;
+  }
   .ps-2 {
     padding-inline-start: calc(var(--spacing) * 2);
   }
+  .ps-2\.5 {
+    padding-inline-start: calc(var(--spacing) * 2.5);
+  }
+  .ps-5 {
+    padding-inline-start: calc(var(--spacing) * 5);
+  }
   .ps-6 {
     padding-inline-start: calc(var(--spacing) * 6);
   }
@@ -2105,6 +2277,9 @@
   .pe-8 {
     padding-inline-end: calc(var(--spacing) * 8);
   }
+  .pt-0 {
+    padding-top: calc(var(--spacing) * 0);
+  }
   .pt-1 {
     padding-top: calc(var(--spacing) * 1);
   }
@@ -2126,6 +2301,9 @@
   .pt-6 {
     padding-top: calc(var(--spacing) * 6);
   }
+  .pr-2\.5 {
+    padding-right: calc(var(--spacing) * 2.5);
+  }
   .pr-4 {
     padding-right: calc(var(--spacing) * 4);
   }
@@ -2153,6 +2331,9 @@
   .text-right {
     text-align: right;
   }
+  .text-start {
+    text-align: start;
+  }
   .align-\[inherit\] {
     vertical-align: inherit;
   }
@@ -2199,6 +2380,10 @@
     --tw-leading: var(--text-sm--line-height);
     line-height: var(--text-sm--line-height);
   }
+  .leading-3 {
+    --tw-leading: calc(var(--spacing) * 3);
+    line-height: calc(var(--spacing) * 3);
+  }
   .leading-\[0\.5rem\] {
     --tw-leading: 0.5rem;
     line-height: 0.5rem;
@@ -2258,7 +2443,7 @@
   .text-nowrap {
     text-wrap: nowrap;
   }
-  .break-words {
+  .wrap-break-word {
     overflow-wrap: break-word;
   }
   .whitespace-nowrap {
@@ -2366,6 +2551,9 @@
   .text-green-400 {
     color: var(--color-green-400);
   }
+  .text-green-500 {
+    color: var(--color-green-500);
+  }
   .text-green-600 {
     color: var(--color-green-600);
   }
@@ -2378,6 +2566,12 @@
   .text-muted-foreground {
     color: var(--muted-foreground);
   }
+  .text-muted-foreground\/80 {
+    color: var(--muted-foreground);
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, var(--muted-foreground) 80%, transparent);
+    }
+  }
   .text-popover-foreground {
     color: var(--popover-foreground);
   }
@@ -2405,6 +2599,9 @@
   .text-red-600 {
     color: var(--color-red-600);
   }
+  .text-secondary {
+    color: var(--secondary);
+  }
   .text-secondary-foreground {
     color: var(--secondary-foreground);
   }
@@ -2432,6 +2629,10 @@
   .uppercase {
     text-transform: uppercase;
   }
+  .tabular-nums {
+    --tw-numeric-spacing: tabular-nums;
+    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
+  }
   .underline {
     text-decoration-line: underline;
   }
@@ -2451,6 +2652,12 @@
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
   }
+  .caret-transparent {
+    caret-color: transparent;
+  }
+  .opacity-0 {
+    opacity: 0%;
+  }
   .opacity-25 {
     opacity: 25%;
   }
@@ -2512,6 +2719,12 @@
       --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 5%, transparent) var(--tw-shadow-alpha), transparent);
     }
   }
+  .ring-ring\/10 {
+    --tw-ring-color: var(--ring);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--ring) 10%, transparent);
+    }
+  }
   .ring-offset-background {
     --tw-ring-offset-color: var(--background);
   }
@@ -2531,6 +2744,12 @@
     outline-style: var(--tw-outline-style);
     outline-width: 0px;
   }
+  .outline-ring\/50 {
+    outline-color: var(--ring);
+    @supports (color: color-mix(in lab, red, red)) {
+      outline-color: color-mix(in oklab, var(--ring) 50%, transparent);
+    }
+  }
   .grayscale {
     --tw-grayscale: grayscale(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,);
@@ -2594,6 +2813,10 @@
     --tw-duration: 300ms;
     transition-duration: 300ms;
   }
+  .duration-1000 {
+    --tw-duration: 1000ms;
+    transition-duration: 1000ms;
+  }
   .ease-in-out {
     --tw-ease: var(--ease-in-out);
     transition-timing-function: var(--ease-in-out);
@@ -2616,11 +2839,61 @@
       }
     }
   }
+  .group-hover\/kanban-column\:opacity-100 {
+    &:is(:where(.group\/kanban-column):hover *) {
+      @media (hover: hover) {
+        opacity: 100%;
+      }
+    }
+  }
   .group-has-\[\[data-orientation\=horizontal\]\]\/field\:text-balance {
     &:is(:where(.group\/field):has(*:is([data-orientation=horizontal])) *) {
       text-wrap: balance;
     }
   }
+  .group-data-disabled\:pointer-events-none {
+    &:is(:where(.group)[data-disabled] *) {
+      pointer-events: none;
+    }
+  }
+  .group-data-disabled\:text-foreground\/30 {
+    &:is(:where(.group)[data-disabled] *) {
+      color: var(--foreground);
+      @supports (color: color-mix(in lab, red, red)) {
+        color: color-mix(in oklab, var(--foreground) 30%, transparent);
+      }
+    }
+  }
+  .group-data-disabled\:line-through {
+    &:is(:where(.group)[data-disabled] *) {
+      text-decoration-line: line-through;
+    }
+  }
+  .group-data-outside\:text-foreground\/30 {
+    &:is(:where(.group)[data-outside] *) {
+      color: var(--foreground);
+      @supports (color: color-mix(in lab, red, red)) {
+        color: color-mix(in oklab, var(--foreground) 30%, transparent);
+      }
+    }
+  }
+  .group-data-selected\:bg-primary {
+    &:is(:where(.group)[data-selected] *) {
+      background-color: var(--primary);
+    }
+  }
+  .group-data-selected\:text-primary-foreground {
+    &:is(:where(.group)[data-selected] *) {
+      color: var(--primary-foreground);
+    }
+  }
+  .group-data-selected\:group-data-outside\:text-primary-foreground {
+    &:is(:where(.group)[data-selected] *) {
+      &:is(:where(.group)[data-outside] *) {
+        color: var(--primary-foreground);
+      }
+    }
+  }
   .group-data-\[disabled\=true\]\/field\:opacity-50 {
     &:is(:where(.group\/field)[data-disabled="true"] *) {
       opacity: 50%;
@@ -2636,16 +2909,106 @@
       display: none;
     }
   }
+  .group-data-\[state\=open\]\:rotate-180 {
+    &:is(:where(.group)[data-state="open"] *) {
+      rotate: 180deg;
+    }
+  }
   .group-data-\[variant\=outline\]\/field-group\:-mb-2 {
     &:is(:where(.group\/field-group)[data-variant="outline"] *) {
       margin-bottom: calc(var(--spacing) * -2);
     }
   }
+  .group-data-\[viewport\=false\]\/navigation-menu\:top-full {
+    &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
+      top: 100%;
+    }
+  }
+  .group-data-\[viewport\=false\]\/navigation-menu\:mt-1\.5 {
+    &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
+      margin-top: calc(var(--spacing) * 1.5);
+    }
+  }
+  .group-data-\[viewport\=false\]\/navigation-menu\:overflow-hidden {
+    &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
+      overflow: hidden;
+    }
+  }
+  .group-data-\[viewport\=false\]\/navigation-menu\:rounded-md {
+    &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
+      border-radius: calc(var(--radius) - 2px);
+    }
+  }
+  .group-data-\[viewport\=false\]\/navigation-menu\:border {
+    &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
+      border-style: var(--tw-border-style);
+      border-width: 1px;
+    }
+  }
+  .group-data-\[viewport\=false\]\/navigation-menu\:bg-popover {
+    &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
+      background-color: var(--popover);
+    }
+  }
+  .group-data-\[viewport\=false\]\/navigation-menu\:shadow {
+    &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
+      --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-data-\[viewport\=false\]\/navigation-menu\:duration-200 {
+    &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
+      --tw-duration: 200ms;
+      transition-duration: 200ms;
+    }
+  }
+  .group-\[\.range-end\:not\(\.range-start\)\]\:rounded-s-none {
+    &:is(:where(.group):is(.range-end:not(.range-start)) *) {
+      border-start-start-radius: 0;
+      border-end-start-radius: 0;
+    }
+  }
+  .group-\[\.range-middle\]\:rounded-none {
+    &:is(:where(.group):is(.range-middle) *) {
+      border-radius: 0;
+    }
+  }
+  .group-\[\.range-middle\]\:group-data-selected\:bg-accent {
+    &:is(:where(.group):is(.range-middle) *) {
+      &:is(:where(.group)[data-selected] *) {
+        background-color: var(--accent);
+      }
+    }
+  }
+  .group-\[\.range-middle\]\:group-data-selected\:text-foreground {
+    &:is(:where(.group):is(.range-middle) *) {
+      &:is(:where(.group)[data-selected] *) {
+        color: var(--foreground);
+      }
+    }
+  }
+  .group-\[\.range-start\:not\(\.range-end\)\]\:rounded-e-none {
+    &:is(:where(.group):is(.range-start:not(.range-end)) *) {
+      border-start-end-radius: 0;
+      border-end-end-radius: 0;
+    }
+  }
   .group-\[\.toaster\]\:w-\(--width\) {
     &:is(:where(.group):is(.toaster) *) {
       width: var(--width);
     }
   }
+  .group-\[\[data-selected\]\:not\(\.range-middle\)\]\:\[transition-property\:color\,background-color\,border-radius\,box-shadow\] {
+    &:is(:where(.group):is([data-selected]:not(.range-middle)) *) {
+      transition-property: color,background-color,border-radius,box-shadow;
+    }
+  }
+  .group-\[\[data-selected\]\:not\(\.range-middle\)\]\:duration-150 {
+    &:is(:where(.group):is([data-selected]:not(.range-middle)) *) {
+      --tw-duration: 150ms;
+      transition-duration: 150ms;
+    }
+  }
   .peer-disabled\:cursor-not-allowed {
     &:is(:where(.peer):disabled ~ *) {
       cursor: not-allowed;
@@ -2806,11 +3169,113 @@
       background-color: var(--border);
     }
   }
+  .\*\:after\:pointer-events-none {
+    :is(& > *) {
+      &::after {
+        content: var(--tw-content);
+        pointer-events: none;
+      }
+    }
+  }
+  .\*\:after\:absolute {
+    :is(& > *) {
+      &::after {
+        content: var(--tw-content);
+        position: absolute;
+      }
+    }
+  }
+  .\*\:after\:start-1\/2 {
+    :is(& > *) {
+      &::after {
+        content: var(--tw-content);
+        inset-inline-start: calc(1/2 * 100%);
+      }
+    }
+  }
+  .\*\:after\:bottom-1 {
+    :is(& > *) {
+      &::after {
+        content: var(--tw-content);
+        bottom: calc(var(--spacing) * 1);
+      }
+    }
+  }
+  .\*\:after\:z-10 {
+    :is(& > *) {
+      &::after {
+        content: var(--tw-content);
+        z-index: 10;
+      }
+    }
+  }
+  .\*\:after\:size-0\.75 {
+    :is(& > *) {
+      &::after {
+        content: var(--tw-content);
+        width: calc(var(--spacing) * 0.75);
+        height: calc(var(--spacing) * 0.75);
+      }
+    }
+  }
+  .\*\:after\:-translate-x-1\/2 {
+    :is(& > *) {
+      &::after {
+        content: var(--tw-content);
+        --tw-translate-x: calc(calc(1/2 * 100%) * -1);
+        translate: var(--tw-translate-x) var(--tw-translate-y);
+      }
+    }
+  }
+  .\*\:after\:rounded-full {
+    :is(& > *) {
+      &::after {
+        content: var(--tw-content);
+        border-radius: calc(infinity * 1px);
+      }
+    }
+  }
+  .\*\:after\:bg-primary {
+    :is(& > *) {
+      &::after {
+        content: var(--tw-content);
+        background-color: var(--primary);
+      }
+    }
+  }
+  .\*\:after\:transition-colors {
+    :is(& > *) {
+      &::after {
+        content: var(--tw-content);
+        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
+        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+        transition-duration: var(--tw-duration, var(--default-transition-duration));
+      }
+    }
+  }
+  .first\:rounded-l-md {
+    &:first-child {
+      border-top-left-radius: calc(var(--radius) - 2px);
+      border-bottom-left-radius: calc(var(--radius) - 2px);
+    }
+  }
+  .first\:border-l {
+    &:first-child {
+      border-left-style: var(--tw-border-style);
+      border-left-width: 1px;
+    }
+  }
   .last\:mt-0 {
     &:last-child {
       margin-top: calc(var(--spacing) * 0);
     }
   }
+  .last\:rounded-r-md {
+    &:last-child {
+      border-top-right-radius: calc(var(--radius) - 2px);
+      border-bottom-right-radius: calc(var(--radius) - 2px);
+    }
+  }
   .odd\:bg-muted\/90 {
     &:nth-child(odd) {
       background-color: var(--muted);
@@ -3034,6 +3499,24 @@
       }
     }
   }
+  .hover\:not-in-data-selected\:bg-accent {
+    &:hover {
+      @media (hover: hover) {
+        &:not(:where(*[data-selected]) *) {
+          background-color: var(--accent);
+        }
+      }
+    }
+  }
+  .hover\:not-in-data-selected\:text-foreground {
+    &:hover {
+      @media (hover: hover) {
+        &:not(:where(*[data-selected]) *) {
+          color: var(--foreground);
+        }
+      }
+    }
+  }
   .odd\:hover\:bg-muted {
     &:nth-child(odd) {
       &:hover {
@@ -3098,17 +3581,50 @@
       }
     }
   }
+  .focus\:outline-none {
+    &:focus {
+      --tw-outline-style: none;
+      outline-style: none;
+    }
+  }
+  .focus-visible\:z-10 {
+    &:focus-visible {
+      z-index: 10;
+    }
+  }
   .focus-visible\:border-ring {
     &:focus-visible {
       border-color: var(--ring);
     }
   }
+  .focus-visible\:bg-accent {
+    &:focus-visible {
+      background-color: var(--accent);
+    }
+  }
+  .focus-visible\:text-accent-foreground {
+    &:focus-visible {
+      color: var(--accent-foreground);
+    }
+  }
+  .focus-visible\:ring {
+    &:focus-visible {
+      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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-visible\:ring-2 {
     &:focus-visible {
       --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);
     }
   }
+  .focus-visible\:ring-4 {
+    &:focus-visible {
+      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + 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-visible\:ring-\[3px\] {
     &:focus-visible {
       --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
@@ -3128,6 +3644,14 @@
       }
     }
   }
+  .focus-visible\:ring-ring\/50 {
+    &: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);
+      }
+    }
+  }
   .focus-visible\:ring-offset-2 {
     &:focus-visible {
       --tw-ring-offset-width: 2px;
@@ -3149,6 +3673,12 @@
       }
     }
   }
+  .focus-visible\:outline-1 {
+    &:focus-visible {
+      outline-style: var(--tw-outline-style);
+      outline-width: 1px;
+    }
+  }
   .focus-visible\:outline-none {
     &:focus-visible {
       --tw-outline-style: none;
@@ -3165,9 +3695,14 @@
       cursor: not-allowed;
     }
   }
-  .disabled\:opacity-50 {
+  .disabled\:bg-transparent {
     &:disabled {
-      opacity: 50%;
+      background-color: transparent;
+    }
+  }
+  .disabled\:opacity-50 {
+    &:disabled {
+      opacity: 50%;
     }
   }
   .disabled\:opacity-60 {
@@ -3191,6 +3726,11 @@
       }
     }
   }
+  .has-disabled\:opacity-50 {
+    &:has(*:disabled) {
+      opacity: 50%;
+    }
+  }
   .has-data-\[arrow\=true\]\:justify-between {
     &:has(*[data-arrow="true"]) {
       justify-content: space-between;
@@ -3276,6 +3816,11 @@
       border-width: 1px;
     }
   }
+  .aria-invalid\:border-destructive {
+    &[aria-invalid="true"] {
+      border-color: var(--destructive);
+    }
+  }
   .aria-invalid\:border-destructive\/60 {
     &[aria-invalid="true"] {
       border-color: var(--destructive);
@@ -3304,11 +3849,87 @@
       pointer-events: none;
     }
   }
+  .data-disabled\:cursor-not-allowed {
+    &[data-disabled] {
+      cursor: not-allowed;
+    }
+  }
   .data-disabled\:opacity-50 {
     &[data-disabled] {
       opacity: 50%;
     }
   }
+  .data-focus-within\:border-ring {
+    &[data-focus-within] {
+      border-color: var(--ring);
+    }
+  }
+  .data-focus-within\:ring-\[3px\] {
+    &[data-focus-within] {
+      --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);
+    }
+  }
+  .data-focus-within\:ring-ring\/30 {
+    &[data-focus-within] {
+      --tw-ring-color: var(--ring);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--ring) 30%, transparent);
+      }
+    }
+  }
+  .data-focus-within\:outline-none {
+    &[data-focus-within] {
+      --tw-outline-style: none;
+      outline-style: none;
+    }
+  }
+  .data-focus-within\:has-aria-invalid\:border-destructive {
+    &[data-focus-within] {
+      &:has(*[aria-invalid="true"]) {
+        border-color: var(--destructive);
+      }
+    }
+  }
+  .data-focus-within\:has-aria-invalid\:ring-destructive\/20 {
+    &[data-focus-within] {
+      &:has(*[aria-invalid="true"]) {
+        --tw-ring-color: var(--destructive);
+        @supports (color: color-mix(in lab, red, red)) {
+          --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
+        }
+      }
+    }
+  }
+  .data-focused\:bg-accent {
+    &[data-focused] {
+      background-color: var(--accent);
+    }
+  }
+  .data-focused\:text-foreground {
+    &[data-focused] {
+      color: var(--foreground);
+    }
+  }
+  .data-invalid\:text-destructive {
+    &[data-invalid] {
+      color: var(--destructive);
+    }
+  }
+  .data-invalid\:data-focused\:bg-destructive {
+    &[data-invalid] {
+      &[data-focused] {
+        background-color: var(--destructive);
+      }
+    }
+  }
+  .data-invalid\:data-focused\:text-destructive-foreground {
+    &[data-invalid] {
+      &[data-focused] {
+        color: var(--destructive-foreground);
+      }
+    }
+  }
   .data-pinned\:bg-background\/90 {
     &[data-pinned] {
       background-color: var(--background);
@@ -3337,6 +3958,55 @@
       color: var(--muted-foreground);
     }
   }
+  .data-placeholder\:text-muted-foreground\/70 {
+    &[data-placeholder] {
+      color: var(--muted-foreground);
+      @supports (color: color-mix(in lab, red, red)) {
+        color: color-mix(in oklab, var(--muted-foreground) 70%, transparent);
+      }
+    }
+  }
+  .data-focused\:data-placeholder\:text-foreground {
+    &[data-focused] {
+      &[data-placeholder] {
+        color: var(--foreground);
+      }
+    }
+  }
+  .data-invalid\:data-placeholder\:text-destructive {
+    &[data-invalid] {
+      &[data-placeholder] {
+        color: var(--destructive);
+      }
+    }
+  }
+  .data-invalid\:data-focused\:data-placeholder\:text-destructive-foreground {
+    &[data-invalid] {
+      &[data-focused] {
+        &[data-placeholder] {
+          color: var(--destructive-foreground);
+        }
+      }
+    }
+  }
+  .data-selected\:bg-accent\/50 {
+    &[data-selected] {
+      background-color: var(--accent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--accent) 50%, transparent);
+      }
+    }
+  }
+  .data-selected\:text-muted-foreground {
+    &[data-selected] {
+      color: var(--muted-foreground);
+    }
+  }
+  .data-\[active\=true\]\:z-10 {
+    &[data-active="true"] {
+      z-index: 10;
+    }
+  }
   .data-\[active\=true\]\:-ml-px {
     &[data-active="true"] {
       margin-left: -1px;
@@ -3361,11 +4031,24 @@
       border-color: var(--primary);
     }
   }
+  .data-\[active\=true\]\:border-ring {
+    &[data-active="true"] {
+      border-color: var(--ring);
+    }
+  }
   .data-\[active\=true\]\:bg-accent {
     &[data-active="true"] {
       background-color: var(--accent);
     }
   }
+  .data-\[active\=true\]\:bg-accent\/50 {
+    &[data-active="true"] {
+      background-color: var(--accent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--accent) 50%, transparent);
+      }
+    }
+  }
   .data-\[active\=true\]\:bg-destructive\/5 {
     &[data-active="true"] {
       background-color: var(--destructive);
@@ -3405,6 +4088,47 @@
       color: var(--primary-foreground);
     }
   }
+  .data-\[active\=true\]\:ring-\[3px\] {
+    &[data-active="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);
+    }
+  }
+  .data-\[active\=true\]\:ring-ring\/50 {
+    &[data-active="true"] {
+      --tw-ring-color: var(--ring);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
+      }
+    }
+  }
+  .data-\[active\=true\]\:aria-invalid\:border-destructive {
+    &[data-active="true"] {
+      &[aria-invalid="true"] {
+        border-color: var(--destructive);
+      }
+    }
+  }
+  .data-\[active\=true\]\:aria-invalid\:ring-destructive\/20 {
+    &[data-active="true"] {
+      &[aria-invalid="true"] {
+        --tw-ring-color: var(--destructive);
+        @supports (color: color-mix(in lab, red, red)) {
+          --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
+        }
+      }
+    }
+  }
+  .data-\[disabled\=true\]\:pointer-events-none {
+    &[data-disabled="true"] {
+      pointer-events: none;
+    }
+  }
+  .data-\[disabled\=true\]\:opacity-50 {
+    &[data-disabled="true"] {
+      opacity: 50%;
+    }
+  }
   .data-\[here\=true\]\:bg-accent {
     &[data-here="true"] {
       background-color: var(--accent);
@@ -3420,6 +4144,16 @@
       color: var(--destructive);
     }
   }
+  .data-\[selected\=true\]\:bg-accent {
+    &[data-selected="true"] {
+      background-color: var(--accent);
+    }
+  }
+  .data-\[selected\=true\]\:text-accent-foreground {
+    &[data-selected="true"] {
+      color: var(--accent-foreground);
+    }
+  }
   .data-\[side\=bottom\]\:translate-y-1\.5 {
     &[data-side="bottom"] {
       --tw-translate-y: calc(var(--spacing) * 1.5);
@@ -3449,6 +4183,26 @@
       gap: calc(var(--spacing) * 3);
     }
   }
+  .\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:ring-0 {
+    :is(& *) {
+      &[data-slot="navigation-menu-link"] {
+        &:focus {
+          --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+          box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+        }
+      }
+    }
+  }
+  .\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:outline-none {
+    :is(& *) {
+      &[data-slot="navigation-menu-link"] {
+        &:focus {
+          --tw-outline-style: none;
+          outline-style: none;
+        }
+      }
+    }
+  }
   .data-\[state\=active\]\:border-primary {
     &[data-state="active"] {
       border-color: var(--primary);
@@ -3509,6 +4263,16 @@
       color: var(--primary-foreground);
     }
   }
+  .data-\[state\=closed\]\:animate-accordion-up {
+    &[data-state="closed"] {
+      animation: var(--animate-accordion-up);
+    }
+  }
+  .data-\[state\=closed\]\:animate-collapsible-up {
+    &[data-state="closed"] {
+      animation: var(--animate-collapsible-up);
+    }
+  }
   .data-\[state\=closed\]\:duration-300 {
     &[data-state="closed"] {
       --tw-duration: 300ms;
@@ -3530,11 +4294,29 @@
       color: var(--primary-foreground);
     }
   }
+  .data-\[state\=open\]\:animate-accordion-down {
+    &[data-state="open"] {
+      animation: var(--animate-accordion-down);
+    }
+  }
+  .data-\[state\=open\]\:animate-collapsible-down {
+    &[data-state="open"] {
+      animation: var(--animate-collapsible-down);
+    }
+  }
   .data-\[state\=open\]\:bg-accent {
     &[data-state="open"] {
       background-color: var(--accent);
     }
   }
+  .data-\[state\=open\]\:bg-accent\/50 {
+    &[data-state="open"] {
+      background-color: var(--accent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--accent) 50%, transparent);
+      }
+    }
+  }
   .data-\[state\=open\]\:bg-background {
     &[data-state="open"] {
       background-color: var(--background);
@@ -3651,6 +4433,19 @@
       background-color: var(--input);
     }
   }
+  .data-\[type\=literal\]\:px-0 {
+    &[data-type="literal"] {
+      padding-inline: calc(var(--spacing) * 0);
+    }
+  }
+  .data-\[type\=literal\]\:text-muted-foreground\/70 {
+    &[data-type="literal"] {
+      color: var(--muted-foreground);
+      @supports (color: color-mix(in lab, red, red)) {
+        color: color-mix(in oklab, var(--muted-foreground) 70%, transparent);
+      }
+    }
+  }
   .data-\[variant\=label\]\:text-sm {
     &[data-variant="label"] {
       font-size: var(--text-sm);
@@ -3751,6 +4546,21 @@
       text-align: start;
     }
   }
+  .md\:absolute {
+    @media (width >= 48rem) {
+      position: absolute;
+    }
+  }
+  .md\:w-\(--radix-navigation-menu-viewport-width\) {
+    @media (width >= 48rem) {
+      width: var(--radix-navigation-menu-viewport-width);
+    }
+  }
+  .md\:w-auto {
+    @media (width >= 48rem) {
+      width: auto;
+    }
+  }
   .md\:grid-cols-2 {
     @media (width >= 48rem) {
       grid-template-columns: repeat(2, minmax(0, 1fr));
@@ -3783,6 +4593,12 @@
       }
     }
   }
+  .rtl\:-translate-x-1\/2 {
+    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+      --tw-translate-x: calc(calc(1/2 * 100%) * -1);
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+  }
   .rtl\:translate-x-full {
     &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
       --tw-translate-x: 100%;
@@ -3812,6 +4628,17 @@
       }
     }
   }
+  .rtl\:\*\:after\:translate-x-1\/2 {
+    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+      :is(& > *) {
+        &::after {
+          content: var(--tw-content);
+          --tw-translate-x: calc(1/2 * 100%);
+          translate: var(--tw-translate-x) var(--tw-translate-y);
+        }
+      }
+    }
+  }
   .rtl\:data-\[state\=checked\]\:-translate-x-\[calc\(100\%-2px\)\] {
     &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
       &[data-state="checked"] {
@@ -3908,6 +4735,14 @@
       background-color: var(--color-green-950);
     }
   }
+  .dark\:bg-input\/30 {
+    &:is(.dark *) {
+      background-color: var(--input);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--input) 30%, transparent);
+      }
+    }
+  }
   .dark\:bg-secondary\/50 {
     &:is(.dark *) {
       background-color: var(--secondary);
@@ -3975,6 +4810,22 @@
       color: var(--color-green-300);
     }
   }
+  .dark\:ring-ring\/20 {
+    &:is(.dark *) {
+      --tw-ring-color: var(--ring);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--ring) 20%, transparent);
+      }
+    }
+  }
+  .dark\:outline-ring\/40 {
+    &:is(.dark *) {
+      outline-color: var(--ring);
+      @supports (color: color-mix(in lab, red, red)) {
+        outline-color: color-mix(in oklab, var(--ring) 40%, transparent);
+      }
+    }
+  }
   .dark\:hover\:bg-zinc-300\/90 {
     &:is(.dark *) {
       &:hover {
@@ -4031,6 +4882,30 @@
       }
     }
   }
+  .dark\:data-focus-within\:has-aria-invalid\:ring-destructive\/40 {
+    &:is(.dark *) {
+      &[data-focus-within] {
+        &:has(*[aria-invalid="true"]) {
+          --tw-ring-color: var(--destructive);
+          @supports (color: color-mix(in lab, red, red)) {
+            --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
+          }
+        }
+      }
+    }
+  }
+  .dark\:data-\[active\=true\]\:aria-invalid\:ring-destructive\/40 {
+    &:is(.dark *) {
+      &[data-active="true"] {
+        &[aria-invalid="true"] {
+          --tw-ring-color: var(--destructive);
+          @supports (color: color-mix(in lab, red, red)) {
+            --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
+          }
+        }
+      }
+    }
+  }
   .dark\:data-\[state\=open\]\:bg-zinc-300\/90 {
     &:is(.dark *) {
       &[data-state="open"] {
@@ -4041,6 +4916,84 @@
       }
     }
   }
+  .\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground {
+    & .recharts-cartesian-axis-tick text {
+      fill: var(--muted-foreground);
+    }
+  }
+  .\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 {
+    & .recharts-cartesian-grid line[stroke='#ccc'] {
+      stroke: var(--border);
+      @supports (color: color-mix(in lab, red, red)) {
+        stroke: color-mix(in oklab, var(--border) 50%, transparent);
+      }
+    }
+  }
+  .\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border {
+    & .recharts-curve.recharts-tooltip-cursor {
+      stroke: var(--border);
+    }
+  }
+  .\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent {
+    & .recharts-dot[stroke='#fff'] {
+      stroke: transparent;
+    }
+  }
+  .\[\&_\.recharts-layer\]\:outline-hidden {
+    & .recharts-layer {
+      --tw-outline-style: none;
+      outline-style: none;
+      @media (forced-colors: active) {
+        outline: 2px solid transparent;
+        outline-offset: 2px;
+      }
+    }
+  }
+  .\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-border {
+    & .recharts-polar-grid [stroke='#ccc'] {
+      stroke: var(--border);
+    }
+  }
+  .\[\&_\.recharts-radial-bar-background-sector\]\:fill-muted {
+    & .recharts-radial-bar-background-sector {
+      fill: var(--muted);
+    }
+  }
+  .\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-muted {
+    & .recharts-rectangle.recharts-tooltip-cursor {
+      fill: var(--muted);
+    }
+  }
+  .\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-border {
+    & .recharts-reference-line [stroke='#ccc'] {
+      stroke: var(--border);
+    }
+  }
+  .\[\&_\.recharts-sector\]\:outline-hidden {
+    & .recharts-sector {
+      --tw-outline-style: none;
+      outline-style: none;
+      @media (forced-colors: active) {
+        outline: 2px solid transparent;
+        outline-offset: 2px;
+      }
+    }
+  }
+  .\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent {
+    & .recharts-sector[stroke='#fff'] {
+      stroke: transparent;
+    }
+  }
+  .\[\&_\.recharts-surface\]\:outline-hidden {
+    & .recharts-surface {
+      --tw-outline-style: none;
+      outline-style: none;
+      @media (forced-colors: active) {
+        outline: 2px solid transparent;
+        outline-offset: 2px;
+      }
+    }
+  }
   .\[\&_\>\:first-child\]\:relative {
     & >:first-child {
       position: relative;
@@ -4052,6 +5005,70 @@
       border-inline-end-width: 0px;
     }
   }
+  .\[\&_\[cmdk-group-heading\]\]\:px-2 {
+    & [cmdk-group-heading] {
+      padding-inline: calc(var(--spacing) * 2);
+    }
+  }
+  .\[\&_\[cmdk-group-heading\]\]\:py-1\.5 {
+    & [cmdk-group-heading] {
+      padding-block: calc(var(--spacing) * 1.5);
+    }
+  }
+  .\[\&_\[cmdk-group-heading\]\]\:text-xs {
+    & [cmdk-group-heading] {
+      font-size: var(--text-xs);
+      line-height: var(--tw-leading, var(--text-xs--line-height));
+    }
+  }
+  .\[\&_\[cmdk-group-heading\]\]\:font-medium {
+    & [cmdk-group-heading] {
+      --tw-font-weight: var(--font-weight-medium);
+      font-weight: var(--font-weight-medium);
+    }
+  }
+  .\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground {
+    & [cmdk-group-heading] {
+      color: var(--muted-foreground);
+    }
+  }
+  .\[\&_\[cmdk-group\]\]\:px-2 {
+    & [cmdk-group] {
+      padding-inline: calc(var(--spacing) * 2);
+    }
+  }
+  .\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 {
+    & [cmdk-group]:not([hidden]) ~[cmdk-group] {
+      padding-top: calc(var(--spacing) * 0);
+    }
+  }
+  .\[\&_\[cmdk-input-wrapper\]_svg\]\:size-5 {
+    & [cmdk-input-wrapper] svg {
+      width: calc(var(--spacing) * 5);
+      height: calc(var(--spacing) * 5);
+    }
+  }
+  .\[\&_\[cmdk-input\]\]\:h-12 {
+    & [cmdk-input] {
+      height: calc(var(--spacing) * 12);
+    }
+  }
+  .\[\&_\[cmdk-item\]\]\:px-2 {
+    & [cmdk-item] {
+      padding-inline: calc(var(--spacing) * 2);
+    }
+  }
+  .\[\&_\[cmdk-item\]\]\:py-3 {
+    & [cmdk-item] {
+      padding-block: calc(var(--spacing) * 3);
+    }
+  }
+  .\[\&_\[cmdk-item\]_svg\]\:size-5 {
+    & [cmdk-item] svg {
+      width: calc(var(--spacing) * 5);
+      height: calc(var(--spacing) * 5);
+    }
+  }
   .\[\&_\[data-slot\=alert-close\]\]\:mt-0\.5 {
     & [data-slot=alert-close] {
       margin-top: calc(var(--spacing) * 0.5);
@@ -4331,6 +5348,11 @@
       border-radius: calc(infinity * 1px);
     }
   }
+  .\[\&_a\]\:flex {
+    & a {
+      display: flex;
+    }
+  }
   .\[\&_p\]\:mb-2 {
     & p {
       margin-bottom: calc(var(--spacing) * 2);
@@ -4352,6 +5374,18 @@
       margin-inline-start: -1px;
     }
   }
+  .\[\&_svg\]\:size-2 {
+    & svg {
+      width: calc(var(--spacing) * 2);
+      height: calc(var(--spacing) * 2);
+    }
+  }
+  .\[\&_svg\]\:size-2\.5 {
+    & svg {
+      width: calc(var(--spacing) * 2.5);
+      height: calc(var(--spacing) * 2.5);
+    }
+  }
   .\[\&_svg\]\:size-3 {
     & svg {
       width: calc(var(--spacing) * 3);
@@ -4561,6 +5595,21 @@
       }
     }
   }
+  .\[\&\>a\]\:w-full {
+    &>a {
+      width: 100%;
+    }
+  }
+  .\[\&\>a\]\:items-center {
+    &>a {
+      align-items: center;
+    }
+  }
+  .\[\&\>a\]\:gap-2 {
+    &>a {
+      gap: calc(var(--spacing) * 2);
+    }
+  }
   .\[\&\>a\]\:underline {
     &>a {
       text-decoration-line: underline;
@@ -4594,6 +5643,18 @@
       display: none;
     }
   }
+  .\[\&\>svg\]\:size-2\.5 {
+    &>svg {
+      width: calc(var(--spacing) * 2.5);
+      height: calc(var(--spacing) * 2.5);
+    }
+  }
+  .\[\&\>svg\]\:size-3 {
+    &>svg {
+      width: calc(var(--spacing) * 3);
+      height: calc(var(--spacing) * 3);
+    }
+  }
   .\[\&\>svg\]\:size-3\.5\! {
     &>svg {
       width: calc(var(--spacing) * 3.5) !important;
@@ -4621,17 +5682,51 @@
       flex-shrink: 0;
     }
   }
+  .\[\&\>svg\]\:text-muted-foreground {
+    &>svg {
+      color: var(--muted-foreground);
+    }
+  }
   .\[\&\>svg\]\:opacity-100\! {
     &>svg {
       opacity: 100% !important;
     }
   }
+  .\[\&\>svg\>path\:last-child\]\:origin-center {
+    &>svg>path:last-child {
+      transform-origin: center;
+    }
+  }
+  .\[\&\>svg\>path\:last-child\]\:transition-all {
+    &>svg>path:last-child {
+      transition-property: all;
+      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+      transition-duration: var(--tw-duration, var(--default-transition-duration));
+    }
+  }
+  .\[\&\>svg\>path\:last-child\]\:duration-200 {
+    &>svg>path:last-child {
+      --tw-duration: 200ms;
+      transition-duration: 200ms;
+    }
+  }
   .\[\&\>th\]\:border-b {
     &>th {
       border-bottom-style: var(--tw-border-style);
       border-bottom-width: 1px;
     }
   }
+  .\[\&\[data-disabled\]\>\*\]\:after\:bg-foreground\/30 {
+    &[data-disabled]>* {
+      &::after {
+        content: var(--tw-content);
+        background-color: var(--foreground);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--foreground) 30%, transparent);
+        }
+      }
+    }
+  }
   .\[\&\[data-last-col\=left\]_div\.cursor-col-resize\:last-child\]\:opacity-0 {
     &[data-last-col=left] div.cursor-col-resize:last-child {
       opacity: 0%;
@@ -4659,11 +5754,34 @@
       border-color: var(--border);
     }
   }
+  .\[\&\[data-selected\]\:not\(\.range-middle\)\>\*\]\:after\:bg-background {
+    &[data-selected]:not(.range-middle)>* {
+      &::after {
+        content: var(--tw-content);
+        background-color: var(--background);
+      }
+    }
+  }
   .\[\&\[data-state\=active\]_svg\]\:text-primary {
     &[data-state=active] svg {
       color: var(--primary);
     }
   }
+  .\[\&\[data-state\=open\]\>svg\]\:rotate-180 {
+    &[data-state=open]>svg {
+      rotate: 180deg;
+    }
+  }
+  .\[\&\[data-state\=open\]\>svg\>path\:last-child\]\:rotate-90 {
+    &[data-state=open]>svg>path:last-child {
+      rotate: 90deg;
+    }
+  }
+  .\[\&\[data-state\=open\]\>svg\>path\:last-child\]\:opacity-0 {
+    &[data-state=open]>svg>path:last-child {
+      opacity: 0%;
+    }
+  }
   .\[\&\[readonly\]\]\:cursor-not-allowed {
     &[readonly] {
       cursor: not-allowed;
@@ -4721,6 +5839,11 @@
       }
     }
   }
+  .\[\[data-state\=open\]\>\&\]\:-rotate-180 {
+    [data-state=open]>& {
+      rotate: calc(180deg * -1);
+    }
+  }
   .\[\[data-state\=open\]\>\&\]\:border-ring {
     [data-state=open]>& {
       border-color: var(--ring);
@@ -4826,6 +5949,49 @@
     transition-property: none !important;
   }
 }
+@keyframes accordion-down {
+  from {
+    height: 0;
+  }
+  to {
+    height: var(--radix-accordion-content-height);
+  }
+}
+@keyframes accordion-up {
+  from {
+    height: var(--radix-accordion-content-height);
+  }
+  to {
+    height: 0;
+  }
+}
+@keyframes collapsible-down {
+  from {
+    height: 0;
+  }
+  to {
+    height: var(--radix-collapsible-content-height);
+  }
+}
+@keyframes collapsible-up {
+  from {
+    height: var(--radix-collapsible-content-height);
+  }
+  to {
+    height: 0;
+  }
+}
+@keyframes caret-blink {
+  0%,
+  70%,
+  100% {
+    opacity: 1;
+  }
+  20%,
+  50% {
+    opacity: 0;
+  }
+}
 @property --tw-border-spacing-x {
   syntax: "<length>";
   inherits: false;
@@ -4945,6 +6111,26 @@
   syntax: "*";
   inherits: false;
 }
+@property --tw-ordinal {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-slashed-zero {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-numeric-figure {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-numeric-spacing {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-numeric-fraction {
+  syntax: "*";
+  inherits: false;
+}
 @property --tw-shadow {
   syntax: "*";
   inherits: false;
@@ -5171,6 +6357,11 @@
       --tw-leading: initial;
       --tw-font-weight: initial;
       --tw-tracking: initial;
+      --tw-ordinal: initial;
+      --tw-slashed-zero: initial;
+      --tw-numeric-figure: initial;
+      --tw-numeric-spacing: initial;
+      --tw-numeric-fraction: initial;
       --tw-shadow: 0 0 #0000;
       --tw-shadow-color: initial;
       --tw-shadow-alpha: 100%;