x-prop-tree 0.4.4 → 0.4.5

package/dist/components/propTree/select/index.vue.d.ts

@@ -1,5 +1,9 @@
 interface Props {
     readonly?: boolean;
+    items: {
+        title: string;
+        value: string;
+    }[];
 }
 declare let __VLS_typeProps: Props;
 type __VLS_PublicProps = {

package/dist/index.js

@@ -1,10 +1,10 @@
 (function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.id="x-prop-tree",e.appendChild(document.createTextNode('.v-icon{--v-icon-size-multiplier: 1;align-items:center;display:inline-flex;font-feature-settings:"liga";height:1em;justify-content:center;letter-spacing:normal;line-height:1;position:relative;text-indent:0;text-align:center;-webkit-user-select:none;user-select:none;vertical-align:middle;width:1em;min-width:1em}.v-icon--clickable{cursor:pointer}.v-icon--disabled{pointer-events:none;opacity:.38}.v-icon--size-x-small{font-size:calc(var(--v-icon-size-multiplier) * 1em)}.v-icon--size-small{font-size:calc(var(--v-icon-size-multiplier) * 1.25em)}.v-icon--size-default{font-size:calc(var(--v-icon-size-multiplier) * 1.5em)}.v-icon--size-large{font-size:calc(var(--v-icon-size-multiplier) * 1.75em)}.v-icon--size-x-large{font-size:calc(var(--v-icon-size-multiplier) * 2em)}.v-icon__svg{fill:currentColor;width:100%;height:100%}.v-icon--start{margin-inline-end:8px}.v-icon--end{margin-inline-start:8px}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}})();
-import { Fragment as Ae, reactive as Ve, computed as C, watchEffect as xe, toRefs as De, warn as Le, getCurrentInstance as Me, inject as ee, shallowRef as Te, provide as be, defineComponent as $, isRef as Pe, createVNode as k, mergeProps as ze, unref as q, ref as L, toRef as Re, Text as Oe, mergeModels as Z, useModel as ne, resolveComponent as z, openBlock as _, createBlock as I, resolveDirective as He, withDirectives as Ne, createElementBlock as Ee, normalizeStyle as We, createElementVNode as Ue, toDisplayString as Ge, withModifiers as te, createCommentVNode as se, h as v } from "vue";
-import { useI18n as qe } from "vue-i18n";
-import { useColor as Ze } from "x-essential-lib";
-import { getPropDefault as D } from "x-runtime-lib";
-var Xe = "M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z", Ye = "M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z", Ke = "M19,13H5V11H19V13Z", Je = "M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z";
-function p(e, n) {
+import { Fragment as $e, reactive as Ce, computed as x, watchEffect as Ve, toRefs as De, warn as Ae, getCurrentInstance as Me, inject as j, shallowRef as Le, provide as xe, defineComponent as A, isRef as Pe, createVNode as C, mergeProps as Te, unref as q, ref as P, toRef as ze, Text as Re, mergeModels as Z, useModel as ee, resolveComponent as N, openBlock as w, createBlock as D, resolveDirective as Ne, withDirectives as Oe, createElementBlock as He, normalizeStyle as Ee, createElementVNode as We, toDisplayString as Ue, withModifiers as ne, createCommentVNode as te, h as k } from "vue";
+import { useI18n as Ge } from "vue-i18n";
+import { useColor as qe } from "x-essential-lib";
+import { getPropDefault as L } from "x-runtime-lib";
+var Ze = "M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z", Xe = "M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z", Ye = "M19,13H5V11H19V13Z", Ke = "M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z";
+function F(e, n) {
   return (t) => Object.keys(e).reduce((s, a) => {
     const u = typeof e[a] == "object" && e[a] != null && !Array.isArray(e[a]) ? e[a] : {
       type: e[a]
@@ -15,36 +15,36 @@ function p(e, n) {
     } : s[a] = u, n && !s[a].source && (s[a].source = n), s;
   }, {});
 }
-const Qe = p({
+const Je = F({
   class: [String, Array, Object],
   style: {
     type: [String, Array, Object],
     default: null
   }
 }, "component");
-function T(e) {
+function z(e) {
   let n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "px";
   if (!(e == null || e === ""))
     return isNaN(+e) ? String(e) : isFinite(+e) ? `${Number(e)}${n}` : void 0;
 }
-function ae(e) {
+function se(e) {
   let n;
   return e !== null && typeof e == "object" && ((n = Object.getPrototypeOf(e)) === Object.prototype || n === null);
 }
-function J(e, n) {
+function K(e, n) {
   return n.every((t) => e.hasOwnProperty(t));
 }
-function je(e, n) {
+function Qe(e, n) {
   const t = {}, s = new Set(Object.keys(e));
   for (const a of n)
     s.has(a) && (t[a] = e[a]);
   return t;
 }
-function le(e, n) {
+function ae(e, n) {
   let t = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : "0";
   return e + t.repeat(Math.max(0, n - e.length));
 }
-function en(e) {
+function je(e) {
   let n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 1;
   const t = [];
   let s = 0;
@@ -52,15 +52,15 @@ function en(e) {
     t.push(e.substr(s, n)), s += n;
   return t;
 }
-function Se() {
+function be() {
   let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, t = arguments.length > 2 ? arguments[2] : void 0;
   const s = {};
   for (const a in e)
     s[a] = e[a];
   for (const a in n) {
     const i = e[a], u = n[a];
-    if (ae(i) && ae(u)) {
-      s[a] = Se(i, u, t);
+    if (se(i) && se(u)) {
+      s[a] = be(i, u, t);
       continue;
     }
     if (t && Array.isArray(i) && Array.isArray(u)) {
@@ -71,53 +71,53 @@ function Se() {
   }
   return s;
 }
-function _e(e) {
-  return e.map((n) => n.type === Ae ? _e(n.children) : n).flat();
+function Se(e) {
+  return e.map((n) => n.type === $e ? Se(n.children) : n).flat();
 }
-function B() {
+function $() {
   let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "";
-  if (B.cache.has(e)) return B.cache.get(e);
+  if ($.cache.has(e)) return $.cache.get(e);
   const n = e.replace(/[^a-z]/gi, "-").replace(/\B([A-Z])/g, "-$1").toLowerCase();
-  return B.cache.set(e, n), n;
+  return $.cache.set(e, n), n;
 }
-B.cache = /* @__PURE__ */ new Map();
-function pe(e) {
-  const n = Ve({}), t = C(e);
-  return xe(() => {
+$.cache = /* @__PURE__ */ new Map();
+function _e(e) {
+  const n = Ce({}), t = x(e);
+  return Ve(() => {
     for (const s in t.value)
       n[s] = t.value[s];
   }, {
     flush: "sync"
   }), De(n);
 }
-function nn(e, n) {
+function en(e, n) {
   return e.includes(n);
 }
-const F = 2.4, ie = 0.2126729, re = 0.7151522, ue = 0.072175, tn = 0.55, sn = 0.58, an = 0.57, ln = 0.62, U = 0.03, oe = 1.45, rn = 5e-4, un = 1.25, on = 1.25, ce = 0.078, fe = 12.82051282051282, G = 0.06, de = 1e-3;
-function me(e, n) {
-  const t = (e.r / 255) ** F, s = (e.g / 255) ** F, a = (e.b / 255) ** F, i = (n.r / 255) ** F, u = (n.g / 255) ** F, m = (n.b / 255) ** F;
-  let o = t * ie + s * re + a * ue, d = i * ie + u * re + m * ue;
-  if (o <= U && (o += (U - o) ** oe), d <= U && (d += (U - d) ** oe), Math.abs(d - o) < rn) return 0;
-  let y;
-  if (d > o) {
-    const g = (d ** tn - o ** sn) * un;
-    y = g < de ? 0 : g < ce ? g - g * fe * G : g - G;
+const I = 2.4, le = 0.2126729, ie = 0.7151522, re = 0.072175, nn = 0.55, tn = 0.58, sn = 0.57, an = 0.62, U = 0.03, ue = 1.45, ln = 5e-4, rn = 1.25, un = 1.25, oe = 0.078, ce = 12.82051282051282, G = 0.06, fe = 1e-3;
+function de(e, n) {
+  const t = (e.r / 255) ** I, s = (e.g / 255) ** I, a = (e.b / 255) ** I, i = (n.r / 255) ** I, u = (n.g / 255) ** I, g = (n.b / 255) ** I;
+  let o = t * le + s * ie + a * re, f = i * le + u * ie + g * re;
+  if (o <= U && (o += (U - o) ** ue), f <= U && (f += (U - f) ** ue), Math.abs(f - o) < ln) return 0;
+  let h;
+  if (f > o) {
+    const y = (f ** nn - o ** tn) * rn;
+    h = y < fe ? 0 : y < oe ? y - y * ce * G : y - G;
   } else {
-    const g = (d ** ln - o ** an) * on;
-    y = g > -de ? 0 : g > -ce ? g - g * fe * G : g + G;
+    const y = (f ** an - o ** sn) * un;
+    h = y > -fe ? 0 : y > -oe ? y - y * ce * G : y + G;
   }
-  return y * 100;
+  return h * 100;
 }
-function P(e) {
-  Le(`Vuetify: ${e}`);
+function R(e) {
+  Ae(`Vuetify: ${e}`);
 }
-function Q(e) {
+function J(e) {
   return !!e && /^(#|var\(--|(rgb|hsl)a?\()/.test(e);
 }
-function cn(e) {
-  return Q(e) && !/^((rgb|hsl)a?\()?var\(--/.test(e);
+function on(e) {
+  return J(e) && !/^((rgb|hsl)a?\()?var\(--/.test(e);
 }
-const ge = /^(?<fn>(?:rgb|hsl)a?)\((?<values>.+)\)/, fn = {
+const me = /^(?<fn>(?:rgb|hsl)a?)\((?<values>.+)\)/, cn = {
   rgb: (e, n, t, s) => ({
     r: e,
     g: n,
@@ -130,72 +130,72 @@ const ge = /^(?<fn>(?:rgb|hsl)a?)\((?<values>.+)\)/, fn = {
     b: t,
     a: s
   }),
-  hsl: (e, n, t, s) => ye({
+  hsl: (e, n, t, s) => ge({
     h: e,
     s: n,
     l: t,
     a: s
   }),
-  hsla: (e, n, t, s) => ye({
+  hsla: (e, n, t, s) => ge({
     h: e,
     s: n,
     l: t,
     a: s
   }),
-  hsv: (e, n, t, s) => R({
+  hsv: (e, n, t, s) => O({
     h: e,
     s: n,
     v: t,
     a: s
   }),
-  hsva: (e, n, t, s) => R({
+  hsva: (e, n, t, s) => O({
     h: e,
     s: n,
     v: t,
     a: s
   })
 };
-function M(e) {
+function T(e) {
   if (typeof e == "number")
-    return (isNaN(e) || e < 0 || e > 16777215) && P(`'${e}' is not a valid hex color`), {
+    return (isNaN(e) || e < 0 || e > 16777215) && R(`'${e}' is not a valid hex color`), {
       r: (e & 16711680) >> 16,
       g: (e & 65280) >> 8,
       b: e & 255
     };
-  if (typeof e == "string" && ge.test(e)) {
+  if (typeof e == "string" && me.test(e)) {
     const {
       groups: n
-    } = e.match(ge), {
+    } = e.match(me), {
       fn: t,
       values: s
     } = n, a = s.split(/,\s*/).map((i) => i.endsWith("%") && ["hsl", "hsla", "hsv", "hsva"].includes(t) ? parseFloat(i) / 100 : parseFloat(i));
-    return fn[t](...a);
+    return cn[t](...a);
   } else if (typeof e == "string") {
     let n = e.startsWith("#") ? e.slice(1) : e;
-    [3, 4].includes(n.length) ? n = n.split("").map((s) => s + s).join("") : [6, 8].includes(n.length) || P(`'${e}' is not a valid hex(a) color`);
+    [3, 4].includes(n.length) ? n = n.split("").map((s) => s + s).join("") : [6, 8].includes(n.length) || R(`'${e}' is not a valid hex(a) color`);
     const t = parseInt(n, 16);
-    return (isNaN(t) || t < 0 || t > 4294967295) && P(`'${e}' is not a valid hex(a) color`), dn(n);
+    return (isNaN(t) || t < 0 || t > 4294967295) && R(`'${e}' is not a valid hex(a) color`), fn(n);
   } else if (typeof e == "object") {
-    if (J(e, ["r", "g", "b"]))
+    if (K(e, ["r", "g", "b"]))
       return e;
-    if (J(e, ["h", "s", "l"]))
-      return R(we(e));
-    if (J(e, ["h", "s", "v"]))
-      return R(e);
+    if (K(e, ["h", "s", "l"]))
+      return O(pe(e));
+    if (K(e, ["h", "s", "v"]))
+      return O(e);
   }
   throw new TypeError(`Invalid color: ${e == null ? e : String(e) || e.constructor.name}
 Expected #hex, #hexa, rgb(), rgba(), hsl(), hsla(), object or number`);
 }
-function R(e) {
+function O(e) {
   const {
     h: n,
     s: t,
     v: s,
     a
-  } = e, i = (m) => {
-    const o = (m + n / 60) % 6;
+  } = e, i = (g) => {
+    const o = (g + n / 60) % 6;
     return s - s * t * Math.max(Math.min(o, 4 - o, 1), 0);
-  }, u = [i(5), i(3), i(1)].map((m) => Math.round(m * 255));
+  }, u = [i(5), i(3), i(1)].map((g) => Math.round(g * 255));
   return {
     r: u[0],
     g: u[1],
@@ -203,10 +203,10 @@ function R(e) {
     a
   };
 }
-function ye(e) {
-  return R(we(e));
+function ge(e) {
+  return O(pe(e));
 }
-function we(e) {
+function pe(e) {
   const {
     h: n,
     s: t,
@@ -220,9 +220,9 @@ function we(e) {
     a
   };
 }
-function dn(e) {
-  e = mn(e);
-  let [n, t, s, a] = en(e, 2).map((i) => parseInt(i, 16));
+function fn(e) {
+  e = dn(e);
+  let [n, t, s, a] = je(e, 2).map((i) => parseInt(i, 16));
   return a = a === void 0 ? a : a / 255, {
     r: n,
     g: t,
@@ -230,167 +230,167 @@ function dn(e) {
     a
   };
 }
-function mn(e) {
-  return e.startsWith("#") && (e = e.slice(1)), e = e.replace(/([^0-9a-f])/gi, "F"), (e.length === 3 || e.length === 4) && (e = e.split("").map((n) => n + n).join("")), e.length !== 6 && (e = le(le(e, 6), 8, "F")), e;
+function dn(e) {
+  return e.startsWith("#") && (e = e.slice(1)), e = e.replace(/([^0-9a-f])/gi, "F"), (e.length === 3 || e.length === 4) && (e = e.split("").map((n) => n + n).join("")), e.length !== 6 && (e = ae(ae(e, 6), 8, "F")), e;
 }
-function gn(e) {
-  const n = Math.abs(me(M(0), M(e)));
-  return Math.abs(me(M(16777215), M(e))) > Math.min(n, 50) ? "#fff" : "#000";
+function mn(e) {
+  const n = Math.abs(de(T(0), T(e)));
+  return Math.abs(de(T(16777215), T(e))) > Math.min(n, 50) ? "#fff" : "#000";
 }
-function O(e, n) {
+function H(e, n) {
   const t = Me();
   if (!t)
     throw new Error(`[Vuetify] ${e} must be called from inside a setup function`);
   return t;
 }
-function yn() {
+function gn() {
   let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "composables";
-  const n = O(e).type;
-  return B((n == null ? void 0 : n.aliasName) || (n == null ? void 0 : n.name));
+  const n = H(e).type;
+  return $((n == null ? void 0 : n.aliasName) || (n == null ? void 0 : n.name));
 }
-function hn(e) {
-  let n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : O("injectSelf");
+function yn(e) {
+  let n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : H("injectSelf");
   const {
     provides: t
   } = n;
   if (t && e in t)
     return t[e];
 }
-const j = Symbol.for("vuetify:defaults");
-function Fe() {
-  const e = ee(j);
+const Q = Symbol.for("vuetify:defaults");
+function we() {
+  const e = j(Q);
   if (!e) throw new Error("[Vuetify] Could not find defaults instance");
   return e;
 }
-function vn(e, n) {
+function hn(e, n) {
   var t, s;
-  return typeof ((t = e.props) == null ? void 0 : t[n]) < "u" || typeof ((s = e.props) == null ? void 0 : s[B(n)]) < "u";
+  return typeof ((t = e.props) == null ? void 0 : t[n]) < "u" || typeof ((s = e.props) == null ? void 0 : s[$(n)]) < "u";
 }
-function kn() {
-  let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, n = arguments.length > 1 ? arguments[1] : void 0, t = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : Fe();
-  const s = O("useDefaults");
+function vn() {
+  let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, n = arguments.length > 1 ? arguments[1] : void 0, t = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : we();
+  const s = H("useDefaults");
   if (n = n ?? s.type.name ?? s.type.__name, !n)
     throw new Error("[Vuetify] Could not determine component name");
-  const a = C(() => {
+  const a = x(() => {
     var o;
     return (o = t.value) == null ? void 0 : o[e._as ?? n];
   }), i = new Proxy(e, {
-    get(o, d) {
-      var g, b, S, x, H, N, w;
-      const y = Reflect.get(o, d);
-      return d === "class" || d === "style" ? [(g = a.value) == null ? void 0 : g[d], y].filter((K) => K != null) : typeof d == "string" && !vn(s.vnode, d) ? ((b = a.value) == null ? void 0 : b[d]) !== void 0 ? (S = a.value) == null ? void 0 : S[d] : ((H = (x = t.value) == null ? void 0 : x.global) == null ? void 0 : H[d]) !== void 0 ? (w = (N = t.value) == null ? void 0 : N.global) == null ? void 0 : w[d] : y : y;
+    get(o, f) {
+      var y, _, p, b, E, M, W;
+      const h = Reflect.get(o, f);
+      return f === "class" || f === "style" ? [(y = a.value) == null ? void 0 : y[f], h].filter((c) => c != null) : typeof f == "string" && !hn(s.vnode, f) ? ((_ = a.value) == null ? void 0 : _[f]) !== void 0 ? (p = a.value) == null ? void 0 : p[f] : ((E = (b = t.value) == null ? void 0 : b.global) == null ? void 0 : E[f]) !== void 0 ? (W = (M = t.value) == null ? void 0 : M.global) == null ? void 0 : W[f] : h : h;
     }
-  }), u = Te();
-  xe(() => {
+  }), u = Le();
+  Ve(() => {
     if (a.value) {
-      const o = Object.entries(a.value).filter((d) => {
-        let [y] = d;
-        return y.startsWith(y[0].toUpperCase());
+      const o = Object.entries(a.value).filter((f) => {
+        let [h] = f;
+        return h.startsWith(h[0].toUpperCase());
       });
       u.value = o.length ? Object.fromEntries(o) : void 0;
     } else
       u.value = void 0;
   });
-  function m() {
-    const o = hn(j, s);
-    be(j, C(() => u.value ? Se((o == null ? void 0 : o.value) ?? {}, u.value) : o == null ? void 0 : o.value));
+  function g() {
+    const o = yn(Q, s);
+    xe(Q, x(() => u.value ? be((o == null ? void 0 : o.value) ?? {}, u.value) : o == null ? void 0 : o.value));
   }
   return {
     props: i,
-    provideSubDefaults: m
+    provideSubDefaults: g
   };
 }
 function X(e) {
   if (e._setup = e._setup ?? e.setup, !e.name)
-    return P("The component is missing an explicit name, unable to generate default prop value"), e;
+    return R("The component is missing an explicit name, unable to generate default prop value"), e;
   if (e._setup) {
-    e.props = p(e.props ?? {}, e.name)();
+    e.props = F(e.props ?? {}, e.name)();
     const n = Object.keys(e.props).filter((t) => t !== "class" && t !== "style");
     e.filterProps = function(s) {
-      return je(s, n);
+      return Qe(s, n);
     }, e.props._as = String, e.setup = function(s, a) {
-      const i = Fe();
+      const i = we();
       if (!i.value) return e._setup(s, a);
       const {
         props: u,
-        provideSubDefaults: m
-      } = kn(s, s._as ?? e.name, i), o = e._setup(u, a);
-      return m(), o;
+        provideSubDefaults: g
+      } = vn(s, s._as ?? e.name, i), o = e._setup(u, a);
+      return g(), o;
     };
   }
   return e;
 }
-function Be() {
+function Fe() {
   let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : !0;
-  return (n) => (e ? X : $)(n);
+  return (n) => (e ? X : A)(n);
 }
-function Cn(e) {
-  const n = O("useRender");
+function kn(e) {
+  const n = H("useRender");
   n.render = e;
 }
-const he = Symbol.for("vuetify:theme"), Vn = p({
+const ye = Symbol.for("vuetify:theme"), Cn = F({
   theme: String
 }, "theme");
-function xn(e) {
-  O("provideTheme");
-  const n = ee(he, null);
+function Vn(e) {
+  H("provideTheme");
+  const n = j(ye, null);
   if (!n) throw new Error("Could not find Vuetify theme injection");
-  const t = C(() => e.theme ?? n.name.value), s = C(() => n.themes.value[t.value]), a = C(() => n.isDisabled ? void 0 : `v-theme--${t.value}`), i = {
+  const t = x(() => e.theme ?? n.name.value), s = x(() => n.themes.value[t.value]), a = x(() => n.isDisabled ? void 0 : `v-theme--${t.value}`), i = {
     ...n,
     name: t,
     current: s,
     themeClasses: a
   };
-  return be(he, i), i;
+  return xe(ye, i), i;
 }
-const bn = p({
+const xn = F({
   tag: {
     type: String,
     default: "div"
   }
 }, "tag");
-function Sn(e) {
-  return pe(() => {
+function bn(e) {
+  return _e(() => {
     const n = [], t = {};
     if (e.value.background)
-      if (Q(e.value.background)) {
-        if (t.backgroundColor = e.value.background, !e.value.text && cn(e.value.background)) {
-          const s = M(e.value.background);
+      if (J(e.value.background)) {
+        if (t.backgroundColor = e.value.background, !e.value.text && on(e.value.background)) {
+          const s = T(e.value.background);
           if (s.a == null || s.a === 1) {
-            const a = gn(s);
+            const a = mn(s);
             t.color = a, t.caretColor = a;
           }
         }
       } else
         n.push(`bg-${e.value.background}`);
-    return e.value.text && (Q(e.value.text) ? (t.color = e.value.text, t.caretColor = e.value.text) : n.push(`text-${e.value.text}`)), {
+    return e.value.text && (J(e.value.text) ? (t.color = e.value.text, t.caretColor = e.value.text) : n.push(`text-${e.value.text}`)), {
       colorClasses: n,
       colorStyles: t
     };
   });
 }
-function _n(e, n) {
-  const t = C(() => ({
+function Sn(e, n) {
+  const t = x(() => ({
     text: Pe(e) ? e.value : null
   })), {
     colorClasses: s,
     colorStyles: a
-  } = Sn(t);
+  } = bn(t);
   return {
     textColorClasses: s,
     textColorStyles: a
   };
 }
-const Ie = [String, Function, Object, Array], pn = Symbol.for("vuetify:icons"), Y = p({
+const Be = [String, Function, Object, Array], _n = Symbol.for("vuetify:icons"), Y = F({
   icon: {
-    type: Ie
+    type: Be
   },
   // Could not remove this and use makeTagProps, types complained because it is not required
   tag: {
     type: String,
     required: !0
   }
-}, "icon"), ve = Be()({
+}, "icon"), he = Fe()({
   name: "VComponentIcon",
   props: Y(),
   setup(e, n) {
@@ -399,15 +399,15 @@ const Ie = [String, Function, Object, Array], pn = Symbol.for("vuetify:icons"),
     } = n;
     return () => {
       const s = e.icon;
-      return k(e.tag, null, {
+      return C(e.tag, null, {
         default: () => {
           var a;
-          return [e.icon ? k(s, null, null) : (a = t.default) == null ? void 0 : a.call(t)];
+          return [e.icon ? C(s, null, null) : (a = t.default) == null ? void 0 : a.call(t)];
         }
       });
     };
   }
-}), wn = X({
+}), pn = X({
   name: "VSvgIcon",
   inheritAttrs: !1,
   props: Y(),
@@ -415,21 +415,21 @@ const Ie = [String, Function, Object, Array], pn = Symbol.for("vuetify:icons"),
     let {
       attrs: t
     } = n;
-    return () => k(e.tag, ze(t, {
+    return () => C(e.tag, Te(t, {
       style: null
     }), {
-      default: () => [k("svg", {
+      default: () => [C("svg", {
         class: "v-icon__svg",
         xmlns: "http://www.w3.org/2000/svg",
         viewBox: "0 0 24 24",
         role: "img",
         "aria-hidden": "true"
-      }, [Array.isArray(e.icon) ? e.icon.map((s) => Array.isArray(s) ? k("path", {
+      }, [Array.isArray(e.icon) ? e.icon.map((s) => Array.isArray(s) ? C("path", {
         d: s[0],
         "fill-opacity": s[1]
-      }, null) : k("path", {
+      }, null) : C("path", {
         d: s
-      }, null)) : k("path", {
+      }, null)) : C("path", {
         d: e.icon
       }, null)])]
     });
@@ -439,7 +439,7 @@ X({
   name: "VLigatureIcon",
   props: Y(),
   setup(e) {
-    return () => k(e.tag, null, {
+    return () => C(e.tag, null, {
       default: () => [e.icon]
     });
   }
@@ -448,116 +448,116 @@ X({
   name: "VClassIcon",
   props: Y(),
   setup(e) {
-    return () => k(e.tag, {
+    return () => C(e.tag, {
       class: e.icon
     }, null);
   }
 });
-const Fn = (e) => {
-  const n = ee(pn);
+const wn = (e) => {
+  const n = j(_n);
   if (!n) throw new Error("Missing Vuetify Icons provide!");
   return {
-    iconData: C(() => {
+    iconData: x(() => {
       var o;
       const s = q(e);
       if (!s) return {
-        component: ve
+        component: he
       };
       let a = s;
-      if (typeof a == "string" && (a = a.trim(), a.startsWith("$") && (a = (o = n.aliases) == null ? void 0 : o[a.slice(1)])), a || P(`Could not find aliased icon "${s}"`), Array.isArray(a))
+      if (typeof a == "string" && (a = a.trim(), a.startsWith("$") && (a = (o = n.aliases) == null ? void 0 : o[a.slice(1)])), a || R(`Could not find aliased icon "${s}"`), Array.isArray(a))
         return {
-          component: wn,
+          component: pn,
           icon: a
         };
       if (typeof a != "string")
         return {
-          component: ve,
+          component: he,
           icon: a
         };
-      const i = Object.keys(n.sets).find((d) => typeof a == "string" && a.startsWith(`${d}:`)), u = i ? a.slice(i.length + 1) : a;
+      const i = Object.keys(n.sets).find((f) => typeof a == "string" && a.startsWith(`${f}:`)), u = i ? a.slice(i.length + 1) : a;
       return {
         component: n.sets[i ?? n.defaultSet].component,
         icon: u
       };
     })
   };
-}, Bn = ["x-small", "small", "default", "large", "x-large"], In = p({
+}, Fn = ["x-small", "small", "default", "large", "x-large"], Bn = F({
   size: {
     type: [String, Number],
     default: "default"
   }
 }, "size");
-function $n(e) {
-  let n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : yn();
-  return pe(() => {
+function In(e) {
+  let n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : gn();
+  return _e(() => {
     let t, s;
-    return nn(Bn, e.size) ? t = `${n}--size-${e.size}` : e.size && (s = {
-      width: T(e.size),
-      height: T(e.size)
+    return en(Fn, e.size) ? t = `${n}--size-${e.size}` : e.size && (s = {
+      width: z(e.size),
+      height: z(e.size)
     }), {
       sizeClasses: t,
       sizeStyles: s
     };
   });
 }
-const An = p({
+const $n = F({
   color: String,
   disabled: Boolean,
   start: Boolean,
   end: Boolean,
-  icon: Ie,
-  ...Qe(),
-  ...In(),
-  ...bn({
+  icon: Be,
+  ...Je(),
+  ...Bn(),
+  ...xn({
     tag: "i"
   }),
-  ...Vn()
-}, "VIcon"), Dn = Be()({
+  ...Cn()
+}, "VIcon"), Dn = Fe()({
   name: "VIcon",
-  props: An(),
+  props: $n(),
   setup(e, n) {
     let {
       attrs: t,
       slots: s
     } = n;
-    const a = L(), {
+    const a = P(), {
       themeClasses: i
-    } = xn(e), {
+    } = Vn(e), {
       iconData: u
-    } = Fn(C(() => a.value || e.icon)), {
-      sizeClasses: m
-    } = $n(e), {
+    } = wn(x(() => a.value || e.icon)), {
+      sizeClasses: g
+    } = In(e), {
       textColorClasses: o,
-      textColorStyles: d
-    } = _n(Re(e, "color"));
-    return Cn(() => {
-      var b, S;
-      const y = (b = s.default) == null ? void 0 : b.call(s);
-      y && (a.value = (S = _e(y).filter((x) => x.type === Oe && x.children && typeof x.children == "string")[0]) == null ? void 0 : S.children);
-      const g = !!(t.onClick || t.onClickOnce);
-      return k(u.value.component, {
+      textColorStyles: f
+    } = Sn(ze(e, "color"));
+    return kn(() => {
+      var _, p;
+      const h = (_ = s.default) == null ? void 0 : _.call(s);
+      h && (a.value = (p = Se(h).filter((b) => b.type === Re && b.children && typeof b.children == "string")[0]) == null ? void 0 : p.children);
+      const y = !!(t.onClick || t.onClickOnce);
+      return C(u.value.component, {
         tag: e.tag,
         icon: u.value.icon,
-        class: ["v-icon", "notranslate", i.value, m.value, o.value, {
-          "v-icon--clickable": g,
+        class: ["v-icon", "notranslate", i.value, g.value, o.value, {
+          "v-icon--clickable": y,
           "v-icon--disabled": e.disabled,
           "v-icon--start": e.start,
           "v-icon--end": e.end
         }, e.class],
-        style: [m.value ? void 0 : {
-          fontSize: T(e.size),
-          height: T(e.size),
-          width: T(e.size)
-        }, d.value, e.style],
-        role: g ? "button" : void 0,
-        "aria-hidden": !g,
-        tabindex: g ? e.disabled ? -1 : 0 : void 0
+        style: [g.value ? void 0 : {
+          fontSize: z(e.size),
+          height: z(e.size),
+          width: z(e.size)
+        }, f.value, e.style],
+        role: y ? "button" : void 0,
+        "aria-hidden": !y,
+        tabindex: y ? e.disabled ? -1 : 0 : void 0
       }, {
-        default: () => [y]
+        default: () => [h]
       });
     }), {};
   }
-}), Ln = /* @__PURE__ */ $({
+}), An = /* @__PURE__ */ A({
   __name: "index",
   props: /* @__PURE__ */ Z({
     min: { default: () => -1 / 0 },
@@ -571,13 +571,13 @@ const An = p({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const n = ne(e, "modelValue");
+    const n = ee(e, "modelValue");
     return (t, s) => {
-      const a = z("v-number-input");
-      return _(), I(a, {
+      const a = N("v-number-input");
+      return w(), D(a, {
         modelValue: n.value,
         "onUpdate:modelValue": s[0] || (s[0] = (i) => n.value = i),
-        variant: "outlined",
+        density: "compact",
         min: t.min,
         max: t.max,
         precision: t.precision,
@@ -588,31 +588,32 @@ const An = p({
       }, null, 8, ["modelValue", "min", "max", "precision", "step", "readonly"]);
     };
   }
-}), Mn = /* @__PURE__ */ $({
+}), Mn = /* @__PURE__ */ A({
   __name: "index",
   props: /* @__PURE__ */ Z({
-    readonly: { type: Boolean, default: !1 }
+    readonly: { type: Boolean, default: !1 },
+    items: {}
   }, {
     modelValue: {},
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const n = ne(e, "modelValue");
+    const n = ee(e, "modelValue");
     return (t, s) => {
-      const a = z("v-select");
-      return _(), I(a, {
+      const a = N("v-select");
+      return w(), D(a, {
         modelValue: n.value,
         "onUpdate:modelValue": s[0] || (s[0] = (i) => n.value = i),
-        variant: "outlined",
         density: "compact",
+        items: t.items,
         "hide-details": "",
         "single-line": "",
         readonly: t.readonly
-      }, null, 8, ["modelValue", "readonly"]);
+      }, null, 8, ["modelValue", "items", "readonly"]);
     };
   }
-}), ke = /* @__PURE__ */ $({
+}), ve = /* @__PURE__ */ A({
   __name: "index",
   props: /* @__PURE__ */ Z({
     readonly: { type: Boolean, default: !1 },
@@ -623,23 +624,22 @@ const An = p({
   }),
   emits: /* @__PURE__ */ Z(["delete"], ["update:modelValue"]),
   setup(e, { emit: n }) {
-    const t = ne(e, "modelValue"), s = n;
+    const t = ee(e, "modelValue"), s = n;
     return (a, i) => {
-      const u = z("v-text-field");
-      return _(), I(u, {
+      const u = N("v-text-field");
+      return w(), D(u, {
         modelValue: t.value,
-        "onUpdate:modelValue": i[0] || (i[0] = (m) => t.value = m),
-        variant: "outlined",
+        "onUpdate:modelValue": i[0] || (i[0] = (g) => t.value = g),
         density: "compact",
-        "append-inner-icon": a.hasDelete ? q(Ke) : "",
+        "append-inner-icon": a.hasDelete ? q(Ye) : "",
         "hide-details": "",
         "single-line": "",
         readonly: a.readonly,
-        "onClick:appendInner": i[1] || (i[1] = (m) => s("delete"))
+        "onClick:appendInner": i[1] || (i[1] = (g) => s("delete"))
       }, null, 8, ["modelValue", "append-inner-icon", "readonly"]);
     };
   }
-}), Ce = /* @__PURE__ */ $({
+}), ke = /* @__PURE__ */ A({
   __name: "index",
   props: {
     title: {},
@@ -650,40 +650,40 @@ const An = p({
   },
   emits: ["collapse", "create", "delete"],
   setup(e, { emit: n }) {
-    const t = e, s = n, a = C(() => ({
+    const t = e, s = n, a = x(() => ({
       height: "36px"
     }));
     return (i, u) => {
-      const m = z("v-icon"), o = z("v-spacer"), d = He("ripple");
-      return Ne((_(), Ee("div", {
+      const g = N("v-icon"), o = N("v-spacer"), f = Ne("ripple");
+      return Oe((w(), He("div", {
         class: "d-flex align-center",
-        style: We(a.value),
-        onClick: u[2] || (u[2] = (y) => s("collapse", !t.collapse))
+        style: Ee(a.value),
+        onClick: u[2] || (u[2] = (h) => s("collapse", !t.collapse))
       }, [
-        k(m, {
+        C(g, {
           class: "mr-1",
-          icon: t.collapse ? q(Ye) : q(Xe)
+          icon: t.collapse ? q(Xe) : q(Ze)
         }, null, 8, ["icon"]),
-        Ue("span", null, Ge(t.title), 1),
-        k(o),
-        t.hasCreate ? (_(), I(m, {
+        We("span", null, Ue(t.title), 1),
+        C(o),
+        t.hasCreate ? (w(), D(g, {
           key: 0,
           class: "ml-3",
           icon: "$plus",
-          onClick: u[0] || (u[0] = te((y) => s("create"), ["stop"]))
-        })) : se("", !0),
-        t.hasDelete ? (_(), I(m, {
+          onClick: u[0] || (u[0] = ne((h) => s("create"), ["stop"]))
+        })) : te("", !0),
+        t.hasDelete ? (w(), D(g, {
           key: 1,
           class: "ml-3",
           icon: "$sub",
-          onClick: u[1] || (u[1] = te((y) => s("delete", t.index), ["stop"]))
-        })) : se("", !0)
+          onClick: u[1] || (u[1] = ne((h) => s("delete", t.index), ["stop"]))
+        })) : te("", !0)
       ], 4)), [
-        [d]
+        [f]
       ]);
     };
   }
-}), Tn = /* @__PURE__ */ $({
+}), Ln = /* @__PURE__ */ A({
   __name: "index",
   props: {
     unique: {},
@@ -692,22 +692,22 @@ const An = p({
   },
   emits: ["change"],
   setup(e, { emit: n }) {
-    const { t } = qe(), { backgroundColor2: s } = Ze(), a = e, i = n, u = L("20px"), m = L("56px"), o = L("10px"), d = L("250px"), y = Ve({});
-    function g(f, l, r, c) {
-      return l.keyFlag || (f !== "" && (f += "."), f += l.key), l.children ? l.array ? b(f, l, r, c) : S(f, l, r, c) : l.array ? x(f, l, r) : N(f, l, r);
+    const { t } = Ge(), { backgroundColor2: s } = qe(), a = e, i = n, u = P("20px"), g = P("56px"), o = P("10px"), f = P("250px"), h = Ce({});
+    function y(c, l, r, m) {
+      return l.keyFlag || (c !== "" && (c += "."), c += l.key), l.children ? l.array ? _(c, l, r, m) : p(c, l, r, m) : l.array ? b(c, l, r) : E(c, l, r);
     }
-    function b(f, l, r, c) {
-      r[l.key] instanceof Array || (r[l.key] = [], i("change", f, r[l.key]));
-      const A = v(Ce, {
+    function _(c, l, r, m) {
+      r[l.key] instanceof Array || (r[l.key] = [], i("change", c, r[l.key]));
+      const V = k(ke, {
         title: t(l.name),
-        collapse: !!c.collapse,
-        onCollapse: (h) => {
-          c.collapse = h;
+        collapse: !!m.collapse,
+        onCollapse: (d) => {
+          m.collapse = d;
         },
         onCreate: () => {
-          r[l.key].push({}), i("change", f, r[l.key]);
+          r[l.key].push({}), i("change", c, r[l.key]);
         }
-      }), V = v(
+      }), v = k(
         "div",
         {
           style: {
@@ -715,15 +715,15 @@ const An = p({
           }
         },
         (() => {
-          c[l.key] instanceof Array || (c[l.key] = []);
-          for (let h = 0; h < r[l.key].length; h++)
-            typeof c[l.key][h] != "object" && (c[l.key][h] = {
+          m[l.key] instanceof Array || (m[l.key] = []);
+          for (let d = 0; d < r[l.key].length; d++)
+            typeof m[l.key][d] != "object" && (m[l.key][d] = {
               collapse: !0
             });
           return [];
         })()
       );
-      return v(
+      return k(
         "div",
         {
           style: {
@@ -732,19 +732,19 @@ const An = p({
           }
         },
         (() => {
-          const h = [];
-          return h.push(A), c.collapse || h.push(V), h;
+          const d = [];
+          return d.push(V), m.collapse || d.push(v), d;
         })()
       );
     }
-    function S(f, l, r, c) {
-      const A = v(Ce, {
+    function p(c, l, r, m) {
+      const V = k(ke, {
         title: t(l.name),
-        collapse: !!c.collapse,
-        onCollapse: (h) => {
-          c.collapse = h;
+        collapse: !!m.collapse,
+        onCollapse: (d) => {
+          m.collapse = d;
         }
-      }), V = v(
+      }), v = k(
         "div",
         {
           style: {
@@ -752,23 +752,23 @@ const An = p({
           }
         },
         (() => {
-          var E;
-          const h = [];
-          return (E = l.children) == null || E.forEach((W) => {
-            typeof c[W.key] != "object" && (c[W.key] = {
+          var B;
+          const d = [];
+          return (B = l.children) == null || B.forEach((S) => {
+            typeof m[S.key] != "object" && (m[S.key] = {
               collapse: !0
             });
-            const $e = g(
-              f,
-              W,
-              l.keyFlag ? r : (typeof r[l.key] != "object" && (r[l.key] = {}, i("change", f, r[l.key])), r[l.key]),
-              c[W.key]
+            const Ie = y(
+              c,
+              S,
+              l.keyFlag ? r : (typeof r[l.key] != "object" && (r[l.key] = {}, i("change", c, r[l.key])), r[l.key]),
+              m[S.key]
             );
-            h.push($e);
-          }), h;
+            d.push(Ie);
+          }), d;
         })()
       );
-      return v(
+      return k(
         "div",
         {
           style: {
@@ -777,164 +777,133 @@ const An = p({
           }
         },
         (() => {
-          const h = [];
-          return h.push(A), c.collapse || h.push(V), h;
+          const d = [];
+          return d.push(V), m.collapse || d.push(v), d;
         })()
       );
     }
-    function x(f, l, r) {
-      if (r[l.key] instanceof Array || (r[l.key] = D(l), i("change", f, r[l.key])), l.ui === "strInput")
-        return H(
-          t(l.name),
-          (() => {
-            const c = [];
-            for (let V = 0; V < r[l.key].length; V++) {
-              const h = v(
-                "div",
-                {
-                  class: "d-flex align-center justify-center",
-                  style: {
-                    height: m.value
-                  }
+    function b(c, l, r) {
+      r[l.key] instanceof Array || (r[l.key] = L(l), i("change", c, r[l.key]));
+      let m = () => [];
+      return l.ui === "strInput" ? m = () => {
+        const V = [];
+        for (let d = 0; d < r[l.key].length; d++) {
+          const B = k(
+            "div",
+            {
+              class: "d-flex align-center justify-center",
+              style: {
+                height: g.value
+              }
+            },
+            [
+              k(ve, {
+                modelValue: r[l.key][d],
+                "onUpdate:modelValue": (S) => {
+                  r[l.key][d] = S, i("change", c, r[l.key]);
                 },
-                [
-                  v(ke, {
-                    modelValue: r[l.key][V],
-                    "onUpdate:modelValue": (E) => {
-                      r[l.key][V] = E, i("change", f, r[l.key]);
-                    },
-                    hasDelete: !0,
-                    onDelete: () => {
-                      r[l.key].splice(V, 1), i("change", f, r[l.key]);
-                    }
-                  })
-                ]
-              );
-              c.push(h);
-            }
-            const A = v(
-              "div",
-              {
-                class: "d-flex align-center justify-center",
-                style: {
-                  backgroundColor: "transparent",
-                  width: "100%",
-                  height: "40px",
-                  marginTop: "8px",
-                  marginBottom: "8px",
-                  borderRadius: "5px",
-                  border: "thin dashed #bdbdbd"
-                },
-                onClick: () => {
-                  r[l.key].push(""), i("change", f, r[l.key]);
+                hasDelete: !0,
+                onDelete: () => {
+                  r[l.key].splice(d, 1), i("change", c, r[l.key]);
                 }
-              },
-              [v(Dn, { icon: Je })]
-            );
-            return c.push(A), c;
-          })()
+              })
+            ]
+          );
+          V.push(B);
+        }
+        const v = k(
+          "div",
+          {
+            class: "d-flex align-center justify-center",
+            style: {
+              backgroundColor: "transparent",
+              width: "100%",
+              height: "40px",
+              marginTop: "8px",
+              marginBottom: "8px",
+              borderRadius: "5px",
+              border: "thin dashed #bdbdbd"
+            },
+            onClick: () => {
+              r[l.key].push(""), i("change", c, r[l.key]);
+            }
+          },
+          [k(Dn, { icon: Ke })]
         );
-      console.assert(!1);
+        return V.push(v), V;
+      } : console.assert(!1, "invalid prop ui", l.ui), M(t(l.name), m());
     }
-    function H(f, l) {
-      return v(
-        "div",
-        {
-          class: "d-flex justify-space-between align-center",
-          style: {
-            marginRight: o.value
-          }
+    function E(c, l, r) {
+      let m = () => [];
+      return l.ui === "void" ? r[l.key] === void 0 && (console.assert(l.default !== void 0), r[l.key] = L(l), i("change", c, r[l.key])) : l.ui === "strInput" ? m = () => [k(ve, {
+        modelValue: l.static ? l.value : (typeof r[l.key] != "string" && (r[l.key] = L(l), i("change", c, r[l.key])), r[l.key]),
+        "onUpdate:modelValue": (v) => {
+          l.static || v !== r[l.key] && (r[l.key] = v, i("change", c, v));
         },
-        [
-          v("span", { style: { marginLeft: "4px" }, innerHTML: f }),
-          v("div", { style: { width: d.value }, raws: l })
-        ]
-      );
-    }
-    function N(f, l, r) {
-      if (l.ui === "void")
-        r[l.key] === void 0 && (console.assert(l.default !== void 0), r[l.key] = D(l), i("change", f, r[l.key]));
-      else {
-        if (l.ui === "strInput")
-          return w(
-            t(l.name),
-            v(ke, {
-              modelValue: l.static ? l.value : (typeof r[l.key] != "string" && (r[l.key] = D(l), i("change", f, r[l.key])), r[l.key]),
-              "onUpdate:modelValue": (c) => {
-                l.static || c !== r[l.key] && (r[l.key] = c, i("change", f, c));
-              },
-              readonly: l.static || l.readonly
-            })
-          );
-        if (l.ui === "numInput")
-          return w(
-            t(l.name),
-            v(Ln, {
-              modelValue: (typeof r[l.key] != "number" && (r[l.key] = D(l), i("change", f, r[l.key])), r[l.key]),
-              "onUpdate:modelValue": (c) => {
-                c !== r[l.key] && (r[l.key] = c, i("change", f, c));
-              },
-              readonly: l.readonly
-            })
-          );
-        if (l.ui === "select")
-          return w(
-            t(l.name),
-            v(Mn, {
-              modelValue: (() => {
-                if (typeof r[l.key] > "u")
-                  return r[l.key] = D(l), i("change", f, r[l.key]), r[l.key];
-              })(),
-              "onUpdate:modelValue": (c) => {
-                c !== r[l.key] && (r[l.key] = c, i("change", f, c));
-              },
-              readonly: l.readonly
-            })
-          );
-        console.assert(!1, "invalid prop ui", l.ui);
-      }
+        readonly: l.static || l.readonly
+      })] : l.ui === "numInput" ? m = () => [k(An, {
+        modelValue: (typeof r[l.key] != "number" && (r[l.key] = L(l), i("change", c, r[l.key])), r[l.key]),
+        "onUpdate:modelValue": (v) => {
+          v !== r[l.key] && (r[l.key] = v, i("change", c, v));
+        },
+        readonly: l.readonly
+      })] : l.ui === "select" ? m = () => [k(Mn, {
+        modelValue: (typeof r[l.key] != "string" && (r[l.key] = L(l), i("change", c, r[l.key])), r[l.key]),
+        "onUpdate:modelValue": (v) => {
+          v !== r[l.key] && (r[l.key] = v, i("change", c, v));
+        },
+        items: (() => {
+          var d;
+          const v = [];
+          return (d = l.items) == null || d.forEach(({ title: B, value: S }) => {
+            v.push({
+              title: t(B),
+              value: S
+            });
+          }), v;
+        })(),
+        readonly: l.readonly
+      })] : console.assert(!1, "invalid prop ui", l.ui), M(t(l.name), m());
     }
-    function w(f, l) {
-      return v(
+    function M(c, l) {
+      return k(
         "div",
         {
           class: "d-flex justify-space-between align-center",
           style: {
-            height: m.value,
+            minHeight: g.value,
             marginRight: o.value
           }
         },
         [
-          v("span", { style: { marginLeft: "4px" }, innerHTML: f }),
-          v("div", { style: { width: d.value } }, [l])
+          k("span", { style: { marginLeft: "4px" }, innerHTML: c }),
+          k("div", { style: { width: f.value } }, l)
         ]
       );
     }
-    const K = () => v(
+    const W = () => k(
       "div",
       {
-        class: {
-          "text-body-2": !0
-        }
+        class: "text-body-2"
       },
       (() => {
-        const f = [];
+        const c = [];
         if (a.unique && a.config && a.object) {
-          y[a.unique] || (y[a.unique] = {});
-          const l = y[a.unique];
+          h[a.unique] || (h[a.unique] = {});
+          const l = h[a.unique];
           a.config.forEach((r) => {
-            const c = g("", r, a.object, l);
-            f.push(c);
+            const m = y("", r, a.object, l);
+            c.push(m);
           });
         }
-        return f;
+        return c;
       })()
     );
-    return (f, l) => (_(), I(K));
+    return (c, l) => (w(), D(W));
   }
 }), Pn = (e) => {
-  e.component("XPropTree", Tn);
-}, Nn = { install: Pn };
+  e.component("XPropTree", Ln);
+}, On = { install: Pn };
 export {
-  Nn as default
+  On as default
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "x-prop-tree",
   "private": false,
-  "version": "0.4.4",
+  "version": "0.4.5",
   "type": "module",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",