@nuxt/ui 2.16.0 → 2.18.0

package/dist/runtime/utils/index.d.ts

@@ -1,11 +1,11 @@
-import type { Strategy } from '../types';
+import type { Strategy } from '../types.js';
 export declare function mergeConfig<T>(strategy: Strategy, ...configs: any[]): T;
-export declare function hexToRgb(hex: string): string | null;
+export declare function hexToRgb(hex: string): string;
 export declare function getSlotsChildren(slots: any): any;
 /**
  * "123-foo" will be parsed to 123
  * This is used for the .number modifier in v-model
  */
 export declare function looseToNumber(val: any): any;
-export * from './lodash';
-export * from './link';
+export * from './lodash.js';
+export * from './link.js';

package/dist/runtime/utils/{index.mjs → index.js}

@@ -63,5 +63,5 @@ export function looseToNumber(val) {
   const n = parseFloat(val);
   return isNaN(n) ? val : n;
 }
-export * from "./lodash.mjs";
-export * from "./link.mjs";
+export * from "./lodash.js";
+export * from "./link.js";

package/dist/runtime/utils/link.d.ts

@@ -1,68 +1,70 @@
 import type { PropType } from 'vue';
+import type { RouteLocationRaw } from '#vue-router';
+import type { NuxtLinkProps } from '#app';
 export declare const nuxtLinkProps: {
     readonly to: {
         readonly type: PropType<RouteLocationRaw>;
-        readonly default: undefined;
+        readonly default: any;
         readonly required: false;
     };
     readonly href: {
         readonly type: PropType<RouteLocationRaw>;
-        readonly default: undefined;
+        readonly default: any;
         readonly required: false;
     };
     readonly target: {
-        readonly type: PropType<NuxtLinkProps>;
-        readonly default: undefined;
+        readonly type: PropType<NuxtLinkProps["target"]>;
+        readonly default: any;
         readonly required: false;
     };
     readonly rel: {
-        readonly type: PropType<NuxtLinkProps>;
-        readonly default: undefined;
+        readonly type: PropType<NuxtLinkProps["rel"]>;
+        readonly default: any;
         readonly required: false;
     };
     readonly noRel: {
-        readonly type: PropType<NuxtLinkProps>;
-        readonly default: undefined;
+        readonly type: PropType<NuxtLinkProps["noRel"]>;
+        readonly default: any;
         readonly required: false;
     };
     readonly prefetch: {
-        readonly type: PropType<NuxtLinkProps>;
-        readonly default: undefined;
+        readonly type: PropType<NuxtLinkProps["prefetch"]>;
+        readonly default: any;
         readonly required: false;
     };
     readonly noPrefetch: {
-        readonly type: PropType<NuxtLinkProps>;
-        readonly default: undefined;
+        readonly type: PropType<NuxtLinkProps["noPrefetch"]>;
+        readonly default: any;
         readonly required: false;
     };
     readonly activeClass: {
-        readonly type: PropType<NuxtLinkProps>;
-        readonly default: undefined;
+        readonly type: PropType<NuxtLinkProps["activeClass"]>;
+        readonly default: any;
         readonly required: false;
     };
     readonly exactActiveClass: {
-        readonly type: PropType<NuxtLinkProps>;
-        readonly default: undefined;
+        readonly type: PropType<NuxtLinkProps["exactActiveClass"]>;
+        readonly default: any;
         readonly required: false;
     };
     readonly prefetchedClass: {
-        readonly type: PropType<NuxtLinkProps>;
-        readonly default: undefined;
+        readonly type: PropType<NuxtLinkProps["prefetchedClass"]>;
+        readonly default: any;
         readonly required: false;
     };
     readonly replace: {
-        readonly type: PropType<NuxtLinkProps>;
-        readonly default: undefined;
+        readonly type: PropType<NuxtLinkProps["replace"]>;
+        readonly default: any;
         readonly required: false;
     };
     readonly ariaCurrentValue: {
-        readonly type: PropType<NuxtLinkProps>;
-        readonly default: undefined;
+        readonly type: PropType<NuxtLinkProps["ariaCurrentValue"]>;
+        readonly default: any;
         readonly required: false;
     };
     readonly external: {
-        readonly type: PropType<NuxtLinkProps>;
-        readonly default: undefined;
+        readonly type: PropType<NuxtLinkProps["external"]>;
+        readonly default: any;
         readonly required: false;
     };
 };

package/dist/runtime/utils/{link.mjs → link.js}

@@ -114,7 +114,7 @@ export const getNuxtLinkProps = (props) => {
   }, {});
 };
 export const getULinkProps = (props) => {
-  const keys = [...Object.keys(nuxtLinkProps), ...Object.keys(uLinkProps)];
+  const keys = [...Object.keys(nuxtLinkProps), ...Object.keys(uLinkProps), "ariaLabel"];
   return keys.reduce((acc, key) => {
     if (props[key] !== void 0) {
       acc[key] = props[key];

package/dist/types.d.mts

@@ -1,16 +1 @@
-
-import type { ModuleOptions } from './module.js'
-
-
-declare module '@nuxt/schema' {
-  interface NuxtConfig { ['ui']?: Partial<ModuleOptions> }
-  interface NuxtOptions { ['ui']?: ModuleOptions }
-}
-
-declare module 'nuxt/schema' {
-  interface NuxtConfig { ['ui']?: Partial<ModuleOptions> }
-  interface NuxtOptions { ['ui']?: ModuleOptions }
-}
-
-
-export type { accordion, alert, avatar, avatarGroup, badge, breadcrumb, button, buttonGroup, card, carousel, checkbox, chip, commandPalette, container, contextMenu, divider, dropdown, formGroup, horizontalNavigation, input, inputMenu, kbd, meter, meterGroup, modal, notification, notifications, pagination, popover, progress, radio, radioGroup, range, select, selectMenu, skeleton, slideover, table, tabs, textarea, toggle, tooltip, verticalNavigation } from './module.js'
+export { type ModuleOptions, default } from './module.js'

package/dist/types.d.ts

@@ -1,16 +1 @@
-
-import type { ModuleOptions } from './module'
-
-
-declare module '@nuxt/schema' {
-  interface NuxtConfig { ['ui']?: Partial<ModuleOptions> }
-  interface NuxtOptions { ['ui']?: ModuleOptions }
-}
-
-declare module 'nuxt/schema' {
-  interface NuxtConfig { ['ui']?: Partial<ModuleOptions> }
-  interface NuxtOptions { ['ui']?: ModuleOptions }
-}
-
-
-export type { accordion, alert, avatar, avatarGroup, badge, breadcrumb, button, buttonGroup, card, carousel, checkbox, chip, commandPalette, container, contextMenu, divider, dropdown, formGroup, horizontalNavigation, input, inputMenu, kbd, meter, meterGroup, modal, notification, notifications, pagination, popover, progress, radio, radioGroup, range, select, selectMenu, skeleton, slideover, table, tabs, textarea, toggle, tooltip, verticalNavigation } from './module'
+export { type ModuleOptions, default } from './module'

package/package.json

@@ -1,6 +1,7 @@
 {
   "name": "@nuxt/ui",
-  "version": "2.16.0",
+  "version": "2.18.0",
+  "packageManager": "pnpm@9.5.0",
   "repository": "nuxt/ui",
   "homepage": "https://ui.nuxt.com",
   "type": "module",
@@ -33,52 +34,53 @@
     "test": "vitest"
   },
   "dependencies": {
-    "@egoist/tailwindcss-icons": "^1.8.0",
-    "@headlessui/tailwindcss": "^0.2.0",
-    "@headlessui/vue": "^1.7.21",
-    "@iconify-json/heroicons": "^1.1.21",
-    "@nuxt/kit": "^3.11.2",
-    "@nuxtjs/color-mode": "^3.4.1",
-    "@nuxtjs/tailwindcss": "^6.12.0",
+    "@headlessui/tailwindcss": "^0.2.1",
+    "@headlessui/vue": "^1.7.22",
+    "@iconify-json/heroicons": "^1.1.22",
+    "@nuxt/icon": "^1.2.1",
+    "@nuxt/kit": "^3.12.4",
+    "@nuxtjs/color-mode": "^3.4.2",
+    "@nuxtjs/tailwindcss": "^6.12.1",
     "@popperjs/core": "^2.11.8",
     "@tailwindcss/aspect-ratio": "^0.4.2",
     "@tailwindcss/container-queries": "^0.1.1",
     "@tailwindcss/forms": "^0.5.7",
     "@tailwindcss/typography": "^0.5.13",
-    "@vueuse/core": "^10.9.0",
-    "@vueuse/integrations": "^10.9.0",
-    "@vueuse/math": "^10.9.0",
+    "@vueuse/core": "^10.11.0",
+    "@vueuse/integrations": "^10.11.0",
+    "@vueuse/math": "^10.11.0",
     "defu": "^6.1.4",
     "fuse.js": "^6.6.2",
-    "nuxt-icon": "^0.6.10",
     "ohash": "^1.1.3",
     "pathe": "^1.1.2",
     "scule": "^1.3.0",
-    "tailwind-merge": "^2.3.0",
-    "tailwindcss": "^3.4.3"
+    "tailwind-merge": "^2.4.0",
+    "tailwindcss": "^3.4.6"
   },
   "devDependencies": {
-    "@nuxt/eslint-config": "^0.3.10",
-    "@nuxt/module-builder": "^0.5.5",
-    "@nuxt/test-utils": "^3.12.1",
+    "@nuxt/eslint-config": "^0.3.13",
+    "@nuxt/module-builder": "^0.8.1",
+    "@nuxt/test-utils": "^3.13.1",
     "@release-it/conventional-changelog": "^8.0.1",
     "@vue/test-utils": "^2.4.6",
     "eslint": "^8.57.0",
-    "happy-dom": "^14.10.1",
-    "joi": "^17.13.1",
-    "nuxt": "^3.11.2",
-    "release-it": "^17.2.1",
-    "typescript": "^5.4.5",
+    "happy-dom": "^14.12.3",
+    "joi": "^17.13.3",
+    "nuxt": "^3.12.4",
+    "release-it": "^17.6.0",
     "unbuild": "^2.0.0",
-    "valibot": "^0.30.0",
-    "vitest": "^1.6.0",
+    "valibot": "^0.36.0",
+    "valibot30": "npm:valibot@0.30.0",
+    "valibot31": "npm:valibot@0.31.0",
+    "vitest": "^2.0.3",
     "vitest-environment-nuxt": "^1.0.0",
-    "vue-tsc": "^2.0.16",
+    "vue-tsc": "^2.0.26",
     "yup": "^1.4.0",
-    "zod": "^3.23.6"
+    "zod": "^3.23.8"
   },
   "resolutions": {
     "@nuxt/ui": "workspace:*",
-    "@nuxt/module-builder": "0.5.5"
+    "nuxt-component-meta": "0.6.4",
+    "vue-tsc": "2.0.26"
   }
 }

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

@@ -1,29 +0,0 @@
-<template>
-  <Icon v-if="dynamic" :name="name" />
-  <span v-else :class="name" />
-</template>
-
-<script>
-import { defineComponent, computed } from "vue";
-import { useAppConfig } from "#imports";
-export default defineComponent({
-  props: {
-    name: {
-      type: String,
-      required: true
-    },
-    dynamic: {
-      type: Boolean,
-      default: false
-    }
-  },
-  setup(props) {
-    const appConfig = useAppConfig();
-    const dynamic = computed(() => props.dynamic || appConfig.ui?.icons?.dynamic);
-    return {
-      // eslint-disable-next-line vue/no-dupe-keys
-      dynamic
-    };
-  }
-});
-</script>

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

@@ -1,24 +0,0 @@
-declare const _default: import("vue").DefineComponent<{
-    name: {
-        type: StringConstructor;
-        required: true;
-    };
-    dynamic: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}, {
-    dynamic: import("vue").ComputedRef<any>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    name: {
-        type: StringConstructor;
-        required: true;
-    };
-    dynamic: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>>, {
-    dynamic: boolean;
-}, {}>;
-export default _default;

package/dist/runtime/composables/useFormGroup.mjs

@@ -1,45 +0,0 @@
-import { inject, ref, computed } from "vue";
-import { useDebounceFn } from "@vueuse/core";
-export const useFormGroup = (inputProps, config) => {
-  const formBus = inject("form-events", void 0);
-  const formGroup = inject("form-group", void 0);
-  const formInputs = inject("form-inputs", void 0);
-  if (formGroup) {
-    if (inputProps?.id) {
-      formGroup.inputId.value = inputProps?.id;
-    }
-    if (formInputs) {
-      formInputs.value[formGroup.name.value] = formGroup.inputId.value;
-    }
-  }
-  const blurred = ref(false);
-  function emitFormEvent(type, path) {
-    if (formBus) {
-      formBus.emit({ type, path });
-    }
-  }
-  function emitFormBlur() {
-    emitFormEvent("blur", formGroup?.name.value);
-    blurred.value = true;
-  }
-  function emitFormChange() {
-    emitFormEvent("change", formGroup?.name.value);
-  }
-  const emitFormInput = useDebounceFn(() => {
-    if (blurred.value || formGroup?.eagerValidation.value) {
-      emitFormEvent("input", formGroup?.name.value);
-    }
-  }, 300);
-  return {
-    inputId: computed(() => inputProps?.id ?? formGroup?.inputId.value),
-    name: computed(() => inputProps?.name ?? formGroup?.name.value),
-    size: computed(() => {
-      const formGroupSize = config.size[formGroup?.size.value] ? formGroup?.size.value : null;
-      return inputProps?.size ?? formGroupSize ?? config?.default?.size;
-    }),
-    color: computed(() => formGroup?.error?.value ? "red" : inputProps?.color),
-    emitFormBlur,
-    emitFormInput,
-    emitFormChange
-  };
-};

package/dist/runtime/ui.config/index.mjs

@@ -1,43 +0,0 @@
-export { default as table } from "./data/table.mjs";
-export { default as avatar } from "./elements/avatar.mjs";
-export { default as avatarGroup } from "./elements/avatarGroup.mjs";
-export { default as badge } from "./elements/badge.mjs";
-export { default as button } from "./elements/button.mjs";
-export { default as buttonGroup } from "./elements/buttonGroup.mjs";
-export { default as chip } from "./elements/chip.mjs";
-export { default as dropdown } from "./elements/dropdown.mjs";
-export { default as accordion } from "./elements/accordion.mjs";
-export { default as alert } from "./elements/alert.mjs";
-export { default as kbd } from "./elements/kbd.mjs";
-export { default as progress } from "./elements/progress.mjs";
-export { default as meter } from "./elements/meter.mjs";
-export { default as meterGroup } from "./elements/meterGroup.mjs";
-export { default as carousel } from "./elements/carousel.mjs";
-export { default as input } from "./forms/input.mjs";
-export { default as inputMenu } from "./forms/inputMenu.mjs";
-export { default as formGroup } from "./forms/formGroup.mjs";
-export { default as textarea } from "./forms/textarea.mjs";
-export { default as select } from "./forms/select.mjs";
-export { default as selectMenu } from "./forms/selectMenu.mjs";
-export { default as radioGroup } from "./forms/radioGroup.mjs";
-export { default as radio } from "./forms/radio.mjs";
-export { default as checkbox } from "./forms/checkbox.mjs";
-export { default as toggle } from "./forms/toggle.mjs";
-export { default as range } from "./forms/range.mjs";
-export { default as card } from "./layout/card.mjs";
-export { default as container } from "./layout/container.mjs";
-export { default as skeleton } from "./layout/skeleton.mjs";
-export { default as divider } from "./layout/divider.mjs";
-export { default as verticalNavigation } from "./navigation/verticalNavigation.mjs";
-export { default as horizontalNavigation } from "./navigation/horizontalNavigation.mjs";
-export { default as commandPalette } from "./navigation/commandPalette.mjs";
-export { default as pagination } from "./navigation/pagination.mjs";
-export { default as tabs } from "./navigation/tabs.mjs";
-export { default as breadcrumb } from "./navigation/breadcrumb.mjs";
-export { default as modal } from "./overlays/modal.mjs";
-export { default as slideover } from "./overlays/slideover.mjs";
-export { default as tooltip } from "./overlays/tooltip.mjs";
-export { default as popover } from "./overlays/popover.mjs";
-export { default as contextMenu } from "./overlays/contextMenu.mjs";
-export { default as notification } from "./overlays/notification.mjs";
-export { default as notifications } from "./overlays/notifications.mjs";