fix(core): delete duplicate select component

.changeset/fuzzy-needles-attend.md

@@ -0,0 +1,5 @@
+---
+"@bigcommerce/catalyst-core": patch
+---
+
+Delete duplicate Select component.

core/vibes/soul/form/select/index.tsx

@@ -95,7 +95,9 @@ export function Select({
           {label}
         </Label>
       )}
-      <SelectPrimitive.Root {...rest} name={name} value={value}>
+      {/* Workaround for https://github.com/radix-ui/primitives/issues/3198, remove when fixed */}
+      <input name={name} type="hidden" value={value} />
+      <SelectPrimitive.Root {...rest} name={`${name}_display`} value={value}>
         <SelectPrimitive.Trigger
           aria-label={label}
           className={clsx(

core/vibes/soul/sections/cart/shipping-form/index.tsx

@@ -16,7 +16,7 @@ import { FormStatus } from '@/vibes/soul/form/form-status';
 import { Input } from '@/vibes/soul/form/input';
 import { Label } from '@/vibes/soul/form/label';
 import { RadioGroup } from '@/vibes/soul/form/radio-group';
-import { SelectField } from '@/vibes/soul/form/select-field';
+import { Select } from '@/vibes/soul/form/select';
 import { Button } from '@/vibes/soul/primitives/button';
 
 import { shippingActionFormDataSchema } from '../schema';
@@ -267,7 +267,7 @@ export function ShippingForm({
           className={clsx('mt-4 space-y-4', { hidden: !showAddressForm })}
         >
           {Array.isArray(countries) ? (
-            <SelectField
+            <Select
               errors={addressFields.country.errors}
               key={addressFields.country.id}
               label={countryLabel}
@@ -295,7 +295,7 @@ export function ShippingForm({
           />
           <div className="flex gap-3">
             {Array.isArray(states) ? (
-              <SelectField
+              <Select
                 disabled={addressFields.country.value === undefined}
                 errors={addressFields.state.errors}
                 key={addressFields.state.id}

core/vibes/soul/sections/product-detail/product-detail-form.tsx

@@ -25,7 +25,7 @@ import { FormStatus } from '@/vibes/soul/form/form-status';
 import { Input } from '@/vibes/soul/form/input';
 import { NumberInput } from '@/vibes/soul/form/number-input';
 import { RadioGroup } from '@/vibes/soul/form/radio-group';
-import { SelectField } from '@/vibes/soul/form/select-field';
+import { Select } from '@/vibes/soul/form/select';
 import { SwatchRadioGroup } from '@/vibes/soul/form/swatch-radio-group';
 import { Textarea } from '@/vibes/soul/form/textarea';
 import { Button } from '@/vibes/soul/primitives/button';
@@ -432,7 +432,7 @@ function FormField({
 
     case 'select':
       return (
-        <SelectField
+        <Select
           errors={formField.errors}
           key={formField.id}
           label={field.label}

core/vibes/soul/sections/products-list-section/sorting.tsx

@@ -3,7 +3,7 @@
 import { parseAsString, useQueryStates } from 'nuqs';
 import { useOptimistic, useTransition } from 'react';
 
-import { SelectField } from '@/vibes/soul/form/select-field';
+import { Select } from '@/vibes/soul/form/select';
 import { Streamable, useStreamable } from '@/vibes/soul/lib/streamable';
 
 export interface Option {
@@ -39,7 +39,7 @@ export function Sorting({
   const placeholder = useStreamable(streamablePlaceholder) ?? 'Sort by';
 
   return (
-    <SelectField
+    <Select
       hideLabel
       label={label}
       name={paramName}