Weird Select behavior

[leonardodipace]

Description

The Select component acts weardly when using the multiple property. If I try to save the selected value to a variable, the variable doesn't seem to react to the changes.

Steps to reproduce

Use the following code snippet:

<script lang="ts">
  import { Select } from "bits-ui";

  let selected = [];

  $: console.log(selected);
</script>

<Select.Root multiple bind:selected>
  <Select.Trigger>
    <Select.Label>Label</Select.Label>
    <Select.Value placeholder="Choose..." />
  </Select.Trigger>
  <Select.Content>
    <Select.Group>
      <Select.Item value="apple">Apple</Select.Item>
      <Select.Item value="peach">Peach</Select.Item>
      <Select.Item value="banana">Banana</Select.Item>
      <Select.Item value="blueberry">Blueberry</Select.Item>
    </Select.Group>
  </Select.Content>
</Select.Root>

When multiple values are selected, the selected variable doesn't update.

Expected behavior

The selected variable should update each time a value is selected, populating an array.

Actual behavior

The selected variable doesn't update at all.

[huntabyte]

Closed by #184