@nuxt/ui 0.4.0 → 0.4.1

package/dist/components/NButton.vue

@@ -1,7 +1,17 @@
+<script setup lang="ts">
+import { NuxtLink } from '#components'
+
+defineProps<{
+  to?: string
+  icon?: string
+}>()
+</script>
+
 <template>
   <Component
-    :is="to ? 'a' : 'button'"
-    :href="to"
+    :is="to ? NuxtLink : 'button'"
+    :to="to"
+    v-bind="$attrs"
     class="n-button n-transition n-button-base hover:n-button-hover active:n-button-active focus-visible:n-focus-base n-disabled:n-disabled"
   >
     <slot name="icon">
@@ -10,10 +20,3 @@
     <slot />
   </Component>
 </template>
-
-<script setup lang="ts">
-defineProps<{
-  to?: string
-  icon?: string
-}>()
-</script>

package/dist/components/NLink.vue

@@ -1,17 +1,20 @@
-<template>
-  <Component
-    :is="(href || target) ? 'a' : 'nuxt-link'"
-    v-bind="$props"
-    class="n-link n-link-base hover:n-link-hover n-transition"
-  >
-    <slot />
-  </Component>
-</template>
 
 <script setup lang="ts">
+import { NuxtLink } from '#components'
+
 defineProps<{
   to?: string
   href?: string
   target?: string
 }>()
 </script>
+
+<template>
+  <Component
+    :is="(href || target) ? 'a' : NuxtLink"
+    v-bind="$props"
+    class="n-link n-link-base hover:n-link-hover n-transition"
+  >
+    <slot />
+  </Component>
+</template>

package/dist/components/NTextInput.vue

@@ -5,7 +5,7 @@
     </slot>
     <input
       v-model="input"
-      class="!outline-none flex-auto n-bg-base"
+      class="!outline-none flex-auto n-bg-base w-full"
       :type="type"
       :placeholder="placeholder"
     >

package/dist/unocss.mjs

@@ -56,6 +56,7 @@ const NuxtUIPreset = () => ({
     }
   ],
   shortcuts: {
+    // general
     "n-bg-base": "bg-white dark:bg-[#222]",
     "n-border-base": "border-gray-400/50",
     "n-border-300": "border-gray-400/40",
@@ -64,26 +65,34 @@ const NuxtUIPreset = () => ({
     "n-focus-base": "ring-2 ring-context/50",
     "n-active-base": "ring-3 ring-context/10",
     "n-borderless": "!border-none !shadow-none",
+    // link
     "n-link-base": "underline underline-offset-2 underline-black/20 dark:underline-white/40",
     "n-link-hover": "decoration-dotted text-context underline-context",
+    // card
     "n-card-base": "border n-border-200 rounded n-bg-base shadow-sm",
+    // header
     "n-header-upper": "text-sm uppercase mb-2 leading-1.2em tracking-wide op50",
-    "n-button-base": "border n-border-base rounded shadow-sm px-1em py-0.25em inline-flex items-center gap-1 op80 !outline-none",
+    // button
+    "n-button-base": "border n-border-base rounded shadow-sm px-1em py-0.25em inline-flex items-center gap-1 op80 !outline-none touch-manipulation",
     "n-button-hover": "op100 !border-context text-context",
     "n-button-active": "n-active-base bg-context/5",
     "n-button-icon": "-ml-0.2em mr-0.2em text-1.1em",
+    // checkbox
     "n-checkbox-box": "border n-border-base w-1.1em h-1.1em mr-1 text-white flex flex-none items-center rounded-sm overflow-visible",
     "n-checkbox-box-checked": "bg-context border-context",
     "n-checkbox-icon": "carbon-checkmark",
+    // radio
     "n-radio-box": "border n-border-base w-1.2em h-1.2em mr-1 text-white flex flex-none rounded-full overflow-visible",
     "n-radio-box-checked": "border-context",
     "n-radio-inner": "bg-context rounded-1/2 w-0 h-0 m-auto",
     "n-radio-inner-checked": "w-0.8em h-0.8em",
+    // switch
     "n-switch-base": "inline-flex items-center select-none",
     "n-switch-slider": "mr-1 rounded-full border n-border-base relative p-2px",
     "n-switch-slider-checked": "border-context/20 bg-context/10",
     "n-switch-thumb": "h-1em w-1em rounded-1/2 border n-border-base ml-0 mr-0.8em",
     "n-switch-thumb-checked": "bg-context border-context ml-0.8em mr-0",
+    // tip
     "n-tip-base": "bg-context/8 text-context px-1em py-0.4em rounded flex items-center dark:bg-context/12",
     "n-tip-icon": "-ml-0.2em mr-0.4em text-1.1em"
   }
@@ -103,6 +112,7 @@ function extendUnocssOptions(user = {}) {
           display: "inline-block",
           "vertical-align": "middle"
         }
+        // ...(user?.icons || {})
       }),
       NuxtUIPreset(),
       ...user.presets || []

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nuxt/ui",
-  "version": "0.4.0",
+  "version": "0.4.1",
   "license": "MIT",
   "type": "module",
   "exports": {
@@ -29,28 +29,28 @@
     "playground:build": "nuxi build playground"
   },
   "dependencies": {
-    "@iconify-json/carbon": "^1.1.13",
-    "@nuxt/kit": "^3.0.0",
+    "@iconify-json/carbon": "^1.1.14",
+    "@nuxt/kit": "^3.1.1",
     "@nuxtjs/color-mode": "^3.2.0",
-    "@unocss/core": "^0.48.2",
-    "@unocss/nuxt": "^0.48.2",
-    "@unocss/preset-attributify": "^0.48.2",
-    "@unocss/preset-icons": "^0.48.2",
-    "@unocss/preset-mini": "^0.48.2",
-    "@unocss/reset": "^0.48.2",
-    "@vueuse/core": "^9.10.0",
-    "@vueuse/integrations": "^9.10.0",
-    "@vueuse/nuxt": "^9.10.0",
-    "defu": "^6.1.1",
+    "@unocss/core": "^0.49.1",
+    "@unocss/nuxt": "^0.49.1",
+    "@unocss/preset-attributify": "^0.49.1",
+    "@unocss/preset-icons": "^0.49.1",
+    "@unocss/preset-mini": "^0.49.1",
+    "@unocss/reset": "^0.49.1",
+    "@vueuse/core": "^9.12.0",
+    "@vueuse/integrations": "^9.12.0",
+    "@vueuse/nuxt": "^9.12.0",
+    "defu": "^6.1.2",
     "focus-trap": "^7.2.0",
-    "unocss": "^0.48.2"
+    "unocss": "^0.49.1"
   },
   "devDependencies": {
-    "nuxt": "^3.0.0",
-    "unbuild": "^1.0.2"
+    "nuxt": "^3.1.1",
+    "unbuild": "^1.1.1"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "15c58aff5280f43ab3e0567a697e4ec3399c0954"
+  "gitHead": "1163a392fca9e0f6686fab4e2ab254acbd6e3ec1"
 }