@vue/devtools-ui 7.3.5 → 7.3.7

package/dist/index.js

@@ -1,16 +1,20 @@
 // @unocss-include
 
-import { u as te, a as T, b as ae, o as U, r as oe, c as re, d as ne, e as le } from "./vendor-XKDuzWDy.js";
-import { Dropdown as se, VClosePopper as x, Tooltip as ie } from "floating-vue";
-import { vTooltip as bt } from "floating-vue";
-import { openBlock as d, createElementBlock as v, createElementVNode as m, defineComponent as y, useAttrs as de, computed as k, useSlots as K, createBlock as w, resolveDynamicComponent as Y, mergeProps as D, withCtx as f, renderSlot as g, unref as b, createCommentVNode as $, normalizeClass as h, ref as S, onMounted as P, createVNode as _, Transition as F, normalizeStyle as L, toDisplayString as C, h as ue, render as W, normalizeProps as q, guardReactiveProps as X, nextTick as G, watchEffect as I, Teleport as J, createTextVNode as B, withDirectives as N, isRef as R, vModelDynamic as ce, provide as pe, createSlots as Q, inject as me, Fragment as j, renderList as H, withModifiers as fe } from "vue";
-import { i as ge } from "./ic-icons-data-stfsGcEC.js";
-const A = (n, a) => {
+/* empty css             */
+import { Dropdown as ae, VClosePopper as Y, Tooltip as re } from "floating-vue";
+import { vTooltip as Pt } from "floating-vue";
+/* empty css               */
+import { openBlock as d, createElementBlock as f, createElementVNode as m, defineComponent as y, useAttrs as ne, computed as k, useSlots as q, createBlock as w, resolveDynamicComponent as X, mergeProps as D, withCtx as g, renderSlot as v, unref as b, createCommentVNode as $, normalizeClass as h, ref as S, onMounted as E, createVNode as _, Transition as H, normalizeStyle as N, toDisplayString as V, h as le, render as U, normalizeProps as G, guardReactiveProps as J, nextTick as W, watchEffect as P, Teleport as Q, createTextVNode as B, withDirectives as A, isRef as O, vModelDynamic as se, provide as ie, createSlots as Z, inject as de, Fragment as z, renderList as F, withModifiers as ue, shallowRef as ce } from "vue";
+import { useColorMode as pe, useVModel as T, useScrollLock as me, onKeyStroke as ee, refDebounced as fe, refWithControl as ge, useToggle as ve, useElementSize as be } from "@vueuse/core";
+import { i as he } from "./ic-icons-data-stfsGcEC.js";
+import { createHighlighterCore as ye } from "shiki/core";
+import ke from "shiki/wasm";
+const j = (n, o) => {
   const e = n.__vccOpts || n;
-  for (const [u, t] of a)
-    e[u] = t;
+  for (const [s, t] of o)
+    e[s] = t;
   return e;
-}, ve = {}, be = { class: "h-3 w-3 $ui-inline-fcc" }, he = /* @__PURE__ */ m("svg", {
+}, we = {}, $e = { class: "h-3 w-3 $ui-inline-fcc" }, _e = /* @__PURE__ */ m("svg", {
   class: "animate-spin",
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
@@ -29,13 +33,13 @@ const A = (n, a) => {
     fill: "currentColor",
     d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
   })
-], -1), ye = [
-  he
+], -1), Ce = [
+  _e
 ];
-function ke(n, a) {
-  return d(), v("div", be, ye);
+function Ve(n, o) {
+  return d(), f("div", $e, Ce);
 }
-const Z = /* @__PURE__ */ A(ve, [["render", ke]]), we = { key: 2 }, M = /* @__PURE__ */ y({
+const te = /* @__PURE__ */ j(we, [["render", Ve]]), Be = { key: 2 }, M = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "Button",
   props: {
@@ -48,16 +52,16 @@ const Z = /* @__PURE__ */ A(ve, [["render", ke]]), we = { key: 2 }, M = /* @__PU
     outlined: { type: Boolean, default: !1 }
   },
   emits: ["click"],
-  setup(n, { emit: a }) {
-    const e = n, u = a, t = de(), l = k(() => t.to ? "router-link" : t.href ? "a" : "button"), r = k(() => e.loading || e.disabled);
-    function s(i) {
+  setup(n, { emit: o }) {
+    const e = n, s = o, t = ne(), l = k(() => t.to ? "router-link" : t.href ? "a" : "button"), r = k(() => e.loading || e.disabled);
+    function i(u) {
       if (r.value) {
-        i.preventDefault(), i.stopPropagation(), i.stopImmediatePropagation();
+        u.preventDefault(), u.stopPropagation(), u.stopImmediatePropagation();
         return;
       }
-      u("click", i);
+      s("click", u);
     }
-    const o = {
+    const a = {
       common: {
         default: "active:bg-primary-100-darker dark:active:bg-gray-800-darker",
         primary: "active:bg-primary-500-darker",
@@ -94,12 +98,12 @@ const Z = /* @__PURE__ */ A(ve, [["render", ke]]), we = { key: 2 }, M = /* @__PU
         info: "hover:border-info-500 hover:text-info-500 active:ring-info-500:5 active:bg-info-500:5",
         success: "hover:border-primary-500 hover:text-primary-500 active:ring-primary-500:5 active:bg-primary-500:5"
       }
-    }, c = K(), p = k(() => e.flat ? o.flat[e.type] : e.outlined ? o.outlined[e.type] : o.normal[e.type]);
-    return (i, V) => (d(), w(Y(l.value), D(i.$attrs, {
+    }, c = q(), p = k(() => e.flat ? a.flat[e.type] : e.outlined ? a.outlined[e.type] : a.normal[e.type]);
+    return (u, C) => (d(), w(X(l.value), D(u.$attrs, {
       role: "button",
       "aria-disabled": r.value,
       class: ["$ui-base $ui-inline-fcc inline-flex cursor-pointer select-none gap1.25 py-0 no-underline $ui-transition", [
-        [o.common[e.type]],
+        [a.common[e.type]],
         {
           "rounded-full": e.round === "full",
           "$ui-base-br": e.round === "normal",
@@ -107,36 +111,36 @@ const Z = /* @__PURE__ */ A(ve, [["render", ke]]), we = { key: 2 }, M = /* @__PU
           "bg-transparent": e.flat || e.outlined
         },
         [
-          i.outlined ? "b-1 $ui-border-base active:ring-3 shadow-sm" : "border-none",
-          i.size === "mini" ? "px1 text-3 h5.5" : "px3.5 text-3.5 h8",
+          u.outlined ? "b-1 $ui-border-base active:ring-3 shadow-sm" : "border-none",
+          u.size === "mini" ? "px1 text-3 h5.5" : "px3.5 text-3.5 h8",
           p.value
         ]
       ]],
-      onClickCapture: s
+      onClickCapture: i
     }), {
-      default: f(() => [
-        i.loading ? (d(), w(Z, {
+      default: g(() => [
+        u.loading ? (d(), w(te, {
           key: 0,
           class: "mt0.5 h-full w3"
-        })) : g(i.$slots, "icon", {
+        })) : v(u.$slots, "icon", {
           key: 1,
           class: "h-full w3 $ui-inline-fcc"
         }),
-        b(c).default ? (d(), v("div", we, [
-          g(i.$slots, "default")
+        b(c).default ? (d(), f("div", Be, [
+          v(u.$slots, "default")
         ])) : $("", !0),
-        g(i.$slots, "icon-right")
+        v(u.$slots, "icon-right")
       ]),
       _: 3
     }, 16, ["aria-disabled", "class"]));
   }
-}), $e = {}, _e = { class: "mx-0.5 $ui-base inline-block select-none whitespace-nowrap rounded px-1.5 py-0.5 text-xs" };
-function Ve(n, a) {
-  return d(), v("span", _e, [
-    g(n.$slots, "default")
+}), Te = {}, De = { class: "mx-0.5 $ui-base inline-block select-none whitespace-nowrap rounded px-1.5 py-0.5 text-xs" };
+function Me(n, o) {
+  return d(), f("span", De, [
+    v(n.$slots, "default")
   ]);
 }
-const at = /* @__PURE__ */ A($e, [["render", Ve]]), E = /* @__PURE__ */ y({
+const vt = /* @__PURE__ */ j(Te, [["render", Me]]), R = /* @__PURE__ */ y({
   __name: "Icon",
   props: {
     icon: {},
@@ -144,11 +148,11 @@ const at = /* @__PURE__ */ A($e, [["render", Ve]]), E = /* @__PURE__ */ y({
     action: { type: Boolean, default: !1 }
   },
   setup(n) {
-    return (a, e) => (d(), w(Y(a.inline ? "span" : "div"), {
-      class: h(["$ui-base", [a.icon, a.action ? "cursor-pointer hover:op50" : ""]])
+    return (o, e) => (d(), w(X(o.inline ? "span" : "div"), {
+      class: h(["$ui-base", [o.icon, o.action ? "cursor-pointer hover:op50" : ""]])
     }, null, 8, ["class"]));
   }
-}), Ce = /* @__PURE__ */ y({
+}), Se = /* @__PURE__ */ y({
   __name: "Notification",
   props: {
     message: {},
@@ -159,50 +163,50 @@ const at = /* @__PURE__ */ A($e, [["render", Ve]]), E = /* @__PURE__ */ y({
     onClose: {}
   },
   setup(n) {
-    const a = n, e = {
+    const o = n, e = {
       success: "i-carbon-checkmark",
       info: "i-material-symbols-light-info",
       warning: "i-carbon-warning",
       error: "i-carbon-close"
-    }, u = {
+    }, s = {
       success: "text-primary-500 border-primary-200 dark:text-primary-200 dark:border-primary-500",
       info: "text-blue-4 border-blue-2 dark:text-blue-2 dark:border-blue-4",
       warning: "text-amber-4 border-amber-2 dark:border-amber-4",
       error: "text-red-4 border-red-2 dark:border-red-4"
     }, t = S(!1);
-    P(() => {
+    E(() => {
       t.value = !0, setTimeout(() => {
         t.value = !1;
-      }, a.duration);
+      }, o.duration);
     });
-    const l = k(() => a.placement.startsWith("top") ? "translate-y--300%" : "translate-y-300%");
-    return (r, s) => (d(), v("div", {
+    const l = k(() => o.placement.startsWith("top") ? "translate-y--300%" : "translate-y-300%");
+    return (r, i) => (d(), f("div", {
       class: h(["fixed left-0 right-0 $ui-z-max-override text-center", [
         { "top-0": r.placement.startsWith("top") },
         { "bottom-0": r.placement.startsWith("bottom") }
       ]])
     }, [
-      _(F, {
+      _(H, {
         "enter-from-class": l.value,
         "leave-to-class": l.value,
-        onAfterLeave: s[0] || (s[0] = () => {
-          var o;
-          t.value || (o = r.onClose) == null || o.call(r);
+        onAfterLeave: i[0] || (i[0] = () => {
+          var a;
+          t.value || (a = r.onClose) == null || a.call(r);
         })
       }, {
-        default: f(() => [
-          t.value ? (d(), v("div", {
+        default: g(() => [
+          t.value ? (d(), f("div", {
             key: 0,
             class: "flex transition-all duration-300",
-            style: L({ justifyContent: r.placement.includes("right") ? "right" : r.placement.includes("left") ? "left" : "center" })
+            style: N({ justifyContent: r.placement.includes("right") ? "right" : r.placement.includes("left") ? "left" : "center" })
           }, [
             m("div", {
-              class: h(["m3 flex-inline items-center gap2 b-1 b-1 rounded px4 py1 shadow transition-all duration-300 $ui-bg-base", [r.classes, u[r.type]]])
+              class: h(["m3 flex-inline items-center gap2 b-1 b-1 rounded px4 py1 shadow transition-all duration-300 $ui-bg-base", [r.classes, s[r.type]]])
             }, [
               m("div", {
                 class: h(e[r.type])
               }, null, 2),
-              m("div", null, C(r.message), 1)
+              m("div", null, V(r.message), 1)
             ], 2)
           ], 4)) : $("", !0)
         ]),
@@ -211,31 +215,31 @@ const at = /* @__PURE__ */ A($e, [["render", Ve]]), E = /* @__PURE__ */ y({
     ], 2));
   }
 });
-function ot(n) {
-  const a = document.createElement("div");
-  a.classList.add("$ui-z-max-override", "fixed"), document.body.appendChild(a);
+function bt(n) {
+  const o = document.createElement("div");
+  o.classList.add("$ui-z-max-override", "fixed"), document.body.appendChild(o);
   const e = n.onClose;
-  function u() {
-    W(null, a);
+  function s() {
+    U(null, o);
   }
   n.onClose = () => {
-    u(), e == null || e(), document.body.removeChild(a);
+    s(), e == null || e(), document.body.removeChild(o);
   };
-  const t = ue(Ce, n);
-  W(t, a);
+  const t = le(Se, n);
+  U(t, o);
 }
-const Be = "__vue-devtools-theme__";
-function Te(n = {}) {
-  const a = te({
+const Ie = "__vue-devtools-theme__";
+function Pe(n = {}) {
+  const o = pe({
     ...n,
-    storageKey: Be
+    storageKey: Ie
   });
   return {
-    colorMode: a,
-    isDark: k(() => a.value === "dark")
+    colorMode: o,
+    isDark: k(() => o.value === "dark")
   };
 }
-const De = { class: "$ui-dark-toggle-vtr" }, rt = /* @__PURE__ */ y({
+const ze = { class: "$ui-dark-toggle-vtr" }, ht = /* @__PURE__ */ y({
   __name: "DarkToggle",
   props: {
     isDark: { type: Boolean, default: !1 },
@@ -243,54 +247,54 @@ const De = { class: "$ui-dark-toggle-vtr" }, rt = /* @__PURE__ */ y({
     animationDuration: { default: 400 }
   },
   setup(n) {
-    const a = n, e = T(a, "isDark"), { colorMode: u } = Te({
+    const o = n, e = T(o, "isDark"), { colorMode: s } = Pe({
       initialValue: e.value ? "dark" : "light",
-      onChanged: (s) => {
-        e.value = s === "dark";
+      onChanged: (i) => {
+        e.value = i === "dark";
       }
     }), t = k({
-      get: () => u.value === "dark",
-      set: (s) => u.value = s ? "dark" : "light"
+      get: () => s.value === "dark",
+      set: (i) => s.value = i ? "dark" : "light"
     }), l = document.startViewTransition && !window.matchMedia("(prefers-reduced-motion: reduce)").matches;
-    function r(s) {
-      if (!l || !s || !a.animation) {
+    function r(i) {
+      if (!l || !i || !o.animation) {
         t.value = !t.value;
         return;
       }
-      const o = s.clientX, c = s.clientY, p = Math.hypot(
-        Math.max(o, innerWidth - o),
+      const a = i.clientX, c = i.clientY, p = Math.hypot(
+        Math.max(a, innerWidth - a),
         Math.max(c, innerHeight - c)
       );
       document.startViewTransition(async () => {
-        t.value = !t.value, await G();
+        t.value = !t.value, await W();
       }).ready.then(() => {
-        const V = [
-          `circle(0px at ${o}px ${c}px)`,
-          `circle(${p}px at ${o}px ${c}px)`
+        const C = [
+          `circle(0px at ${a}px ${c}px)`,
+          `circle(${p}px at ${a}px ${c}px)`
         ];
         document.documentElement.animate(
           {
-            clipPath: t.value ? [...V].reverse() : V
+            clipPath: t.value ? [...C].reverse() : C
           },
           {
-            duration: a.animationDuration,
+            duration: o.animationDuration,
             easing: "ease-in",
             pseudoElement: t.value ? "::view-transition-old(root)" : "::view-transition-new(root)"
           }
         );
       });
     }
-    return (s, o) => (d(), v("span", De, [
-      g(s.$slots, "default", q(X({ mode: b(u), isDark: t.value, toggle: r })))
+    return (i, a) => (d(), f("span", ze, [
+      v(i.$slots, "default", G(J({ mode: b(s), isDark: t.value, toggle: r })))
     ]));
   }
-}), Me = {}, Se = { class: "$ui-base border $ui-border-base rounded shadow-sm" };
-function Ie(n, a) {
-  return d(), v("div", Se, [
-    g(n.$slots, "default")
+}), Ee = {}, Le = { class: "$ui-base border $ui-border-base rounded shadow-sm" };
+function Fe(n, o) {
+  return d(), f("div", Le, [
+    v(n.$slots, "default")
   ]);
 }
-const nt = /* @__PURE__ */ A(Me, [["render", Ie]]), ee = /* @__PURE__ */ y({
+const yt = /* @__PURE__ */ j(Ee, [["render", Fe]]), oe = /* @__PURE__ */ y({
   __name: "Overlay",
   props: {
     dim: { type: Boolean },
@@ -298,19 +302,19 @@ const nt = /* @__PURE__ */ A(Me, [["render", Ie]]), ee = /* @__PURE__ */ y({
     position: { default: "fixed" }
   },
   setup(n) {
-    return (a, e) => (d(), v("div", {
+    return (o, e) => (d(), f("div", {
       class: h(["left-0 top-0 $ui-z-max h-full w-full $ui-fcc transition-opacity transition-duration-300 $ui-bg-base", [
-        a.dim ? "bg-opacity-50!" : "bg-opacity-0!",
-        a.blur ? "backdrop-blur-sm" : "",
-        a.position
+        o.dim ? "bg-opacity-50!" : "bg-opacity-0!",
+        o.blur ? "backdrop-blur-sm" : "",
+        o.position
       ]])
     }, [
-      g(a.$slots, "default")
+      v(o.$slots, "default")
     ], 2));
   }
-}), Pe = { class: "h7.5 w-full $ui-fbc" }, ze = { class: "text-4.5" }, Ee = /* @__PURE__ */ m("div", { class: "i-carbon-close" }, null, -1), Fe = [
-  Ee
-], Le = { class: "content transition-all transition-duration-300" }, Ne = { class: "footer h8 w-full transition-all transition-duration-300 delay-250" }, Re = { class: "$ui-fcc" }, Ae = /* @__PURE__ */ y({
+}), Re = { class: "h7.5 w-full $ui-fbc" }, He = { class: "text-4.5" }, Ne = /* @__PURE__ */ m("div", { class: "i-carbon-close" }, null, -1), We = [
+  Ne
+], Ae = { class: "content transition-all transition-duration-300" }, Oe = { class: "footer h8 w-full transition-all transition-duration-300 delay-250" }, je = { class: "$ui-fcc" }, xe = /* @__PURE__ */ y({
   __name: "Dialog",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -325,67 +329,67 @@ const nt = /* @__PURE__ */ A(Me, [["render", Ie]]), ee = /* @__PURE__ */ y({
     position: {}
   },
   emits: ["close", "update:modelValue"],
-  setup(n, { emit: a }) {
-    const e = n, t = T(e, "modelValue", a, { passive: !0 }), l = ae(() => window.document.documentElement);
-    I(() => {
+  setup(n, { emit: o }) {
+    const e = n, t = T(e, "modelValue", o, { passive: !0 }), l = me(() => window.document.documentElement);
+    P(() => {
       t.value ? l.value = !0 : l.value = !1;
     });
     function r() {
       t.value && e.autoClose && (t.value = !1);
     }
-    U("Escape", () => {
+    ee("Escape", () => {
       r();
     });
-    const s = S(!1);
-    return P(() => s.value = !0), (o, c) => s.value || o.mountTo === "body" ? (d(), w(J, {
+    const i = S(!1);
+    return E(() => i.value = !0), (a, c) => i.value || a.mountTo === "body" ? (d(), w(Q, {
       key: 0,
-      to: o.mountTo
+      to: a.mountTo
     }, [
-      _(F, {
+      _(H, {
         "enter-from-class": "opacity-0 [&_.modal]:scale-95 [&_.content,&_.footer]:translate-y--2.5 [&_.content,&_.footer]:opacity-0",
         "enter-to-class": "opacity-100 [&_.modal]:scale-100",
         "leave-from-class": "opacity-100 [&_.modal]:scale-100",
         "leave-to-class": "opacity-0 [&_.modal]:scale-95"
       }, {
-        default: f(() => [
-          b(t) ? (d(), w(ee, {
+        default: g(() => [
+          b(t) ? (d(), w(oe, {
             key: 0,
-            dim: o.dim,
-            blur: o.blur,
-            position: o.position
+            dim: a.dim,
+            blur: a.blur,
+            position: a.position
           }, {
-            default: f(() => [
+            default: g(() => [
               m("div", {
                 class: "modal relative grid grid-rows-[1.875rem_1fr_2.5rem] $ui-base max-h-[calc(100vh-6.25rem)] max-w-[calc(100vw-6.25rem)] min-h-6.25rem min-w-12.5rem gap-2.5 rounded-md bg-white px6 py4.5 color-gray-800 shadow-2xl transition-transform transition-duration-300 dark:bg-gray-900 dark:color-gray-200",
-                style: L({
+                style: N({
                   width: e.width,
                   height: e.height
                 })
               }, [
-                m("div", Pe, [
-                  m("div", ze, [
-                    g(o.$slots, "title", {}, () => [
-                      B(C(e.title), 1)
+                m("div", Re, [
+                  m("div", He, [
+                    v(a.$slots, "title", {}, () => [
+                      B(V(e.title), 1)
                     ])
                   ]),
-                  o.closable ? (d(), v("div", {
+                  a.closable ? (d(), f("div", {
                     key: 0,
                     class: "h6 w6 $ui-fcc cursor-pointer rounded-full transition-colors hover:bg-primary-100 dark:hover:bg-gray-700",
                     onClick: r
-                  }, Fe)) : $("", !0)
+                  }, We)) : $("", !0)
                 ]),
-                m("div", Le, [
-                  g(o.$slots, "default")
+                m("div", Ae, [
+                  v(a.$slots, "default")
                 ]),
-                m("div", Ne, [
-                  g(o.$slots, "footer", {}, () => [
-                    g(o.$slots, "footer", {}, () => [
-                      m("div", Re, [
+                m("div", Oe, [
+                  v(a.$slots, "footer", {}, () => [
+                    v(a.$slots, "footer", {}, () => [
+                      m("div", je, [
                         _(M, {
                           type: "primary",
                           onClick: r
                         }, {
-                          default: f(() => [
+                          default: g(() => [
                             B(" close ")
                           ]),
                           _: 1
@@ -403,10 +407,10 @@ const nt = /* @__PURE__ */ A(Me, [["render", Ie]]), ee = /* @__PURE__ */ y({
       })
     ], 8, ["to"])) : $("", !0);
   }
-}), Oe = ["type", "placeholder", "disabled"], We = {
+}), Ue = ["type", "placeholder", "disabled"], Ke = {
   key: 3,
   class: "pointer-events-none absolute bottom--0.25 left-50% right-50% z-9999 h-0.75 bg-primary-500 opacity-0 transition-all duration-240 group-[&.focused]:left-0 group-[&.focused]:right-0 group-[&.focused]:opacity-100 group-[&.accent.focused]:bg-accent-500"
-}, z = "transition-colors $ui-fcc color-gray-500 dark:color-gray-300 group-[&.focused]:color-primary-500; group-[&.accent.focused]:color-accent-500", je = /* @__PURE__ */ y({
+}, L = "transition-colors $ui-fcc color-gray-500 dark:color-gray-300 group-[&.focused]:color-primary-500; group-[&.accent.focused]:color-accent-500", Ye = /* @__PURE__ */ y({
   __name: "Input",
   props: {
     modelValue: {},
@@ -422,71 +426,71 @@ const nt = /* @__PURE__ */ A(Me, [["render", Ie]]), ee = /* @__PURE__ */ y({
     type: { default: "text" }
   },
   emits: ["update:modelValue", "updateFocused", "keyTab"],
-  setup(n, { emit: a }) {
-    const e = n, u = a, t = T(e, "modelValue", u), l = oe(k(() => e.loading), e.loadingDebounceTime), r = re(!1, {
-      onChanged(i) {
-        u("updateFocused", i);
+  setup(n, { emit: o }) {
+    const e = n, s = o, t = T(e, "modelValue", s), l = fe(k(() => e.loading), e.loadingDebounceTime), r = ge(!1, {
+      onChanged(u) {
+        s("updateFocused", u);
       }
-    }), s = k(() => e.variant === "flat" || e.variant === "warning" || e.disabled || e.readonly), o = k(() => e.disabled || l.value), c = S();
+    }), i = k(() => e.variant === "flat" || e.variant === "warning" || e.disabled || e.readonly), a = k(() => e.disabled || l.value), c = S();
     let p = !1;
-    return I(() => {
-      l.value && r.value ? p = !0 : !l.value && p && (p = !1, G(() => {
+    return P(() => {
+      l.value && r.value ? p = !0 : !l.value && p && (p = !1, W(() => {
         r.value = !0;
       }));
-    }), P(() => {
+    }), E(() => {
       e.autoFocus && (r.value = !0);
-    }), I(() => {
-      var i;
-      r.value && ((i = c.value) == null || i.focus());
-    }), (i, V) => (d(), v("div", {
+    }), P(() => {
+      var u;
+      r.value && ((u = c.value) == null || u.focus());
+    }), (u, C) => (d(), f("div", {
       class: h(["group relative w-50 w-auto flex items-center justify-between gap-0.5 overflow-hidden b-1 rounded-1 px3 py-0.75 color-gray-800 dark:color-gray-100", [
         {
-          "border-none bg-transparent group": i.variant === "flat",
-          "cursor-not-allowed opacity-50": o.value,
-          accent: i.variant === "accent",
+          "border-none bg-transparent group": u.variant === "flat",
+          "cursor-not-allowed opacity-50": a.value,
+          accent: u.variant === "accent",
           focused: b(r)
         },
         [
-          i.variant === "warning" ? "border-warning-500 dark:border-warning-300" : "border-primary-100 dark:border-gray-700"
+          u.variant === "warning" ? "border-warning-500 dark:border-warning-300" : "border-primary-100 dark:border-gray-700"
         ]
       ]]),
-      onClick: V[2] || (V[2] = () => {
+      onClick: C[2] || (C[2] = () => {
         r.value = !0;
       })
     }, [
-      i.leftIcon ? (d(), v("div", {
+      u.leftIcon ? (d(), f("div", {
         key: 0,
-        class: h(z)
+        class: h(L)
       }, [
-        _(E, { icon: i.leftIcon }, null, 8, ["icon"])
+        _(R, { icon: u.leftIcon }, null, 8, ["icon"])
       ])) : $("", !0),
-      N(m("input", {
+      A(m("input", {
         ref_key: "inputRef",
         ref: c,
-        "onUpdate:modelValue": V[0] || (V[0] = (O) => R(t) ? t.value = O : null),
+        "onUpdate:modelValue": C[0] || (C[0] = (x) => O(t) ? t.value = x : null),
         class: "$ui-base w-full bg-transparent color-inherit outline-none placeholder-color-gray-500 dark:placeholder-gray-300",
-        type: i.type,
-        placeholder: i.placeholder,
-        disabled: o.value || i.readonly,
-        onBlur: V[1] || (V[1] = (O) => r.value = !1)
-      }, null, 40, Oe), [
-        [ce, b(t)]
+        type: u.type,
+        placeholder: u.placeholder,
+        disabled: a.value || u.readonly,
+        onBlur: C[1] || (C[1] = (x) => r.value = !1)
+      }, null, 40, Ue), [
+        [se, b(t)]
       ]),
-      b(l) ? (d(), v("div", {
+      b(l) ? (d(), f("div", {
         key: 1,
-        class: h(z)
+        class: h(L)
       }, [
-        _(Z)
-      ])) : i.rightIcon ? (d(), v("div", {
+        _(te)
+      ])) : u.rightIcon ? (d(), f("div", {
         key: 2,
-        class: h(z)
+        class: h(L)
       }, [
-        _(E, { icon: i.rightIcon }, null, 8, ["icon"])
+        _(R, { icon: u.rightIcon }, null, 8, ["icon"])
       ])) : $("", !0),
-      s.value ? $("", !0) : (d(), v("div", We))
+      i.value ? $("", !0) : (d(), f("div", Ke))
     ], 2));
   }
-}), He = { class: "$ui-base" }, lt = /* @__PURE__ */ y({
+}), qe = { class: "$ui-base" }, kt = /* @__PURE__ */ y({
   __name: "FormField",
   props: {
     modelValue: {},
@@ -496,40 +500,40 @@ const nt = /* @__PURE__ */ A(Me, [["render", Ie]]), ee = /* @__PURE__ */ y({
     placeholder: {}
   },
   emits: ["update:modelValue"],
-  setup(n, { emit: a }) {
-    const e = n, t = T(e, "modelValue", a), l = S(!1), r = k(() => e.message && e.message.length && e.showMessage), s = {
+  setup(n, { emit: o }) {
+    const e = n, t = T(e, "modelValue", o), l = S(!1), r = k(() => e.message && e.message.length && e.showMessage), i = {
       normal: "color-gray-600 dark:color-gray-400",
       warning: "color-warning-500 dark:color-warning-200",
       danger: "color-danger-500 dark:color-danger-200",
       success: "color-primary-700 dark:color-primary-500"
-    }, o = {
+    }, a = {
       warning: "i-bx:bxs-error",
       danger: "i-ic-round-error",
       success: "i-ep:success-filled"
     };
-    return (c, p) => (d(), v("div", He, [
-      _(je, {
+    return (c, p) => (d(), f("div", qe, [
+      _(Ye, {
         modelValue: b(t),
-        "onUpdate:modelValue": p[0] || (p[0] = (i) => R(t) ? t.value = i : null),
+        "onUpdate:modelValue": p[0] || (p[0] = (u) => O(t) ? t.value = u : null),
         placeholder: c.placeholder,
-        onUpdateFocused: p[1] || (p[1] = (i) => l.value = i)
+        onUpdateFocused: p[1] || (p[1] = (u) => l.value = u)
       }, null, 8, ["modelValue", "placeholder"]),
       m("div", {
         class: h(["mt2 $ui-base text-3.5", [
-          s[c.status],
+          i[c.status],
           { "opacity-65": !l.value }
         ]])
       }, [
-        c.status !== "normal" && r.value ? (d(), w(E, {
+        c.status !== "normal" && r.value ? (d(), w(R, {
           key: 0,
           inline: "",
-          icon: o[c.status]
+          icon: a[c.status]
         }, null, 8, ["icon"])) : $("", !0),
-        B(" " + C(r.value ? c.message : ""), 1)
+        B(" " + V(r.value ? c.message : ""), 1)
       ], 2)
     ]));
   }
-}), Ue = { class: "overflow-hidden rounded-lg shadow-lg" }, xe = /* @__PURE__ */ m("div", { class: "p2 opacity-40" }, " Empty... ", -1), Ke = /* @__PURE__ */ y({
+}), Xe = { class: "overflow-hidden rounded-lg shadow-lg" }, Ge = /* @__PURE__ */ m("div", { class: "p2 opacity-40" }, " Empty... ", -1), Je = /* @__PURE__ */ y({
   __name: "Dropdown",
   props: {
     label: {},
@@ -544,8 +548,8 @@ const nt = /* @__PURE__ */ A(Me, [["render", Ie]]), ee = /* @__PURE__ */ y({
   },
   emits: ["update:visible"],
   setup(n) {
-    const a = n;
-    return pe("$ui-dropdown-disabled", k(() => a.disabled)), (e, u) => (d(), w(b(se), {
+    const o = n;
+    return ie("$ui-dropdown-disabled", k(() => o.disabled)), (e, s) => (d(), w(b(ae), {
       disabled: e.disabled,
       class: "inline-block w-auto",
       shown: e.shown,
@@ -553,36 +557,36 @@ const nt = /* @__PURE__ */ A(Me, [["render", Ie]]), ee = /* @__PURE__ */ y({
       distance: e.distance + 6,
       placement: e.placement,
       skidding: e.skidding,
-      "onUpdate:shown": u[0] || (u[0] = (t) => e.$emit("update:visible", t)),
-      onClick: u[1] || (u[1] = (t) => {
+      "onUpdate:shown": s[0] || (s[0] = (t) => e.$emit("update:visible", t)),
+      onClick: s[1] || (s[1] = (t) => {
         t.stopPropagation();
       })
     }, {
-      popper: f(({ hide: t }) => [
-        m("div", Ue, [
-          g(e.$slots, "popper", q(X({ hide: t })), () => [
-            xe
+      popper: g(({ hide: t }) => [
+        m("div", Xe, [
+          v(e.$slots, "popper", G(J({ hide: t })), () => [
+            Ge
           ])
         ])
       ]),
-      default: f(() => [
-        g(e.$slots, "default", {}, () => [
+      default: g(() => [
+        v(e.$slots, "default", {}, () => [
           _(M, D({
             ...e.buttonProps,
             disabled: e.disabled
-          }, { class: e.buttonClass }), Q({
-            icon: f(() => [
-              g(e.$slots, "button-icon")
+          }, { class: e.buttonClass }), Z({
+            icon: g(() => [
+              v(e.$slots, "button-icon")
             ]),
-            "icon-right": f(() => [
-              g(e.$slots, "button-icon-right")
+            "icon-right": g(() => [
+              v(e.$slots, "button-icon-right")
             ]),
             _: 2
           }, [
             e.label ? {
               name: "default",
-              fn: f(() => [
-                B(C(e.label), 1)
+              fn: g(() => [
+                B(V(e.label), 1)
               ]),
               key: "0"
             } : void 0
@@ -592,7 +596,7 @@ const nt = /* @__PURE__ */ A(Me, [["render", Ie]]), ee = /* @__PURE__ */ y({
       _: 3
     }, 8, ["disabled", "shown", "triggers", "distance", "placement", "skidding"]));
   }
-}), st = /* @__PURE__ */ y({
+}), wt = /* @__PURE__ */ y({
   __name: "DropdownButton",
   props: {
     type: {},
@@ -605,26 +609,26 @@ const nt = /* @__PURE__ */ A(Me, [["render", Ie]]), ee = /* @__PURE__ */ y({
     keepOpen: { type: Boolean, default: !1 }
   },
   setup(n) {
-    const a = n, e = me("$ui-dropdown-disabled", void 0);
-    return (u, t) => N((d(), w(M, D({
-      ...a,
+    const o = n, e = de("$ui-dropdown-disabled", void 0);
+    return (s, t) => A((d(), w(M, D({
+      ...o,
       round: !1
     }, {
       disabled: b(e),
       class: "w-full justify-start transition-colors not-action:bg-transparent!"
     }), {
-      icon: f(() => [
-        g(u.$slots, "icon")
+      icon: g(() => [
+        v(s.$slots, "icon")
       ]),
-      default: f(() => [
-        g(u.$slots, "default")
+      default: g(() => [
+        v(s.$slots, "default")
       ]),
       _: 3
     }, 16, ["disabled"])), [
-      [b(x)]
+      [b(Y)]
     ]);
   }
-}), Ye = { class: "$ui-fec gap2.5" }, it = /* @__PURE__ */ y({
+}), Qe = { class: "$ui-fec gap2.5" }, $t = /* @__PURE__ */ y({
   __name: "Confirm",
   props: {
     modelValue: { type: Boolean },
@@ -638,57 +642,57 @@ const nt = /* @__PURE__ */ A(Me, [["render", Ie]]), ee = /* @__PURE__ */ y({
     autoClose: { type: Boolean, default: !0 }
   },
   emits: ["update:modelValue", "confirm", "cancel", "close"],
-  setup(n, { emit: a }) {
-    const e = n, u = a, t = T(e, "modelValue", u);
-    I(() => {
-      t.value || u("close");
+  setup(n, { emit: o }) {
+    const e = n, s = o, t = T(e, "modelValue", s);
+    P(() => {
+      t.value || s("close");
     });
     function l(r = !1) {
       (e.autoClose || r) && (t.value = !1);
     }
-    return (r, s) => (d(), w(Ae, {
+    return (r, i) => (d(), w(xe, {
       modelValue: b(t),
-      "onUpdate:modelValue": s[2] || (s[2] = (o) => R(t) ? t.value = o : null),
+      "onUpdate:modelValue": i[2] || (i[2] = (a) => O(t) ? t.value = a : null),
       width: r.width,
       height: r.height,
       title: r.title,
       closable: !1
     }, {
-      footer: f(() => [
-        m("div", Ye, [
+      footer: g(() => [
+        m("div", Qe, [
           _(M, {
-            onClick: s[0] || (s[0] = () => {
-              u("cancel"), l(!0);
+            onClick: i[0] || (i[0] = () => {
+              s("cancel"), l(!0);
             })
           }, {
-            default: f(() => [
-              B(C(r.cancelText), 1)
+            default: g(() => [
+              B(V(r.cancelText), 1)
             ]),
             _: 1
           }),
           _(M, {
             loading: r.loading,
             type: "primary",
-            onClick: s[1] || (s[1] = () => {
-              u("confirm"), l();
+            onClick: i[1] || (i[1] = () => {
+              s("confirm"), l();
             })
           }, {
-            default: f(() => [
-              B(C(r.confirmText), 1)
+            default: g(() => [
+              B(V(r.confirmText), 1)
             ]),
             _: 1
           }, 8, ["loading"])
         ])
       ]),
-      default: f(() => [
-        g(r.$slots, "default", { class: "h-auto w-auto" }, () => [
-          B(C(r.content), 1)
+      default: g(() => [
+        v(r.$slots, "default", { class: "h-auto w-auto" }, () => [
+          B(V(r.content), 1)
         ])
       ]),
       _: 3
     }, 8, ["modelValue", "width", "height", "title"]));
   }
-}), qe = { class: "m1 min-w-35 w-auto flex flex-col" }, Xe = ["onClick"], Ge = /* @__PURE__ */ m("div", { class: "i-mdi-chevron-down" }, null, -1), dt = /* @__PURE__ */ y({
+}), Ze = { class: "m1 min-w-35 w-auto flex flex-col" }, et = ["onClick"], tt = /* @__PURE__ */ m("div", { class: "i-mdi-chevron-down" }, null, -1), _t = /* @__PURE__ */ y({
   __name: "Select",
   props: {
     modelValue: {},
@@ -701,82 +705,82 @@ const nt = /* @__PURE__ */ A(Me, [["render", Ie]]), ee = /* @__PURE__ */ y({
     buttonProps: { default: () => ({}) }
   },
   emits: ["update:modelValue"],
-  setup(n, { emit: a }) {
-    const e = n, u = a, t = K(), l = k({
+  setup(n, { emit: o }) {
+    const e = n, s = o, t = q(), l = k({
       get: () => e.modelValue,
-      set: (o) => u("update:modelValue", o)
+      set: (a) => s("update:modelValue", a)
     }), r = k(() => {
-      const o = e.options.find((c) => c.value === l.value);
-      return o != null && o.label ? e.labelRenderer(o.label) : e.placeholder;
+      const a = e.options.find((c) => c.value === l.value);
+      return a != null && a.label ? e.labelRenderer(a.label) : e.placeholder;
     });
-    function s(o) {
-      e.multiple ? l.value = l.value.includes(o.value) ? l.value.filter((c) => c !== o.value) : [...l.value, o.value] : l.value = o.value;
+    function i(a) {
+      e.multiple ? l.value = l.value.includes(a.value) ? l.value.filter((c) => c !== a.value) : [...l.value, a.value] : l.value = a.value;
     }
-    return (o, c) => (d(), w(Ke, D({ label: r.value }, {
-      buttonProps: o.buttonProps,
-      disabled: o.disabled
-    }), Q({
-      popper: f(() => [
-        m("div", qe, [
-          b(t).item ? (d(!0), v(j, { key: 0 }, H(o.options, (p) => (d(), v("div", {
+    return (a, c) => (d(), w(Je, D({ label: r.value }, {
+      buttonProps: a.buttonProps,
+      disabled: a.disabled
+    }), Z({
+      popper: g(() => [
+        m("div", Ze, [
+          b(t).item ? (d(!0), f(z, { key: 0 }, F(a.options, (p) => (d(), f("div", {
             key: p.value,
             class: "cursor-pointer",
-            onClick: (i) => s(p)
+            onClick: (u) => i(p)
           }, [
-            g(o.$slots, "item", D({ ref_for: !0 }, {
+            v(a.$slots, "item", D({ ref_for: !0 }, {
               item: p,
-              active: o.multiple ? l.value.includes(p.value) : p.value === l.value,
-              disabled: o.disabled
+              active: a.multiple ? l.value.includes(p.value) : p.value === l.value,
+              disabled: a.disabled
             }))
-          ], 8, Xe))), 128)) : (d(!0), v(j, { key: 1 }, H(o.options, (p) => N((d(), w(M, {
+          ], 8, et))), 128)) : (d(!0), f(z, { key: 1 }, F(a.options, (p) => A((d(), w(M, {
             key: p.value,
-            disabled: o.disabled,
+            disabled: a.disabled,
             round: "normal",
             class: h(["flex-[auto_1_1] not-hover:[&:not(.active)]:bg-transparent!", {
-              active: o.multiple ? l.value.includes(p.value) : p.value === l.value
+              active: a.multiple ? l.value.includes(p.value) : p.value === l.value
             }]),
-            onClick: (i) => s(p)
+            onClick: (u) => i(p)
           }, {
-            default: f(() => [
-              B(C(p.label), 1)
+            default: g(() => [
+              B(V(p.label), 1)
             ]),
             _: 2
           }, 1032, ["disabled", "class", "onClick"])), [
-            [b(x), o.autoClose]
+            [b(Y), a.autoClose]
           ])), 128))
         ])
       ]),
-      "button-icon-right": f(() => [
-        Ge
+      "button-icon-right": g(() => [
+        tt
       ]),
       _: 2
     }, [
       b(t).button ? {
         name: "default",
-        fn: f(() => [
-          g(o.$slots, "button")
+        fn: g(() => [
+          v(a.$slots, "button")
         ]),
         key: "0"
       } : void 0
     ]), 1040, ["label"]));
   }
-}), ut = /* @__PURE__ */ y({
+}), Ct = /* @__PURE__ */ y({
   __name: "Switch",
   props: {
     modelValue: { type: Boolean },
     disabled: { type: Boolean }
   },
   emits: ["update:modelValue"],
-  setup(n, { emit: a }) {
-    const t = T(n, "modelValue", a), l = ne(t);
-    return (r, s) => (d(), v("div", {
+  setup(n, { emit: o }) {
+    const t = T(n, "modelValue", o), l = ve(t);
+    return (r, i) => (d(), f("div", {
       class: h([[
         r.disabled ? "cursor-not-allowed" : "cursor-pointer"
       ], "$ui-base $ui-if-sc cursor-pointer select-none gap1.25 vertical-mid text-3.5"]),
       role: "checkbox",
-      onClick: s[0] || (s[0] = (o) => !r.disabled && b(l)())
+      onClick: i[0] || (i[0] = (a) => !r.disabled && b(l)())
     }, [
-      g(r.$slots, "default"),
+      v(r.$slots, "default"),
       m("div", {
         class: h([{
           selected: b(t)
@@ -791,20 +795,20 @@ const nt = /* @__PURE__ */ A(Me, [["render", Ie]]), ee = /* @__PURE__ */ y({
       ], 2)
     ], 2));
   }
-}), ct = /* @__PURE__ */ y({
+}), Vt = /* @__PURE__ */ y({
   __name: "Checkbox",
   props: {
     modelValue: { type: Boolean },
     variant: { default: "normal" }
   },
   emits: ["update:modelValue"],
-  setup(n, { emit: a }) {
-    const t = T(n, "modelValue", a);
-    return (l, r) => (d(), v("div", {
+  setup(n, { emit: o }) {
+    const t = T(n, "modelValue", o);
+    return (l, r) => (d(), f("div", {
       class: h(["relative $ui-base h5 w5 $ui-inline-fcc cursor-pointer border-0.125rem rounded-1.25 transition-colors duration-200 ease-in-out", [
         b(t) ? l.variant === "normal" ? "bg-primary-500 border-primary-200 dark:border-primary-100" : "bg-accent-500 border-accent-200 dark:border-accent-100" : ""
       ]]),
-      onClick: r[0] || (r[0] = (s) => t.value = !b(t))
+      onClick: r[0] || (r[0] = (i) => t.value = !b(t))
     }, [
       m("div", {
         class: h([[
@@ -813,7 +817,7 @@ const nt = /* @__PURE__ */ A(Me, [["render", Ie]]), ee = /* @__PURE__ */ y({
       }, null, 2)
     ], 2));
   }
-}), pt = /* @__PURE__ */ y({
+}), Bt = /* @__PURE__ */ y({
   __name: "Drawer",
   props: {
     modelValue: { type: Boolean },
@@ -830,8 +834,8 @@ const nt = /* @__PURE__ */ A(Me, [["render", Ie]]), ee = /* @__PURE__ */ y({
     position: {}
   },
   emits: ["update:modelValue", "close"],
-  setup(n, { emit: a }) {
-    const e = n, u = a, { height: t } = le(() => typeof e.top == "string" ? document.querySelector(e.top) : e.top, void 0, { box: "border-box" }), l = T(e, "modelValue", u), r = {
+  setup(n, { emit: o }) {
+    const e = n, s = o, { height: t } = be(() => typeof e.top == "string" ? document.querySelector(e.top) : e.top, void 0, { box: "border-box" }), l = T(e, "modelValue", s), r = {
       left: {
         class: "left-0 h-full b-r",
         transition: "[&_.drawer]:translate-x--100%"
@@ -849,20 +853,20 @@ const nt = /* @__PURE__ */ A(Me, [["render", Ie]]), ee = /* @__PURE__ */ y({
         transition: "[&_.drawer]:translate-y-100%"
       }
     };
-    U("Escape", () => {
+    ee("Escape", () => {
       e.closable && (l.value = !1);
     });
-    const s = k(() => r[e.placement]), o = S(!1);
-    return P(() => o.value = !0), (c, p) => o.value || c.mountTo === "body" ? (d(), w(J, {
+    const i = k(() => r[e.placement]), a = S(!1);
+    return E(() => a.value = !0), (c, p) => a.value || c.mountTo === "body" ? (d(), w(Q, {
       key: 0,
       to: c.mountTo
     }, [
-      _(F, {
-        "enter-from-class": `${s.value.transition}`,
-        "leave-to-class": `${s.value.transition}`
+      _(H, {
+        "enter-from-class": `${i.value.transition}`,
+        "leave-to-class": `${i.value.transition}`
       }, {
-        default: f(() => [
-          b(l) ? (d(), w(ee, {
+        default: g(() => [
+          b(l) ? (d(), w(oe, {
             key: 0,
             class: h({
               "pointer-events-none": c.permanent
@@ -870,24 +874,24 @@ const nt = /* @__PURE__ */ A(Me, [["render", Ie]]), ee = /* @__PURE__ */ y({
             dim: c.dim,
             blur: c.blur,
             position: c.position,
-            onClick: p[2] || (p[2] = (i) => c.closeOutside && c.closable && (l.value = !1))
+            onClick: p[2] || (p[2] = (u) => c.closeOutside && c.closable && (l.value = !1))
           }, {
-            default: f(() => [
+            default: g(() => [
               m("div", {
-                class: h([[s.value.class, c.contentClass ?? "", c.contentBlur ? "$ui-glass-effect" : "$ui-bg-base"], "drawer pointer-events-auto absolute min-w-25 of-auto $ui-border-base transition-transform transition-duration-300"]),
-                style: L({
+                class: h([[i.value.class, c.contentClass ?? "", c.contentBlur ? "$ui-glass-effect" : "$ui-bg-base"], "drawer pointer-events-auto absolute min-w-25 of-auto $ui-border-base transition-transform transition-duration-300"]),
+                style: N({
                   top: c.placement === "bottom" ? "auto" : `${b(t)}px`,
                   height: ["top", "bottom"].includes(c.placement) ? "auto" : `calc(100% - ${b(t)}px)`
                 }),
-                onClick: p[1] || (p[1] = fe(() => {
+                onClick: p[1] || (p[1] = ue(() => {
                 }, ["stop"]))
               }, [
-                c.closable ? (d(), v("div", {
+                c.closable ? (d(), f("div", {
                   key: 0,
                   class: "i-carbon-close absolute right-1.5 top-1.5 $ui-z-max cursor-pointer p1 text-lg $ui-text",
-                  onClick: p[0] || (p[0] = (i) => l.value = !1)
+                  onClick: p[0] || (p[0] = (u) => l.value = !1)
                 })) : $("", !0),
-                g(c.$slots, "default")
+                v(c.$slots, "default")
               ], 6)
             ]),
             _: 3
@@ -897,7 +901,7 @@ const nt = /* @__PURE__ */ A(Me, [["render", Ie]]), ee = /* @__PURE__ */ y({
       }, 8, ["enter-from-class", "leave-to-class"])
     ], 8, ["to"])) : $("", !0);
   }
-}), mt = /* @__PURE__ */ y({
+}), Tt = /* @__PURE__ */ y({
   __name: "Tooltip",
   props: {
     trigger: {},
@@ -908,59 +912,136 @@ const nt = /* @__PURE__ */ A(Me, [["render", Ie]]), ee = /* @__PURE__ */ y({
     shown: { type: Boolean }
   },
   setup(n) {
-    return (a, e) => (d(), w(b(ie), D({
-      disabled: a.disabled,
-      placement: a.placement
-    }, a.$attrs), {
-      popper: f(() => [
-        g(a.$slots, "popper")
+    return (o, e) => (d(), w(b(re), D({
+      disabled: o.disabled,
+      placement: o.placement
+    }, o.$attrs), {
+      popper: g(() => [
+        v(o.$slots, "popper")
       ]),
-      default: f(() => [
-        g(a.$slots, "default")
+      default: g(() => [
+        v(o.$slots, "default")
       ]),
       _: 3
     }, 16, ["disabled", "placement"]));
   }
-}), Je = ["innerHTML"], ft = /* @__PURE__ */ y({
+}), ot = ["innerHTML"], Dt = /* @__PURE__ */ y({
   __name: "IcIcon",
   props: {
     name: {}
   },
   setup(n) {
-    const a = n, e = k(() => ge[a.name] ?? "");
-    return (u, t) => (d(), v("div", null, [
-      (d(), v("svg", {
+    const o = n, e = k(() => he[o.name] ?? "");
+    return (s, t) => (d(), f("div", null, [
+      (d(), f("svg", {
         class: "custom-svg h-1em w-1em",
         xmlns: "http://www.w3.org/2000/svg",
         viewBox: "0 0 24 24",
         innerHTML: e.value
-      }, null, 8, Je))
+      }, null, 8, ot))
     ]));
   }
+}), I = ce();
+let K = null;
+function at(n, o = "text") {
+  var s;
+  !K && !I.value && (K = ye({
+    themes: [
+      import("shiki/themes/vitesse-dark.mjs"),
+      import("shiki/themes/vitesse-light.mjs")
+    ],
+    langs: [
+      import("shiki/langs/json.mjs"),
+      import("shiki/langs/yaml.mjs"),
+      import("shiki/langs/css.mjs"),
+      import("shiki/langs/javascript.mjs"),
+      import("shiki/langs/typescript.mjs"),
+      import("shiki/langs/vue.mjs"),
+      import("shiki/langs/vue-html.mjs"),
+      import("shiki/langs/html.mjs"),
+      import("shiki/langs/diff.mjs"),
+      import("shiki/langs/shellscript.mjs")
+    ],
+    loadWasm: ke
+  }).then((t) => {
+    I.value = t;
+  }));
+  const e = (s = I.value) == null ? void 0 : s.getLoadedLanguages().includes(o);
+  return e ? {
+    code: I.value.codeToHtml(n, {
+      lang: o,
+      themes: {
+        dark: "vitesse-dark",
+        light: "vitesse-light"
+      }
+    }),
+    supported: !0
+  } : {
+    code: n,
+    supported: e
+  };
+}
+const rt = ["innerHTML"], nt = { class: "shiki" }, lt = ["textContent"], st = /* @__PURE__ */ m("br", null, null, -1), Mt = /* @__PURE__ */ y({
+  __name: "CodeBlock",
+  props: {
+    code: {},
+    lang: {},
+    lines: { type: Boolean, default: !0 },
+    transformRendered: {}
+  },
+  emits: ["loaded"],
+  setup(n, { emit: o }) {
+    const e = n, s = o, t = k(() => {
+      const l = e.lang === "text" ? { code: e.code, supported: !1 } : at(e.code, e.lang) || { code: e.code, supported: !1 };
+      return l.supported && e.transformRendered && (l.code = e.transformRendered(l.code)), l.supported && W(() => s("loaded")), l;
+    });
+    return (l, r) => l.lang && t.value.supported ? (d(), f("pre", {
+      key: 0,
+      class: h(["code-block", l.lines ? "code-block-lines" : ""]),
+      innerHTML: t.value.code
+    }, null, 10, rt)) : (d(), f("pre", {
+      key: 1,
+      class: h(["code-block", l.lines ? "code-block-lines" : ""])
+    }, [
+      m("pre", nt, [
+        m("code", null, [
+          (d(!0), f(z, null, F(l.code.split(`
+`), (i, a) => (d(), f(z, { key: a }, [
+            m("span", {
+              class: "line",
+              textContent: V(i)
+            }, null, 8, lt),
+            st
+          ], 64))), 128))
+        ])
+      ])
+    ], 2));
+  }
 });
 export {
-  Be as THEME_KEY,
-  at as VueBadge,
+  Ie as THEME_KEY,
+  vt as VueBadge,
   M as VueButton,
-  nt as VueCard,
-  ct as VueCheckbox,
-  it as VueConfirm,
-  rt as VueDarkToggle,
-  Ae as VueDialog,
-  pt as VueDrawer,
-  Ke as VueDropdown,
-  st as VueDropdownButton,
-  lt as VueFormField,
-  ft as VueIcIcon,
-  E as VueIcon,
-  je as VueInput,
-  Z as VueLoadingIndicator,
-  Ce as VueNotification,
-  ee as VueOverlay,
-  dt as VueSelect,
-  ut as VueSwitch,
-  mt as VueTooltip,
-  ot as showVueNotification,
-  Te as useDevToolsColorMode,
-  bt as vTooltip
+  yt as VueCard,
+  Vt as VueCheckbox,
+  Mt as VueCodeBlock,
+  $t as VueConfirm,
+  ht as VueDarkToggle,
+  xe as VueDialog,
+  Bt as VueDrawer,
+  Je as VueDropdown,
+  wt as VueDropdownButton,
+  kt as VueFormField,
+  Dt as VueIcIcon,
+  R as VueIcon,
+  Ye as VueInput,
+  te as VueLoadingIndicator,
+  Se as VueNotification,
+  oe as VueOverlay,
+  _t as VueSelect,
+  Ct as VueSwitch,
+  Tt as VueTooltip,
+  bt as showVueNotification,
+  Pe as useDevToolsColorMode,
+  Pt as vTooltip
 };