@nuxt/devtools-ui-kit 1.0.0-beta.0 → 1.0.0-beta.1

package/dist/components/NCheckbox.vue

@@ -3,7 +3,7 @@ import { useVModel } from '@vueuse/core'
 
 const props = withDefaults(
   defineProps<{
-    modelValue?: boolean
+    modelValue?: boolean | null
     disabled?: boolean
   }>(),
   {

package/dist/components/NDarkToggle.vue

@@ -1,7 +1,5 @@
 <script setup lang="ts">
 import { computed, nextTick } from 'vue'
-
-// @ts-expect-error auto imported from @nuxtjs/color-mode
 import { useColorMode } from '#imports'
 
 const mode = useColorMode()

package/dist/components/NDrawer.vue

@@ -61,7 +61,7 @@ const transitionType = {
       :border="`${transition === 'right' ? 'l' : transition === 'bottom' ? 't' : 'b'} base`"
       flex="~ col gap-1"
       :class="{ 'right-0': transition === 'right' || transition === 'bottom' }"
-      absolute bottom-0 z-10 z-20 of-auto text-sm glass-effect
+      absolute bottom-0 z-10 z-20 of-auto text-sm n-glass-effect
       :style="{
         top: transition === 'bottom' ? 'auto' : `${height}px`,
         left: transition === 'right' && !width ? 'auto' : `${width}px`,

package/dist/components/NNavbar.vue

@@ -0,0 +1,33 @@
+<script setup lang="ts">
+defineProps<{
+  search?: string
+  noPadding?: boolean
+}>()
+
+const emit = defineEmits<{
+  (event: 'update:search', value: string): void
+}>()
+
+function update(event: any) {
+  emit('update:search', event.target.value)
+}
+</script>
+
+<template>
+  <div flex="~ col gap2" border="b base" flex-1 n-navbar-glass :class="[{ p4: !noPadding }]">
+    <div flex="~ gap4" items-center>
+      <slot v-if="search !== undefined" name="search">
+        <NTextInput
+          placeholder="Search..."
+          icon="carbon-search"
+          n="primary" flex-auto
+          :class="{ 'px-5 py-2': !noPadding }"
+          :value="search"
+          @input="update"
+        />
+      </slot>
+      <slot name="actions" />
+    </div>
+    <slot />
+  </div>
+</template>

package/dist/module.json

@@ -1,5 +1,5 @@
 {
   "name": "devtools-ui-kit",
   "configKey": "devtoolsUIKit",
-  "version": "1.0.0-beta.0"
+  "version": "1.0.0-beta.1"
 }

package/dist/unocss.mjs

@@ -125,7 +125,10 @@ function unocssPreset() {
       // loading
       "n-loading": "flex h-full w-full justify-center items-center",
       "n-panel-grids": "n-panel-grids-light dark:n-panel-grids-dark",
-      "n-panel-grids-center": "n-panel-grids flex flex-col h-full gap-2 items-center justify-center"
+      "n-panel-grids-center": "n-panel-grids flex flex-col h-full gap-2 items-center justify-center",
+      // glass
+      "n-glass-effect": "backdrop-blur-6 bg-white/80 dark:bg-[#151515]/90",
+      "n-navbar-glass": "sticky z-10 top-0 n-glass-effect"
     }
   };
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@nuxt/devtools-ui-kit",
   "type": "module",
-  "version": "1.0.0-beta.0",
+  "version": "1.0.0-beta.1",
   "license": "MIT",
   "repository": "nuxt/devtools",
   "exports": {
@@ -23,41 +23,41 @@
     "dist"
   ],
   "peerDependencies": {
-    "@nuxt/devtools": "1.0.0-beta.0"
+    "@nuxt/devtools": "1.0.0-beta.1"
   },
   "dependencies": {
     "@iconify-json/carbon": "^1.1.21",
     "@iconify-json/logos": "^1.1.37",
     "@iconify-json/ri": "^1.1.12",
-    "@iconify-json/tabler": "^1.1.92",
+    "@iconify-json/tabler": "^1.1.94",
     "@nuxt/kit": "^3.7.4",
     "@nuxtjs/color-mode": "^3.3.0",
-    "@unocss/core": "^0.56.2",
-    "@unocss/nuxt": "^0.56.2",
-    "@unocss/preset-attributify": "^0.56.2",
-    "@unocss/preset-icons": "^0.56.2",
-    "@unocss/preset-mini": "^0.56.2",
-    "@unocss/reset": "^0.56.2",
-    "@vueuse/core": "^10.4.1",
-    "@vueuse/integrations": "^10.4.1",
-    "@vueuse/nuxt": "^10.4.1",
+    "@unocss/core": "^0.56.5",
+    "@unocss/nuxt": "^0.56.5",
+    "@unocss/preset-attributify": "^0.56.5",
+    "@unocss/preset-icons": "^0.56.5",
+    "@unocss/preset-mini": "^0.56.5",
+    "@unocss/reset": "^0.56.5",
+    "@vueuse/core": "^10.5.0",
+    "@vueuse/integrations": "^10.5.0",
+    "@vueuse/nuxt": "^10.5.0",
     "defu": "^6.1.2",
     "focus-trap": "^7.5.3",
     "splitpanes": "^3.1.5",
-    "unocss": "^0.56.2",
+    "unocss": "^0.56.5",
     "v-lazy-show": "^0.2.3",
-    "@nuxt/devtools-kit": "1.0.0-beta.0"
+    "@nuxt/devtools-kit": "1.0.0-beta.1"
   },
   "devDependencies": {
     "nuxt": "^3.7.4",
-    "@nuxt/devtools": "1.0.0-beta.0"
+    "@nuxt/devtools": "1.0.0-beta.1"
   },
   "publishConfig": {
     "access": "public"
   },
   "scripts": {
-    "build": "nuxt-build-module",
-    "stub": "nuxt-build-module --stub",
+    "build": "nuxt-build-module build",
+    "stub": "nuxt-build-module build --stub",
     "dev": "nuxi dev playground",
     "playground:build": "nuxi generate playground"
   }