## Value state

Properties `value` and `isValue` are designed to control the visual filled state of the field independently of the actual content.

**Properties:**

- `value` — actual field content (string/number) passed to the inner element via slot
- `isValue` — forcibly activates the visual "filled" state even when the value is empty

Properties work together: `Field` reads `value` reactively through `focusValue` for visual purposes (displaying text in scoreboard, caption handling), but does not manage it directly or validate it. If the real value is non-empty, the field automatically receives the visual "filled" state regardless of `isValue`. When the value is empty, the `isValue = true` flag forcibly activates the visual filled mode (floating label, corresponding classes), which is useful for preloads, masks, or delayed data insertion.

```html
<script setup>
import { ref } from 'vue'

const value = ref('')
const isLoading = ref(true)
</script>

<template>
  <!-- Normal behavior -->
  <Field label="Name">
    <template #default="{ id, className }">
      <input :id="id" :class="className" v-model="value" />
    </template>
  </Field>

  <!-- Forced "filled" state -->
  <Field
    label="Email"
    :value="value"
    :is-value="true"
  >
    <template #default="{ id, className }">
      <input :id="id" :class="className" v-model="value" />
    </template>
  </Field>

  <!-- Preload with visual state -->
  <Field
    label="Data"
    :is-value="isLoading"
  >
    <template #default="{ id, className }">
      <input :id="id" :class="className" v-model="value" />
    </template>
  </Field>
</template>
```
