@nuxt/ui 2.9.0 → 2.11.0

package/dist/runtime/ui.config/overlays/slideover.mjs

@@ -0,0 +1,28 @@
+export default {
+  wrapper: "fixed inset-0 flex z-50",
+  overlay: {
+    base: "fixed inset-0 transition-opacity",
+    background: "bg-gray-200/75 dark:bg-gray-800/75",
+    // Syntax for `<TransitionRoot>` component https://headlessui.com/vue/transition#basic-example
+    transition: {
+      enter: "ease-in-out duration-500",
+      enterFrom: "opacity-0",
+      enterTo: "opacity-100",
+      leave: "ease-in-out duration-500",
+      leaveFrom: "opacity-100",
+      leaveTo: "opacity-0"
+    }
+  },
+  base: "relative flex-1 flex flex-col w-full focus:outline-none",
+  background: "bg-white dark:bg-gray-900",
+  ring: "",
+  rounded: "",
+  padding: "",
+  shadow: "shadow-xl",
+  width: "w-screen max-w-md",
+  // Syntax for `<TransitionRoot>` component https://headlessui.com/vue/transition#basic-example
+  transition: {
+    enter: "transform transition ease-in-out duration-300",
+    leave: "transform transition ease-in-out duration-200"
+  }
+};

package/dist/runtime/ui.config/overlays/tooltip.d.ts

@@ -0,0 +1,32 @@
+declare const _default: {
+    wrapper: string;
+    container: string;
+    width: string;
+    background: string;
+    color: string;
+    shadow: string;
+    rounded: string;
+    ring: string;
+    base: string;
+    shortcuts: string;
+    transition: {
+        enterActiveClass: string;
+        enterFromClass: string;
+        enterToClass: string;
+        leaveActiveClass: string;
+        leaveFromClass: string;
+        leaveToClass: string;
+    };
+    popper: {
+        strategy: string;
+    };
+    arrow: {
+        base: string;
+        ring: string;
+        rounded: string;
+        background: string;
+        shadow: string;
+        placement: string;
+    };
+};
+export default _default;

package/dist/runtime/ui.config/overlays/tooltip.mjs

@@ -0,0 +1,26 @@
+import arrow from "../_popperArrow.mjs";
+export default {
+  wrapper: "relative inline-flex",
+  container: "z-20 group",
+  width: "max-w-xs",
+  background: "bg-white dark:bg-gray-900",
+  color: "text-gray-900 dark:text-white",
+  shadow: "shadow",
+  rounded: "rounded",
+  ring: "ring-1 ring-gray-200 dark:ring-gray-800",
+  base: "[@media(pointer:coarse)]:hidden h-6 px-2 py-1 text-xs font-normal truncate relative",
+  shortcuts: "hidden md:inline-flex flex-shrink-0 gap-0.5",
+  // Syntax for `<Transition>` component https://vuejs.org/guide/built-ins/transition.html#css-based-transitions
+  transition: {
+    enterActiveClass: "transition ease-out duration-200",
+    enterFromClass: "opacity-0 translate-y-1",
+    enterToClass: "opacity-100 translate-y-0",
+    leaveActiveClass: "transition ease-in duration-150",
+    leaveFromClass: "opacity-100 translate-y-0",
+    leaveToClass: "opacity-0 translate-y-1"
+  },
+  popper: {
+    strategy: "fixed"
+  },
+  arrow
+};

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

@@ -2,4 +2,9 @@ import type { Strategy } from '../types';
 export declare function mergeConfig<T>(strategy: Strategy, ...configs: any[]): T;
 export declare function hexToRgb(hex: string): string | null;
 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';

package/dist/runtime/utils/index.mjs

@@ -27,7 +27,7 @@ export function hexToRgb(hex) {
 }
 export function getSlotsChildren(slots) {
   let children = slots.default?.();
-  if (children.length) {
+  if (children?.length) {
     children = children.flatMap((c) => {
       if (typeof c.type === "symbol") {
         if (typeof c.children === "string") {
@@ -40,6 +40,10 @@ export function getSlotsChildren(slots) {
       return c;
     }).filter(Boolean);
   }
-  return children;
+  return children || [];
+}
+export function looseToNumber(val) {
+  const n = parseFloat(val);
+  return isNaN(n) ? val : n;
 }
 export * from "./lodash.mjs";

package/dist/types.d.mts

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

package/dist/types.d.ts

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

package/package.json

@@ -1,7 +1,8 @@
 {
   "name": "@nuxt/ui",
-  "version": "2.9.0",
-  "repository": "https://github.com/nuxt/ui",
+  "version": "2.11.0",
+  "repository": "nuxt/ui",
+  "homepage": "https://ui.nuxt.com",
   "license": "MIT",
   "exports": {
     ".": {
@@ -18,7 +19,7 @@
     "node": ">=v16.20.2"
   },
   "scripts": {
-    "build": "nuxt-module-build",
+    "build": "nuxt-module-build build",
     "prepack": "pnpm build",
     "dev": "nuxi dev docs",
     "play": "nuxi dev playground",
@@ -26,46 +27,58 @@
     "lint": "eslint .",
     "lint:fix": "eslint . --fix",
     "typecheck": "vue-tsc --noEmit && nuxi typecheck docs",
-    "dev:prepare": "nuxt-module-build --stub && nuxt-module-build prepare && nuxi prepare docs",
-    "release": "release-it"
+    "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare docs",
+    "release": "release-it",
+    "test": "vitest"
   },
   "dependencies": {
-    "@egoist/tailwindcss-icons": "^1.2.0",
+    "@egoist/tailwindcss-icons": "^1.4.0",
     "@headlessui/tailwindcss": "^0.2.0",
     "@headlessui/vue": "^1.7.16",
-    "@iconify-json/heroicons": "^1.1.12",
-    "@nuxt/kit": "^3.7.4",
-    "@nuxtjs/color-mode": "^3.3.0",
-    "@nuxtjs/tailwindcss": "^6.8.0",
+    "@iconify-json/heroicons": "^1.1.13",
+    "@nuxt/kit": "^3.8.2",
+    "@nuxtjs/color-mode": "^3.3.2",
+    "@nuxtjs/tailwindcss": "^6.10.0",
     "@popperjs/core": "^2.11.8",
     "@tailwindcss/aspect-ratio": "^0.4.2",
     "@tailwindcss/container-queries": "^0.1.1",
-    "@tailwindcss/forms": "^0.5.6",
+    "@tailwindcss/forms": "^0.5.7",
     "@tailwindcss/typography": "^0.5.10",
-    "@vueuse/core": "^10.4.1",
-    "@vueuse/integrations": "^10.4.1",
-    "@vueuse/math": "^10.4.1",
-    "defu": "^6.1.2",
+    "@vueuse/core": "^10.6.1",
+    "@vueuse/integrations": "^10.6.1",
+    "@vueuse/math": "^10.6.1",
+    "defu": "^6.1.3",
     "fuse.js": "^6.6.2",
+    "nuxt-icon": "^0.6.6",
     "ohash": "^1.1.3",
     "pathe": "^1.1.1",
-    "scule": "^1.0.0",
+    "scule": "^1.1.0",
     "tailwind-merge": "^1.14.0",
-    "tailwindcss": "^3.3.3"
+    "tailwindcss": "^3.3.5"
   },
   "devDependencies": {
     "@nuxt/eslint-config": "^0.2.0",
-    "@nuxt/module-builder": "^0.5.2",
-    "@release-it/conventional-changelog": "^7.0.2",
-    "eslint": "^8.50.0",
-    "joi": "^17.10.2",
-    "nuxt": "^3.7.4",
-    "release-it": "^16.2.1",
-    "typescript": "^5.2.2",
+    "@nuxt/module-builder": "^0.5.4",
+    "@release-it/conventional-changelog": "^8.0.1",
+    "@testing-library/vue": "^8.0.1",
+    "@vitejs/plugin-vue": "^4.5.0",
+    "eslint": "^8.54.0",
+    "happy-dom": "^12.10.3",
+    "joi": "^17.11.0",
+    "nuxt": "^3.8.2",
+    "nuxt-vitest": "^0.11.5",
+    "release-it": "^17.0.0",
+    "typescript": "^5.3.2",
     "unbuild": "^2.0.0",
-    "valibot": "^0.17.1",
-    "vue-tsc": "^1.8.15",
-    "yup": "^1.3.1",
-    "zod": "^3.22.2"
+    "valibot": "^0.21.0",
+    "vitest": "^0.33.0",
+    "vue-tsc": "^1.8.22",
+    "yup": "^1.3.2",
+    "zod": "^3.22.4"
+  },
+  "resolutions": {
+    "@nuxt/kit": "3.8.2",
+    "@nuxt/schema": "3.8.2",
+    "vue": "3.3.8"
   }
 }