@nuxt/ui 2.15.2 → 2.16.0

package/dist/runtime/components/navigation/Pagination.vue.d.ts

@@ -27,6 +27,10 @@ declare const _default: import("vue").DefineComponent<{
         default: () => any;
         validator(value: string): boolean;
     };
+    to: {
+        type: PropType<(page: number) => RouteLocationRaw>;
+        default: null;
+    };
     activeButton: {
         type: PropType<Button>;
         default: () => Button;
@@ -113,6 +117,10 @@ declare const _default: import("vue").DefineComponent<{
         default: () => any;
         validator(value: string): boolean;
     };
+    to: {
+        type: PropType<(page: number) => RouteLocationRaw>;
+        default: null;
+    };
     activeButton: {
         type: PropType<Button>;
         default: () => Button;
@@ -161,9 +169,10 @@ declare const _default: import("vue").DefineComponent<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     size: ButtonSize;
-    ui: any;
     class: any;
     disabled: boolean;
+    to: (page: number) => RouteLocationRaw;
+    ui: any;
     max: number;
     prevButton: Button;
     nextButton: Button;

package/dist/runtime/components/navigation/Tabs.vue.d.ts

@@ -71,12 +71,12 @@ declare const _default: import("vue").DefineComponent<{
         default: () => {};
     };
 }>> & {
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
+    class: any;
     orientation: "horizontal" | "vertical";
     ui: any;
-    class: any;
     modelValue: number;
     unmount: boolean;
     items: TabItem[];

package/dist/runtime/components/navigation/VerticalNavigation.vue.d.ts

@@ -37,8 +37,8 @@ declare const _default: import("vue").DefineComponent<{
         default: () => {};
     };
 }>>, {
-    ui: any;
     class: any;
+    ui: any;
     links: VerticalNavigationLink[] | VerticalNavigationLink[][];
 }, {}>;
 export default _default;

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

@@ -30,7 +30,7 @@ declare const _default: import("vue").DefineComponent<{
     wrapperClass: import("vue").ComputedRef<string>;
     popper: import("vue").ComputedRef<PopperOptions>;
     container: Ref<import("@vueuse/core").MaybeElement>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "update:modelValue")[], "close" | "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "close")[], "update:modelValue" | "close", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         type: BooleanConstructor;
         default: boolean;
@@ -52,12 +52,12 @@ declare const _default: import("vue").DefineComponent<{
         default: () => {};
     };
 }>> & {
-    onClose?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
 }, {
-    ui: any;
     class: any;
     popper: PopperOptions;
+    ui: any;
     modelValue: boolean;
 }, {}>;
 export default _default;

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

@@ -41,7 +41,7 @@ declare const _default: import("vue").DefineComponent<{
     transitionClass: import("vue").ComputedRef<any>;
     onAfterLeave: () => void;
     close: (value: boolean) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "update:modelValue" | "close-prevented" | "after-leave")[], "close" | "update:modelValue" | "close-prevented" | "after-leave", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "close" | "close-prevented" | "after-leave")[], "update:modelValue" | "close" | "close-prevented" | "after-leave", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         type: BooleanConstructor;
         default: boolean;
@@ -75,18 +75,18 @@ declare const _default: import("vue").DefineComponent<{
         default: () => {};
     };
 }>> & {
-    onClose?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
     "onClose-prevented"?: ((...args: any[]) => any) | undefined;
     "onAfter-leave"?: ((...args: any[]) => any) | undefined;
 }, {
+    class: any;
+    transition: boolean;
     ui: any;
+    modelValue: boolean;
     appear: boolean;
     overlay: boolean;
-    transition: boolean;
     preventClose: boolean;
     fullscreen: boolean;
-    class: any;
-    modelValue: boolean;
 }, {}>;
 export default _default;

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

@@ -43,7 +43,7 @@
 </template>
 
 <script>
-import { ref, computed, toRef, onMounted, onUnmounted, watchEffect, defineComponent } from "vue";
+import { ref, computed, toRef, onMounted, onUnmounted, watch, watchEffect, defineComponent } from "vue";
 import { twMerge, twJoin } from "tailwind-merge";
 import UIcon from "../elements/Icon.vue";
 import UAvatar from "../elements/Avatar.vue";
@@ -171,7 +171,10 @@ export default defineComponent({
       }
       emit("close");
     }
-    onMounted(() => {
+    function initTimer() {
+      if (timer) {
+        timer.stop();
+      }
       if (!props.timeout) {
         return;
       }
@@ -181,7 +184,9 @@ export default defineComponent({
       watchEffect(() => {
         remaining.value = timer.remaining.value;
       });
-    });
+    }
+    watch(() => props.timeout, initTimer);
+    onMounted(initTimer);
     onUnmounted(() => {
       if (timer) {
         timer.stop();

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

@@ -2,7 +2,7 @@ import type { PropType } from 'vue';
 import type { Avatar, Button, NotificationAction } from '../../types';
 declare const _default: import("vue").DefineComponent<{
     id: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         required: true;
     };
     title: {
@@ -68,7 +68,7 @@ declare const _default: import("vue").DefineComponent<{
     twMerge: (...classLists: import("tailwind-merge").ClassNameValue[]) => string;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "close"[], "close", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     id: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         required: true;
     };
     title: {
@@ -119,16 +119,16 @@ declare const _default: import("vue").DefineComponent<{
 }>> & {
     onClose?: ((...args: any[]) => any) | undefined;
 }, {
-    ui: any;
     title: string;
-    description: string;
-    icon: string;
+    class: any;
     avatar: Avatar;
+    color: any;
+    ui: any;
+    icon: string;
+    description: string;
     closeButton: Button;
-    timeout: number;
     actions: NotificationAction[];
+    timeout: number;
     callback: Function;
-    color: any;
-    class: any;
 }, {}>;
 export default _default;

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

@@ -30,6 +30,8 @@ declare const _default: import("vue").DefineComponent<{
             ui?: any;
         };
         remove: (id: string) => void;
+        update: (id: string, notification: Partial<Notification>) => void;
+        clear: () => void;
     };
     notifications: any;
     wrapperClass: import("vue").ComputedRef<string>;
@@ -43,7 +45,7 @@ declare const _default: import("vue").DefineComponent<{
         default: () => {};
     };
 }>>, {
-    ui: any;
     class: any;
+    ui: any;
 }, {}>;
 export default _default;

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

@@ -112,14 +112,14 @@ declare const _default: import("vue").DefineComponent<{
 }>> & {
     "onUpdate:open"?: ((...args: any[]) => any) | undefined;
 }, {
-    ui: any;
-    overlay: boolean;
     class: any;
     popper: PopperOptions;
     disabled: boolean;
+    ui: any;
     open: boolean;
     mode: "click" | "hover";
     openDelay: number;
     closeDelay: number;
+    overlay: boolean;
 }, {}>;
 export default _default;

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

@@ -9,7 +9,7 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     side: {
-        type: PropType<"right" | "left">;
+        type: PropType<"left" | "right">;
         default: string;
         validator: (value: string) => boolean;
     };
@@ -42,7 +42,7 @@ declare const _default: import("vue").DefineComponent<{
     transitionClass: import("vue").ComputedRef<any>;
     onAfterLeave: () => void;
     close: (value: boolean) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "update:modelValue" | "close-prevented" | "after-leave")[], "close" | "update:modelValue" | "close-prevented" | "after-leave", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "close" | "close-prevented" | "after-leave")[], "update:modelValue" | "close" | "close-prevented" | "after-leave", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         type: PropType<boolean>;
         default: boolean;
@@ -52,7 +52,7 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     side: {
-        type: PropType<"right" | "left">;
+        type: PropType<"left" | "right">;
         default: string;
         validator: (value: string) => boolean;
     };
@@ -77,18 +77,18 @@ declare const _default: import("vue").DefineComponent<{
         default: () => {};
     };
 }>> & {
-    onClose?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
     "onClose-prevented"?: ((...args: any[]) => any) | undefined;
     "onAfter-leave"?: ((...args: any[]) => any) | undefined;
 }, {
+    class: any;
+    transition: boolean;
     ui: any;
+    modelValue: boolean;
     appear: boolean;
     overlay: boolean;
-    transition: boolean;
     preventClose: boolean;
-    class: any;
-    side: "right" | "left";
-    modelValue: boolean;
+    side: "left" | "right";
 }, {}>;
 export default _default;

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

@@ -78,10 +78,10 @@ declare const _default: import("vue").DefineComponent<{
         default: () => {};
     };
 }>>, {
-    ui: any;
+    text: string;
     class: any;
     popper: PopperOptions;
-    text: string;
+    ui: any;
     openDelay: number;
     closeDelay: number;
     prevent: boolean;

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

@@ -12,7 +12,7 @@ export declare const useFormGroup: (inputProps?: InputProps, config?: any) => {
     size: import("vue").ComputedRef<any>;
     color: import("vue").ComputedRef<string | undefined>;
     emitFormBlur: () => void;
-    emitFormInput: import("@vueuse/shared").PromisifyFn<() => void>;
+    emitFormInput: import("@vueuse/core").PromisifyFn<() => void>;
     emitFormChange: () => void;
 };
 export {};

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

@@ -153,23 +153,23 @@ export declare function usePopper({ locked, overflowPadding, offsetDistance, off
                 };
             } | undefined;
             offset?: {
-                auto?: {
+                "bottom-end"?: {
                     y: number;
                     x: number;
                 } | undefined;
-                "bottom-end"?: {
+                "bottom-start"?: {
                     y: number;
                     x: number;
                 } | undefined;
-                "bottom-start"?: {
+                bottom?: {
                     y: number;
                     x: number;
                 } | undefined;
-                "auto-start"?: {
+                left?: {
                     y: number;
                     x: number;
                 } | undefined;
-                "auto-end"?: {
+                right?: {
                     y: number;
                     x: number;
                 } | undefined;
@@ -177,15 +177,15 @@ export declare function usePopper({ locked, overflowPadding, offsetDistance, off
                     y: number;
                     x: number;
                 } | undefined;
-                bottom?: {
+                auto?: {
                     y: number;
                     x: number;
                 } | undefined;
-                right?: {
+                "auto-start"?: {
                     y: number;
                     x: number;
                 } | undefined;
-                left?: {
+                "auto-end"?: {
                     y: number;
                     x: number;
                 } | undefined;

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

@@ -15,4 +15,6 @@ export declare function useToast(): {
         ui?: any;
     };
     remove: (id: string) => void;
+    update: (id: string, notification: Partial<Notification>) => void;
+    clear: () => void;
 };

package/dist/runtime/composables/useToast.mjs

@@ -15,8 +15,20 @@ export function useToast() {
   function remove(id) {
     notifications.value = notifications.value.filter((n) => n.id !== id);
   }
+  function update(id, notification) {
+    const index = notifications.value.findIndex((n) => n.id === id);
+    if (index !== -1) {
+      const previous = notifications.value[index];
+      notifications.value.splice(index, 1, { ...previous, ...notification });
+    }
+  }
+  function clear() {
+    notifications.value = [];
+  }
   return {
     add,
-    remove
+    remove,
+    update,
+    clear
   };
 }

package/dist/runtime/types/slideover.d.ts

@@ -1,17 +1,16 @@
 import type { Component } from 'vue'
 
-interface Slideover {
-    ui?: any;
-    side?: 'right' | 'left';
-    transition?: boolean;
-    appear?: boolean;
-    overlay?: boolean;
-    preventClose?: boolean;
-    modelValue?: boolean;
+export interface Slideover {
+  ui?: any
+  side?: 'right' | 'left'
+  transition?: boolean
+  appear?: boolean
+  overlay?: boolean
+  preventClose?: boolean
+  modelValue?: boolean
 }
 
-interface SlideoverState {
-    component: Component | string;
-    props: Slideover;
+export interface SlideoverState {
+  component: Component | string
+  props: Slideover
 }
-

package/dist/runtime/ui.config/data/table.d.ts

@@ -4,6 +4,7 @@ declare const _default: {
     divide: string;
     thead: string;
     tbody: string;
+    caption: string;
     tr: {
         base: string;
         selected: string;

package/dist/runtime/ui.config/data/table.mjs

@@ -4,6 +4,7 @@ export default {
   divide: "divide-y divide-gray-300 dark:divide-gray-700",
   thead: "relative",
   tbody: "divide-y divide-gray-200 dark:divide-gray-800",
+  caption: "sr-only",
   tr: {
     base: "",
     selected: "bg-gray-50 dark:bg-gray-800/50",

package/dist/runtime/ui.config/forms/input.d.ts

@@ -6,14 +6,6 @@ declare const _default: {
     placeholder: string;
     file: {
         base: string;
-        padding: {
-            '2xs': string;
-            xs: string;
-            sm: string;
-            md: string;
-            lg: string;
-            xl: string;
-        };
     };
     size: {
         '2xs': string;

package/dist/runtime/ui.config/forms/input.mjs

@@ -5,15 +5,7 @@ export default {
   rounded: "rounded-md",
   placeholder: "placeholder-gray-400 dark:placeholder-gray-500",
   file: {
-    base: "file:cursor-pointer file:rounded-l-md file:absolute file:left-0 file:inset-y-0 file:font-medium file:m-0 file:border-0 file:ring-1 file:ring-gray-300 dark:file:ring-gray-700 file:text-gray-900 dark:file:text-white file:bg-gray-50 hover:file:bg-gray-100 dark:file:bg-gray-800 dark:hover:file:bg-gray-700/50",
-    padding: {
-      "2xs": "ps-[85px]",
-      xs: "ps-[87px]",
-      sm: "ps-[96px]",
-      md: "ps-[98px]",
-      lg: "ps-[100px]",
-      xl: "ps-[109px]"
-    }
+    base: "file:mr-1.5 file:font-medium file:text-gray-500 dark:file:text-gray-400 file:bg-transparent file:border-0 file:p-0 file:outline-none"
   },
   size: {
     "2xs": "text-xs",

package/dist/runtime/ui.config/forms/select.d.ts

@@ -13,14 +13,6 @@ declare const _default: {
     rounded: string;
     file: {
         base: string;
-        padding: {
-            '2xs': string;
-            xs: string;
-            sm: string;
-            md: string;
-            lg: string;
-            xl: string;
-        };
     };
     size: {
         '2xs': string;

package/dist/runtime/ui.config/forms/textarea.d.ts

@@ -11,14 +11,6 @@ declare const _default: {
     placeholder: string;
     file: {
         base: string;
-        padding: {
-            '2xs': string;
-            xs: string;
-            sm: string;
-            md: string;
-            lg: string;
-            xl: string;
-        };
     };
     size: {
         '2xs': string;

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

@@ -0,0 +1,11 @@
+import type { Config as TWConfig } from 'tailwindcss';
+import defaultColors from 'tailwindcss/colors.js';
+type ColorConfig = Exclude<TWConfig['theme']['colors'], Function>;
+export declare const excludeColors: (colors: ColorConfig | typeof defaultColors) => string[];
+export declare const setGlobalColors: (theme: TWConfig['theme']) => string[];
+export declare const generateSafelist: (colors: string[], globalColors: string[]) => any[];
+type SafelistFn = Exclude<NonNullable<Extract<TWConfig['content'], {
+    extract?: unknown;
+}>['extract']>, Record<string, unknown>>;
+export declare const customSafelistExtractor: (prefix: string, content: string, colors: string[], safelistColors: string[]) => ReturnType<SafelistFn>;
+export {};