@nuxt/ui 2.15.0 → 2.15.1

package/dist/module.json

@@ -1,6 +1,6 @@
 {
   "name": "@nuxt/ui",
-  "version": "2.15.0",
+  "version": "2.15.1",
   "configKey": "ui",
   "compatibility": {
     "nuxt": "^3.10.0"

package/dist/module.mjs

@@ -14,7 +14,7 @@ const __filename = __cjs_url__.fileURLToPath(import.meta.url);
 const __dirname = __cjs_path__.dirname(__filename);
 const require = __cjs_mod__.createRequire(import.meta.url);
 const name = "@nuxt/ui";
-const version = "2.15.0";
+const version = "2.15.1";
 
 function createTemplates(nuxt = useNuxt()) {
   const template = addTemplate({

package/dist/runtime/components/data/Table.vue

@@ -249,8 +249,8 @@ export default defineComponent({
         selected.value.push(row);
       });
     }
-    function onChange(event) {
-      if (event.target.checked) {
+    function onChange(checked) {
+      if (checked) {
         selectAllRows();
       } else {
         selected.value = [];

package/dist/runtime/components/data/Table.vue.d.ts

@@ -117,7 +117,7 @@ declare const _default: import("vue").DefineComponent<{
         direction?: 'asc' | 'desc';
     }) => void;
     onSelect: (row: any) => void;
-    onChange: (event: any) => void;
+    onChange: (checked: boolean) => void;
     getRowData: (row: Object, rowKey: string | string[], defaultValue?: any) => any;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "update:sort")[], "update:modelValue" | "update:sort", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {

package/dist/runtime/components/elements/Avatar.vue

@@ -1,13 +1,14 @@
 <template>
   <span :class="wrapperClass">
-    <img
+    <component
+      :is="as"
       v-if="url && !error"
       :class="imgClass"
       :alt="alt"
       :src="url"
       v-bind="attrs"
       @error="onError"
-    >
+    />
     <span v-else-if="text" :class="ui.text">{{ text }}</span>
     <UIcon v-else-if="icon" :name="icon" :class="iconClass" />
     <span v-else-if="placeholder" :class="ui.placeholder">{{ placeholder }}</span>
@@ -34,6 +35,10 @@ export default defineComponent({
   },
   inheritAttrs: false,
   props: {
+    as: {
+      type: [String, Object],
+      default: "img"
+    },
     src: {
       type: [String, Boolean],
       default: null

package/dist/runtime/components/elements/Avatar.vue.d.ts

@@ -1,6 +1,10 @@
 import type { PropType } from 'vue';
 import type { AvatarSize } from '../../types';
 declare const _default: import("vue").DefineComponent<{
+    as: {
+        type: (ObjectConstructor | StringConstructor)[];
+        default: string;
+    };
     src: {
         type: (BooleanConstructor | StringConstructor)[];
         default: null;
@@ -62,6 +66,10 @@ declare const _default: import("vue").DefineComponent<{
     error: import("vue").Ref<boolean>;
     onError: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    as: {
+        type: (ObjectConstructor | StringConstructor)[];
+        default: string;
+    };
     src: {
         type: (BooleanConstructor | StringConstructor)[];
         default: null;
@@ -115,6 +123,7 @@ declare const _default: import("vue").DefineComponent<{
     ui: any;
     icon: string;
     class: any;
+    as: string | Record<string, any>;
     src: string | boolean;
     text: string;
     chipColor: any;

package/dist/runtime/components/elements/Dropdown.vue

@@ -17,7 +17,7 @@
       </slot>
     </HMenuButton>
 
-    <div v-if="open && items.length" ref="container" :class="[ui.container, ui.width]" :style="containerStyle">
+    <div v-if="open && items.length" ref="container" :class="[ui.container, ui.width]" :style="containerStyle" @mouseenter="onMouseEnter">
       <Transition appear v-bind="ui.transition">
         <div>
           <div v-if="popper.arrow" data-popper-arrow :class="Object.values(ui.arrow)" />

package/dist/runtime/components/forms/Checkbox.vue

@@ -110,7 +110,7 @@ export default defineComponent({
       }
     });
     const onChange = (event) => {
-      emit("change", event.target.value);
+      emit("change", event.target.checked);
       emitFormChange();
     };
     const inputClass = computed(() => {

package/dist/runtime/components/forms/Input.vue

@@ -187,13 +187,18 @@ export default defineComponent({
       }
     };
     const onChange = (event) => {
-      const value = event.target.value;
-      emit("change", value);
-      if (modelModifiers.value.lazy) {
-        updateInput(value);
-      }
-      if (modelModifiers.value.trim) {
-        event.target.value = value.trim();
+      if (props.type === "file") {
+        const value = event.target.files;
+        emit("change", value);
+      } else {
+        const value = event.target.value;
+        emit("change", value);
+        if (modelModifiers.value.lazy) {
+          updateInput(value);
+        }
+        if (modelModifiers.value.trim) {
+          event.target.value = value.trim();
+        }
       }
     };
     const onBlur = (event) => {

package/dist/runtime/components/forms/SelectMenu.vue

@@ -63,7 +63,7 @@
               autofocus
               autocomplete="off"
               :class="uiMenu.input"
-              @change="onChange"
+              @change="onQueryChange"
             />
             <component
               :is="searchable ? 'HComboboxOption' : 'HListboxOption'"
@@ -469,12 +469,12 @@ export default defineComponent({
         emitFormBlur();
       }
     });
-    function onUpdate(event) {
-      emit("update:modelValue", event);
-    }
-    function onChange(event) {
-      emit("change", event.target.value);
+    function onUpdate(value) {
+      emit("update:modelValue", value);
+      emit("change", value);
       emitFormChange();
+    }
+    function onQueryChange(event) {
       query.value = event.target.value;
     }
     provideUseId(() => useId());
@@ -507,7 +507,7 @@ export default defineComponent({
       // eslint-disable-next-line vue/no-dupe-keys
       query,
       onUpdate,
-      onChange
+      onQueryChange
     };
   }
 });

package/dist/runtime/components/forms/SelectMenu.vue.d.ts

@@ -177,8 +177,8 @@ declare const _default: import("vue").DefineComponent<{
         [x: string]: string;
     } | null>;
     query: import("vue").WritableComputedRef<string>;
-    onUpdate: (event: any) => void;
-    onChange: (event: any) => void;
+    onUpdate: (value: any) => void;
+    onQueryChange: (event: any) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "close" | "update:modelValue" | "open" | "update:query")[], "change" | "close" | "update:modelValue" | "open" | "update:query", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         type: (ObjectConstructor | BooleanConstructor | NumberConstructor | StringConstructor | ArrayConstructor)[];

package/dist/runtime/components/overlays/Popover.vue

@@ -21,7 +21,7 @@
       <div v-if="open" :class="[ui.overlay.base, ui.overlay.background]" />
     </Transition>
 
-    <div v-if="open" ref="container" :class="[ui.container, ui.width]" :style="containerStyle">
+    <div v-if="open" ref="container" :class="[ui.container, ui.width]" :style="containerStyle" @mouseenter="onMouseEnter">
       <Transition appear v-bind="ui.transition">
         <div>
           <div v-if="popper.arrow" data-popper-arrow :class="Object.values(ui.arrow)" />

package/dist/runtime/ui.config/layout/divider.mjs

@@ -1,7 +1,7 @@
 export default {
   wrapper: {
-    base: "flex items-center align-center text-center w-full",
-    horizontal: "flex-row",
+    base: "flex items-center align-center text-center",
+    horizontal: "w-full flex-row",
     vertical: "flex-col"
   },
   container: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nuxt/ui",
-  "version": "2.15.0",
+  "version": "2.15.1",
   "repository": "nuxt/ui",
   "homepage": "https://ui.nuxt.com",
   "type": "module",
@@ -44,7 +44,7 @@
     "@tailwindcss/aspect-ratio": "^0.4.2",
     "@tailwindcss/container-queries": "^0.1.1",
     "@tailwindcss/forms": "^0.5.7",
-    "@tailwindcss/typography": "^0.5.10",
+    "@tailwindcss/typography": "^0.5.12",
     "@vueuse/core": "^10.9.0",
     "@vueuse/integrations": "^10.9.0",
     "@vueuse/math": "^10.9.0",
@@ -55,7 +55,7 @@
     "pathe": "^1.1.2",
     "scule": "^1.3.0",
     "tailwind-merge": "^2.2.2",
-    "tailwindcss": "^3.4.1"
+    "tailwindcss": "^3.4.3"
   },
   "devDependencies": {
     "@nuxt/eslint-config": "^0.2.0",
@@ -64,7 +64,7 @@
     "@release-it/conventional-changelog": "^8.0.1",
     "@vue/test-utils": "^2.4.5",
     "eslint": "^8.57.0",
-    "happy-dom": "^14.3.6",
+    "happy-dom": "^14.3.10",
     "joi": "^17.12.2",
     "nuxt": "^3.11.1",
     "release-it": "^17.1.1",
@@ -80,7 +80,7 @@
   "resolutions": {
     "@nuxt/kit": "^3.11.1",
     "@nuxt/schema": "3.11.1",
-    "tailwindcss": "3.4.1",
+    "tailwindcss": "^3.4.3",
     "@headlessui/vue": "1.7.19",
     "vue": "3.4.21"
   }