@nswds/app 1.118.0 → 1.119.1

package/dist/styles.css

@@ -4976,6 +4976,11 @@
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
+  .transition-\[background-color\,box-shadow\] {
+    transition-property: background-color, box-shadow;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
   .transition-\[color\,box-shadow\] {
     transition-property: color, box-shadow;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -6349,6 +6354,11 @@
       margin-top: calc(var(--spacing) * 1.5);
     }
   }
+  .group-data-\[viewport\=false\]\/navigation-menu\:\!overflow-visible {
+    &:is(:where(.group\/navigation-menu)[data-viewport=false] *) {
+      overflow: visible !important;
+    }
+  }
   .group-data-\[viewport\=false\]\/navigation-menu\:overflow-hidden {
     &:is(:where(.group\/navigation-menu)[data-viewport=false] *) {
       overflow: hidden;
@@ -6481,11 +6491,6 @@
       }
     }
   }
-  .peer-focus\:pointer-events-auto {
-    &:is(:where(.peer):focus ~ *) {
-      pointer-events: auto;
-    }
-  }
   .peer-disabled\:cursor-not-allowed {
     &:is(:where(.peer):disabled ~ *) {
       cursor: not-allowed;
@@ -6665,18 +6670,6 @@
       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);
@@ -6695,12 +6688,6 @@
       display: table;
     }
   }
-  .before\:h-px {
-    &::before {
-      content: var(--tw-content);
-      height: 1px;
-    }
-  }
   .before\:w-2 {
     &::before {
       content: var(--tw-content);
@@ -6900,12 +6887,6 @@
       height: calc(var(--spacing) * 1);
     }
   }
-  .after\:h-px {
-    &::after {
-      content: var(--tw-content);
-      height: 1px;
-    }
-  }
   .after\:w-1 {
     &::after {
       content: var(--tw-content);
@@ -6956,12 +6937,6 @@
       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);
@@ -7748,206 +7723,6 @@
       }
     }
   }
-  .hover\:before\:bg-accent-50 {
-    &:hover {
-      @media (hover: hover) {
-        &::before {
-          content: var(--tw-content);
-          background-color: var(--color-accent-50);
-        }
-      }
-    }
-  }
-  .hover\:before\:bg-accent-200 {
-    &:hover {
-      @media (hover: hover) {
-        &::before {
-          content: var(--tw-content);
-          background-color: var(--color-accent-200);
-        }
-      }
-    }
-  }
-  .hover\:before\:bg-accent-600 {
-    &:hover {
-      @media (hover: hover) {
-        &::before {
-          content: var(--tw-content);
-          background-color: var(--color-accent-600);
-        }
-      }
-    }
-  }
-  .hover\:before\:bg-accent-800 {
-    &:hover {
-      @media (hover: hover) {
-        &::before {
-          content: var(--tw-content);
-          background-color: var(--color-accent-800);
-        }
-      }
-    }
-  }
-  .hover\:before\:bg-grey-100 {
-    &:hover {
-      @media (hover: hover) {
-        &::before {
-          content: var(--tw-content);
-          background-color: var(--color-grey-100);
-        }
-      }
-    }
-  }
-  .hover\:before\:bg-grey-200 {
-    &:hover {
-      @media (hover: hover) {
-        &::before {
-          content: var(--tw-content);
-          background-color: var(--color-grey-200);
-        }
-      }
-    }
-  }
-  .hover\:before\:bg-grey-700 {
-    &:hover {
-      @media (hover: hover) {
-        &::before {
-          content: var(--tw-content);
-          background-color: var(--color-grey-700);
-        }
-      }
-    }
-  }
-  .hover\:before\:bg-primary-100 {
-    &:hover {
-      @media (hover: hover) {
-        &::before {
-          content: var(--tw-content);
-          background-color: var(--color-primary-100);
-        }
-      }
-    }
-  }
-  .hover\:before\:bg-primary-200 {
-    &:hover {
-      @media (hover: hover) {
-        &::before {
-          content: var(--tw-content);
-          background-color: var(--color-primary-200);
-        }
-      }
-    }
-  }
-  .hover\:before\:bg-primary-700 {
-    &:hover {
-      @media (hover: hover) {
-        &::before {
-          content: var(--tw-content);
-          background-color: var(--color-primary-700);
-        }
-      }
-    }
-  }
-  .hover\:after\:bg-accent-50 {
-    &:hover {
-      @media (hover: hover) {
-        &::after {
-          content: var(--tw-content);
-          background-color: var(--color-accent-50);
-        }
-      }
-    }
-  }
-  .hover\:after\:bg-accent-200 {
-    &:hover {
-      @media (hover: hover) {
-        &::after {
-          content: var(--tw-content);
-          background-color: var(--color-accent-200);
-        }
-      }
-    }
-  }
-  .hover\:after\:bg-accent-600 {
-    &:hover {
-      @media (hover: hover) {
-        &::after {
-          content: var(--tw-content);
-          background-color: var(--color-accent-600);
-        }
-      }
-    }
-  }
-  .hover\:after\:bg-accent-800 {
-    &:hover {
-      @media (hover: hover) {
-        &::after {
-          content: var(--tw-content);
-          background-color: var(--color-accent-800);
-        }
-      }
-    }
-  }
-  .hover\:after\:bg-grey-100 {
-    &:hover {
-      @media (hover: hover) {
-        &::after {
-          content: var(--tw-content);
-          background-color: var(--color-grey-100);
-        }
-      }
-    }
-  }
-  .hover\:after\:bg-grey-200 {
-    &:hover {
-      @media (hover: hover) {
-        &::after {
-          content: var(--tw-content);
-          background-color: var(--color-grey-200);
-        }
-      }
-    }
-  }
-  .hover\:after\:bg-grey-700 {
-    &:hover {
-      @media (hover: hover) {
-        &::after {
-          content: var(--tw-content);
-          background-color: var(--color-grey-700);
-        }
-      }
-    }
-  }
-  .hover\:after\:bg-primary-100 {
-    &:hover {
-      @media (hover: hover) {
-        &::after {
-          content: var(--tw-content);
-          background-color: var(--color-primary-100);
-        }
-      }
-    }
-  }
-  .hover\:after\:bg-primary-200 {
-    &:hover {
-      @media (hover: hover) {
-        &::after {
-          content: var(--tw-content);
-          background-color: var(--color-primary-200);
-        }
-      }
-    }
-  }
-  .hover\:after\:bg-primary-700 {
-    &:hover {
-      @media (hover: hover) {
-        &::after {
-          content: var(--tw-content);
-          background-color: var(--color-primary-700);
-        }
-      }
-    }
-  }
   .hover\:after\:bg-sidebar-border {
     &:hover {
       @media (hover: hover) {
@@ -8163,207 +7938,47 @@
   }
   .focus\:outline-\(--btn-bg\) {
     &:focus {
-      outline-color: var(--btn-bg);
-    }
-  }
-  .focus\:outline-\(--focus-outline\) {
-    &:focus {
-      outline-color: var(--focus-outline);
-    }
-  }
-  .focus\:outline-\(--toggle-border\) {
-    &:focus {
-      outline-color: var(--toggle-border);
-    }
-  }
-  .focus\:outline-primary-600 {
-    &:focus {
-      outline-color: var(--color-primary-600);
-    }
-  }
-  .focus\:outline-primary-650\/70 {
-    &:focus {
-      outline-color: var(--color-primary-650);
-      @supports (color: color-mix(in lab, red, red)) {
-        outline-color: color-mix(in oklab, var(--color-primary-650) 70%, transparent);
-      }
-    }
-  }
-  .focus\:outline-none {
-    &:focus {
-      --tw-outline-style: none;
-      outline-style: none;
-    }
-  }
-  .focus\:not-data-focus\:outline-hidden {
-    &:focus {
-      &:not(*[data-focus]) {
-        --tw-outline-style: none;
-        outline-style: none;
-        @media (forced-colors: active) {
-          outline: 2px solid transparent;
-          outline-offset: 2px;
-        }
-      }
-    }
-  }
-  .focus\:before\:bg-accent-50 {
-    &:focus {
-      &::before {
-        content: var(--tw-content);
-        background-color: var(--color-accent-50);
-      }
-    }
-  }
-  .focus\:before\:bg-accent-200 {
-    &:focus {
-      &::before {
-        content: var(--tw-content);
-        background-color: var(--color-accent-200);
-      }
-    }
-  }
-  .focus\:before\:bg-accent-600 {
-    &:focus {
-      &::before {
-        content: var(--tw-content);
-        background-color: var(--color-accent-600);
-      }
-    }
-  }
-  .focus\:before\:bg-accent-800 {
-    &:focus {
-      &::before {
-        content: var(--tw-content);
-        background-color: var(--color-accent-800);
-      }
-    }
-  }
-  .focus\:before\:bg-grey-100 {
-    &:focus {
-      &::before {
-        content: var(--tw-content);
-        background-color: var(--color-grey-100);
-      }
-    }
-  }
-  .focus\:before\:bg-grey-200 {
-    &:focus {
-      &::before {
-        content: var(--tw-content);
-        background-color: var(--color-grey-200);
-      }
-    }
-  }
-  .focus\:before\:bg-grey-700 {
-    &:focus {
-      &::before {
-        content: var(--tw-content);
-        background-color: var(--color-grey-700);
-      }
-    }
-  }
-  .focus\:before\:bg-primary-100 {
-    &:focus {
-      &::before {
-        content: var(--tw-content);
-        background-color: var(--color-primary-100);
-      }
-    }
-  }
-  .focus\:before\:bg-primary-200 {
-    &:focus {
-      &::before {
-        content: var(--tw-content);
-        background-color: var(--color-primary-200);
-      }
-    }
-  }
-  .focus\:before\:bg-primary-700 {
-    &:focus {
-      &::before {
-        content: var(--tw-content);
-        background-color: var(--color-primary-700);
-      }
-    }
-  }
-  .focus\:after\:bg-accent-50 {
-    &:focus {
-      &::after {
-        content: var(--tw-content);
-        background-color: var(--color-accent-50);
-      }
-    }
-  }
-  .focus\:after\:bg-accent-200 {
-    &:focus {
-      &::after {
-        content: var(--tw-content);
-        background-color: var(--color-accent-200);
-      }
-    }
-  }
-  .focus\:after\:bg-accent-600 {
-    &:focus {
-      &::after {
-        content: var(--tw-content);
-        background-color: var(--color-accent-600);
-      }
-    }
-  }
-  .focus\:after\:bg-accent-800 {
-    &:focus {
-      &::after {
-        content: var(--tw-content);
-        background-color: var(--color-accent-800);
-      }
+      outline-color: var(--btn-bg);
     }
   }
-  .focus\:after\:bg-grey-100 {
+  .focus\:outline-\(--focus-outline\) {
     &:focus {
-      &::after {
-        content: var(--tw-content);
-        background-color: var(--color-grey-100);
-      }
+      outline-color: var(--focus-outline);
     }
   }
-  .focus\:after\:bg-grey-200 {
+  .focus\:outline-\(--toggle-border\) {
     &:focus {
-      &::after {
-        content: var(--tw-content);
-        background-color: var(--color-grey-200);
-      }
+      outline-color: var(--toggle-border);
     }
   }
-  .focus\:after\:bg-grey-700 {
+  .focus\:outline-primary-600 {
     &:focus {
-      &::after {
-        content: var(--tw-content);
-        background-color: var(--color-grey-700);
-      }
+      outline-color: var(--color-primary-600);
     }
   }
-  .focus\:after\:bg-primary-100 {
+  .focus\:outline-primary-650\/70 {
     &:focus {
-      &::after {
-        content: var(--tw-content);
-        background-color: var(--color-primary-100);
+      outline-color: var(--color-primary-650);
+      @supports (color: color-mix(in lab, red, red)) {
+        outline-color: color-mix(in oklab, var(--color-primary-650) 70%, transparent);
       }
     }
   }
-  .focus\:after\:bg-primary-200 {
+  .focus\:outline-none {
     &:focus {
-      &::after {
-        content: var(--tw-content);
-        background-color: var(--color-primary-200);
-      }
+      --tw-outline-style: none;
+      outline-style: none;
     }
   }
-  .focus\:after\:bg-primary-700 {
+  .focus\:not-data-focus\:outline-hidden {
     &:focus {
-      &::after {
-        content: var(--tw-content);
-        background-color: var(--color-primary-700);
+      &:not(*[data-focus]) {
+        --tw-outline-style: none;
+        outline-style: none;
+        @media (forced-colors: active) {
+          outline: 2px solid transparent;
+          outline-offset: 2px;
+        }
       }
     }
   }
@@ -8448,6 +8063,26 @@
         var(--tw-shadow);
     }
   }
+  .focus-visible\:ring-accent-200 {
+    &:focus-visible {
+      --tw-ring-color: var(--color-accent-200);
+    }
+  }
+  .focus-visible\:ring-accent-400 {
+    &:focus-visible {
+      --tw-ring-color: var(--color-accent-400);
+    }
+  }
+  .focus-visible\:ring-accent-600 {
+    &:focus-visible {
+      --tw-ring-color: var(--color-accent-600);
+    }
+  }
+  .focus-visible\:ring-accent-800 {
+    &:focus-visible {
+      --tw-ring-color: var(--color-accent-800);
+    }
+  }
   .focus-visible\:ring-destructive\/20 {
     &:focus-visible {
       --tw-ring-color: var(--destructive);
@@ -8456,6 +8091,46 @@
       }
     }
   }
+  .focus-visible\:ring-grey-100 {
+    &:focus-visible {
+      --tw-ring-color: var(--color-grey-100);
+    }
+  }
+  .focus-visible\:ring-grey-200 {
+    &:focus-visible {
+      --tw-ring-color: var(--color-grey-200);
+    }
+  }
+  .focus-visible\:ring-grey-400 {
+    &:focus-visible {
+      --tw-ring-color: var(--color-grey-400);
+    }
+  }
+  .focus-visible\:ring-grey-600 {
+    &:focus-visible {
+      --tw-ring-color: var(--color-grey-600);
+    }
+  }
+  .focus-visible\:ring-grey-800 {
+    &:focus-visible {
+      --tw-ring-color: var(--color-grey-800);
+    }
+  }
+  .focus-visible\:ring-primary-200 {
+    &:focus-visible {
+      --tw-ring-color: var(--color-primary-200);
+    }
+  }
+  .focus-visible\:ring-primary-400 {
+    &:focus-visible {
+      --tw-ring-color: var(--color-primary-400);
+    }
+  }
+  .focus-visible\:ring-primary-600 {
+    &:focus-visible {
+      --tw-ring-color: var(--color-primary-600);
+    }
+  }
   .focus-visible\:ring-primary-650\/70 {
     &:focus-visible {
       --tw-ring-color: var(--color-primary-650);
@@ -8469,6 +8144,11 @@
       --tw-ring-color: var(--color-primary-700);
     }
   }
+  .focus-visible\:ring-primary-800 {
+    &:focus-visible {
+      --tw-ring-color: var(--color-primary-800);
+    }
+  }
   .focus-visible\:ring-ring {
     &:focus-visible {
       --tw-ring-color: var(--ring);
@@ -8482,6 +8162,11 @@
       }
     }
   }
+  .focus-visible\:ring-white {
+    &:focus-visible {
+      --tw-ring-color: var(--color-white);
+    }
+  }
   .focus-visible\:ring-offset-1 {
     &:focus-visible {
       --tw-ring-offset-width: 1px;
@@ -10421,166 +10106,6 @@
       }
     }
   }
-  .data-\[state\=open\]\:before\:bg-accent-50 {
-    &[data-state=open] {
-      &::before {
-        content: var(--tw-content);
-        background-color: var(--color-accent-50);
-      }
-    }
-  }
-  .data-\[state\=open\]\:before\:bg-accent-200 {
-    &[data-state=open] {
-      &::before {
-        content: var(--tw-content);
-        background-color: var(--color-accent-200);
-      }
-    }
-  }
-  .data-\[state\=open\]\:before\:bg-accent-600 {
-    &[data-state=open] {
-      &::before {
-        content: var(--tw-content);
-        background-color: var(--color-accent-600);
-      }
-    }
-  }
-  .data-\[state\=open\]\:before\:bg-accent-800 {
-    &[data-state=open] {
-      &::before {
-        content: var(--tw-content);
-        background-color: var(--color-accent-800);
-      }
-    }
-  }
-  .data-\[state\=open\]\:before\:bg-grey-100 {
-    &[data-state=open] {
-      &::before {
-        content: var(--tw-content);
-        background-color: var(--color-grey-100);
-      }
-    }
-  }
-  .data-\[state\=open\]\:before\:bg-grey-200 {
-    &[data-state=open] {
-      &::before {
-        content: var(--tw-content);
-        background-color: var(--color-grey-200);
-      }
-    }
-  }
-  .data-\[state\=open\]\:before\:bg-grey-700 {
-    &[data-state=open] {
-      &::before {
-        content: var(--tw-content);
-        background-color: var(--color-grey-700);
-      }
-    }
-  }
-  .data-\[state\=open\]\:before\:bg-primary-100 {
-    &[data-state=open] {
-      &::before {
-        content: var(--tw-content);
-        background-color: var(--color-primary-100);
-      }
-    }
-  }
-  .data-\[state\=open\]\:before\:bg-primary-200 {
-    &[data-state=open] {
-      &::before {
-        content: var(--tw-content);
-        background-color: var(--color-primary-200);
-      }
-    }
-  }
-  .data-\[state\=open\]\:before\:bg-primary-700 {
-    &[data-state=open] {
-      &::before {
-        content: var(--tw-content);
-        background-color: var(--color-primary-700);
-      }
-    }
-  }
-  .data-\[state\=open\]\:after\:bg-accent-50 {
-    &[data-state=open] {
-      &::after {
-        content: var(--tw-content);
-        background-color: var(--color-accent-50);
-      }
-    }
-  }
-  .data-\[state\=open\]\:after\:bg-accent-200 {
-    &[data-state=open] {
-      &::after {
-        content: var(--tw-content);
-        background-color: var(--color-accent-200);
-      }
-    }
-  }
-  .data-\[state\=open\]\:after\:bg-accent-600 {
-    &[data-state=open] {
-      &::after {
-        content: var(--tw-content);
-        background-color: var(--color-accent-600);
-      }
-    }
-  }
-  .data-\[state\=open\]\:after\:bg-accent-800 {
-    &[data-state=open] {
-      &::after {
-        content: var(--tw-content);
-        background-color: var(--color-accent-800);
-      }
-    }
-  }
-  .data-\[state\=open\]\:after\:bg-grey-100 {
-    &[data-state=open] {
-      &::after {
-        content: var(--tw-content);
-        background-color: var(--color-grey-100);
-      }
-    }
-  }
-  .data-\[state\=open\]\:after\:bg-grey-200 {
-    &[data-state=open] {
-      &::after {
-        content: var(--tw-content);
-        background-color: var(--color-grey-200);
-      }
-    }
-  }
-  .data-\[state\=open\]\:after\:bg-grey-700 {
-    &[data-state=open] {
-      &::after {
-        content: var(--tw-content);
-        background-color: var(--color-grey-700);
-      }
-    }
-  }
-  .data-\[state\=open\]\:after\:bg-primary-100 {
-    &[data-state=open] {
-      &::after {
-        content: var(--tw-content);
-        background-color: var(--color-primary-100);
-      }
-    }
-  }
-  .data-\[state\=open\]\:after\:bg-primary-200 {
-    &[data-state=open] {
-      &::after {
-        content: var(--tw-content);
-        background-color: var(--color-primary-200);
-      }
-    }
-  }
-  .data-\[state\=open\]\:after\:bg-primary-700 {
-    &[data-state=open] {
-      &::after {
-        content: var(--tw-content);
-        background-color: var(--color-primary-700);
-      }
-    }
-  }
   .data-\[state\=open\]\:hover\:bg-primary-800\/10 {
     &[data-state=open] {
       &:hover {
@@ -14338,6 +13863,13 @@
       }
     }
   }
+  .dark\:focus\:bg-grey-800 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &:focus {
+        background-color: var(--color-grey-800);
+      }
+    }
+  }
   .dark\:focus\:bg-primary-100 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       &:focus {
@@ -14362,6 +13894,13 @@
       }
     }
   }
+  .dark\:focus\:text-white {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &:focus {
+        color: var(--color-white);
+      }
+    }
+  }
   .dark\:focus\:ring-primary-700\/30 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       &:focus {
@@ -14684,6 +14223,13 @@
       }
     }
   }
+  .dark\:data-\[state\=open\]\:bg-grey-800 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &[data-state=open] {
+        background-color: var(--color-grey-800);
+      }
+    }
+  }
   .dark\:data-\[state\=open\]\:bg-primary-200\/10 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       &[data-state=open] {
@@ -14701,6 +14247,13 @@
       }
     }
   }
+  .dark\:data-\[state\=open\]\:text-white {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &[data-state=open] {
+        color: var(--color-white);
+      }
+    }
+  }
   .dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       &[data-variant=destructive] {