@nuxt/ui 2.18.5 → 2.18.6

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

@@ -1,5 +1,5 @@
 import type { PropType } from 'vue';
-import type { PopperOptions, Strategy } from '../../types/index.js';
+import type { DeepPartial, PopperOptions, Strategy } from '../../types/index.js';
 declare const config: {
     wrapper: string;
     container: string;
@@ -81,7 +81,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: () => string;
     };
     ui: {
-        type: PropType<Partial<typeof config> & {
+        type: PropType<DeepPartial<typeof config> & {
             strategy?: Strategy;
         }>;
         default: () => {};
@@ -199,7 +199,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: () => string;
     };
     ui: {
-        type: PropType<Partial<typeof config> & {
+        type: PropType<DeepPartial<typeof config> & {
             strategy?: Strategy;
         }>;
         default: () => {};
@@ -211,7 +211,56 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     class: any;
     disabled: boolean;
     popper: PopperOptions;
-    ui: {};
+    ui: {
+        wrapper?: string;
+        container?: string;
+        trigger?: string;
+        width?: string;
+        background?: string;
+        shadow?: string;
+        rounded?: string;
+        ring?: string;
+        base?: string;
+        transition?: DeepPartial<{
+            enterActiveClass: string;
+            enterFromClass: string;
+            enterToClass: string;
+            leaveActiveClass: string;
+            leaveFromClass: string;
+            leaveToClass: string;
+        }, any>;
+        overlay?: DeepPartial<{
+            base: string;
+            background: string;
+            transition: {
+                enterActiveClass: string;
+                enterFromClass: string;
+                enterToClass: string;
+                leaveActiveClass: string;
+                leaveFromClass: string;
+                leaveToClass: string;
+            };
+        }, any>;
+        popper?: DeepPartial<{
+            strategy: string;
+        }, any>;
+        default?: DeepPartial<{
+            openDelay: number;
+            closeDelay: number;
+        }, any>;
+        arrow?: DeepPartial<{
+            base: string;
+            ring: string;
+            rounded: string;
+            background: string;
+            shadow: string;
+            placement: string;
+        }, any>;
+    } & {
+        [key: string]: any;
+    } & {
+        strategy?: Strategy;
+    };
     overlay: boolean;
     open: boolean;
     openDelay: number;

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

@@ -1,11 +1,11 @@
 <template>
   <TransitionRoot as="template" :appear="appear" :show="isOpen" @after-leave="onAfterLeave">
     <HDialog :class="[ui.wrapper, { 'justify-end': side === 'right' }, { 'items-end': side === 'bottom' }]" v-bind="attrs" @close="close">
-      <TransitionChild v-if="overlay" as="template" :appear="appear" v-bind="ui.overlay.transition">
+      <TransitionChild v-if="overlay" as="template" :appear="appear" v-bind="ui.overlay.transition" :class="ui.overlay.transition.enterFrom">
         <div :class="[ui.overlay.base, ui.overlay.background]" />
       </TransitionChild>
 
-      <TransitionChild as="template" :appear="appear" v-bind="transitionClass">
+      <TransitionChild as="template" :appear="appear" v-bind="transitionClass" :class="transitionClass.enterFrom">
         <HDialogPanel :class="[ui.base, sideType === 'horizontal' ? [ui.width, 'h-full'] : [ui.height, 'w-full'], ui.background, ui.ring, ui.rounded, ui.padding, ui.shadow]">
           <slot />
         </HDialogPanel>

package/dist/runtime/components/overlays/Slideover.vue.d.ts

@@ -1,5 +1,5 @@
 import type { WritableComputedRef, PropType } from 'vue';
-import type { Strategy } from '../../types/index.js';
+import type { DeepPartial, Strategy } from '../../types/index.js';
 declare const config: {
     wrapper: string;
     overlay: {
@@ -65,7 +65,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: () => string;
     };
     ui: {
-        type: PropType<Partial<typeof config> & {
+        type: PropType<DeepPartial<typeof config> & {
             strategy?: Strategy;
         }>;
         default: () => {};
@@ -109,7 +109,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         [x: string]: unknown;
     }, string>>;
     isOpen: WritableComputedRef<boolean, boolean>;
-    transitionClass: import("vue").ComputedRef<{}>;
+    transitionClass: import("vue").ComputedRef<{
+        enterFrom: any;
+        enterTo: string;
+        leaveFrom: string;
+        leaveTo: any;
+        enter: string;
+        leave: string;
+    }>;
     sideType: import("vue").ComputedRef<"right" | "horizontal" | "vertical">;
     onAfterLeave: () => void;
     close: (value: boolean) => void;
@@ -144,7 +151,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: () => string;
     };
     ui: {
-        type: PropType<Partial<typeof config> & {
+        type: PropType<DeepPartial<typeof config> & {
             strategy?: Strategy;
         }>;
         default: () => {};
@@ -158,7 +165,44 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     class: any;
     appear: boolean;
     transition: boolean;
-    ui: {};
+    ui: {
+        wrapper?: string;
+        overlay?: DeepPartial<{
+            base: string;
+            background: string;
+            transition: {
+                enter: string;
+                enterFrom: string;
+                enterTo: string;
+                leave: string;
+                leaveFrom: string;
+                leaveTo: string;
+            };
+        }, any>;
+        base?: string;
+        background?: string;
+        ring?: string;
+        rounded?: string;
+        padding?: string;
+        shadow?: string;
+        width?: string;
+        height?: string;
+        translate?: DeepPartial<{
+            base: string;
+            left: string;
+            right: string;
+            top: string;
+            bottom: string;
+        }, any>;
+        transition?: DeepPartial<{
+            enter: string;
+            leave: string;
+        }, any>;
+    } & {
+        [key: string]: any;
+    } & {
+        strategy?: Strategy;
+    };
     overlay: boolean;
     preventClose: boolean;
     side: "bottom" | "left" | "right" | "top";

package/dist/runtime/components/overlays/Tooltip.vue.d.ts

@@ -1,5 +1,5 @@
 import type { PropType } from 'vue';
-import type { PopperOptions, Strategy } from '../../types/index.js';
+import type { DeepPartial, PopperOptions, Strategy } from '../../types/index.js';
 declare const config: {
     wrapper: string;
     container: string;
@@ -66,7 +66,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: () => string;
     };
     ui: {
-        type: PropType<Partial<typeof config> & {
+        type: PropType<DeepPartial<typeof config> & {
             strategy?: Strategy;
         }>;
         default: () => {};
@@ -147,7 +147,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: () => string;
     };
     ui: {
-        type: PropType<Partial<typeof config> & {
+        type: PropType<DeepPartial<typeof config> & {
             strategy?: Strategy;
         }>;
         default: () => {};
@@ -156,7 +156,46 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     class: any;
     popper: PopperOptions;
     text: string;
-    ui: {};
+    ui: {
+        wrapper?: string;
+        container?: string;
+        width?: string;
+        background?: string;
+        color?: string;
+        shadow?: string;
+        rounded?: string;
+        ring?: string;
+        base?: string;
+        shortcuts?: string;
+        middot?: string;
+        transition?: DeepPartial<{
+            enterActiveClass: string;
+            enterFromClass: string;
+            enterToClass: string;
+            leaveActiveClass: string;
+            leaveFromClass: string;
+            leaveToClass: string;
+        }, any>;
+        popper?: DeepPartial<{
+            strategy: string;
+        }, any>;
+        default?: DeepPartial<{
+            openDelay: number;
+            closeDelay: number;
+        }, any>;
+        arrow?: DeepPartial<{
+            base: string;
+            ring: string;
+            rounded: string;
+            background: string;
+            shadow: string;
+            placement: string;
+        }, any>;
+    } & {
+        [key: string]: any;
+    } & {
+        strategy?: Strategy;
+    };
     openDelay: number;
     closeDelay: number;
     shortcuts: string[];
@@ -177,7 +216,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: () => "";
         };
         ui: {
-            type: PropType<Partial<{
+            type: PropType<DeepPartial<{
                 base: string;
                 padding: string;
                 size: {
@@ -233,7 +272,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: () => "";
         };
         ui: {
-            type: PropType<Partial<{
+            type: PropType<DeepPartial<{
                 base: string;
                 padding: string;
                 size: {
@@ -256,7 +295,26 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }>> & Readonly<{}>, {
         size: import("../../types/kbd").KbdSize;
         class: any;
-        ui: {};
+        ui: {
+            base?: string;
+            padding?: string;
+            size?: DeepPartial<{
+                xs: string;
+                sm: string;
+                md: string;
+            }, any>;
+            rounded?: string;
+            font?: string;
+            background?: string;
+            ring?: string;
+            default?: DeepPartial<{
+                size: string;
+            }, any>;
+        } & {
+            [key: string]: any;
+        } & {
+            strategy?: Strategy;
+        };
         value: string;
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/runtime/composables/useFormGroup.js

@@ -5,7 +5,7 @@ export const useFormGroup = (inputProps, config, bind = true) => {
   const formGroup = inject("form-group", void 0);
   const formInputs = inject("form-inputs", void 0);
   if (formGroup) {
-    if (!bind || inputProps.legend) {
+    if (!bind || inputProps?.legend) {
       formGroup.inputId.value = void 0;
     } else if (inputProps?.id) {
       formGroup.inputId.value = inputProps?.id;

package/dist/runtime/composables/useUI.d.ts

@@ -1,6 +1,6 @@
 import type { Ref } from 'vue';
-import type { Strategy } from '../types/index.js';
-export declare const useUI: <T>(key: any, $ui?: Ref<(Partial<T> & {
+import type { DeepPartial, Strategy } from '../types/index.js';
+export declare const useUI: <T>(key: any, $ui?: Ref<(DeepPartial<T> & {
     strategy?: Strategy;
 }) | undefined>, $config?: Ref<T> | T, $wrapperClass?: Ref<string>, withAppConfig?: boolean) => {
     ui: import("vue").ComputedRef<T>;

package/dist/runtime/composables/useUI.js

@@ -12,7 +12,7 @@ export const useUI = (key, $ui, $config, $wrapperClass, withAppConfig = false) =
       _ui?.strategy || appConfig.ui?.strategy,
       _wrapperClass ? { wrapper: _wrapperClass } : {},
       _ui || {},
-      process.dev || withAppConfig ? get(appConfig.ui, key, {}) : {},
+      import.meta.dev || withAppConfig ? get(appConfig.ui, key, {}) : {},
       _config || {}
     );
   });

package/dist/runtime/ui.config/navigation/tabs.js

@@ -28,7 +28,7 @@ export default {
       font: "font-medium",
       rounded: "rounded-md",
       shadow: "",
-      icon: "w-4 h-4 flex-shrink-0 mr-2"
+      icon: "w-4 h-4 flex-shrink-0 me-2"
     }
   }
 };

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@nuxt/ui",
   "description": "A UI Library for Modern Web Apps, powered by Vue & Tailwind CSS.",
-  "version": "2.18.5",
-  "packageManager": "pnpm@9.10.0",
+  "version": "2.18.6",
+  "packageManager": "pnpm@9.11.0",
   "repository": "nuxt/ui",
   "homepage": "https://ui.nuxt.com",
   "type": "module",
@@ -26,7 +26,7 @@
     "build:docs": "nuxi generate docs",
     "lint": "eslint .",
     "lint:fix": "eslint . --fix",
-    "typecheck": "vue-tsc --noEmit && nuxi typecheck docs",
+    "typecheck": "vue-tsc --noEmit",
     "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare docs",
     "release": "release-it",
     "test": "vitest"
@@ -67,7 +67,7 @@
     "nuxt": "^3.13.2",
     "release-it": "^17.6.0",
     "unbuild": "^2.0.0",
-    "valibot": "^0.42.0",
+    "valibot": "^0.42.1",
     "valibot30": "npm:valibot@0.30.0",
     "valibot31": "npm:valibot@0.31.0",
     "vitest": "^2.1.1",