@bitrix24/b24ui-nuxt 2.1.17 → 2.3.0

package/dist/runtime/vue/components/color-mode/ColorModeSelect.vue

@@ -25,6 +25,8 @@ const props = defineProps({
   required: { type: Boolean, required: false },
   trailingIcon: { type: [Function, Object], required: false },
   selectedIcon: { type: [Function, Object], required: false },
+  clear: { type: [Boolean, Object], required: false },
+  clearIcon: { type: [Function, Object], required: false },
   content: { type: Object, required: false },
   arrow: { type: [Boolean, Object], required: false },
   portal: { type: [Boolean, String], required: false, skipCheck: true },
@@ -42,14 +44,16 @@ const props = defineProps({
   autofocus: { type: Boolean, required: false },
   autofocusDelay: { type: Number, required: false },
   class: { type: null, required: false },
-  b24ui: { type: null, required: false },
+  b24ui: { type: Object, 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 },
+  resetModelValueOnClear: { type: Boolean, required: false },
   highlightOnHover: { type: Boolean, required: false },
+  by: { type: [String, Function], required: false },
   avatar: { type: Object, required: false },
   loading: { type: Boolean, required: false },
   trailing: { type: Boolean, required: false }

package/dist/runtime/vue/components/color-mode/ColorModeSelect.vue.d.ts

@@ -1,6 +1,8 @@
 import type { SelectMenuProps, SelectMenuItem } from '../../../types';
 export interface ColorModeSelectProps extends Omit<SelectMenuProps<SelectMenuItem[]>, 'icon' | 'items' | 'modelValue'> {
 }
-declare const __VLS_export: import("vue").DefineComponent<ColorModeSelectProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColorModeSelectProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;
+declare const __VLS_export: import("vue").DefineComponent<ColorModeSelectProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColorModeSelectProps> & Readonly<{}>, {
+    searchInput: boolean | import("../../../types").InputProps;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/vue/components/color-mode/ColorModeSwitch.d.vue.ts

@@ -1,6 +1,6 @@
 import type { SwitchProps } from '../../../types';
 export interface ColorModeSwitchProps extends Omit<SwitchProps, 'checkedIcon' | 'uncheckedIcon' | 'modelValue'> {
 }
-declare const __VLS_export: import("vue").DefineComponent<ColorModeSwitchProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColorModeSwitchProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;
+declare const __VLS_export: import("vue").DefineComponent<ColorModeSwitchProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColorModeSwitchProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/vue/components/color-mode/ColorModeSwitch.vue

@@ -19,7 +19,7 @@ const props = defineProps({
   label: { type: String, required: false },
   description: { type: String, required: false },
   class: { type: null, required: false },
-  b24ui: { type: null, required: false },
+  b24ui: { type: Object, required: false },
   disabled: { type: Boolean, required: false },
   id: { type: String, required: false },
   name: { type: String, required: false },

package/dist/runtime/vue/components/color-mode/ColorModeSwitch.vue.d.ts

@@ -1,6 +1,6 @@
 import type { SwitchProps } from '../../../types';
 export interface ColorModeSwitchProps extends Omit<SwitchProps, 'checkedIcon' | 'uncheckedIcon' | 'modelValue'> {
 }
-declare const __VLS_export: import("vue").DefineComponent<ColorModeSwitchProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColorModeSwitchProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;
+declare const __VLS_export: import("vue").DefineComponent<ColorModeSwitchProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColorModeSwitchProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -1,5 +1,5 @@
 import type { InertiaLinkProps } from '@inertiajs/vue3';
-import type { ButtonHTMLAttributes, AnchorHTMLAttributes } from '../../types/html';
+import type { ButtonHTMLAttributes, AnchorHTMLAttributes } from '../../../types/html';
 export interface LinkProps extends Partial<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.
@@ -61,9 +61,15 @@ export interface LinkSlots {
         active: boolean;
     }): any;
 }
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<LinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, LinkSlots>;
 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: "page" | "step" | "location" | "date" | "time" | "true" | "false";
+    isAction: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, LinkSlots>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

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

@@ -10,9 +10,9 @@ import { reactiveOmit } from "@vueuse/core";
 import { usePage } from "@inertiajs/vue3";
 import { hasProtocol } from "ufo";
 import { useAppConfig } from "#imports";
-import { tv } from "../../utils/tv";
-import { mergeClasses } from "../../utils";
-import B24LinkBase from "../../components/LinkBase.vue";
+import { tv } from "../../../utils/tv";
+import { mergeClasses } from "../../../utils";
+import B24LinkBase from "./LinkBase.vue";
 defineOptions({ inheritAttrs: false });
 const props = defineProps({
   as: { type: null, required: false, default: "button" },
@@ -54,6 +54,7 @@ const props = defineProps({
   onCancel: { type: Function, required: false },
   onSuccess: { type: Function, required: false },
   onError: { type: Function, required: false },
+  onFlash: { type: Function, required: false },
   onPrefetched: { type: Function, required: false },
   onPrefetching: { type: Function, required: false },
   prefetch: { type: [Boolean, String, Array], required: false },

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

@@ -1,5 +1,5 @@
 import type { InertiaLinkProps } from '@inertiajs/vue3';
-import type { ButtonHTMLAttributes, AnchorHTMLAttributes } from '../../types/html';
+import type { ButtonHTMLAttributes, AnchorHTMLAttributes } from '../../../types/html';
 export interface LinkProps extends Partial<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.
@@ -61,9 +61,15 @@ export interface LinkSlots {
         active: boolean;
     }): any;
 }
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<LinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, LinkSlots>;
 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: "page" | "step" | "location" | "date" | "time" | "true" | "false";
+    isAction: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, LinkSlots>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

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,13 +10,16 @@ export interface LinkBaseProps {
     active?: boolean;
     isExternal?: boolean;
 }
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<LinkBaseProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkBaseProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+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<{}>, {
+    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,13 +10,16 @@ export interface LinkBaseProps {
     active?: boolean;
     isExternal?: boolean;
 }
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<LinkBaseProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkBaseProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+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<{}>, {
+    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,79 @@
+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`, uses special underlined styling. */
+    isAction?: 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;
+    isAction: boolean;
+}, {}, {}, {}, 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,136 @@
+<script>
+import theme from "#build/b24ui/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 B24LinkBase 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 },
+  isAction: { type: Boolean, required: false, default: 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 b24ui = computed(() => tv({
+  extend: tv(theme),
+  ...defu({
+    variants: {
+      active: {
+        true: mergeClasses(appConfig.b24ui?.link?.variants?.active?.true, props.activeClass),
+        false: mergeClasses(appConfig.b24ui?.link?.variants?.active?.false, props.inactiveClass)
+      }
+    }
+  }, appConfig.b24ui?.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 b24ui.value({
+    class: props.class,
+    active,
+    disabled: props.disabled,
+    isAction: Boolean(props.isAction)
+  });
+});
+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("bitrix24ui: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>
+  <B24LinkBase
+    v-else
+    v-bind="{
+  ...$attrs,
+  as,
+  type,
+  disabled,
+  href,
+  navigate,
+  rel: linkRel,
+  target: target || (isExternal ? '_blank' : void 0),
+  isExternal
+}"
+    :class="linkClass"
+  >
+    <slot :active="isLinkActive" />
+  </B24LinkBase>
+</template>

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

@@ -0,0 +1,79 @@
+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`, uses special underlined styling. */
+    isAction?: 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;
+    isAction: boolean;
+}, {}, {}, {}, 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.
@@ -54,9 +54,15 @@ export interface LinkSlots {
         active: boolean;
     }): any;
 }
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<LinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, LinkSlots>;
 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: "page" | "step" | "location" | "date" | "time" | "true" | "false";
+    isAction: boolean;
+}, {}, {}, {}, 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.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 B24LinkBase from "../../components/LinkBase.vue";
+import { tv } from "../../../utils/tv";
+import { mergeClasses } from "../../../utils";
+import { isPartiallyEqual } from "../../../utils/link";
+import B24LinkBase from "../../../components/LinkBase.vue";
 defineOptions({ inheritAttrs: false });
 const props = defineProps({
   as: { type: null, required: false, default: "button" },
@@ -168,7 +168,7 @@ function resolveLinkClass({ route: route2, isActive, isExactActive } = {}) {
   href: to,
   rel,
   target,
-  active,
+  active: active ?? false,
   isExternal
 }"
       />
@@ -187,7 +187,7 @@ function resolveLinkClass({ route: route2, isActive, isExactActive } = {}) {
 }"
       :class="resolveLinkClass()"
     >
-      <slot :active="active" />
+      <slot :active="active ?? false" />
     </B24LinkBase>
   </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.
@@ -54,9 +54,15 @@ export interface LinkSlots {
         active: boolean;
     }): any;
 }
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<LinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, LinkSlots>;
 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: "page" | "step" | "location" | "date" | "time" | "true" | "false";
+    isAction: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, LinkSlots>;
 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("bitrix24ui:router", options.router);
+    }
+  }
+};

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

@@ -1,13 +1,12 @@
 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 { useConfetti } from '../composables/useConfetti';
-export { useOverlay } from '../composables/useOverlay';
+export { useAppConfig } from '../composables/useAppConfig';
+export { defineShortcuts } from '../../composables/defineShortcuts';
+export { defineLocale } from '../../composables/defineLocale';
+export { useLocale } from '../../composables/useLocale';
+export { useConfetti } from '../../composables/useConfetti';
+export { useOverlay } from '../../composables/useOverlay';
 export declare const clearError: () => void;
 /**
  * @memo need add for prose components

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

@@ -3,13 +3,12 @@ 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 { useConfetti } from "../composables/useConfetti.js";
-export { useOverlay } from "../composables/useOverlay.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 { useConfetti } from "../../composables/useConfetti.js";
+export { useOverlay } from "../../composables/useOverlay.js";
 export const clearError = () => {
 };
 export const useRuntimeConfig = () => {

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 = () => {
+};