@nswds/app 1.112.2 → 1.113.0

package/dist/styles.css

@@ -50,6 +50,7 @@
     --color-slate-600: oklch(44.6% 0.043 257.281);
     --color-slate-800: oklch(27.9% 0.041 260.031);
     --color-slate-900: oklch(20.8% 0.042 265.755);
+    --color-slate-950: oklch(12.9% 0.042 264.695);
     --color-gray-50: oklch(98.5% 0.002 247.839);
     --color-gray-100: oklch(96.7% 0.003 264.542);
     --color-gray-200: oklch(92.8% 0.006 264.531);
@@ -1528,12 +1529,18 @@
   .min-h-11 {
     min-height: calc(var(--spacing) * 11);
   }
+  .min-h-14 {
+    min-height: calc(var(--spacing) * 14);
+  }
   .min-h-16 {
     min-height: calc(var(--spacing) * 16);
   }
   .min-h-32 {
     min-height: calc(var(--spacing) * 32);
   }
+  .min-h-56 {
+    min-height: calc(var(--spacing) * 56);
+  }
   .min-h-\[12rem\] {
     min-height: 12rem;
   }
@@ -1549,6 +1556,9 @@
   .min-h-\[25rem\] {
     min-height: 25rem;
   }
+  .min-h-\[560px\] {
+    min-height: 560px;
+  }
   .min-h-dvh {
     min-height: 100dvh;
   }
@@ -1768,6 +1778,9 @@
   .max-w-\[calc\(100\%-2rem\)\] {
     max-width: calc(100% - 2rem);
   }
+  .max-w-fit {
+    max-width: fit-content;
+  }
   .max-w-full {
     max-width: 100%;
   }
@@ -2518,6 +2531,10 @@
     border-bottom-style: var(--tw-border-style);
     border-bottom-width: 1px;
   }
+  .border-b-0 {
+    border-bottom-style: var(--tw-border-style);
+    border-bottom-width: 0px;
+  }
   .border-b-2 {
     border-bottom-style: var(--tw-border-style);
     border-bottom-width: 2px;
@@ -2569,6 +2586,9 @@
   .border-\(--toggle-border\) {
     border-color: var(--toggle-border);
   }
+  .border-\[\#d9ccff\] {
+    border-color: #d9ccff;
+  }
   .border-\[\#ebebeb\] {
     border-color: #ebebeb;
   }
@@ -2812,6 +2832,9 @@
   .bg-\[\#f3f8ff\] {
     background-color: #f3f8ff;
   }
+  .bg-\[\#f5f2ff\] {
+    background-color: #f5f2ff;
+  }
   .bg-accent {
     background-color: var(--accent);
   }
@@ -3520,6 +3543,9 @@
   .pt-\[40px\] {
     padding-top: 40px;
   }
+  .pr-0 {
+    padding-right: calc(var(--spacing) * 0);
+  }
   .pr-0\.5 {
     padding-right: calc(var(--spacing) * 0.5);
   }
@@ -4018,6 +4044,9 @@
   .whitespace-break-spaces {
     white-space: break-spaces;
   }
+  .whitespace-normal {
+    white-space: normal;
+  }
   .whitespace-nowrap {
     white-space: nowrap;
   }
@@ -4240,6 +4269,18 @@
   .text-white {
     color: var(--color-white);
   }
+  .text-white\/70 {
+    color: color-mix(in srgb, #fff 70%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, var(--color-white) 70%, transparent);
+    }
+  }
+  .text-white\/85 {
+    color: color-mix(in srgb, #fff 85%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, var(--color-white) 85%, transparent);
+    }
+  }
   .text-yellow-600 {
     color: var(--color-yellow-600);
   }
@@ -5993,6 +6034,11 @@
       top: 100%;
     }
   }
+  .group-data-\[viewport\=false\]\/navigation-menu\:mt-0 {
+    &:is(:where(.group\/navigation-menu)[data-viewport=false] *) {
+      margin-top: calc(var(--spacing) * 0);
+    }
+  }
   .group-data-\[viewport\=false\]\/navigation-menu\:mt-1\.5 {
     &:is(:where(.group\/navigation-menu)[data-viewport=false] *) {
       margin-top: calc(var(--spacing) * 1.5);
@@ -6003,6 +6049,11 @@
       overflow: hidden;
     }
   }
+  .group-data-\[viewport\=false\]\/navigation-menu\:rounded-none {
+    &:is(:where(.group\/navigation-menu)[data-viewport=false] *) {
+      border-radius: 0;
+    }
+  }
   .group-data-\[viewport\=false\]\/navigation-menu\:rounded-sm {
     &:is(:where(.group\/navigation-menu)[data-viewport=false] *) {
       border-radius: var(--radius-sm);
@@ -6014,11 +6065,22 @@
       border-width: 1px;
     }
   }
+  .group-data-\[viewport\=false\]\/navigation-menu\:border-0 {
+    &:is(:where(.group\/navigation-menu)[data-viewport=false] *) {
+      border-style: var(--tw-border-style);
+      border-width: 0px;
+    }
+  }
   .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\:bg-transparent {
+    &:is(:where(.group\/navigation-menu)[data-viewport=false] *) {
+      background-color: transparent;
+    }
+  }
   .group-data-\[viewport\=false\]\/navigation-menu\:text-popover-foreground {
     &:is(:where(.group\/navigation-menu)[data-viewport=false] *) {
       color: var(--popover-foreground);
@@ -6035,6 +6097,17 @@
         var(--tw-shadow);
     }
   }
+  .group-data-\[viewport\=false\]\/navigation-menu\:shadow-none {
+    &:is(:where(.group\/navigation-menu)[data-viewport=false] *) {
+      --tw-shadow: 0 0 #0000;
+      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;
@@ -6277,6 +6350,18 @@
       inset: 1px;
     }
   }
+  .before\:inset-x-0 {
+    &::before {
+      content: var(--tw-content);
+      inset-inline: calc(var(--spacing) * 0);
+    }
+  }
+  .before\:top-0 {
+    &::before {
+      content: var(--tw-content);
+      top: calc(var(--spacing) * 0);
+    }
+  }
   .before\:-z-10 {
     &::before {
       content: var(--tw-content);
@@ -6295,6 +6380,12 @@
       display: table;
     }
   }
+  .before\:h-px {
+    &::before {
+      content: var(--tw-content);
+      height: 1px;
+    }
+  }
   .before\:w-2 {
     &::before {
       content: var(--tw-content);
@@ -6494,6 +6585,12 @@
       height: calc(var(--spacing) * 1);
     }
   }
+  .after\:h-px {
+    &::after {
+      content: var(--tw-content);
+      height: 1px;
+    }
+  }
   .after\:w-1 {
     &::after {
       content: var(--tw-content);
@@ -6544,6 +6641,12 @@
       background-color: var(--nsw-card-top-border-base);
     }
   }
+  .after\:bg-transparent {
+    &::after {
+      content: var(--tw-content);
+      background-color: transparent;
+    }
+  }
   .after\:shadow-\[inset_0_1px_0_var\(--nsw-card-border\)\,inset_1px_0_0_var\(--nsw-card-border\)\,inset_-1px_0_0_var\(--nsw-card-border\)\] {
     &::after {
       content: var(--tw-content);
@@ -6793,6 +6896,26 @@
       }
     }
   }
+  .hover\:border-primary-800\/30 {
+    &:hover {
+      @media (hover: hover) {
+        border-color: var(--color-primary-800);
+        @supports (color: color-mix(in lab, red, red)) {
+          border-color: color-mix(in oklab, var(--color-primary-800) 30%, transparent);
+        }
+      }
+    }
+  }
+  .hover\:border-primary-800\/35 {
+    &:hover {
+      @media (hover: hover) {
+        border-color: var(--color-primary-800);
+        @supports (color: color-mix(in lab, red, red)) {
+          border-color: color-mix(in oklab, var(--color-primary-800) 35%, transparent);
+        }
+      }
+    }
+  }
   .hover\:bg-\(--footer-link-hover-bg\) {
     &:hover {
       @media (hover: hover) {
@@ -6800,6 +6923,13 @@
       }
     }
   }
+  .hover\:bg-\[\#e8e2ff\] {
+    &:hover {
+      @media (hover: hover) {
+        background-color: #e8e2ff;
+      }
+    }
+  }
   .hover\:bg-\[\#f6f6f6\] {
     &:hover {
       @media (hover: hover) {
@@ -6883,6 +7013,16 @@
       }
     }
   }
+  .hover\:bg-primary-800\/6 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-primary-800);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--color-primary-800) 6%, transparent);
+        }
+      }
+    }
+  }
   .hover\:bg-primary-800\/10 {
     &:hover {
       @media (hover: hover) {
@@ -6893,6 +7033,13 @@
       }
     }
   }
+  .hover\:bg-primary-900 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-primary-900);
+      }
+    }
+  }
   .hover\:bg-primary\/90 {
     &:hover {
       @media (hover: hover) {
@@ -7173,6 +7320,52 @@
       }
     }
   }
+  .hover\:before\:bg-\[\#e8e2ff\] {
+    &:hover {
+      @media (hover: hover) {
+        &::before {
+          content: var(--tw-content);
+          background-color: #e8e2ff;
+        }
+      }
+    }
+  }
+  .hover\:before\:bg-primary-800\/10 {
+    &:hover {
+      @media (hover: hover) {
+        &::before {
+          content: var(--tw-content);
+          background-color: var(--color-primary-800);
+          @supports (color: color-mix(in lab, red, red)) {
+            background-color: color-mix(in oklab, var(--color-primary-800) 10%, transparent);
+          }
+        }
+      }
+    }
+  }
+  .hover\:after\:bg-\[\#e8e2ff\] {
+    &:hover {
+      @media (hover: hover) {
+        &::after {
+          content: var(--tw-content);
+          background-color: #e8e2ff;
+        }
+      }
+    }
+  }
+  .hover\:after\:bg-primary-800\/10 {
+    &:hover {
+      @media (hover: hover) {
+        &::after {
+          content: var(--tw-content);
+          background-color: var(--color-primary-800);
+          @supports (color: color-mix(in lab, red, red)) {
+            background-color: color-mix(in oklab, var(--color-primary-800) 10%, transparent);
+          }
+        }
+      }
+    }
+  }
   .hover\:after\:bg-sidebar-border {
     &:hover {
       @media (hover: hover) {
@@ -7198,11 +7391,32 @@
       border-color: var(--color-primary-500);
     }
   }
+  .focus\:border-primary-800\/30 {
+    &:focus {
+      border-color: var(--color-primary-800);
+      @supports (color: color-mix(in lab, red, red)) {
+        border-color: color-mix(in oklab, var(--color-primary-800) 30%, transparent);
+      }
+    }
+  }
+  .focus\:bg-\[\#e8e2ff\] {
+    &:focus {
+      background-color: #e8e2ff;
+    }
+  }
   .focus\:bg-accent {
     &:focus {
       background-color: var(--accent);
     }
   }
+  .focus\:bg-primary-800\/6 {
+    &:focus {
+      background-color: var(--color-primary-800);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-primary-800) 6%, transparent);
+      }
+    }
+  }
   .focus\:bg-primary-800\/10 {
     &:focus {
       background-color: var(--color-primary-800);
@@ -7211,6 +7425,11 @@
       }
     }
   }
+  .focus\:bg-primary-900 {
+    &:focus {
+      background-color: var(--color-primary-900);
+    }
+  }
   .focus\:font-bold {
     &:focus {
       --tw-font-weight: var(--font-weight-bold);
@@ -7346,6 +7565,44 @@
       }
     }
   }
+  .focus\:before\:bg-\[\#e8e2ff\] {
+    &:focus {
+      &::before {
+        content: var(--tw-content);
+        background-color: #e8e2ff;
+      }
+    }
+  }
+  .focus\:before\:bg-primary-800\/10 {
+    &:focus {
+      &::before {
+        content: var(--tw-content);
+        background-color: var(--color-primary-800);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--color-primary-800) 10%, transparent);
+        }
+      }
+    }
+  }
+  .focus\:after\:bg-\[\#e8e2ff\] {
+    &:focus {
+      &::after {
+        content: var(--tw-content);
+        background-color: #e8e2ff;
+      }
+    }
+  }
+  .focus\:after\:bg-primary-800\/10 {
+    &:focus {
+      &::after {
+        content: var(--tw-content);
+        background-color: var(--color-primary-800);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--color-primary-800) 10%, transparent);
+        }
+      }
+    }
+  }
   .focus-visible\:z-10 {
     &:focus-visible {
       z-index: 10;
@@ -9075,6 +9332,16 @@
       color: var(--color-grey-850);
     }
   }
+  .data-\[state\=open\]\:border-primary-800 {
+    &[data-state=open] {
+      border-color: var(--color-primary-800);
+    }
+  }
+  .data-\[state\=open\]\:bg-\[\#e8e2ff\] {
+    &[data-state=open] {
+      background-color: #e8e2ff;
+    }
+  }
   .data-\[state\=open\]\:bg-accent {
     &[data-state=open] {
       background-color: var(--accent);
@@ -9103,6 +9370,11 @@
       color: var(--accent-foreground);
     }
   }
+  .data-\[state\=open\]\:text-primary-800 {
+    &[data-state=open] {
+      color: var(--color-primary-800);
+    }
+  }
   .data-\[state\=open\]\:text-sidebar-accent-foreground {
     &[data-state=open] {
       color: var(--sidebar-accent-foreground);
@@ -9113,6 +9385,17 @@
       opacity: 100%;
     }
   }
+  .data-\[state\=open\]\:shadow-\[inset_0_-2px_0_0_currentColor\] {
+    &[data-state=open] {
+      --tw-shadow: inset 0 -2px 0 0 var(--tw-shadow-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-\[state\=open\]\:duration-500 {
     &[data-state=open] {
       --tw-duration: 500ms;
@@ -9202,6 +9485,25 @@
       }
     }
   }
+  .data-\[state\=open\]\:before\:bg-\[\#e8e2ff\] {
+    &[data-state=open] {
+      &::before {
+        content: var(--tw-content);
+        background-color: #e8e2ff;
+      }
+    }
+  }
+  .data-\[state\=open\]\:before\:bg-primary-800\/10 {
+    &[data-state=open] {
+      &::before {
+        content: var(--tw-content);
+        background-color: var(--color-primary-800);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--color-primary-800) 10%, transparent);
+        }
+      }
+    }
+  }
   .data-\[state\=open\]\:hover\:bg-primary-800\/10 {
     &[data-state=open] {
       &:hover {
@@ -10391,6 +10693,16 @@
       width: calc(var(--spacing) * 40);
     }
   }
+  .md\:w-\[420px\] {
+    @media (width >= 48rem) {
+      width: 420px;
+    }
+  }
+  .md\:w-\[760px\] {
+    @media (width >= 48rem) {
+      width: 760px;
+    }
+  }
   .md\:w-\[var\(--radix-navigation-menu-viewport-width\)\] {
     @media (width >= 48rem) {
       width: var(--radix-navigation-menu-viewport-width);
@@ -10401,6 +10713,11 @@
       width: auto;
     }
   }
+  .md\:w-full {
+    @media (width >= 48rem) {
+      width: 100%;
+    }
+  }
   .md\:grow {
     @media (width >= 48rem) {
       flex-grow: 1;
@@ -10431,6 +10748,11 @@
       grid-template-columns: repeat(5, minmax(0, 1fr));
     }
   }
+  .md\:grid-cols-\[280px_minmax\(0\,1fr\)\] {
+    @media (width >= 48rem) {
+      grid-template-columns: 280px minmax(0, 1fr);
+    }
+  }
   .md\:flex-row {
     @media (width >= 48rem) {
       flex-direction: row;
@@ -11118,6 +11440,11 @@
       }
     }
   }
+  .dark\:border-\[\#4e3a86\] {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      border-color: #4e3a86;
+    }
+  }
   .dark\:border-danger-700 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       border-color: var(--danger-700);
@@ -11304,6 +11631,11 @@
       }
     }
   }
+  .dark\:bg-\[\#261447\] {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      background-color: #261447;
+    }
+  }
   .dark\:bg-\[--badge-hover-overlay\:var\(--color-primary-800\)\]\/40 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       background-color: var(--color-primary-800);
@@ -11525,6 +11857,11 @@
       }
     }
   }
+  .dark\:bg-slate-950 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      background-color: var(--color-slate-950);
+    }
+  }
   .dark\:bg-success-500 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       background-color: var(--success-500);
@@ -11886,6 +12223,14 @@
         var(--tw-shadow);
     }
   }
+  .dark\:shadow-black\/30 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      --tw-shadow-color: color-mix(in srgb, #000 30%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 30%, transparent) var(--tw-shadow-alpha), transparent);
+      }
+    }
+  }
   .dark\:shadow-black\/40 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       --tw-shadow-color: color-mix(in srgb, #000 40%, transparent);
@@ -12644,6 +12989,30 @@
       }
     }
   }
+  .dark\:hover\:border-primary-200\/30 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &:hover {
+        @media (hover: hover) {
+          border-color: var(--color-primary-200);
+          @supports (color: color-mix(in lab, red, red)) {
+            border-color: color-mix(in oklab, var(--color-primary-200) 30%, transparent);
+          }
+        }
+      }
+    }
+  }
+  .dark\:hover\:border-primary-200\/35 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &:hover {
+        @media (hover: hover) {
+          border-color: var(--color-primary-200);
+          @supports (color: color-mix(in lab, red, red)) {
+            border-color: color-mix(in oklab, var(--color-primary-200) 35%, transparent);
+          }
+        }
+      }
+    }
+  }
   .dark\:hover\:border-white {
     &:where([data-theme=dark], [data-theme=dark] *) {
       &:hover {
@@ -12653,6 +13022,15 @@
       }
     }
   }
+  .dark\:hover\:bg-\[\#32205a\] {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: #32205a;
+        }
+      }
+    }
+  }
   .dark\:hover\:bg-accent\/50 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       &:hover {
@@ -12734,6 +13112,15 @@
       }
     }
   }
+  .dark\:hover\:bg-primary-100 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--color-primary-100);
+        }
+      }
+    }
+  }
   .dark\:hover\:bg-primary-200\/10 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       &:hover {
@@ -12893,6 +13280,70 @@
       }
     }
   }
+  .dark\:hover\:before\:bg-\[\#32205a\] {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &:hover {
+        @media (hover: hover) {
+          &::before {
+            content: var(--tw-content);
+            background-color: #32205a;
+          }
+        }
+      }
+    }
+  }
+  .dark\:hover\:before\:bg-primary-200\/10 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &:hover {
+        @media (hover: hover) {
+          &::before {
+            content: var(--tw-content);
+            background-color: var(--color-primary-200);
+            @supports (color: color-mix(in lab, red, red)) {
+              background-color: color-mix(in oklab, var(--color-primary-200) 10%, transparent);
+            }
+          }
+        }
+      }
+    }
+  }
+  .dark\:hover\:after\:bg-\[\#32205a\] {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &:hover {
+        @media (hover: hover) {
+          &::after {
+            content: var(--tw-content);
+            background-color: #32205a;
+          }
+        }
+      }
+    }
+  }
+  .dark\:hover\:after\:bg-primary-200\/10 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &:hover {
+        @media (hover: hover) {
+          &::after {
+            content: var(--tw-content);
+            background-color: var(--color-primary-200);
+            @supports (color: color-mix(in lab, red, red)) {
+              background-color: color-mix(in oklab, var(--color-primary-200) 10%, transparent);
+            }
+          }
+        }
+      }
+    }
+  }
+  .dark\:focus\:border-primary-200\/30 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &:focus {
+        border-color: var(--color-primary-200);
+        @supports (color: color-mix(in lab, red, red)) {
+          border-color: color-mix(in oklab, var(--color-primary-200) 30%, transparent);
+        }
+      }
+    }
+  }
   .dark\:focus\:border-primary-700 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       &:focus {
@@ -12900,6 +13351,20 @@
       }
     }
   }
+  .dark\:focus\:bg-\[\#32205a\] {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &:focus {
+        background-color: #32205a;
+      }
+    }
+  }
+  .dark\:focus\:bg-primary-100 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &:focus {
+        background-color: var(--color-primary-100);
+      }
+    }
+  }
   .dark\:focus\:bg-primary-200\/10 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       &:focus {
@@ -12927,6 +13392,52 @@
       }
     }
   }
+  .dark\:focus\:before\:bg-\[\#32205a\] {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &:focus {
+        &::before {
+          content: var(--tw-content);
+          background-color: #32205a;
+        }
+      }
+    }
+  }
+  .dark\:focus\:before\:bg-primary-200\/10 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &:focus {
+        &::before {
+          content: var(--tw-content);
+          background-color: var(--color-primary-200);
+          @supports (color: color-mix(in lab, red, red)) {
+            background-color: color-mix(in oklab, var(--color-primary-200) 10%, transparent);
+          }
+        }
+      }
+    }
+  }
+  .dark\:focus\:after\:bg-\[\#32205a\] {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &:focus {
+        &::after {
+          content: var(--tw-content);
+          background-color: #32205a;
+        }
+      }
+    }
+  }
+  .dark\:focus\:after\:bg-primary-200\/10 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &:focus {
+        &::after {
+          content: var(--tw-content);
+          background-color: var(--color-primary-200);
+          @supports (color: color-mix(in lab, red, red)) {
+            background-color: color-mix(in oklab, var(--color-primary-200) 10%, transparent);
+          }
+        }
+      }
+    }
+  }
   .dark\:focus-visible\:ring-destructive\/40 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       &:focus-visible {
@@ -13232,6 +13743,60 @@
       }
     }
   }
+  .dark\:data-\[state\=open\]\:border-primary-200 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &[data-state=open] {
+        border-color: var(--color-primary-200);
+      }
+    }
+  }
+  .dark\:data-\[state\=open\]\:bg-\[\#32205a\] {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &[data-state=open] {
+        background-color: #32205a;
+      }
+    }
+  }
+  .dark\:data-\[state\=open\]\:bg-primary-200\/10 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &[data-state=open] {
+        background-color: var(--color-primary-200);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--color-primary-200) 10%, transparent);
+        }
+      }
+    }
+  }
+  .dark\:data-\[state\=open\]\:text-primary-200 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &[data-state=open] {
+        color: var(--color-primary-200);
+      }
+    }
+  }
+  .dark\:data-\[state\=open\]\:before\:bg-\[\#32205a\] {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &[data-state=open] {
+        &::before {
+          content: var(--tw-content);
+          background-color: #32205a;
+        }
+      }
+    }
+  }
+  .dark\:data-\[state\=open\]\:before\:bg-primary-200\/10 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &[data-state=open] {
+        &::before {
+          content: var(--tw-content);
+          background-color: var(--color-primary-200);
+          @supports (color: color-mix(in lab, red, red)) {
+            background-color: color-mix(in oklab, var(--color-primary-200) 10%, transparent);
+          }
+        }
+      }
+    }
+  }
   .dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       &[data-variant=destructive] {
@@ -13859,6 +14424,16 @@
       visibility: hidden;
     }
   }
+  .\[\&_svg\]\:h-6 {
+    & svg {
+      height: calc(var(--spacing) * 6);
+    }
+  }
+  .\[\&_svg\]\:w-6 {
+    & svg {
+      width: calc(var(--spacing) * 6);
+    }
+  }
   .\[\&_svg\]\:shrink-0 {
     & svg {
       flex-shrink: 0;