@nuxt/ui 4.2.1 → 4.4.0

package/dist/runtime/{inertia/components → vue/overrides/inertia}/LinkBase.d.vue.ts

@@ -1,4 +1,4 @@
-import type { LinkProps } from '../../types';
+import type { LinkProps } from '../../../types';
 export interface LinkBaseProps {
     as?: string;
     type?: string;
@@ -10,16 +10,16 @@ export interface LinkBaseProps {
     active?: boolean;
     isExternal?: boolean;
 }
+declare const _default: typeof __VLS_export;
+export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<LinkBaseProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkBaseProps> & Readonly<{}>, {
-    type: string;
     as: string;
+    type: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     default?: (props: {}) => any;
 } & {
     default?: (props: {}) => any;
 }>;
-declare const _default: typeof __VLS_export;
-export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/runtime/{inertia/components → vue/overrides/inertia}/LinkBase.vue.d.ts

@@ -1,4 +1,4 @@
-import type { LinkProps } from '../../types';
+import type { LinkProps } from '../../../types';
 export interface LinkBaseProps {
     as?: string;
     type?: string;
@@ -10,16 +10,16 @@ export interface LinkBaseProps {
     active?: boolean;
     isExternal?: boolean;
 }
+declare const _default: typeof __VLS_export;
+export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<LinkBaseProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkBaseProps> & Readonly<{}>, {
-    type: string;
     as: string;
+    type: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     default?: (props: {}) => any;
 } & {
     default?: (props: {}) => any;
 }>;
-declare const _default: typeof __VLS_export;
-export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/runtime/vue/overrides/none/Link.d.vue.ts

@@ -0,0 +1,76 @@
+import type { ButtonHTMLAttributes } from 'vue';
+interface BaseLinkProps {
+    /**
+     * Route Location the link should navigate to when clicked on.
+     */
+    to?: string;
+    /**
+     * An alias for `to`. If used with `to`, `href` will be ignored
+     */
+    href?: string;
+    /**
+     * Forces the link to be considered as external (true) or internal (false). This is helpful to handle edge-cases
+     */
+    external?: boolean;
+    /**
+     * Where to display the linked URL, as the name for a browsing context.
+     */
+    target?: '_blank' | '_parent' | '_self' | '_top' | (string & {}) | null;
+    /**
+     * A rel attribute value to apply on the link. Defaults to "noopener noreferrer" for external links.
+     */
+    rel?: 'noopener' | 'noreferrer' | 'nofollow' | 'sponsored' | 'ugc' | (string & {}) | null;
+    /**
+     * If set to true, no rel attribute will be added to the link
+     */
+    noRel?: boolean;
+}
+export interface LinkProps extends BaseLinkProps {
+    /**
+     * The element or component this component should render as when not a link.
+     * @defaultValue 'button'
+     */
+    as?: any;
+    /**
+     * The type of the button when not a link.
+     * @defaultValue 'button'
+     */
+    type?: ButtonHTMLAttributes['type'];
+    disabled?: boolean;
+    /** Force the link to be active independent of the current route. */
+    active?: boolean;
+    /** Will only be active if the current route is an exact match. */
+    exact?: boolean;
+    /** Allows controlling how the current route query sets the link as active. */
+    exactQuery?: boolean | 'partial';
+    /** Will only be active if the current route hash is an exact match. */
+    exactHash?: boolean;
+    /** The class to apply when the link is inactive. */
+    inactiveClass?: string;
+    /** The class to apply when the link is active. */
+    activeClass?: string;
+    /** The value of the `aria-current` attribute when the link is active. */
+    ariaCurrentValue?: string;
+    custom?: boolean;
+    /** When `true`, only styles from `class`, `activeClass`, and `inactiveClass` will be applied. */
+    raw?: boolean;
+    class?: any;
+}
+export interface LinkSlots {
+    default(props: {
+        active: boolean;
+    }): any;
+}
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<LinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkProps> & Readonly<{}>, {
+    as: any;
+    type: "reset" | "submit" | "button";
+    active: boolean;
+    ariaCurrentValue: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, LinkSlots>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/vue/overrides/none/Link.vue

@@ -0,0 +1,130 @@
+<script>
+import theme from "#build/ui/link";
+</script>
+
+<script setup>
+import { computed, inject } from "vue";
+import { defu } from "defu";
+import { hasProtocol } from "ufo";
+import { useAppConfig } from "#imports";
+import { mergeClasses } from "../../../utils";
+import { tv } from "../../../utils/tv";
+import ULinkBase from "../../../components/LinkBase.vue";
+defineOptions({ inheritAttrs: false });
+const props = defineProps({
+  as: { type: null, required: false, default: "button" },
+  type: { type: null, required: false, default: "button" },
+  disabled: { type: Boolean, required: false },
+  active: { type: Boolean, required: false, default: void 0 },
+  exact: { type: Boolean, required: false },
+  exactQuery: { type: [Boolean, String], required: false },
+  exactHash: { type: Boolean, required: false },
+  inactiveClass: { type: String, required: false },
+  activeClass: { type: String, required: false },
+  ariaCurrentValue: { type: String, required: false, default: "page" },
+  custom: { type: Boolean, required: false },
+  raw: { type: Boolean, required: false },
+  class: { type: null, required: false },
+  to: { type: String, required: false },
+  href: { type: String, required: false },
+  external: { type: Boolean, required: false },
+  target: { type: [String, Object, null], required: false },
+  rel: { type: [String, Object, null], required: false },
+  noRel: { type: Boolean, required: false }
+});
+defineSlots();
+const appConfig = useAppConfig();
+const ui = computed(() => tv({
+  extend: tv(theme),
+  ...defu({
+    variants: {
+      active: {
+        true: mergeClasses(appConfig.ui?.link?.variants?.active?.true, props.activeClass),
+        false: mergeClasses(appConfig.ui?.link?.variants?.active?.false, props.inactiveClass)
+      }
+    }
+  }, appConfig.ui?.link || {})
+}));
+const href = computed(() => props.to ?? props.href);
+const isExternal = computed(() => {
+  if (props.target === "_blank") {
+    return true;
+  }
+  if (props.external) {
+    return true;
+  }
+  if (!href.value) {
+    return false;
+  }
+  return hasProtocol(href.value, { acceptRelative: true });
+});
+const isLinkActive = computed(() => {
+  if (props.active !== void 0) {
+    return props.active;
+  }
+  return false;
+});
+const linkClass = computed(() => {
+  const active = isLinkActive.value;
+  if (props.raw) {
+    return [props.class, active ? props.activeClass : props.inactiveClass];
+  }
+  return ui.value({ class: props.class, active, disabled: props.disabled });
+});
+const linkRel = computed(() => {
+  if (props.noRel) {
+    return null;
+  }
+  if (props.rel) {
+    return props.rel;
+  }
+  if (isExternal.value) {
+    return "noopener noreferrer";
+  }
+  return null;
+});
+const handleNavigation = inject("nuxtui:router", void 0);
+const navigate = handleNavigation ? (e) => {
+  handleNavigation(e, {
+    href: href.value || "",
+    external: isExternal.value,
+    target: props.target || (isExternal.value ? "_blank" : void 0)
+  });
+} : void 0;
+</script>
+
+<template>
+  <template v-if="custom">
+    <slot
+      v-bind="{
+  ...$attrs,
+  as,
+  type,
+  disabled,
+  href,
+  navigate,
+  rel: linkRel,
+  target: target || (isExternal ? '_blank' : void 0),
+  isExternal,
+  active: isLinkActive
+}"
+    />
+  </template>
+  <ULinkBase
+    v-else
+    v-bind="{
+  ...$attrs,
+  as,
+  type,
+  disabled,
+  href,
+  navigate,
+  rel: linkRel,
+  target: target || (isExternal ? '_blank' : void 0),
+  isExternal
+}"
+    :class="linkClass"
+  >
+    <slot :active="isLinkActive" />
+  </ULinkBase>
+</template>

package/dist/runtime/vue/overrides/none/Link.vue.d.ts

@@ -0,0 +1,76 @@
+import type { ButtonHTMLAttributes } from 'vue';
+interface BaseLinkProps {
+    /**
+     * Route Location the link should navigate to when clicked on.
+     */
+    to?: string;
+    /**
+     * An alias for `to`. If used with `to`, `href` will be ignored
+     */
+    href?: string;
+    /**
+     * Forces the link to be considered as external (true) or internal (false). This is helpful to handle edge-cases
+     */
+    external?: boolean;
+    /**
+     * Where to display the linked URL, as the name for a browsing context.
+     */
+    target?: '_blank' | '_parent' | '_self' | '_top' | (string & {}) | null;
+    /**
+     * A rel attribute value to apply on the link. Defaults to "noopener noreferrer" for external links.
+     */
+    rel?: 'noopener' | 'noreferrer' | 'nofollow' | 'sponsored' | 'ugc' | (string & {}) | null;
+    /**
+     * If set to true, no rel attribute will be added to the link
+     */
+    noRel?: boolean;
+}
+export interface LinkProps extends BaseLinkProps {
+    /**
+     * The element or component this component should render as when not a link.
+     * @defaultValue 'button'
+     */
+    as?: any;
+    /**
+     * The type of the button when not a link.
+     * @defaultValue 'button'
+     */
+    type?: ButtonHTMLAttributes['type'];
+    disabled?: boolean;
+    /** Force the link to be active independent of the current route. */
+    active?: boolean;
+    /** Will only be active if the current route is an exact match. */
+    exact?: boolean;
+    /** Allows controlling how the current route query sets the link as active. */
+    exactQuery?: boolean | 'partial';
+    /** Will only be active if the current route hash is an exact match. */
+    exactHash?: boolean;
+    /** The class to apply when the link is inactive. */
+    inactiveClass?: string;
+    /** The class to apply when the link is active. */
+    activeClass?: string;
+    /** The value of the `aria-current` attribute when the link is active. */
+    ariaCurrentValue?: string;
+    custom?: boolean;
+    /** When `true`, only styles from `class`, `activeClass`, and `inactiveClass` will be applied. */
+    raw?: boolean;
+    class?: any;
+}
+export interface LinkSlots {
+    default(props: {
+        active: boolean;
+    }): any;
+}
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<LinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkProps> & Readonly<{}>, {
+    as: any;
+    type: "reset" | "submit" | "button";
+    active: boolean;
+    ariaCurrentValue: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, LinkSlots>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/vue/{components → overrides/vue-router}/Link.d.vue.ts

@@ -1,5 +1,5 @@
 import type { RouterLinkProps } from 'vue-router';
-import type { ButtonHTMLAttributes, AnchorHTMLAttributes } from '../../types/html';
+import type { ButtonHTMLAttributes, AnchorHTMLAttributes } from '../../../types/html';
 export interface LinkProps extends Partial<Omit<RouterLinkProps, 'custom'>>, /** @vue-ignore */ Omit<ButtonHTMLAttributes, 'type' | 'disabled'>, /** @vue-ignore */ Omit<AnchorHTMLAttributes, 'href' | 'target' | 'rel' | 'type'> {
     /**
      * The element or component this component should render as when not a link.
@@ -52,14 +52,14 @@ export interface LinkSlots {
         active: boolean;
     }): any;
 }
+declare const _default: typeof __VLS_export;
+export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<LinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkProps> & Readonly<{}>, {
-    type: "reset" | "submit" | "button";
     as: any;
+    type: "reset" | "submit" | "button";
     active: boolean;
     ariaCurrentValue: "page" | "step" | "location" | "date" | "time" | "true" | "false";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, LinkSlots>;
-declare const _default: typeof __VLS_export;
-export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/runtime/vue/{components → overrides/vue-router}/Link.vue

@@ -11,10 +11,10 @@ import { reactiveOmit } from "@vueuse/core";
 import { hasProtocol } from "ufo";
 import { useRoute, RouterLink } from "vue-router";
 import { useAppConfig } from "#imports";
-import { tv } from "../../utils/tv";
-import { mergeClasses } from "../../utils";
-import { isPartiallyEqual } from "../../utils/link";
-import ULinkBase from "../../components/LinkBase.vue";
+import { tv } from "../../../utils/tv";
+import { mergeClasses } from "../../../utils";
+import { isPartiallyEqual } from "../../../utils/link";
+import ULinkBase from "../../../components/LinkBase.vue";
 defineOptions({ inheritAttrs: false });
 const props = defineProps({
   as: { type: null, required: false, default: "button" },
@@ -162,7 +162,7 @@ function resolveLinkClass({ route: route2, isActive, isExactActive } = {}) {
   href: to,
   rel,
   target,
-  active,
+  active: active ?? false,
   isExternal
 }"
       />
@@ -181,7 +181,7 @@ function resolveLinkClass({ route: route2, isActive, isExactActive } = {}) {
 }"
       :class="resolveLinkClass()"
     >
-      <slot :active="active" />
+      <slot :active="active ?? false" />
     </ULinkBase>
   </template>
 </template>

package/dist/runtime/vue/{components → overrides/vue-router}/Link.vue.d.ts

@@ -1,5 +1,5 @@
 import type { RouterLinkProps } from 'vue-router';
-import type { ButtonHTMLAttributes, AnchorHTMLAttributes } from '../../types/html';
+import type { ButtonHTMLAttributes, AnchorHTMLAttributes } from '../../../types/html';
 export interface LinkProps extends Partial<Omit<RouterLinkProps, 'custom'>>, /** @vue-ignore */ Omit<ButtonHTMLAttributes, 'type' | 'disabled'>, /** @vue-ignore */ Omit<AnchorHTMLAttributes, 'href' | 'target' | 'rel' | 'type'> {
     /**
      * The element or component this component should render as when not a link.
@@ -52,14 +52,14 @@ export interface LinkSlots {
         active: boolean;
     }): any;
 }
+declare const _default: typeof __VLS_export;
+export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<LinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkProps> & Readonly<{}>, {
-    type: "reset" | "submit" | "button";
     as: any;
+    type: "reset" | "submit" | "button";
     active: boolean;
     ariaCurrentValue: "page" | "step" | "location" | "date" | "time" | "true" | "false";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, LinkSlots>;
-declare const _default: typeof __VLS_export;
-export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/runtime/vue/plugins/router.d.ts

@@ -0,0 +1,4 @@
+declare const _default: {
+    install(app: import("vue").App<any>, options: any): void;
+};
+export default _default;

package/dist/runtime/vue/plugins/router.js

@@ -0,0 +1,7 @@
+export default {
+  install(app, options) {
+    if (options?.router && typeof options.router === "function") {
+      app.provide("nuxtui:router", options.router);
+    }
+  }
+};

package/dist/runtime/vue/{stubs.d.ts → stubs/base.d.ts}

@@ -1,11 +1,10 @@
 import type { Ref } from 'vue';
 import type { NuxtApp } from '#app';
 export { useHead } from '@unhead/vue';
-export { useRoute, useRouter } from 'vue-router';
-export { useAppConfig } from './composables/useAppConfig';
-export { defineShortcuts } from '../composables/defineShortcuts';
-export { defineLocale } from '../composables/defineLocale';
-export { useLocale } from '../composables/useLocale';
+export { useAppConfig } from '../composables/useAppConfig';
+export { defineShortcuts } from '../../composables/defineShortcuts';
+export { defineLocale } from '../../composables/defineLocale';
+export { useLocale } from '../../composables/useLocale';
 export declare const clearError: () => void;
 export declare const useColorMode: () => {
     forced: boolean;

package/dist/runtime/vue/{stubs.js → stubs/base.js}

@@ -3,11 +3,10 @@ import { createHooks } from "hookable";
 import { useColorMode as useColorModeVueUse } from "@vueuse/core";
 import appConfig from "#build/app.config";
 export { useHead } from "@unhead/vue";
-export { useRoute, useRouter } from "vue-router";
-export { useAppConfig } from "./composables/useAppConfig.js";
-export { defineShortcuts } from "../composables/defineShortcuts.js";
-export { defineLocale } from "../composables/defineLocale.js";
-export { useLocale } from "../composables/useLocale.js";
+export { useAppConfig } from "../composables/useAppConfig.js";
+export { defineShortcuts } from "../../composables/defineShortcuts.js";
+export { defineLocale } from "../../composables/defineLocale.js";
+export { useLocale } from "../../composables/useLocale.js";
 export const clearError = () => {
 };
 export const useColorMode = () => {

package/dist/runtime/vue/stubs/inertia.d.ts

@@ -0,0 +1,5 @@
+export * from './base';
+export declare const useRoute: () => {
+    fullPath: string;
+};
+export declare const useRouter: () => void;

package/dist/runtime/vue/stubs/inertia.js

@@ -0,0 +1,10 @@
+import { usePage } from "@inertiajs/vue3";
+export * from "./base.js";
+export const useRoute = () => {
+  const page = usePage();
+  return {
+    fullPath: page.url
+  };
+};
+export const useRouter = () => {
+};

package/dist/runtime/vue/stubs/none.d.ts

@@ -0,0 +1,56 @@
+export * from './base';
+export declare const useRoute: () => {
+    fullPath: string;
+    path: string;
+    name: null;
+    params: {};
+    query: {};
+    hash: string;
+    meta: {};
+    matched: never[];
+    redirectedFrom: undefined;
+};
+export declare const useRouter: () => {
+    push: () => Promise<void>;
+    replace: () => Promise<void>;
+    go: () => void;
+    back: () => void;
+    forward: () => void;
+    beforeEach: () => () => void;
+    beforeResolve: () => () => void;
+    afterEach: () => () => void;
+    onError: () => () => void;
+    isReady: () => Promise<boolean>;
+    currentRoute: import("vue").Ref<{
+        fullPath: string;
+        path: string;
+        name: null;
+        params: {};
+        query: {};
+        hash: string;
+        meta: {};
+        matched: never[];
+        redirectedFrom: undefined;
+    }, {
+        fullPath: string;
+        path: string;
+        name: null;
+        params: {};
+        query: {};
+        hash: string;
+        meta: {};
+        matched: never[];
+        redirectedFrom: undefined;
+    } | {
+        fullPath: string;
+        path: string;
+        name: null;
+        params: {};
+        query: {};
+        hash: string;
+        meta: {};
+        matched: never[];
+        redirectedFrom: undefined;
+    }>;
+    options: {};
+};

package/dist/runtime/vue/stubs/none.js

@@ -0,0 +1,48 @@
+import { ref } from "vue";
+export * from "./base.js";
+export const useRoute = () => {
+  return {
+    fullPath: "/",
+    path: "/",
+    name: null,
+    params: {},
+    query: {},
+    hash: "",
+    meta: {},
+    matched: [],
+    redirectedFrom: void 0
+  };
+};
+export const useRouter = () => {
+  return {
+    push: () => Promise.resolve(),
+    replace: () => Promise.resolve(),
+    go: () => {
+    },
+    back: () => {
+    },
+    forward: () => {
+    },
+    beforeEach: () => () => {
+    },
+    beforeResolve: () => () => {
+    },
+    afterEach: () => () => {
+    },
+    onError: () => () => {
+    },
+    isReady: () => Promise.resolve(true),
+    currentRoute: ref({
+      fullPath: "/",
+      path: "/",
+      name: null,
+      params: {},
+      query: {},
+      hash: "",
+      meta: {},
+      matched: [],
+      redirectedFrom: void 0
+    }),
+    options: {}
+  };
+};

package/dist/runtime/vue/stubs/vue-router.d.ts

@@ -0,0 +1,2 @@
+export * from './base';
+export { useRoute, useRouter } from 'vue-router';

package/dist/runtime/vue/stubs/vue-router.js

@@ -0,0 +1,2 @@
+export * from "./base.js";
+export { useRoute, useRouter } from "vue-router";