@nuxt/ui 2.19.1 → 2.20.0

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

@@ -473,23 +473,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     class: any;
     to: string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric;
     disabled: boolean;
-    truncate: boolean;
-    target: "_blank" | "_parent" | "_self" | "_top" | (string & {});
-    activeClass: string;
-    exactActiveClass: string;
-    ariaCurrentValue: "page" | "step" | "location" | "date" | "time" | "true" | "false";
-    replace: boolean;
-    noRel: boolean;
-    prefetch: boolean;
-    noPrefetch: boolean;
-    prefetchedClass: string;
-    external: boolean;
-    leading: boolean;
-    color: ButtonColor;
-    variant: ButtonVariant;
-    href: string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric;
-    rel: any;
-    label: string;
     ui: {
         base?: string;
         font?: string;
@@ -574,6 +557,23 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     } & {
         strategy?: Strategy;
     };
+    color: ButtonColor;
+    variant: ButtonVariant;
+    truncate: boolean;
+    target: "_blank" | "_parent" | "_self" | "_top" | (string & {});
+    activeClass: string;
+    exactActiveClass: string;
+    ariaCurrentValue: "page" | "step" | "location" | "date" | "time" | "true" | "false";
+    replace: boolean;
+    noRel: boolean;
+    prefetch: boolean;
+    noPrefetch: boolean;
+    prefetchedClass: string;
+    external: boolean;
+    leading: boolean;
+    href: string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric;
+    rel: any;
+    label: string;
     icon: string;
     block: boolean;
     square: boolean;
@@ -651,7 +651,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: boolean;
         };
         exactQuery: {
-            type: BooleanConstructor;
+            type: PropType<boolean | "partial">;
             default: boolean;
         };
         exactHash: {
@@ -754,7 +754,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: boolean;
         };
         exactQuery: {
-            type: BooleanConstructor;
+            type: PropType<boolean | "partial">;
             default: boolean;
         };
         exactHash: {
@@ -847,7 +847,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         as: string;
         active: boolean;
         exact: boolean;
-        exactQuery: boolean;
+        exactQuery: boolean | "partial";
         exactHash: boolean;
         inactiveClass: string;
         href: string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric;

package/dist/runtime/components/elements/ButtonGroup.d.ts

@@ -1,5 +1,5 @@
 import type { PropType } from 'vue';
-import type { ButtonSize, Strategy } from '../../types/index.js';
+import type { ButtonSize, DeepPartial, Strategy } from '../../types/index.js';
 declare const buttonGroupConfig: {
     wrapper: {
         horizontal: string;
@@ -116,7 +116,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: () => "";
     };
     ui: {
-        type: PropType<Partial<typeof buttonGroupConfig> & {
+        type: PropType<DeepPartial<typeof buttonGroupConfig> & {
             strategy?: Strategy;
         }>;
         default: () => {};
@@ -139,22 +139,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: () => "";
     };
     ui: {
-        type: PropType<Partial<typeof buttonGroupConfig> & {
+        type: PropType<DeepPartial<typeof buttonGroupConfig> & {
             strategy?: Strategy;
         }>;
         default: () => {};
     };
 }>> & Readonly<{}>, {
-    size: ButtonSize;
-    orientation: "horizontal" | "vertical";
-    ui: Partial<{
-        wrapper: {
+    ui: {
+        wrapper?: DeepPartial<{
             horizontal: string;
             vertical: string;
-        };
-        rounded: string;
-        shadow: string;
-        orientation: {
+        }, any>;
+        rounded?: string;
+        shadow?: string;
+        orientation?: DeepPartial<{
             'rounded-none': {
                 horizontal: {
                     start: string;
@@ -245,10 +243,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     end: string;
                 };
             };
-        };
-    }> & {
+        }, any>;
+    } & {
+        [key: string]: any;
+    } & {
         strategy?: Strategy;
     };
+    size: ButtonSize;
+    orientation: "horizontal" | "vertical";
     class: any;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -15,12 +15,12 @@ declare const config: {
     };
     default: {
         prevButton: {
-            color: "black";
+            color: import("../../types/button").ButtonColor;
             class: string;
             icon: string;
         };
         nextButton: {
-            color: "black";
+            color: import("../../types/button").ButtonColor;
             class: string;
             icon: string;
         };
@@ -64,9 +64,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: () => string;
     };
     ui: {
-        type: PropType<DeepPartial<typeof config & {
+        type: PropType<DeepPartial<typeof config> & {
             strategy?: Strategy;
-        }>>;
+        }>;
         default: any;
     };
 }>, {
@@ -85,12 +85,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
         default: {
             prevButton: {
-                color: "black";
+                color: import("../../types/button").ButtonColor;
                 class: string;
                 icon: string;
             };
             nextButton: {
-                color: "black";
+                color: import("../../types/button").ButtonColor;
                 class: string;
                 icon: string;
             };
@@ -146,41 +146,43 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: () => string;
     };
     ui: {
-        type: PropType<DeepPartial<typeof config & {
+        type: PropType<DeepPartial<typeof config> & {
             strategy?: Strategy;
-        }>>;
+        }>;
         default: any;
     };
 }>> & Readonly<{}>, {
     class: any;
-    ui: DeepPartial<{
-        wrapper: string;
-        container: string;
-        item: string;
-        arrows: {
+    ui: {
+        wrapper?: string;
+        container?: string;
+        item?: string;
+        arrows?: DeepPartial<{
             wrapper: string;
-        };
-        indicators: {
+        }, any>;
+        indicators?: DeepPartial<{
             wrapper: string;
             base: string;
             active: string;
             inactive: string;
-        };
-        default: {
+        }, any>;
+        default?: DeepPartial<{
             prevButton: {
-                color: "black";
+                color: import("../../types/button").ButtonColor;
                 class: string;
                 icon: string;
             };
             nextButton: {
-                color: "black";
+                color: import("../../types/button").ButtonColor;
                 class: string;
                 icon: string;
             };
-        };
+        }, any>;
+    } & {
+        [key: string]: any;
     } & {
         strategy?: Strategy;
-    }>;
+    };
     items: any[];
     arrows: boolean;
     indicators: boolean;
@@ -743,23 +745,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         class: any;
         to: string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric;
         disabled: boolean;
-        truncate: boolean;
-        target: "_blank" | "_parent" | "_self" | "_top" | (string & {});
-        activeClass: string;
-        exactActiveClass: string;
-        ariaCurrentValue: "page" | "step" | "location" | "date" | "time" | "true" | "false";
-        replace: boolean;
-        noRel: boolean;
-        prefetch: boolean;
-        noPrefetch: boolean;
-        prefetchedClass: string;
-        external: boolean;
-        leading: boolean;
-        color: import("../../types/button").ButtonColor;
-        variant: import("../../types/button").ButtonVariant;
-        href: string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric;
-        rel: any;
-        label: string;
         ui: {
             base?: string;
             font?: string;
@@ -844,6 +829,23 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         } & {
             strategy?: Strategy;
         };
+        color: import("../../types/button").ButtonColor;
+        variant: import("../../types/button").ButtonVariant;
+        truncate: boolean;
+        target: "_blank" | "_parent" | "_self" | "_top" | (string & {});
+        activeClass: string;
+        exactActiveClass: string;
+        ariaCurrentValue: "page" | "step" | "location" | "date" | "time" | "true" | "false";
+        replace: boolean;
+        noRel: boolean;
+        prefetch: boolean;
+        noPrefetch: boolean;
+        prefetchedClass: string;
+        external: boolean;
+        leading: boolean;
+        href: string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric;
+        rel: any;
+        label: string;
         icon: string;
         block: boolean;
         square: boolean;
@@ -921,7 +923,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 default: boolean;
             };
             exactQuery: {
-                type: BooleanConstructor;
+                type: PropType<boolean | "partial">;
                 default: boolean;
             };
             exactHash: {
@@ -1024,7 +1026,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 default: boolean;
             };
             exactQuery: {
-                type: BooleanConstructor;
+                type: PropType<boolean | "partial">;
                 default: boolean;
             };
             exactHash: {
@@ -1117,7 +1119,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             as: string;
             active: boolean;
             exact: boolean;
-            exactQuery: boolean;
+            exactQuery: boolean | "partial";
             exactHash: boolean;
             inactiveClass: string;
             href: string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric;

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

@@ -150,12 +150,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: () => {};
     };
 }>> & Readonly<{}>, {
-    size: "xs" | "sm" | "2xs" | "md" | "lg" | "xl" | "2xl" | "3xs" | "3xl";
+    size: "sm" | "xs" | "2xs" | "md" | "lg" | "xl" | "3xs" | "2xl" | "3xl";
     class: any;
-    inset: boolean;
-    position: "top-right" | "bottom-right" | "top-left" | "bottom-left";
-    color: ChipColor;
-    text: string | number;
     ui: {
         wrapper?: string;
         base?: string;
@@ -194,6 +190,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     } & {
         strategy?: Strategy;
     };
+    color: ChipColor;
+    inset: boolean;
+    position: "top-right" | "bottom-right" | "top-left" | "bottom-left";
+    text: string | number;
     show: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -29,7 +29,7 @@ declare const config: {
         };
         avatar: {
             base: string;
-            size: "2xs";
+            size: import("../../types/avatar").AvatarSize;
         };
         label: string;
         shortcuts: string;
@@ -128,7 +128,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             };
             avatar: {
                 base: string;
-                size: "2xs";
+                size: import("../../types/avatar").AvatarSize;
             };
             label: string;
             shortcuts: string;
@@ -244,7 +244,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     mode: "click" | "hover";
     class: any;
     disabled: boolean;
-    popper: PopperOptions;
     ui: {
         wrapper?: string;
         container?: string;
@@ -273,7 +272,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             };
             avatar: {
                 base: string;
-                size: "2xs";
+                size: import("../../types/avatar").AvatarSize;
             };
             label: string;
             shortcuts: string;
@@ -307,6 +306,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     } & {
         strategy?: Strategy;
     };
+    popper: PopperOptions;
     open: boolean;
     items: DropdownItem[][];
     openDelay: number;
@@ -786,9 +786,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }>> & Readonly<{}>, {
         size: import("../../types/avatar").AvatarSize;
         class: any;
-        as: string | Record<string, any>;
-        text: string;
-        alt: string;
         ui: {
             wrapper?: string;
             background?: string;
@@ -852,6 +849,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         } & {
             strategy?: Strategy;
         };
+        as: string | Record<string, any>;
+        text: string;
+        alt: string;
         icon: string;
         src: string | boolean;
         chipColor: import("../../types/avatar").AvatarChipColor;

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

@@ -32,7 +32,7 @@
 </template>
 
 <script>
-import { isEqual } from "ohash";
+import { isEqual, diff } from "ohash";
 import { defineComponent } from "vue";
 import { nuxtLinkProps } from "../../utils";
 export default defineComponent({
@@ -60,7 +60,7 @@ export default defineComponent({
       default: false
     },
     exactQuery: {
-      type: Boolean,
+      type: [Boolean, String],
       default: false
     },
     exactHash: {
@@ -73,9 +73,20 @@ export default defineComponent({
     }
   },
   setup(props) {
+    function isPartiallyEqual(item1, item2) {
+      const diffedKeys = diff(item1, item2).reduce((filtered, q) => {
+        if (q.type === "added") {
+          filtered.push(q.key);
+        }
+        return filtered;
+      }, []);
+      return isEqual(item1, item2, { excludeKeys: (key) => diffedKeys.includes(key) });
+    }
     function resolveLinkClass(route, $route, { isActive, isExactActive }) {
-      if (props.exactQuery && !isEqual(route.query, $route.query)) {
-        return props.inactiveClass;
+      if (props.exactQuery === "partial") {
+        if (!isPartiallyEqual(route.query, $route.query)) return props.inactiveClass;
+      } else if (props.exactQuery === true) {
+        if (!isEqual(route.query, $route.query)) return props.inactiveClass;
       }
       if (props.exactHash && route.hash !== $route.hash) {
         return props.inactiveClass;

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

@@ -1,3 +1,4 @@
+import { type PropType } from 'vue';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     as: {
         type: StringConstructor;
@@ -20,7 +21,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: boolean;
     };
     exactQuery: {
-        type: BooleanConstructor;
+        type: PropType<boolean | "partial">;
         default: boolean;
     };
     exactHash: {
@@ -32,67 +33,67 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: any;
     };
     to: {
-        readonly type: import("vue").PropType<import("vue-router").RouteLocationRaw>;
+        readonly type: PropType<import("vue-router").RouteLocationRaw>;
         readonly default: any;
         readonly required: false;
     };
     href: {
-        readonly type: import("vue").PropType<import("vue-router").RouteLocationRaw>;
+        readonly type: PropType<import("vue-router").RouteLocationRaw>;
         readonly default: any;
         readonly required: false;
     };
     target: {
-        readonly type: import("vue").PropType<import("#app").NuxtLinkProps["target"]>;
+        readonly type: PropType<import("#app").NuxtLinkProps["target"]>;
         readonly default: any;
         readonly required: false;
     };
     rel: {
-        readonly type: import("vue").PropType<any>;
+        readonly type: PropType<any>;
         readonly default: any;
         readonly required: false;
     };
     noRel: {
-        readonly type: import("vue").PropType<import("#app").NuxtLinkProps["noRel"]>;
+        readonly type: PropType<import("#app").NuxtLinkProps["noRel"]>;
         readonly default: any;
         readonly required: false;
     };
     prefetch: {
-        readonly type: import("vue").PropType<import("#app").NuxtLinkProps["prefetch"]>;
+        readonly type: PropType<import("#app").NuxtLinkProps["prefetch"]>;
         readonly default: any;
         readonly required: false;
     };
     noPrefetch: {
-        readonly type: import("vue").PropType<import("#app").NuxtLinkProps["noPrefetch"]>;
+        readonly type: PropType<import("#app").NuxtLinkProps["noPrefetch"]>;
         readonly default: any;
         readonly required: false;
     };
     activeClass: {
-        readonly type: import("vue").PropType<import("#app").NuxtLinkProps["activeClass"]>;
+        readonly type: PropType<import("#app").NuxtLinkProps["activeClass"]>;
         readonly default: any;
         readonly required: false;
     };
     exactActiveClass: {
-        readonly type: import("vue").PropType<import("#app").NuxtLinkProps["exactActiveClass"]>;
+        readonly type: PropType<import("#app").NuxtLinkProps["exactActiveClass"]>;
         readonly default: any;
         readonly required: false;
     };
     prefetchedClass: {
-        readonly type: import("vue").PropType<import("#app").NuxtLinkProps["prefetchedClass"]>;
+        readonly type: PropType<import("#app").NuxtLinkProps["prefetchedClass"]>;
         readonly default: any;
         readonly required: false;
     };
     replace: {
-        readonly type: import("vue").PropType<import("#app").NuxtLinkProps["replace"]>;
+        readonly type: PropType<import("#app").NuxtLinkProps["replace"]>;
         readonly default: any;
         readonly required: false;
     };
     ariaCurrentValue: {
-        readonly type: import("vue").PropType<import("#app").NuxtLinkProps["ariaCurrentValue"]>;
+        readonly type: PropType<import("#app").NuxtLinkProps["ariaCurrentValue"]>;
         readonly default: any;
         readonly required: false;
     };
     external: {
-        readonly type: import("vue").PropType<import("#app").NuxtLinkProps["external"]>;
+        readonly type: PropType<import("#app").NuxtLinkProps["external"]>;
         readonly default: any;
         readonly required: false;
     };
@@ -123,7 +124,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: boolean;
     };
     exactQuery: {
-        type: BooleanConstructor;
+        type: PropType<boolean | "partial">;
         default: boolean;
     };
     exactHash: {
@@ -135,67 +136,67 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: any;
     };
     to: {
-        readonly type: import("vue").PropType<import("vue-router").RouteLocationRaw>;
+        readonly type: PropType<import("vue-router").RouteLocationRaw>;
         readonly default: any;
         readonly required: false;
     };
     href: {
-        readonly type: import("vue").PropType<import("vue-router").RouteLocationRaw>;
+        readonly type: PropType<import("vue-router").RouteLocationRaw>;
         readonly default: any;
         readonly required: false;
     };
     target: {
-        readonly type: import("vue").PropType<import("#app").NuxtLinkProps["target"]>;
+        readonly type: PropType<import("#app").NuxtLinkProps["target"]>;
         readonly default: any;
         readonly required: false;
     };
     rel: {
-        readonly type: import("vue").PropType<any>;
+        readonly type: PropType<any>;
         readonly default: any;
         readonly required: false;
     };
     noRel: {
-        readonly type: import("vue").PropType<import("#app").NuxtLinkProps["noRel"]>;
+        readonly type: PropType<import("#app").NuxtLinkProps["noRel"]>;
         readonly default: any;
         readonly required: false;
     };
     prefetch: {
-        readonly type: import("vue").PropType<import("#app").NuxtLinkProps["prefetch"]>;
+        readonly type: PropType<import("#app").NuxtLinkProps["prefetch"]>;
         readonly default: any;
         readonly required: false;
     };
     noPrefetch: {
-        readonly type: import("vue").PropType<import("#app").NuxtLinkProps["noPrefetch"]>;
+        readonly type: PropType<import("#app").NuxtLinkProps["noPrefetch"]>;
         readonly default: any;
         readonly required: false;
     };
     activeClass: {
-        readonly type: import("vue").PropType<import("#app").NuxtLinkProps["activeClass"]>;
+        readonly type: PropType<import("#app").NuxtLinkProps["activeClass"]>;
         readonly default: any;
         readonly required: false;
     };
     exactActiveClass: {
-        readonly type: import("vue").PropType<import("#app").NuxtLinkProps["exactActiveClass"]>;
+        readonly type: PropType<import("#app").NuxtLinkProps["exactActiveClass"]>;
         readonly default: any;
         readonly required: false;
     };
     prefetchedClass: {
-        readonly type: import("vue").PropType<import("#app").NuxtLinkProps["prefetchedClass"]>;
+        readonly type: PropType<import("#app").NuxtLinkProps["prefetchedClass"]>;
         readonly default: any;
         readonly required: false;
     };
     replace: {
-        readonly type: import("vue").PropType<import("#app").NuxtLinkProps["replace"]>;
+        readonly type: PropType<import("#app").NuxtLinkProps["replace"]>;
         readonly default: any;
         readonly required: false;
     };
     ariaCurrentValue: {
-        readonly type: import("vue").PropType<import("#app").NuxtLinkProps["ariaCurrentValue"]>;
+        readonly type: PropType<import("#app").NuxtLinkProps["ariaCurrentValue"]>;
         readonly default: any;
         readonly required: false;
     };
     external: {
-        readonly type: import("vue").PropType<import("#app").NuxtLinkProps["external"]>;
+        readonly type: PropType<import("#app").NuxtLinkProps["external"]>;
         readonly default: any;
         readonly required: false;
     };
@@ -216,7 +217,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     as: string;
     active: boolean;
     exact: boolean;
-    exactQuery: boolean;
+    exactQuery: boolean | "partial";
     exactHash: boolean;
     inactiveClass: string;
     href: string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric;

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

@@ -256,11 +256,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: () => {};
     };
 }>> & Readonly<{}>, {
-    size: "xs" | "sm" | "2xs" | "md" | "lg" | "xl" | "2xl";
+    size: "sm" | "xs" | "2xs" | "md" | "lg" | "xl" | "2xl";
     class: any;
     max: number;
-    color: MeterColor;
-    label: string;
     ui: {
         wrapper?: string;
         indicator?: DeepPartial<{
@@ -341,6 +339,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     } & {
         strategy?: Strategy;
     };
+    color: MeterColor;
+    label: string;
     icon: string;
     value: number;
     indicator: boolean;