document.querySelectorAll("[data-field-wrap]").forEach((wrap) => {
  const field = wrap.querySelector("[data-field]");
  const label = wrap.querySelector("[data-field-label]");

  if (!field || !label) return;

  const updateLabel = () => {
    const isActive =
      document.activeElement === field || field.value.trim() !== "";

    label.classList.toggle("is-active", isActive);
  };

  field.addEventListener("focus", updateLabel);
  field.addEventListener("blur", updateLabel);
  field.addEventListener("input", updateLabel);

  updateLabel();
});