@uipath/apollo-wind 2.64.0 → 2.65.0

package/dist/styles.css

@@ -626,6 +626,9 @@
   .top-0\.5 {
     top: calc(var(--spacing) * 0.5);
   }
+  .top-1\.5 {
+    top: calc(var(--spacing) * 1.5);
+  }
   .top-1\/2 {
     top: calc(1/2 * 100%);
   }
@@ -635,6 +638,9 @@
   .top-3 {
     top: calc(var(--spacing) * 3);
   }
+  .top-3\.5 {
+    top: calc(var(--spacing) * 3.5);
+  }
   .top-4 {
     top: calc(var(--spacing) * 4);
   }
@@ -773,6 +779,9 @@
       max-width: 96rem;
     }
   }
+  .-m-1 {
+    margin: calc(var(--spacing) * -1);
+  }
   .m-0 {
     margin: calc(var(--spacing) * 0);
   }
@@ -797,6 +806,12 @@
   .mx-1 {
     margin-inline: calc(var(--spacing) * 1);
   }
+  .mx-2 {
+    margin-inline: calc(var(--spacing) * 2);
+  }
+  .mx-3\.5 {
+    margin-inline: calc(var(--spacing) * 3.5);
+  }
   .mx-4 {
     margin-inline: calc(var(--spacing) * 4);
   }
@@ -1173,6 +1188,9 @@
   .h-\[95\%\] {
     height: 95%;
   }
+  .h-\[106px\] {
+    height: 106px;
+  }
   .h-\[120px\] {
     height: 120px;
   }
@@ -1233,6 +1251,9 @@
   .h-screen {
     height: 100vh;
   }
+  .h-svh {
+    height: 100svh;
+  }
   .max-h-6\.5 {
     max-height: calc(var(--spacing) * 6.5);
   }
@@ -1338,12 +1359,21 @@
   .min-h-\[560px\] {
     min-height: 560px;
   }
+  .min-h-\[640px\] {
+    min-height: 640px;
+  }
   .min-h-screen {
     min-height: 100vh;
   }
+  .min-h-svh {
+    min-height: 100svh;
+  }
   .w-\(--radix-popover-trigger-width\) {
     width: var(--radix-popover-trigger-width);
   }
+  .w-\(--sidebar-width\) {
+    width: var(--sidebar-width);
+  }
   .w-0 {
     width: calc(var(--spacing) * 0);
   }
@@ -1608,6 +1638,9 @@
   .w-px {
     width: 1px;
   }
+  .max-w-\(--skeleton-width\) {
+    max-width: var(--skeleton-width);
+  }
   .max-w-2xl {
     max-width: var(--container-2xl);
   }
@@ -1674,6 +1707,9 @@
   .max-w-\[680px\] {
     max-width: 680px;
   }
+  .max-w-\[720px\] {
+    max-width: 720px;
+  }
   .max-w-\[800px\] {
     max-width: 800px;
   }
@@ -1692,6 +1728,9 @@
   .max-w-md {
     max-width: var(--container-md);
   }
+  .max-w-none {
+    max-width: none;
+  }
   .max-w-sm {
     max-width: var(--container-sm);
   }
@@ -1807,10 +1846,18 @@
     --tw-translate-x: calc(calc(1/2 * 100%) * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
+  .-translate-x-px {
+    --tw-translate-x: -1px;
+    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);
   }
+  .translate-x-px {
+    --tw-translate-x: 1px;
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
   .-translate-y-1\/2 {
     --tw-translate-y: calc(calc(1/2 * 100%) * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -2193,6 +2240,20 @@
   .gap-y-14 {
     row-gap: calc(var(--spacing) * 14);
   }
+  .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-subtle {
+    :where(& > :not(:last-child)) {
+      border-color: var(--border-subtle);
+    }
+  }
   .self-end {
     align-self: flex-end;
   }
@@ -2850,6 +2911,36 @@
       background-color: color-mix(in oklab, var(--card) 50%, transparent);
     }
   }
+  .bg-chart-blue-secondary\/15 {
+    background-color: var(--color-chart-blue-secondary);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-chart-blue-secondary) 15%, transparent);
+    }
+  }
+  .bg-chart-green\/15 {
+    background-color: var(--color-chart-green);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-chart-green) 15%, transparent);
+    }
+  }
+  .bg-chart-pink\/15 {
+    background-color: var(--color-chart-pink);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-chart-pink) 15%, transparent);
+    }
+  }
+  .bg-chart-purple\/15 {
+    background-color: var(--color-chart-purple);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-chart-purple) 15%, transparent);
+    }
+  }
+  .bg-chart-yellow\/15 {
+    background-color: var(--color-chart-yellow);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-chart-yellow) 15%, transparent);
+    }
+  }
   .bg-curtain {
     background-color: var(--color-curtain);
   }
@@ -4031,6 +4122,9 @@
   .pb-6 {
     padding-bottom: calc(var(--spacing) * 6);
   }
+  .pb-8 {
+    padding-bottom: calc(var(--spacing) * 8);
+  }
   .pb-16 {
     padding-bottom: calc(var(--spacing) * 16);
   }
@@ -4325,6 +4419,21 @@
   .text-card-foreground {
     color: var(--card-foreground);
   }
+  .text-chart-blue-secondary {
+    color: var(--color-chart-blue-secondary);
+  }
+  .text-chart-green {
+    color: var(--color-chart-green);
+  }
+  .text-chart-pink {
+    color: var(--color-chart-pink);
+  }
+  .text-chart-purple {
+    color: var(--color-chart-purple);
+  }
+  .text-chart-yellow {
+    color: var(--color-chart-yellow);
+  }
   .text-current {
     color: currentcolor;
   }
@@ -4658,6 +4767,10 @@
     --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);
   }
+  .inset-ring {
+    --tw-inset-ring-shadow: inset 0 0 0 1px var(--tw-inset-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);
+  }
   .ring-background {
     --tw-ring-color: var(--background);
   }
@@ -4691,6 +4804,9 @@
   .ring-surface {
     --tw-ring-color: var(--surface);
   }
+  .inset-ring-border-subtle {
+    --tw-inset-ring-color: var(--border-subtle);
+  }
   .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);
@@ -4698,6 +4814,14 @@
   .ring-offset-background {
     --tw-ring-offset-color: var(--background);
   }
+  .outline-hidden {
+    --tw-outline-style: none;
+    outline-style: none;
+    @media (forced-colors: active) {
+      outline: 2px solid transparent;
+      outline-offset: 2px;
+    }
+  }
   .outline {
     outline-style: var(--tw-outline-style);
     outline-width: 1px;
@@ -4731,6 +4855,21 @@
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
+  .transition-\[left\,right\,width\] {
+    transition-property: left,right,width;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+  .transition-\[margin\,opacity\] {
+    transition-property: margin,opacity;
+    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-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
   .transition-\[width\] {
     transition-property: width;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -4779,6 +4918,10 @@
     --tw-ease: var(--ease-in-out);
     transition-timing-function: var(--ease-in-out);
   }
+  .ease-linear {
+    --tw-ease: linear;
+    transition-timing-function: linear;
+  }
   .ease-out {
     --tw-ease: var(--ease-out);
     transition-timing-function: var(--ease-out);
@@ -4826,6 +4969,11 @@
       background-color: var(--foreground-accent);
     }
   }
+  .group-focus-within\/menu-item\:opacity-100 {
+    &:is(:where(.group\/menu-item):focus-within *) {
+      opacity: 100%;
+    }
+  }
   .group-hover\:w-0\.5 {
     &:is(:where(.group):hover *) {
       @media (hover: hover) {
@@ -4896,6 +5044,13 @@
       }
     }
   }
+  .group-hover\/menu-item\:opacity-100 {
+    &:is(:where(.group\/menu-item):hover *) {
+      @media (hover: hover) {
+        opacity: 100%;
+      }
+    }
+  }
   .group-hover\/section\:opacity-100 {
     &:is(:where(.group\/section):hover *) {
       @media (hover: hover) {
@@ -4903,6 +5058,16 @@
       }
     }
   }
+  .group-has-data-\[sidebar\=menu-action\]\/menu-item\:pr-8 {
+    &:is(:where(.group\/menu-item):has(*[data-sidebar="menu-action"]) *) {
+      padding-right: calc(var(--spacing) * 8);
+    }
+  }
+  .group-has-data-\[sidebar\=menu-badge\]\/menu-item\:pr-8 {
+    &:is(:where(.group\/menu-item):has(*[data-sidebar="menu-badge"]) *) {
+      padding-right: calc(var(--spacing) * 8);
+    }
+  }
   .group-has-\[\[data-slot\=input-group-control\]\:disabled\]\/input-group\:opacity-50 {
     &:is(:where(.group\/input-group):has(*:is([data-slot=input-group-control]:disabled)) *) {
       opacity: 50%;
@@ -4913,6 +5078,83 @@
       border-color: var(--error);
     }
   }
+  .group-data-\[collapsible\=icon\]\:-mt-8 {
+    &:is(:where(.group)[data-collapsible="icon"] *) {
+      margin-top: calc(var(--spacing) * -8);
+    }
+  }
+  .group-data-\[collapsible\=icon\]\:hidden {
+    &:is(:where(.group)[data-collapsible="icon"] *) {
+      display: none;
+    }
+  }
+  .group-data-\[collapsible\=icon\]\:size-8\! {
+    &:is(:where(.group)[data-collapsible="icon"] *) {
+      width: calc(var(--spacing) * 8) !important;
+      height: calc(var(--spacing) * 8) !important;
+    }
+  }
+  .group-data-\[collapsible\=icon\]\:w-\(--sidebar-width-icon\) {
+    &:is(:where(.group)[data-collapsible="icon"] *) {
+      width: var(--sidebar-width-icon);
+    }
+  }
+  .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\)\] {
+    &:is(:where(.group)[data-collapsible="icon"] *) {
+      width: calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4)));
+    }
+  }
+  .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\+2px\)\] {
+    &:is(:where(.group)[data-collapsible="icon"] *) {
+      width: calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4)) + 2px);
+    }
+  }
+  .group-data-\[collapsible\=icon\]\:overflow-hidden {
+    &:is(:where(.group)[data-collapsible="icon"] *) {
+      overflow: hidden;
+    }
+  }
+  .group-data-\[collapsible\=icon\]\:p-0 {
+    &:is(:where(.group)[data-collapsible="icon"] *) {
+      padding: calc(var(--spacing) * 0);
+    }
+  }
+  .group-data-\[collapsible\=icon\]\:p-0\! {
+    &:is(:where(.group)[data-collapsible="icon"] *) {
+      padding: calc(var(--spacing) * 0) !important;
+    }
+  }
+  .group-data-\[collapsible\=icon\]\:p-2\! {
+    &:is(:where(.group)[data-collapsible="icon"] *) {
+      padding: calc(var(--spacing) * 2) !important;
+    }
+  }
+  .group-data-\[collapsible\=icon\]\:opacity-0 {
+    &:is(:where(.group)[data-collapsible="icon"] *) {
+      opacity: 0%;
+    }
+  }
+  .group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\] {
+    &:is(:where(.group)[data-collapsible="offcanvas"] *) {
+      right: calc(var(--sidebar-width) * -1);
+    }
+  }
+  .group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\] {
+    &:is(:where(.group)[data-collapsible="offcanvas"] *) {
+      left: calc(var(--sidebar-width) * -1);
+    }
+  }
+  .group-data-\[collapsible\=offcanvas\]\:w-0 {
+    &:is(:where(.group)[data-collapsible="offcanvas"] *) {
+      width: calc(var(--spacing) * 0);
+    }
+  }
+  .group-data-\[collapsible\=offcanvas\]\:translate-x-0 {
+    &:is(:where(.group)[data-collapsible="offcanvas"] *) {
+      --tw-translate-x: calc(var(--spacing) * 0);
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+  }
   .group-data-\[focused\=true\]\/day\:relative {
     &:is(:where(.group\/day)[data-focused="true"] *) {
       position: relative;
@@ -4957,6 +5199,33 @@
       background-color: var(--primary) !important;
     }
   }
+  .group-data-\[side\=left\]\:-right-4 {
+    &:is(:where(.group)[data-side="left"] *) {
+      right: calc(var(--spacing) * -4);
+    }
+  }
+  .group-data-\[side\=left\]\:border-r {
+    &:is(:where(.group)[data-side="left"] *) {
+      border-right-style: var(--tw-border-style);
+      border-right-width: 1px;
+    }
+  }
+  .group-data-\[side\=right\]\:left-0 {
+    &:is(:where(.group)[data-side="right"] *) {
+      left: calc(var(--spacing) * 0);
+    }
+  }
+  .group-data-\[side\=right\]\:rotate-180 {
+    &:is(:where(.group)[data-side="right"] *) {
+      rotate: 180deg;
+    }
+  }
+  .group-data-\[side\=right\]\:border-l {
+    &:is(:where(.group)[data-side="right"] *) {
+      border-left-style: var(--tw-border-style);
+      border-left-width: 1px;
+    }
+  }
   .group-data-\[state\=indeterminate\]\/checkbox\:block {
     &:is(:where(.group\/checkbox)[data-state="indeterminate"] *) {
       display: block;
@@ -4967,11 +5236,38 @@
       display: none;
     }
   }
+  .group-data-\[state\=open\]\/collapsible\:rotate-90 {
+    &:is(:where(.group\/collapsible)[data-state="open"] *) {
+      rotate: 90deg;
+    }
+  }
   .group-data-\[state\=open\]\/section\:rotate-90 {
     &:is(:where(.group\/section)[data-state="open"] *) {
       rotate: 90deg;
     }
   }
+  .group-data-\[variant\=floating\]\:rounded-lg {
+    &:is(:where(.group)[data-variant="floating"] *) {
+      border-radius: var(--radius-lg);
+    }
+  }
+  .group-data-\[variant\=floating\]\:border {
+    &:is(:where(.group)[data-variant="floating"] *) {
+      border-style: var(--tw-border-style);
+      border-width: 1px;
+    }
+  }
+  .group-data-\[variant\=floating\]\:border-border-subtle {
+    &:is(:where(.group)[data-variant="floating"] *) {
+      border-color: var(--border-subtle);
+    }
+  }
+  .group-data-\[variant\=floating\]\:shadow-sm {
+    &:is(:where(.group)[data-variant="floating"] *) {
+      --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-\[\.toast\]\:bg-muted {
     &:is(:where(.group):is(.toast) *) {
       background-color: var(--muted);
@@ -5013,6 +5309,13 @@
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     }
   }
+  .peer-hover\/menu-button\:text-foreground {
+    &:is(:where(.peer\/menu-button):hover ~ *) {
+      @media (hover: hover) {
+        color: var(--foreground);
+      }
+    }
+  }
   .peer-disabled\:cursor-not-allowed {
     &:is(:where(.peer):disabled ~ *) {
       cursor: not-allowed;
@@ -5023,6 +5326,26 @@
       opacity: 70%;
     }
   }
+  .peer-data-\[active\=true\]\/menu-button\:text-foreground {
+    &:is(:where(.peer\/menu-button)[data-active="true"] ~ *) {
+      color: var(--foreground);
+    }
+  }
+  .peer-data-\[size\=default\]\/menu-button\:top-1\.5 {
+    &:is(:where(.peer\/menu-button)[data-size="default"] ~ *) {
+      top: calc(var(--spacing) * 1.5);
+    }
+  }
+  .peer-data-\[size\=lg\]\/menu-button\:top-3\.5 {
+    &:is(:where(.peer\/menu-button)[data-size="lg"] ~ *) {
+      top: calc(var(--spacing) * 3.5);
+    }
+  }
+  .peer-data-\[size\=sm\]\/menu-button\:top-1 {
+    &:is(:where(.peer\/menu-button)[data-size="sm"] ~ *) {
+      top: calc(var(--spacing) * 1);
+    }
+  }
   .file\:border-0 {
     &::file-selector-button {
       border-style: var(--tw-border-style);
@@ -5081,6 +5404,12 @@
       position: absolute;
     }
   }
+  .after\:-inset-2 {
+    &::after {
+      content: var(--tw-content);
+      inset: calc(var(--spacing) * -2);
+    }
+  }
   .after\:inset-y-0 {
     &::after {
       content: var(--tw-content);
@@ -5099,6 +5428,12 @@
       width: calc(var(--spacing) * 1);
     }
   }
+  .after\:w-\[2px\] {
+    &::after {
+      content: var(--tw-content);
+      width: 2px;
+    }
+  }
   .after\:-translate-x-1\/2 {
     &::after {
       content: var(--tw-content);
@@ -5106,6 +5441,14 @@
       translate: var(--tw-translate-x) var(--tw-translate-y);
     }
   }
+  .group-data-\[collapsible\=offcanvas\]\:after\:left-full {
+    &:is(:where(.group)[data-collapsible="offcanvas"] *) {
+      &::after {
+        content: var(--tw-content);
+        left: 100%;
+      }
+    }
+  }
   .first\:border-t-0 {
     &:first-child {
       border-top-style: var(--tw-border-style);
@@ -5117,6 +5460,11 @@
       background-color: var(--surface-hover);
     }
   }
+  .first\:pt-0 {
+    &:first-child {
+      padding-top: calc(var(--spacing) * 0);
+    }
+  }
   .first\:text-foreground {
     &:first-child {
       color: var(--foreground);
@@ -5134,6 +5482,11 @@
       border-bottom-width: 0px;
     }
   }
+  .last\:pb-0 {
+    &:last-child {
+      padding-bottom: calc(var(--spacing) * 0);
+    }
+  }
   .even\:border-l {
     &:nth-child(even) {
       border-left-style: var(--tw-border-style);
@@ -5290,6 +5643,13 @@
       }
     }
   }
+  .hover\:bg-background-hover {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-background-hover);
+      }
+    }
+  }
   .hover\:bg-blue-600 {
     &:hover {
       @media (hover: hover) {
@@ -5719,6 +6079,32 @@
       }
     }
   }
+  .hover\:inset-ring-border {
+    &:hover {
+      @media (hover: hover) {
+        --tw-inset-ring-color: var(--ap-wind-border);
+      }
+    }
+  }
+  .hover\:group-data-\[collapsible\=offcanvas\]\:bg-surface {
+    &:hover {
+      @media (hover: hover) {
+        &:is(:where(.group)[data-collapsible="offcanvas"] *) {
+          background-color: var(--surface);
+        }
+      }
+    }
+  }
+  .hover\:after\:bg-border-subtle {
+    &:hover {
+      @media (hover: hover) {
+        &::after {
+          content: var(--tw-content);
+          background-color: var(--border-subtle);
+        }
+      }
+    }
+  }
   .focus\:z-10 {
     &:focus {
       z-index: 10;
@@ -5920,6 +6306,11 @@
       cursor: grabbing;
     }
   }
+  .active\:bg-background-hover {
+    &:active {
+      background-color: var(--color-background-hover);
+    }
+  }
   .active\:bg-brand\/60 {
     &:active {
       background-color: var(--brand);
@@ -5953,6 +6344,16 @@
       opacity: 50%;
     }
   }
+  .in-data-\[side\=left\]\:cursor-w-resize {
+    :where(*[data-side="left"]) & {
+      cursor: w-resize;
+    }
+  }
+  .in-data-\[side\=right\]\:cursor-e-resize {
+    :where(*[data-side="right"]) & {
+      cursor: e-resize;
+    }
+  }
   .has-focus\:border-ring {
     &:has(*:focus) {
       border-color: var(--ring);
@@ -5972,6 +6373,11 @@
       }
     }
   }
+  .has-data-\[variant\=inset\]\:bg-surface {
+    &:has(*[data-variant="inset"]) {
+      background-color: var(--surface);
+    }
+  }
   .has-\[\[data-slot\=input-group-control\]_\:focus-visible\]\:ring-2 {
     &:has(*:is([data-slot=input-group-control] :focus-visible)) {
       --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
@@ -6077,6 +6483,11 @@
       align-items: flex-start;
     }
   }
+  .aria-disabled\:pointer-events-none {
+    &[aria-disabled="true"] {
+      pointer-events: none;
+    }
+  }
   .aria-disabled\:opacity-50 {
     &[aria-disabled="true"] {
       opacity: 50%;
@@ -6156,6 +6567,31 @@
       background-color: var(--surface-overlay);
     }
   }
+  .data-\[active\=true\]\:bg-surface-selected {
+    &[data-active="true"] {
+      background-color: var(--surface-selected);
+    }
+  }
+  .data-\[active\=true\]\:font-semibold {
+    &[data-active="true"] {
+      --tw-font-weight: var(--font-weight-semibold);
+      font-weight: var(--font-weight-semibold);
+    }
+  }
+  .data-\[active\=true\]\:text-foreground {
+    &[data-active="true"] {
+      color: var(--foreground);
+    }
+  }
+  .data-\[active\=true\]\:hover\:bg-surface-selected {
+    &[data-active="true"] {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--surface-selected);
+        }
+      }
+    }
+  }
   .data-\[disabled\]\:pointer-events-none {
     &[data-disabled] {
       pointer-events: none;
@@ -6283,6 +6719,11 @@
       translate: var(--tw-translate-x) var(--tw-translate-y);
     }
   }
+  .data-\[side\=right\]\:order-last {
+    &[data-side="right"] {
+      order: 9999;
+    }
+  }
   .data-\[side\=right\]\:translate-x-1 {
     &[data-side="right"] {
       --tw-translate-x: calc(var(--spacing) * 1);
@@ -6448,6 +6889,11 @@
       color: var(--muted-foreground);
     }
   }
+  .data-\[state\=open\]\:opacity-100 {
+    &[data-state="open"] {
+      opacity: 100%;
+    }
+  }
   .data-\[state\=open\]\:duration-300 {
     &[data-state="open"] {
       --tw-duration: 300ms;
@@ -6460,6 +6906,15 @@
       transition-duration: 500ms;
     }
   }
+  .data-\[state\=open\]\:hover\:bg-background-hover {
+    &[data-state="open"] {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--color-background-hover);
+        }
+      }
+    }
+  }
   .data-\[state\=selected\]\:bg-muted {
     &[data-state="selected"] {
       background-color: var(--muted);
@@ -6536,6 +6991,11 @@
       }
     }
   }
+  .sm\:flex {
+    @media (width >= 40rem) {
+      display: flex;
+    }
+  }
   .sm\:max-w-2xl {
     @media (width >= 40rem) {
       max-width: var(--container-2xl);
@@ -6556,6 +7016,11 @@
       max-width: var(--container-md);
     }
   }
+  .sm\:max-w-none {
+    @media (width >= 40rem) {
+      max-width: none;
+    }
+  }
   .sm\:max-w-sm {
     @media (width >= 40rem) {
       max-width: var(--container-sm);
@@ -6581,6 +7046,16 @@
       flex-direction: row;
     }
   }
+  .sm\:items-center {
+    @media (width >= 40rem) {
+      align-items: center;
+    }
+  }
+  .sm\:justify-between {
+    @media (width >= 40rem) {
+      justify-content: space-between;
+    }
+  }
   .sm\:justify-end {
     @media (width >= 40rem) {
       justify-content: flex-end;
@@ -6648,6 +7123,21 @@
       grid-column: span 2 / span 2;
     }
   }
+  .md\:block {
+    @media (width >= 48rem) {
+      display: block;
+    }
+  }
+  .md\:flex {
+    @media (width >= 48rem) {
+      display: flex;
+    }
+  }
+  .md\:hidden {
+    @media (width >= 48rem) {
+      display: none;
+    }
+  }
   .md\:w-1\/2 {
     @media (width >= 48rem) {
       width: calc(1/2 * 100%);
@@ -6689,6 +7179,86 @@
       line-height: var(--tw-leading, var(--text-sm--line-height));
     }
   }
+  .md\:opacity-0 {
+    @media (width >= 48rem) {
+      opacity: 0%;
+    }
+  }
+  .md\:peer-data-\[variant\=inset\]\:m-2 {
+    @media (width >= 48rem) {
+      &:is(:where(.peer)[data-variant="inset"] ~ *) {
+        margin: calc(var(--spacing) * 2);
+      }
+    }
+  }
+  .md\:peer-data-\[variant\=inset\]\:ml-0 {
+    @media (width >= 48rem) {
+      &:is(:where(.peer)[data-variant="inset"] ~ *) {
+        margin-left: calc(var(--spacing) * 0);
+      }
+    }
+  }
+  .md\:peer-data-\[variant\=inset\]\:rounded-xl {
+    @media (width >= 48rem) {
+      &:is(:where(.peer)[data-variant="inset"] ~ *) {
+        border-radius: var(--radius-xl);
+      }
+    }
+  }
+  .md\:peer-data-\[variant\=inset\]\:shadow-sm {
+    @media (width >= 48rem) {
+      &:is(:where(.peer)[data-variant="inset"] ~ *) {
+        --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);
+      }
+    }
+  }
+  .md\:peer-data-\[variant\=inset\]\:peer-data-\[side\=right\]\:mr-0 {
+    @media (width >= 48rem) {
+      &:is(:where(.peer)[data-variant="inset"] ~ *) {
+        &:is(:where(.peer)[data-side="right"] ~ *) {
+          margin-right: calc(var(--spacing) * 0);
+        }
+      }
+    }
+  }
+  .md\:peer-data-\[variant\=inset\]\:peer-data-\[side\=right\]\:ml-2 {
+    @media (width >= 48rem) {
+      &:is(:where(.peer)[data-variant="inset"] ~ *) {
+        &:is(:where(.peer)[data-side="right"] ~ *) {
+          margin-left: calc(var(--spacing) * 2);
+        }
+      }
+    }
+  }
+  .md\:peer-data-\[variant\=inset\]\:peer-data-\[state\=collapsed\]\:ml-2 {
+    @media (width >= 48rem) {
+      &:is(:where(.peer)[data-variant="inset"] ~ *) {
+        &:is(:where(.peer)[data-state="collapsed"] ~ *) {
+          margin-left: calc(var(--spacing) * 2);
+        }
+      }
+    }
+  }
+  .md\:peer-data-\[variant\=inset\]\:peer-data-\[side\=right\]\:peer-data-\[state\=collapsed\]\:mr-2 {
+    @media (width >= 48rem) {
+      &:is(:where(.peer)[data-variant="inset"] ~ *) {
+        &:is(:where(.peer)[data-side="right"] ~ *) {
+          &:is(:where(.peer)[data-state="collapsed"] ~ *) {
+            margin-right: calc(var(--spacing) * 2);
+          }
+        }
+      }
+    }
+  }
+  .md\:after\:hidden {
+    @media (width >= 48rem) {
+      &::after {
+        content: var(--tw-content);
+        display: none;
+      }
+    }
+  }
   .lg\:grid-cols-2 {
     @media (width >= 64rem) {
       grid-template-columns: repeat(2, minmax(0, 1fr));
@@ -7168,6 +7738,13 @@
       }
     }
   }
+  .future\:in-data-\[active\=true\]\:text-foreground {
+    :is(.future-dark, .future-light) & {
+      :where(*[data-active="true"]) & {
+        color: var(--foreground);
+      }
+    }
+  }
   .future\:has-\[\[data-slot\=input-group-control\]_\:focus-visible\]\:ring-offset-2 {
     :is(.future-dark, .future-light) & {
       &:has(*:is([data-slot=input-group-control] :focus-visible)) {
@@ -7650,6 +8227,11 @@
       margin-top: calc(var(--spacing) * 0);
     }
   }
+  .\[\&\>button\]\:hidden {
+    &>button {
+      display: none;
+    }
+  }
   .\[\&\>button\]\:rounded-none {
     &>button {
       border-radius: 0;
@@ -7774,6 +8356,13 @@
       color: var(--foreground-accent);
     }
   }
+  .\[\&\>span\:last-child\]\:truncate {
+    &>span:last-child {
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+  }
   .\[\&\>svg\]\:absolute {
     &>svg {
       position: absolute;
@@ -7806,6 +8395,12 @@
       height: calc(var(--spacing) * 3.5);
     }
   }
+  .\[\&\>svg\]\:size-4 {
+    &>svg {
+      width: calc(var(--spacing) * 4);
+      height: calc(var(--spacing) * 4);
+    }
+  }
   .\[\&\>svg\]\:h-2\.5 {
     &>svg {
       height: calc(var(--spacing) * 2.5);
@@ -7836,6 +8431,11 @@
       width: calc(var(--spacing) * 3.5);
     }
   }
+  .\[\&\>svg\]\:shrink-0 {
+    &>svg {
+      flex-shrink: 0;
+    }
+  }
   .\[\&\>svg\]\:text-error {
     &>svg {
       color: var(--error);
@@ -7969,6 +8569,26 @@
       color: var(--foreground-emp);
     }
   }
+  .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2 {
+    [data-side=left][data-collapsible=offcanvas] & {
+      right: calc(var(--spacing) * -2);
+    }
+  }
+  .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize {
+    [data-side=left][data-state=collapsed] & {
+      cursor: e-resize;
+    }
+  }
+  .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2 {
+    [data-side=right][data-collapsible=offcanvas] & {
+      left: calc(var(--spacing) * -2);
+    }
+  }
+  .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize {
+    [data-side=right][data-state=collapsed] & {
+      cursor: w-resize;
+    }
+  }
   .\[\[data-slot\=card-content\]_\&\]\:bg-transparent {
     [data-slot=card-content] & {
       background-color: transparent;
@@ -11313,6 +11933,11 @@ body.canvas, .canvas {
   inherits: false;
   initial-value: 0;
 }
+@property --tw-divide-y-reverse {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
 @property --tw-border-style {
   syntax: "*";
   inherits: false;
@@ -11590,6 +12215,7 @@ body.canvas, .canvas {
       --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;