@nuxt/ui 3.1.0 → 3.1.2

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

@@ -7,10 +7,11 @@ import { computed } from "vue";
 import { defu } from "defu";
 import { useForwardProps } from "reka-ui";
 import { reactiveOmit } from "@vueuse/core";
-import { usePage, Link as InertiaLink } from "@inertiajs/vue3";
+import { usePage } from "@inertiajs/vue3";
 import { hasProtocol } from "ufo";
 import { useAppConfig } from "#imports";
 import { tv } from "../../utils/tv";
+import ULinkBase from "../../components/LinkBase.vue";
 defineOptions({ inheritAttrs: false });
 const props = defineProps({
   as: { type: null, required: false, default: "button" },
@@ -31,7 +32,6 @@ const props = defineProps({
   data: { type: Object, required: false },
   method: { type: String, required: false },
   headers: { type: Object, required: false },
-  onClick: { type: Function, required: false },
   preserveScroll: { type: [Boolean, String, Function], required: false },
   preserveState: { type: [Boolean, String, Function], required: false },
   replace: { type: Boolean, required: false },
@@ -51,8 +51,9 @@ const props = defineProps({
   cacheFor: { type: [Number, String, Array], required: false }
 });
 defineSlots();
+const page = usePage();
 const appConfig = useAppConfig();
-const routerLinkProps = useForwardProps(reactiveOmit(props, "as", "type", "disabled", "active", "exact", "activeClass", "inactiveClass", "to", "raw", "class"));
+const routerLinkProps = useForwardProps(reactiveOmit(props, "as", "type", "disabled", "active", "exact", "activeClass", "inactiveClass", "to", "href", "raw", "custom", "class"));
 const ui = computed(() => tv({
   extend: tv(theme),
   ...defu({
@@ -64,83 +65,68 @@ const ui = computed(() => tv({
     }
   }, appConfig.ui?.link || {})
 }));
+const href = computed(() => props.to ?? props.href);
 const isExternal = computed(() => {
-  if (!props.to) return false;
-  return typeof props.to === "string" && hasProtocol(props.to, { acceptRelative: true });
+  if (props.external) {
+    return true;
+  }
+  if (!href.value) {
+    return false;
+  }
+  return typeof href.value === "string" && hasProtocol(href.value, { acceptRelative: true });
+});
+const isLinkActive = computed(() => {
+  if (props.active !== void 0) {
+    return props.active;
+  }
+  if (!href.value) {
+    return false;
+  }
+  if (props.exact && page.url === href.value) {
+    return true;
+  }
+  if (!props.exact && page.url.startsWith(href.value)) {
+    return true;
+  }
+  return false;
 });
 const linkClass = computed(() => {
-  const active = isActive.value;
+  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 page = usePage();
-const url = computed(() => props.to ?? props.href ?? "#");
-const isActive = computed(() => props.active || (props.exact ? url.value === props.href : page?.url.startsWith(url.value)));
 </script>
 
 <template>
-  <template v-if="!isExternal">
-    <InertiaLink v-bind="routerLinkProps" :href="url" custom>
-      <template v-if="custom">
-        <slot
-          v-bind="{
-  ...$attrs,
-  as,
-  type,
-  disabled,
-  href: url,
-  active: isActive
-}"
-        />
-      </template>
-      <ULinkBase
-        v-else
-        v-bind="{
+  <template v-if="custom">
+    <slot
+      v-bind="{
   ...$attrs,
+  ...routerLinkProps,
   as,
   type,
   disabled,
-  href: url,
-  active: isActive
+  href,
+  active: isLinkActive,
+  isExternal
 }"
-        :class="linkClass"
-      >
-        <slot :active="isActive" />
-      </ULinkBase>
-    </InertiaLink>
+    />
   </template>
-
-  <template v-else>
-    <template v-if="custom">
-      <slot
-        v-bind="{
+  <ULinkBase
+    v-else
+    v-bind="{
   ...$attrs,
+  ...routerLinkProps,
   as,
   type,
   disabled,
-  href: to,
-  target: isExternal ? '_blank' : void 0,
-  active: isActive
+  href,
+  isExternal
 }"
-      />
-    </template>
-    <ULinkBase
-      v-else
-      v-bind="{
-  ...$attrs,
-  as,
-  type,
-  disabled,
-  href: url,
-  target: isExternal ? '_blank' : void 0,
-  active: isActive
-}"
-      :is-external="isExternal"
-      :class="linkClass"
-    >
-      <slot :active="isActive" />
-    </ULinkBase>
-  </template>
+    :class="linkClass"
+  >
+    <slot :active="isLinkActive" />
+  </ULinkBase>
 </template>

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

@@ -1,6 +1,6 @@
 import type { ButtonHTMLAttributes } from 'vue';
 import type { InertiaLinkProps } from '@inertiajs/vue3';
-interface NuxtLinkProps extends Omit<InertiaLinkProps, 'href'> {
+interface NuxtLinkProps extends Omit<InertiaLinkProps, 'href' | 'onClick'> {
     activeClass?: string;
     /**
      * Route Location the link should navigate to when clicked on.
@@ -48,45 +48,16 @@ export interface LinkSlots {
         active: boolean;
     }): any;
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<LinkProps>, {
-    as: string;
-    type: string;
-    active: undefined;
-    activeClass: string;
-    inactiveClass: string;
-}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<LinkProps>, {
-    as: string;
-    type: string;
-    active: undefined;
-    activeClass: string;
-    inactiveClass: string;
-}>>> & Readonly<{}>, {
+declare const _default: __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;
     activeClass: string;
     active: boolean;
     inactiveClass: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, Readonly<LinkSlots> & LinkSlots>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, LinkSlots>;
 export default _default;
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };
 };
-type __VLS_PrettifyLocal<T> = {
-    [K in keyof T]: T[K];
-} & {};

package/dist/runtime/inertia/components/LinkBase.vue

@@ -0,0 +1,68 @@
+<script>
+
+</script>
+
+<script setup>
+import { Primitive } from "reka-ui";
+import { Link as InertiaLink } from "@inertiajs/vue3";
+defineOptions({ inheritAttrs: false });
+const props = defineProps({
+  as: { type: String, required: false, default: "button" },
+  type: { type: String, required: false, default: "button" },
+  disabled: { type: Boolean, required: false },
+  onClick: { type: [Function, Array], required: false },
+  href: { type: String, required: false },
+  target: { type: [String, Object, null], required: false },
+  active: { type: Boolean, required: false },
+  isExternal: { type: Boolean, required: false }
+});
+function onClickWrapper(e) {
+  if (props.disabled) {
+    e.stopPropagation();
+    e.preventDefault();
+    return;
+  }
+  if (props.onClick) {
+    for (const onClick of Array.isArray(props.onClick) ? props.onClick : [props.onClick]) {
+      onClick(e);
+    }
+  }
+}
+</script>
+
+<template>
+  <InertiaLink
+    v-if="!!href && !isExternal && !disabled"
+    :href="href"
+    v-bind="{
+  target: target || (isExternal ? '_blank' : void 0),
+  ...$attrs
+}"
+    @click="onClickWrapper"
+  >
+    <slot />
+  </InertiaLink>
+  <Primitive
+    v-else
+    v-bind="href ? {
+  'as': 'a',
+  'href': disabled ? void 0 : href,
+  'aria-disabled': disabled ? 'true' : void 0,
+  'role': disabled ? 'link' : void 0,
+  'tabindex': disabled ? -1 : void 0,
+  'target': target || (isExternal ? '_blank' : void 0),
+  ...$attrs
+} : as === 'button' ? {
+  as,
+  type,
+  disabled,
+  ...$attrs
+} : {
+  as,
+  ...$attrs
+}"
+    @click="onClickWrapper"
+  >
+    <slot />
+  </Primitive>
+</template>

package/dist/runtime/inertia/components/LinkBase.vue.d.ts

@@ -0,0 +1,25 @@
+import type { LinkProps } from '../../types';
+export interface LinkBaseProps {
+    as?: string;
+    type?: string;
+    disabled?: boolean;
+    onClick?: ((e: MouseEvent) => void | Promise<void>) | Array<((e: MouseEvent) => void | Promise<void>)>;
+    href?: string;
+    target?: LinkProps['target'];
+    active?: boolean;
+    isExternal?: boolean;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<LinkBaseProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkBaseProps> & Readonly<{}>, {
+    type: string;
+    as: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    default?: (props: {}) => any;
+} & {
+    default?: (props: {}) => any;
+}>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -1,6 +1,7 @@
 import type { Ref } from 'vue';
 import type { NuxtApp } from '#app';
 export { useHead } from '@unhead/vue';
+export { useAppConfig } from '../vue/composables/useAppConfig';
 export { defineShortcuts } from '../composables/defineShortcuts';
 export { defineLocale } from '../composables/defineLocale';
 export { useLocale } from '../composables/useLocale';
@@ -17,7 +18,6 @@ export declare const useColorMode: () => {
     readonly value: import("@vueuse/core").BasicColorMode;
     forced: boolean;
 };
-export declare const useAppConfig: () => any;
 export declare const useCookie: <T = string>(_name: string, _options?: Record<string, any>) => {
     value: Ref<T, T>;
     get: () => T;

package/dist/runtime/inertia/stubs.js

@@ -4,6 +4,7 @@ import appConfig from "#build/app.config";
 import { useColorMode as useColorModeVueUse } from "@vueuse/core";
 import { usePage } from "@inertiajs/vue3";
 export { useHead } from "@unhead/vue";
+export { useAppConfig } from "../vue/composables/useAppConfig.js";
 export { defineShortcuts } from "../composables/defineShortcuts.js";
 export { defineLocale } from "../composables/defineLocale.js";
 export { useLocale } from "../composables/useLocale.js";
@@ -35,7 +36,6 @@ export const useColorMode = () => {
     forced: false
   };
 };
-export const useAppConfig = () => appConfig;
 export const useCookie = (_name, _options = {}) => {
   const value = ref(null);
   return {

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

@@ -32,6 +32,7 @@ export { default as pt_br } from './pt_br';
 export { default as ro } from './ro';
 export { default as ru } from './ru';
 export { default as sk } from './sk';
+export { default as sl } from './sl';
 export { default as sv } from './sv';
 export { default as th } from './th';
 export { default as tj } from './tj';

package/dist/runtime/locale/index.js

@@ -32,6 +32,7 @@ export { default as pt_br } from "./pt_br.js";
 export { default as ro } from "./ro.js";
 export { default as ru } from "./ru.js";
 export { default as sk } from "./sk.js";
+export { default as sl } from "./sl.js";
 export { default as sv } from "./sv.js";
 export { default as th } from "./th.js";
 export { default as tj } from "./tj.js";

package/dist/runtime/locale/sl.d.ts

@@ -0,0 +1,3 @@
+import type { Messages } from '../types';
+declare const _default: import("../types").Locale<Messages>;
+export default _default;

package/dist/runtime/locale/sl.js

@@ -0,0 +1,54 @@
+import { defineLocale } from "../composables/defineLocale.js";
+export default defineLocale({
+  name: "Sloven\u0161\u010Dina",
+  code: "sl",
+  messages: {
+    inputMenu: {
+      noMatch: "Ni ujemanj",
+      noData: "Ni podatkov",
+      create: 'Ustvari "{label}"'
+    },
+    calendar: {
+      prevYear: "Prej\u0161nje leto",
+      nextYear: "Naslednje leto",
+      prevMonth: "Prej\u0161nji mesec",
+      nextMonth: "Naslednji mesec"
+    },
+    inputNumber: {
+      increment: "Povi\u0161aj",
+      decrement: "Zmanj\u0161aj"
+    },
+    commandPalette: {
+      placeholder: "Vpi\u0161i ukaz ali i\u0161\u010Di...",
+      noMatch: "Ni ujemanj",
+      noData: "Ni podatkov",
+      close: "Zapri"
+    },
+    selectMenu: {
+      noMatch: "Ni ujemanj",
+      noData: "Ni podatkov",
+      create: 'Ustvari "{label}"',
+      search: "I\u0161\u010Di..."
+    },
+    toast: {
+      close: "Zapri"
+    },
+    carousel: {
+      prev: "Nazaj",
+      next: "Naprej",
+      goto: "Pojdi na {slide}"
+    },
+    modal: {
+      close: "Zapri"
+    },
+    slideover: {
+      close: "Zapri"
+    },
+    alert: {
+      close: "Zapri"
+    },
+    table: {
+      noData: "Ni podatkov"
+    }
+  }
+});

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

@@ -0,0 +1,53 @@
+import type { ClassValue, TVVariants, TVCompoundVariants, TVDefaultVariants } from 'tailwind-variants';
+/**
+ * Defines the AppConfig object based on the tailwind-variants configuration.
+ */
+export type TVConfig<T extends Record<string, any>> = {
+    [P in keyof T]?: {
+        [K in keyof T[P] as K extends 'base' | 'slots' | 'variants' | 'compoundVariants' | 'defaultVariants' ? K : never]?: K extends 'base' ? ClassValue : K extends 'slots' ? {
+            [S in keyof T[P]['slots']]?: ClassValue;
+        } : K extends 'variants' ? TVVariants<T[P]['slots'], ClassValue, T[P]['variants']> : K extends 'compoundVariants' ? TVCompoundVariants<T[P]['variants'], T[P]['slots'], ClassValue, object, undefined> : K extends 'defaultVariants' ? TVDefaultVariants<T[P]['variants'], T[P]['slots'], object, undefined> : never;
+    };
+};
+/**
+ * Utility type to flatten intersection types for better IDE hover information.
+ * @template T The type to flatten.
+ */
+type Id<T> = {} & {
+    [P in keyof T]: T[P];
+};
+type ComponentVariants<T extends {
+    variants?: Record<string, Record<string, any>>;
+}> = {
+    [K in keyof T['variants']]: keyof T['variants'][K];
+};
+type ComponentSlots<T extends {
+    slots?: Record<string, any>;
+}> = Id<{
+    [K in keyof T['slots']]?: ClassValue;
+}>;
+type GetComponentAppConfig<A, U extends string, K extends string> = A extends Record<U, Record<K, any>> ? A[U][K] : {};
+type ComponentAppConfig<T, A extends Record<string, any>, K extends string, U extends string = 'ui' | 'uiPro' | 'uiPro.prose'> = A & (U extends 'uiPro.prose' ? {
+    uiPro?: {
+        prose?: {
+            [k in K]?: Partial<T>;
+        };
+    };
+} : {
+    [key in Exclude<U, 'uiPro.prose'>]?: {
+        [k in K]?: Partial<T>;
+    };
+});
+/**
+ * Defines the configuration shape expected for a component.
+ * @template T The component's theme imported from `#build/ui/*`.
+ * @template A The base AppConfig type from `@nuxt/schema`.
+ * @template K The key identifying the component (e.g., 'badge').
+ * @template U The top-level key in AppConfig ('ui' or 'uiPro').
+ */
+export type ComponentConfig<T extends Record<string, any>, A extends Record<string, any>, K extends string, U extends 'ui' | 'uiPro' | 'uiPro.prose' = 'ui'> = {
+    AppConfig: ComponentAppConfig<T, A, K, U>;
+    variants: ComponentVariants<T & GetComponentAppConfig<A, U, K>>;
+    slots: ComponentSlots<T>;
+};
+export {};

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

@@ -1,14 +1,5 @@
-import type { AcceptableValue as _AcceptableValue } from 'reka-ui';
-import type { ClassValue } from 'tailwind-variants';
 import type { VNode } from 'vue';
-export interface TightMap<O = any> {
-    [key: string]: TightMap | O;
-}
-export type DeepPartial<T, O = any> = {
-    [P in keyof T]?: T[P] extends Array<string> ? string : T[P] extends object ? DeepPartial<T[P], O> : T[P];
-} & {
-    [key: string]: O | TightMap<O>;
-};
+import type { AcceptableValue as _AcceptableValue } from 'reka-ui';
 export type DynamicSlotsKeys<Name extends string | undefined, Suffix extends string | undefined = undefined> = (Name extends string ? Suffix extends string ? Name | `${Name}-${Suffix}` : Name : never);
 export type DynamicSlots<T extends {
     slot?: string;
@@ -44,45 +35,4 @@ export type StringOrVNode = string | VNode | (() => VNode);
 export type EmitsToProps<T> = {
     [K in keyof T as `on${Capitalize<string & K>}`]: T[K] extends [...args: infer Args] ? (...args: Args) => void : never;
 };
-/**
- * Utility type to flatten intersection types for better IDE hover information.
- * @template T The type to flatten.
- */
-type Id<T> = {} & {
-    [P in keyof T]: T[P];
-};
-type ComponentVariants<T extends {
-    variants?: Record<string, Record<string, any>>;
-}> = {
-    [K in keyof T['variants']]: keyof T['variants'][K];
-};
-type ComponentSlots<T extends {
-    slots?: Record<string, any>;
-}> = Id<{
-    [K in keyof T['slots']]?: ClassValue;
-}>;
-type GetComponentAppConfig<A, U extends string, K extends string> = A extends Record<U, Record<K, any>> ? A[U][K] : {};
-type ComponentAppConfig<T, A extends Record<string, any>, K extends string, U extends string = 'ui' | 'uiPro' | 'uiPro.prose'> = A & (U extends 'uiPro.prose' ? {
-    uiPro?: {
-        prose?: {
-            [k in K]?: Partial<T>;
-        };
-    };
-} : {
-    [key in Exclude<U, 'uiPro.prose'>]?: {
-        [k in K]?: Partial<T>;
-    };
-});
-/**
- * Defines the configuration shape expected for a component.
- * @template T The component's theme imported from `#build/ui/*`.
- * @template A The base AppConfig type from `@nuxt/schema`.
- * @template K The key identifying the component (e.g., 'badge').
- * @template U The top-level key in AppConfig ('ui' or 'uiPro').
- */
-export type ComponentConfig<T extends Record<string, any>, A extends Record<string, any>, K extends string, U extends 'ui' | 'uiPro' | 'uiPro.prose' = 'ui'> = {
-    AppConfig: ComponentAppConfig<T, A, K, U>;
-    variants: ComponentVariants<T & GetComponentAppConfig<A, U, K>>;
-    slots: ComponentSlots<T>;
-};
-export {};
+export * from './tv';

package/dist/runtime/types/utils.js

@@ -0,0 +1 @@
+export * from "./tv.js";

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

@@ -4,3 +4,4 @@ export declare function pickLinkProps(link: LinkProps & {
 }): import("@vueuse/shared").ReactivePickReturn<LinkProps & {
     [key: string]: any;
 }, string>;
+export declare function isPartiallyEqual(item1: any, item2: any): boolean;

package/dist/runtime/utils/link.js

@@ -1,4 +1,5 @@
 import { reactivePick } from "@vueuse/core";
+import { isEqual, diff } from "ohash/utils";
 export function pickLinkProps(link) {
   const keys = Object.keys(link);
   const ariaKeys = keys.filter((key) => key.startsWith("aria-"));
@@ -33,3 +34,14 @@ export function pickLinkProps(link) {
   ];
   return reactivePick(link, ...propsToInclude);
 }
+export function isPartiallyEqual(item1, item2) {
+  const diffedKeys = diff(item1, item2).reduce((filtered, q) => {
+    if (q.type === "added") {
+      filtered.add(q.key);
+    }
+    return filtered;
+  }, /* @__PURE__ */ new Set());
+  const item1Filtered = Object.fromEntries(Object.entries(item1).filter(([key]) => !diffedKeys.has(key)));
+  const item2Filtered = Object.fromEntries(Object.entries(item2).filter(([key]) => !diffedKeys.has(key)));
+  return isEqual(item1Filtered, item2Filtered);
+}

package/dist/runtime/vue/components/Icon.vue.d.ts

@@ -1,14 +1,5 @@
 export interface IconProps {
     name: string;
 }
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<IconProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<IconProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: import("vue").DefineComponent<IconProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<IconProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};