chore(select): decouple from FAST Foundation (VIV-2025)

libs/components/src/lib/option/option.ts

@@ -1,8 +1,22 @@
 import { applyMixins, FoundationElement } from '@microsoft/fast-foundation';
 import { attr, observable, Observable } from '@microsoft/fast-element';
+import { isHTMLElement } from '@microsoft/fast-web-utilities';
 import { AffixIconWithTrailing } from '../../shared/patterns/affix';
 import { ARIAGlobalStatesAndProperties } from '../../shared/foundation/patterns/aria-global';
 
+/**
+ * Determines if the element is a {@link (ListboxOption:class)}
+ *
+ * @param element - the element to test.
+ * @public
+ */
+export function isListboxOption(el: Element): el is ListboxOption {
+	return (
+		isHTMLElement(el) &&
+		((el.getAttribute('role') as string) === 'option' ||
+			el instanceof HTMLOptionElement)
+	);
+}
 /**
  * An Option Custom HTML Element.
  * Implements {@link https://www.w3.org/TR/wai-aria-1.1/#option | ARIA option }.

libs/components/src/lib/select/select.form-associated.ts

@@ -0,0 +1,10 @@
+import { FormAssociated } from '@microsoft/fast-foundation';
+import { Listbox } from '../../shared/foundation/listbox/listbox';
+
+class _Select extends Listbox {}
+// eslint-disable-next-line @typescript-eslint/naming-convention
+interface _Select extends FormAssociated {}
+
+export class FormAssociatedSelect extends FormAssociated(_Select) {
+	proxy = document.createElement('select');
+}