@nuxt/devtools-ui-kit-nightly 2.5.0-beta.2-29150288.5c8decd → 2.6.0-29186511.e07326b

package/dist/components/NCheckbox.vue

@@ -10,7 +10,7 @@ const checked = useVModel(props, "modelValue", emit, { passive: true });
 
 <template>
   <label
-    class="n-checkbox hover:n-checkbox-hover select-none items-center n-disabled:n-disabled"
+    class="n-checkbox select-none items-center hover:n-checkbox-hover n-disabled:n-disabled"
     :checked="checked || null"
     :disabled="disabled || null"
   >
@@ -21,7 +21,7 @@ const checked = useVModel(props, "modelValue", emit, { passive: true });
       :disabled="disabled"
       @keypress.enter="checked = !checked"
     >
-    <span class="n-checkbox-box n-checked:n-checkbox-box-checked peer-active:n-active-base peer-focus-visible:n-focus-base n-transition">
+    <span class="n-checkbox-box n-transition n-checked:n-checkbox-box-checked peer-active:n-active-base peer-focus-visible:n-focus-base">
       <NIcon class="n-checkbox-icon scale-0 transform op0 n-transition n-checked:scale-100 n-checked:op100" />
     </span>
     <span :class="checked ? '' : 'op50'" class="n-transition"><slot /></span>

package/dist/components/NDialog.vue

@@ -42,7 +42,7 @@ export default {
   <Teleport v-if="shown" to="body">
     <div
       v-show="show"
-      class="fixed inset-0 z-100 flex items-center justify-center n-transition n-glass-effect"
+      class="fixed inset-0 z-100 flex items-center justify-center n-glass-effect n-transition"
       role="dialog"
       aria-modal="true"
       :class="[

package/dist/components/NDrawer.vue

@@ -48,7 +48,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 n-glass-effect
+      absolute bottom-0 z-10 z-20 of-auto n-glass-effect text-sm
       :style="{
   top: transition === 'bottom' ? 'auto' : `${height}px`,
   left: transition === 'right' && !width ? 'auto' : `${width}px`

package/dist/components/NDropdown.vue

@@ -22,7 +22,7 @@ onClickOutside(el, () => {
     </slot>
 
     <div
-      class="absolute z-10 border n-border-base rounded shadow n-transition n-bg-base"
+      class="absolute z-10 border n-border-base rounded n-bg-base shadow n-transition"
       :class="[enabled ? 'op-100' : 'op0 pointer-events-none -translate-y-1', direction === 'end' ? 'right-0' : 'left-0']"
     >
       <slot />

package/dist/components/NNavbar.vue

@@ -10,7 +10,7 @@ function update(event) {
 </script>
 
 <template>
-  <div flex="~ col gap2 wrap" border="b base" flex-1 n-navbar-glass :class="[{ p4: !noPadding }]">
+  <div flex="~ col gap2 wrap" border="b base" n-navbar-glass flex-1 :class="[{ p4: !noPadding }]">
     <div flex="~ gap4 wrap" items-center>
       <slot name="search">
         <NTextInput

package/dist/components/NNotification.vue

@@ -32,7 +32,7 @@ devtoolsUiProvideNotificationFn((data) => {
       <div
         border="~ base"
         flex="~ inline gap2"
-        m-3 inline-block items-center rounded px-4 py-1 transition-all duration-300 bg-base
+        m-3 inline-block items-center rounded bg-base px-4 py-1 transition-all duration-300
         :style="show ? {} : { transform: `translateY(${position.startsWith('top') ? '-' : ''}300%)` }"
         :class="[show ? 'shadow' : 'shadow-none', classes]"
       >

package/dist/components/NRadio.vue

@@ -12,7 +12,7 @@ const model = useVModel(props, "modelValue", emit, { passive: true });
 
 <template>
   <label
-    class="n-radio inline-flex hover:n-radio-hover select-none items-center n-disabled:n-disabled"
+    class="n-radio inline-flex select-none items-center hover:n-radio-hover n-disabled:n-disabled"
     :checked="model === value || null"
     :disabled="disabled || null"
   >
@@ -25,8 +25,8 @@ const model = useVModel(props, "modelValue", emit, { passive: true });
       :value="value"
       @keypress.enter="model = value"
     >
-    <span class="n-radio-box n-checked:n-radio-box-checked peer-active:n-active-base peer-focus-visible:n-focus-base n-transition">
-      <div class="n-radio-inner n-checked:n-radio-inner-checked n-transition" />
+    <span class="n-radio-box n-transition n-checked:n-radio-box-checked peer-active:n-active-base peer-focus-visible:n-focus-base">
+      <div class="n-radio-inner n-transition n-checked:n-radio-inner-checked" />
     </span>
     <span><slot /></span>
   </label>

package/dist/components/NSectionBlock.vue

@@ -21,7 +21,7 @@ function onToggle(e) {
   <!-- @vue-ignore -->
   <details :open="open" @toggle="onToggle">
     <summary
-      class="cursor-pointer select-none hover:bg-active p4"
+      class="cursor-pointer select-none p4 hover:bg-active"
       :class="collapse ? '' : 'pointer-events-none'"
     >
       <NIconTitle :icon="icon" :text="text" text-xl transition :class="[open ? 'op100' : 'op60', headerClass]">

package/dist/components/NSelect.vue

@@ -12,7 +12,7 @@ const input = useVModel(props, "modelValue", emit, { passive: true });
 
 <template>
   <div
-    class="n-select flex flex items-center border rounded px-2 py-1 focus-within:n-focus-base focus-within:border-context n-bg-base"
+    class="n-select flex flex items-center border rounded n-bg-base px-2 py-1 focus-within:border-context focus-within:n-focus-base"
     :class="disabled ? 'border-gray:10' : 'n-border-base'"
   >
     <slot name="icon">

package/dist/components/NSelectTabs.vue

@@ -17,7 +17,7 @@ const input = useVModel(props, "modelValue", emit, { passive: true });
       v-for="i, idx of options"
       :key="i.label"
       :disabled="disabled"
-      class="relative n-border-base hover:n-bg-active px-0.5em py-0.1em"
+      class="relative n-border-base px-0.5em py-0.1em hover:n-bg-active"
       :class="[
   idx ? 'border-l n-border-base ml--1px' : '',
   i.value === input ? 'n-bg-active' : ''

package/dist/components/NSwitch.vue

@@ -21,8 +21,8 @@ const checked = defineModel("modelValue", {
       :disabled="disabled"
       @keypress.enter="checked = !checked"
     >
-    <div class="n-switch-slider n-checked:n-switch-slider-checked peer-active:n-active-base peer-focus-visible:n-focus-base n-transition">
-      <div class="n-checked:n-switch-thumb-checked n-switch-thumb n-transition" />
+    <div class="n-switch-slider n-transition n-checked:n-switch-slider-checked peer-active:n-active-base peer-focus-visible:n-focus-base">
+      <div class="n-switch-thumb n-transition n-checked:n-switch-thumb-checked" />
     </div>
     <slot />
   </label>

package/dist/components/NTextInput.vue

@@ -15,7 +15,7 @@ const input = useVModel(props, "modelValue", emit, { passive: true });
 </script>
 
 <template>
-  <div 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">
+  <div class="n-text-input flex flex items-center border n-border-base rounded n-bg-base py-1 pl-1 pr-2 focus-within:border-context focus-within:n-focus-base">
     <slot name="icon">
       <NIcon v-if="icon" :icon="icon" class="ml-0.3em mr-0.1em text-1.1em op50" />
     </slot>

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@nuxt/devtools-ui-kit",
   "configKey": "devtoolsUIKit",
-  "version": "2.5.0-beta.2-29150288.5c8decd",
+  "version": "2.6.0-29186511.e07326b",
   "builder": {
     "@nuxt/module-builder": "1.0.1",
     "unbuild": "3.5.0"

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@nuxt/devtools-ui-kit-nightly",
   "type": "module",
-  "version": "2.5.0-beta.2-29150288.5c8decd",
+  "version": "2.6.0-29186511.e07326b",
   "license": "MIT",
   "homepage": "https://devtools.nuxt.com/module/ui-kit",
   "repository": {
@@ -28,33 +28,33 @@
     "dist"
   ],
   "peerDependencies": {
-    "@nuxt/devtools": "npm:@nuxt/devtools-nightly@2.5.0-beta.2-29150288.5c8decd"
+    "@nuxt/devtools": "npm:@nuxt/devtools-nightly@2.6.0-29186511.e07326b"
   },
   "dependencies": {
-    "@iconify-json/carbon": "^1.2.8",
+    "@iconify-json/carbon": "^1.2.10",
     "@iconify-json/logos": "^1.2.4",
     "@iconify-json/ri": "^1.2.5",
-    "@iconify-json/tabler": "^1.2.18",
-    "@nuxt/devtools-kit": "npm:@nuxt/devtools-kit-nightly@2.5.0-beta.2-29150288.5c8decd",
-    "@nuxt/kit": "^3.17.4",
-    "@unocss/core": "^66.1.3",
-    "@unocss/nuxt": "^66.1.3",
-    "@unocss/preset-attributify": "^66.1.3",
-    "@unocss/preset-icons": "^66.1.3",
-    "@unocss/preset-mini": "^66.1.3",
-    "@unocss/reset": "^66.1.3",
-    "@vueuse/core": "^13.3.0",
-    "@vueuse/integrations": "^13.3.0",
-    "@vueuse/nuxt": "^13.3.0",
+    "@iconify-json/tabler": "^1.2.19",
+    "@nuxt/devtools-kit": "npm:@nuxt/devtools-kit-nightly@2.6.0-29186511.e07326b",
+    "@nuxt/kit": "^3.17.5",
+    "@unocss/core": "^66.3.2",
+    "@unocss/nuxt": "^66.3.2",
+    "@unocss/preset-attributify": "^66.3.2",
+    "@unocss/preset-icons": "^66.3.2",
+    "@unocss/preset-mini": "^66.3.2",
+    "@unocss/reset": "^66.3.2",
+    "@vueuse/core": "^13.4.0",
+    "@vueuse/integrations": "^13.4.0",
+    "@vueuse/nuxt": "^13.4.0",
     "defu": "^6.1.4",
     "focus-trap": "^7.6.5",
     "splitpanes": "^3.2.0",
-    "unocss": "^66.1.3",
+    "unocss": "^66.3.2",
     "v-lazy-show": "^0.3.0"
   },
   "devDependencies": {
-    "@nuxt/devtools": "npm:@nuxt/devtools-nightly@2.5.0-beta.2-29150288.5c8decd",
-    "nuxt": "^3.17.4"
+    "@nuxt/devtools": "npm:@nuxt/devtools-nightly@2.6.0-29186511.e07326b",
+    "nuxt": "^3.17.5"
   },
   "publishConfig": {
     "access": "public"