@nuxt/devtools-ui-kit 2.0.0 → 2.1.1

package/dist/components/NButton.d.ts

@@ -0,0 +1,33 @@
+import type { PropType } from 'vue';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    to: StringConstructor;
+    icon: StringConstructor;
+    border: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: BooleanConstructor;
+    type: {
+        type: PropType<"submit" | "reset" | "button">;
+        default: string;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    to: StringConstructor;
+    icon: StringConstructor;
+    border: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: BooleanConstructor;
+    type: {
+        type: PropType<"submit" | "reset" | "button">;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    disabled: boolean;
+    border: boolean;
+    type: "submit" | "reset" | "button";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/NButton.mjs

@@ -0,0 +1,41 @@
+import { NuxtLink } from "#components";
+import { defineComponent, h, renderSlot } from "vue";
+import NIcon from "./NIcon.vue";
+export default defineComponent({
+  name: "NButton",
+  props: {
+    to: String,
+    icon: String,
+    border: {
+      type: Boolean,
+      default: true
+    },
+    disabled: Boolean,
+    type: {
+      type: String,
+      default: "button"
+    }
+  },
+  setup(props, { attrs, slots }) {
+    return () => h(props.to ? NuxtLink : "button", {
+      to: props.to,
+      ...attrs,
+      ...!props.to && { type: props.type },
+      ...props.disabled ? { disabled: true } : { tabindex: 0 },
+      // @ts-expect-error ignore type
+      class: [
+        props.border ? "n-button-base active:n-button-active focus-visible:n-focus-base hover:n-button-hover" : "",
+        slots.default ? "" : "n-icon-button",
+        "n-button n-transition n-disabled:n-disabled"
+      ].join(" ")
+    }, [
+      renderSlot(slots, "icon", {}, () => props.icon ? [
+        h(NIcon, {
+          icon: props.icon,
+          class: slots.default ? "n-button-icon" : ""
+        })
+      ] : []),
+      renderSlot(slots, "default")
+    ]);
+  }
+});

package/dist/module.json

@@ -1,9 +1,9 @@
 {
   "name": "devtools-ui-kit",
   "configKey": "devtoolsUIKit",
-  "version": "2.0.0",
+  "version": "2.1.1",
   "builder": {
     "@nuxt/module-builder": "0.8.4",
-    "unbuild": "3.3.1"
+    "unbuild": "3.5.0"
   }
 }

package/dist/unocss.mjs

@@ -1,7 +1,7 @@
 import { theme } from '@unocss/preset-mini';
 import { fonts } from '@unocss/preset-mini/rules';
 import { parseColor } from '@unocss/preset-mini/utils';
-import { mergeDeep, presetUno, presetAttributify, presetTypography, presetIcons, presetWebFonts, transformerDirectives, transformerVariantGroup } from 'unocss';
+import { mergeDeep, presetWind3, presetAttributify, presetTypography, presetIcons, presetWebFonts, transformerDirectives, transformerVariantGroup } from 'unocss';
 
 function unocssPreset() {
   return {
@@ -137,7 +137,7 @@ function extendUnocssOptions(user = {}) {
     ...user,
     preflight: true,
     presets: [
-      presetUno(),
+      presetWind3(),
       presetAttributify(),
       presetTypography(),
       presetIcons({

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@nuxt/devtools-ui-kit",
   "type": "module",
-  "version": "2.0.0",
+  "version": "2.1.1",
   "license": "MIT",
   "homepage": "https://devtools.nuxt.com/module/ui-kit",
   "repository": {
@@ -28,33 +28,33 @@
     "dist"
   ],
   "peerDependencies": {
-    "@nuxt/devtools": "2.0.0"
+    "@nuxt/devtools": "2.1.1"
   },
   "dependencies": {
-    "@iconify-json/carbon": "^1.2.6",
+    "@iconify-json/carbon": "^1.2.8",
     "@iconify-json/logos": "^1.2.4",
     "@iconify-json/ri": "^1.2.5",
-    "@iconify-json/tabler": "^1.2.15",
+    "@iconify-json/tabler": "^1.2.16",
     "@nuxt/kit": "^3.15.4",
-    "@unocss/core": "^65.4.3",
-    "@unocss/nuxt": "^65.4.3",
-    "@unocss/preset-attributify": "^65.4.3",
-    "@unocss/preset-icons": "^65.4.3",
-    "@unocss/preset-mini": "^65.4.3",
-    "@unocss/reset": "^65.4.3",
-    "@vueuse/core": "^12.5.0",
-    "@vueuse/integrations": "^12.5.0",
-    "@vueuse/nuxt": "^12.5.0",
+    "@unocss/core": "^66.0.0",
+    "@unocss/nuxt": "^66.0.0",
+    "@unocss/preset-attributify": "^66.0.0",
+    "@unocss/preset-icons": "^66.0.0",
+    "@unocss/preset-mini": "^66.0.0",
+    "@unocss/reset": "^66.0.0",
+    "@vueuse/core": "^12.7.0",
+    "@vueuse/integrations": "^12.7.0",
+    "@vueuse/nuxt": "^12.7.0",
     "defu": "^6.1.4",
     "focus-trap": "^7.6.4",
     "splitpanes": "^3.1.8",
-    "unocss": "^65.4.3",
+    "unocss": "^66.0.0",
     "v-lazy-show": "^0.3.0",
-    "@nuxt/devtools-kit": "2.0.0"
+    "@nuxt/devtools-kit": "2.1.1"
   },
   "devDependencies": {
     "nuxt": "^3.15.4",
-    "@nuxt/devtools": "2.0.0"
+    "@nuxt/devtools": "2.1.1"
   },
   "publishConfig": {
     "access": "public"

package/dist/components/NButton.vue

@@ -1,34 +0,0 @@
-<script setup lang="ts">
-// eslint-disable-next-line ts/ban-ts-comment
-// @ts-ignore tsconfig
-import { NuxtLink } from '#components'
-
-withDefaults(defineProps<{
-  to?: string
-  icon?: string
-  border?: boolean
-  disabled?: boolean
-  type?: 'submit' | 'reset' | 'button'
-}>(), {
-  border: true,
-  type: 'button',
-})
-</script>
-
-<template>
-  <Component
-    :is="to ? NuxtLink : 'button'"
-    :to="to"
-    v-bind="{ ...$attrs, ...(!to && { type }), ...(disabled ? { disabled: true } : { tabindex: 0 }) }"
-    :class="[
-      { 'n-button-base active:n-button-active focus-visible:n-focus-base hover:n-button-hover': border },
-      { 'n-icon-button': !$slots.default },
-    ]"
-    class="n-button n-transition n-disabled:n-disabled"
-  >
-    <slot name="icon">
-      <NIcon v-if="icon" :icon="icon" :class="{ 'n-button-icon': $slots.default }" />
-    </slot>
-    <slot />
-  </Component>
-</template>