attaform 0.27.5 → 0.28.0

package/dist/{shared/attaform.nMaz2C5P.mjs → dev/shared/attaform-dev.P7cseiEG.mjs}

@@ -1,332 +1,170 @@
-import { shallowReactive, getCurrentInstance, inject, effectScope, watch, warn, nextTick } from 'vue';
-import { i as isRegisterValue, a as isTransforming, S as SSR_COMPONENT_HOST_MODIFIER, R as REGISTER_OWNER_MARKER, V as V_REGISTER_COMPILED_MODIFIER, b as V_REGISTER_MARKER } from './attaform.KvlEedlF.mjs';
+import { reactive, markRaw, isRef, effectScope, watch, warn, nextTick } from 'vue';
+import { e as canonicalizePath } from './attaform-dev.Dr2YzS5B.mjs';
 
-class AttaformError extends Error {
-  constructor(message, options) {
-    super(message, options);
-    this.name = new.target.name;
-  }
-}
-class InvalidPathError extends AttaformError {
-}
-class InvalidUseFormConfigError extends AttaformError {
-  constructor() {
-    super(
-      "[attaform] useForm received an invalid configuration (a schema directly, no argument, or no `schema` field). Pass it as `useForm({ schema })` \u2014 the schema is one of several configuration options. See https://attaform.dev/docs/reading-the-form/the-form for the full configuration shape."
-    );
-  }
-}
-class SubmitErrorHandlerError extends AttaformError {
-}
-function toError(value) {
-  if (value instanceof Error) return value;
-  const message = typeof value === "string" && value.length > 0 ? value : `Submit callback threw a non-Error value (${typeof value})`;
-  return new Error(message, { cause: value });
-}
-function normalizeErrorInput(item, scope, formKey, defaultCode) {
-  if (item instanceof Error) {
-    return {
-      message: item.message.length > 0 ? item.message : "Unknown error",
-      path: scope !== void 0 ? [...scope] : [],
-      formKey,
-      code: defaultCode
-    };
-  }
-  const entry = {
-    message: typeof item.message === "string" && item.message.length > 0 ? item.message : "Unknown error",
-    path: scope !== void 0 ? [...scope] : Array.isArray(item.path) ? [...item.path] : [],
-    formKey,
-    code: typeof item.code === "string" && item.code.length > 0 ? item.code : defaultCode
-  };
-  if (item.data !== void 0) entry.data = item.data;
-  return entry;
-}
-function normalizeErrorInputs(input, scope, formKey, defaultCode) {
-  const items = Array.isArray(input) ? input : [input];
-  return items.map((item) => normalizeErrorInput(item, scope, formKey, defaultCode));
-}
-class RegistryNotInstalledError extends AttaformError {
-  constructor() {
-    super(
-      "[attaform] No registry attached to this Vue app. Component-level useForm / injectForm / useRegister auto-install the registry, but SSR helpers (renderAttaformState, hydrateAttaformState) run outside setup and require an explicit `app.use(createAttaform())` at server-render time. Add it to your SSR entry, before `renderToString`."
-    );
-  }
-}
-class OutsideSetupError extends AttaformError {
-  constructor() {
-    super(
-      "[attaform] useForm / injectForm called outside Vue setup(). Move into setup or mount a child component to trigger from an event."
-    );
-  }
-}
-class ReservedFormKeyError extends AttaformError {
-  constructor(key) {
-    super(
-      `[attaform] Form key "${key}" uses the reserved "__atta:" namespace. Use a different prefix \u2014 "__atta:" is for library-internal synthetic keys (anonymous useForm() calls without an explicit key).`
-    );
-  }
-}
+const INTERACTIVE_TAG_NAMES = /* @__PURE__ */ new Set(["INPUT", "SELECT", "TEXTAREA"]);
 
-const INTEGER_SEGMENT = /^(?:0|[1-9]\d*)$/;
-function normalizeSegment(raw) {
-  if (typeof raw === "number") {
-    if (!Number.isInteger(raw) || raw < 0) {
-      throw new InvalidPathError(
-        `Path segments must be non-negative integers when numeric; got ${String(raw)}`
-      );
+const attaformListenersSymbol = /* @__PURE__ */ Symbol.for("attaform:focus-listeners");
+const HOST_FOCUS_TARGET_SELECTOR = [
+  'input:not([type="hidden"])',
+  "select",
+  "textarea",
+  "button",
+  "a[href]",
+  '[tabindex]:not([tabindex="-1"])',
+  '[contenteditable="true"]'
+].join(", ");
+function resolveHostFocusTarget(hostRoot) {
+  const candidates = hostRoot.querySelectorAll(HOST_FOCUS_TARGET_SELECTOR);
+  for (const el of candidates) {
+    if (!el.isConnected) continue;
+    if (el.offsetParent === null) continue;
+    if (el.matches(":disabled")) continue;
+    return el;
+  }
+  return hostRoot;
+}
+function attachFocusListeners(kernel, segments, element, instanceMeta) {
+  const target = element;
+  if (target[attaformListenersSymbol] !== void 0) return;
+  const focusMeta = instanceMeta !== void 0 ? { instance: instanceMeta } : void 0;
+  const handleFocus = () => kernel.markFocused(segments, true, focusMeta);
+  const handleBlur = () => kernel.markFocused(segments, false, focusMeta);
+  element.addEventListener("focus", handleFocus);
+  element.addEventListener("blur", handleBlur);
+  target[attaformListenersSymbol] = { handleFocus, handleBlur };
+  const rootNode = element.getRootNode();
+  const activeElement = rootNode instanceof Document || rootNode instanceof ShadowRoot ? rootNode.activeElement : null;
+  if (activeElement === element) {
+    kernel.markFocused(segments, true, focusMeta);
+  }
+}
+function detachFocusListeners(element) {
+  const target = element;
+  const listeners = target[attaformListenersSymbol];
+  if (listeners === void 0) return;
+  element.removeEventListener("focus", listeners.handleFocus);
+  element.removeEventListener("blur", listeners.handleBlur);
+  delete target[attaformListenersSymbol];
+}
+function createDomBinding(kernel) {
+  const elements = reactive(/* @__PURE__ */ new Map());
+  const elementToFormInstance = /* @__PURE__ */ new WeakMap();
+  const hostTargets = /* @__PURE__ */ new Map();
+  let sortedRegistrationsCache = null;
+  function attach(segments, element, formInstanceId, instanceMeta) {
+    if (!INTERACTIVE_TAG_NAMES.has(element.tagName)) return;
+    const { key } = canonicalizePath(segments);
+    const record = elements.get(key);
+    const raw = markRaw(element);
+    if (record === void 0) {
+      elements.set(key, { path: segments, elements: reactive(/* @__PURE__ */ new Set([raw])) });
+    } else {
+      if (record.elements.has(raw)) return;
+      record.elements.add(raw);
     }
-    return raw;
-  }
-  if (INTEGER_SEGMENT.test(raw)) return Number(raw);
-  return raw;
-}
-function parseDottedPath(path) {
-  if (path.length === 0) return [""];
-  const rawSegments = path.split(".");
-  const segments = [];
-  for (const raw of rawSegments) {
-    if (raw.length === 0) {
-      throw new InvalidPathError(
-        `Path '${path}' has an empty segment; use the array form for empty keys.`
-      );
+    elementToFormInstance.set(element, formInstanceId);
+    hostTargets.delete(key);
+    sortedRegistrationsCache = null;
+    kernel.noteDomConnected(segments);
+    attachFocusListeners(kernel, segments, element, instanceMeta);
+  }
+  function detach(segments, element) {
+    detachFocusListeners(element);
+    const { key } = canonicalizePath(segments);
+    const record = elements.get(key);
+    if (record === void 0) return;
+    const removed = record.elements.delete(element);
+    if (removed) {
+      elementToFormInstance.delete(element);
+      sortedRegistrationsCache = null;
     }
-    segments.push(normalizeSegment(raw));
-  }
-  return segments;
-}
-const CANONICAL_STRING_CACHE_MAX = 128;
-const canonicalStringCache = /* @__PURE__ */ new Map();
-const PATHKEY_TO_SEGMENTS_MAX = 4096;
-const pathKeyToSegments = /* @__PURE__ */ new Map();
-function rememberSegmentsForPathKey(key, segments) {
-  if (!pathKeyToSegments.has(key) && pathKeyToSegments.size >= PATHKEY_TO_SEGMENTS_MAX) {
-    const oldest = pathKeyToSegments.keys().next().value;
-    if (oldest !== void 0) pathKeyToSegments.delete(oldest);
-  }
-  pathKeyToSegments.set(key, segments);
-}
-function segmentsForPathKey(key) {
-  const cached = pathKeyToSegments.get(key);
-  if (cached !== void 0) return cached;
-  let parsed;
-  try {
-    parsed = JSON.parse(key);
-  } catch {
-    return null;
-  }
-  if (!Array.isArray(parsed)) return null;
-  const segments = [];
-  for (const raw of parsed) {
-    if (typeof raw !== "string" && typeof raw !== "number") return null;
-    segments.push(normalizeSegment(raw));
-  }
-  rememberSegmentsForPathKey(key, segments);
-  return segments;
-}
-function canonicalizePath(input) {
-  if (typeof input === "string") {
-    const cached = canonicalStringCache.get(input);
-    if (cached !== void 0) return cached;
-    const segments = parseDottedPath(input);
-    const key = JSON.stringify(segments);
-    const entry = { segments, key };
-    if (canonicalStringCache.size >= CANONICAL_STRING_CACHE_MAX) {
-      const oldest = canonicalStringCache.keys().next().value;
-      if (oldest !== void 0) canonicalStringCache.delete(oldest);
+    if (record.elements.size === 0) {
+      elements.delete(key);
+      kernel.noteDomDisconnected(segments);
+      kernel.cancelTransformsUnder(segments);
     }
-    canonicalStringCache.set(input, entry);
-    rememberSegmentsForPathKey(key, segments);
-    return entry;
   }
-  return keyForSegments(input);
-}
-function keyForSegments(input) {
-  const segments = Array.from(input).map(normalizeSegment);
-  const key = JSON.stringify(segments);
-  rememberSegmentsForPathKey(key, segments);
-  return { segments, key };
-}
-function segmentsToDotted(segments) {
-  return segments.join(".");
-}
-function pathKeyToDotted(key) {
-  const segments = segmentsForPathKey(key);
-  if (segments === null) return null;
-  return segmentsToDotted(segments);
-}
-function coerceToPathKey(input) {
-  if (input.length > 0 && input.charCodeAt(0) === 91) {
-    try {
-      const parsed = JSON.parse(input);
-      if (Array.isArray(parsed) && parsed.every((s) => typeof s === "string" || typeof s === "number")) {
-        return input;
+  function markHostConnected(segments, connected, hostEl, formInstanceId) {
+    const { key } = canonicalizePath(segments);
+    if (connected) {
+      if (!elements.has(key)) {
+        hostTargets.set(key, { path: segments, hostRoot: hostEl, formInstanceId });
+        sortedRegistrationsCache = null;
       }
-    } catch {
+      if (kernel.getFieldRecord(segments)?.connected === true) return;
+      kernel.noteDomConnected(segments);
+    } else {
+      if (hostTargets.delete(key)) sortedRegistrationsCache = null;
+      if (kernel.getFieldRecord(segments)?.connected !== true) return;
+      kernel.noteDomDisconnected(segments);
     }
   }
-  return canonicalizePath(input).key;
-}
-const ROOT_PATH = Object.freeze([]);
-const ROOT_PATH_KEY = "[]";
-function isPathPrefix(prefix, path) {
-  if (path.length < prefix.length) return false;
-  for (let i = 0; i < prefix.length; i++) {
-    if (path[i] !== prefix[i]) return false;
-  }
-  return true;
-}
-function pathsEqual(a, b) {
-  if (a.length !== b.length) return false;
-  for (let i = 0; i < a.length; i++) {
-    if (a[i] !== b[i]) return false;
-  }
-  return true;
-}
-
-const __DEV__ = (typeof process !== "undefined" ? process.env.NODE_ENV : "production") !== "production";
-
-const INTERACTIVE_TAG_NAMES = /* @__PURE__ */ new Set(["INPUT", "SELECT", "TEXTAREA"]);
-
-function detectSSR(options = {}) {
-  if (options.ssr !== void 0) return options.ssr;
-  return typeof window === "undefined" && typeof document === "undefined";
-}
-
-const kAttaformRegistry = /* @__PURE__ */ Symbol.for("attaform:registry");
-const kAttaformAncestorWizard = /* @__PURE__ */ Symbol.for(
-  "attaform:ancestor-wizard"
-);
-const kAttaformWizardActiveStepResolver = /* @__PURE__ */ Symbol.for(
-  "attaform:wizard-active-step-resolver"
-);
-const kFormContext = /* @__PURE__ */ Symbol.for("attaform:form-context");
-const kFormInstanceId = /* @__PURE__ */ Symbol.for("attaform:form-instance-id");
-function createRegistry(options = {}) {
-  const ssr = detectSSR(options);
-  const defaults = Object.freeze({ ...options.defaults ?? {} });
-  const forms = shallowReactive(/* @__PURE__ */ new Map());
-  const wizards = shallowReactive(/* @__PURE__ */ new Map());
-  const pendingHydration = shallowReactive(/* @__PURE__ */ new Map());
-  const consumers = /* @__PURE__ */ new Map();
-  const evicting = /* @__PURE__ */ new Set();
-  const pendingEvictions = /* @__PURE__ */ new Map();
-  function cancelPendingEviction(key) {
-    const pending = pendingEvictions.get(key);
-    if (pending === void 0) return;
-    pending.cancelled = true;
-    pendingEvictions.delete(key);
-  }
-  function trackConsumer(key) {
-    cancelPendingEviction(key);
-    consumers.set(key, (consumers.get(key) ?? 0) + 1);
-    let disposed = false;
-    return () => {
-      if (disposed) return;
-      disposed = true;
-      const remaining = (consumers.get(key) ?? 1) - 1;
-      if (remaining > 0) {
-        consumers.set(key, remaining);
-        return;
-      }
-      consumers.delete(key);
-      const token = { cancelled: false };
-      pendingEvictions.set(key, token);
-      queueMicrotask(() => {
-        if (token.cancelled) return;
-        if (pendingEvictions.get(key) !== token) return;
-        pendingEvictions.delete(key);
-        const state = forms.get(key);
-        forms.delete(key);
-        if (state === void 0) return;
-        evicting.add(state);
-        void state.awaitPendingWrites().catch(() => void 0).finally(() => {
-          evicting.delete(state);
-          state.dispose();
+  function rebuildSortedRegistrations() {
+    const flat = [];
+    for (const [, record] of elements) {
+      for (const el of record.elements) {
+        flat.push({
+          path: record.path,
+          element: el,
+          host: false,
+          formInstanceId: elementToFormInstance.get(el) ?? ""
         });
-      });
-    };
-  }
-  const wizardConsumers = /* @__PURE__ */ new Map();
-  const pendingWizardEvictions = /* @__PURE__ */ new Map();
-  function cancelPendingWizardEviction(key) {
-    const pending = pendingWizardEvictions.get(key);
-    if (pending === void 0) return;
-    pending.cancelled = true;
-    pendingWizardEvictions.delete(key);
-  }
-  function trackWizardConsumer(key) {
-    cancelPendingWizardEviction(key);
-    wizardConsumers.set(key, (wizardConsumers.get(key) ?? 0) + 1);
-    let disposed = false;
-    return () => {
-      if (disposed) return;
-      disposed = true;
-      const remaining = (wizardConsumers.get(key) ?? 1) - 1;
-      if (remaining > 0) {
-        wizardConsumers.set(key, remaining);
-        return;
       }
-      wizardConsumers.delete(key);
-      const token = { cancelled: false };
-      pendingWizardEvictions.set(key, token);
-      queueMicrotask(() => {
-        if (token.cancelled) return;
-        if (pendingWizardEvictions.get(key) !== token) return;
-        pendingWizardEvictions.delete(key);
-        wizards.delete(key);
+    }
+    for (const [key, target] of hostTargets) {
+      if (elements.has(key)) continue;
+      flat.push({
+        path: target.path,
+        element: target.hostRoot,
+        host: true,
+        formInstanceId: target.formInstanceId
       });
-    };
-  }
-  async function shutdown() {
-    const states = [...forms.values(), ...evicting];
-    await Promise.allSettled(states.map((state) => state.awaitPendingWrites()));
-  }
-  const prefetchEnqueued = /* @__PURE__ */ new Set();
-  const prefetchSkipped = /* @__PURE__ */ new Set();
-  function enqueuePrefetch(key) {
-    prefetchEnqueued.add(key);
-  }
-  function skipPrefetch(key) {
-    prefetchSkipped.add(key);
-  }
-  function shouldPrefetch(key) {
-    return prefetchEnqueued.has(key) && !prefetchSkipped.has(key);
+    }
+    flat.sort(
+      (a, b) => a.element.compareDocumentPosition(b.element) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1
+    );
+    return flat;
+  }
+  function getFirstErrorElement(formInstanceId) {
+    sortedRegistrationsCache ?? (sortedRegistrationsCache = rebuildSortedRegistrations());
+    for (const entry of sortedRegistrationsCache) {
+      if (entry.formInstanceId !== formInstanceId) continue;
+      if (!entry.element.isConnected) continue;
+      if (entry.element.offsetParent === null) continue;
+      if (kernel.getErrorsForPath(entry.path).length === 0) continue;
+      const element = entry.host ? resolveHostFocusTarget(entry.element) : entry.element;
+      return { path: entry.path, element };
+    }
+    return null;
   }
   return {
-    forms,
-    wizards,
-    pendingHydration,
-    ssr,
-    defaults,
-    trackConsumer,
-    trackWizardConsumer,
-    enqueuePrefetch,
-    skipPrefetch,
-    shouldPrefetch,
-    shutdown
+    elements,
+    attach,
+    detach,
+    markHostConnected,
+    getFirstErrorElement
   };
 }
-function useRegistry() {
-  const instance = getCurrentInstance();
-  if (instance === null) {
-    throw new OutsideSetupError();
-  }
-  const registry = inject(kAttaformRegistry, null);
-  if (registry === null) {
-    throw new RegistryNotInstalledError();
-  }
-  return registry;
+function armDomBinding(value) {
+  value.ensureDomBinding?.(createDomBinding);
 }
-function getRegistryFromApp(app) {
-  const registry = app._attaform;
-  if (registry === void 0) {
-    throw new RegistryNotInstalledError();
-  }
-  return registry;
+
+const V_REGISTER_MARKER = /* @__PURE__ */ Symbol.for("attaform:v-register-directive");
+const REGISTER_OWNER_MARKER = /* @__PURE__ */ Symbol.for("attaform:register-owner-marker");
+const SSR_COMPONENT_HOST_MODIFIER = "attaformComponentHost";
+const V_REGISTER_COMPILED_MODIFIER = "attaformCompiled";
+function isRegisterValue(val) {
+  if (typeof val !== "object" || val === null) return false;
+  if (!("innerRef" in val)) return false;
+  if (!isRef(val.innerRef)) return false;
+  if (!("registerElement" in val)) return false;
+  if (typeof val.registerElement !== "function") return false;
+  if (!("setValueWithInternalPath" in val)) return false;
+  if (typeof val.setValueWithInternalPath !== "function") return false;
+  return true;
 }
-function attachRegistryToApp(app, registry) {
-  app.provide(kAttaformRegistry, registry);
-  app._attaform = registry;
+function isTransforming(value) {
+  return isRegisterValue(value) && value.transforming;
 }
 
 const isArray = Array.isArray;
@@ -637,16 +475,12 @@ function kickoffAsyncTransform(rv, holder, run, commit, syncDom) {
   );
 }
 function logTransformFailure(path, index, fn, err) {
-  if (__DEV__) {
+  {
     const namePart = fn.name !== "" ? `, '${fn.name}'` : "";
     console.error(
       `[attaform] transform threw for path '${path}' (index ${index}${namePart}) \u2014 write aborted. Transforms must not throw; wrap your own try/catch if the throw is recoverable. Original error:`,
       err
     );
-  } else {
-    console.error(
-      `[attaform] transform error \u2014 write aborted (set NODE_ENV=development for details).`
-    );
   }
 }
 function applyCoerce(value, registerValue) {
@@ -732,9 +566,11 @@ function setAssignFunction(el, vnode, value) {
     return;
   }
   if (!isRegisterValue(value)) {
-    warn(
-      `v-register expected a RegisterValue, got '${typeof value}'. Bind to form.register('field') \u2014 not the field's ref, value, or path string.`
-    );
+    {
+      warn(
+        `v-register expected a RegisterValue, got '${typeof value}'. Bind to form.register('field') \u2014 not the field's ref, value, or path string.`
+      );
+    }
     el[assignKey] = makeNoopAssigner();
     return;
   }
@@ -766,6 +602,7 @@ const vRegisterFile = {
   created(el, { value }, vnode) {
     if (!isRegisterValue(value)) return;
     const input = el;
+    armDomBinding(value);
     value.registerElement(input);
     setAssignFunction(input, vnode, value);
     const currentRaw = value.innerRef.value;
@@ -1077,9 +914,11 @@ const vRegisterCheckbox = {
       const checked = el.checked;
       if (isArray(modelValue)) {
         if (rawElementValue === void 0) {
-          warn(
-            'Checkbox bound to an array model is missing a `value` attribute \u2014 cannot determine which item to add or remove. Add value="..." to each <input type="checkbox">.'
-          );
+          {
+            warn(
+              'Checkbox bound to an array model is missing a `value` attribute \u2014 cannot determine which item to add or remove. Add value="..." to each <input type="checkbox">.'
+            );
+          }
           return;
         }
         const elementValue = applyElementCoerce(rawElementValue, value);
@@ -1094,9 +933,11 @@ const vRegisterCheckbox = {
         }
       } else if (isSet(modelValue)) {
         if (rawElementValue === void 0) {
-          warn(
-            'Checkbox bound to a Set model is missing a `value` attribute \u2014 cannot determine which item to add or remove. Add value="..." to each <input type="checkbox">.'
-          );
+          {
+            warn(
+              'Checkbox bound to a Set model is missing a `value` attribute \u2014 cannot determine which item to add or remove. Add value="..." to each <input type="checkbox">.'
+            );
+          }
           return;
         }
         const elementValue = applyElementCoerce(rawElementValue, value);
@@ -1303,7 +1144,7 @@ function setSelected(el, value) {
   const isMultiple = el.multiple;
   const isArrayValue = isArray(externalValue);
   if (isMultiple && !isArrayValue && !isSet(externalValue)) {
-    if (__DEV__) {
+    {
       warn(
         `<select multiple v-register> expected an Array or Set, got ${Object.prototype.toString.call(externalValue).slice(8, -1)}. Bind to a list-typed schema (e.g. z.array(z.string()) or z.set(z.string())).`
       );
@@ -1311,7 +1152,7 @@ function setSelected(el, value) {
     return;
   }
   if (!isMultiple && (isArrayValue || isSet(externalValue))) {
-    if (__DEV__) {
+    {
       warn(
         `<select v-register> (no \`multiple\` attribute) expected a scalar value for its binding, but got ${Object.prototype.toString.call(externalValue).slice(8, -1)}. Add the \`multiple\` attribute to bind to a list, or use a scalar schema (e.g. \`z.string()\`) for a single-select binding.`
       );
@@ -1358,8 +1199,8 @@ function getCheckboxValue(el, checked) {
   const key = checked ? "_trueValue" : "_falseValue";
   return key in el ? el[key] : checked;
 }
-const warnedUnsupportedElements = __DEV__ ? /* @__PURE__ */ new WeakSet() : null;
-const warnedRedundantBindings = __DEV__ ? /* @__PURE__ */ new Set() : null;
+const warnedUnsupportedElements = /* @__PURE__ */ new WeakSet() ;
+const warnedRedundantBindings = /* @__PURE__ */ new Set() ;
 const componentHostLatch = /* @__PURE__ */ new WeakMap();
 const hostFocusListeners = /* @__PURE__ */ new WeakMap();
 const hostHealObservers = /* @__PURE__ */ new WeakMap();
@@ -1444,9 +1285,10 @@ function activateComponentHost(el, rv) {
 }
 const vRegisterDynamic = {
   created(el, binding, vnode) {
+    if (isRegisterValue(binding.value)) armDomBinding(binding.value);
     callModelHook(el, binding, vnode, null, "created");
     if (isRegisterValue(binding.value)) setupAria(el, binding.value, vnode);
-    if (__DEV__) warnRedundantStateBinding(el, binding, vnode);
+    warnRedundantStateBinding(el, binding, vnode);
   },
   mounted(el, binding, vnode) {
     callModelHook(el, binding, vnode, null, "mounted");
@@ -1456,7 +1298,7 @@ const vRegisterDynamic = {
     if (binding.modifiers[SSR_COMPONENT_HOST_MODIFIER] === true && isRegisterValue(binding.value)) {
       activateComponentHost(el, binding.value);
     }
-    if (__DEV__ && warnedUnsupportedElements !== null && !INTERACTIVE_TAG_NAMES.has(el.tagName) && !warnedUnsupportedElements.has(el)) {
+    if (warnedUnsupportedElements !== null && !INTERACTIVE_TAG_NAMES.has(el.tagName) && !warnedUnsupportedElements.has(el)) {
       void nextTick(() => {
         if (warnedUnsupportedElements.has(el)) return;
         const hasMarker = el[REGISTER_OWNER_MARKER] === true;
@@ -1472,6 +1314,7 @@ const vRegisterDynamic = {
     }
   },
   beforeUpdate(el, binding, vnode, prevVNode) {
+    if (isRegisterValue(binding.value)) armDomBinding(binding.value);
     syncElementRegistration(el, binding.value, binding.oldValue);
     callModelHook(el, binding, vnode, prevVNode, "beforeUpdate");
     const ariaEl = el;
@@ -1604,72 +1447,10 @@ function callModelHook(el, binding, vnode, prevVNode, hook) {
 }
 const vRegister = vRegisterDynamic;
 vRegisterDynamic[V_REGISTER_MARKER] = true;
-
-function installAttaformOnApp(app, options, source) {
-  if (app._attaform !== void 0) {
-    if (__DEV__ && source === "explicit") {
-      console.warn(
-        "[attaform] createAttaform() install was called twice on the same app; the second call is a no-op. Likely cause: registering the plugin via both the Nuxt module AND a manual `app.use(...)`."
-      );
-    }
-    return app._attaform;
-  }
-  const registry = createRegistry(options);
-  attachRegistryToApp(app, registry);
-  app.directive("register", vRegister);
-  if (__DEV__ && options.devtools !== false && !registry.ssr) {
-    void (async () => {
-      try {
-        const { setupAttaformDevtools } = await import('../chunks/devtools.mjs');
-        await setupAttaformDevtools(app, registry);
-      } catch {
-      }
-    })();
+function installVRegister(app) {
+  if (app.directive("register") === void 0) {
+    app.directive("register", vRegister);
   }
-  return registry;
 }
-function ensureAttaformInstalled(app) {
-  return installAttaformOnApp(app, {}, "lazy");
-}
-function createAttaform(options = {}) {
-  const plugin = {
-    install(app) {
-      installAttaformOnApp(app, options, "explicit");
-    }
-  };
-  return plugin;
-}
-
-function renderAttaformState(app) {
-  const registry = getRegistryFromApp(app);
-  const forms = [];
-  for (const [key, state] of registry.forms) {
-    const transientList = [];
-    for (const pk of state.blankPaths) {
-      const d = pathKeyToDotted(pk);
-      if (d !== null) transientList.push(d);
-    }
-    forms.push([
-      key,
-      {
-        form: state.form.value,
-        schemaErrors: Array.from(state.schemaErrors.entries()),
-        userErrors: Array.from(state.userErrors.entries()),
-        fields: Array.from(state.fields.entries()),
-        ...transientList.length > 0 ? { blankPaths: transientList } : {}
-      }
-    ]);
-  }
-  return { forms };
-}
-function hydrateAttaformState(app, payload) {
-  const registry = getRegistryFromApp(app);
-  for (const [key, data] of payload.forms) {
-    registry.pendingHydration.set(key, data);
-  }
-}
-
-const DEVTOOLS_WINDOW_KEY = "__attaform_devtools__";
 
-export { AttaformError as A, kFormContext as B, kFormInstanceId as C, DEVTOOLS_WINDOW_KEY as D, kAttaformAncestorWizard as E, InvalidPathError as I, OutsideSetupError as O, ROOT_PATH as R, SubmitErrorHandlerError as S, __DEV__ as _, InvalidUseFormConfigError as a, ROOT_PATH_KEY as b, RegistryNotInstalledError as c, ReservedFormKeyError as d, assignKey as e, canonicalizePath as f, createAttaform as g, createRegistry as h, getRegistryFromApp as i, hydrateAttaformState as j, isPathPrefix as k, kAttaformRegistry as l, kAttaformWizardActiveStepResolver as m, pathsEqual as n, keyForSegments as o, parseDottedPath as p, normalizeErrorInput as q, renderAttaformState as r, segmentsForPathKey as s, toError as t, useRegistry as u, vRegister as v, INTERACTIVE_TAG_NAMES as w, normalizeErrorInputs as x, coerceToPathKey as y, ensureAttaformInstalled as z };
-//# sourceMappingURL=attaform.nMaz2C5P.mjs.map
+export { REGISTER_OWNER_MARKER as R, V_REGISTER_MARKER as V, assignKey as a, installVRegister as b, vRegisterFile as c, armDomBinding as d, isRegisterValue as i, vRegister as v };