@nuxt/devtools-ui-kit 0.7.0 → 0.7.2

package/dist/components/NCodeBlock.vue

@@ -1,12 +1,13 @@
 <script setup lang="ts">
 // This components requires to run in DevTools to render correctly
 import { computed, nextTick } from 'vue'
+import type { Lang } from 'shiki-es'
 import { devToolsClient } from '../runtime/client'
 
 const props = withDefaults(
   defineProps<{
     code: string
-    lang?: string
+    lang?: Lang
     lines?: boolean
     transformRendered?: (code: string) => string
   }>(), {
@@ -17,7 +18,7 @@ const props = withDefaults(
 const emit = defineEmits(['loaded'])
 
 const rendered = computed(() => {
-  const result = devToolsClient.value?.devtools.renderCodeHighlight(props.code, props.lang as string) || { code: props.code, supported: false }
+  const result = devToolsClient.value?.devtools.renderCodeHighlight(props.code, props.lang) || { code: props.code, supported: false }
   if (result.supported && props.transformRendered)
     result.code = props.transformRendered(result.code)
   if (result.supported)

package/dist/components/NDialog.vue

@@ -1,16 +1,18 @@
 <script setup lang="ts">
 import { computed, nextTick, ref, watchEffect } from 'vue'
-import { useVModel } from '@vueuse/core'
+import { onClickOutside, useVModel } from '@vueuse/core'
 import { useFocusTrap } from '@vueuse/integrations/useFocusTrap'
 
 const props = withDefaults(
   defineProps<{
     modelValue?: boolean
     dim?: boolean
+    autoClose?: boolean
   }>(),
   {
     modelValue: false,
     dim: true,
+    autoClose: true,
   },
 )
 
@@ -37,10 +39,14 @@ watchEffect(
   },
 )
 
-function close() {
-  show.value = false
-  emit('close')
-}
+onClickOutside(card, () => {
+  if (props.modelValue && props.autoClose) {
+    show.value = false
+    emit('close')
+  }
+}, {
+  ignore: ['a', 'button', 'summary'],
+})
 </script>
 
 <script lang="ts">
@@ -54,6 +60,8 @@ export default {
     <div
       v-show="show"
       class="n-dialog fixed inset-0 z-100 flex items-center justify-center n-transition"
+      role="dialog"
+      aria-modal="true"
       :class="[
         show ? '' : 'op0 pointer-events-none visibility-none',
       ]"
@@ -61,9 +69,8 @@ export default {
       <div
         class="absolute inset-0 -z-1"
         :class="[
-          dim ? 'bg-black/50' : '',
+          dim ? 'glass-effect' : '',
         ]"
-        @click="close()"
       />
       <NCard v-bind="$attrs" ref="card" class="max-h-screen of-auto">
         <slot />

package/dist/module.json

@@ -1,5 +1,5 @@
 {
   "name": "devtools-ui-kit",
   "configKey": "devtoolsUIKit",
-  "version": "0.7.0"
+  "version": "0.7.2"
 }

package/dist/runtime/client.d.ts

@@ -1 +1 @@
-export declare const devToolsClient: import("vue").Ref<import("@nuxt/devtools-kit/src/_types/client-api").NuxtDevtoolsIframeClient | undefined>;
+export declare const devToolsClient: import("vue").Ref<import("@nuxt/devtools-kit/dist/types").NuxtDevtoolsIframeClient | undefined>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@nuxt/devtools-ui-kit",
   "type": "module",
-  "version": "0.7.0",
+  "version": "0.7.2",
   "license": "MIT",
   "repository": "nuxt/devtools",
   "exports": {
@@ -23,33 +23,33 @@
     "*.cjs"
   ],
   "peerDependencies": {
-    "@nuxt/devtools": "0.7.0"
+    "@nuxt/devtools": "0.7.2"
   },
   "dependencies": {
     "@iconify-json/carbon": "^1.1.18",
     "@iconify-json/logos": "^1.1.33",
-    "@iconify-json/ri": "^1.1.10",
-    "@iconify-json/tabler": "^1.1.81",
-    "@nuxt/kit": "^3.6.2",
+    "@iconify-json/ri": "^1.1.11",
+    "@iconify-json/tabler": "^1.1.86",
+    "@nuxt/kit": "^3.6.5",
     "@nuxtjs/color-mode": "^3.3.0",
-    "@unocss/core": "^0.53.5",
-    "@unocss/nuxt": "^0.53.5",
-    "@unocss/preset-attributify": "^0.53.5",
-    "@unocss/preset-icons": "^0.53.5",
-    "@unocss/preset-mini": "^0.53.5",
-    "@unocss/reset": "^0.53.5",
-    "@vueuse/core": "^10.2.1",
-    "@vueuse/integrations": "^10.2.1",
-    "@vueuse/nuxt": "^10.2.1",
+    "@unocss/core": "^0.54.1",
+    "@unocss/nuxt": "^0.54.1",
+    "@unocss/preset-attributify": "^0.54.1",
+    "@unocss/preset-icons": "^0.54.1",
+    "@unocss/preset-mini": "^0.54.1",
+    "@unocss/reset": "^0.54.1",
+    "@vueuse/core": "^10.3.0",
+    "@vueuse/integrations": "^10.3.0",
+    "@vueuse/nuxt": "^10.3.0",
     "defu": "^6.1.2",
     "focus-trap": "^7.5.2",
-    "unocss": "^0.53.5",
+    "unocss": "^0.54.1",
     "v-lazy-show": "^0.2.3",
-    "@nuxt/devtools": "0.7.0",
-    "@nuxt/devtools-kit": "0.7.0"
+    "@nuxt/devtools": "0.7.2",
+    "@nuxt/devtools-kit": "0.7.2"
   },
   "devDependencies": {
-    "nuxt": "^3.6.2"
+    "nuxt": "^3.6.5"
   },
   "publishConfig": {
     "access": "public"