@nswds/app 1.48.2 → 1.49.0

package/dist/styles.css

@@ -103,6 +103,7 @@
     --font-weight-bold: 700;
     --tracking-tight: -0.025em;
     --tracking-widest: 0.1em;
+    --leading-tight: 1.25;
     --leading-relaxed: 1.625;
     --radius-xs: 0.125rem;
     --radius-sm: 0.25rem;
@@ -419,12 +420,18 @@
   .top-1 {
     top: calc(var(--spacing) * 1);
   }
+  .top-1\.5 {
+    top: calc(var(--spacing) * 1.5);
+  }
   .top-1\/2 {
     top: calc(1/2 * 100%);
   }
   .top-2 {
     top: calc(var(--spacing) * 2);
   }
+  .top-3\.5 {
+    top: calc(var(--spacing) * 3.5);
+  }
   .top-4 {
     top: calc(var(--spacing) * 4);
   }
@@ -461,6 +468,9 @@
   .right-2 {
     right: calc(var(--spacing) * 2);
   }
+  .right-3 {
+    right: calc(var(--spacing) * 3);
+  }
   .right-4 {
     right: calc(var(--spacing) * 4);
   }
@@ -500,6 +510,9 @@
   .z-10 {
     z-index: 10;
   }
+  .z-20 {
+    z-index: 20;
+  }
   .z-30 {
     z-index: 30;
   }
@@ -578,6 +591,9 @@
   .mx-2 {
     margin-inline: calc(var(--spacing) * 2);
   }
+  .mx-3\.5 {
+    margin-inline: calc(var(--spacing) * 3.5);
+  }
   .mx-auto {
     margin-inline: auto;
   }
@@ -1122,6 +1138,12 @@
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 1;
   }
+  .line-clamp-2 {
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+  }
   .block {
     display: block;
   }
@@ -1260,6 +1282,9 @@
   .h-6 {
     height: calc(var(--spacing) * 6);
   }
+  .h-7 {
+    height: calc(var(--spacing) * 7);
+  }
   .h-8 {
     height: calc(var(--spacing) * 8);
   }
@@ -1335,6 +1360,9 @@
   .h-screen {
     height: 100vh;
   }
+  .h-svh {
+    height: 100svh;
+  }
   .max-h-\(--radix-context-menu-content-available-height\) {
     max-height: var(--radix-context-menu-content-available-height);
   }
@@ -1353,6 +1381,9 @@
   .max-h-\[300px\] {
     max-height: 300px;
   }
+  .min-h-0 {
+    min-height: calc(var(--spacing) * 0);
+  }
   .min-h-4 {
     min-height: calc(var(--spacing) * 4);
   }
@@ -1371,9 +1402,18 @@
   .min-h-screen {
     min-height: 100vh;
   }
+  .min-h-svh {
+    min-height: 100svh;
+  }
   .w-\(--cell-size\) {
     width: var(--cell-size);
   }
+  .w-\(--radix-dropdown-menu-trigger-width\) {
+    width: var(--radix-dropdown-menu-trigger-width);
+  }
+  .w-\(--sidebar-width\) {
+    width: var(--sidebar-width);
+  }
   .w-0 {
     width: calc(var(--spacing) * 0);
   }
@@ -1470,9 +1510,15 @@
   .w-\[180px\] {
     width: 180px;
   }
+  .w-\[260px\] {
+    width: 260px;
+  }
   .w-\[400px\] {
     width: 400px;
   }
+  .w-\[calc\(var\(--sidebar-width-icon\)\+1px\)\]\! {
+    width: calc(var(--sidebar-width-icon) + 1px) !important;
+  }
   .w-auto {
     width: auto;
   }
@@ -1491,6 +1537,9 @@
   .w-screen {
     width: 100vw;
   }
+  .max-w-\(--skeleton-width\) {
+    max-width: var(--skeleton-width);
+  }
   .max-w-2xl {
     max-width: var(--container-2xl);
   }
@@ -1530,6 +1579,9 @@
   .min-w-0 {
     min-width: calc(var(--spacing) * 0);
   }
+  .min-w-5 {
+    min-width: calc(var(--spacing) * 5);
+  }
   .min-w-8 {
     min-width: calc(var(--spacing) * 8);
   }
@@ -1539,6 +1591,9 @@
   .min-w-10 {
     min-width: calc(var(--spacing) * 10);
   }
+  .min-w-56 {
+    min-width: calc(var(--spacing) * 56);
+  }
   .min-w-\[8rem\] {
     min-width: 8rem;
   }
@@ -1616,6 +1671,10 @@
     --tw-translate-x: calc(45% * -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-0 {
     --tw-translate-x: calc(var(--spacing) * 0);
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -1628,6 +1687,10 @@
     --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);
@@ -1808,6 +1871,9 @@
   .gap-3 {
     gap: calc(var(--spacing) * 3);
   }
+  .gap-3\.5 {
+    gap: calc(var(--spacing) * 3.5);
+  }
   .gap-4 {
     gap: calc(var(--spacing) * 4);
   }
@@ -2256,6 +2322,9 @@
   .border-red-400 {
     border-color: var(--color-red-400);
   }
+  .border-sidebar-border {
+    border-color: var(--sidebar-border);
+  }
   .border-slate-200 {
     border-color: var(--color-slate-200);
   }
@@ -2424,6 +2493,9 @@
   .bg-popover {
     background-color: var(--popover);
   }
+  .bg-primary {
+    background-color: var(--primary);
+  }
   .bg-primary-200 {
     background-color: oklch(0.9266735792514218 0.04166332334226081 227.890755564881);
   }
@@ -2451,6 +2523,15 @@
   .bg-secondary {
     background-color: var(--secondary);
   }
+  .bg-sidebar {
+    background-color: var(--sidebar);
+  }
+  .bg-sidebar-border {
+    background-color: var(--sidebar-border);
+  }
+  .bg-sidebar-primary {
+    background-color: var(--sidebar-primary);
+  }
   .bg-success-200 {
     background-color: var(--color-success-200);
   }
@@ -2673,9 +2754,15 @@
   .px-\(--cell-size\) {
     padding-inline: var(--cell-size);
   }
+  .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);
+  }
   .px-1\.5 {
     padding-inline: calc(var(--spacing) * 1.5);
   }
@@ -2727,6 +2814,9 @@
   .py-0 {
     padding-block: calc(var(--spacing) * 0);
   }
+  .py-0\.5 {
+    padding-block: calc(var(--spacing) * 0.5);
+  }
   .py-1 {
     padding-block: calc(var(--spacing) * 1);
   }
@@ -3053,6 +3143,10 @@
     --tw-leading: 1;
     line-height: 1;
   }
+  .leading-tight {
+    --tw-leading: var(--leading-tight);
+    line-height: var(--leading-tight);
+  }
   .font-\[var\(--heading-font-family\)\] {
     --tw-font-weight: var(--heading-font-family);
     font-weight: var(--heading-font-family);
@@ -3113,6 +3207,9 @@
   .break-all {
     word-break: break-all;
   }
+  .whitespace-break-spaces {
+    white-space: break-spaces;
+  }
   .whitespace-nowrap {
     white-space: nowrap;
   }
@@ -3257,6 +3354,18 @@
   .text-secondary-foreground {
     color: var(--secondary-foreground);
   }
+  .text-sidebar-foreground {
+    color: var(--sidebar-foreground);
+  }
+  .text-sidebar-foreground\/70 {
+    color: var(--sidebar-foreground);
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, var(--sidebar-foreground) 70%, transparent);
+    }
+  }
+  .text-sidebar-primary-foreground {
+    color: var(--sidebar-primary-foreground);
+  }
   .text-slate-500 {
     color: var(--color-slate-500);
   }
@@ -3334,6 +3443,15 @@
       var(--tw-ring-shadow),
       var(--tw-shadow);
   }
+  .shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\] {
+    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, hsl(var(--sidebar-border)));
+    box-shadow:
+      var(--tw-inset-shadow),
+      var(--tw-inset-ring-shadow),
+      var(--tw-ring-offset-shadow),
+      var(--tw-ring-shadow),
+      var(--tw-shadow);
+  }
   .shadow-lg {
     --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
     box-shadow:
@@ -3448,6 +3566,9 @@
       --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
     }
   }
+  .ring-sidebar-ring {
+    --tw-ring-color: var(--sidebar-ring);
+  }
   .ring-white {
     --tw-ring-color: var(--color-white);
   }
@@ -3518,6 +3639,19 @@
     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\,box-shadow\,background-color\] {
     transition-property:
       width,
@@ -3526,6 +3660,19 @@
     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));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
   .transition-all {
     transition-property: all;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -4083,6 +4230,11 @@
       background-color: color-mix(in oklab, oklch(0.2899986864508513 0.11729574451023282 259.841936589881) 10%, transparent);
     }
   }
+  .group-focus-within\/menu-item\:opacity-100 {
+    &:is(:where(.group\/menu-item):focus-within *) {
+      opacity: 100%;
+    }
+  }
   .group-hover\:translate-x-1 {
     &:is(:where(.group):hover *) {
       @media (hover: hover) {
@@ -4203,6 +4355,18 @@
       }
     }
   }
+  .group-hover\/menu-item\:opacity-100 {
+    &:is(:where(.group\/menu-item):hover *) {
+      @media (hover: hover) {
+        opacity: 100%;
+      }
+    }
+  }
+  .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-data-active\:border-\(--badge-bg\) {
     &:is(:where(.group)[data-active] *) {
       border-color: var(--badge-bg);
@@ -4317,6 +4481,78 @@
       display: inline;
     }
   }
+  .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) !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-\[disabled\=true\]\:pointer-events-none {
     &:is(:where(.group)[data-disabled=true] *) {
       pointer-events: none;
@@ -4361,6 +4597,33 @@
       }
     }
   }
+  .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\=open\]\:rotate-90 {
     &:is(:where(.group)[data-state=open] *) {
       rotate: 90deg;
@@ -4371,6 +4634,33 @@
       rotate: 180deg;
     }
   }
+  .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-sidebar-border {
+    &:is(:where(.group)[data-variant=floating] *) {
+      border-color: var(--sidebar-border);
+    }
+  }
+  .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-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:block {
     &:is(:where(.group\/drawer-content)[data-vaul-drawer-direction=bottom] *) {
       display: block;
@@ -4439,6 +4729,13 @@
       flex-direction: row;
     }
   }
+  .peer-hover\/menu-button\:text-sidebar-accent-foreground {
+    &:is(:where(.peer\/menu-button):hover ~ *) {
+      @media (hover: hover) {
+        color: var(--sidebar-accent-foreground);
+      }
+    }
+  }
   .peer-focus\:pointer-events-auto {
     &:is(:where(.peer):focus ~ *) {
       pointer-events: auto;
@@ -4459,6 +4756,26 @@
       opacity: 70%;
     }
   }
+  .peer-data-\[active\=true\]\/menu-button\:text-sidebar-accent-foreground {
+    &:is(:where(.peer\/menu-button)[data-active=true] ~ *) {
+      color: var(--sidebar-accent-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-2\.5 {
+    &:is(:where(.peer\/menu-button)[data-size=lg] ~ *) {
+      top: calc(var(--spacing) * 2.5);
+    }
+  }
+  .peer-data-\[size\=sm\]\/menu-button\:top-1 {
+    &:is(:where(.peer\/menu-button)[data-size=sm] ~ *) {
+      top: calc(var(--spacing) * 1);
+    }
+  }
   .selection\:bg-primary-800 {
     & *::selection {
       background-color: oklch(0.2899986864508513 0.11729574451023282 259.841936589881);
@@ -4722,6 +5039,12 @@
       position: absolute;
     }
   }
+  .after\:-inset-2 {
+    &::after {
+      content: var(--tw-content);
+      inset: calc(var(--spacing) * -2);
+    }
+  }
   .after\:inset-0 {
     &::after {
       content: var(--tw-content);
@@ -4764,6 +5087,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);
@@ -4826,6 +5155,14 @@
       }
     }
   }
+  .group-data-\[collapsible\=offcanvas\]\:after\:left-full {
+    &:is(:where(.group)[data-collapsible=offcanvas] *) {
+      &::after {
+        content: var(--tw-content);
+        left: 100%;
+      }
+    }
+  }
   .first\:ml-0 {
     &:first-child {
       margin-left: calc(var(--spacing) * 0);
@@ -5032,6 +5369,16 @@
       }
     }
   }
+  .hover\:bg-primary\/90 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--primary);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--primary) 90%, transparent);
+        }
+      }
+    }
+  }
   .hover\:bg-purple-100 {
     &:hover {
       @media (hover: hover) {
@@ -5049,6 +5396,13 @@
       }
     }
   }
+  .hover\:bg-sidebar-accent {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--sidebar-accent);
+      }
+    }
+  }
   .hover\:font-bold {
     &:hover {
       @media (hover: hover) {
@@ -5170,6 +5524,13 @@
       }
     }
   }
+  .hover\:text-sidebar-accent-foreground {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--sidebar-accent-foreground);
+      }
+    }
+  }
   .hover\:text-slate-600 {
     &:hover {
       @media (hover: hover) {
@@ -5205,6 +5566,19 @@
       }
     }
   }
+  .hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\] {
+    &:hover {
+      @media (hover: hover) {
+        --tw-shadow: 0 0 0 1px var(--tw-shadow-color, hsl(var(--sidebar-accent)));
+        box-shadow:
+          var(--tw-inset-shadow),
+          var(--tw-inset-ring-shadow),
+          var(--tw-ring-offset-shadow),
+          var(--tw-ring-shadow),
+          var(--tw-shadow);
+      }
+    }
+  }
   .hover\:ring-4 {
     &:hover {
       @media (hover: hover) {
@@ -5225,6 +5599,25 @@
       }
     }
   }
+  .hover\:group-data-\[collapsible\=offcanvas\]\:bg-sidebar {
+    &:hover {
+      @media (hover: hover) {
+        &:is(:where(.group)[data-collapsible=offcanvas] *) {
+          background-color: var(--sidebar);
+        }
+      }
+    }
+  }
+  .hover\:after\:bg-sidebar-border {
+    &:hover {
+      @media (hover: hover) {
+        &::after {
+          content: var(--tw-content);
+          background-color: var(--sidebar-border);
+        }
+      }
+    }
+  }
   .focus\:z-10 {
     &:focus {
       z-index: 10;
@@ -5439,6 +5832,14 @@
         var(--tw-shadow);
     }
   }
+  .focus-visible\:ring-destructive\/20 {
+    &:focus-visible {
+      --tw-ring-color: var(--destructive);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
+      }
+    }
+  }
   .focus-visible\:ring-primary-650\/70 {
     &:focus-visible {
       --tw-ring-color: color-mix(in oklab, oklch(0.5038341615701663 0.20169915825513662 260.52773388396713) 70%, transparent);
@@ -5502,6 +5903,16 @@
       outline-style: none;
     }
   }
+  .active\:bg-sidebar-accent {
+    &:active {
+      background-color: var(--sidebar-accent);
+    }
+  }
+  .active\:text-sidebar-accent-foreground {
+    &:active {
+      color: var(--sidebar-accent-foreground);
+    }
+  }
   .disabled\:pointer-events-none {
     &:disabled {
       pointer-events: none;
@@ -5517,6 +5928,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);
@@ -5560,6 +5981,11 @@
       }
     }
   }
+  .has-data-\[variant\=inset\]\:bg-sidebar {
+    &:has(*[data-variant=inset]) {
+      background-color: var(--sidebar);
+    }
+  }
   .has-\[\>svg\]\:grid-cols-\[calc\(var\(--spacing\)\*4\)_1fr\] {
     &:has(> svg) {
       grid-template-columns: calc(var(--spacing) * 4) 1fr;
@@ -5570,11 +5996,26 @@
       column-gap: calc(var(--spacing) * 3);
     }
   }
+  .has-\[\>svg\]\:px-2\.5 {
+    &:has(> svg) {
+      padding-inline: calc(var(--spacing) * 2.5);
+    }
+  }
   .has-\[\>svg\]\:px-3 {
     &:has(> svg) {
       padding-inline: calc(var(--spacing) * 3);
     }
   }
+  .has-\[\>svg\]\:px-4 {
+    &:has(> svg) {
+      padding-inline: calc(var(--spacing) * 4);
+    }
+  }
+  .aria-disabled\:pointer-events-none {
+    &[aria-disabled=true] {
+      pointer-events: none;
+    }
+  }
   .aria-disabled\:opacity-50 {
     &[aria-disabled=true] {
       opacity: 50%;
@@ -5838,11 +6279,27 @@
       border-color: var(--ring);
     }
   }
+  .data-\[active\=true\]\:bg-sidebar-accent {
+    &[data-active=true] {
+      background-color: var(--sidebar-accent);
+    }
+  }
+  .data-\[active\=true\]\:font-medium {
+    &[data-active=true] {
+      --tw-font-weight: var(--font-weight-medium);
+      font-weight: var(--font-weight-medium);
+    }
+  }
   .data-\[active\=true\]\:text-accent-foreground {
     &[data-active=true] {
       color: var(--accent-foreground);
     }
   }
+  .data-\[active\=true\]\:text-sidebar-accent-foreground {
+    &[data-active=true] {
+      color: var(--sidebar-accent-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);
@@ -6058,6 +6515,11 @@
       width: 100%;
     }
   }
+  .data-\[orientation\=vertical\]\:h-4 {
+    &[data-orientation=vertical] {
+      height: calc(var(--spacing) * 4);
+    }
+  }
   .data-\[orientation\=vertical\]\:h-full {
     &[data-orientation=vertical] {
       height: 100%;
@@ -6212,14 +6674,14 @@
       color: var(--primary-foreground);
     }
   }
-  .data-\[selected-single\=true\]\:bg-primary {
+  .data-\[selected-single\=true\]\:bg-primary-800 {
     &[data-selected-single=true] {
-      background-color: var(--primary);
+      background-color: oklch(0.2899986864508513 0.11729574451023282 259.841936589881);
     }
   }
-  .data-\[selected-single\=true\]\:text-primary-foreground {
+  .data-\[selected-single\=true\]\:text-white {
     &[data-selected-single=true] {
-      color: var(--primary-foreground);
+      color: var(--color-white);
     }
   }
   .data-\[selected\=true\]\:rounded-none {
@@ -6301,6 +6763,13 @@
       --tw-enter-translate-y: 0.5rem;
     }
   }
+  .\*\:data-\[sidebar\=sidebar\]\:flex-row {
+    :is(& > *) {
+      &[data-sidebar=sidebar] {
+        flex-direction: row;
+      }
+    }
+  }
   .data-\[size\=default\]\:h-12 {
     &[data-size=default] {
       height: calc(var(--spacing) * 12);
@@ -6805,11 +7274,26 @@
       background-color: color-mix(in oklab, oklch(0.2899986864508513 0.11729574451023282 259.841936589881) 10%, transparent);
     }
   }
+  .data-\[state\=open\]\:bg-sidebar-accent {
+    &[data-state=open] {
+      background-color: var(--sidebar-accent);
+    }
+  }
   .data-\[state\=open\]\:text-accent-foreground {
     &[data-state=open] {
       color: var(--accent-foreground);
     }
   }
+  .data-\[state\=open\]\:text-sidebar-accent-foreground {
+    &[data-state=open] {
+      color: var(--sidebar-accent-foreground);
+    }
+  }
+  .data-\[state\=open\]\:opacity-100 {
+    &[data-state=open] {
+      opacity: 100%;
+    }
+  }
   .data-\[state\=open\]\:duration-500 {
     &[data-state=open] {
       --tw-duration: 500ms;
@@ -6903,6 +7387,24 @@
       }
     }
   }
+  .data-\[state\=open\]\:hover\:bg-sidebar-accent {
+    &[data-state=open] {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--sidebar-accent);
+        }
+      }
+    }
+  }
+  .data-\[state\=open\]\:hover\:text-sidebar-accent-foreground {
+    &[data-state=open] {
+      &:hover {
+        @media (hover: hover) {
+          color: var(--sidebar-accent-foreground);
+        }
+      }
+    }
+  }
   .data-\[state\=open\]\:focus\:bg-primary-800\/10 {
     &[data-state=open] {
       &:focus {
@@ -7672,11 +8174,21 @@
       margin-top: -1px;
     }
   }
+  .md\:block {
+    @media (width >= 48rem) {
+      display: block;
+    }
+  }
   .md\:flex {
     @media (width >= 48rem) {
       display: flex;
     }
   }
+  .md\:h-8 {
+    @media (width >= 48rem) {
+      height: calc(var(--spacing) * 8);
+    }
+  }
   .md\:h-16 {
     @media (width >= 48rem) {
       height: calc(var(--spacing) * 16);
@@ -7727,12 +8239,83 @@
       flex-direction: row;
     }
   }
+  .md\:p-0 {
+    @media (width >= 48rem) {
+      padding: calc(var(--spacing) * 0);
+    }
+  }
+  .md\:px-0 {
+    @media (width >= 48rem) {
+      padding-inline: calc(var(--spacing) * 0);
+    }
+  }
+  .md\:px-2 {
+    @media (width >= 48rem) {
+      padding-inline: calc(var(--spacing) * 2);
+    }
+  }
   .md\:text-sm {
     @media (width >= 48rem) {
       font-size: var(--text-sm);
       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-\[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\:after\:hidden {
+    @media (width >= 48rem) {
+      &::after {
+        content: var(--tw-content);
+        display: none;
+      }
+    }
+  }
   .lg\:relative {
     @media (width >= 64rem) {
       position: relative;
@@ -8171,6 +8754,14 @@
       }
     }
   }
+  .dark\:bg-destructive\/60 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      background-color: var(--destructive);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--destructive) 60%, transparent);
+      }
+    }
+  }
   .dark\:bg-gray-50 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       background-color: var(--color-gray-50);
@@ -9049,6 +9640,16 @@
       }
     }
   }
+  .dark\:focus-visible\:ring-destructive\/40 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &:focus-visible {
+        --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\:aria-invalid\:ring-destructive\/40 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       &[aria-invalid=true] {
@@ -10033,6 +10634,11 @@
       translate: var(--tw-translate-x) var(--tw-translate-y);
     }
   }
+  .\[\&\>button\]\:hidden {
+    & > button {
+      display: none;
+    }
+  }
   .\[\&\>span\]\:text-xs {
     & > span {
       font-size: var(--text-xs);
@@ -10044,6 +10650,13 @@
       opacity: 70%;
     }
   }
+  .\[\&\>span\:last-child\]\:truncate {
+    & > span:last-child {
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+  }
   .\[\&\>svg\]\:size-3\.5 {
     & > svg {
       width: calc(var(--spacing) * 3.5);
@@ -10082,6 +10695,11 @@
       width: calc(var(--spacing) * 3);
     }
   }
+  .\[\&\>svg\]\:shrink-0 {
+    & > svg {
+      flex-shrink: 0;
+    }
+  }
   .\[\&\>svg\]\:translate-y-0\.5 {
     & > svg {
       --tw-translate-y: calc(var(--spacing) * 0.5);
@@ -10098,6 +10716,11 @@
       color: var(--muted-foreground);
     }
   }
+  .\[\&\>svg\]\:text-sidebar-accent-foreground {
+    & > svg {
+      color: var(--sidebar-accent-foreground);
+    }
+  }
   .\[\&\>tr\]\:last\:border-b-0 {
     & > tr {
       &:last-child {
@@ -10131,6 +10754,26 @@
       }
     }
   }
+  .\[\[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;
@@ -10918,6 +11561,16 @@ body {
     display: none;
   }
 }
+.dark {
+  --sidebar: hsl(240 5.9% 10%);
+  --sidebar-foreground: hsl(240 4.8% 95.9%);
+  --sidebar-primary: hsl(224.3 76.3% 48%);
+  --sidebar-primary-foreground: hsl(0 0% 100%);
+  --sidebar-accent: hsl(240 3.7% 15.9%);
+  --sidebar-accent-foreground: hsl(240 4.8% 95.9%);
+  --sidebar-border: hsl(240 3.7% 15.9%);
+  --sidebar-ring: hsl(217.2 91.2% 59.8%);
+}
 @keyframes enter {
   from {
     opacity: var(--tw-enter-opacity, 1);
@@ -11119,5 +11772,5 @@ body {
     }
   }
 }
-/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
 /*# sourceMappingURL=styles.css.map */