x-prop-tree 0.4.4 → 0.4.6

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

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

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/components/propTree/title/index.vue.d.ts

@@ -13,9 +13,5 @@ declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, imp
     onDelete?: ((...args: any[]) => any) | undefined;
     onCollapse?: ((...args: any[]) => any) | undefined;
     onCreate?: ((...args: any[]) => any) | undefined;
-}>, {
-    index: number;
-    hasDelete: boolean;
-    hasCreate: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

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 { Fragment as Ae, reactive as Ve, computed as b, watchEffect as be, toRefs as Me, warn as Pe, getCurrentInstance as Le, inject as j, shallowRef as Te, provide as _e, defineComponent as M, isRef as ze, createVNode as C, mergeProps as xe, unref as q, ref as T, toRef as Oe, Text as Re, resolveComponent as p, openBlock as S, createBlock as B, withCtx as ne, mergeModels as Z, useModel as ee, resolveDirective as Ne, withDirectives as He, createElementBlock as Ee, normalizeStyle as We, createElementVNode as Ue, toDisplayString as Ge, withModifiers as te, createCommentVNode as se, h as k } 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";
+import { getPropDefault as L } 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) {
+function I(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,14 +15,14 @@ function p(e, n) {
     } : s[a] = u, n && !s[a].source && (s[a].source = n), s;
   }, {});
 }
-const Qe = p({
+const Qe = I({
   class: [String, Array, Object],
   style: {
     type: [String, Array, Object],
     default: null
   }
 }, "component");
-function T(e) {
+function O(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;
@@ -31,7 +31,7 @@ function ae(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) {
@@ -52,70 +52,70 @@ function en(e) {
     t.push(e.substr(s, n)), s += n;
   return t;
 }
-function Se() {
+function pe() {
   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);
+    const r = e[a], u = n[a];
+    if (ae(r) && ae(u)) {
+      s[a] = pe(r, u, t);
       continue;
     }
-    if (t && Array.isArray(i) && Array.isArray(u)) {
-      s[a] = t(i, u);
+    if (t && Array.isArray(r) && Array.isArray(u)) {
+      s[a] = t(r, u);
       continue;
     }
     s[a] = u;
   }
   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 === Ae ? Se(n.children) : n).flat();
 }
-function B() {
+function A() {
   let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "";
-  if (B.cache.has(e)) return B.cache.get(e);
+  if (A.cache.has(e)) return A.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 A.cache.set(e, n), n;
 }
-B.cache = /* @__PURE__ */ new Map();
-function pe(e) {
-  const n = Ve({}), t = C(e);
-  return xe(() => {
+A.cache = /* @__PURE__ */ new Map();
+function we(e) {
+  const n = Ve({}), t = b(e);
+  return be(() => {
     for (const s in t.value)
       n[s] = t.value[s];
   }, {
     flush: "sync"
-  }), De(n);
+  }), Me(n);
 }
 function nn(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;
+const D = 2.4, re = 0.2126729, ie = 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 t = (e.r / 255) ** D, s = (e.g / 255) ** D, a = (e.b / 255) ** D, r = (n.r / 255) ** D, u = (n.g / 255) ** D, y = (n.b / 255) ** D;
+  let o = t * re + s * ie + a * ue, f = r * re + u * ie + y * ue;
+  if (o <= U && (o += (U - o) ** oe), f <= U && (f += (U - f) ** oe), Math.abs(f - o) < rn) return 0;
+  let v;
+  if (f > o) {
+    const g = (f ** tn - o ** sn) * un;
+    v = g < de ? 0 : g < ce ? g - g * fe * G : g - G;
   } else {
-    const g = (d ** ln - o ** an) * on;
-    y = g > -de ? 0 : g > -ce ? g - g * fe * G : g + G;
+    const g = (f ** ln - o ** an) * on;
+    v = g > -de ? 0 : g > -ce ? g - g * fe * G : g + G;
   }
-  return y * 100;
+  return v * 100;
 }
-function P(e) {
-  Le(`Vuetify: ${e}`);
+function R(e) {
+  Pe(`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);
+  return J(e) && !/^((rgb|hsl)a?\()?var\(--/.test(e);
 }
 const ge = /^(?<fn>(?:rgb|hsl)a?)\((?<values>.+)\)/, fn = {
   rgb: (e, n, t, s) => ({
@@ -142,22 +142,22 @@ const ge = /^(?<fn>(?:rgb|hsl)a?)\((?<values>.+)\)/, fn = {
     l: t,
     a: s
   }),
-  hsv: (e, n, t, s) => R({
+  hsv: (e, n, t, s) => N({
     h: e,
     s: n,
     v: t,
     a: s
   }),
-  hsva: (e, n, t, s) => R({
+  hsva: (e, n, t, s) => N({
     h: e,
     s: n,
     v: t,
     a: s
   })
 };
-function M(e) {
+function z(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
@@ -168,34 +168,34 @@ function M(e) {
     } = e.match(ge), {
       fn: t,
       values: s
-    } = n, a = s.split(/,\s*/).map((i) => i.endsWith("%") && ["hsl", "hsla", "hsv", "hsva"].includes(t) ? parseFloat(i) / 100 : parseFloat(i));
+    } = n, a = s.split(/,\s*/).map((r) => r.endsWith("%") && ["hsl", "hsla", "hsv", "hsva"].includes(t) ? parseFloat(r) / 100 : parseFloat(r));
     return fn[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`), dn(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 N(Fe(e));
+    if (K(e, ["h", "s", "v"]))
+      return N(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 N(e) {
   const {
     h: n,
     s: t,
     v: s,
     a
-  } = e, i = (m) => {
-    const o = (m + n / 60) % 6;
+  } = e, r = (y) => {
+    const o = (y + 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 = [r(5), r(3), r(1)].map((y) => Math.round(y * 255));
   return {
     r: u[0],
     g: u[1],
@@ -204,25 +204,25 @@ function R(e) {
   };
 }
 function ye(e) {
-  return R(we(e));
+  return N(Fe(e));
 }
-function we(e) {
+function Fe(e) {
   const {
     h: n,
     s: t,
     l: s,
     a
-  } = e, i = s + t * Math.min(s, 1 - s), u = i === 0 ? 0 : 2 - 2 * s / i;
+  } = e, r = s + t * Math.min(s, 1 - s), u = r === 0 ? 0 : 2 - 2 * s / r;
   return {
     h: n,
     s: u,
-    v: i,
+    v: r,
     a
   };
 }
 function dn(e) {
   e = mn(e);
-  let [n, t, s, a] = en(e, 2).map((i) => parseInt(i, 16));
+  let [n, t, s, a] = en(e, 2).map((r) => parseInt(r, 16));
   return a = a === void 0 ? a : a / 255, {
     r: n,
     g: t,
@@ -234,128 +234,128 @@ 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 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";
+  const n = Math.abs(me(z(0), z(e)));
+  return Math.abs(me(z(16777215), z(e))) > Math.min(n, 50) ? "#fff" : "#000";
 }
-function O(e, n) {
-  const t = Me();
+function H(e, n) {
+  const t = Le();
   if (!t)
     throw new Error(`[Vuetify] ${e} must be called from inside a setup function`);
   return t;
 }
 function yn() {
   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 A((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");
+  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 Be() {
+  const e = j(Q);
   if (!e) throw new Error("[Vuetify] Could not find defaults instance");
   return e;
 }
 function vn(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[A(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");
+  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] : Be();
+  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 = b(() => {
     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;
+  }), r = new Proxy(e, {
+    get(o, f) {
+      var g, w, F, _, E, P, W;
+      const v = Reflect.get(o, f);
+      return f === "class" || f === "style" ? [(g = a.value) == null ? void 0 : g[f], v].filter((c) => c != null) : typeof f == "string" && !vn(s.vnode, f) ? ((w = a.value) == null ? void 0 : w[f]) !== void 0 ? (F = a.value) == null ? void 0 : F[f] : ((E = (_ = t.value) == null ? void 0 : _.global) == null ? void 0 : E[f]) !== void 0 ? (W = (P = t.value) == null ? void 0 : P.global) == null ? void 0 : W[f] : v : v;
     }
   }), u = Te();
-  xe(() => {
+  be(() => {
     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 [v] = f;
+        return v.startsWith(v[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 y() {
+    const o = hn(Q, s);
+    _e(Q, b(() => u.value ? pe((o == null ? void 0 : o.value) ?? {}, u.value) : o == null ? void 0 : o.value));
   }
   return {
-    props: i,
-    provideSubDefaults: m
+    props: r,
+    provideSubDefaults: y
   };
 }
 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 = I(e.props ?? {}, e.name)();
     const n = Object.keys(e.props).filter((t) => t !== "class" && t !== "style");
     e.filterProps = function(s) {
       return je(s, n);
     }, e.props._as = String, e.setup = function(s, a) {
-      const i = Fe();
-      if (!i.value) return e._setup(s, a);
+      const r = Be();
+      if (!r.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: y
+      } = kn(s, s._as ?? e.name, r), o = e._setup(u, a);
+      return y(), o;
     };
   }
   return e;
 }
-function Be() {
+function Ie() {
   let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : !0;
-  return (n) => (e ? X : $)(n);
+  return (n) => (e ? X : M)(n);
 }
 function Cn(e) {
-  const n = O("useRender");
+  const n = H("useRender");
   n.render = e;
 }
-const he = Symbol.for("vuetify:theme"), Vn = p({
+const he = Symbol.for("vuetify:theme"), Vn = I({
   theme: String
 }, "theme");
-function xn(e) {
-  O("provideTheme");
-  const n = ee(he, null);
+function bn(e) {
+  H("provideTheme");
+  const n = j(he, 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 = b(() => e.theme ?? n.name.value), s = b(() => n.themes.value[t.value]), a = b(() => n.isDisabled ? void 0 : `v-theme--${t.value}`), r = {
     ...n,
     name: t,
     current: s,
     themeClasses: a
   };
-  return be(he, i), i;
+  return _e(he, r), r;
 }
-const bn = p({
+const _n = I({
   tag: {
     type: String,
     default: "div"
   }
 }, "tag");
-function Sn(e) {
-  return pe(() => {
+function xn(e) {
+  return we(() => {
     const n = [], t = {};
     if (e.value.background)
-      if (Q(e.value.background)) {
+      if (J(e.value.background)) {
         if (t.backgroundColor = e.value.background, !e.value.text && cn(e.value.background)) {
-          const s = M(e.value.background);
+          const s = z(e.value.background);
           if (s.a == null || s.a === 1) {
             const a = gn(s);
             t.color = a, t.caretColor = a;
@@ -363,34 +363,34 @@ function Sn(e) {
         }
       } 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(() => ({
-    text: Pe(e) ? e.value : null
+function pn(e, n) {
+  const t = b(() => ({
+    text: ze(e) ? e.value : null
   })), {
     colorClasses: s,
     colorStyles: a
-  } = Sn(t);
+  } = xn(t);
   return {
     textColorClasses: s,
     textColorStyles: a
   };
 }
-const Ie = [String, Function, Object, Array], pn = Symbol.for("vuetify:icons"), Y = p({
+const $e = [String, Function, Object, Array], Sn = Symbol.for("vuetify:icons"), Y = I({
   icon: {
-    type: Ie
+    type: $e
   },
   // Could not remove this and use makeTagProps, types complained because it is not required
   tag: {
     type: String,
     required: !0
   }
-}, "icon"), ve = Be()({
+}, "icon"), ve = Ie()({
   name: "VComponentIcon",
   props: Y(),
   setup(e, n) {
@@ -399,10 +399,10 @@ 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)];
         }
       });
     };
@@ -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, xe(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,23 +448,23 @@ 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 n = j(Sn);
   if (!n) throw new Error("Missing Vuetify Icons provide!");
   return {
-    iconData: C(() => {
+    iconData: b(() => {
       var o;
       const s = q(e);
       if (!s) return {
         component: ve
       };
       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,
           icon: a
@@ -474,14 +474,14 @@ const Fn = (e) => {
           component: ve,
           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 r = Object.keys(n.sets).find((f) => typeof a == "string" && a.startsWith(`${f}:`)), u = r ? a.slice(r.length + 1) : a;
       return {
-        component: n.sets[i ?? n.defaultSet].component,
+        component: n.sets[r ?? n.defaultSet].component,
         icon: u
       };
     })
   };
-}, Bn = ["x-small", "small", "default", "large", "x-large"], In = p({
+}, Bn = ["x-small", "small", "default", "large", "x-large"], In = I({
   size: {
     type: [String, Number],
     default: "default"
@@ -489,75 +489,100 @@ const Fn = (e) => {
 }, "size");
 function $n(e) {
   let n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : yn();
-  return pe(() => {
+  return we(() => {
     let t, s;
     return nn(Bn, e.size) ? t = `${n}--size-${e.size}` : e.size && (s = {
-      width: T(e.size),
-      height: T(e.size)
+      width: O(e.size),
+      height: O(e.size)
     }), {
       sizeClasses: t,
       sizeStyles: s
     };
   });
 }
-const An = p({
+const Dn = I({
   color: String,
   disabled: Boolean,
   start: Boolean,
   end: Boolean,
-  icon: Ie,
+  icon: $e,
   ...Qe(),
   ...In(),
-  ...bn({
+  ..._n({
     tag: "i"
   }),
   ...Vn()
-}, "VIcon"), Dn = Be()({
+}, "VIcon"), An = Ie()({
   name: "VIcon",
-  props: An(),
+  props: Dn(),
   setup(e, n) {
     let {
       attrs: t,
       slots: s
     } = n;
-    const a = L(), {
-      themeClasses: i
-    } = xn(e), {
+    const a = T(), {
+      themeClasses: r
+    } = bn(e), {
       iconData: u
-    } = Fn(C(() => a.value || e.icon)), {
-      sizeClasses: m
+    } = Fn(b(() => a.value || e.icon)), {
+      sizeClasses: y
     } = $n(e), {
       textColorClasses: o,
-      textColorStyles: d
-    } = _n(Re(e, "color"));
+      textColorStyles: f
+    } = pn(Oe(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);
+      var w, F;
+      const v = (w = s.default) == null ? void 0 : w.call(s);
+      v && (a.value = (F = Se(v).filter((_) => _.type === Re && _.children && typeof _.children == "string")[0]) == null ? void 0 : F.children);
       const g = !!(t.onClick || t.onClickOnce);
-      return k(u.value.component, {
+      return C(u.value.component, {
         tag: e.tag,
         icon: u.value.icon,
-        class: ["v-icon", "notranslate", i.value, m.value, o.value, {
+        class: ["v-icon", "notranslate", r.value, y.value, o.value, {
           "v-icon--clickable": g,
           "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],
+        style: [y.value ? void 0 : {
+          fontSize: O(e.size),
+          height: O(e.size),
+          width: O(e.size)
+        }, f.value, e.style],
         role: g ? "button" : void 0,
         "aria-hidden": !g,
         tabindex: g ? e.disabled ? -1 : 0 : void 0
       }, {
-        default: () => [y]
+        default: () => [v]
       });
     }), {};
   }
-}), Ln = /* @__PURE__ */ $({
+}), Mn = (e, n) => {
+  const t = e.__vccOpts || e;
+  for (const [s, a] of n)
+    t[s] = a;
+  return t;
+}, Pn = {};
+function Ln(e, n) {
+  const t = p("v-btn"), s = p("v-color-picker"), a = p("v-menu");
+  return S(), B(a, { "close-on-content-click": !1 }, {
+    activator: ne(({ props: r }) => [
+      C(t, xe(r, {
+        density: "comfortable",
+        color: "#00000000",
+        block: ""
+      }), null, 16)
+    ]),
+    default: ne(() => [
+      C(s, {
+        "show-swatches": "",
+        "swatches-max-height": "150px"
+      })
+    ]),
+    _: 1
+  });
+}
+const Tn = /* @__PURE__ */ Mn(Pn, [["render", Ln]]), zn = /* @__PURE__ */ M({
   __name: "index",
   props: /* @__PURE__ */ Z({
     min: { default: () => -1 / 0 },
@@ -571,13 +596,14 @@ 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 = p("v-number-input");
+      return S(), B(a, {
         modelValue: n.value,
-        "onUpdate:modelValue": s[0] || (s[0] = (i) => n.value = i),
-        variant: "outlined",
+        "onUpdate:modelValue": s[0] || (s[0] = (r) => n.value = r),
+        density: "compact",
+        "control-variant": "stacked",
         min: t.min,
         max: t.max,
         precision: t.precision,
@@ -588,31 +614,32 @@ const An = p({
       }, null, 8, ["modelValue", "min", "max", "precision", "step", "readonly"]);
     };
   }
-}), Mn = /* @__PURE__ */ $({
+}), On = /* @__PURE__ */ M({
   __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 = p("v-select");
+      return S(), B(a, {
         modelValue: n.value,
-        "onUpdate:modelValue": s[0] || (s[0] = (i) => n.value = i),
-        variant: "outlined",
+        "onUpdate:modelValue": s[0] || (s[0] = (r) => n.value = r),
         density: "compact",
+        items: t.items,
         "hide-details": "",
         "single-line": "",
         readonly: t.readonly
-      }, null, 8, ["modelValue", "readonly"]);
+      }, null, 8, ["modelValue", "items", "readonly"]);
     };
   }
-}), ke = /* @__PURE__ */ $({
+}), ke = /* @__PURE__ */ M({
   __name: "index",
   props: /* @__PURE__ */ Z({
     readonly: { type: Boolean, default: !1 },
@@ -623,23 +650,22 @@ const An = p({
   }),
   emits: /* @__PURE__ */ Z(["delete"], ["update:modelValue"]),
   setup(e, { emit: n }) {
-    const t = ne(e, "modelValue"), s = n;
-    return (a, i) => {
-      const u = z("v-text-field");
-      return _(), I(u, {
+    const t = ee(e, "modelValue"), s = n;
+    return (a, r) => {
+      const u = p("v-text-field");
+      return S(), B(u, {
         modelValue: t.value,
-        "onUpdate:modelValue": i[0] || (i[0] = (m) => t.value = m),
-        variant: "outlined",
+        "onUpdate:modelValue": r[0] || (r[0] = (y) => t.value = y),
         density: "compact",
         "append-inner-icon": a.hasDelete ? q(Ke) : "",
         "hide-details": "",
         "single-line": "",
         readonly: a.readonly,
-        "onClick:appendInner": i[1] || (i[1] = (m) => s("delete"))
+        "onClick:appendInner": r[1] || (r[1] = (y) => s("delete"))
       }, null, 8, ["modelValue", "append-inner-icon", "readonly"]);
     };
   }
-}), Ce = /* @__PURE__ */ $({
+}), Ce = /* @__PURE__ */ M({
   __name: "index",
   props: {
     title: {},
@@ -650,40 +676,40 @@ const An = p({
   },
   emits: ["collapse", "create", "delete"],
   setup(e, { emit: n }) {
-    const t = e, s = n, a = C(() => ({
+    const t = n, s = b(() => ({
       height: "36px"
     }));
-    return (i, u) => {
-      const m = z("v-icon"), o = z("v-spacer"), d = He("ripple");
-      return Ne((_(), Ee("div", {
+    return (a, r) => {
+      const u = p("v-icon"), y = p("v-spacer"), o = Ne("ripple");
+      return He((S(), Ee("div", {
         class: "d-flex align-center",
-        style: We(a.value),
-        onClick: u[2] || (u[2] = (y) => s("collapse", !t.collapse))
+        style: We(s.value),
+        onClick: r[2] || (r[2] = (f) => t("collapse", !a.collapse))
       }, [
-        k(m, {
+        C(u, {
           class: "mr-1",
-          icon: t.collapse ? q(Ye) : q(Xe)
+          icon: a.collapse ? q(Ye) : q(Xe)
         }, null, 8, ["icon"]),
-        Ue("span", null, Ge(t.title), 1),
-        k(o),
-        t.hasCreate ? (_(), I(m, {
+        Ue("span", null, Ge(a.title), 1),
+        C(y),
+        a.hasCreate ? (S(), B(u, {
           key: 0,
           class: "ml-3",
           icon: "$plus",
-          onClick: u[0] || (u[0] = te((y) => s("create"), ["stop"]))
+          onClick: r[0] || (r[0] = te((f) => t("create"), ["stop"]))
         })) : se("", !0),
-        t.hasDelete ? (_(), I(m, {
+        a.hasDelete ? (S(), B(u, {
           key: 1,
           class: "ml-3",
           icon: "$sub",
-          onClick: u[1] || (u[1] = te((y) => s("delete", t.index), ["stop"]))
+          onClick: r[1] || (r[1] = te((f) => t("delete", a.index), ["stop"]))
         })) : se("", !0)
       ], 4)), [
-        [d]
+        [o]
       ]);
     };
   }
-}), Tn = /* @__PURE__ */ $({
+}), Rn = /* @__PURE__ */ M({
   __name: "index",
   props: {
     unique: {},
@@ -692,22 +718,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 } = qe(), { backgroundColor2: s } = Ze(), a = e, r = n, u = T("20px"), y = T("56px"), o = T("10px"), f = T("250px"), v = Ve({});
+    function g(c, l, i, d) {
+      return l.keyFlag || (c !== "" && (c += "."), c += l.key), l.children ? l.array ? w(c, l, i, d) : F(c, l, i, d) : l.array ? _(c, l, i) : E(c, l, i);
     }
-    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 w(c, l, i, d) {
+      i[l.key] instanceof Array || (i[l.key] = [], r("change", c, i[l.key]));
+      const V = k(Ce, {
         title: t(l.name),
-        collapse: !!c.collapse,
-        onCollapse: (h) => {
-          c.collapse = h;
+        collapse: !!d.collapse,
+        onCollapse: (m) => {
+          d.collapse = m;
         },
         onCreate: () => {
-          r[l.key].push({}), i("change", f, r[l.key]);
+          i[l.key].push({}), r("change", c, i[l.key]);
         }
-      }), V = v(
+      }), h = k(
         "div",
         {
           style: {
@@ -715,15 +741,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] = {
+          d[l.key] instanceof Array || (d[l.key] = []);
+          for (let m = 0; m < i[l.key].length; m++)
+            typeof d[l.key][m] != "object" && (d[l.key][m] = {
               collapse: !0
             });
           return [];
         })()
       );
-      return v(
+      return k(
         "div",
         {
           style: {
@@ -732,19 +758,19 @@ const An = p({
           }
         },
         (() => {
-          const h = [];
-          return h.push(A), c.collapse || h.push(V), h;
+          const m = [];
+          return m.push(V), d.collapse || m.push(h), m;
         })()
       );
     }
-    function S(f, l, r, c) {
-      const A = v(Ce, {
+    function F(c, l, i, d) {
+      const V = k(Ce, {
         title: t(l.name),
-        collapse: !!c.collapse,
-        onCollapse: (h) => {
-          c.collapse = h;
+        collapse: !!d.collapse,
+        onCollapse: (m) => {
+          d.collapse = m;
         }
-      }), V = v(
+      }), h = k(
         "div",
         {
           style: {
@@ -752,23 +778,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 $;
+          const m = [];
+          return ($ = l.children) == null || $.forEach((x) => {
+            typeof d[x.key] != "object" && (d[x.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 De = g(
+              c,
+              x,
+              l.keyFlag ? i : (typeof i[l.key] != "object" && (i[l.key] = {}, r("change", c, i[l.key])), i[l.key]),
+              d[x.key]
             );
-            h.push($e);
-          }), h;
+            m.push(De);
+          }), m;
         })()
       );
-      return v(
+      return k(
         "div",
         {
           style: {
@@ -777,164 +803,133 @@ const An = p({
           }
         },
         (() => {
-          const h = [];
-          return h.push(A), c.collapse || h.push(V), h;
+          const m = [];
+          return m.push(V), d.collapse || m.push(h), m;
         })()
       );
     }
-    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
-                  }
-                },
-                [
-                  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"
+    function _(c, l, i) {
+      i[l.key] instanceof Array || (i[l.key] = L(l), r("change", c, i[l.key]));
+      let d = () => [];
+      return l.ui === "strInput" ? d = () => {
+        const V = [];
+        for (let m = 0; m < i[l.key].length; m++) {
+          const $ = k(
+            "div",
+            {
+              class: "d-flex align-center justify-center",
+              style: {
+                height: y.value
+              }
+            },
+            [
+              k(ke, {
+                modelValue: i[l.key][m],
+                "onUpdate:modelValue": (x) => {
+                  i[l.key][m] = x, r("change", c, i[l.key]);
                 },
-                onClick: () => {
-                  r[l.key].push(""), i("change", f, r[l.key]);
+                hasDelete: !0,
+                onDelete: () => {
+                  i[l.key].splice(m, 1), r("change", c, i[l.key]);
                 }
-              },
-              [v(Dn, { icon: Je })]
-            );
-            return c.push(A), c;
-          })()
+              })
+            ]
+          );
+          V.push($);
+        }
+        const h = 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: () => {
+              i[l.key].push(""), r("change", c, i[l.key]);
+            }
+          },
+          [k(An, { icon: Je })]
         );
-      console.assert(!1);
+        return V.push(h), V;
+      } : console.assert(!1, "invalid prop ui", l.ui), P(t(l.name), d());
     }
-    function H(f, l) {
-      return v(
-        "div",
-        {
-          class: "d-flex justify-space-between align-center",
-          style: {
-            marginRight: o.value
-          }
+    function E(c, l, i) {
+      let d = () => [];
+      return l.ui === "void" ? i[l.key] === void 0 && (console.assert(l.default !== void 0), i[l.key] = L(l), r("change", c, i[l.key])) : l.ui === "strInput" ? d = () => [k(ke, {
+        modelValue: l.static ? l.value : (typeof i[l.key] != "string" && (i[l.key] = L(l), r("change", c, i[l.key])), i[l.key]),
+        "onUpdate:modelValue": (h) => {
+          l.static || h !== i[l.key] && (i[l.key] = h, r("change", c, h));
         },
-        [
-          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" ? d = () => [k(zn, {
+        modelValue: (typeof i[l.key] != "number" && (i[l.key] = L(l), r("change", c, i[l.key])), i[l.key]),
+        "onUpdate:modelValue": (h) => {
+          h !== i[l.key] && (i[l.key] = h, r("change", c, h));
+        },
+        readonly: l.readonly
+      })] : l.ui === "select" ? d = () => [k(On, {
+        modelValue: (typeof i[l.key] != "string" && (i[l.key] = L(l), r("change", c, i[l.key])), i[l.key]),
+        "onUpdate:modelValue": (h) => {
+          h !== i[l.key] && (i[l.key] = h, r("change", c, h));
+        },
+        items: (() => {
+          var m;
+          const h = [];
+          return (m = l.items) == null || m.forEach(({ title: $, value: x }) => {
+            h.push({
+              title: t($),
+              value: x
+            });
+          }), h;
+        })(),
+        readonly: l.readonly
+      })] : l.ui === "colorPicker" ? d = () => [k(Tn)] : console.assert(!1, "invalid prop ui", l.ui), P(t(l.name), d());
     }
-    function w(f, l) {
-      return v(
+    function P(c, l) {
+      return k(
         "div",
         {
           class: "d-flex justify-space-between align-center",
           style: {
-            height: m.value,
+            minHeight: y.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];
-          a.config.forEach((r) => {
-            const c = g("", r, a.object, l);
-            f.push(c);
+          v[a.unique] || (v[a.unique] = {});
+          const l = v[a.unique];
+          a.config.forEach((i) => {
+            const d = g("", i, a.object, l);
+            c.push(d);
           });
         }
-        return f;
+        return c;
       })()
     );
-    return (f, l) => (_(), I(K));
+    return (c, l) => (S(), B(W));
   }
-}), Pn = (e) => {
-  e.component("XPropTree", Tn);
-}, Nn = { install: Pn };
+}), Nn = (e) => {
+  e.component("XPropTree", Rn);
+}, Gn = { install: Nn };
 export {
-  Nn as default
+  Gn as default
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "x-prop-tree",
   "private": false,
-  "version": "0.4.4",
+  "version": "0.4.6",
   "type": "module",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -26,7 +26,7 @@
     "vue-i18n": "^10.0.4",
     "vuetify": "^3.7.3",
     "x-essential-lib": "^0.7.3",
-    "x-runtime-lib": "^0.4.6"
+    "x-runtime-lib": "^0.4.7"
   },
   "devDependencies": {
     "@eslint/js": "^10.0.0",