alpine for dropdown.

resources/public/output.css

@@ -1252,6 +1252,26 @@ input:checked + .toggle-bg {
   margin-top: 1.25rem;
 }
 
+.\!mt-0 {
+  margin-top: 0px !important;
+}
+
+.\!mt-3 {
+  margin-top: 0.75rem !important;
+}
+
+.mt-3 {
+  margin-top: 0.75rem;
+}
+
+.\!mt-1 {
+  margin-top: 0.25rem !important;
+}
+
+.ml-64 {
+  margin-left: 16rem;
+}
+
 .block {
   display: block;
 }
@@ -1408,6 +1428,11 @@ input:checked + .toggle-bg {
   width: auto;
 }
 
+.w-max {
+  width: -moz-max-content;
+  width: max-content;
+}
+
 .max-w-2xl {
   max-width: 42rem;
 }
@@ -1452,6 +1477,10 @@ input:checked + .toggle-bg {
   flex-shrink: 0;
 }
 
+.flex-grow {
+  flex-grow: 1;
+}
+
 .basis-1\/4 {
   flex-basis: 25%;
 }
@@ -1622,6 +1651,10 @@ input:checked + .toggle-bg {
   justify-content: space-between;
 }
 
+.justify-items-stretch {
+  justify-items: stretch;
+}
+
 .gap-1 {
   gap: 0.25rem;
 }
@@ -1714,6 +1747,22 @@ input:checked + .toggle-bg {
   border-color: rgb(243 244 246 / var(--tw-divide-opacity));
 }
 
+.place-self-start {
+  place-self: start;
+}
+
+.place-self-end {
+  place-self: end;
+}
+
+.justify-self-start {
+  justify-self: start;
+}
+
+.justify-self-end {
+  justify-self: end;
+}
+
 .overflow-auto {
   overflow: auto;
 }
@@ -2326,6 +2375,10 @@ input:checked + .toggle-bg {
   opacity: 1;
 }
 
+.\!opacity-0 {
+  opacity: 0 !important;
+}
+
 .shadow {
   --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
   --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
@@ -2354,6 +2407,10 @@ input:checked + .toggle-bg {
   outline-style: solid;
 }
 
+.outline-0 {
+  outline-width: 0px;
+}
+
 .ring {
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
@@ -2411,6 +2468,10 @@ input:checked + .toggle-bg {
   transition-duration: 75ms;
 }
 
+.duration-200 {
+  transition-duration: 200ms;
+}
+
 .ease-in-out {
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
 }
@@ -2419,6 +2480,10 @@ input:checked + .toggle-bg {
   transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
 
+.ease-\[cubic-bezier\(\.3\2c 2\.3\2c \.6\2c 1\)\] {
+  transition-timing-function: cubic-bezier(.3,2.3,.6,1);
+}
+
 .htmx-added .fade-in {
   opacity: 0.0 !important;
 }
@@ -2862,6 +2927,11 @@ input:checked + .toggle-bg {
   background-color: rgb(255 255 255 / var(--tw-bg-opacity));
 }
 
+.hover\:bg-neutral-100:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(245 245 245 / var(--tw-bg-opacity));
+}
+
 .hover\:text-blue-600:hover {
   --tw-text-opacity: 1;
   color: rgb(0 125 187 / var(--tw-text-opacity));
@@ -2910,6 +2980,11 @@ input:checked + .toggle-bg {
   border-color: rgb(121 181 46 / var(--tw-border-opacity));
 }
 
+.focus\:bg-neutral-100:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgb(245 245 245 / var(--tw-bg-opacity));
+}
+
 .focus\:text-green-700:focus {
   --tw-text-opacity: 1;
   color: rgb(73 109 28 / var(--tw-text-opacity));
@@ -3524,3 +3599,13 @@ input:checked + .toggle-bg {
     padding-left: 16rem;
   }
 }
+
+.\[\&\.active\]\:bg-red-500.active {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 3 3 / var(--tw-bg-opacity));
+}
+
+.\[\&\.active\]\:bg-primary-500.active {
+  --tw-bg-opacity: 1;
+  background-color: rgb(121 181 46 / var(--tw-bg-opacity));
+}