@bagelink/vue 0.0.95 → 0.0.100

package/dist/index.cjs

@@ -1,5 +1,17 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const Modal = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  get default() {
+    return _sfc_main$F;
+  }
+}, Symbol.toStringTag, { value: "Module" }));
+const ModalForm$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  get default() {
+    return ModalForm;
+  }
+}, Symbol.toStringTag, { value: "Module" }));
 const FormSchema = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   get default() {
@@ -29,7 +41,7 @@ const remove = (arr, el) => {
 };
 const hasOwnProperty$2 = Object.prototype.hasOwnProperty;
 const hasOwn = (val, key) => hasOwnProperty$2.call(val, key);
-const isArray$2 = Array.isArray;
+const isArray$1 = Array.isArray;
 const isMap = (val) => toTypeString(val) === "[object Map]";
 const isSet = (val) => toTypeString(val) === "[object Set]";
 const isDate$1 = (val) => toTypeString(val) === "[object Date]";
@@ -95,7 +107,7 @@ const getGlobalThis = () => {
   return _globalThis || (_globalThis = typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : {});
 };
 function normalizeStyle(value) {
-  if (isArray$2(value)) {
+  if (isArray$1(value)) {
     const res = {};
     for (let i = 0; i < value.length; i++) {
       const item = value[i];
@@ -128,7 +140,7 @@ function normalizeClass(value) {
   let res = "";
   if (isString$1(value)) {
     res = value;
-  } else if (isArray$2(value)) {
+  } else if (isArray$1(value)) {
     for (let i = 0; i < value.length; i++) {
       const normalized = normalizeClass(value[i]);
       if (normalized) {
@@ -166,8 +178,8 @@ function looseEqual(a, b) {
   if (aValidType || bValidType) {
     return a === b;
   }
-  aValidType = isArray$2(a);
-  bValidType = isArray$2(b);
+  aValidType = isArray$1(a);
+  bValidType = isArray$1(b);
   if (aValidType || bValidType) {
     return aValidType && bValidType ? looseCompareArrays(a, b) : false;
   }
@@ -196,7 +208,7 @@ function looseIndexOf(arr, val) {
   return arr.findIndex((item) => looseEqual(item, val));
 }
 const toDisplayString = (val) => {
-  return isString$1(val) ? val : val == null ? "" : isArray$2(val) || isObject$2(val) && (val.toString === objectToString || !isFunction$1(val.toString)) ? JSON.stringify(val, replacer, 2) : String(val);
+  return isString$1(val) ? val : val == null ? "" : isArray$1(val) || isObject$2(val) && (val.toString === objectToString || !isFunction$1(val.toString)) ? JSON.stringify(val, replacer, 2) : String(val);
 };
 const replacer = (_key, val) => {
   if (val && val.__v_isRef) {
@@ -212,7 +224,7 @@ const replacer = (_key, val) => {
     return {
       [`Set(${val.size})`]: [...val.values()]
     };
-  } else if (isObject$2(val) && !isArray$2(val) && !isPlainObject$1(val)) {
+  } else if (isObject$2(val) && !isArray$1(val) && !isPlainObject$1(val)) {
     return String(val);
   }
   return val;
@@ -391,7 +403,7 @@ function trigger(target, type, key, newValue, oldValue, oldTarget) {
   let deps = [];
   if (type === "clear") {
     deps = [...depsMap.values()];
-  } else if (key === "length" && isArray$2(target)) {
+  } else if (key === "length" && isArray$1(target)) {
     const newLength = Number(newValue);
     depsMap.forEach((dep, key2) => {
       if (key2 === "length" || !isSymbol(key2) && key2 >= newLength) {
@@ -404,7 +416,7 @@ function trigger(target, type, key, newValue, oldValue, oldTarget) {
     }
     switch (type) {
       case "add":
-        if (!isArray$2(target)) {
+        if (!isArray$1(target)) {
           deps.push(depsMap.get(ITERATE_KEY));
           if (isMap(target)) {
             deps.push(depsMap.get(MAP_KEY_ITERATE_KEY));
@@ -414,7 +426,7 @@ function trigger(target, type, key, newValue, oldValue, oldTarget) {
         }
         break;
       case "delete":
-        if (!isArray$2(target)) {
+        if (!isArray$1(target)) {
           deps.push(depsMap.get(ITERATE_KEY));
           if (isMap(target)) {
             deps.push(depsMap.get(MAP_KEY_ITERATE_KEY));
@@ -452,7 +464,7 @@ function trigger(target, type, key, newValue, oldValue, oldTarget) {
   }
 }
 function triggerEffects(dep, debuggerEventExtraInfo) {
-  const effects = isArray$2(dep) ? dep : [...dep];
+  const effects = isArray$1(dep) ? dep : [...dep];
   for (const effect2 of effects) {
     if (effect2.computed) {
       triggerEffect(effect2, debuggerEventExtraInfo);
@@ -528,7 +540,7 @@ class BaseReactiveHandler {
     } else if (key === "__v_raw" && receiver === (isReadonly2 ? shallow ? shallowReadonlyMap : readonlyMap : shallow ? shallowReactiveMap : reactiveMap).get(target)) {
       return target;
     }
-    const targetIsArray = isArray$2(target);
+    const targetIsArray = isArray$1(target);
     if (!isReadonly2) {
       if (targetIsArray && hasOwn(arrayInstrumentations, key)) {
         return Reflect.get(arrayInstrumentations, key, receiver);
@@ -570,12 +582,12 @@ class MutableReactiveHandler extends BaseReactiveHandler {
         oldValue = toRaw(oldValue);
         value = toRaw(value);
       }
-      if (!isArray$2(target) && isRef(oldValue) && !isRef(value)) {
+      if (!isArray$1(target) && isRef(oldValue) && !isRef(value)) {
         oldValue.value = value;
         return true;
       }
     }
-    const hadKey = isArray$2(target) && isIntegerKey(key) ? Number(key) < target.length : hasOwn(target, key);
+    const hadKey = isArray$1(target) && isIntegerKey(key) ? Number(key) < target.length : hasOwn(target, key);
     const result = Reflect.set(target, key, value, receiver);
     if (target === toRaw(receiver)) {
       if (!hadKey) {
@@ -606,7 +618,7 @@ class MutableReactiveHandler extends BaseReactiveHandler {
     track(
       target,
       "iterate",
-      isArray$2(target) ? "length" : ITERATE_KEY
+      isArray$1(target) ? "length" : ITERATE_KEY
     );
     return Reflect.ownKeys(target);
   }
@@ -1424,7 +1436,7 @@ function queueFlush() {
   }
 }
 function queuePostFlushCb(cb) {
-  if (!isArray$2(cb)) {
+  if (!isArray$1(cb)) {
     if (!activePostFlushCbs || !activePostFlushCbs.includes(
       cb,
       cb.allowRecurse ? postFlushIndex + 1 : postFlushIndex
@@ -1734,7 +1746,7 @@ function resolve(registry2, name) {
 const isSuspense = (type) => type.__isSuspense;
 function queueEffectWithSuspense(fn, suspense) {
   if (suspense && suspense.pendingBranch) {
-    if (isArray$2(fn)) {
+    if (isArray$1(fn)) {
       suspense.effects.push(...fn);
     } else {
       suspense.effects.push(fn);
@@ -1743,9 +1755,6 @@ function queueEffectWithSuspense(fn, suspense) {
     queuePostFlushCb(fn);
   }
 }
-function watchEffect(effect2, options) {
-  return doWatch(effect2, null, options);
-}
 function watchPostEffect(effect2, options) {
   return doWatch(
     effect2,
@@ -1793,7 +1802,7 @@ function doWatch(source, cb, { immediate, deep, flush, onTrack, onTrigger } = EM
   } else if (isReactive(source)) {
     getter = () => source;
     deep = true;
-  } else if (isArray$2(source)) {
+  } else if (isArray$1(source)) {
     isMultiSource = true;
     forceTrigger = source.some((s) => isReactive(s) || isShallow(s));
     getter = () => source.map((s) => {
@@ -1964,7 +1973,7 @@ function traverse(value, seen) {
   seen.add(value);
   if (isRef(value)) {
     traverse(value.value, seen);
-  } else if (isArray$2(value)) {
+  } else if (isArray$1(value)) {
     for (let i = 0; i < value.length; i++) {
       traverse(value[i], seen);
     }
@@ -2189,7 +2198,7 @@ function resolveTransitionHooks(vnode, props2, state, instance) {
   const callAsyncHook = (hook, args) => {
     const done = args[1];
     callHook2(hook, args);
-    if (isArray$2(hook)) {
+    if (isArray$1(hook)) {
       if (hook.every((hook2) => hook2.length <= 1))
         done();
     } else if (hook.length <= 1) {
@@ -2387,7 +2396,7 @@ const onUnmounted = createHook("um");
 function renderList(source, renderItem, cache, index2) {
   let ret;
   const cached2 = cache && cache[index2];
-  if (isArray$2(source) || isString$1(source)) {
+  if (isArray$1(source) || isString$1(source)) {
     ret = new Array(source.length);
     for (let i = 0, l = source.length; i < l; i++) {
       ret[i] = renderItem(source[i], i, void 0, cached2 && cached2[i]);
@@ -2646,7 +2655,7 @@ function getContext$1() {
   return i.setupContext || (i.setupContext = createSetupContext(i));
 }
 function normalizePropsOrEmits(props2) {
-  return isArray$2(props2) ? props2.reduce(
+  return isArray$1(props2) ? props2.reduce(
     (normalized, p) => (normalized[p] = null, normalized),
     {}
   ) : props2;
@@ -2752,7 +2761,7 @@ function mergeInject(to, from2) {
   return mergeObjectOptions(normalizeInject(to), normalizeInject(from2));
 }
 function normalizeInject(raw) {
-  if (isArray$2(raw)) {
+  if (isArray$1(raw)) {
     const res = {};
     for (let i = 0; i < raw.length; i++) {
       res[raw[i]] = raw[i];
@@ -2769,7 +2778,7 @@ function mergeObjectOptions(to, from2) {
 }
 function mergeEmitsOrPropsOptions(to, from2) {
   if (to) {
-    if (isArray$2(to) && isArray$2(from2)) {
+    if (isArray$1(to) && isArray$1(from2)) {
       return [.../* @__PURE__ */ new Set([...to, ...from2])];
     }
     return extend$4(
@@ -2812,7 +2821,7 @@ const queuePostRenderEffect = queueEffectWithSuspense;
 function traverseStaticChildren(n1, n2, shallow = false) {
   const ch1 = n1.children;
   const ch2 = n2.children;
-  if (isArray$2(ch1) && isArray$2(ch2)) {
+  if (isArray$1(ch1) && isArray$1(ch2)) {
     for (let i = 0; i < ch1.length; i++) {
       const c1 = ch1[i];
       let c2 = ch2[i];
@@ -3267,7 +3276,7 @@ function _createVNode(type, props2 = null, children = null, patchFlag = 0, dynam
       props2.class = normalizeClass(klass);
     }
     if (isObject$2(style)) {
-      if (isProxy(style) && !isArray$2(style)) {
+      if (isProxy(style) && !isArray$1(style)) {
         style = extend$4({}, style);
       }
       props2.style = normalizeStyle(style);
@@ -3312,11 +3321,11 @@ function cloneVNode(vnode, extraProps, mergeRef = false) {
       // #2078 in the case of <component :is="vnode" ref="extra"/>
       // if the vnode itself already has a ref, cloneVNode will need to merge
       // the refs so the single vnode can be set on multiple refs
-      mergeRef && ref3 ? isArray$2(ref3) ? ref3.concat(normalizeRef(extraProps)) : [ref3, normalizeRef(extraProps)] : normalizeRef(extraProps)
+      mergeRef && ref3 ? isArray$1(ref3) ? ref3.concat(normalizeRef(extraProps)) : [ref3, normalizeRef(extraProps)] : normalizeRef(extraProps)
     ) : ref3,
     scopeId: vnode.scopeId,
     slotScopeIds: vnode.slotScopeIds,
-    children: !!(process.env.NODE_ENV !== "production") && patchFlag === -1 && isArray$2(children) ? children.map(deepCloneVNode) : children,
+    children: !!(process.env.NODE_ENV !== "production") && patchFlag === -1 && isArray$1(children) ? children.map(deepCloneVNode) : children,
     target: vnode.target,
     targetAnchor: vnode.targetAnchor,
     staticCount: vnode.staticCount,
@@ -3348,7 +3357,7 @@ function cloneVNode(vnode, extraProps, mergeRef = false) {
 }
 function deepCloneVNode(vnode) {
   const cloned = cloneVNode(vnode);
-  if (isArray$2(vnode.children)) {
+  if (isArray$1(vnode.children)) {
     cloned.children = vnode.children.map(deepCloneVNode);
   }
   return cloned;
@@ -3367,7 +3376,7 @@ function normalizeChildren(vnode, children) {
   const { shapeFlag } = vnode;
   if (children == null) {
     children = null;
-  } else if (isArray$2(children)) {
+  } else if (isArray$1(children)) {
     type = 16;
   } else if (typeof children === "object") {
     if (shapeFlag & (1 | 64)) {
@@ -3421,7 +3430,7 @@ function mergeProps(...args) {
       } else if (isOn(key)) {
         const existing = ret[key];
         const incoming = toMerge[key];
-        if (incoming && existing !== incoming && !(isArray$2(existing) && existing.includes(incoming))) {
+        if (incoming && existing !== incoming && !(isArray$1(existing) && existing.includes(incoming))) {
           ret[key] = existing ? [].concat(existing, incoming) : incoming;
         }
       } else if (key !== "") {
@@ -3502,7 +3511,7 @@ function createSetupContext(instance) {
       if (exposed != null) {
         let exposedType = typeof exposed;
         if (exposedType === "object") {
-          if (isArray$2(exposed)) {
+          if (isArray$1(exposed)) {
             exposedType = "array";
           } else if (isRef(exposed)) {
             exposedType = "ref";
@@ -3593,7 +3602,7 @@ const computed = (getterOrOptions, debugOptions) => {
 function h(type, propsOrChildren, children) {
   const l = arguments.length;
   if (l === 2) {
-    if (isObject$2(propsOrChildren) && !isArray$2(propsOrChildren)) {
+    if (isObject$2(propsOrChildren) && !isArray$1(propsOrChildren)) {
       if (isVNode(propsOrChildren)) {
         return createVNode(type, null, [propsOrChildren]);
       }
@@ -3775,7 +3784,7 @@ function initCustomFormatter() {
   }
   function isKeyOfType(Comp, key, type) {
     const opts = Comp[type];
-    if (isArray$2(opts) && opts.includes(key) || isObject$2(opts) && key in opts) {
+    if (isArray$1(opts) && opts.includes(key) || isObject$2(opts) && key in opts) {
       return true;
     }
     if (Comp.extends && isKeyOfType(Comp.extends, key, type)) {
@@ -3829,14 +3838,14 @@ const TransitionPropsValidators = Transition.props = /* @__PURE__ */ extend$4(
   DOMTransitionPropsValidators
 );
 const callHook = (hook, args = []) => {
-  if (isArray$2(hook)) {
+  if (isArray$1(hook)) {
     hook.forEach((h2) => h2(...args));
   } else if (hook) {
     hook(...args);
   }
 };
 const hasExplicitCallback = (hook) => {
-  return hook ? isArray$2(hook) ? hook.some((h2) => h2.length > 1) : hook.length > 1 : false;
+  return hook ? isArray$1(hook) ? hook.some((h2) => h2.length > 1) : hook.length > 1 : false;
 };
 function resolveTransitionProps(rawProps) {
   const baseProps = {};
@@ -4254,7 +4263,7 @@ function hasCSSTransform(el, root, moveClass) {
 }
 const getModelAssigner = (vnode) => {
   const fn = vnode.props["onUpdate:modelValue"] || false;
-  return isArray$2(fn) ? (value) => invokeArrayFns(fn, value) : fn;
+  return isArray$1(fn) ? (value) => invokeArrayFns(fn, value) : fn;
 };
 function onCompositionStart(e) {
   e.target.composing = true;
@@ -4329,7 +4338,7 @@ const vModelCheckbox = {
       const elementValue = getValue(el);
       const checked = el.checked;
       const assign = el[assignKey];
-      if (isArray$2(modelValue)) {
+      if (isArray$1(modelValue)) {
         const index2 = looseIndexOf(modelValue, elementValue);
         const found2 = index2 !== -1;
         if (checked && !found2) {
@@ -4361,7 +4370,7 @@ const vModelCheckbox = {
 };
 function setChecked(el, { value, oldValue }, vnode) {
   el._modelValue = value;
-  if (isArray$2(value)) {
+  if (isArray$1(value)) {
     el.checked = looseIndexOf(value, vnode.props.value) > -1;
   } else if (isSet(value)) {
     el.checked = value.has(vnode.props.value);
@@ -4413,7 +4422,7 @@ const vModelSelect = {
 };
 function setSelected(el, value) {
   const isMultiple = el.multiple;
-  if (isMultiple && !isArray$2(value) && !isSet(value)) {
+  if (isMultiple && !isArray$1(value) && !isSet(value)) {
     !!(process.env.NODE_ENV !== "production") && warn$1(
       `<select multiple v-model> expects an Array or Set value for its binding, but got ${Object.prototype.toString.call(value).slice(8, -1)}.`
     );
@@ -4423,7 +4432,7 @@ function setSelected(el, value) {
     const option2 = el.options[i];
     const optionValue = getValue(option2);
     if (isMultiple) {
-      if (isArray$2(value)) {
+      if (isArray$1(value)) {
         option2.selected = looseIndexOf(value, optionValue) > -1;
       } else {
         option2.selected = value.has(optionValue);
@@ -4554,7 +4563,7 @@ const kindOfTest = (type) => {
   return (thing) => kindOf(thing) === type;
 };
 const typeOfTest = (type) => (thing) => typeof thing === type;
-const { isArray: isArray$1 } = Array;
+const { isArray } = Array;
 const isUndefined = typeOfTest("undefined");
 function isBuffer(val) {
   return val !== null && !isUndefined(val) && val.constructor !== null && !isUndefined(val.constructor) && isFunction(val.constructor.isBuffer) && val.constructor.isBuffer(val);
@@ -4602,7 +4611,7 @@ function forEach(obj, fn, { allOwnKeys = false } = {}) {
   if (typeof obj !== "object") {
     obj = [obj];
   }
-  if (isArray$1(obj)) {
+  if (isArray(obj)) {
     for (i = 0, l = obj.length; i < l; i++) {
       fn.call(null, obj[i], i, obj);
     }
@@ -4644,7 +4653,7 @@ function merge() {
       result[targetKey] = merge(result[targetKey], val);
     } else if (isPlainObject(val)) {
       result[targetKey] = merge({}, val);
-    } else if (isArray$1(val)) {
+    } else if (isArray(val)) {
       result[targetKey] = val.slice();
     } else {
       result[targetKey] = val;
@@ -4713,7 +4722,7 @@ const endsWith = (str, searchString, position) => {
 const toArray = (thing) => {
   if (!thing)
     return null;
-  if (isArray$1(thing))
+  if (isArray(thing))
     return thing;
   let i = thing.length;
   if (!isNumber(i))
@@ -4795,10 +4804,10 @@ const toObjectSet = (arrayOrString, delimiter) => {
       obj[value] = true;
     });
   };
-  isArray$1(arrayOrString) ? define2(arrayOrString) : define2(String(arrayOrString).split(delimiter));
+  isArray(arrayOrString) ? define2(arrayOrString) : define2(String(arrayOrString).split(delimiter));
   return obj;
 };
-const noop$1 = () => {
+const noop = () => {
 };
 const toFiniteNumber = (value, defaultValue) => {
   value = +value;
@@ -4831,7 +4840,7 @@ const toJSONObject = (obj) => {
       }
       if (!("toJSON" in source)) {
         stack2[i] = source;
-        const target = isArray$1(source) ? [] : {};
+        const target = isArray(source) ? [] : {};
         forEach(source, (value, key) => {
           const reducedValue = visit(value, i + 1);
           !isUndefined(reducedValue) && (target[key] = reducedValue);
@@ -4847,7 +4856,7 @@ const toJSONObject = (obj) => {
 const isAsyncFn = kindOfTest("AsyncFunction");
 const isThenable = (thing) => thing && (isObject$1(thing) || isFunction(thing)) && isFunction(thing.then) && isFunction(thing.catch);
 const utils$1 = {
-  isArray: isArray$1,
+  isArray,
   isArrayBuffer,
   isBuffer,
   isFormData,
@@ -4888,7 +4897,7 @@ const utils$1 = {
   freezeMethods,
   toObjectSet,
   toCamelCase,
-  noop: noop$1,
+  noop,
   toFiniteNumber,
   findKey,
   global: _global,
@@ -6796,6 +6805,117 @@ const BagelVue = {
     app.provide(bagelInjectionKey, bagel);
   }
 };
+const ModalSymbol = Symbol("modal");
+const useModal = () => {
+  const modalApi = inject(ModalSymbol);
+  if (!modalApi)
+    throw new Error("Modal API not provided");
+  return modalApi;
+};
+const ModalPlugin = {
+  install: (app) => {
+    const modalStack = ref([]);
+    const showModal = (isForm, options, slots = {}) => {
+      modalStack.value.push({
+        modalOptions: options,
+        isModalForm: isForm,
+        componentSlots: slots
+      });
+    };
+    const hideModal = (index2) => {
+      modalStack.value.splice(index2, 1);
+    };
+    app.provide(ModalSymbol, {
+      modalForm: (options, slots) => showModal(true, options, slots),
+      showModal: (options, slots) => showModal(false, options, slots),
+      hideModal: (index2 = modalStack.value.length - 1) => hideModal(index2)
+      // modalOptions,
+    });
+    const ModalComponent = /* @__PURE__ */ defineComponent({
+      data() {
+        return {
+          modalStack
+        };
+      },
+      render() {
+        return modalStack.value.map((modal, index2) => {
+          const renderComponent = modal.isModalForm ? ModalForm$1 : Modal;
+          return h(
+            renderComponent,
+            {
+              ...modal.modalOptions,
+              "onUpdate:isModalVisible": () => hideModal(index2)
+            },
+            modal.componentSlots
+          );
+        });
+      }
+    });
+    app.component("ModalContainer", ModalComponent);
+  }
+};
+function formatString(str, format) {
+  if (format === "titleCase") {
+    return str.split("_").map((word) => word[0].toUpperCase() + word.slice(1).toLocaleLowerCase()).join(" ");
+  }
+  if (format === "pascal") {
+    return str.split("_").map((word) => word[0].toUpperCase() + word.slice(1).toLocaleLowerCase()).join("");
+  }
+  if (format === "camel") {
+    return str.split("_").map((word, index2) => index2 === 0 ? word : word[0].toUpperCase() + word.slice(1)).join("");
+  }
+  if (format === "snake") {
+    return str.split("").map((letter) => {
+      if (letter === letter.toUpperCase()) {
+        return `_${letter.toLowerCase()}`;
+      }
+      return letter;
+    }).join("");
+  }
+  return str;
+}
+let timeout;
+const debounce = (fn, delay = 500) => {
+  clearTimeout(timeout);
+  timeout = setTimeout(fn, delay);
+};
+const keyToLabel = (key) => key.split("_").map((k) => k.charAt(0).toUpperCase() + k.slice(1)).join(" ");
+function computeFields(modelValue) {
+  const fields = [];
+  for (const key of Object.keys(modelValue)) {
+    const field = {
+      label: keyToLabel(key),
+      id: key,
+      inputType: "PlainText"
+    };
+    if (typeof modelValue[key] === "string")
+      field.inputType = "PlainText";
+    if (typeof modelValue[key] === "number")
+      field.inputType = "NumberInput";
+    if (modelValue[key] === true || modelValue[key] === false)
+      field.inputType = "CheckInput";
+    if (modelValue[key] instanceof Date || !Number.isNaN(Date.parse(modelValue[key])))
+      field.inputType = "DateInput";
+    fields.push(field);
+  }
+  return fields;
+}
+const copyText = async (text2, cb) => {
+  await navigator.clipboard.writeText(text2);
+  if (cb)
+    cb("Copied to clipboard");
+};
+const useFormkit = () => {
+  const formkit = inject("FormKitConfig");
+  return formkit;
+};
+const initials = (...strArr) => strArr.map((str) => str == null ? void 0 : str.charAt(0)).join("");
+const parseLocale = (str, $t = (_str) => _str) => {
+  const [_, w] = str.split(/\$t\('?"?|'?"?\)/);
+  if (!w)
+    return str;
+  return $t(w);
+};
 const _hoisted_1$F = { ref: "el" };
 const _sfc_main$K = /* @__PURE__ */ defineComponent({
   __name: "LangText",
@@ -19030,195 +19150,6 @@ const MaterialIcon = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.define
   __proto__: null,
   default: _sfc_main$I
 }, Symbol.toStringTag, { value: "Module" }));
-/*!
-  * vue-router v4.2.5
-  * (c) 2023 Eduardo San Martin Morote
-  * @license MIT
-  */
-const isBrowser = typeof window !== "undefined";
-const noop = () => {
-};
-const isArray = Array.isArray;
-function isSameRouteRecord(a, b) {
-  return (a.aliasOf || a) === (b.aliasOf || b);
-}
-function isSameRouteLocationParams(a, b) {
-  if (Object.keys(a).length !== Object.keys(b).length)
-    return false;
-  for (const key in a) {
-    if (!isSameRouteLocationParamsValue(a[key], b[key]))
-      return false;
-  }
-  return true;
-}
-function isSameRouteLocationParamsValue(a, b) {
-  return isArray(a) ? isEquivalentArray(a, b) : isArray(b) ? isEquivalentArray(b, a) : a === b;
-}
-function isEquivalentArray(a, b) {
-  return isArray(b) ? a.length === b.length && a.every((value, i) => value === b[i]) : a.length === 1 && a[0] === b;
-}
-var NavigationType;
-(function(NavigationType2) {
-  NavigationType2["pop"] = "pop";
-  NavigationType2["push"] = "push";
-})(NavigationType || (NavigationType = {}));
-var NavigationDirection;
-(function(NavigationDirection2) {
-  NavigationDirection2["back"] = "back";
-  NavigationDirection2["forward"] = "forward";
-  NavigationDirection2["unknown"] = "";
-})(NavigationDirection || (NavigationDirection = {}));
-Symbol(process.env.NODE_ENV !== "production" ? "navigation failure" : "");
-var NavigationFailureType;
-(function(NavigationFailureType2) {
-  NavigationFailureType2[NavigationFailureType2["aborted"] = 4] = "aborted";
-  NavigationFailureType2[NavigationFailureType2["cancelled"] = 8] = "cancelled";
-  NavigationFailureType2[NavigationFailureType2["duplicated"] = 16] = "duplicated";
-})(NavigationFailureType || (NavigationFailureType = {}));
-Symbol(process.env.NODE_ENV !== "production" ? "router view location matched" : "");
-Symbol(process.env.NODE_ENV !== "production" ? "router view depth" : "");
-const routerKey = Symbol(process.env.NODE_ENV !== "production" ? "router" : "");
-const routeLocationKey = Symbol(process.env.NODE_ENV !== "production" ? "route location" : "");
-Symbol(process.env.NODE_ENV !== "production" ? "router view location" : "");
-function useLink(props2) {
-  const router = inject(routerKey);
-  const currentRoute = inject(routeLocationKey);
-  const route = computed(() => router.resolve(unref(props2.to)));
-  const activeRecordIndex = computed(() => {
-    const { matched } = route.value;
-    const { length } = matched;
-    const routeMatched = matched[length - 1];
-    const currentMatched = currentRoute.matched;
-    if (!routeMatched || !currentMatched.length)
-      return -1;
-    const index2 = currentMatched.findIndex(isSameRouteRecord.bind(null, routeMatched));
-    if (index2 > -1)
-      return index2;
-    const parentRecordPath = getOriginalPath(matched[length - 2]);
-    return (
-      // we are dealing with nested routes
-      length > 1 && // if the parent and matched route have the same path, this link is
-      // referring to the empty child. Or we currently are on a different
-      // child of the same parent
-      getOriginalPath(routeMatched) === parentRecordPath && // avoid comparing the child with its parent
-      currentMatched[currentMatched.length - 1].path !== parentRecordPath ? currentMatched.findIndex(isSameRouteRecord.bind(null, matched[length - 2])) : index2
-    );
-  });
-  const isActive = computed(() => activeRecordIndex.value > -1 && includesParams(currentRoute.params, route.value.params));
-  const isExactActive = computed(() => activeRecordIndex.value > -1 && activeRecordIndex.value === currentRoute.matched.length - 1 && isSameRouteLocationParams(currentRoute.params, route.value.params));
-  function navigate(e = {}) {
-    if (guardEvent(e)) {
-      return router[unref(props2.replace) ? "replace" : "push"](
-        unref(props2.to)
-        // avoid uncaught errors are they are logged anyway
-      ).catch(noop);
-    }
-    return Promise.resolve();
-  }
-  if ((process.env.NODE_ENV !== "production" || false) && isBrowser) {
-    const instance = getCurrentInstance();
-    if (instance) {
-      const linkContextDevtools = {
-        route: route.value,
-        isActive: isActive.value,
-        isExactActive: isExactActive.value
-      };
-      instance.__vrl_devtools = instance.__vrl_devtools || [];
-      instance.__vrl_devtools.push(linkContextDevtools);
-      watchEffect(() => {
-        linkContextDevtools.route = route.value;
-        linkContextDevtools.isActive = isActive.value;
-        linkContextDevtools.isExactActive = isExactActive.value;
-      }, { flush: "post" });
-    }
-  }
-  return {
-    route,
-    href: computed(() => route.value.href),
-    isActive,
-    isExactActive,
-    navigate
-  };
-}
-const RouterLinkImpl = /* @__PURE__ */ defineComponent({
-  name: "RouterLink",
-  compatConfig: { MODE: 3 },
-  props: {
-    to: {
-      type: [String, Object],
-      required: true
-    },
-    replace: Boolean,
-    activeClass: String,
-    // inactiveClass: String,
-    exactActiveClass: String,
-    custom: Boolean,
-    ariaCurrentValue: {
-      type: String,
-      default: "page"
-    }
-  },
-  useLink,
-  setup(props2, { slots }) {
-    const link = reactive(useLink(props2));
-    const { options } = inject(routerKey);
-    const elClass = computed(() => ({
-      [getLinkClass(props2.activeClass, options.linkActiveClass, "router-link-active")]: link.isActive,
-      // [getLinkClass(
-      //   props.inactiveClass,
-      //   options.linkInactiveClass,
-      //   'router-link-inactive'
-      // )]: !link.isExactActive,
-      [getLinkClass(props2.exactActiveClass, options.linkExactActiveClass, "router-link-exact-active")]: link.isExactActive
-    }));
-    return () => {
-      const children = slots.default && slots.default(link);
-      return props2.custom ? children : h("a", {
-        "aria-current": link.isExactActive ? props2.ariaCurrentValue : null,
-        href: link.href,
-        // this would override user added attrs but Vue will still add
-        // the listener, so we end up triggering both
-        onClick: link.navigate,
-        class: elClass.value
-      }, children);
-    };
-  }
-});
-const RouterLink = RouterLinkImpl;
-function guardEvent(e) {
-  if (e.metaKey || e.altKey || e.ctrlKey || e.shiftKey)
-    return;
-  if (e.defaultPrevented)
-    return;
-  if (e.button !== void 0 && e.button !== 0)
-    return;
-  if (e.currentTarget && e.currentTarget.getAttribute) {
-    const target = e.currentTarget.getAttribute("target");
-    if (/\b_blank\b/i.test(target))
-      return;
-  }
-  if (e.preventDefault)
-    e.preventDefault();
-  return true;
-}
-function includesParams(outer2, inner2) {
-  for (const key in inner2) {
-    const innerValue = inner2[key];
-    const outerValue = outer2[key];
-    if (typeof innerValue === "string") {
-      if (innerValue !== outerValue)
-        return false;
-    } else {
-      if (!isArray(outerValue) || outerValue.length !== innerValue.length || innerValue.some((value, i) => value !== outerValue[i]))
-        return false;
-    }
-  }
-  return true;
-}
-function getOriginalPath(record) {
-  return record ? record.aliasOf ? record.aliasOf.path : record.path : "";
-}
-const getLinkClass = (propClass, globalClass, defaultClass) => propClass != null ? propClass : globalClass != null ? globalClass : defaultClass;
 const _hoisted_1$D = /* @__PURE__ */ createBaseVNode("div", { class: "icon-font top-arrow" }, " chevron_right ", -1);
 const _hoisted_2$z = [
   _hoisted_1$D
@@ -19240,6 +19171,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const isOpen = ref(true);
     return (_ctx, _cache) => {
+      const _component_RouterLink = resolveComponent("RouterLink");
       return openBlock(), createElementBlock("div", {
         class: normalizeClass({ open: isOpen.value, closed: !isOpen.value })
       }, [
@@ -19256,7 +19188,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
           createBaseVNode("div", _hoisted_4$i, [
             createBaseVNode("div", _hoisted_5$e, [
               (openBlock(true), createElementBlock(Fragment$1, null, renderList(_ctx.links, (link) => {
-                return openBlock(), createBlock(unref(RouterLink), {
+                return openBlock(), createBlock(_component_RouterLink, {
                   class: "nav-button",
                   to: link.to,
                   key: link.label
@@ -19353,7 +19285,7 @@ const _export_sfc = (sfc, props2) => {
   }
   return target;
 };
-const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-aec5db19"]]);
+const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-b94d75fb"]]);
 const Btn$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: Btn
@@ -19416,10 +19348,6 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Modal = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: _sfc_main$F
-}, Symbol.toStringTag, { value: "Module" }));
 const _withScopeId$2 = (n) => (pushScopeId("data-v-f7af54ed"), n = n(), popScopeId(), n);
 const _hoisted_1$A = { class: "bar-chart" };
 const _hoisted_2$w = {
@@ -19590,68 +19518,6 @@ const DropDown = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProp
   __proto__: null,
   default: _sfc_main$D
 }, Symbol.toStringTag, { value: "Module" }));
-function formatString(str, format) {
-  if (format === "titleCase") {
-    return str.split("_").map((word) => word[0].toUpperCase() + word.slice(1).toLocaleLowerCase()).join(" ");
-  }
-  if (format === "pascal") {
-    return str.split("_").map((word) => word[0].toUpperCase() + word.slice(1).toLocaleLowerCase()).join("");
-  }
-  if (format === "camel") {
-    return str.split("_").map((word, index2) => index2 === 0 ? word : word[0].toUpperCase() + word.slice(1)).join("");
-  }
-  if (format === "snake") {
-    return str.split("").map((letter) => {
-      if (letter === letter.toUpperCase()) {
-        return `_${letter.toLowerCase()}`;
-      }
-      return letter;
-    }).join("");
-  }
-  return str;
-}
-let timeout;
-const debounce = (fn, delay = 500) => {
-  clearTimeout(timeout);
-  timeout = setTimeout(fn, delay);
-};
-const keyToLabel = (key) => key.split("_").map((k) => k.charAt(0).toUpperCase() + k.slice(1)).join(" ");
-function computeFields(modelValue) {
-  const fields = [];
-  for (const key of Object.keys(modelValue)) {
-    const field = {
-      label: keyToLabel(key),
-      id: key,
-      inputType: "PlainText"
-    };
-    if (typeof modelValue[key] === "string")
-      field.inputType = "PlainText";
-    if (typeof modelValue[key] === "number")
-      field.inputType = "NumberInput";
-    if (modelValue[key] === true || modelValue[key] === false)
-      field.inputType = "CheckInput";
-    if (modelValue[key] instanceof Date || !Number.isNaN(Date.parse(modelValue[key])))
-      field.inputType = "DateInput";
-    fields.push(field);
-  }
-  return fields;
-}
-const copyText = async (text2, cb) => {
-  await navigator.clipboard.writeText(text2);
-  if (cb)
-    cb("Copied to clipboard");
-};
-const useFormkit = () => {
-  const formkit = inject("FormKitConfig");
-  return formkit;
-};
-const initials = (...strArr) => strArr.map((str) => str == null ? void 0 : str.charAt(0)).join("");
-const parseLocale = (str, $t = (_str) => _str) => {
-  const [_, w] = str.split(/\$t\('?"?|'?"?\)/);
-  if (!w)
-    return str;
-  return $t(w);
-};
 const _hoisted_1$y = { class: "card list-view grid thin" };
 const _hoisted_2$u = { class: "list-header flex gap-3 align-items-top" };
 const _hoisted_3$r = {
@@ -19926,7 +19792,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Comments = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-7736e5b9"]]);
+const Comments = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-10f58b91"]]);
 const Comments$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: Comments
@@ -20043,11 +19909,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ModalForm = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-58e23976"]]);
-const ModalForm$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: ModalForm
-}, Symbol.toStringTag, { value: "Module" }));
+const ModalForm = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-d04a51e8"]]);
 const _hoisted_1$s = ["title"];
 const _hoisted_2$o = ["for"];
 const _hoisted_3$n = ["id", "placeholder", "required", "pattern"];
@@ -20170,7 +20032,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const DataPreview = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-db194f6c"]]);
+const DataPreview = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-f006fc35"]]);
 const DataPreview$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: DataPreview
@@ -20368,7 +20230,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-cb4dabf7"]]);
+const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-5c5ba615"]]);
 const TableSchema$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: TableSchema
@@ -20456,55 +20318,6 @@ const ContactSubmissions = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.
   __proto__: null,
   default: _sfc_main$q
 }, Symbol.toStringTag, { value: "Module" }));
-const ModalSymbol = Symbol("modal");
-const useModal = () => {
-  const modalApi = inject(ModalSymbol);
-  if (!modalApi)
-    throw new Error("Modal API not provided");
-  return modalApi;
-};
-const ModalPlugin = {
-  install: (app) => {
-    const modalStack = ref([]);
-    const showModal = (isForm, options, slots = {}) => {
-      modalStack.value.push({
-        modalOptions: options,
-        isModalForm: isForm,
-        componentSlots: slots
-      });
-    };
-    const hideModal = (index2) => {
-      modalStack.value.splice(index2, 1);
-    };
-    app.provide(ModalSymbol, {
-      modalForm: (options, slots) => showModal(true, options, slots),
-      showModal: (options, slots) => showModal(false, options, slots),
-      hideModal: (index2 = modalStack.value.length - 1) => hideModal(index2)
-      // modalOptions,
-    });
-    const ModalComponent = /* @__PURE__ */ defineComponent({
-      data() {
-        return {
-          modalStack
-        };
-      },
-      render() {
-        return modalStack.value.map((modal, index2) => {
-          const renderComponent = modal.isModalForm ? ModalForm$1 : Modal;
-          return h(
-            renderComponent,
-            {
-              ...modal.modalOptions,
-              "onUpdate:isModalVisible": () => hideModal(index2)
-            },
-            modal.componentSlots
-          );
-        });
-      }
-    });
-    app.component("ModalContainer", ModalComponent);
-  }
-};
 const explicitKeys = [
   "__key",
   "__init",
@@ -21799,7 +21612,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-19e44daf"]]);
+const Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-5f3ff6ea"]]);
 const _hoisted_1$m = { class: "bagel-input" };
 const _hoisted_2$l = { class: "mt-1" };
 const _hoisted_3$k = {
@@ -21945,7 +21758,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ContactArrayFormKit = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-c078d5ac"]]);
+const ContactArrayFormKit = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-438c5b36"]]);
 const _hoisted_1$l = { class: "bagel-input" };
 const _hoisted_2$k = { class: "mt-1" };
 const _hoisted_3$j = {
@@ -22118,7 +21931,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const AddressArray = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-f3464e6e"]]);
+const AddressArray = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-0ec6633e"]]);
 const _hoisted_1$k = { class: "bagel-input" };
 const _hoisted_2$j = { class: "mt-1" };
 const _hoisted_3$i = {
@@ -22324,7 +22137,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const BankDetailsArray = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-962f5ddb"]]);
+const BankDetailsArray = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-277091e1"]]);
 const _hoisted_1$j = { class: "misc-wrap" };
 const _sfc_main$l = /* @__PURE__ */ defineComponent({
   __name: "MiscFields",
@@ -22371,7 +22184,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const MiscFieldsBtns = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-6f2d6ed0"]]);
+const MiscFieldsBtns = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-bac6c2ee"]]);
 const _withScopeId$1 = (n) => (pushScopeId("data-v-d12598ff"), n = n(), popScopeId(), n);
 const _hoisted_1$i = ["title"];
 const _hoisted_2$i = { class: "switch" };
@@ -22834,7 +22647,7 @@ const ToggleSwitch = createInput(Toggle);
 const FileUpload = createInput(_sfc_main$j);
 const TextVariables = createInput(_sfc_main$h);
 const PersonPreview = createInput(_sfc_main$i);
-const _withScopeId = (n) => (pushScopeId("data-v-590e33ed"), n = n(), popScopeId(), n);
+const _withScopeId = (n) => (pushScopeId("data-v-69f0d857"), n = n(), popScopeId(), n);
 const _hoisted_1$f = ["title"];
 const _hoisted_2$f = ["for"];
 const _hoisted_3$e = { class: "switch" };
@@ -22889,7 +22702,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const CheckInput = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-590e33ed"]]);
+const CheckInput = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-69f0d857"]]);
 const CheckInput$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: CheckInput
@@ -23015,7 +22828,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const CurrencyInput = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-fb02d200"]]);
+const CurrencyInput = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-17a56a3f"]]);
 const CurrencyInput$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: CurrencyInput
@@ -23061,7 +22874,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const DateInput = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-e7f1b3f2"]]);
+const DateInput = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-782aee7f"]]);
 const DateInput$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: DateInput
@@ -23328,9 +23141,9 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   emits: ["update:modelValue", "selected"],
   setup(__props, { emit: __emit }) {
     useCssVars((_ctx) => ({
-      "389c1e7f": left.value,
-      "858a201e": `${top.value}px`,
-      "48f70364": width.value
+      "db4af1b6": left.value,
+      "25d5c417": `${top.value}px`,
+      "8cd9ab30": width.value
     }));
     const props2 = __props;
     const showList = ref(false);
@@ -23482,7 +23295,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LinkField = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-9ea2d30f"]]);
+const LinkField = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-947beb38"]]);
 const LinkField$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: LinkField
@@ -23605,7 +23418,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Password = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-ba45b5bf"]]);
+const Password = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-800f4000"]]);
 const Password$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: Password
@@ -23631,7 +23444,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ReadOnlyInput = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-1f87e7f9"]]);
+const ReadOnlyInput = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-b3b5a368"]]);
 const ReadOnlyInput$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: ReadOnlyInput
@@ -23670,9 +23483,9 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   emits: ["update:modelValue", "selected"],
   setup(__props, { emit: __emit }) {
     useCssVars((_ctx) => ({
-      "1a04bb0f": left.value,
-      "03803efe": `${top.value}px`,
-      "272f73be": width.value
+      "1c3856b2": left.value,
+      "62aaf5e4": `${top.value}px`,
+      "6b6f4c7b": width.value
     }));
     const selectEl = ref();
     const dropdown = ref();
@@ -23808,7 +23621,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const SelectField = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-6e9ccd80"]]);
+const SelectField = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-028ea61b"]]);
 const SelectField$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: SelectField
@@ -26544,7 +26357,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TableField = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-570a76ab"]]);
+const TableField = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-b01223bc"]]);
 const TableField$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: TableField