fix(multiselect): add missing class names in choices options for purge to work properly

Multiselect options wouldn't show up in production environment because of purgecss removing state
classes.

app/Views/_assets/modules/MultiSelect.ts

@@ -23,6 +23,7 @@ const MultiSelect = (): void => {
         inputCloned: "multiselect__input--cloned",
         list: "multiselect__list",
         listItems: "multiselect__list--multiple",
+        listSingle: "multiselect__list--single",
         listDropdown: "multiselect__list--dropdown",
         item: "multiselect__item",
         itemSelectable: "multiselect__item--selectable",
@@ -32,6 +33,16 @@ const MultiSelect = (): void => {
         group: "multiselect__group",
         groupHeading: "multiselect__heading",
         button: "multiselect__button",
+        activeState: "is-active",
+        focusState: "is-focused",
+        openState: "is-open",
+        disabledState: "is-disabled",
+        highlightedState: "is-highlighted",
+        selectedState: "is-selected",
+        flippedState: "is-flipped",
+        loadingState: "is-loading",
+        noResults: "has-no-results",
+        noChoices: "has-no-choices",
       },
     });
   }

app/Views/_assets/styles/multiSelect.css

@@ -1,7 +1,8 @@
-@layer components {
-  /*===============================
+/*===============================
 =          MultiSelect          =
 ===============================*/
+
+@layer components {
   .multiselect {
     @apply relative;
 
@@ -177,6 +178,6 @@
   .multiselect__placeholder {
     @apply opacity-50;
   }
-
-  /*=====  End of Choices  ======*/
 }
+
+/*=====  End of Multiselect  ======*/