@bitrix24/b24ui-nuxt 2.0.9 → 2.1.0

package/dist/runtime/components/content/ContentSearch.d.vue.ts

@@ -28,6 +28,9 @@ export interface ContentSearchItem extends Omit<LinkProps, 'custom'>, CommandPal
      */
     icon?: IconComponent;
 }
+/**
+ * @memo not use loadingIcon
+ */
 export interface ContentSearchProps<T extends ContentSearchLink = ContentSearchLink> extends Pick<ModalProps, 'title' | 'description' | 'overlay' | 'transition' | 'content' | 'dismissible' | 'fullscreen' | 'modal' | 'portal'> {
     /**
      * The icon displayed in the input.
@@ -47,12 +50,6 @@ export interface ContentSearchProps<T extends ContentSearchLink = ContentSearchL
     autofocus?: boolean;
     /** When `true`, the loading icon will be displayed. */
     loading?: boolean;
-    /**
-     * The icon when the `loading` prop is `true`.
-     * @defaultValue icons.loading
-     * @IconComponent
-     */
-    loadingIcon?: IconComponent;
     /**
      * Display a close button in the input (useful when inside a Modal for example).
      * `{ size: 'sm', color: 'air-tertiary-no-accent' }`{lang="ts-type"}

package/dist/runtime/components/content/ContentSearch.vue

@@ -20,7 +20,6 @@ const props = defineProps({
   placeholder: { type: String, required: false },
   autofocus: { type: Boolean, required: false },
   loading: { type: Boolean, required: false },
-  loadingIcon: { type: [Function, Object], required: false },
   close: { type: [Boolean, Object], required: false, default: true },
   closeIcon: { type: [Function, Object], required: false },
   shortcut: { type: String, required: false, default: "meta_k" },
@@ -48,7 +47,7 @@ const { t } = useLocale();
 const { open } = useContentSearch();
 const colorMode = useColorMode();
 const appConfig = useAppConfig();
-const commandPaletteProps = useForwardProps(reactivePick(props, "icon", "placeholder", "autofocus", "loading", "loadingIcon", "close", "closeIcon"));
+const commandPaletteProps = useForwardProps(reactivePick(props, "icon", "placeholder", "autofocus", "loading", "close", "closeIcon"));
 const modalProps = useForwardProps(reactivePick(props, "overlay", "transition", "content", "dismissible", "fullscreen", "modal", "portal"));
 const getProxySlots = () => omit(slots, ["content"]);
 const fuse = computed(() => defu({}, props.fuse, {
@@ -59,6 +58,7 @@ const fuse = computed(() => defu({}, props.fuse, {
 const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.contentSearch || {} })({
   fullscreen: props.fullscreen
 }));
+const commandPaletteRef = useTemplateRef("commandPaletteRef");
 function mapLinksItems(links) {
   return links.flatMap((link) => [{
     ...link,
@@ -158,7 +158,6 @@ defineShortcuts({
     handler: () => open.value = !open.value
   }
 });
-const commandPaletteRef = useTemplateRef("commandPaletteRef");
 defineExpose({
   commandPaletteRef
 });

package/dist/runtime/components/content/ContentSearch.vue.d.ts

@@ -28,6 +28,9 @@ export interface ContentSearchItem extends Omit<LinkProps, 'custom'>, CommandPal
      */
     icon?: IconComponent;
 }
+/**
+ * @memo not use loadingIcon
+ */
 export interface ContentSearchProps<T extends ContentSearchLink = ContentSearchLink> extends Pick<ModalProps, 'title' | 'description' | 'overlay' | 'transition' | 'content' | 'dismissible' | 'fullscreen' | 'modal' | 'portal'> {
     /**
      * The icon displayed in the input.
@@ -47,12 +50,6 @@ export interface ContentSearchProps<T extends ContentSearchLink = ContentSearchL
     autofocus?: boolean;
     /** When `true`, the loading icon will be displayed. */
     loading?: boolean;
-    /**
-     * The icon when the `loading` prop is `true`.
-     * @defaultValue icons.loading
-     * @IconComponent
-     */
-    loadingIcon?: IconComponent;
     /**
      * Display a close button in the input (useful when inside a Modal for example).
      * `{ size: 'sm', color: 'air-tertiary-no-accent' }`{lang="ts-type"}

package/dist/runtime/components/content/ContentSearchButton.d.vue.ts

@@ -3,7 +3,7 @@ import theme from '#build/b24ui/content/content-search-button';
 import type { ButtonProps, ButtonSlots, IconComponent, KbdProps, TooltipProps } from '../../types';
 import type { ComponentConfig } from '../../types/tv';
 type ContentSearchButton = ComponentConfig<typeof theme, AppConfig, 'contentSearchButton'>;
-export interface ContentSearchButtonProps {
+export interface ContentSearchButtonProps extends Omit<ButtonProps, 'icon' | 'label' | 'color'> {
     /**
      * The icon displayed in the button.
      * @defaultValue icons.search
@@ -20,7 +20,6 @@ export interface ContentSearchButtonProps {
      * @defaultValue 'air-tertiary-no-accent'
      */
     color?: ButtonProps['color'];
-    size?: ButtonProps['size'];
     /**
      * Whether the button is collapsed.
      * @defaultValue true
@@ -41,7 +40,7 @@ export interface ContentSearchButtonProps {
     class?: any;
 }
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ContentSearchButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ContentSearchButtonProps> & Readonly<{}>, {
-    color: "link" | "air-primary" | "air-primary-success" | "air-primary-alert" | "air-primary-copilot" | "air-secondary" | "air-secondary-accent" | "air-secondary-accent-1" | "air-tertiary" | "default" | "danger" | "success" | "warning" | "primary" | "secondary" | "collab" | "ai" | "air-secondary-alert" | "air-secondary-accent-2" | "air-secondary-no-accent" | "air-tertiary-accent" | "air-tertiary-no-accent" | "air-selection" | "air-boost";
+    color: "default" | "link" | "air-primary" | "air-primary-success" | "air-primary-alert" | "air-primary-copilot" | "air-secondary" | "air-secondary-accent" | "air-secondary-accent-1" | "air-tertiary" | "danger" | "success" | "warning" | "primary" | "secondary" | "collab" | "ai" | "air-secondary-alert" | "air-secondary-accent-2" | "air-secondary-no-accent" | "air-tertiary-accent" | "air-tertiary-no-accent" | "air-selection" | "air-boost";
     tooltip: boolean | TooltipProps;
     kbds: KbdProps["value"][] | KbdProps[];
     collapsed: boolean;

package/dist/runtime/components/content/ContentSearchButton.vue

@@ -6,7 +6,7 @@ import theme from "#build/b24ui/content/content-search-button";
 import { computed, toRef } from "vue";
 import { useForwardProps } from "reka-ui";
 import { defu } from "defu";
-import { reactivePick, createReusableTemplate } from "@vueuse/core";
+import { reactiveOmit, createReusableTemplate } from "@vueuse/core";
 import { useAppConfig } from "#imports";
 import { useContentSearch } from "../../composables/useContentSearch";
 import { useLocale } from "../../composables/useLocale";
@@ -21,17 +21,55 @@ const props = defineProps({
   icon: { type: [Function, Object], required: false },
   label: { type: String, required: false },
   color: { type: null, required: false, default: "air-tertiary-no-accent" },
-  size: { type: null, required: false },
   collapsed: { type: Boolean, required: false, default: true },
   tooltip: { type: [Boolean, Object], required: false, default: false },
   kbds: { type: Array, required: false, default: () => ["meta", "k"] },
   b24ui: { type: void 0, required: false },
-  class: { type: null, required: false }
+  class: { type: null, required: false },
+  activeColor: { type: null, required: false },
+  depth: { type: null, required: false },
+  activeDepth: { type: null, required: false },
+  size: { type: null, required: false },
+  rounded: { type: Boolean, required: false },
+  block: { type: Boolean, required: false },
+  loadingAuto: { type: Boolean, required: false },
+  normalCase: { type: Boolean, required: false },
+  useWait: { type: Boolean, required: false },
+  useClock: { type: Boolean, required: false },
+  useDropdown: { type: Boolean, required: false },
+  onClick: { type: [Function, Array], required: false },
+  activeClass: { type: String, required: false },
+  inactiveClass: { type: String, required: false },
+  avatar: { type: Object, required: false },
+  loading: { type: Boolean, required: false },
+  as: { type: null, required: false },
+  type: { type: null, required: false },
+  disabled: { type: Boolean, required: false },
+  active: { type: Boolean, required: false },
+  exact: { type: Boolean, required: false },
+  exactQuery: { type: [Boolean, String], required: false },
+  exactHash: { type: Boolean, required: false },
+  isAction: { type: Boolean, required: false },
+  to: { type: null, required: false },
+  href: { type: null, 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 },
+  prefetchedClass: { type: String, required: false },
+  prefetch: { type: Boolean, required: false },
+  prefetchOn: { type: [String, Object], required: false },
+  noPrefetch: { type: Boolean, required: false },
+  trailingSlash: { type: String, required: false },
+  exactActiveClass: { type: String, required: false },
+  ariaCurrentValue: { type: String, required: false },
+  viewTransition: { type: Boolean, required: false },
+  replace: { type: Boolean, required: false }
 });
 const slots = defineSlots();
 const [DefineButtonTemplate, ReuseButtonTemplate] = createReusableTemplate();
 const getProxySlots = () => omit(slots, ["trailing"]);
-const rootProps = useForwardProps(reactivePick(props, "color", "size"));
+const buttonProps = useForwardProps(reactiveOmit(props, "icon", "label", "collapsed", "tooltip", "kbds", "class", "b24ui"));
 const tooltipProps = toRef(() => defu(typeof props.tooltip === "boolean" ? {} : props.tooltip, { delayDuration: 0, content: { side: "right" } }));
 const { t } = useLocale();
 const { open } = useContentSearch();
@@ -45,7 +83,7 @@ const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.content
       :icon="icon || icons.search"
       :label="label || t('contentSearchButton.label')"
       v-bind="{
-  ...rootProps,
+  ...buttonProps,
   ...collapsed ? {
     'label': void 0,
     'aria-label': label || t('contentSearchButton.label')

package/dist/runtime/components/content/ContentSearchButton.vue.d.ts

@@ -3,7 +3,7 @@ import theme from '#build/b24ui/content/content-search-button';
 import type { ButtonProps, ButtonSlots, IconComponent, KbdProps, TooltipProps } from '../../types';
 import type { ComponentConfig } from '../../types/tv';
 type ContentSearchButton = ComponentConfig<typeof theme, AppConfig, 'contentSearchButton'>;
-export interface ContentSearchButtonProps {
+export interface ContentSearchButtonProps extends Omit<ButtonProps, 'icon' | 'label' | 'color'> {
     /**
      * The icon displayed in the button.
      * @defaultValue icons.search
@@ -20,7 +20,6 @@ export interface ContentSearchButtonProps {
      * @defaultValue 'air-tertiary-no-accent'
      */
     color?: ButtonProps['color'];
-    size?: ButtonProps['size'];
     /**
      * Whether the button is collapsed.
      * @defaultValue true
@@ -41,7 +40,7 @@ export interface ContentSearchButtonProps {
     class?: any;
 }
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ContentSearchButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ContentSearchButtonProps> & Readonly<{}>, {
-    color: "link" | "air-primary" | "air-primary-success" | "air-primary-alert" | "air-primary-copilot" | "air-secondary" | "air-secondary-accent" | "air-secondary-accent-1" | "air-tertiary" | "default" | "danger" | "success" | "warning" | "primary" | "secondary" | "collab" | "ai" | "air-secondary-alert" | "air-secondary-accent-2" | "air-secondary-no-accent" | "air-tertiary-accent" | "air-tertiary-no-accent" | "air-selection" | "air-boost";
+    color: "default" | "link" | "air-primary" | "air-primary-success" | "air-primary-alert" | "air-primary-copilot" | "air-secondary" | "air-secondary-accent" | "air-secondary-accent-1" | "air-tertiary" | "danger" | "success" | "warning" | "primary" | "secondary" | "collab" | "ai" | "air-secondary-alert" | "air-secondary-accent-2" | "air-secondary-no-accent" | "air-tertiary-accent" | "air-tertiary-no-accent" | "air-selection" | "air-boost";
     tooltip: boolean | TooltipProps;
     kbds: KbdProps["value"][] | KbdProps[];
     collapsed: boolean;

package/dist/runtime/components/content/ContentSurround.vue

@@ -21,7 +21,13 @@ const props = defineProps({
 });
 defineSlots();
 const appConfig = useAppConfig();
-const [DefineLinkTemplate, ReuseLinkTemplate] = createReusableTemplate();
+const [DefineLinkTemplate, ReuseLinkTemplate] = createReusableTemplate({
+  props: {
+    link: Object,
+    icon: [Object, Function],
+    direction: String
+  }
+});
 const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.contentSurround || {} })());
 </script>
 

package/dist/runtime/components/locale/LocaleSelect.d.vue.ts

@@ -1,16 +1,20 @@
-import type { SelectMenuProps } from '@bitrix24/b24ui-nuxt';
+import type { SelectMenuProps } from '../SelectMenu.vue';
 import type { Locale } from '../../types/locale';
-export interface LocaleSelectProps extends /** @vue-ignore */ Pick<SelectMenuProps<any>, 'color' | 'size' | 'trailingIcon' | 'selectedIcon' | 'content' | 'arrow' | 'portal' | 'disabled' | 'b24ui'> {
+export interface LocaleSelectProps extends Omit<SelectMenuProps<Locale<any>[], 'code', false>, 'items' | 'modelValue'> {
     locales?: Locale<any>[];
 }
 declare const __VLS_export: import("vue").DefineComponent<LocaleSelectProps & {
-    modelValue?: string;
+    modelValue: string;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: string | undefined) => any;
+    "update:modelValue": (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<LocaleSelectProps & {
-    modelValue?: string;
+    modelValue: string;
 }> & Readonly<{
-    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {
+    labelKey: string;
+    valueKey: "code";
+    searchInput: boolean | import("../Input.vue").InputProps;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/locale/LocaleSelect.vue

@@ -3,11 +3,57 @@
 </script>
 
 <script setup>
+import { useForwardProps } from "reka-ui";
+import { reactiveOmit } from "@vueuse/core";
 import B24SelectMenu from "../SelectMenu.vue";
-defineProps({
-  locales: { type: Array, required: false }
+defineOptions({ inheritAttrs: false });
+const props = defineProps({
+  locales: { type: Array, required: false },
+  id: { type: String, required: false },
+  placeholder: { type: String, required: false },
+  searchInput: { type: [Boolean, Object], required: false, default: false },
+  color: { type: null, required: false },
+  size: { type: null, required: false },
+  noPadding: { type: Boolean, required: false },
+  noBorder: { type: Boolean, required: false },
+  underline: { type: Boolean, required: false },
+  rounded: { type: Boolean, required: false },
+  tag: { type: String, required: false },
+  tagColor: { type: null, required: false },
+  required: { type: Boolean, required: false },
+  trailingIcon: { type: [Function, Object], required: false },
+  selectedIcon: { type: [Function, Object], required: false },
+  content: { type: Object, required: false },
+  arrow: { type: [Boolean, Object], required: false },
+  portal: { type: [Boolean, String], required: false, skipCheck: true },
+  virtualize: { type: [Boolean, Object], required: false },
+  valueKey: { type: String, required: false, default: "code" },
+  labelKey: { type: null, required: false, default: "name" },
+  descriptionKey: { type: null, required: false },
+  defaultValue: { type: null, required: false },
+  multiple: { type: Boolean, required: false },
+  highlight: { type: Boolean, required: false },
+  createItem: { type: [Boolean, String, Object], required: false },
+  filterFields: { type: Array, required: false },
+  ignoreFilter: { type: Boolean, required: false },
+  autofocus: { type: Boolean, required: false },
+  autofocusDelay: { type: Number, required: false },
+  class: { type: null, required: false },
+  b24ui: { type: null, required: false },
+  open: { type: Boolean, required: false },
+  defaultOpen: { type: Boolean, required: false },
+  disabled: { type: Boolean, required: false },
+  name: { type: String, required: false },
+  resetSearchTermOnBlur: { type: Boolean, required: false },
+  resetSearchTermOnSelect: { type: Boolean, required: false },
+  highlightOnHover: { type: Boolean, required: false },
+  icon: { type: [Function, Object], required: false },
+  avatar: { type: Object, required: false },
+  loading: { type: Boolean, required: false },
+  trailing: { type: Boolean, required: false }
 });
-const modelValue = defineModel({ type: String });
+const selectMenuProps = useForwardProps(reactiveOmit(props, "locales"));
+const modelValue = defineModel({ type: String, ...{ required: true } });
 function getEmojiFlag(locale) {
   const languageToCountry = {
     en: "us",
@@ -58,9 +104,7 @@ function getEmojiFlag(locale) {
 <template>
   <B24SelectMenu
     v-model="modelValue"
-    :search-input="false"
-    value-key="code"
-    label-key="name"
+    v-bind="{ ...selectMenuProps, ...$attrs }"
     :items="locales"
   >
     <template #leading>

package/dist/runtime/components/locale/LocaleSelect.vue.d.ts

@@ -1,16 +1,20 @@
-import type { SelectMenuProps } from '@bitrix24/b24ui-nuxt';
+import type { SelectMenuProps } from '../SelectMenu.vue';
 import type { Locale } from '../../types/locale';
-export interface LocaleSelectProps extends /** @vue-ignore */ Pick<SelectMenuProps<any>, 'color' | 'size' | 'trailingIcon' | 'selectedIcon' | 'content' | 'arrow' | 'portal' | 'disabled' | 'b24ui'> {
+export interface LocaleSelectProps extends Omit<SelectMenuProps<Locale<any>[], 'code', false>, 'items' | 'modelValue'> {
     locales?: Locale<any>[];
 }
 declare const __VLS_export: import("vue").DefineComponent<LocaleSelectProps & {
-    modelValue?: string;
+    modelValue: string;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: string | undefined) => any;
+    "update:modelValue": (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<LocaleSelectProps & {
-    modelValue?: string;
+    modelValue: string;
 }> & Readonly<{
-    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {
+    labelKey: string;
+    valueKey: "code";
+    searchInput: boolean | import("../Input.vue").InputProps;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/prose/Callout.vue

@@ -9,6 +9,7 @@ import { tv } from "../../utils/tv";
 import icons from "../../dictionary/icons";
 import B24Link from "../Link.vue";
 import GitHubIcon from "@bitrix24/b24icons-vue/social/GitHubIcon";
+import InfoCircleIcon from "@bitrix24/b24icons-vue/outline/InfoCircleIcon";
 defineOptions({ inheritAttrs: false });
 const props = defineProps({
   to: { type: null, required: false },
@@ -33,6 +34,9 @@ const iconFromIconName = computed(() => {
   switch (props.iconName) {
     case "GitHubIcon":
       return GitHubIcon;
+    /** @todo change icon */
+    case "MdnWebDocIcon":
+      return InfoCircleIcon;
   }
   return void 0;
 });

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

@@ -0,0 +1,8 @@
+export * from './defineLocale';
+export * from './defineShortcuts';
+export * from './useFileUpload';
+export * from './useKbd';
+export * from './useOverlay';
+export * from './useResizable';
+export * from './useScrollspy';
+export * from './useToast';

package/dist/runtime/composables/index.js

@@ -0,0 +1,8 @@
+export * from "./defineLocale.js";
+export * from "./defineShortcuts.js";
+export * from "./useFileUpload.js";
+export * from "./useKbd.js";
+export * from "./useOverlay.js";
+export * from "./useResizable.js";
+export * from "./useScrollspy.js";
+export * from "./useToast.js";

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

@@ -1,3 +1,4 @@
+import type { ComponentPublicInstance } from 'vue';
 import type { MaybeRef } from '@vueuse/core';
 export interface UseFileUploadOptions {
     /**
@@ -14,6 +15,6 @@ export interface UseFileUploadOptions {
 export declare function useFileUpload(options: UseFileUploadOptions): {
     isDragging: import("vue").Ref<boolean, boolean>;
     open: () => void;
-    inputRef: import("vue").Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
+    inputRef: import("vue").Ref<ComponentPublicInstance | undefined, ComponentPublicInstance | undefined>;
     dropzoneRef: import("vue").Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
 };

package/dist/runtime/composables/useFileUpload.js

@@ -26,7 +26,7 @@ export function useFileUpload(options) {
   const inputRef = ref();
   const dropzoneRef = ref();
   const dataTypes = computed(() => parseAcceptToDataTypes(unref(accept)));
-  const onDrop = (files) => {
+  const onDrop = (files, fromDropZone = false) => {
     if (!files || files.length === 0) {
       return;
     }
@@ -36,6 +36,15 @@ export function useFileUpload(options) {
     if (files.length > 1 && !multiple) {
       files = [files[0]];
     }
+    if (fromDropZone && inputRef.value?.$el) {
+      try {
+        const dt = new DataTransfer();
+        files.forEach((file) => dt.items.add(file));
+        inputRef.value.$el.files = dt.files;
+      } catch (e) {
+        console.warn("Could not sync files to input element:", e);
+      }
+    }
     onUpdate(files);
   };
   const isDragging = ref(false);
@@ -47,18 +56,18 @@ export function useFileUpload(options) {
     fileDialog.open();
   }
   onMounted(() => {
-    const { isOverDropZone } = dropzone ? useDropZone(dropzoneRef, { dataTypes: dataTypes.value, onDrop }) : { isOverDropZone: ref(false) };
+    const { isOverDropZone } = dropzone ? useDropZone(dropzoneRef, { dataTypes: dataTypes.value, onDrop: (files) => onDrop(files, true) }) : { isOverDropZone: ref(false) };
     watch(isOverDropZone, (value) => {
       isDragging.value = value;
     });
     const { onChange, open: open2 } = useFileDialog({
       accept: unref(accept),
       multiple,
-      input: unref(inputRef),
+      input: unref(inputRef)?.$el,
       reset
     });
     fileDialog.open = open2;
-    onChange((fileList) => onDrop(fileList));
+    onChange((fileList) => onDrop(fileList, false));
   });
   return {
     isDragging,

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

@@ -1,6 +1,11 @@
-import type { ButtonHTMLAttributes } from 'vue';
 import type { InertiaLinkProps } from '@inertiajs/vue3';
-interface NuxtLinkProps extends Omit<InertiaLinkProps, 'href' | 'onClick'> {
+import type { ButtonHTMLAttributes, AnchorHTMLAttributes } from '../../types/html';
+export interface LinkProps extends Omit<InertiaLinkProps, 'href' | 'onClick'>, /** @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.
+     * @defaultValue 'button'
+     */
+    as?: any;
     activeClass?: string;
     /**
      * Route Location the link should navigate to when clicked on.
@@ -9,7 +14,7 @@ interface NuxtLinkProps extends Omit<InertiaLinkProps, 'href' | 'onClick'> {
     /**
      * An alias for `to`. If used with `to`, `href` will be ignored
      */
-    href?: NuxtLinkProps['to'];
+    href?: LinkProps['to'];
     /**
      * Forces the link to be considered as external (true) or internal (false). This is helpful to handle edge-cases
      */
@@ -18,14 +23,16 @@ interface NuxtLinkProps extends Omit<InertiaLinkProps, 'href' | 'onClick'> {
      * Where to display the linked URL, as the name for a browsing context.
      */
     target?: '_blank' | '_parent' | '_self' | '_top' | (string & {}) | null;
-    ariaCurrentValue?: string;
-}
-export interface LinkProps extends NuxtLinkProps {
     /**
-     * The element or component this component should render as when not a link.
-     * @defaultValue 'button'
+     * A rel attribute value to apply on the link. Defaults to "noopener noreferrer" for external links.
      */
-    as?: any;
+    rel?: 'noopener' | 'noreferrer' | 'nofollow' | 'sponsored' | 'ugc' | (string & {}) | null;
+    /**
+     * Value passed to the attribute `aria-current` when the link is exact active.
+     *
+     * @defaultValue `'page'`
+     */
+    ariaCurrentValue?: 'page' | 'step' | 'location' | 'date' | 'time' | 'true' | 'false';
     /**
      * The type of the button when not a link.
      * @defaultValue 'button'
@@ -53,8 +60,8 @@ export interface LinkSlots {
 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";
-    activeClass: string;
     active: boolean;
+    activeClass: string;
     inactiveClass: string;
     isAction: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, LinkSlots>;

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

@@ -15,6 +15,13 @@ import B24LinkBase from "./../../components/LinkBase.vue";
 defineOptions({ inheritAttrs: false });
 const props = defineProps({
   as: { type: null, required: false, default: "button" },
+  activeClass: { type: String, required: false, default: "" },
+  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 },
+  ariaCurrentValue: { type: String, required: false },
   type: { type: null, required: false, default: "button" },
   disabled: { type: Boolean, required: false },
   active: { type: Boolean, required: false, default: void 0 },
@@ -24,12 +31,6 @@ const props = defineProps({
   isAction: { type: Boolean, required: false, default: false },
   raw: { type: Boolean, required: false },
   class: { type: null, required: false },
-  activeClass: { type: String, required: false, default: "" },
-  to: { type: String, required: false },
-  href: { type: String, required: false },
-  external: { type: Boolean, required: false },
-  target: { type: [String, Object, null], required: false },
-  ariaCurrentValue: { type: String, required: false },
   data: { type: null, required: false },
   method: { type: String, required: false },
   replace: { type: Boolean, required: false },
@@ -41,6 +42,7 @@ const props = defineProps({
   headers: { type: Object, required: false },
   queryStringArrayFormat: { type: String, required: false },
   async: { type: Boolean, required: false },
+  viewTransition: { type: [Boolean, Function], required: false },
   onCancelToken: { type: Function, required: false },
   onBefore: { type: Function, required: false },
   onBeforeUpdate: { type: Function, required: false },

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

@@ -1,6 +1,11 @@
-import type { ButtonHTMLAttributes } from 'vue';
 import type { InertiaLinkProps } from '@inertiajs/vue3';
-interface NuxtLinkProps extends Omit<InertiaLinkProps, 'href' | 'onClick'> {
+import type { ButtonHTMLAttributes, AnchorHTMLAttributes } from '../../types/html';
+export interface LinkProps extends Omit<InertiaLinkProps, 'href' | 'onClick'>, /** @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.
+     * @defaultValue 'button'
+     */
+    as?: any;
     activeClass?: string;
     /**
      * Route Location the link should navigate to when clicked on.
@@ -9,7 +14,7 @@ interface NuxtLinkProps extends Omit<InertiaLinkProps, 'href' | 'onClick'> {
     /**
      * An alias for `to`. If used with `to`, `href` will be ignored
      */
-    href?: NuxtLinkProps['to'];
+    href?: LinkProps['to'];
     /**
      * Forces the link to be considered as external (true) or internal (false). This is helpful to handle edge-cases
      */
@@ -18,14 +23,16 @@ interface NuxtLinkProps extends Omit<InertiaLinkProps, 'href' | 'onClick'> {
      * Where to display the linked URL, as the name for a browsing context.
      */
     target?: '_blank' | '_parent' | '_self' | '_top' | (string & {}) | null;
-    ariaCurrentValue?: string;
-}
-export interface LinkProps extends NuxtLinkProps {
     /**
-     * The element or component this component should render as when not a link.
-     * @defaultValue 'button'
+     * A rel attribute value to apply on the link. Defaults to "noopener noreferrer" for external links.
      */
-    as?: any;
+    rel?: 'noopener' | 'noreferrer' | 'nofollow' | 'sponsored' | 'ugc' | (string & {}) | null;
+    /**
+     * Value passed to the attribute `aria-current` when the link is exact active.
+     *
+     * @defaultValue `'page'`
+     */
+    ariaCurrentValue?: 'page' | 'step' | 'location' | 'date' | 'time' | 'true' | 'false';
     /**
      * The type of the button when not a link.
      * @defaultValue 'button'
@@ -53,8 +60,8 @@ export interface LinkSlots {
 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";
-    activeClass: string;
     active: boolean;
+    activeClass: string;
     inactiveClass: string;
     isAction: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, LinkSlots>;

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

@@ -17,7 +17,7 @@ export declare const useColorMode: () => {
     preference?: undefined;
     readonly value?: undefined;
 } | {
-    preference: "system" | import("@vueuse/core").BasicColorMode;
+    preference: import("@vueuse/core").BasicColorMode | "system";
     readonly value: import("@vueuse/core").BasicColorMode;
     forced: boolean;
 };

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

@@ -0,0 +1,8 @@
+import type { AnchorHTMLAttributes as VueAnchorHTMLAttributes, ButtonHTMLAttributes as VueButtonHTMLAttributes, FormHTMLAttributes as VueFormHTMLAttributes, ImgHTMLAttributes as VueImgHTMLAttributes, InputHTMLAttributes as VueInputHTMLAttributes, TableHTMLAttributes as VueTableHTMLAttributes, TextareaHTMLAttributes as VueTextareaHTMLAttributes } from 'vue';
+export type AnchorHTMLAttributes = Pick<VueAnchorHTMLAttributes, 'download' | 'href' | 'hreflang' | 'media' | 'ping' | 'rel' | 'target' | 'type' | 'referrerpolicy'>;
+export type ButtonHTMLAttributes = Pick<VueButtonHTMLAttributes, 'autofocus' | 'disabled' | 'form' | 'formaction' | 'formenctype' | 'formmethod' | 'formnovalidate' | 'formtarget' | 'name' | 'type'>;
+export type FormHTMLAttributes = Pick<VueFormHTMLAttributes, 'acceptcharset' | 'action' | 'autocomplete' | 'enctype' | 'method' | 'name' | 'novalidate' | 'target'>;
+export type ImgHTMLAttributes = Pick<VueImgHTMLAttributes, 'alt' | 'crossorigin' | 'decoding' | 'height' | 'loading' | 'referrerpolicy' | 'sizes' | 'src' | 'srcset' | 'usemap' | 'width'>;
+export type InputHTMLAttributes = Pick<VueInputHTMLAttributes, 'autocomplete' | 'autofocus' | 'disabled' | 'enterKeyHint' | 'form' | 'formaction' | 'formenctype' | 'formmethod' | 'formnovalidate' | 'formtarget' | 'list' | 'max' | 'maxlength' | 'min' | 'minlength' | 'name' | 'pattern' | 'placeholder' | 'readonly' | 'required' | 'size' | 'step' | 'type'>;
+export type TableHTMLAttributes = Pick<VueTableHTMLAttributes, 'cellpadding' | 'cellspacing' | 'summary' | 'width'>;
+export type TextareaHTMLAttributes = Pick<VueTextareaHTMLAttributes, 'autocomplete' | 'autofocus' | 'cols' | 'dirname' | 'disabled' | 'form' | 'maxlength' | 'minlength' | 'name' | 'placeholder' | 'readonly' | 'required' | 'rows' | 'wrap'>;