@nswds/app 1.112.1 → 1.113.0

package/dist/globals.css

@@ -36,6 +36,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);
@@ -1510,12 +1511,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;
   }
@@ -1531,6 +1538,9 @@
   .min-h-\[25rem\] {
     min-height: 25rem;
   }
+  .min-h-\[560px\] {
+    min-height: 560px;
+  }
   .min-h-dvh {
     min-height: 100dvh;
   }
@@ -1750,6 +1760,9 @@
   .max-w-\[calc\(100\%-2rem\)\] {
     max-width: calc(100% - 2rem);
   }
+  .max-w-fit {
+    max-width: fit-content;
+  }
   .max-w-full {
     max-width: 100%;
   }
@@ -2530,6 +2543,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;
@@ -2581,6 +2598,9 @@
   .border-\(--toggle-border\) {
     border-color: var(--toggle-border);
   }
+  .border-\[\#d9ccff\] {
+    border-color: #d9ccff;
+  }
   .border-\[\#ebebeb\] {
     border-color: #ebebeb;
   }
@@ -2848,6 +2868,9 @@
   .bg-\[\#f3f8ff\] {
     background-color: #f3f8ff;
   }
+  .bg-\[\#f5f2ff\] {
+    background-color: #f5f2ff;
+  }
   .bg-accent {
     background-color: var(--accent);
   }
@@ -4078,6 +4101,9 @@
   .whitespace-break-spaces {
     white-space: break-spaces;
   }
+  .whitespace-normal {
+    white-space: normal;
+  }
   .whitespace-nowrap {
     white-space: nowrap;
   }
@@ -4300,6 +4326,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);
   }
@@ -5944,6 +5982,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);
@@ -5954,6 +5997,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);
@@ -5965,11 +6013,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);
@@ -5981,6 +6040,12 @@
       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\: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;
@@ -6223,6 +6288,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);
@@ -6241,6 +6318,12 @@
       display: table;
     }
   }
+  .before\:h-px {
+    &::before {
+      content: var(--tw-content);
+      height: 1px;
+    }
+  }
   .before\:w-2 {
     &::before {
       content: var(--tw-content);
@@ -6441,6 +6524,12 @@
       height: calc(var(--spacing) * 1);
     }
   }
+  .after\:h-px {
+    &::after {
+      content: var(--tw-content);
+      height: 1px;
+    }
+  }
   .after\:w-1 {
     &::after {
       content: var(--tw-content);
@@ -6491,6 +6580,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);
@@ -6738,6 +6833,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) {
@@ -6745,6 +6860,13 @@
       }
     }
   }
+  .hover\:bg-\[\#e8e2ff\] {
+    &:hover {
+      @media (hover: hover) {
+        background-color: #e8e2ff;
+      }
+    }
+  }
   .hover\:bg-\[\#f6f6f6\] {
     &:hover {
       @media (hover: hover) {
@@ -6828,6 +6950,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) {
@@ -6838,6 +6970,13 @@
       }
     }
   }
+  .hover\:bg-primary-900 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-primary-900);
+      }
+    }
+  }
   .hover\:bg-primary\/90 {
     &:hover {
       @media (hover: hover) {
@@ -7103,6 +7242,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) {
@@ -7128,11 +7313,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);
@@ -7141,6 +7347,11 @@
       }
     }
   }
+  .focus\:bg-primary-900 {
+    &:focus {
+      background-color: var(--color-primary-900);
+    }
+  }
   .focus\:font-bold {
     &:focus {
       --tw-font-weight: var(--font-weight-bold);
@@ -7271,6 +7482,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;
@@ -8933,6 +9182,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);
@@ -8961,6 +9220,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);
@@ -8971,6 +9235,12 @@
       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;
@@ -9060,6 +9330,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 {
@@ -10244,6 +10533,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);
@@ -10254,6 +10553,11 @@
       width: auto;
     }
   }
+  .md\:w-full {
+    @media (width >= 48rem) {
+      width: 100%;
+    }
+  }
   .md\:grow {
     @media (width >= 48rem) {
       flex-grow: 1;
@@ -10284,6 +10588,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;
@@ -10956,6 +11265,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);
@@ -11142,6 +11456,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);
@@ -11363,6 +11682,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);
@@ -11715,6 +12039,14 @@
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 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);
@@ -12473,6 +12805,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 {
@@ -12482,6 +12838,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 {
@@ -12563,6 +12928,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 {
@@ -12722,6 +13096,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 {
@@ -12729,6 +13167,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 {
@@ -12756,6 +13208,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 {
@@ -13061,6 +13559,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"] {
@@ -13688,6 +14240,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;