vite-plugin-vue-devtools 0.5.0 → 1.0.0-alpha.1

package/client.d.ts

@@ -0,0 +1,55 @@
+declare type AssetType = 'image' | 'font' | 'video' | 'audio' | 'text' | 'json' | 'other'
+
+declare interface AssetInfo {
+  path: string
+  type: AssetType
+  publicPath: string
+  filePath: string
+  size: number
+  mtime: number
+}
+declare interface ImageMeta {
+  width: number
+  height: number
+  orientation?: number
+  type?: string
+  mimeType?: string
+}
+
+declare interface ModuleInfo {
+  id: string
+  plugins: { name: string; transform?: number; resolveId?: number }[]
+  deps: string[]
+  virtual: boolean
+}
+
+declare interface ExecNpmScriptOptions {
+  isDev?: boolean
+  cwd?: string
+  type?: 'install' | 'uninstall'
+  callback?: (type: string, data: string) => void
+}
+
+
+declare interface RPCFunctions {
+  componentGraph(): Promise<ModuleInfo[]>
+  inspectClientUrl(): string
+  staticAssets(): Promise<AssetInfo[]>
+  getImageMeta(path: string): Promise<ImageMeta | undefined>
+  getTextAssetContent(path: string): Promise<string | undefined>
+  getPackages(): Promise<Record<string, Omit<PackageMeta, 'name'>>>
+  getVueSFCList(): Promise<string[]>
+  getComponentInfo(filename: string): Promise<Record<string, unknown>>
+  onTerminalData(_: { id?: string; data: string }): void
+  onTerminalExit(_: { id?: string; data?: string }): void
+  installPackage(packages: string[], options?: ExecNpmScriptOptions): Promise<void>
+  uninstallPackage(packages: string[], options?: ExecNpmScriptOptions): Promise<void>
+  root(): string
+}
+
+
+declare interface PackageMeta {
+  type: string
+  version: string
+  name: string
+}

package/dist/client/assets/{VIcon.vue_vue_type_script_setup_true_lang-6cd486d4.js → Icon.vue_vue_type_script_setup_true_lang-f867c918.js}

@@ -1,7 +1,7 @@
-import { v as defineComponent, o as openBlock, e as createElementBlock, q as normalizeClass } from './index-197edebf.js';
+import { v as defineComponent, o as openBlock, e as createElementBlock, q as normalizeClass } from './index-9f1190d8.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "VIcon",
+  __name: "Icon",
   props: {
     icon: {}
   },

package/dist/client/assets/{VIconButton.vue_vue_type_script_setup_true_lang-63abce3f.js → IconButton.vue_vue_type_script_setup_true_lang-74db1ae6.js}

@@ -1,8 +1,8 @@
-import { _ as _sfc_main$1 } from './VIcon.vue_vue_type_script_setup_true_lang-6cd486d4.js';
-import { v as defineComponent, o as openBlock, c as createBlock, h as withCtx, u as createVNode, k as mergeProps, j as resolveDynamicComponent } from './index-197edebf.js';
+import { _ as _sfc_main$1 } from './Icon.vue_vue_type_script_setup_true_lang-f867c918.js';
+import { v as defineComponent, o as openBlock, c as createBlock, h as withCtx, u as createVNode, k as mergeProps, j as resolveDynamicComponent } from './index-9f1190d8.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "VIconButton",
+  __name: "IconButton",
   props: {
     to: {},
     icon: {}
@@ -10,10 +10,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     return (_ctx, _cache) => {
-      const _component_VIcon = _sfc_main$1;
       return openBlock(), createBlock(resolveDynamicComponent(_ctx.to ? "a" : "button"), mergeProps({ href: _ctx.to }, _ctx.$attrs, { class: "n-transition n-icon-button" }), {
         default: withCtx(() => [
-          createVNode(_component_VIcon, {
+          createVNode(_sfc_main$1, {
             icon: props.icon
           }, null, 8, ["icon"])
         ]),

package/dist/client/assets/{VIconTitle.vue_vue_type_script_setup_true_lang-1ad26587.js → IconTitle.vue_vue_type_script_setup_true_lang-d82eff77.js}

@@ -1,11 +1,11 @@
-import { v as defineComponent, o as openBlock, e as createElementBlock, q as normalizeClass, g as createCommentVNode, f as renderSlot, x as createBaseVNode, y as toDisplayString } from './index-197edebf.js';
+import { v as defineComponent, o as openBlock, e as createElementBlock, q as normalizeClass, g as createCommentVNode, f as renderSlot, x as createBaseVNode, y as toDisplayString } from './index-9f1190d8.js';
 
 const _hoisted_1 = {
   flex: "~ gap-3",
   "items-center": ""
 };
 const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "VIconTitle",
+  __name: "IconTitle",
   props: {
     icon: {},
     text: {}

package/dist/client/assets/{IframeView.vue_vue_type_script_setup_true_lang-c6f176d1.js → IframeView.vue_vue_type_script_setup_true_lang-778923b2.js}

@@ -1,4 +1,4 @@
-import { v as defineComponent, ck as useColorMode, a$ as ref, a1 as computed, aZ as reactive, cl as useElementBounding, aP as onMounted, n as nextTick, bz as watchEffect, aU as onUnmounted, o as openBlock, e as createElementBlock, z as unref, g as createCommentVNode, x as createBaseVNode } from './index-197edebf.js';
+import { v as defineComponent, cn as useColorMode, a$ as ref, a1 as computed, aZ as reactive, co as useElementBounding, aP as onMounted, n as nextTick, bz as watchEffect, aU as onUnmounted, o as openBlock, e as createElementBlock, z as unref, g as createCommentVNode, x as createBaseVNode } from './index-9f1190d8.js';
 
 const _hoisted_1 = {
   key: 0,

package/dist/client/assets/{VPanelGrids-4b915e62.js → PanelGrids-93648569.js}

@@ -1,4 +1,4 @@
-import { bJ as _export_sfc, o as openBlock, e as createElementBlock, f as renderSlot } from './index-197edebf.js';
+import { bJ as _export_sfc, o as openBlock, e as createElementBlock, f as renderSlot } from './index-9f1190d8.js';
 
 /* unplugin-vue-components disabled */const _sfc_main = {};
 

package/dist/client/assets/SectionBlock-0024395a.css

@@ -0,0 +1,18 @@
+
+details[data-v-e966339e] {
+  border-style:none;;
+}
+summary[data-v-e966339e] {
+  border-style:none;;
+  list-style: none;
+}
+details[open] summary[data-v-e966339e] {
+  border-style:none;;
+}
+details summary[data-v-e966339e]::-webkit-details-marker {
+  display:none;
+}
+details[open] .chevron[data-v-e966339e] {
+  transform: rotate(180deg);
+  opacity: 0.75;
+}

package/dist/client/assets/{VSectionBlock-8dcfb48d.js → SectionBlock-a8928e3c.js}

@@ -1,8 +1,8 @@
-import { _ as _sfc_main$1 } from './VIconTitle.vue_vue_type_script_setup_true_lang-1ad26587.js';
-import { _ as _sfc_main$2 } from './VIcon.vue_vue_type_script_setup_true_lang-6cd486d4.js';
-import { v as defineComponent, bK as useVModel, b as resolveDirective, o as openBlock, e as createElementBlock, x as createBaseVNode, q as normalizeClass, u as createVNode, h as withCtx, f as renderSlot, g as createCommentVNode, c as createBlock, z as unref, d as withDirectives, F as Fragment, a9 as createTextVNode, y as toDisplayString, p as pushScopeId, a as popScopeId, bJ as _export_sfc } from './index-197edebf.js';
+import { _ as _sfc_main$1 } from './IconTitle.vue_vue_type_script_setup_true_lang-d82eff77.js';
+import { _ as _sfc_main$2 } from './Icon.vue_vue_type_script_setup_true_lang-f867c918.js';
+import { v as defineComponent, bK as useVModel, b as resolveDirective, o as openBlock, e as createElementBlock, x as createBaseVNode, q as normalizeClass, u as createVNode, h as withCtx, f as renderSlot, g as createCommentVNode, c as createBlock, z as unref, d as withDirectives, F as Fragment, a9 as createTextVNode, y as toDisplayString, p as pushScopeId, a as popScopeId, bJ as _export_sfc } from './index-9f1190d8.js';
 
-const _withScopeId = (n) => (pushScopeId("data-v-cf2e46eb"), n = n(), popScopeId(), n);
+const _withScopeId = (n) => (pushScopeId("data-v-e966339e"), n = n(), popScopeId(), n);
 const _hoisted_1 = ["open"];
 const _hoisted_2 = { "text-base": "" };
 const _hoisted_3 = {
@@ -13,7 +13,7 @@ const _hoisted_3 = {
 const _hoisted_4 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createBaseVNode("div", { class: "flex-auto" }, null, -1));
 const _hoisted_5 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createBaseVNode("div", { class: "x-divider" }, null, -1));
 const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "VSectionBlock",
+  __name: "SectionBlock",
   props: {
     icon: {},
     text: {},
@@ -30,8 +30,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       open.value = e.target.open;
     }
     return (_ctx, _cache) => {
-      const _component_VIcon = _sfc_main$2;
-      const _component_VIconTitle = _sfc_main$1;
+      const _component_VDIcon = _sfc_main$2;
+      const _component_VDIconTitle = _sfc_main$1;
       const _directive_lazy_show = resolveDirective("lazy-show");
       return openBlock(), createElementBlock(Fragment, null, [
         createBaseVNode("details", {
@@ -41,7 +41,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           createBaseVNode("summary", {
             class: normalizeClass(["cursor-pointer select-none hover:bg-active p4", _ctx.collapse ? "" : "pointer-events-none"])
           }, [
-            createVNode(_component_VIconTitle, {
+            createVNode(_component_VDIconTitle, {
               icon: _ctx.icon,
               text: _ctx.text,
               "text-xl": "",
@@ -63,7 +63,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 ]),
                 _hoisted_4,
                 renderSlot(_ctx.$slots, "actions", {}, void 0, true),
-                _ctx.collapse ? (openBlock(), createBlock(_component_VIcon, {
+                _ctx.collapse ? (openBlock(), createBlock(_component_VDIcon, {
                   key: 0,
                   icon: "carbon-chevron-down",
                   class: "chevron",
@@ -100,10 +100,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 
 /* Injected with object hook! */
 
-/* unplugin-vue-components disabled */const VSectionBlock_vue_vue_type_style_index_0_scoped_cf2e46eb_lang = '';
+/* unplugin-vue-components disabled */const SectionBlock_vue_vue_type_style_index_0_scoped_e966339e_lang = '';
 /* Injected with object hook! */
 
-const __unplugin_components_3 = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-cf2e46eb"]]);
+const __unplugin_components_3 = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e966339e"]]);
 
 /* Injected with object hook! */
 

package/dist/client/assets/{StateFields.vue_vue_type_script_setup_true_lang-617e4d70.js → StateFields.vue_vue_type_script_setup_true_lang-019c8d08.js}

@@ -1,17 +1,17 @@
-import { _ as _sfc_main$3 } from './VIcon.vue_vue_type_script_setup_true_lang-6cd486d4.js';
-import { v as defineComponent, o as openBlock, c as createBlock, q as normalizeClass, aC as isRef, bd as toRaw, a1 as computed, cp as useCopy, r as resolveComponent, e as createElementBlock, i as renderList, z as unref, cq as nanoid, x as createBaseVNode, y as toDisplayString, g as createCommentVNode, F as Fragment, a$ as ref, cr as useNotification, u as createVNode, bG as withModifiers, d as withDirectives, bv as vShow } from './index-197edebf.js';
-import { a as isComputed, b as isArray, c as isMap, d as isSet, e as isRegExp, t as toRawType, f as isPlainObject, g as escape } from './index-f977bcde.js';
-import { _ as _sfc_main$4 } from './VIconButton.vue_vue_type_script_setup_true_lang-63abce3f.js';
+import { _ as _sfc_main$3 } from './Icon.vue_vue_type_script_setup_true_lang-f867c918.js';
+import { v as defineComponent, o as openBlock, c as createBlock, q as normalizeClass, aC as isRef, bd as toRaw, a1 as computed, cs as useCopy, r as resolveComponent, e as createElementBlock, i as renderList, z as unref, ct as nanoid, x as createBaseVNode, y as toDisplayString, g as createCommentVNode, F as Fragment, a$ as ref, cu as useNotification, u as createVNode, bG as withModifiers, d as withDirectives, bv as vShow } from './index-9f1190d8.js';
+import { a as isComputed, b as isArray, c as isMap, d as isSet, e as isRegExp, t as toRawType, f as isPlainObject, g as escape } from './index-95398468.js';
+import { _ as _sfc_main$4 } from './IconButton.vue_vue_type_script_setup_true_lang-74db1ae6.js';
 
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
-  __name: "VExpandIcon",
+  __name: "ExpandIcon",
   props: {
     value: { type: Boolean }
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      const _component_VIcon = _sfc_main$3;
-      return openBlock(), createBlock(_component_VIcon, {
+      const _component_VDIcon = _sfc_main$3;
+      return openBlock(), createBlock(_component_VDIcon, {
         class: normalizeClass(["material-symbols:arrow-right", {
           "transform rotate-90": _ctx.value
         }]),
@@ -240,7 +240,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     }
     const copy = useCopy();
     return (_ctx, _cache) => {
-      const _component_VExpandIcon = _sfc_main$2;
+      const _component_VDExpandIcon = _sfc_main$2;
       const _component_StateFieldsTree = resolveComponent("StateFieldsTree", true);
       return openBlock(true), createElementBlock(Fragment, null, renderList(unref(list), (item, index) => {
         return openBlock(), createElementBlock("code", {
@@ -255,7 +255,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
             "items-center": "",
             class: normalizeClass([item?.recursive && "cursor-pointer"])
           }, [
-            item?.recursive ? (openBlock(), createBlock(_component_VExpandIcon, {
+            item?.recursive ? (openBlock(), createBlock(_component_VDExpandIcon, {
               key: 0,
               value: _ctx.expandedId.includes(`${_ctx.id}-${_ctx.depth}-${index}`),
               onClick: ($event) => item?.recursive && toggleExpand(`${_ctx.id}-${_ctx.depth}-${index}`)
@@ -337,8 +337,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     }
     return (_ctx, _cache) => {
-      const _component_VExpandIcon = _sfc_main$2;
-      const _component_VIconButton = _sfc_main$4;
+      const _component_VDExpandIcon = _sfc_main$2;
+      const _component_VDIconButton = _sfc_main$4;
       const _component_StateFieldsTree = _sfc_main$1;
       return openBlock(), createElementBlock("div", null, [
         createBaseVNode("h3", {
@@ -352,10 +352,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           onClick: toggleExpanded
         }, [
           createBaseVNode("div", null, [
-            createVNode(_component_VExpandIcon, { value: unref(isExpanded) }, null, 8, ["value"]),
+            createVNode(_component_VDExpandIcon, { value: unref(isExpanded) }, null, 8, ["value"]),
             createBaseVNode("span", _hoisted_1, toDisplayString(_ctx.data.key), 1)
           ]),
-          createVNode(_component_VIconButton, {
+          createVNode(_component_VDIconButton, {
             mr2: "",
             "flex-none": "",
             title: `Copy ${_ctx.data.key} to clipboard`,

package/dist/client/assets/{VSwitch.vue_vue_type_script_setup_true_lang-ed954339.js → Switch.vue_vue_type_script_setup_true_lang-3e126052.js}

@@ -1,5 +1,5 @@
-import { _ as _sfc_main$2 } from './VIcon.vue_vue_type_script_setup_true_lang-6cd486d4.js';
-import { v as defineComponent, bK as useVModel, o as openBlock, e as createElementBlock, f as renderSlot, d as withDirectives, bt as vModelSelect, z as unref, x as createBaseVNode, y as toDisplayString, g as createCommentVNode, aC as isRef, c as createBlock, bq as vModelCheckbox, bE as withKeys } from './index-197edebf.js';
+import { _ as _sfc_main$2 } from './Icon.vue_vue_type_script_setup_true_lang-f867c918.js';
+import { v as defineComponent, bK as useVModel, o as openBlock, e as createElementBlock, f as renderSlot, d as withDirectives, bt as vModelSelect, z as unref, x as createBaseVNode, y as toDisplayString, g as createCommentVNode, aC as isRef, c as createBlock, bq as vModelCheckbox, bE as withKeys } from './index-9f1190d8.js';
 
 const _hoisted_1$1 = { class: "n-text-input flex flex items-center border n-border-base rounded px-2 py-1 focus-within:n-focus-base focus-within:border-context n-bg-base" };
 const _hoisted_2$1 = ["disabled"];
@@ -10,7 +10,7 @@ const _hoisted_3$1 = {
   hidden: ""
 };
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  __name: "VSelect",
+  __name: "Select",
   props: {
     modelValue: { default: void 0 },
     placeholder: { default: "" },
@@ -21,10 +21,10 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     const props = __props;
     const input = useVModel(props, "modelValue", emit, { passive: true });
     return (_ctx, _cache) => {
-      const _component_VIcon = _sfc_main$2;
+      const _component_VDIcon = _sfc_main$2;
       return openBlock(), createElementBlock("div", _hoisted_1$1, [
         renderSlot(_ctx.$slots, "icon", {}, () => [
-          _ctx.icon ? (openBlock(), createBlock(_component_VIcon, {
+          _ctx.icon ? (openBlock(), createBlock(_component_VDIcon, {
             key: 0,
             icon: _ctx.icon,
             class: "mr-0.4em text-1.1em op50"
@@ -53,7 +53,7 @@ const _hoisted_3 = /* @__PURE__ */ createBaseVNode("div", { class: "n-switch-sli
   /* @__PURE__ */ createBaseVNode("div", { class: "n-checked:n-switch-thumb-checked n-switch-thumb n-transition" })
 ], -1);
 const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "VSwitch",
+  __name: "Switch",
   props: {
     modelValue: { type: Boolean, default: false },
     disabled: { type: Boolean, default: false }

package/dist/client/assets/{VTextInput.vue_vue_type_script_setup_true_lang-5edeb245.js → TextInput.vue_vue_type_script_setup_true_lang-13bb76a1.js}

@@ -1,9 +1,9 @@
-import { _ as _sfc_main$1 } from './VIcon.vue_vue_type_script_setup_true_lang-6cd486d4.js';
-import { v as defineComponent, bK as useVModel, o as openBlock, e as createElementBlock, f as renderSlot, d as withDirectives, br as vModelDynamic, z as unref, x as createBaseVNode, k as mergeProps, aC as isRef, c as createBlock, g as createCommentVNode } from './index-197edebf.js';
+import { _ as _sfc_main$1 } from './Icon.vue_vue_type_script_setup_true_lang-f867c918.js';
+import { v as defineComponent, bK as useVModel, o as openBlock, e as createElementBlock, f as renderSlot, d as withDirectives, br as vModelDynamic, z as unref, x as createBaseVNode, k as mergeProps, aC as isRef, c as createBlock, g as createCommentVNode } from './index-9f1190d8.js';
 
 const _hoisted_1 = { class: "n-text-input flex flex items-center border n-border-base rounded py-1 pl-1 pr-2 focus-within:n-focus-base focus-within:border-context n-bg-base" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "VTextInput",
+  __name: "TextInput",
   props: {
     modelValue: { default: "" },
     icon: {},
@@ -15,10 +15,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     const input = useVModel(props, "modelValue", emit, { passive: true });
     return (_ctx, _cache) => {
-      const _component_VIcon = _sfc_main$1;
+      const _component_VDIcon = _sfc_main$1;
       return openBlock(), createElementBlock("div", _hoisted_1, [
         renderSlot(_ctx.$slots, "icon", {}, () => [
-          _ctx.icon ? (openBlock(), createBlock(_component_VIcon, {
+          _ctx.icon ? (openBlock(), createBlock(_component_VDIcon, {
             key: 0,
             icon: _ctx.icon,
             class: "ml-0.3em mr-0.1em text-1.1em op50"

package/dist/client/assets/{__eyedropper-67c21231.js → __eyedropper-44f84f34.js}

@@ -1,6 +1,6 @@
-import { _ as __unplugin_components_0 } from './VPanelGrids-4b915e62.js';
-import { v as defineComponent, cz as useRouter, a$ as ref, a1 as computed, cp as useCopy, cb as useEventListener, aP as onMounted, o as openBlock, c as createBlock, h as withCtx, x as createBaseVNode, z as unref, e as createElementBlock, l as normalizeStyle, a9 as createTextVNode, y as toDisplayString, cj as useDevtoolsClient, bX as useFrameState, u as createVNode } from './index-197edebf.js';
-import { h as checkIsSecurityContext } from './index-f977bcde.js';
+import { _ as __unplugin_components_0 } from './PanelGrids-93648569.js';
+import { v as defineComponent, cB as useRouter, a$ as ref, a1 as computed, cs as useCopy, cc as useEventListener, aP as onMounted, o as openBlock, c as createBlock, h as withCtx, x as createBaseVNode, z as unref, e as createElementBlock, l as normalizeStyle, a9 as createTextVNode, y as toDisplayString, cl as useDevToolsClient, bX as useFrameState, u as createVNode } from './index-9f1190d8.js';
+import { h as checkIsSecurityContext } from './index-95398468.js';
 
 const _hoisted_1 = {
   key: 0
@@ -25,7 +25,7 @@ const _hoisted_6 = [_hoisted_5];
 const _sfc_main = /*#__PURE__*/defineComponent({
   __name: '__eyedropper',
   setup(__props) {
-    const client = useDevtoolsClient();
+    const client = useDevToolsClient();
     const frameState = useFrameState();
     const router = useRouter();
     const hexColor = ref('');
@@ -59,11 +59,15 @@ const _sfc_main = /*#__PURE__*/defineComponent({
       hexColor.value = '';
       open().then(res => {
         hexColor.value = res.sRGBHex;
+      }).catch(() => {
+        close();
       });
     }
     onMounted(() => {
       open().then(res => {
         hexColor.value = res.sRGBHex;
+      }).catch(() => {
+        close();
       });
     });
     function ErrorBoundary() {
@@ -86,8 +90,8 @@ const _sfc_main = /*#__PURE__*/defineComponent({
       }, [content]);
     }
     return (_ctx, _cache) => {
-      const _component_VPanelGrids = __unplugin_components_0;
-      return openBlock(), createBlock(_component_VPanelGrids, {
+      const _component_VDPanelGrids = __unplugin_components_0;
+      return openBlock(), createBlock(_component_VDPanelGrids, {
         "h-screen": "",
         "w-screen": "",
         px5: ""

package/dist/client/assets/{assets-bf6dd9e4.js → assets-114c5f0e.js}

@@ -1,12 +1,11 @@
-import { _ as __unplugin_components_0 } from './VPanelGrids-4b915e62.js';
-import { v as defineComponent, a$ as ref, cs as useElementSize, ct as onClickOutside, o as openBlock, c as createBlock, h as withCtx, e as createElementBlock, u as createVNode, x as createBaseVNode, f as renderSlot, k as mergeProps, z as unref, g as createCommentVNode, P as Transition, a1 as computed, y as toDisplayString, q as normalizeClass, cu as useStyleTag, l as normalizeStyle, cv as computedAsync, cp as useCopy, cw as useTimeAgo, F as Fragment, a9 as createTextVNode, cj as useDevtoolsClient, bL as _sfc_main$a, cx as onKeyDown, aC as isRef, i as renderList, _ as __unplugin_components_7 } from './index-197edebf.js';
-import { _ as _sfc_main$9 } from './VIconButton.vue_vue_type_script_setup_true_lang-63abce3f.js';
-import { r as rpc } from './rpc-b9c94a3a.js';
-import { _ as __unplugin_components_3 } from './VSectionBlock-8dcfb48d.js';
-import { _ as _sfc_main$b } from './VTextInput.vue_vue_type_script_setup_true_lang-5edeb245.js';
-import { _ as _sfc_main$c } from './VIcon.vue_vue_type_script_setup_true_lang-6cd486d4.js';
+import { _ as __unplugin_components_0 } from './PanelGrids-93648569.js';
+import { v as defineComponent, a$ as ref, cv as useElementSize, cw as onClickOutside, o as openBlock, c as createBlock, h as withCtx, e as createElementBlock, u as createVNode, x as createBaseVNode, f as renderSlot, k as mergeProps, z as unref, g as createCommentVNode, P as Transition, a1 as computed, y as toDisplayString, q as normalizeClass, cx as useStyleTag, l as normalizeStyle, cy as computedAsync, cs as useCopy, cz as useTimeAgo, F as Fragment, a9 as createTextVNode, c9 as rpc, cl as useDevToolsClient, bL as _sfc_main$a, cA as onKeyDown, aC as isRef, i as renderList, _ as __unplugin_components_7 } from './index-9f1190d8.js';
+import { _ as _sfc_main$9 } from './IconButton.vue_vue_type_script_setup_true_lang-74db1ae6.js';
+import { _ as __unplugin_components_3 } from './SectionBlock-a8928e3c.js';
+import { _ as _sfc_main$b } from './TextInput.vue_vue_type_script_setup_true_lang-13bb76a1.js';
+import { _ as _sfc_main$c } from './Icon.vue_vue_type_script_setup_true_lang-f867c918.js';
 import { F as Fuse } from './fuse.esm-c317b696.js';
-import './VIconTitle.vue_vue_type_script_setup_true_lang-1ad26587.js';
+import './IconTitle.vue_vue_type_script_setup_true_lang-d82eff77.js';
 
 const _hoisted_1$7 = {
   relative: "",
@@ -37,7 +36,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
       ignore: ["a", "button", "summary"]
     });
     return (_ctx, _cache) => {
-      const _component_VIconButton = _sfc_main$9;
+      const _component_VDIconButton = _sfc_main$9;
       return openBlock(), createBlock(Transition, {
         "enter-active-class": "duration-200 ease-in",
         "enter-from-class": "transform translate-x-1/1",
@@ -63,7 +62,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
             "glass-effect": "",
             style: { top: `${unref(top)}px` }
           }, _ctx.$attrs), [
-            createVNode(_component_VIconButton, {
+            createVNode(_component_VDIconButton, {
               absolute: "",
               "right-2": "",
               "top-2": "",
@@ -943,12 +942,12 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
         "font"
       ].includes(props.asset.type);
     });
-    const client = useDevtoolsClient();
+    const client = useDevToolsClient();
     return (_ctx, _cache) => {
       const _component_AssetPreview = _sfc_main$5;
       const _component_FilepathItem = _sfc_main$7;
-      const _component_VIconButton = _sfc_main$9;
-      const _component_VButton = _sfc_main$a;
+      const _component_VDIconButton = _sfc_main$9;
+      const _component_VDButton = _sfc_main$a;
       return openBlock(), createElementBlock("div", _hoisted_1$4, [
         unref(supportsPreview) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
           _hoisted_2$3,
@@ -976,7 +975,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                     filepath: _ctx.asset.filePath,
                     "text-left": ""
                   }, null, 8, ["filepath"]),
-                  createVNode(_component_VIconButton, {
+                  createVNode(_component_VDIconButton, {
                     "flex-none": "",
                     title: "Open in Editor",
                     icon: "carbon-launch",
@@ -990,13 +989,13 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
               createBaseVNode("td", null, [
                 createBaseVNode("div", _hoisted_9, [
                   createBaseVNode("div", _hoisted_10, toDisplayString(_ctx.asset.publicPath), 1),
-                  createVNode(_component_VIconButton, {
+                  createVNode(_component_VDIconButton, {
                     "flex-none": "",
                     title: "Copy public path",
                     icon: "carbon-copy",
                     onClick: _cache[1] || (_cache[1] = ($event) => unref(copy)(_ctx.asset.publicPath))
                   }),
-                  createVNode(_component_VIconButton, {
+                  createVNode(_component_VDIconButton, {
                     "flex-none": "",
                     to: `${unref(origin)}${_ctx.asset.publicPath}`,
                     icon: "carbon-launch",
@@ -1035,7 +1034,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
         ]),
         _hoisted_19,
         createBaseVNode("div", _hoisted_20, [
-          createVNode(_component_VButton, {
+          createVNode(_component_VDButton, {
             to: `${unref(origin)}${_ctx.asset.publicPath}`,
             download: "",
             target: "_blank",
@@ -1171,7 +1170,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       emit("update:search", event.target.value);
     }
     return (_ctx, _cache) => {
-      const _component_VTextInput = _sfc_main$b;
+      const _component_VDTextInput = _sfc_main$b;
       return openBlock(), createElementBlock("div", {
         flex: "~ col gap2",
         border: "b base",
@@ -1181,7 +1180,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       }, [
         createBaseVNode("div", _hoisted_1$1, [
           renderSlot(_ctx.$slots, "search", {}, () => [
-            createVNode(_component_VTextInput, {
+            createVNode(_component_VDTextInput, {
               placeholder: "Search...",
               icon: "carbon-search",
               n: "primary",
@@ -1267,15 +1266,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     const navbar = ref();
     return (_ctx, _cache) => {
-      const _component_VIcon = _sfc_main$c;
+      const _component_VDIcon = _sfc_main$c;
       const _component_Navbar = _sfc_main$1;
       const _component_AssetGridItem = _sfc_main$2;
-      const _component_VSectionBlock = __unplugin_components_3;
+      const _component_VDSectionBlock = __unplugin_components_3;
       const _component_AssetListItem = _sfc_main$3;
       const _component_AssetDetails = _sfc_main$4;
       const _component_DrawerRight = _sfc_main$8;
-      const _component_VCard = __unplugin_components_7;
-      const _component_VPanelGrids = __unplugin_components_0;
+      const _component_VDCard = __unplugin_components_7;
+      const _component_VDPanelGrids = __unplugin_components_0;
       return unref(assets)?.length ? (openBlock(), createElementBlock("div", _hoisted_1, [
         createVNode(_component_Navbar, {
           ref_key: "navbar",
@@ -1290,10 +1289,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 title: "Toggle view",
                 onClick: toggleView
               }, [
-                unref(view) === "grid" ? (openBlock(), createBlock(_component_VIcon, {
+                unref(view) === "grid" ? (openBlock(), createBlock(_component_VDIcon, {
                   key: 0,
                   icon: "i-carbon-list"
-                })) : (openBlock(), createBlock(_component_VIcon, {
+                })) : (openBlock(), createBlock(_component_VDIcon, {
                   key: 1,
                   icon: "i-carbon-grid"
                 }))
@@ -1310,7 +1309,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }, 8, ["search"]),
         unref(view) === "grid" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
           unref(byFolders).length > 1 ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(unref(byFolders), ([folder, items]) => {
-            return openBlock(), createBlock(_component_VSectionBlock, {
+            return openBlock(), createBlock(_component_VDSectionBlock, {
               key: folder,
               text: folder,
               description: `${items.length} items`,
@@ -1364,12 +1363,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ]),
           _: 1
         }, 8, ["model-value", "navbar"])
-      ])) : (openBlock(), createBlock(_component_VPanelGrids, {
+      ])) : (openBlock(), createBlock(_component_VDPanelGrids, {
         key: 1,
         px5: ""
       }, {
         default: withCtx(() => [
-          createVNode(_component_VCard, {
+          createVNode(_component_VDCard, {
             flex: "~ col gap2",
             "min-w-30": "",
             "items-center": "",