naive-ui 2.30.8 → 2.31.0

package/es/_internal/scrollbar/src/Scrollbar.js

@@ -569,13 +569,19 @@ const Scrollbar = defineComponent({
                                 this.contentClass
                             ] }, $slots))
                     }))),
-                h("div", { ref: "yRailRef", class: `${mergedClsPrefix}-scrollbar-rail ${mergedClsPrefix}-scrollbar-rail--vertical`, style: this.verticalRailStyle, "aria-hidden": true }, h((triggerIsNone ? Wrapper : Transition), triggerIsNone ? null : { name: 'fade-in-transition' }, {
+                h("div", { ref: "yRailRef", class: [
+                        `${mergedClsPrefix}-scrollbar-rail`,
+                        `${mergedClsPrefix}-scrollbar-rail--vertical`
+                    ], "data-scrollbar-rail": true, style: this.verticalRailStyle, "aria-hidden": true }, h((triggerIsNone ? Wrapper : Transition), triggerIsNone ? null : { name: 'fade-in-transition' }, {
                     default: () => this.needYBar && this.isShowYBar && !this.isIos ? (h("div", { class: `${mergedClsPrefix}-scrollbar-rail__scrollbar`, style: {
                             height: this.yBarSizePx,
                             top: this.yBarTopPx
                         }, onMousedown: this.handleYScrollMouseDown })) : null
                 })),
-                h("div", { ref: "xRailRef", class: `${mergedClsPrefix}-scrollbar-rail ${mergedClsPrefix}-scrollbar-rail--horizontal`, style: this.horizontalRailStyle, "aria-hidden": true }, h((triggerIsNone ? Wrapper : Transition), triggerIsNone ? null : { name: 'fade-in-transition' }, {
+                h("div", { ref: "xRailRef", class: [
+                        `${mergedClsPrefix}-scrollbar-rail`,
+                        `${mergedClsPrefix}-scrollbar-rail--horizontal`
+                    ], style: this.horizontalRailStyle, "data-scrollbar-rail": true, "aria-hidden": true }, h((triggerIsNone ? Wrapper : Transition), triggerIsNone ? null : { name: 'fade-in-transition' }, {
                     default: () => this.needXBar && this.isShowXBar && !this.isIos ? (h("div", { class: `${mergedClsPrefix}-scrollbar-rail__scrollbar`, style: {
                             width: this.xBarSizePx,
                             left: this.xBarLeftPx

package/es/_internal/scrollbar/src/styles/index.cssr.js

@@ -30,6 +30,7 @@ export default cB('scrollbar', `
  position: absolute;
  pointer-events: none;
  user-select: none;
+ -webkit-user-select: none;
  `, [cM('horizontal', `
  left: 2px;
  right: 2px;

package/es/_internal/selection/src/styles/index.cssr.js

@@ -194,6 +194,7 @@ export default c([cB('base-selection', `
  white-space: pre;
  visibility: hidden;
  user-select: none;
+ -webkit-user-select: none;
  opacity: 0;
  `)]), ['warning', 'error'].map(status => cM(`${status}-status`, [cE('state-border', `border: var(--n-border-${status});`), cNotM('disabled', [c('&:hover', [cE('state-border', `
  box-shadow: var(--n-box-shadow-hover-${status});

package/es/_mixins/use-rtl.d.ts

@@ -1,3 +1,3 @@
 import { Ref } from 'vue';
 import { RtlEnabledState, RtlItem } from '../config-provider/src/internal-interface';
-export default function useRtl(mountId: string, rtlStateRef: Ref<RtlEnabledState | undefined> | undefined, clsPrefixRef: Ref<string>): Ref<RtlItem | undefined> | undefined;
+export declare function useRtl(mountId: string, rtlStateRef: Ref<RtlEnabledState | undefined> | undefined, clsPrefixRef: Ref<string>): Ref<RtlItem | undefined> | undefined;

package/es/_mixins/use-rtl.js

@@ -2,7 +2,7 @@ import { onBeforeMount, watchEffect, computed } from 'vue';
 import { exists } from 'css-render';
 import { useSsrAdapter } from '@css-render/vue3-ssr';
 import { cssrAnchorMetaName } from './common';
-export default function useRtl(mountId, rtlStateRef, clsPrefixRef) {
+export function useRtl(mountId, rtlStateRef, clsPrefixRef) {
     if (!rtlStateRef)
         return undefined;
     const ssrAdapter = useSsrAdapter();

package/es/_utils/env/browser.d.ts

@@ -0,0 +1,3 @@
+export declare const isChrome: boolean;
+export declare const isFirefox: boolean;
+export declare const isSafari: boolean;

package/es/_utils/env/browser.js

@@ -0,0 +1,4 @@
+import { isBrowser } from './is-browser';
+export const isChrome = isBrowser && 'chrome' in window;
+export const isFirefox = isBrowser && navigator.userAgent.includes('Firefox');
+export const isSafari = isBrowser && navigator.userAgent.includes('Safari') && !isChrome;

package/es/_utils/env/is-native-lazy-load.d.ts

@@ -0,0 +1 @@
+export declare const isImageSupportNativeLazy = false;

package/es/_utils/env/is-native-lazy-load.js

@@ -0,0 +1,3 @@
+export const isImageSupportNativeLazy = false;
+// Keep it to false currently, we will provide a prop to make it configuable
+// typeof document !== 'undefined' && 'loading' in document.createElement('img')

package/es/affix/index.d.ts

@@ -1,2 +1,2 @@
-export { default as NAffix } from './src/Affix';
+export { default as NAffix, affixProps } from './src/Affix';
 export type { AffixProps } from './src/Affix';

package/es/affix/index.js

@@ -1 +1 @@
-export { default as NAffix } from './src/Affix';
+export { default as NAffix, affixProps } from './src/Affix';

package/es/alert/index.d.ts

@@ -1,2 +1,2 @@
-export { default as NAlert } from './src/Alert';
+export { default as NAlert, alertProps } from './src/Alert';
 export type { AlertProps } from './src/Alert';

package/es/alert/index.js

@@ -1 +1 @@
-export { default as NAlert } from './src/Alert';
+export { default as NAlert, alertProps } from './src/Alert';

package/es/alert/src/Alert.d.ts

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
-declare const alertProps: {
+export declare const alertProps: {
     title: StringConstructor;
     showIcon: {
         type: BooleanConstructor;

package/es/alert/src/Alert.js

@@ -2,12 +2,12 @@ import { h, ref, computed, defineComponent, mergeProps, watchEffect } from 'vue'
 import { getMargin } from 'seemly';
 import { InfoIcon, SuccessIcon, WarningIcon, ErrorIcon } from '../../_internal/icons';
 import { NFadeInExpandTransition, NBaseClose, NBaseIcon } from '../../_internal';
-import useRtl from '../../_mixins/use-rtl';
+import { useRtl } from '../../_mixins/use-rtl';
 import { useConfig, useTheme, useThemeClass } from '../../_mixins';
 import { createKey, resolveSlot, resolveWrappedSlot, warnOnce } from '../../_utils';
 import { alertLight } from '../styles';
 import style from './styles/index.cssr';
-const alertProps = Object.assign(Object.assign({}, useTheme.props), { title: String, showIcon: {
+export const alertProps = Object.assign(Object.assign({}, useTheme.props), { title: String, showIcon: {
         type: Boolean,
         default: true
     }, type: {

package/es/anchor/index.d.ts

@@ -1,4 +1,4 @@
-export { default as NAnchor } from './src/AnchorAdapter';
+export { default as NAnchor, anchorProps } from './src/AnchorAdapter';
 export type { AnchorInst, AnchorProps } from './src/AnchorAdapter';
-export { default as NAnchorLink } from './src/Link';
+export { default as NAnchorLink, anchorLinkProps } from './src/Link';
 export type { AnchorLinkProps } from './src/Link';

package/es/anchor/index.js

@@ -1,2 +1,2 @@
-export { default as NAnchor } from './src/AnchorAdapter';
-export { default as NAnchorLink } from './src/Link';
+export { default as NAnchor, anchorProps } from './src/AnchorAdapter';
+export { default as NAnchorLink, anchorLinkProps } from './src/Link';

package/es/anchor/src/AnchorAdapter.d.ts

@@ -2,7 +2,7 @@ import type { ExtractPublicPropTypes } from '../../_utils';
 export interface AnchorInst {
     scrollTo: (href: string) => void;
 }
-declare const anchorProps: {
+export declare const anchorProps: {
     readonly type: {
         readonly type: import("vue").PropType<"block" | "rail">;
         readonly default: "rail";

package/es/anchor/src/AnchorAdapter.js

@@ -6,7 +6,7 @@ import { keep } from '../../_utils';
 import { anchorLight } from '../styles';
 import style from './styles/index.cssr';
 import NBaseAnchor, { baseAnchorProps, baseAnchorPropKeys } from './BaseAnchor';
-const anchorProps = Object.assign(Object.assign(Object.assign(Object.assign({}, useTheme.props), { affix: Boolean }), affixProps), baseAnchorProps);
+export const anchorProps = Object.assign(Object.assign(Object.assign(Object.assign({}, useTheme.props), { affix: Boolean }), affixProps), baseAnchorProps);
 export default defineComponent({
     name: 'Anchor',
     props: anchorProps,

package/es/anchor/src/Link.d.ts

@@ -9,7 +9,7 @@ export interface AnchorInjection {
     titleEls: HTMLElement[];
 }
 export declare const anchorInjectionKey: import("vue").InjectionKey<AnchorInjection>;
-declare const anchorLinkProps: {
+export declare const anchorLinkProps: {
     readonly title: StringConstructor;
     readonly href: StringConstructor;
 };

package/es/anchor/src/Link.js

@@ -3,7 +3,7 @@ import { useMemo } from 'vooks';
 import { useInjectionCollection, useInjectionElementCollection } from '../../_utils/composable';
 import { createInjectionKey, getTitleAttribute } from '../../_utils';
 export const anchorInjectionKey = createInjectionKey('n-anchor');
-const anchorLinkProps = {
+export const anchorLinkProps = {
     title: String,
     href: String
 };

package/es/auto-complete/index.d.ts

@@ -1,3 +1,3 @@
-export { default as NAutoComplete } from './src/AutoComplete';
+export { default as NAutoComplete, autoCompleteProps } from './src/AutoComplete';
 export type { AutoCompleteProps } from './src/AutoComplete';
 export type { AutoCompleteOption, AutoCompleteGroupOption, AutoCompleteInst } from './src/interface';

package/es/auto-complete/index.js

@@ -1 +1 @@
-export { default as NAutoComplete } from './src/AutoComplete';
+export { default as NAutoComplete, autoCompleteProps } from './src/AutoComplete';

package/es/auto-complete/src/AutoComplete.d.ts

@@ -7,7 +7,7 @@ import type { SelectBaseOption, SelectGroupOption, SelectIgnoredOption } from '.
 import { MaybeArray } from '../../_utils';
 import type { ExtractPublicPropTypes } from '../../_utils';
 import type { AutoCompleteOptions, OnUpdateValue, OnSelect } from './interface';
-declare const autoCompleteProps: {
+export declare const autoCompleteProps: {
     readonly to: {
         type: PropType<string | boolean | HTMLElement>;
         default: undefined;

package/es/auto-complete/src/AutoComplete.js

@@ -11,7 +11,7 @@ import { NInput } from '../../input';
 import { autoCompleteLight } from '../styles';
 import { mapAutoCompleteOptionsToSelectOptions } from './utils';
 import style from './styles/index.cssr';
-const autoCompleteProps = Object.assign(Object.assign({}, useTheme.props), { to: useAdjustedTo.propTo, bordered: {
+export const autoCompleteProps = Object.assign(Object.assign({}, useTheme.props), { to: useAdjustedTo.propTo, bordered: {
         type: Boolean,
         default: undefined
     }, clearable: {

package/es/avatar/index.d.ts

@@ -1,2 +1,2 @@
-export { default as NAvatar } from './src/Avatar';
+export { default as NAvatar, avatarProps } from './src/Avatar';
 export type { AvatarProps } from './src/Avatar';

package/es/avatar/index.js

@@ -1 +1 @@
-export { default as NAvatar } from './src/Avatar';
+export { default as NAvatar, avatarProps } from './src/Avatar';

package/es/avatar/src/Avatar.d.ts

@@ -1,6 +1,7 @@
 import { PropType } from 'vue';
-import type { Size, ObjectFit } from './interface';
+import { IntersectionObserverOptions } from '../../image/src/utils';
 import type { ExtractPublicPropTypes } from '../../_utils';
+import type { Size, ObjectFit } from './interface';
 export declare const avatarProps: {
     readonly size: PropType<Size>;
     readonly src: StringConstructor;
@@ -19,6 +20,8 @@ export declare const avatarProps: {
     };
     readonly onError: PropType<(e: Event) => void>;
     readonly fallbackSrc: StringConstructor;
+    readonly intersectionObserverOptions: PropType<IntersectionObserverOptions>;
+    readonly lazy: BooleanConstructor;
     /** @deprecated */
     readonly color: StringConstructor;
     readonly theme: PropType<import("../../_mixins").Theme<"Avatar", {
@@ -80,6 +83,8 @@ declare const _default: import("vue").DefineComponent<{
     };
     readonly onError: PropType<(e: Event) => void>;
     readonly fallbackSrc: StringConstructor;
+    readonly intersectionObserverOptions: PropType<IntersectionObserverOptions>;
+    readonly lazy: BooleanConstructor;
     /** @deprecated */
     readonly color: StringConstructor;
     readonly theme: PropType<import("../../_mixins").Theme<"Avatar", {
@@ -141,6 +146,10 @@ declare const _default: import("vue").DefineComponent<{
     onRender: (() => void) | undefined;
     hasLoadError: import("vue").Ref<boolean>;
     handleError: (e: Event) => void;
+    imageRef: import("vue").Ref<HTMLImageElement | null>;
+    shouldStartLoading: import("vue").Ref<boolean>;
+    loaded: import("vue").Ref<boolean>;
+    mergedOnLoad: (e: Event) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly size: PropType<Size>;
     readonly src: StringConstructor;
@@ -159,6 +168,8 @@ declare const _default: import("vue").DefineComponent<{
     };
     readonly onError: PropType<(e: Event) => void>;
     readonly fallbackSrc: StringConstructor;
+    readonly intersectionObserverOptions: PropType<IntersectionObserverOptions>;
+    readonly lazy: BooleanConstructor;
     /** @deprecated */
     readonly color: StringConstructor;
     readonly theme: PropType<import("../../_mixins").Theme<"Avatar", {
@@ -201,6 +212,7 @@ declare const _default: import("vue").DefineComponent<{
         colorPopover: string;
     }, any>>>;
 }>>, {
+    readonly lazy: boolean;
     readonly round: boolean;
     readonly circle: boolean;
     readonly bordered: boolean;

package/es/avatar/src/Avatar.js

@@ -1,10 +1,12 @@
-import { h, ref, computed, defineComponent, inject, watch } from 'vue';
+import { h, ref, computed, defineComponent, inject, watch, watchEffect, onMounted, onBeforeUnmount } from 'vue';
 import { VResizeObserver } from 'vueuc';
-import { avatarGroupInjectionKey } from './context';
+import { isImageSupportNativeLazy } from '../../_utils/env/is-native-lazy-load';
+import { observeIntersection } from '../../image/src/utils';
 import { tagInjectionKey } from '../../tag/src/Tag';
 import { useConfig, useTheme, useThemeClass } from '../../_mixins';
-import { avatarLight } from '../styles';
 import { createKey, color2Class, resolveWrappedSlot } from '../../_utils';
+import { avatarLight } from '../styles';
+import { avatarGroupInjectionKey } from './context';
 import style from './styles/index.cssr';
 export const avatarProps = Object.assign(Object.assign({}, useTheme.props), { size: [String, Number], src: String, circle: {
         type: Boolean,
@@ -15,7 +17,7 @@ export const avatarProps = Object.assign(Object.assign({}, useTheme.props), { si
     }, bordered: {
         type: Boolean,
         default: undefined
-    }, onError: Function, fallbackSrc: String, 
+    }, onError: Function, fallbackSrc: String, intersectionObserverOptions: Object, lazy: Boolean, 
     /** @deprecated */
     color: String });
 export default defineComponent({
@@ -72,6 +74,8 @@ export default defineComponent({
             return props.bordered || false;
         });
         const handleError = (e) => {
+            if (!shouldStartLoadingRef.value)
+                return;
             hasLoadErrorRef.value = true;
             const { onError } = props;
             if (onError) {
@@ -130,6 +134,26 @@ export default defineComponent({
                 return hash;
             }), cssVarsRef, props)
             : undefined;
+        const imageRef = ref(null);
+        const shouldStartLoadingRef = ref(!props.lazy);
+        onMounted(() => {
+            if (isImageSupportNativeLazy) {
+                return;
+            }
+            let unobserve;
+            const stopWatchHandle = watchEffect(() => {
+                unobserve === null || unobserve === void 0 ? void 0 : unobserve();
+                unobserve = undefined;
+                if (props.lazy) {
+                    unobserve = observeIntersection(imageRef.value, props.intersectionObserverOptions, shouldStartLoadingRef);
+                }
+            });
+            onBeforeUnmount(() => {
+                stopWatchHandle();
+                unobserve === null || unobserve === void 0 ? void 0 : unobserve();
+            });
+        });
+        const loadedRef = ref(!props.lazy);
         return {
             textRef,
             selfRef,
@@ -140,13 +164,23 @@ export default defineComponent({
             themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
             onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender,
             hasLoadError: hasLoadErrorRef,
-            handleError
+            handleError,
+            imageRef,
+            shouldStartLoading: shouldStartLoadingRef,
+            loaded: loadedRef,
+            mergedOnLoad: (e) => {
+                const { onLoad } = props;
+                onLoad === null || onLoad === void 0 ? void 0 : onLoad(e);
+                loadedRef.value = true;
+            }
         };
     },
     render() {
-        const { $slots, src, mergedClsPrefix, onRender } = this;
+        var _a, _b;
+        const { $slots, src, mergedClsPrefix, lazy, onRender, mergedOnLoad, shouldStartLoading, loaded } = this;
         onRender === null || onRender === void 0 ? void 0 : onRender();
         let img;
+        const placeholderNode = (_b = (_a = this.$slots).placeholder) === null || _b === void 0 ? void 0 : _b.call(_a);
         if (this.hasLoadError) {
             img = h("img", { src: this.fallbackSrc, style: { objectFit: this.objectFit } });
         }
@@ -158,10 +192,29 @@ export default defineComponent({
                     }));
                 }
                 else if (src) {
-                    return (h("img", { src: src, onError: this.handleError, style: { objectFit: this.objectFit } }));
+                    return h('img', {
+                        loading: lazy ? 'lazy' : 'eager',
+                        ref: 'imageRef',
+                        src: isImageSupportNativeLazy
+                            ? src
+                            : shouldStartLoading || loaded
+                                ? src
+                                : undefined,
+                        onLoad: mergedOnLoad,
+                        'data-image-src': src,
+                        onError: this.handleError,
+                        style: [
+                            { objectFit: this.objectFit },
+                            placeholderNode && !loaded
+                                ? { height: '0', width: '0', visibility: 'hidden' }
+                                : ''
+                        ]
+                    });
                 }
             });
         }
-        return (h("span", { ref: "selfRef", class: [`${mergedClsPrefix}-avatar`, this.themeClass], style: this.cssVars }, img));
+        return (h("span", { ref: "selfRef", class: [`${mergedClsPrefix}-avatar`, this.themeClass], style: this.cssVars },
+            img,
+            lazy && !loaded && placeholderNode));
     }
 });

package/es/avatar-group/index.d.ts

@@ -1,2 +1,2 @@
-export { default as NAvatarGroup } from './src/AvatarGroup';
+export { default as NAvatarGroup, avatarGroupProps } from './src/AvatarGroup';
 export type { AvatarGroupProps } from './src/AvatarGroup';

package/es/avatar-group/index.js

@@ -1 +1 @@
-export { default as NAvatarGroup } from './src/AvatarGroup';
+export { default as NAvatarGroup, avatarGroupProps } from './src/AvatarGroup';

package/es/avatar-group/src/AvatarGroup.d.ts

@@ -7,7 +7,7 @@ export interface AvatarGroupInjection {
 interface AvatarOption {
     src: string;
 }
-declare const avatarGroupProps: {
+export declare const avatarGroupProps: {
     readonly max: NumberConstructor;
     readonly maxStyle: PropType<string | CSSProperties>;
     readonly options: {

package/es/avatar-group/src/AvatarGroup.js

@@ -3,9 +3,9 @@ import { avatarGroupInjectionKey } from '../../avatar/src/context';
 import NAvatar from '../../avatar/src/Avatar';
 import { useConfig, useTheme } from '../../_mixins';
 import style from './styles/avatar-group.cssr';
-import useRtl from '../../_mixins/use-rtl';
+import { useRtl } from '../../_mixins/use-rtl';
 import { avatarGroupLight } from '../styles';
-const avatarGroupProps = Object.assign(Object.assign({}, useTheme.props), { max: Number, maxStyle: [Object, String], options: {
+export const avatarGroupProps = Object.assign(Object.assign({}, useTheme.props), { max: Number, maxStyle: [Object, String], options: {
         type: Array,
         default: () => []
     }, vertical: Boolean, size: [String, Number] });

package/es/back-top/index.d.ts

@@ -1,2 +1,2 @@
-export { default as NBackTop } from './src/BackTop';
+export { default as NBackTop, backTopProps } from './src/BackTop';
 export type { BackTopProps } from './src/BackTop';

package/es/back-top/index.js

@@ -1 +1 @@
-export { default as NBackTop } from './src/BackTop';
+export { default as NBackTop, backTopProps } from './src/BackTop';

package/es/back-top/src/BackTop.d.ts

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
-declare const backTopProps: {
+export declare const backTopProps: {
     readonly show: {
         readonly type: PropType<boolean | undefined>;
         readonly default: undefined;

package/es/back-top/src/BackTop.js

@@ -8,7 +8,7 @@ import { lockHtmlScrollRightCompensationRef, formatLength, resolveSlot, isDocume
 import { backTopLight } from '../styles';
 import BackTopIcon from './BackTopIcon';
 import style from './styles/index.cssr';
-const backTopProps = Object.assign(Object.assign({}, useTheme.props), { show: {
+export const backTopProps = Object.assign(Object.assign({}, useTheme.props), { show: {
         type: Boolean,
         default: undefined
     }, right: {

package/es/badge/index.d.ts

@@ -1,2 +1,2 @@
-export { default as NBadge } from './src/Badge';
+export { default as NBadge, badgeProps } from './src/Badge';
 export type { BadgeProps } from './src/Badge';

package/es/badge/index.js

@@ -1 +1 @@
-export { default as NBadge } from './src/Badge';
+export { default as NBadge, badgeProps } from './src/Badge';

package/es/badge/src/Badge.d.ts

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
-declare const badgeProps: {
+export declare const badgeProps: {
     readonly value: PropType<string | number>;
     readonly max: NumberConstructor;
     readonly dot: BooleanConstructor;

package/es/badge/src/Badge.js

@@ -4,8 +4,8 @@ import { NBaseSlotMachine, NBaseWave } from '../../_internal';
 import { color2Class, createKey, getTitleAttribute, isSlotEmpty, resolveSlot } from '../../_utils';
 import { badgeLight } from '../styles';
 import style from './styles/index.cssr';
-import useRtl from '../../_mixins/use-rtl';
-const badgeProps = Object.assign(Object.assign({}, useTheme.props), { value: [String, Number], max: Number, dot: Boolean, type: {
+import { useRtl } from '../../_mixins/use-rtl';
+export const badgeProps = Object.assign(Object.assign({}, useTheme.props), { value: [String, Number], max: Number, dot: Boolean, type: {
         type: String,
         default: 'default'
     }, show: {

package/es/breadcrumb/index.d.ts

@@ -1,4 +1,4 @@
-export { default as NBreadcrumb } from './src/Breadcrumb';
-export { default as NBreadcrumbItem } from './src/BreadcrumbItem';
+export { default as NBreadcrumb, breadcrumbProps } from './src/Breadcrumb';
+export { default as NBreadcrumbItem, breadcrumbItemProps } from './src/BreadcrumbItem';
 export type { BreadcrumbProps } from './src/Breadcrumb';
 export type { BreadcrumbItemProps } from './src/BreadcrumbItem';

package/es/breadcrumb/index.js

@@ -1,2 +1,2 @@
-export { default as NBreadcrumb } from './src/Breadcrumb';
-export { default as NBreadcrumbItem } from './src/BreadcrumbItem';
+export { default as NBreadcrumb, breadcrumbProps } from './src/Breadcrumb';
+export { default as NBreadcrumbItem, breadcrumbItemProps } from './src/BreadcrumbItem';

package/es/breadcrumb/src/Breadcrumb.d.ts

@@ -5,7 +5,7 @@ export interface BreadcrumbInjection {
     mergedClsPrefixRef: Ref<string>;
 }
 export declare const breadcrumbInjectionKey: import("vue").InjectionKey<BreadcrumbInjection>;
-declare const breadcrumbProps: {
+export declare const breadcrumbProps: {
     readonly separator: {
         readonly type: StringConstructor;
         readonly default: "/";

package/es/breadcrumb/src/Breadcrumb.js

@@ -4,7 +4,7 @@ import { breadcrumbLight } from '../styles';
 import style from './styles/index.cssr';
 import { createInjectionKey } from '../../_utils';
 export const breadcrumbInjectionKey = createInjectionKey('n-breadcrumb');
-const breadcrumbProps = Object.assign(Object.assign({}, useTheme.props), { separator: {
+export const breadcrumbProps = Object.assign(Object.assign({}, useTheme.props), { separator: {
         type: String,
         default: '/'
     } });

package/es/breadcrumb/src/BreadcrumbItem.d.ts

@@ -1,5 +1,5 @@
 import { ExtractPropTypes, PropType } from 'vue';
-declare const breadcrumbItemProps: {
+export declare const breadcrumbItemProps: {
     readonly separator: StringConstructor;
     readonly href: StringConstructor;
     readonly clickable: {

package/es/breadcrumb/src/BreadcrumbItem.js

@@ -2,7 +2,7 @@ import { h, defineComponent, inject, computed } from 'vue';
 import { resolveSlot, warn } from '../../_utils';
 import { useBrowserLocation } from '../../_utils/composable/use-browser-location';
 import { breadcrumbInjectionKey } from './Breadcrumb';
-const breadcrumbItemProps = {
+export const breadcrumbItemProps = {
     separator: String,
     href: String,
     clickable: {

package/es/breadcrumb/src/styles/index.cssr.js

@@ -60,6 +60,7 @@ export default cB('breadcrumb', `
  color: var(--n-separator-color);
  transition: color .3s var(--n-bezier);
  user-select: none;
+ -webkit-user-select: none;
  `), c('&:last-child', [cE('link', `
  font-weight: var(--n-font-weight-active);
  cursor: unset;

package/es/button/index.d.ts

@@ -1,2 +1,2 @@
-export { default as NButton, XButton as NxButton } from './src/Button';
+export { default as NButton, XButton as NxButton, buttonProps } from './src/Button';
 export type { ButtonProps } from './src/Button';

package/es/button/index.js

@@ -1 +1 @@
-export { default as NButton, XButton as NxButton } from './src/Button';
+export { default as NButton, XButton as NxButton, buttonProps } from './src/Button';

package/es/button/src/Button.d.ts

@@ -1,7 +1,7 @@
 import { PropType, ButtonHTMLAttributes, ExtractPropTypes } from 'vue';
 import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
 import type { Type, Size } from './interface';
-declare const buttonProps: {
+export declare const buttonProps: {
     readonly color: StringConstructor;
     readonly textColor: StringConstructor;
     readonly text: BooleanConstructor;
@@ -46,7 +46,10 @@ declare const buttonProps: {
         readonly default: true;
     };
     readonly onClick: PropType<MaybeArray<(e: MouseEvent) => void>>;
-    readonly nativeFocusBehavior: BooleanConstructor;
+    readonly nativeFocusBehavior: {
+        readonly type: BooleanConstructor;
+        readonly default: boolean;
+    };
     readonly theme: PropType<import("../../_mixins").Theme<"Button", {
         heightTiny: string;
         heightSmall: string;
@@ -706,7 +709,10 @@ declare const Button: import("vue").DefineComponent<{
         readonly default: true;
     };
     readonly onClick: PropType<MaybeArray<(e: MouseEvent) => void>>;
-    readonly nativeFocusBehavior: BooleanConstructor;
+    readonly nativeFocusBehavior: {
+        readonly type: BooleanConstructor;
+        readonly default: boolean;
+    };
     readonly theme: PropType<import("../../_mixins").Theme<"Button", {
         heightTiny: string;
         heightSmall: string;
@@ -1420,7 +1426,10 @@ declare const Button: import("vue").DefineComponent<{
         readonly default: true;
     };
     readonly onClick: PropType<MaybeArray<(e: MouseEvent) => void>>;
-    readonly nativeFocusBehavior: BooleanConstructor;
+    readonly nativeFocusBehavior: {
+        readonly type: BooleanConstructor;
+        readonly default: boolean;
+    };
     readonly theme: PropType<import("../../_mixins").Theme<"Button", {
         heightTiny: string;
         heightSmall: string;