bhl-forms 0.0.50 → 0.0.53

package/dist/bhl-forms.es.js

@@ -5,18 +5,18 @@ var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a2, b2) => {
-  for (var prop in b2 || (b2 = {}))
-    if (__hasOwnProp.call(b2, prop))
-      __defNormalProp(a2, prop, b2[prop]);
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
   if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b2)) {
-      if (__propIsEnum.call(b2, prop))
-        __defNormalProp(a2, prop, b2[prop]);
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
     }
-  return a2;
+  return a;
 };
-var __spreadProps = (a2, b2) => __defProps(a2, __getOwnPropDescs(b2));
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -34,18 +34,18 @@ var __async = (__this, __arguments, generator) => {
     var fulfilled = (value) => {
       try {
         step(generator.next(value));
-      } catch (e2) {
-        reject(e2);
+      } catch (e) {
+        reject(e);
       }
     };
     var rejected = (value) => {
       try {
         step(generator.throw(value));
-      } catch (e2) {
-        reject(e2);
+      } catch (e) {
+        reject(e);
       }
     };
-    var step = (x2) => x2.done ? resolve2(x2.value) : Promise.resolve(x2.value).then(fulfilled, rejected);
+    var step = (x) => x.done ? resolve2(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
@@ -179,7 +179,7 @@ const cacheStringFunction = (fn) => {
 };
 const camelizeRE = /-(\w)/g;
 const camelize = cacheStringFunction((str) => {
-  return str.replace(camelizeRE, (_, c2) => c2 ? c2.toUpperCase() : "");
+  return str.replace(camelizeRE, (_, c) => c ? c.toUpperCase() : "");
 });
 const hyphenateRE = /\B([A-Z])/g;
 const hyphenate = cacheStringFunction((str) => str.replace(hyphenateRE, "-$1").toLowerCase());
@@ -199,8 +199,8 @@ const def = (obj, key, value) => {
   });
 };
 const toNumber = (val) => {
-  const n2 = parseFloat(val);
-  return isNaN(n2) ? val : n2;
+  const n = parseFloat(val);
+  return isNaN(n) ? val : n;
 };
 let _globalThis;
 const getGlobalThis = () => {
@@ -236,15 +236,15 @@ class EffectScope {
   }
   stop(fromParent) {
     if (this.active) {
-      let i2, l2;
-      for (i2 = 0, l2 = this.effects.length; i2 < l2; i2++) {
+      let i2, l;
+      for (i2 = 0, l = this.effects.length; i2 < l; i2++) {
         this.effects[i2].stop();
       }
-      for (i2 = 0, l2 = this.cleanups.length; i2 < l2; i2++) {
+      for (i2 = 0, l = this.cleanups.length; i2 < l; i2++) {
         this.cleanups[i2]();
       }
       if (this.scopes) {
-        for (i2 = 0, l2 = this.scopes.length; i2 < l2; i2++) {
+        for (i2 = 0, l = this.scopes.length; i2 < l; i2++) {
           this.scopes[i2].stop(true);
         }
       }
@@ -502,7 +502,7 @@ function createArrayInstrumentations() {
   ["includes", "indexOf", "lastIndexOf"].forEach((key) => {
     instrumentations[key] = function(...args) {
       const arr = toRaw(this);
-      for (let i2 = 0, l2 = this.length; i2 < l2; i2++) {
+      for (let i2 = 0, l = this.length; i2 < l; i2++) {
         track(arr, "get", i2 + "");
       }
       const res = arr[key](...args);
@@ -951,8 +951,8 @@ function triggerRefValue(ref2, newVal) {
     }
   }
 }
-function isRef(r2) {
-  return !!(r2 && r2.__v_isRef === true);
+function isRef(r) {
+  return !!(r && r.__v_isRef === true);
 }
 function ref(value) {
   return createRef(value, false);
@@ -1211,7 +1211,7 @@ function flushPostFlushCbs(seen) {
       return;
     }
     activePostFlushCbs = deduped;
-    activePostFlushCbs.sort((a2, b2) => getId(a2) - getId(b2));
+    activePostFlushCbs.sort((a, b) => getId(a) - getId(b));
     for (postFlushIndex = 0; postFlushIndex < activePostFlushCbs.length; postFlushIndex++) {
       activePostFlushCbs[postFlushIndex]();
     }
@@ -1224,7 +1224,7 @@ function flushJobs(seen) {
   isFlushPending = false;
   isFlushing = true;
   flushPreFlushCbs(seen);
-  queue.sort((a2, b2) => getId(a2) - getId(b2));
+  queue.sort((a, b) => getId(a) - getId(b));
   const check = NOOP;
   try {
     for (flushIndex = 0; flushIndex < queue.length; flushIndex++) {
@@ -1257,7 +1257,7 @@ function emit$1$2(instance, event, ...rawArgs) {
     const modifiersKey = `${modelArg === "modelValue" ? "model" : modelArg}Modifiers`;
     const { number: number3, trim } = props2[modifiersKey] || EMPTY_OBJ;
     if (trim) {
-      args = rawArgs.map((a2) => a2.trim());
+      args = rawArgs.map((a) => a.trim());
     }
     if (number3) {
       args = rawArgs.map(toNumber);
@@ -1878,7 +1878,7 @@ function renderList(source, renderItem, cache, index2) {
   const cached = cache && cache[index2];
   if (isArray(source) || isString(source)) {
     ret = new Array(source.length);
-    for (let i2 = 0, l2 = source.length; i2 < l2; i2++) {
+    for (let i2 = 0, l = source.length; i2 < l; i2++) {
       ret[i2] = renderItem(source[i2], i2, void 0, cached && cached[i2]);
     }
   } else if (typeof source === "number") {
@@ -1892,7 +1892,7 @@ function renderList(source, renderItem, cache, index2) {
     } else {
       const keys = Object.keys(source);
       ret = new Array(keys.length);
-      for (let i2 = 0, l2 = keys.length; i2 < l2; i2++) {
+      for (let i2 = 0, l = keys.length; i2 < l; i2++) {
         const key = keys[i2];
         ret[i2] = renderItem(source[key], key, i2, cached && cached[i2]);
       }
@@ -1963,9 +1963,9 @@ const PublicInstanceProxyHandlers = {
     const { ctx, setupState, data, props: props2, accessCache, type, appContext } = instance;
     let normalizedProps;
     if (key[0] !== "$") {
-      const n2 = accessCache[key];
-      if (n2 !== void 0) {
-        switch (n2) {
+      const n = accessCache[key];
+      if (n !== void 0) {
+        switch (n) {
           case 1:
             return setupState[key];
           case 2:
@@ -2109,15 +2109,15 @@ function applyOptions(instance) {
       const opt = computedOptions[key];
       const get2 = isFunction(opt) ? opt.bind(publicThis, publicThis) : isFunction(opt.get) ? opt.get.bind(publicThis, publicThis) : NOOP;
       const set2 = !isFunction(opt) && isFunction(opt.set) ? opt.set.bind(publicThis) : NOOP;
-      const c2 = computed({
+      const c = computed({
         get: get2,
         set: set2
       });
       Object.defineProperty(ctx, key, {
         enumerable: true,
         configurable: true,
-        get: () => c2.value,
-        set: (v) => c2.value = v
+        get: () => c.value,
+        set: (v) => c.value = v
       });
     }
   }
@@ -2224,7 +2224,7 @@ function createWatcher(raw2, ctx, publicThis, key) {
     watch$1(getter, raw2.bind(publicThis));
   } else if (isObject$1(raw2)) {
     if (isArray(raw2)) {
-      raw2.forEach((r2) => createWatcher(r2, ctx, publicThis, key));
+      raw2.forEach((r) => createWatcher(r, ctx, publicThis, key));
     } else {
       const handler = isFunction(raw2.handler) ? raw2.handler.bind(publicThis) : ctx[raw2.handler];
       if (isFunction(handler)) {
@@ -2249,7 +2249,7 @@ function resolveMergedOptions(instance) {
   } else {
     resolved = {};
     if (globalMixins.length) {
-      globalMixins.forEach((m2) => mergeOptions(resolved, m2, optionMergeStrategies, true));
+      globalMixins.forEach((m) => mergeOptions(resolved, m, optionMergeStrategies, true));
     }
     mergeOptions(resolved, base, optionMergeStrategies);
   }
@@ -2262,7 +2262,7 @@ function mergeOptions(to, from, strats, asMixin = false) {
     mergeOptions(to, extendsOptions, strats, true);
   }
   if (mixins) {
-    mixins.forEach((m2) => mergeOptions(to, m2, strats, true));
+    mixins.forEach((m) => mergeOptions(to, m, strats, true));
   }
   for (const key in from) {
     if (asMixin && key === "expose")
@@ -2559,12 +2559,12 @@ function getType(ctor) {
   const match2 = ctor && ctor.toString().match(/^\s*function (\w+)/);
   return match2 ? match2[1] : ctor === null ? "null" : "";
 }
-function isSameType(a2, b2) {
-  return getType(a2) === getType(b2);
+function isSameType(a, b) {
+  return getType(a) === getType(b);
 }
 function getTypeIndex(type, expectedTypes) {
   if (isArray(expectedTypes)) {
-    return expectedTypes.findIndex((t2) => isSameType(t2, type));
+    return expectedTypes.findIndex((t) => isSameType(t, type));
   } else if (isFunction(expectedTypes)) {
     return isSameType(expectedTypes, type) ? 0 : -1;
   }
@@ -2761,7 +2761,7 @@ function createAppAPI(render2, hydrate2) {
 }
 function setRef(rawRef, oldRawRef, parentSuspense, vnode, isUnmount = false) {
   if (isArray(rawRef)) {
-    rawRef.forEach((r2, i2) => setRef(r2, oldRawRef && (isArray(oldRawRef) ? oldRawRef[i2] : oldRawRef), parentSuspense, vnode, isUnmount));
+    rawRef.forEach((r, i2) => setRef(r, oldRawRef && (isArray(oldRawRef) ? oldRawRef[i2] : oldRawRef), parentSuspense, vnode, isUnmount));
     return;
   }
   if (isAsyncWrapper(vnode) && !isUnmount) {
@@ -3164,7 +3164,7 @@ function baseCreateRenderer(options2, createHydrationFns) {
       if (!instance.isMounted) {
         let vnodeHook;
         const { el, props: props2 } = initialVNode;
-        const { bm, m: m2, parent } = instance;
+        const { bm, m, parent } = instance;
         const isAsyncWrapperVNode = isAsyncWrapper(initialVNode);
         toggleRecurse(instance, false);
         if (bm) {
@@ -3189,8 +3189,8 @@ function baseCreateRenderer(options2, createHydrationFns) {
           patch(null, subTree, container, anchor, instance, parentSuspense, isSVG);
           initialVNode.el = subTree.el;
         }
-        if (m2) {
-          queuePostRenderEffect(m2, parentSuspense);
+        if (m) {
+          queuePostRenderEffect(m, parentSuspense);
         }
         if (!isAsyncWrapperVNode && (vnodeHook = props2 && props2.onVnodeMounted)) {
           const scopedInitialVNode = initialVNode;
@@ -3202,7 +3202,7 @@ function baseCreateRenderer(options2, createHydrationFns) {
         instance.isMounted = true;
         initialVNode = container = anchor = null;
       } else {
-        let { next, bu, u: u2, parent, vnode } = instance;
+        let { next, bu, u, parent, vnode } = instance;
         let originNext = next;
         let vnodeHook;
         toggleRecurse(instance, false);
@@ -3227,8 +3227,8 @@ function baseCreateRenderer(options2, createHydrationFns) {
         if (originNext === null) {
           updateHOCHostEl(instance, nextTree.el);
         }
-        if (u2) {
-          queuePostRenderEffect(u2, parentSuspense);
+        if (u) {
+          queuePostRenderEffect(u, parentSuspense);
         }
         if (vnodeHook = next.props && next.props.onVnodeUpdated) {
           queuePostRenderEffect(() => invokeVNodeHook(vnodeHook, parent, next, vnode), parentSuspense);
@@ -3357,7 +3357,7 @@ function baseCreateRenderer(options2, createHydrationFns) {
           keyToNewIndexMap.set(nextChild.key, i2);
         }
       }
-      let j2;
+      let j;
       let patched = 0;
       const toBePatched = e2 - s2 + 1;
       let moved = false;
@@ -3375,9 +3375,9 @@ function baseCreateRenderer(options2, createHydrationFns) {
         if (prevChild.key != null) {
           newIndex = keyToNewIndexMap.get(prevChild.key);
         } else {
-          for (j2 = s2; j2 <= e2; j2++) {
-            if (newIndexToOldIndexMap[j2 - s2] === 0 && isSameVNodeType(prevChild, c2[j2])) {
-              newIndex = j2;
+          for (j = s2; j <= e2; j++) {
+            if (newIndexToOldIndexMap[j - s2] === 0 && isSameVNodeType(prevChild, c2[j])) {
+              newIndex = j;
               break;
             }
           }
@@ -3396,7 +3396,7 @@ function baseCreateRenderer(options2, createHydrationFns) {
         }
       }
       const increasingNewIndexSequence = moved ? getSequence(newIndexToOldIndexMap) : EMPTY_ARR;
-      j2 = increasingNewIndexSequence.length - 1;
+      j = increasingNewIndexSequence.length - 1;
       for (i2 = toBePatched - 1; i2 >= 0; i2--) {
         const nextIndex = s2 + i2;
         const nextChild = c2[nextIndex];
@@ -3404,10 +3404,10 @@ function baseCreateRenderer(options2, createHydrationFns) {
         if (newIndexToOldIndexMap[i2] === 0) {
           patch(null, nextChild, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized);
         } else if (moved) {
-          if (j2 < 0 || i2 !== increasingNewIndexSequence[j2]) {
+          if (j < 0 || i2 !== increasingNewIndexSequence[j]) {
             move(nextChild, container, anchor, 2);
           } else {
-            j2--;
+            j--;
           }
         }
       }
@@ -3641,39 +3641,39 @@ function traverseStaticChildren(n1, n2, shallow = false) {
 function getSequence(arr) {
   const p2 = arr.slice();
   const result = [0];
-  let i2, j2, u2, v, c2;
+  let i2, j, u, v, c;
   const len = arr.length;
   for (i2 = 0; i2 < len; i2++) {
     const arrI = arr[i2];
     if (arrI !== 0) {
-      j2 = result[result.length - 1];
-      if (arr[j2] < arrI) {
-        p2[i2] = j2;
+      j = result[result.length - 1];
+      if (arr[j] < arrI) {
+        p2[i2] = j;
         result.push(i2);
         continue;
       }
-      u2 = 0;
+      u = 0;
       v = result.length - 1;
-      while (u2 < v) {
-        c2 = u2 + v >> 1;
-        if (arr[result[c2]] < arrI) {
-          u2 = c2 + 1;
+      while (u < v) {
+        c = u + v >> 1;
+        if (arr[result[c]] < arrI) {
+          u = c + 1;
         } else {
-          v = c2;
+          v = c;
         }
       }
-      if (arrI < arr[result[u2]]) {
-        if (u2 > 0) {
-          p2[i2] = result[u2 - 1];
+      if (arrI < arr[result[u]]) {
+        if (u > 0) {
+          p2[i2] = result[u - 1];
         }
-        result[u2] = i2;
+        result[u] = i2;
       }
     }
   }
-  u2 = result.length;
-  v = result[u2 - 1];
-  while (u2-- > 0) {
-    result[u2] = v;
+  u = result.length;
+  v = result[u - 1];
+  while (u-- > 0) {
+    result[u] = v;
     v = p2[v];
   }
   return result;
@@ -4044,8 +4044,8 @@ function setupStatefulComponent(instance, isSSR) {
       if (isSSR) {
         return setupResult.then((resolvedResult) => {
           handleSetupResult(instance, resolvedResult, isSSR);
-        }).catch((e2) => {
-          handleError(e2, instance, 0);
+        }).catch((e) => {
+          handleError(e, instance, 0);
         });
       } else {
         instance.asyncDep = setupResult;
@@ -4142,9 +4142,9 @@ function isClassComponent(value) {
 const computed = (getterOrOptions, debugOptions) => {
   return computed$1(getterOrOptions, debugOptions, isInSSRComponentSetup);
 };
-function h$1(type, propsOrChildren, children) {
-  const l2 = arguments.length;
-  if (l2 === 2) {
+function h(type, propsOrChildren, children) {
+  const l = arguments.length;
+  if (l === 2) {
     if (isObject$1(propsOrChildren) && !isArray(propsOrChildren)) {
       if (isVNode(propsOrChildren)) {
         return createVNode(type, null, [propsOrChildren]);
@@ -4154,9 +4154,9 @@ function h$1(type, propsOrChildren, children) {
       return createVNode(type, null, propsOrChildren);
     }
   } else {
-    if (l2 > 3) {
+    if (l > 3) {
       children = Array.prototype.slice.call(arguments, 2);
-    } else if (l2 === 3 && isVNode(children)) {
+    } else if (l === 3 && isVNode(children)) {
       children = [children];
     }
     return createVNode(type, propsOrChildren, children);
@@ -4361,7 +4361,7 @@ function patchDOMProp(el, key, value, prevChildren, parentComponent, parentSuspe
   }
   try {
     el[key] = value;
-  } catch (e2) {
+  } catch (e) {
   }
   needRemove && el.removeAttribute(key);
 }
@@ -4410,33 +4410,33 @@ function parseName(name) {
   let options2;
   if (optionsModifierRE.test(name)) {
     options2 = {};
-    let m2;
-    while (m2 = name.match(optionsModifierRE)) {
-      name = name.slice(0, name.length - m2[0].length);
-      options2[m2[0].toLowerCase()] = true;
+    let m;
+    while (m = name.match(optionsModifierRE)) {
+      name = name.slice(0, name.length - m[0].length);
+      options2[m[0].toLowerCase()] = true;
     }
   }
   return [hyphenate(name.slice(2)), options2];
 }
 function createInvoker(initialValue2, instance) {
-  const invoker = (e2) => {
-    const timeStamp = e2.timeStamp || _getNow();
+  const invoker = (e) => {
+    const timeStamp = e.timeStamp || _getNow();
     if (skipTimestampCheck || timeStamp >= invoker.attached - 1) {
-      callWithAsyncErrorHandling(patchStopImmediatePropagation(e2, invoker.value), instance, 5, [e2]);
+      callWithAsyncErrorHandling(patchStopImmediatePropagation(e, invoker.value), instance, 5, [e]);
     }
   };
   invoker.value = initialValue2;
   invoker.attached = getNow();
   return invoker;
 }
-function patchStopImmediatePropagation(e2, value) {
+function patchStopImmediatePropagation(e, value) {
   if (isArray(value)) {
-    const originalStop = e2.stopImmediatePropagation;
-    e2.stopImmediatePropagation = () => {
-      originalStop.call(e2);
-      e2._stopped = true;
+    const originalStop = e.stopImmediatePropagation;
+    e.stopImmediatePropagation = () => {
+      originalStop.call(e);
+      e._stopped = true;
     };
-    return value.map((fn) => (e3) => !e3._stopped && fn && fn(e3));
+    return value.map((fn) => (e2) => !e2._stopped && fn && fn(e2));
   } else {
     return value;
   }
@@ -4493,11 +4493,11 @@ const getModelAssigner = (vnode) => {
   const fn = vnode.props["onUpdate:modelValue"] || false;
   return isArray(fn) ? (value) => invokeArrayFns(fn, value) : fn;
 };
-function onCompositionStart(e2) {
-  e2.target.composing = true;
+function onCompositionStart(e) {
+  e.target.composing = true;
 }
-function onCompositionEnd(e2) {
-  const target = e2.target;
+function onCompositionEnd(e) {
+  const target = e.target;
   if (target.composing) {
     target.composing = false;
     target.dispatchEvent(new Event("input"));
@@ -4507,8 +4507,8 @@ const vModelText = {
   created(el, { modifiers: { lazy, trim, number: number3 } }, vnode) {
     el._assign = getModelAssigner(vnode);
     const castToNumber = number3 || vnode.props && vnode.props.type === "number";
-    addEventListener(el, lazy ? "change" : "input", (e2) => {
-      if (e2.target.composing)
+    addEventListener(el, lazy ? "change" : "input", (e) => {
+      if (e.target.composing)
         return;
       let domValue = el.value;
       if (trim) {
@@ -4556,17 +4556,17 @@ const vModelText = {
 };
 const systemModifiers = ["ctrl", "shift", "alt", "meta"];
 const modifierGuards = {
-  stop: (e2) => e2.stopPropagation(),
-  prevent: (e2) => e2.preventDefault(),
-  self: (e2) => e2.target !== e2.currentTarget,
-  ctrl: (e2) => !e2.ctrlKey,
-  shift: (e2) => !e2.shiftKey,
-  alt: (e2) => !e2.altKey,
-  meta: (e2) => !e2.metaKey,
-  left: (e2) => "button" in e2 && e2.button !== 0,
-  middle: (e2) => "button" in e2 && e2.button !== 1,
-  right: (e2) => "button" in e2 && e2.button !== 2,
-  exact: (e2, modifiers) => systemModifiers.some((m2) => e2[`${m2}Key`] && !modifiers.includes(m2))
+  stop: (e) => e.stopPropagation(),
+  prevent: (e) => e.preventDefault(),
+  self: (e) => e.target !== e.currentTarget,
+  ctrl: (e) => !e.ctrlKey,
+  shift: (e) => !e.shiftKey,
+  alt: (e) => !e.altKey,
+  meta: (e) => !e.metaKey,
+  left: (e) => "button" in e && e.button !== 0,
+  middle: (e) => "button" in e && e.button !== 1,
+  right: (e) => "button" in e && e.button !== 2,
+  exact: (e, modifiers) => systemModifiers.some((m) => e[`${m}Key`] && !modifiers.includes(m))
 };
 const withModifiers = (fn, modifiers) => {
   return (event, ...args) => {
@@ -4656,18 +4656,112 @@ var __getOwnPropSymbols2 = Object.getOwnPropertySymbols;
 var __hasOwnProp2 = Object.prototype.hasOwnProperty;
 var __propIsEnum2 = Object.prototype.propertyIsEnumerable;
 var __defNormalProp2 = (obj, key, value) => key in obj ? __defProp2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues2 = (a2, b2) => {
-  for (var prop in b2 || (b2 = {}))
-    if (__hasOwnProp2.call(b2, prop))
-      __defNormalProp2(a2, prop, b2[prop]);
+var __spreadValues2 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp2.call(b, prop))
+      __defNormalProp2(a, prop, b[prop]);
   if (__getOwnPropSymbols2)
-    for (var prop of __getOwnPropSymbols2(b2)) {
-      if (__propIsEnum2.call(b2, prop))
-        __defNormalProp2(a2, prop, b2[prop]);
+    for (var prop of __getOwnPropSymbols2(b)) {
+      if (__propIsEnum2.call(b, prop))
+        __defNormalProp2(a, prop, b[prop]);
     }
-  return a2;
+  return a;
 };
-var __spreadProps2 = (a2, b2) => __defProps2(a2, __getOwnPropDescs2(b2));
+var __spreadProps2 = (a, b) => __defProps2(a, __getOwnPropDescs2(b));
+const urlParams$1 = new URLSearchParams(window.location.search);
+const DEBUG$1 = urlParams$1.get("fdbg");
+function dbg$1() {
+  if (DEBUG$1 != 1)
+    return;
+  console.debug(...arguments);
+}
+const getCoords$1 = (elem) => {
+  let box2 = elem.getBoundingClientRect();
+  return {
+    top: box2.top + window.pageYOffset,
+    right: box2.right + window.pageXOffset,
+    bottom: box2.bottom + window.pageYOffset,
+    left: box2.left + window.pageXOffset
+  };
+};
+const postJSON = (url3, data) => __async(this, null, function* () {
+  dbg$1("Post to: " + url3);
+  const raw2 = yield fetch(url3, {
+    method: "POST",
+    headers: {
+      "Accept": "application/json",
+      "Content-Type": "application/json"
+    },
+    body: JSON.stringify(data)
+  });
+  if (!raw2.ok) {
+    let error2 = new Error(raw2.statusText);
+    Object.assign(error2, { response: raw2 });
+    throw error2;
+  }
+  const res = yield raw2.json();
+  dbg$1("Post resp: " + JSON.stringify(res, null, 2));
+  return res;
+});
+const redirect = (url3) => {
+  window.location.href = url3;
+};
+const handleSubmitError = (err, node) => {
+  if (err.response) {
+    const code = err.response.status;
+    if (node.props.attrs.errorCodes && code in node.props.attrs.errorCodes) {
+      const value = node.props.attrs.errorCodes[code];
+      let message2 = null;
+      let abort = true;
+      if (typeof value === "string") {
+        message2 = value;
+      } else {
+        if ("message" in value) {
+          message2 = value.message;
+        }
+        if ("abort" in value) {
+          abort = value.abort;
+        }
+      }
+      if (message2) {
+        node.setErrors(message2);
+      }
+      return abort;
+    }
+  }
+  node.setErrors(err.toString());
+  return true;
+};
+const getKey = (d, path) => {
+  if (typeof path === "string") {
+    path = path.split(".");
+  }
+  return path.reduce((x, y) => x[y], d);
+};
+const keyValOverlap = (o1, o2) => {
+  let result = null;
+  for (var key of Object.keys(o2)) {
+    if (key === "*") {
+      continue;
+    }
+    const o1_value = getKey(o1, key);
+    if (!o1_value) {
+      continue;
+    }
+    if (o2[key][o1_value]) {
+      result = o2[key][o1_value];
+      break;
+    }
+  }
+  if (result === null) {
+    if ("*" in o2) {
+      return o2["*"];
+    }
+    throw Error("result not found and no default specified");
+  }
+  return result;
+};
+const strSubUrl = (str, obj) => str.replace(/\${(.*?)}/g, (x, g) => encodeURIComponent(getKey(obj, g)));
 function usePrepop() {
   let prepopSettings = {};
   const urlParams2 = new URLSearchParams(window.location.search);
@@ -4697,11 +4791,11 @@ function usePrepop() {
             }
           }
           if (!found) {
-            console.debug("Prepop option not found for:", node.name, value);
+            dbg$1("Prepop option not found for:", node.name, value);
             return;
           }
         }
-        console.debug("Setting prepop value for:", node.name, value);
+        dbg$1("Setting prepop value for:", node.name, value);
         node.input(value);
       }
     }
@@ -4725,8 +4819,8 @@ function eq$1(valA, valB, deep = true, explicit = ["__key"]) {
       return false;
     if (Object.keys(valA).length !== Object.keys(valB).length)
       return false;
-    for (const k2 of explicit) {
-      if ((k2 in valA || k2 in valB) && valA[k2] !== valB[k2])
+    for (const k of explicit) {
+      if ((k in valA || k in valB) && valA[k] !== valB[k])
         return false;
     }
     for (const key in valA) {
@@ -4742,7 +4836,7 @@ function eq$1(valA, valB, deep = true, explicit = ["__key"]) {
   return false;
 }
 function camel$1(str) {
-  return str.replace(/-([a-z0-9])/gi, (_s, g2) => g2.toUpperCase());
+  return str.replace(/-([a-z0-9])/gi, (_s, g) => g.toUpperCase());
 }
 function kebab$1(str) {
   return str.replace(/([a-z0-9])([A-Z])/g, (_s, trail, cap) => trail + "-" + cap.toLowerCase()).replace(" ", "-").toLowerCase();
@@ -4891,7 +4985,7 @@ function bubble$1(node, _context, event) {
   }
   return node;
 }
-function on$2(_node, context, name, listener) {
+function on$1(_node, context, name, listener) {
   return context._e.on(name, listener);
 }
 function off$1(node, context, receipt) {
@@ -4920,18 +5014,18 @@ function error$1(code, data = {}) {
   throw Error(errorHandler$1.dispatch({ code, data }).message);
 }
 function createMessage$1(conf, node) {
-  const m2 = __spreadValues2({
+  const m = __spreadValues2({
     blocking: false,
     key: token$1(),
     meta: {},
     type: "state",
     visible: true
   }, conf);
-  if (node && m2.value && m2.meta.localize !== false) {
-    m2.value = node.t(m2);
-    m2.meta.locale = node.config.locale;
+  if (node && m.value && m.meta.localize !== false) {
+    m.value = node.t(m);
+    m.meta.locale = node.config.locale;
   }
-  return m2;
+  return m;
 }
 function createMessages$1(node, ...errors2) {
   const sourceKey = `${node.name}-set`;
@@ -4941,7 +5035,7 @@ function createMessages$1(node, ...errors2) {
     value: error2,
     meta: { source: sourceKey, autoClear: true }
   });
-  return errors2.filter((m2) => !!m2).map((errorSet) => {
+  return errors2.filter((m) => !!m).map((errorSet) => {
     if (typeof errorSet === "string")
       errorSet = [errorSet];
     if (Array.isArray(errorSet)) {
@@ -4997,13 +5091,13 @@ function submitForm$1(id) {
   warn$1(151, id);
 }
 function clearState$1(node) {
-  const clear2 = (n2) => {
-    for (const key in n2.store) {
-      const message2 = n2.store[key];
+  const clear2 = (n) => {
+    for (const key in n.store) {
+      const message2 = n.store[key];
       if (message2.type === "error" || message2.type === "ui" && key === "incomplete") {
-        n2.store.remove(key);
+        n.store.remove(key);
       } else if (message2.type === "state") {
-        n2.store.set(__spreadProps2(__spreadValues2({}, message2), { value: false }));
+        n.store.set(__spreadProps2(__spreadValues2({}, message2), { value: false }));
       }
     }
   };
@@ -5013,7 +5107,7 @@ function clearState$1(node) {
 function reset$1(id, resetTo) {
   const node = typeof id === "string" ? getNode$1$1(id) : id;
   if (node) {
-    const initial = (n2) => cloneAny$1(n2.props.initial) || (n2.type === "group" ? {} : n2.type === "list" ? [] : void 0);
+    const initial = (n) => cloneAny$1(n.props.initial) || (n.type === "group" ? {} : n.type === "list" ? [] : void 0);
     node._e.pause(node);
     node.input(cloneAny$1(resetTo) || initial(node), false);
     node.walk((child) => child.input(initial(child), false));
@@ -5065,7 +5159,7 @@ const invalidSetter$1 = (node, _context, property) => {
   each: trap$1(eachChild$1),
   emit: trap$1(emit$1$1),
   find: trap$1(find$1),
-  on: trap$1(on$2),
+  on: trap$1(on$1),
   off: trap$1(off$1),
   parent: trap$1(false, setParent$1),
   plugins: trap$1(false),
@@ -5217,6 +5311,14 @@ function define$1(node, context, definition) {
     type: node.type,
     value: context.value
   });
+  if (definition.forceTypeProp) {
+    if (node.props.type)
+      node.props.originalType = node.props.type;
+    context.props.type = definition.forceTypeProp;
+  }
+  if (definition.family) {
+    context.props.family = definition.family;
+  }
   if (definition.features) {
     definition.features.forEach((feature) => feature(node));
   }
@@ -5343,7 +5445,7 @@ function walkTree$1(_node, context, callback, stopIfFalse = false) {
 function resetConfig$1(node, context) {
   const parent = node.parent || void 0;
   context.config = createConfig$2(node.config._t, parent);
-  node.walk((n2) => n2.resetConfig());
+  node.walk((n) => n.resetConfig());
 }
 function use$1(node, context, plugin2, run2 = true, library = true) {
   if (Array.isArray(plugin2) || plugin2 instanceof Set) {
@@ -5421,7 +5523,7 @@ function getNode$2(node, _context, locator) {
         pointer = node;
         break;
       default:
-        pointer = pointer.children.find((c2) => String(c2.name) === String(name)) || select$3(pointer, name);
+        pointer = pointer.children.find((c) => String(c.name) === String(name)) || select$3(pointer, name);
     }
   }
   return pointer || void 0;
@@ -5444,7 +5546,7 @@ function find$1(node, _context, searchTerm, searcher) {
   return bfs$1(node, searchTerm, searcher);
 }
 function bfs$1(tree, searchValue, searchGoal = "name") {
-  const search = typeof searchGoal === "string" ? (n2) => n2[searchGoal] == searchValue : searchGoal;
+  const search = typeof searchGoal === "string" ? (n) => n[searchGoal] == searchValue : searchGoal;
   const stack = [tree];
   while (stack.length) {
     const node = stack.shift();
@@ -5454,8 +5556,8 @@ function bfs$1(tree, searchValue, searchGoal = "name") {
   }
   return void 0;
 }
-function getRoot$1(n2) {
-  let node = n2;
+function getRoot$1(n) {
+  let node = n;
   while (node.parent) {
     node = node.parent;
   }
@@ -5505,7 +5607,7 @@ function createConfig$2(target = {}, parent) {
         if (node) {
           node.emit(`config:${prop}`, value, false);
           configChange$1(node, prop, value);
-          node.walk((n2) => configChange$1(n2, prop, value), true);
+          node.walk((n) => configChange$1(n, prop, value), true);
         }
         return didSet;
       }
@@ -5555,96 +5657,28 @@ function clearErrors$1$1(node, context, clearChildErrors = true, sourceKey) {
   }
   return node;
 }
-const postJSON = (url3, data) => __async(this, null, function* () {
-  console.debug("Posting to " + url3);
-  const raw2 = yield fetch(url3, {
-    method: "POST",
-    headers: {
-      "Accept": "application/json",
-      "Content-Type": "application/json"
-    },
-    body: JSON.stringify(data)
-  });
-  if (!raw2.ok) {
-    let error2 = new Error(raw2.statusText);
-    Object.assign(error2, { response: raw2 });
-    throw error2;
-  }
-  const res = yield raw2.json();
-  console.debug("POST response:" + JSON.stringify(res, null, 2));
-  return res;
-});
-const redirect = (url3) => {
-  window.location.href = url3;
-};
-const handleSubmitError = (err, node) => {
-  if (err.response) {
-    const code = err.response.status;
-    if (node.props.attrs.errorCodes && code in node.props.attrs.errorCodes) {
-      const value = node.props.attrs.errorCodes[code];
-      let message2 = null;
-      let abort = true;
-      if (typeof value === "string") {
-        message2 = value;
-      } else {
-        if ("message" in value) {
-          message2 = value.message;
-        }
-        if ("abort" in value) {
-          abort = value.abort;
-        }
-      }
-      if (message2) {
-        node.setErrors(message2);
-      }
-      return abort;
-    }
-  }
-  node.setErrors(err.toString());
-  return true;
-};
-const getKey = (d2, path) => {
-  if (typeof path === "string") {
-    path = path.split(".");
-  }
-  return path.reduce((x2, y) => x2[y], d2);
-};
-const keyValOverlap = (o1, o2) => {
-  let result = null;
-  for (var key of Object.keys(o2)) {
-    if (key === "*") {
-      continue;
-    }
-    const o1_value = getKey(o1, key);
-    if (!o1_value) {
-      continue;
-    }
-    if (o2[key][o1_value]) {
-      result = o2[key][o1_value];
-      break;
-    }
-  }
-  if (result === null) {
-    if ("*" in o2) {
-      return o2["*"];
-    }
-    throw Error("result not found and no default specified");
-  }
-  return result;
-};
-const strSubUrl = (str, obj) => str.replace(/\${(.*?)}/g, (x2, g2) => encodeURIComponent(getKey(obj, g2)));
+const autoFocusTypes = [
+  "email",
+  "number",
+  "password",
+  "search",
+  "text",
+  "textarea",
+  "tel",
+  "url"
+];
 function useSteps() {
   const activeStep2 = ref("");
   const steps2 = reactive({});
   let defaultOrder2 = [];
   let stepQueue2 = ref([]);
   let stepHistory2 = ref([]);
-  const lastItem = (x2) => {
-    return x2.value[x2.value.length - 1];
+  const lastItem = (x) => {
+    return x.value[x.value.length - 1];
   };
-  const findFirstInput = (n2) => {
-    for (var i2 = 0; i2 < n2.children.length; i2++) {
-      const child = n2.children[i2];
+  const findFirstInput = (n) => {
+    for (var i2 = 0; i2 < n.children.length; i2++) {
+      const child = n.children[i2];
       if ((child.type === "input" || child.type === "list") && !(child.context.type === "hidden")) {
         return child;
       }
@@ -5655,6 +5689,27 @@ function useSteps() {
     }
     return null;
   };
+  const focusAndOpenKeyboard = (el, timeout) => {
+    if (!timeout) {
+      timeout = 100;
+    }
+    if (el) {
+      var __tempEl__ = document.createElement("input");
+      var coords = getCoords$1(el);
+      __tempEl__.style.position = "absolute";
+      __tempEl__.style.top = coords.top + 7 + "px";
+      __tempEl__.style.left = coords.left + "px";
+      __tempEl__.style.height = 0;
+      __tempEl__.style.opacity = 0;
+      document.body.appendChild(__tempEl__);
+      __tempEl__.focus();
+      setTimeout(function() {
+        el.focus();
+        el.click();
+        document.body.removeChild(__tempEl__);
+      }, timeout);
+    }
+  };
   const firstStep2 = () => {
     if (stepHistory2.value.length > 0) {
       return stepHistory2.value[0];
@@ -5699,8 +5754,8 @@ function useSteps() {
   const setStep2 = ({ nextStep = 1, validate: validate2 = true, autoFocus = true } = {}) => {
     const node = steps2[activeStep2.value].node;
     if (validate2) {
-      node.walk((n2) => {
-        n2.store.set(createMessage$1({
+      node.walk((n) => {
+        n.store.set(createMessage$1({
           key: "submitted",
           value: true,
           visible: false
@@ -5723,14 +5778,15 @@ function useSteps() {
     }
     if (autoFocus) {
       const newNode = steps2[activeStep2.value].node;
-      setTimeout(function() {
-        const firstInput = findFirstInput(newNode);
-        if (!firstInput) {
-          return;
-        }
+      const firstInput = findFirstInput(newNode);
+      if (firstInput && autoFocusTypes.indexOf(firstInput.context.type) > -1) {
         const elem = document.getElementById(firstInput.context.id);
-        elem.focus();
-      }, 400);
+        try {
+          focusAndOpenKeyboard(elem);
+        } catch (e) {
+          console.warn("Failed to autoFocus:", e);
+        }
+      }
     }
     return true;
   };
@@ -5786,7 +5842,7 @@ function useSteps() {
 }
 let { prepopPlugin } = usePrepop();
 let { stepPlugin, steps, stepHistory, stepQueue, enabledSteps, defaultOrder, activeStep, firstStep, lastStep, setStep, setNextStep, setPreviousStep } = useSteps();
-const urlParams$1 = new URLSearchParams(window.location.search);
+const urlParams$2 = new URLSearchParams(window.location.search);
 const dataDefaults = {
   steps,
   activeStep,
@@ -5797,7 +5853,7 @@ const dataDefaults = {
     prepopPlugin
   ],
   urlParam: (name, backup = null) => {
-    return urlParams$1.get(name) || backup;
+    return urlParams$2.get(name) || backup;
   },
   firstStep: () => {
     return firstStep();
@@ -5885,7 +5941,6 @@ const _sfc_main$1 = /* @__PURE__ */ Object.assign(__default__, {
       Object.assign(meta, node.data || {});
     }
     const mergedData = reactive(Object.assign({}, dataDefaults, { meta }, props2.data));
-    console.debug("FormKitSchema data:", mergedData);
     return (_ctx, _cache) => {
       const _component_FormKitSchema = resolveComponent("FormKitSchema");
       return openBlock(), createBlock(_component_FormKitSchema, {
@@ -5921,8 +5976,8 @@ function eq(valA, valB, deep = true, explicit = ["__key"]) {
       return false;
     if (Object.keys(valA).length !== Object.keys(valB).length)
       return false;
-    for (const k2 of explicit) {
-      if ((k2 in valA || k2 in valB) && valA[k2] !== valB[k2])
+    for (const k of explicit) {
+      if ((k in valA || k in valB) && valA[k] !== valB[k])
         return false;
     }
     for (const key in valA) {
@@ -5977,18 +6032,18 @@ function regexForFormat(format2) {
     return regex.replace(format3, formats[format3]);
   }, escaped));
 }
-function isRecord(o2) {
-  return Object.prototype.toString.call(o2) === "[object Object]";
+function isRecord(o) {
+  return Object.prototype.toString.call(o) === "[object Object]";
 }
-function isObject(o2) {
-  return isRecord(o2) || Array.isArray(o2);
+function isObject(o) {
+  return isRecord(o) || Array.isArray(o);
 }
-function isPojo(o2) {
-  if (isRecord(o2) === false)
+function isPojo(o) {
+  if (isRecord(o) === false)
     return false;
-  if (o2.__FKNode__ || o2.__POJO__ === false)
+  if (o.__FKNode__ || o.__POJO__ === false)
     return false;
-  const ctor = o2.constructor;
+  const ctor = o.constructor;
   if (ctor === void 0)
     return true;
   const prot = ctor.prototype;
@@ -6095,7 +6150,7 @@ function parseArgs(str) {
 }
 function except(obj, toRemove) {
   const clean = {};
-  const exps = toRemove.filter((n2) => n2 instanceof RegExp);
+  const exps = toRemove.filter((n) => n instanceof RegExp);
   const keysToRemove = new Set(toRemove);
   for (const key in obj) {
     if (!keysToRemove.has(key) && !exps.some((exp) => exp.test(key))) {
@@ -6106,7 +6161,7 @@ function except(obj, toRemove) {
 }
 function only(obj, include) {
   const clean = {};
-  const exps = include.filter((n2) => n2 instanceof RegExp);
+  const exps = include.filter((n) => n instanceof RegExp);
   include.forEach((key) => {
     if (!(key instanceof RegExp)) {
       clean[key] = obj[key];
@@ -6120,7 +6175,7 @@ function only(obj, include) {
   return clean;
 }
 function camel(str) {
-  return str.replace(/-([a-z0-9])/gi, (_s, g2) => g2.toUpperCase());
+  return str.replace(/-([a-z0-9])/gi, (_s, g) => g.toUpperCase());
 }
 function kebab(str) {
   return str.replace(/([a-z0-9])([A-Z])/g, (_s, trail, cap) => trail + "-" + cap.toLowerCase()).replace(" ", "-").toLowerCase();
@@ -6158,15 +6213,15 @@ function getAt(obj, addr) {
   if (!obj || typeof obj !== "object")
     return null;
   const segments = addr.split(".");
-  let o2 = obj;
+  let o = obj;
   for (const i2 in segments) {
     const segment = segments[i2];
-    if (has(o2, segment)) {
-      o2 = o2[segment];
+    if (has(o, segment)) {
+      o = o[segment];
     }
     if (+i2 === segments.length - 1)
-      return o2;
-    if (!o2 || typeof o2 !== "object")
+      return o;
+    if (!o || typeof o !== "object")
       return null;
   }
   return null;
@@ -6286,7 +6341,7 @@ function bubble(node, _context, event) {
   }
   return node;
 }
-function on$1(_node, context, name, listener) {
+function on(_node, context, name, listener) {
   return context._e.on(name, listener);
 }
 function off(node, context, receipt) {
@@ -6315,18 +6370,18 @@ function error(code, data = {}) {
   throw Error(errorHandler.dispatch({ code, data }).message);
 }
 function createMessage(conf, node) {
-  const m2 = __spreadValues({
+  const m = __spreadValues({
     blocking: false,
     key: token(),
     meta: {},
     type: "state",
     visible: true
   }, conf);
-  if (node && m2.value && m2.meta.localize !== false) {
-    m2.value = node.t(m2);
-    m2.meta.locale = node.config.locale;
+  if (node && m.value && m.meta.localize !== false) {
+    m.value = node.t(m);
+    m.meta.locale = node.config.locale;
   }
-  return m2;
+  return m;
 }
 const storeTraps = {
   apply: applyMessages,
@@ -6395,9 +6450,9 @@ function setMessage(messageStore, store, node, message2) {
         message2.meta.locale = node.props.locale;
       }
     }
-    const e2 = `message-${has(messageStore, message2.key) ? "updated" : "added"}`;
+    const e = `message-${has(messageStore, message2.key) ? "updated" : "added"}`;
     messageStore[message2.key] = Object.freeze(node.hook.message.dispatch(message2));
-    node.emit(e2, message2);
+    node.emit(e, message2);
   }
   return store;
 }
@@ -6415,7 +6470,7 @@ function removeMessage$1(messageStore, store, node, key) {
   }
   if (store.buffer === true) {
     store._b = store._b.filter((buffered) => {
-      buffered[0] = buffered[0].filter((m2) => m2.key !== key);
+      buffered[0] = buffered[0].filter((m) => m.key !== key);
       return buffered[1] || buffered[0].length;
     });
   }
@@ -6470,7 +6525,7 @@ function createMessages(node, ...errors2) {
     value: error2,
     meta: { source: sourceKey, autoClear: true }
   });
-  return errors2.filter((m2) => !!m2).map((errorSet) => {
+  return errors2.filter((m) => !!m).map((errorSet) => {
     if (typeof errorSet === "string")
       errorSet = [errorSet];
     if (Array.isArray(errorSet)) {
@@ -6520,19 +6575,19 @@ function releaseBuffer(_messageStore, store) {
 }
 function createLedger() {
   const ledger = {};
-  let n2;
+  let n;
   return {
-    count: (...args) => createCounter(n2, ledger, ...args),
+    count: (...args) => createCounter(n, ledger, ...args),
     init(node) {
-      n2 = node;
+      n = node;
       node.on("message-added.deep", add(ledger, 1));
       node.on("message-removed.deep", add(ledger, -1));
     },
-    merge: (child) => merge(n2, ledger, child),
+    merge: (child) => merge(n, ledger, child),
     settled(counterName) {
       return has(ledger, counterName) ? ledger[counterName].promise : Promise.resolve();
     },
-    unmerge: (child) => merge(n2, ledger, child, true),
+    unmerge: (child) => merge(n, ledger, child, true),
     value(counterName) {
       return has(ledger, counterName) ? ledger[counterName].count : 0;
     }
@@ -6551,7 +6606,7 @@ function createCounter(node, ledger, counterName, condition, increment = 0) {
       }
     };
     ledger[counterName] = counter;
-    increment = node.store.reduce((sum, m2) => sum + counter.condition(m2) * 1, increment);
+    increment = node.store.reduce((sum, m) => sum + counter.condition(m) * 1, increment);
     node.each((child) => {
       child.ledger.count(counter.name, counter.condition);
       increment += child.ledger.value(counter.name);
@@ -6563,7 +6618,7 @@ function parseCondition(condition) {
   if (typeof condition === "function") {
     return condition;
   }
-  return (m2) => m2.type === condition;
+  return (m) => m.type === condition;
 }
 function count(counter, increment) {
   const initial = counter.count;
@@ -6571,7 +6626,7 @@ function count(counter, increment) {
   counter.count = post;
   if (initial === 0 && post !== 0) {
     counter.node.emit(`unsettled:${counter.name}`, counter.count, false);
-    counter.promise = new Promise((r2) => counter.resolve = r2);
+    counter.promise = new Promise((r) => counter.resolve = r);
   } else if (initial !== 0 && post === 0) {
     counter.node.emit(`settled:${counter.name}`, counter.count, false);
     counter.resolve();
@@ -6580,10 +6635,10 @@ function count(counter, increment) {
   return counter;
 }
 function add(ledger, delta) {
-  return (e2) => {
+  return (e) => {
     for (const name in ledger) {
       const counter = ledger[name];
-      if (counter.condition(e2.payload)) {
+      if (counter.condition(e.payload)) {
         count(counter, delta);
       }
     }
@@ -6654,11 +6709,11 @@ function createConfig$1(options2 = {}) {
     _rm: (node) => node.remove(node)
   });
   const rootConfig = new Proxy(target, {
-    set(t2, prop, value, r2) {
+    set(t, prop, value, r) {
       if (typeof prop === "string") {
         nodes.forEach((node) => configChange(node, prop, value));
       }
-      return Reflect.set(t2, prop, value, r2);
+      return Reflect.set(t, prop, value, r);
     }
   });
   return rootConfig;
@@ -6673,13 +6728,13 @@ function submitForm(id) {
   warn(151, id);
 }
 function clearState(node) {
-  const clear2 = (n2) => {
-    for (const key in n2.store) {
-      const message2 = n2.store[key];
+  const clear2 = (n) => {
+    for (const key in n.store) {
+      const message2 = n.store[key];
       if (message2.type === "error" || message2.type === "ui" && key === "incomplete") {
-        n2.store.remove(key);
+        n.store.remove(key);
       } else if (message2.type === "state") {
-        n2.store.set(__spreadProps(__spreadValues({}, message2), { value: false }));
+        n.store.set(__spreadProps(__spreadValues({}, message2), { value: false }));
       }
     }
   };
@@ -6689,7 +6744,7 @@ function clearState(node) {
 function reset(id, resetTo) {
   const node = typeof id === "string" ? getNode$1(id) : id;
   if (node) {
-    const initial = (n2) => cloneAny(n2.props.initial) || (n2.type === "group" ? {} : n2.type === "list" ? [] : void 0);
+    const initial = (n) => cloneAny(n.props.initial) || (n.type === "group" ? {} : n.type === "list" ? [] : void 0);
     node._e.pause(node);
     node.input(cloneAny(resetTo) || initial(node), false);
     node.walk((child) => child.input(initial(child), false));
@@ -6741,7 +6796,7 @@ const traps = {
   each: trap(eachChild),
   emit: trap(emit$1),
   find: trap(find),
-  on: trap(on$1),
+  on: trap(on),
   off: trap(off),
   parent: trap(false, setParent),
   plugins: trap(false),
@@ -6915,6 +6970,14 @@ function define(node, context, definition) {
     type: node.type,
     value: context.value
   });
+  if (definition.forceTypeProp) {
+    if (node.props.type)
+      node.props.originalType = node.props.type;
+    context.props.type = definition.forceTypeProp;
+  }
+  if (definition.family) {
+    context.props.family = definition.family;
+  }
   if (definition.features) {
     definition.features.forEach((feature) => feature(node));
   }
@@ -7041,7 +7104,7 @@ function walkTree(_node, context, callback, stopIfFalse = false) {
 function resetConfig(node, context) {
   const parent = node.parent || void 0;
   context.config = createConfig(node.config._t, parent);
-  node.walk((n2) => n2.resetConfig());
+  node.walk((n) => n.resetConfig());
 }
 function use(node, context, plugin2, run2 = true, library = true) {
   if (Array.isArray(plugin2) || plugin2 instanceof Set) {
@@ -7119,7 +7182,7 @@ function getNode(node, _context, locator) {
         pointer = node;
         break;
       default:
-        pointer = pointer.children.find((c2) => String(c2.name) === String(name)) || select$2(pointer, name);
+        pointer = pointer.children.find((c) => String(c.name) === String(name)) || select$2(pointer, name);
     }
   }
   return pointer || void 0;
@@ -7142,7 +7205,7 @@ function find(node, _context, searchTerm, searcher) {
   return bfs(node, searchTerm, searcher);
 }
 function bfs(tree, searchValue, searchGoal = "name") {
-  const search = typeof searchGoal === "string" ? (n2) => n2[searchGoal] == searchValue : searchGoal;
+  const search = typeof searchGoal === "string" ? (n) => n[searchGoal] == searchValue : searchGoal;
   const stack = [tree];
   while (stack.length) {
     const node = stack.shift();
@@ -7152,8 +7215,8 @@ function bfs(tree, searchValue, searchGoal = "name") {
   }
   return void 0;
 }
-function getRoot(n2) {
-  let node = n2;
+function getRoot(n) {
+  let node = n;
   while (node.parent) {
     node = node.parent;
   }
@@ -7203,7 +7266,7 @@ function createConfig(target = {}, parent) {
         if (node) {
           node.emit(`config:${prop}`, value, false);
           configChange(node, prop, value);
-          node.walk((n2) => configChange(n2, prop, value), true);
+          node.walk((n) => configChange(n, prop, value), true);
         }
         return didSet;
       }
@@ -7422,36 +7485,36 @@ function sugar(node) {
 function compile(expr) {
   let provideTokens;
   const requirements = /* @__PURE__ */ new Set();
-  const x2 = function expand(operand, tokens) {
+  const x = function expand(operand, tokens) {
     return typeof operand === "function" ? operand(tokens) : operand;
   };
   const operatorRegistry = [
     {
-      "&&": (l2, r2, t2) => x2(l2, t2) && x2(r2, t2),
-      "||": (l2, r2, t2) => x2(l2, t2) || x2(r2, t2)
+      "&&": (l, r, t) => x(l, t) && x(r, t),
+      "||": (l, r, t) => x(l, t) || x(r, t)
     },
     {
-      "===": (l2, r2, t2) => !!(x2(l2, t2) === x2(r2, t2)),
-      "!==": (l2, r2, t2) => !!(x2(l2, t2) !== x2(r2, t2)),
-      "==": (l2, r2, t2) => !!(x2(l2, t2) == x2(r2, t2)),
-      "!=": (l2, r2, t2) => !!(x2(l2, t2) != x2(r2, t2)),
-      ">=": (l2, r2, t2) => !!(x2(l2, t2) >= x2(r2, t2)),
-      "<=": (l2, r2, t2) => !!(x2(l2, t2) <= x2(r2, t2)),
-      ">": (l2, r2, t2) => !!(x2(l2, t2) > x2(r2, t2)),
-      "<": (l2, r2, t2) => !!(x2(l2, t2) < x2(r2, t2))
+      "===": (l, r, t) => !!(x(l, t) === x(r, t)),
+      "!==": (l, r, t) => !!(x(l, t) !== x(r, t)),
+      "==": (l, r, t) => !!(x(l, t) == x(r, t)),
+      "!=": (l, r, t) => !!(x(l, t) != x(r, t)),
+      ">=": (l, r, t) => !!(x(l, t) >= x(r, t)),
+      "<=": (l, r, t) => !!(x(l, t) <= x(r, t)),
+      ">": (l, r, t) => !!(x(l, t) > x(r, t)),
+      "<": (l, r, t) => !!(x(l, t) < x(r, t))
     },
     {
-      "+": (l2, r2, t2) => x2(l2, t2) + x2(r2, t2),
-      "-": (l2, r2, t2) => x2(l2, t2) - x2(r2, t2)
+      "+": (l, r, t) => x(l, t) + x(r, t),
+      "-": (l, r, t) => x(l, t) - x(r, t)
     },
     {
-      "*": (l2, r2, t2) => x2(l2, t2) * x2(r2, t2),
-      "/": (l2, r2, t2) => x2(l2, t2) / x2(r2, t2),
-      "%": (l2, r2, t2) => x2(l2, t2) % x2(r2, t2)
+      "*": (l, r, t) => x(l, t) * x(r, t),
+      "/": (l, r, t) => x(l, t) / x(r, t),
+      "%": (l, r, t) => x(l, t) % x(r, t)
     }
   ];
-  const operatorSymbols = operatorRegistry.reduce((s, g2) => {
-    return s.concat(Object.keys(g2));
+  const operatorSymbols = operatorRegistry.reduce((s, g) => {
+    return s.concat(Object.keys(g));
   }, []);
   const operatorChars = new Set(operatorSymbols.map((key) => key.charAt(0)));
   function getOp(symbols, char, p2, expression) {
@@ -7609,8 +7672,8 @@ function compile(expr) {
     }
     op = !op && left ? left : op;
     if (!op && operand) {
-      op = (v, t2) => {
-        return typeof v === "function" ? v(t2) : v;
+      op = (v, t) => {
+        return typeof v === "function" ? v(t) : v;
       };
       op = op.bind(null, evaluate(operand, step));
     }
@@ -7636,7 +7699,7 @@ function compile(expr) {
           if (tailCall) {
             tailCall = tailCall.provide((subTokens) => {
               const rootTokens = provideTokens(subTokens);
-              const t2 = subTokens.reduce((tokenSet, token2) => {
+              const t = subTokens.reduce((tokenSet, token2) => {
                 const isTail = token2 === tail || (tail === null || tail === void 0 ? void 0 : tail.startsWith(`${token2}(`));
                 if (isTail) {
                   const value = getAt(userFuncReturn, token2);
@@ -7646,7 +7709,7 @@ function compile(expr) {
                 }
                 return tokenSet;
               }, {});
-              return t2;
+              return t;
             });
           }
           return tailCall ? tailCall() : userFuncReturn;
@@ -7729,7 +7792,7 @@ function clearErrors(id, clearChildren = true) {
     warn(652, id);
   }
 }
-const FORMKIT_VERSION = "1.0.0-beta.9";
+const FORMKIT_VERSION = "1.0.0-beta.10";
 function createLibraryPlugin(...libraries) {
   const library = libraries.reduce((merged, lib) => extend(merged, lib), {});
   const plugin2 = () => {
@@ -7746,8 +7809,9 @@ const outer = createSection("outer", () => ({
   $el: "div",
   attrs: {
     key: "$id",
+    "data-family": "$family || undefined",
     "data-type": "$type",
-    "data-multiple": "$attrs.multiple",
+    "data-multiple": '$attrs.multiple || ($type != "select" && $options != undefined) || undefined',
     "data-disabled": "$disabled || undefined",
     "data-complete": "$state.complete || undefined",
     "data-invalid": "$state.valid === false && $state.validationVisible || undefined",
@@ -7852,7 +7916,7 @@ const boxWrapper = createSection("wrapper", () => ({
     "data-disabled": {
       if: "$options.length",
       then: void 0,
-      else: "$disabled"
+      else: "$disabled || undefined"
     }
   }
 }));
@@ -7973,6 +8037,7 @@ const selectInput$1 = createSection("input", () => ({
     disabled: "$disabled",
     class: "$classes.input",
     name: "$node.name",
+    onChange: "$handlers.onChange",
     onInput: "$handlers.selectInput",
     onBlur: "$handlers.blur",
     "aria-describedby": "$describedBy"
@@ -8107,8 +8172,8 @@ function options(node) {
     return next(prop);
   });
 }
-function toggleChecked$1(node, e2) {
-  const el = e2.target;
+function toggleChecked$1(node, e) {
+  const el = e.target;
   if (el instanceof HTMLInputElement) {
     const value = Array.isArray(node.props.options) ? optionValue(node.props.options, el.value) : el.value;
     if (Array.isArray(node.props.options) && node.props.options.length) {
@@ -8182,19 +8247,19 @@ function localize$2(key, value) {
   };
 }
 const isBrowser = typeof window !== "undefined";
-function removeHover(e2) {
-  if (e2.target instanceof HTMLElement && e2.target.hasAttribute("data-file-hover")) {
-    e2.target.removeAttribute("data-file-hover");
+function removeHover(e) {
+  if (e.target instanceof HTMLElement && e.target.hasAttribute("data-file-hover")) {
+    e.target.removeAttribute("data-file-hover");
   }
 }
-function preventStrayDrop(type, e2) {
-  if (!(e2.target instanceof HTMLInputElement)) {
-    e2.preventDefault();
+function preventStrayDrop(type, e) {
+  if (!(e.target instanceof HTMLInputElement)) {
+    e.preventDefault();
   } else if (type === "dragover") {
-    e2.target.setAttribute("data-file-hover", "true");
+    e.target.setAttribute("data-file-hover", "true");
   }
   if (type === "drop") {
-    removeHover(e2);
+    removeHover(e);
   }
 }
 function files(node) {
@@ -8209,14 +8274,14 @@ function files(node) {
       window._FormKit_File_Drop = true;
     }
   }
+  node.hook.input((value, next) => next(Array.isArray(value) ? value : []));
   node.on("created", () => {
-    if (!Array.isArray(node.value)) {
+    if (!Array.isArray(node.value))
       node.input([], false);
-    }
     if (!node.context)
       return;
-    node.context.handlers.resetFiles = (e2) => {
-      e2.preventDefault();
+    node.context.handlers.resetFiles = (e) => {
+      e.preventDefault();
       node.input([]);
       if (node.props.id && isBrowser) {
         const el = document.getElementById(node.props.id);
@@ -8224,13 +8289,13 @@ function files(node) {
           el.value = "";
       }
     };
-    node.context.handlers.files = (e2) => {
+    node.context.handlers.files = (e) => {
       var _a, _b;
       const files2 = [];
-      if (e2.target instanceof HTMLInputElement && e2.target.files) {
-        for (let i2 = 0; i2 < e2.target.files.length; i2++) {
+      if (e.target instanceof HTMLInputElement && e.target.files) {
+        for (let i2 = 0; i2 < e.target.files.length; i2++) {
           let file2;
-          if (file2 = e2.target.files.item(i2)) {
+          if (file2 = e.target.files.item(i2)) {
             files2.push({ name: file2.name, file: file2 });
           }
         }
@@ -8239,7 +8304,7 @@ function files(node) {
       if (node.context)
         node.context.files = files2;
       if (typeof ((_a = node.props.attrs) === null || _a === void 0 ? void 0 : _a.onChange) === "function") {
-        (_b = node.props.attrs) === null || _b === void 0 ? void 0 : _b.onChange(e2);
+        (_b = node.props.attrs) === null || _b === void 0 ? void 0 : _b.onChange(e);
       }
     };
   });
@@ -8248,8 +8313,8 @@ function handleSubmit(node, submitEvent) {
   return __async(this, null, function* () {
     submitEvent.preventDefault();
     yield node.settled;
-    node.walk((n2) => {
-      n2.store.set(createMessage({
+    node.walk((n) => {
+      n.store.set(createMessage({
         key: "submitted",
         value: true,
         visible: false
@@ -8259,6 +8324,9 @@ function handleSubmit(node, submitEvent) {
       node.props.onSubmitRaw(submitEvent, node);
     }
     if (node.ledger.value("blocking")) {
+      if (typeof node.props.onSubmitInvalid === "function") {
+        node.props.onSubmitInvalid(node);
+      }
       if (node.props.incompleteMessage !== false) {
         node.store.set(createMessage({
           blocking: false,
@@ -8354,9 +8422,19 @@ function isSelected(node, option2) {
   const value = optionValue(node.props.options, option2);
   return Array.isArray(node._value) ? node._value.some((optionA) => shouldSelect(optionA, value)) : node.value === void 0 && !option2 || shouldSelect(value, node._value);
 }
-function selectInput(node, e2) {
-  const target = e2.target;
-  const value = target.hasAttribute("multiple") ? Array.from(target.selectedOptions).map((o2) => optionValue(node.props.options, o2.value)) : optionValue(node.props.options, target.value);
+function deferChange(node, e) {
+  return __async(this, null, function* () {
+    var _a;
+    if (typeof ((_a = node.props.attrs) === null || _a === void 0 ? void 0 : _a.onChange) === "function") {
+      yield new Promise((r) => setTimeout(r, 0));
+      yield node.settled;
+      node.props.attrs.onChange(e);
+    }
+  });
+}
+function selectInput(node, e) {
+  const target = e.target;
+  const value = target.hasAttribute("multiple") ? Array.from(target.selectedOptions).map((o) => optionValue(node.props.options, o.value)) : optionValue(node.props.options, target.value);
   node.input(value);
 }
 function applyPlaceholder(options2, placeholder) {
@@ -8405,6 +8483,7 @@ function select$1(node) {
     }
     if ((_b = node.context) === null || _b === void 0 ? void 0 : _b.handlers) {
       node.context.handlers.selectInput = selectInput.bind(null, node);
+      node.context.handlers.onChange = deferChange.bind(null, node);
     }
     if ((_c = node.context) === null || _c === void 0 ? void 0 : _c.fns) {
       node.context.fns.isSelected = isSelected.bind(null, node);
@@ -8513,30 +8592,38 @@ function $root(section) {
 const button = {
   schema: outer(messages(message("$message.value")), wrapper(buttonInput(icon("prefix"), prefix(), buttonLabel("$label || $ui.submit.value"), suffix(), icon("suffix"))), help("$help")),
   type: "input",
+  family: "button",
   props: [],
   features: [localize$2("submit"), ignore]
 };
 const checkbox = {
-  schema: outer($if("$options == undefined", boxWrapper(inner(prefix(), box(), decorator(), suffix()), $if("$label", boxLabel("$label"))), fieldset(legend("$label"), help("$help"), boxOptions(boxOption(boxWrapper(inner(prefix(), $extend(box(), {
+  schema: outer($if("$options == undefined", boxWrapper(inner(prefix(), box(), decorator(icon("decorator")), suffix()), $if("$label", boxLabel("$label"))), fieldset(legend("$label"), help("$help"), boxOptions(boxOption(boxWrapper(inner(prefix(), $extend(box(), {
     bind: "$option.attrs",
     attrs: {
       id: "$option.attrs.id",
       value: "$option.value",
       checked: "$fns.isChecked($option.value)"
     }
-  }), decorator(), suffix()), $if("$option.label", boxLabel("$option.label"))), boxHelp("$option.help"))))), $if("$options.length === 0 && $help", help("$help")), messages(message("$message.value"))),
+  }), decorator(icon("decorator")), suffix()), $if("$option.label", boxLabel("$option.label"))), boxHelp("$option.help"))))), $if("$options == undefined && $help", help("$help")), messages(message("$message.value"))),
   type: "input",
+  family: "box",
   props: ["options", "onValue", "offValue"],
-  features: [options, checkboxes]
+  features: [
+    options,
+    checkboxes,
+    defaultIcon("decorator", "checkboxDecorator")
+  ]
 };
 const file = {
-  schema: outer(wrapper(label("$label"), inner(icon("prefix", "label"), prefix(), fileInput(), fileList(fileItem(icon("fileItem"), fileName("$file.name"), $if("$value.length === 1", fileRemove(icon("fileRemove"), "$ui.remove.value")))), $if("$value.length > 1", fileRemove("$ui.removeAll.value")), noFiles(icon("fileItem"), "$ui.noFiles.value"), suffix(), icon("suffix"))), help("$help"), messages(message("$message.value"))),
+  schema: outer(wrapper(label("$label"), inner(icon("prefix", "label"), prefix(), fileInput(), fileList(fileItem(icon("fileItem"), fileName("$file.name"), $if("$value.length === 1", fileRemove(icon("fileRemove"), "$ui.remove.value")))), $if("$value.length > 1", fileRemove("$ui.removeAll.value")), noFiles(icon("noFiles"), "$ui.noFiles.value"), suffix(), icon("suffix"))), help("$help"), messages(message("$message.value"))),
   type: "input",
+  family: "text",
   props: [],
   features: [
     files,
-    defaultIcon("fileItem", "fileDoc"),
-    defaultIcon("fileRemove", "close")
+    defaultIcon("fileItem", "fileItem"),
+    defaultIcon("fileRemove", "fileRemove"),
+    defaultIcon("noFiles", "noFiles")
   ]
 };
 const form = {
@@ -8571,23 +8658,24 @@ const list$1 = {
   features: [disables]
 };
 const radio = {
-  schema: outer($if("$options == undefined", boxWrapper(inner(prefix(), box(), decorator(), suffix()), $if("$label", boxLabel("$label"))), fieldset(legend("$label"), help("$help"), boxOptions(boxOption(boxWrapper(inner(prefix(), $extend(box(), {
+  schema: outer($if("$options == undefined", boxWrapper(inner(prefix(), box(), decorator(icon("decorator")), suffix()), $if("$label", boxLabel("$label"))), fieldset(legend("$label"), help("$help"), boxOptions(boxOption(boxWrapper(inner(prefix(), $extend(box(), {
     bind: "$option.attrs",
     attrs: {
       id: "$option.attrs.id",
       value: "$option.value",
       checked: "$fns.isChecked($option.value)"
     }
-  }), decorator(), suffix()), $if("$option.label", boxLabel("$option.label"))), boxHelp("$option.help"))))), $if("$options.length === 0 && $help", help("$help")), messages(message("$message.value"))),
+  }), decorator(icon("decorator")), suffix()), $if("$option.label", boxLabel("$option.label"))), boxHelp("$option.help"))))), $if("$options == undefined && $help", help("$help")), messages(message("$message.value"))),
   type: "input",
+  family: "box",
   props: ["options", "onValue", "offValue"],
-  features: [options, radios]
+  features: [options, radios, defaultIcon("decorator", "radioDecorator")]
 };
 const select = {
-  schema: outer(wrapper(label("$label"), inner(icon("prefix"), prefix(), selectInput$1($if("$slots.default", () => "$slots.default", $if("$slots.option", optionSlot, option("$option.label")))), icon("select"), suffix(), icon("suffix"))), help("$help"), messages(message("$message.value"))),
+  schema: outer(wrapper(label("$label"), inner(icon("prefix"), prefix(), selectInput$1($if("$slots.default", () => "$slots.default", $if("$slots.option", optionSlot, option("$option.label")))), $if("$attrs.multiple !== undefined", () => "", icon("select")), suffix(), icon("suffix"))), help("$help"), messages(message("$message.value"))),
   type: "input",
   props: ["options", "placeholder"],
-  features: [options, select$1, defaultIcon("select", "down")]
+  features: [options, select$1, defaultIcon("select", "select")]
 };
 const textarea = {
   schema: outer(wrapper(label("$label"), inner(icon("prefix", "label"), prefix(), textareaInput(), suffix(), icon("suffix"))), help("$help"), messages(message("$message.value"))),
@@ -8598,6 +8686,7 @@ const textarea = {
 const text = {
   schema: outer(wrapper(label("$label"), inner(icon("prefix", "label"), prefix(), textInput(), suffix(), icon("suffix"))), help("$help"), messages(message("$message.value"))),
   type: "input",
+  family: "text",
   props: [],
   features: []
 };
@@ -8671,8 +8760,8 @@ const between = function between2({ value }, from, to) {
     const val = 1 * value;
     from = Number(from);
     to = Number(to);
-    const [a2, b2] = from <= to ? [from, to] : [to, from];
-    return val >= 1 * a2 && val <= 1 * b2;
+    const [a, b] = from <= to ? [from, to] : [to, from];
+    return val >= 1 * a && val <= 1 * b;
   }
   return false;
 };
@@ -8791,7 +8880,7 @@ const url = function url2({ value }, ...stack) {
     const protocols = stack.length ? stack : ["http:", "https:"];
     const url3 = new URL(String(value));
     return protocols.includes(url3.protocol);
-  } catch (e2) {
+  } catch (e) {
     return false;
   }
 };
@@ -9050,7 +9139,7 @@ function run(current, validations, node, state, removeImmediately, complete) {
   if ((!empty(node.value) || !validation.skipEmpty) && (state.isPassing || validation.force)) {
     if (validation.queued) {
       runRule(validation, node, (result) => {
-        result instanceof Promise ? result.then((r2) => next(true, r2)) : next(false, result);
+        result instanceof Promise ? result.then((r) => next(true, r)) : next(false, result);
       });
     } else {
       run(current + 1, validations, node, state, removeImmediately, complete);
@@ -9247,7 +9336,7 @@ function date2(date3) {
 function order(first, second) {
   return Number(first) >= Number(second) ? [second, first] : [first, second];
 }
-const ui$q = {
+const ui$s = {
   add: "Add",
   remove: "Remove",
   removeAll: "Remove all",
@@ -9255,7 +9344,7 @@ const ui$q = {
   submit: "Submit",
   noFiles: "No file chosen"
 };
-const validation$q = {
+const validation$s = {
   accepted({ name }) {
     return `Please accept the ${name}.`;
   },
@@ -9284,8 +9373,8 @@ const validation$q = {
     if (isNaN(args[0]) || isNaN(args[1])) {
       return `This field was configured incorrectly and can\u2019t be submitted.`;
     }
-    const [a2, b2] = order(args[0], args[1]);
-    return `${sentence(name)} must be between ${a2} and ${b2}.`;
+    const [a, b] = order(args[0], args[1]);
+    return `${sentence(name)} must be between ${a} and ${b}.`;
   },
   confirm({ name }) {
     return `${sentence(name)} does not match.`;
@@ -9359,8 +9448,8 @@ const validation$q = {
 };
 var en = /* @__PURE__ */ Object.freeze({
   __proto__: null,
-  ui: ui$q,
-  validation: validation$q
+  ui: ui$s,
+  validation: validation$s
 });
 function createI18nPlugin(registry2) {
   return function i18nPlugin(node) {
@@ -9377,11 +9466,11 @@ function createI18nPlugin(registry2) {
       var _a, _b;
       const key = ((_a = fragment2.meta) === null || _a === void 0 ? void 0 : _a.messageKey) || fragment2.key;
       if (has(locale2, fragment2.type) && has(locale2[fragment2.type], key)) {
-        const t2 = locale2[fragment2.type][key];
-        if (typeof t2 === "function") {
-          fragment2.value = Array.isArray((_b = fragment2.meta) === null || _b === void 0 ? void 0 : _b.i18nArgs) ? t2(...fragment2.meta.i18nArgs) : t2(fragment2);
+        const t = locale2[fragment2.type][key];
+        if (typeof t === "function") {
+          fragment2.value = Array.isArray((_b = fragment2.meta) === null || _b === void 0 ? void 0 : _b.i18nArgs) ? t(...fragment2.meta.i18nArgs) : t(fragment2);
         } else {
-          fragment2.value = t2;
+          fragment2.value = t;
         }
       }
       return next(fragment2);
@@ -9424,10 +9513,14 @@ function generateClasses(classes) {
 }
 function addClassesBySection(node, _sectionKey, classesByType) {
   const type = node.props.type;
+  const family = node.props.family;
   let classList = "";
   if (classesByType.global) {
     classList += classesByType.global + " ";
   }
+  if (classesByType[`family:${family}`]) {
+    classList += classesByType[`family:${family}`] + " ";
+  }
   if (classesByType[type]) {
     classList += classesByType[type];
   }
@@ -9476,8 +9569,8 @@ function createThemePlugin(theme2, icons, iconLoaderUrl, iconLoader) {
           const clickHandlerProp = `on${sectionKey.charAt(0).toUpperCase()}${sectionKey.slice(1)}IconClick`;
           const handlerFunction = node.props[clickHandlerProp];
           if (handlerFunction && typeof handlerFunction === "function") {
-            return (e2) => {
-              return handlerFunction(node, e2);
+            return (e) => {
+              return handlerFunction(node, e);
             };
           }
           return void 0;
@@ -9579,14 +9672,14 @@ function getRemoteIcon(iconName, iconLoaderUrl) {
   const fetchUrl = typeof iconLoaderUrl === "function" ? iconLoaderUrl(iconName) : `https://cdn.jsdelivr.net/npm/@formkit/icons@${formkitVersion}/dist/icons/${iconName}.svg`;
   if (!isClient)
     return void 0;
-  return fetch(`${fetchUrl}`).then((r2) => __async(this, null, function* () {
-    const icon2 = yield r2.text();
+  return fetch(`${fetchUrl}`).then((r) => __async(this, null, function* () {
+    const icon2 = yield r.text();
     if (icon2.startsWith("<svg")) {
       return icon2;
     }
     return void 0;
-  })).catch((e2) => {
-    console.error(e2);
+  })).catch((e) => {
+    console.error(e);
     return void 0;
   });
 }
@@ -9741,25 +9834,25 @@ function parseSchema(library, schema) {
   function parseConditionAttr(attr, _default2) {
     var _a, _b;
     const condition = provider(compile(attr.if));
-    let b2 = () => _default2;
-    let a2 = () => _default2;
+    let b = () => _default2;
+    let a = () => _default2;
     if (typeof attr.then === "object") {
-      a2 = parseAttrs(attr.then, void 0);
+      a = parseAttrs(attr.then, void 0);
     } else if (typeof attr.then === "string" && ((_a = attr.then) === null || _a === void 0 ? void 0 : _a.startsWith("$"))) {
-      a2 = provider(compile(attr.then));
+      a = provider(compile(attr.then));
     } else {
-      a2 = () => attr.then;
+      a = () => attr.then;
     }
     if (has(attr, "else")) {
       if (typeof attr.else === "object") {
-        b2 = parseAttrs(attr.else);
+        b = parseAttrs(attr.else);
       } else if (typeof attr.else === "string" && ((_b = attr.else) === null || _b === void 0 ? void 0 : _b.startsWith("$"))) {
-        b2 = provider(compile(attr.else));
+        b = provider(compile(attr.else));
       } else {
-        b2 = () => attr.else;
+        b = () => attr.else;
       }
     }
-    return () => condition() ? a2() : b2();
+    return () => condition() ? a() : b();
   }
   function parseAttrs(unparsedAttrs, bindExp, _default2 = {}) {
     const explicitAttrs = new Set(Object.keys(unparsedAttrs || {}));
@@ -9801,7 +9894,7 @@ function parseSchema(library, schema) {
       }
     }
     return () => {
-      const attrs = {};
+      const attrs = Array.isArray(unparsedAttrs) ? [] : {};
       setters.forEach((setter) => setter(attrs));
       return attrs;
     };
@@ -9852,8 +9945,8 @@ function parseSchema(library, schema) {
       } else if (Array.isArray(node.children)) {
         children = createElements(library2, node.children);
       } else {
-        const [childCondition, c2, a2] = parseCondition2(library2, node.children);
-        children = (iterationData) => childCondition && childCondition() ? c2 && c2(iterationData) : a2 && a2(iterationData);
+        const [childCondition, c, a] = parseCondition2(library2, node.children);
+        children = (iterationData) => childCondition && childCondition() ? c && c(iterationData) : a && a(iterationData);
       }
     }
     if (isComponent$1(node)) {
@@ -9870,13 +9963,13 @@ function parseSchema(library, schema) {
                 (_a = instanceScopes.get(instanceKey)) === null || _a === void 0 ? void 0 : _a.unshift(slotData2);
               if (iterationData)
                 (_b = instanceScopes.get(instanceKey)) === null || _b === void 0 ? void 0 : _b.unshift(iterationData);
-              const c2 = produceChildren(iterationData);
+              const c = produceChildren(iterationData);
               if (slotData2)
                 (_c = instanceScopes.get(instanceKey)) === null || _c === void 0 ? void 0 : _c.shift();
               if (iterationData)
                 (_d = instanceScopes.get(instanceKey)) === null || _d === void 0 ? void 0 : _d.shift();
               instanceKey = currentKey;
-              return c2;
+              return c;
             }
           };
         };
@@ -9921,7 +10014,7 @@ function parseSchema(library, schema) {
           return children(iterationData);
         const el = resolve2 ? resolveComponent(element) : element;
         const slots = (children === null || children === void 0 ? void 0 : children.slot) ? createSlots(children, iterationData) : null;
-        return h$1(el, attrs(), slots || (children ? children(iterationData) : []));
+        return h(el, attrs(), slots || (children ? children(iterationData) : []));
       }
       return typeof alternate === "function" ? alternate(iterationData) : alternate;
     };
@@ -10027,7 +10120,7 @@ function createRenderFn(instanceCreator, data, instanceKey2) {
     }, {});
   }, instanceKey2);
 }
-let i$3 = 0;
+let i = 0;
 const FormKitSchema = defineComponent({
   name: "FormKitSchema",
   props: {
@@ -10046,14 +10139,14 @@ const FormKitSchema = defineComponent({
   },
   setup(props2, context) {
     const instance = getCurrentInstance();
-    let instanceKey2 = Symbol(String(i$3++));
+    let instanceKey2 = Symbol(String(i++));
     instanceScopes.set(instanceKey2, []);
     let provider = parseSchema(props2.library, props2.schema);
     let render2;
     let data;
     watch$1(() => props2.schema, (newSchema, oldSchema) => {
       var _a;
-      instanceKey2 = Symbol(String(i$3++));
+      instanceKey2 = Symbol(String(i++));
       provider = parseSchema(props2.library, props2.schema);
       render2 = createRenderFn(provider, data, instanceKey2);
       if (newSchema === oldSchema) {
@@ -10148,7 +10241,8 @@ const FormKit = defineComponent({
     "update:modelValue": (_value) => true,
     node: (node) => !!node,
     submit: (_data, _node) => true,
-    submitRaw: (_event, _node) => true
+    submitRaw: (_event, _node) => true,
+    submitInvalid: (_node) => true
   },
   inheritAttrs: false,
   setup(props2, context) {
@@ -10158,7 +10252,7 @@ const FormKit = defineComponent({
     if (node.props.definition.component) {
       return () => {
         var _a;
-        return h$1((_a = node.props.definition) === null || _a === void 0 ? void 0 : _a.component, {
+        return h((_a = node.props.definition) === null || _a === void 0 ? void 0 : _a.component, {
           context: node.context
         }, __spreadValues({}, context.slots));
       };
@@ -10176,7 +10270,7 @@ const FormKit = defineComponent({
     context.emit("node", node);
     const library = node.props.definition.library;
     context.expose({ node });
-    return () => h$1(FormKitSchema, { schema: schema.value, data: node.context, library }, __spreadValues({}, context.slots));
+    return () => h(FormKitSchema, { schema: schema.value, data: node.context, library }, __spreadValues({}, context.slots));
   }
 });
 function createPlugin$4(app, options2) {
@@ -10331,7 +10425,7 @@ function classesToNodeProps(node, props2) {
 function onlyListeners(props2) {
   if (!props2)
     return {};
-  const knownListeners = ["Submit", "SubmitRaw"].reduce((listeners, listener) => {
+  const knownListeners = ["Submit", "SubmitRaw", "SubmitInvalid"].reduce((listeners, listener) => {
     const name = `on${listener}`;
     if (name in props2) {
       if (typeof props2[name] === "function") {
@@ -10516,9 +10610,9 @@ function createInput(schemaOrComponent, definitionOptions = {}) {
   return definition;
 }
 const vueBindings = function vueBindings2(node) {
-  node.ledger.count("blocking", (m2) => m2.blocking);
+  node.ledger.count("blocking", (m) => m.blocking);
   const isValid2 = ref(!node.ledger.value("blocking"));
-  node.ledger.count("errors", (m2) => m2.type === "error");
+  node.ledger.count("errors", (m) => m.type === "error");
   const hasErrors = ref(!!node.ledger.value("errors"));
   let hasTicked = false;
   nextTick(() => {
@@ -10620,18 +10714,18 @@ const vueBindings = function vueBindings2(node) {
       eq
     },
     handlers: {
-      blur: (e2) => {
+      blur: (e) => {
         node.store.set(createMessage({ key: "blurred", visible: false, value: true }));
         if (typeof node.props.attrs.onBlur === "function") {
-          node.props.attrs.onBlur(e2);
+          node.props.attrs.onBlur(e);
         }
       },
       touch: () => {
         node.store.set(createMessage({ key: "dirty", visible: false, value: true }));
       },
-      DOMInput: (e2) => {
-        node.input(e2.target.value);
-        node.emit("dom-input-event", e2);
+      DOMInput: (e) => {
+        node.input(e.target.value);
+        node.emit("dom-input-event", e);
       }
     },
     help: node.props.help,
@@ -10652,6 +10746,7 @@ const vueBindings = function vueBindings2(node) {
       validationVisible
     },
     type: node.props.type,
+    family: node.props.family,
     ui,
     value,
     classes
@@ -10663,6 +10758,7 @@ const vueBindings = function vueBindings2(node) {
       triggerRef(value);
       triggerRef(_value);
     }
+    node.props._init = cloneAny(node.value);
   });
   node.on("settled", ({ payload: isSettled }) => {
     context.state.settled = isSettled;
@@ -10711,7 +10807,7 @@ const vueBindings = function vueBindings2(node) {
     value.value = _value.value = payload;
     triggerRef(value);
     node.emit("modelUpdated");
-    if (!context.state.dirty && node.isCreated && hasTicked)
+    if (!context.state.dirty && node.isCreated && hasTicked && !eq(value.value, node.props._init))
       context.handlers.touch();
     if (isComplete && node.type === "input" && hasErrors.value && !undefine(node.props.preserveErrors)) {
       node.store.filter((message2) => {
@@ -10729,8 +10825,8 @@ const vueBindings = function vueBindings2(node) {
       context.state[message2.key] = !!message2.value;
     }
   });
-  node.on("message-added", (e2) => updateState(e2.payload));
-  node.on("message-updated", (e2) => updateState(e2.payload));
+  node.on("message-added", (e) => updateState(e.payload));
+  node.on("message-updated", (e) => updateState(e.payload));
   node.on("message-removed", ({ payload: message2 }) => {
     delete ui[message2.key];
     delete availableMessages[message2.key];
@@ -10767,6 +10863,7 @@ const defaultConfig = (options2 = {}) => {
   }, !locale2 ? {} : { config: { locale: locale2 } }), nodeOptions || {}, true);
 };
 defineComponent({
+  name: "FormKitIcon",
   props: {
     icon: {
       type: String,
@@ -10813,7 +10910,7 @@ defineComponent({
     }
     return () => {
       if (icon2.value) {
-        return h$1("span", {
+        return h("span", {
           class: "formkit-icon",
           innerHTML: icon2.value
         });
@@ -10910,207 +11007,8 @@ plugin(({ addVariant }) => {
     '[data-message-type="error"]&'
   ]);
 });
-var e = "undefined", o$1 = "object", g$1 = "any", m = "*", j = "__", F$1 = typeof process != "undefined" ? process : {};
-F$1.env && F$1.env.NODE_ENV || "";
-var $ = typeof window != "undefined";
-F$1.versions != null && F$1.versions.node != null;
-typeof Deno != "undefined" && Deno.core !== void 0;
-$ && window.name === "nodejs" || typeof navigator != "undefined" && (navigator.userAgent.includes("Node.js") || navigator.userAgent.includes("jsdom"));
-function M(n2, t2) {
-  return t2.charAt(0)[n2]() + t2.slice(1);
-}
-var U = M.bind(null, "toUpperCase"), H = M.bind(null, "toLowerCase");
-function J(n2) {
-  return Y(n2) ? U("null") : typeof n2 == "object" ? yn(n2) : Object.prototype.toString.call(n2).slice(8, -1);
-}
-function R(n2, t2) {
-  t2 === void 0 && (t2 = true);
-  var e2 = J(n2);
-  return t2 ? H(e2) : e2;
-}
-function V(n2, t2) {
-  return typeof t2 === n2;
-}
-var W = V.bind(null, "function"), q = V.bind(null, "string"), I$1 = V.bind(null, "undefined");
-V.bind(null, "boolean");
-V.bind(null, "symbol");
-function Y(n2) {
-  return n2 === null;
-}
-function nn(n2) {
-  return R(n2) === "number" && !isNaN(n2);
-}
-function on(n2) {
-  if (!un(n2))
-    return false;
-  for (var t2 = n2; Object.getPrototypeOf(t2) !== null; )
-    t2 = Object.getPrototypeOf(t2);
-  return Object.getPrototypeOf(n2) === t2;
-}
-function un(n2) {
-  return n2 && (typeof n2 == "object" || n2 !== null);
-}
-function yn(n2) {
-  return W(n2.constructor) ? n2.constructor.name : null;
-}
-function hn(n2) {
-  return n2 instanceof Error || q(n2.message) && n2.constructor && nn(n2.constructor.stackTraceLimit);
-}
-function On(n2, t2) {
-  if (typeof t2 != "object" || Y(t2))
-    return false;
-  if (t2 instanceof n2)
-    return true;
-  var e2 = R(new n2(""));
-  if (hn(t2))
-    for (; t2; ) {
-      if (R(t2) === e2)
-        return true;
-      t2 = Object.getPrototypeOf(t2);
-    }
-  return false;
-}
-On.bind(null, TypeError);
-On.bind(null, SyntaxError);
-function $n(n2, t2) {
-  var e2 = n2 instanceof Element || n2 instanceof HTMLDocument;
-  return e2 && t2 ? Tn(n2, t2) : e2;
-}
-function Tn(n2, t2) {
-  return t2 === void 0 && (t2 = ""), n2 && n2.nodeName === t2.toUpperCase();
-}
-function _n(n2) {
-  var t2 = [].slice.call(arguments, 1);
-  return function() {
-    return n2.apply(void 0, [].slice.call(arguments).concat(t2));
-  };
-}
-_n($n, "form");
-_n($n, "button");
-_n($n, "input");
-_n($n, "select");
-var l = "global", o = j + "global" + j, n = typeof self === o$1 && self.self === self && self || typeof global === o$1 && global.global === global && global || void 0;
-function a$2(t2) {
-  return n[o][t2];
-}
-function f(t2, e2) {
-  return n[o][t2] = e2;
-}
-function i$2(t2) {
-  delete n[o][t2];
-}
-function u$1(t2, e2, r2) {
-  var l2;
-  try {
-    if (b(t2)) {
-      var o2 = window[t2];
-      l2 = o2[e2].bind(o2);
-    }
-  } catch (t3) {
-  }
-  return l2 || r2;
-}
-n[o] || (n[o] = {});
-var c$1 = {};
-function b(t2) {
-  if (typeof c$1[t2] !== e)
-    return c$1[t2];
-  try {
-    var e$1 = window[t2];
-    e$1.setItem(e, e), e$1.removeItem(e);
-  } catch (e2) {
-    return c$1[t2] = false;
-  }
-  return c$1[t2] = true;
-}
-var t = "cookie", i$1 = a$1(), r$1 = d$1, c = d$1;
-function u(o2) {
-  return i$1 ? d$1(o2, "", -1) : i$2(o2);
-}
-function a$1() {
-  if (i$1 !== void 0)
-    return i$1;
-  var e2 = "cookiecookie";
-  try {
-    d$1(e2, e2), i$1 = document.cookie.indexOf(e2) !== -1, u(e2);
-  } catch (e3) {
-    i$1 = false;
-  }
-  return i$1;
-}
-function d$1(e2, t2, r2, c2, u2, a2) {
-  if (typeof window != "undefined") {
-    var d2 = arguments.length > 1;
-    return i$1 === false && (d2 ? f(e2, t2) : a$2(e2)), d2 ? document.cookie = e2 + "=" + encodeURIComponent(t2) + (r2 ? "; expires=" + new Date(+new Date() + 1e3 * r2).toUTCString() + (c2 ? "; path=" + c2 : "") + (u2 ? "; domain=" + u2 : "") + (a2 ? "; secure" : "") : "") : decodeURIComponent((("; " + document.cookie).split("; " + e2 + "=")[1] || "").split(";")[0]);
-  }
-}
-var r = "localStorage", g = b.bind(null, "localStorage");
-u$1("localStorage", "getItem", a$2);
-u$1("localStorage", "setItem", f);
-u$1("localStorage", "removeItem", i$2);
-var a = "sessionStorage", i = b.bind(null, "sessionStorage");
-u$1("sessionStorage", "getItem", a$2);
-u$1("sessionStorage", "setItem", f);
-u$1("sessionStorage", "removeItem", i$2);
-function I(t2) {
-  var o2 = t2;
-  try {
-    if ((o2 = JSON.parse(t2)) === "true")
-      return true;
-    if (o2 === "false")
-      return false;
-    if (on(o2))
-      return o2;
-    parseFloat(o2) === o2 && (o2 = parseFloat(o2));
-  } catch (t3) {
-  }
-  if (o2 !== null && o2 !== "")
-    return o2;
-}
-var k = g(), O = i(), x = a$1();
-function C(o2, e2) {
-  if (o2) {
-    var r2 = A(e2), a2 = !N(r2), i2 = d(r2) ? I(localStorage.getItem(o2)) : void 0;
-    if (a2 && !I$1(i2))
-      return i2;
-    var n2 = h(r2) ? I(r$1(o2)) : void 0;
-    if (a2 && n2)
-      return n2;
-    var l2 = E(r2) ? I(sessionStorage.getItem(o2)) : void 0;
-    if (a2 && l2)
-      return l2;
-    var u2 = a$2(o2);
-    return a2 ? u2 : { localStorage: i2, sessionStorage: l2, cookie: n2, global: u2 };
-  }
-}
-function L(r$2, a$12, l$1) {
-  if (r$2 && !I$1(a$12)) {
-    var u2 = {}, g2 = A(l$1), m2 = JSON.stringify(a$12), S = !N(g2);
-    return d(g2) && (u2[r] = F(r, a$12, I(localStorage.getItem(r$2))), localStorage.setItem(r$2, m2), S) ? u2[r] : h(g2) && (u2[t] = F(t, a$12, I(r$1(r$2))), c(r$2, m2), S) ? u2[t] : E(g2) && (u2[a] = F(a, a$12, I(sessionStorage.getItem(r$2))), sessionStorage.setItem(r$2, m2), S) ? u2[a] : (u2[l] = F(l, a$12, a$2(r$2)), f(r$2, a$12), S ? u2[l] : u2);
-  }
-}
-function A(t2) {
-  return t2 ? q(t2) ? t2 : t2.storage : g$1;
-}
-function d(t2) {
-  return k && G(t2, r);
-}
-function h(t$1) {
-  return x && G(t$1, t);
-}
-function E(t2) {
-  return O && G(t2, a);
-}
-function N(t2) {
-  return t2 === m || t2 === "all";
-}
-function G(t2, o2) {
-  return t2 === g$1 || t2 === o2 || N(t2);
-}
-function F(t2, o2, e2) {
-  return { location: t2, current: o2, previous: e2 };
-}
-const EXPERIMENT_KEY = "__form_experiments";
+const EXPERIMENT_PREFIX = "_form_experiments_";
+const DEFAULT_TTL_SECS = 60 * 60 * 24 * 30;
 const urlParams = new URLSearchParams(window.location.search);
 const DEBUG = urlParams.get("fdbg");
 function dbg() {
@@ -11127,17 +11025,33 @@ function rollbar(type, msg) {
     }
   }
 }
+function cookie(name, value, ttl, path, samesite, secure, domain) {
+  name = name.replace(/\s/g, "_");
+  var isSet2 = arguments.length > 1;
+  try {
+    if (isSet2) {
+      return document.cookie = name + "=" + encodeURIComponent(value) + (!ttl ? "" : "; expires=" + new Date(+new Date() + ttl * 1e3).toUTCString() + (!path ? "" : "; path=" + path) + (!samesite ? "" : "; SameSite=" + samesite) + (!domain ? "" : "; domain=" + domain) + (!secure ? "" : "; secure"));
+    }
+    return decodeURIComponent((("; " + document.cookie).split("; " + name + "=")[1] || "").split(";")[0]);
+  } catch (e) {
+    console.warn("cookies unsupported");
+    return null;
+  }
+}
 function chooseVariant(exp) {
-  let variant = null, active = {}, fromCache = false;
-  active = C(EXPERIMENT_KEY) || {};
-  if (!exp.noCache && active && active[exp.name]) {
-    variant = active[exp.name];
+  let variant = null, fromCache = false;
+  if (!exp.noCache) {
+    const cookieVal = cookie(EXPERIMENT_PREFIX + exp.name);
+    variant = cookieVal ? JSON.parse(cookieVal) : null;
+  }
+  if (variant && variant.name) {
     fromCache = true;
   } else {
-    const vs = exp.variants;
-    variant = vs[Math.floor(Math.random() * vs.length)];
-    active[exp.name] = variant;
-    L(EXPERIMENT_KEY, active);
+    variant = exp.variants[Math.floor(Math.random() * exp.variants.length)];
+    var ttl = DEFAULT_TTL_SECS;
+    var path = "/";
+    var samesite = "Strict";
+    cookie(EXPERIMENT_PREFIX + exp.name, JSON.stringify(variant), ttl, path, samesite);
   }
   dbg("Chose variant:", variant, "fromCache:", fromCache);
   return { variant, fromCache };
@@ -11170,12 +11084,8 @@ const flattenObj = (obj) => {
 function prepData(formData) {
   const props2 = flattenObj(formData);
   props2.vid = "";
-  props2.sid = "";
-  props2.cid = "";
   if (typeof window.zar !== "undefined") {
     props2.vid = window.zar.getVID();
-    props2.sid = window.zar.getSID();
-    props2.cid = window.zar.getCID();
   }
   const data = {
     post_source: window.location.hostname,
@@ -11200,6 +11110,7 @@ const scrollAnchor = (formNode) => () => {
     const anchor = document.getElementById(anchorId);
     if (anchor) {
       const pos = getCoords(anchor);
+      dbg("scrollTo", pos);
       window.scrollTo(pos.right, pos.top);
     }
   }
@@ -11208,14 +11119,20 @@ const fireStepEvent = (formNode) => (stepResult, stepHistory2, stepQueue2) => {
   if (!stepResult) {
     return;
   }
-  scrollAnchor(formNode)();
   var step_values = null;
-  if (stepHistory2.value.length > 0) {
-    step_values = flattenObj(formNode.value[stepHistory2.value[stepHistory2.value.length - 1]] || {});
+  try {
+    scrollAnchor(formNode)();
+    if (stepHistory2.value.length > 0) {
+      step_values = flattenObj(formNode.value[stepHistory2.value[stepHistory2.value.length - 1]] || {});
+    }
+  } catch (err) {
+    const msg = "failed to prep fireStepEvent: " + err.toString();
+    console.warn(msg);
+    rollbar("warning", msg);
   }
-  const form_id = formNode.attrs.formId || window.location.hostname + "-" + formNode.id;
   if (typeof window._analytics !== "undefined") {
     try {
+      const form_id = formNode.attrs.formId || window.location.hostname + "-" + formNode.id;
       var body = {
         "form_source": "formkit",
         "form_id": form_id,
@@ -11323,12 +11240,12 @@ if (!Object.fromEntries) {
       if (!entries || !entries[Symbol.iterator]) {
         throw new Error("Object.fromEntries() requires a single iterable argument");
       }
-      const o2 = {};
+      const o = {};
       Object.keys(entries).forEach((key) => {
-        const [k2, v] = entries[key];
-        o2[k2] = v;
+        const [k, v] = entries[key];
+        o[k] = v;
       });
-      return o2;
+      return o;
     }
   });
 }
@@ -13155,8 +13072,8 @@ function parseTimezonePattern(pattern, string) {
 function parseAnyDigitsSigned(string, valueCallback) {
   return parseNumericPattern(numericPatterns.anyDigitsSigned, string, valueCallback);
 }
-function parseNDigits(n2, string, valueCallback) {
-  switch (n2) {
+function parseNDigits(n, string, valueCallback) {
+  switch (n) {
     case 1:
       return parseNumericPattern(numericPatterns.singleDigit, string, valueCallback);
     case 2:
@@ -13166,11 +13083,11 @@ function parseNDigits(n2, string, valueCallback) {
     case 4:
       return parseNumericPattern(numericPatterns.fourDigits, string, valueCallback);
     default:
-      return parseNumericPattern(new RegExp("^\\d{1," + n2 + "}"), string, valueCallback);
+      return parseNumericPattern(new RegExp("^\\d{1," + n + "}"), string, valueCallback);
   }
 }
-function parseNDigitsSigned(n2, string, valueCallback) {
-  switch (n2) {
+function parseNDigitsSigned(n, string, valueCallback) {
+  switch (n) {
     case 1:
       return parseNumericPattern(numericPatterns.singleDigitSigned, string, valueCallback);
     case 2:
@@ -13180,7 +13097,7 @@ function parseNDigitsSigned(n2, string, valueCallback) {
     case 4:
       return parseNumericPattern(numericPatterns.fourDigitsSigned, string, valueCallback);
     default:
-      return parseNumericPattern(new RegExp("^-?\\d{1," + n2 + "}"), string, valueCallback);
+      return parseNumericPattern(new RegExp("^-?\\d{1," + n + "}"), string, valueCallback);
   }
 }
 function dayPeriodEnumToHours(enumValue) {
@@ -14422,15 +14339,15 @@ function parse(dirtyDateString, dirtyFormatString, dirtyReferenceDate, dirtyOpti
   }
   var uniquePrioritySetters = setters.map(function(setter2) {
     return setter2.priority;
-  }).sort(function(a2, b2) {
-    return b2 - a2;
+  }).sort(function(a, b) {
+    return b - a;
   }).filter(function(priority, index2, array) {
     return array.indexOf(priority) === index2;
   }).map(function(priority) {
     return setters.filter(function(setter2) {
       return setter2.priority === priority;
-    }).sort(function(a2, b2) {
-      return b2.subPriority - a2.subPriority;
+    }).sort(function(a, b) {
+      return b.subPriority - a.subPriority;
     });
   }).map(function(setterArray) {
     return setterArray[0];
@@ -14587,15 +14504,15 @@ function subYears(dirtyDate, dirtyAmount) {
   return addYears(dirtyDate, -amount);
 }
 function convertToFP(fn, arity) {
-  var a2 = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : [];
-  if (a2.length >= arity) {
-    return fn.apply(null, a2.slice(0, arity).reverse());
+  var a = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : [];
+  if (a.length >= arity) {
+    return fn.apply(null, a.slice(0, arity).reverse());
   }
   return function() {
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    return convertToFP(fn, arity, a2.concat(args));
+    return convertToFP(fn, arity, a.concat(args));
   };
 }
 var formatWithOptions = convertToFP(format, 3);
@@ -15467,7 +15384,7 @@ var script = defineComponent({
       viewShown,
       clearModelValue,
       initialView,
-      log: (e2) => console.log(e2),
+      log: (e) => console.log(e),
       variables
     };
   }
@@ -15585,7 +15502,8 @@ const _sfc_main = {
         modelValue: picked.value,
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => picked.value = $event),
         upperLimit: new Date(),
-        placeholder: "Select a date"
+        placeholder: "YYYY-MM-DD",
+        typeable: false
       }, null, 8, ["modelValue", "upperLimit"]);
     };
   }
@@ -15622,8 +15540,8 @@ const init = () => {
       data.prepData = data.prepData || prepData;
       data.fireStepEvent = data.fireStepEvent || fireStepEvent;
       data.scrollAnchor = data.scrollAnchor || scrollAnchor;
-      data.onEnter = (callback) => (e2) => {
-        if (e2.key === "Enter" || e2.keyCode === 13) {
+      data.onEnter = (callback) => (e) => {
+        if (e.key === "Enter" || e.keyCode === 13) {
           callback();
         }
       };