naive-ui 2.21.5 → 2.23.2

package/lib/_mixins/index.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useHljs = exports.useStyle = exports.useLocale = exports.defaultClsPrefix = exports.useConfig = exports.createTheme = exports.useTheme = exports.useFormItem = void 0;
+exports.useCssVarsClass = exports.useHljs = exports.useStyle = exports.useLocale = exports.defaultClsPrefix = exports.useConfig = exports.createTheme = exports.useTheme = exports.useFormItem = void 0;
 var use_form_item_1 = require("./use-form-item");
 Object.defineProperty(exports, "useFormItem", { enumerable: true, get: function () { return __importDefault(use_form_item_1).default; } });
 var use_theme_1 = require("./use-theme");
@@ -18,3 +18,5 @@ var use_style_1 = require("./use-style");
 Object.defineProperty(exports, "useStyle", { enumerable: true, get: function () { return __importDefault(use_style_1).default; } });
 var use_hljs_1 = require("./use-hljs");
 Object.defineProperty(exports, "useHljs", { enumerable: true, get: function () { return __importDefault(use_hljs_1).default; } });
+var use_css_vars_class_1 = require("./use-css-vars-class");
+Object.defineProperty(exports, "useCssVarsClass", { enumerable: true, get: function () { return use_css_vars_class_1.useCssVarsClass; } });

package/lib/_mixins/use-css-vars-class.d.ts

@@ -0,0 +1,2 @@
+import { Ref } from 'vue';
+export declare function useCssVarsClass(cssVarsRef: Ref<Record<string, string>>): Ref<string>;

package/lib/_mixins/use-css-vars-class.js

@@ -0,0 +1,29 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCssVarsClass = void 0;
+const vue_1 = require("vue");
+const hash_1 = __importDefault(require("@emotion/hash"));
+const cssr_1 = require("../_utils/cssr");
+// window.xxx = 0
+function useCssVarsClass(cssVarsRef) {
+    const cssVarsClassRef = (0, vue_1.ref)('');
+    (0, vue_1.watchEffect)(() => {
+        // window.xxx -= performance.now()
+        const cssVars = cssVarsRef.value;
+        let style = '';
+        for (const key in cssVars) {
+            style += `${key}: ${cssVars[key]};`;
+        }
+        const styleHash = (0, hash_1.default)(style);
+        cssVarsClassRef.value = `c${styleHash}`;
+        (0, cssr_1.c)(`.c${styleHash}`, style).mount({
+            id: styleHash
+        });
+        // window.xxx += performance.now()
+    });
+    return cssVarsClassRef;
+}
+exports.useCssVarsClass = useCssVarsClass;

package/lib/_mixins/use-rtl.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const vue_1 = require("vue");
 const css_render_1 = require("css-render");
 const vue3_ssr_1 = require("@css-render/vue3-ssr");
+const common_1 = require("./common");
 function useRtl(mountId, rtlStateRef, clsPrefixRef) {
     if (!rtlStateRef)
         return undefined;
@@ -33,6 +34,7 @@ function useRtl(mountId, rtlStateRef, clsPrefixRef) {
             componentRtlState.style.mount({
                 id,
                 head: true,
+                anchorMetaName: common_1.cssrAnchorMetaName,
                 props: {
                     bPrefix: clsPrefix ? `.${clsPrefix}-` : undefined
                 },

package/lib/_mixins/use-style.js

@@ -7,6 +7,7 @@ const vue_1 = require("vue");
 const vue3_ssr_1 = require("@css-render/vue3-ssr");
 const index_cssr_1 = __importDefault(require("../_styles/global/index.cssr"));
 const _utils_1 = require("../_utils");
+const common_1 = require("./common");
 function useStyle(mountId, style, clsPrefixRef) {
     if (!style) {
         if (process.env.NODE_ENV !== 'production')
@@ -19,6 +20,7 @@ function useStyle(mountId, style, clsPrefixRef) {
         style.mount({
             id: clsPrefix === undefined ? mountId : clsPrefix + mountId,
             head: true,
+            anchorMetaName: common_1.cssrAnchorMetaName,
             props: {
                 bPrefix: clsPrefix ? `.${clsPrefix}-` : undefined
             },
@@ -27,6 +29,7 @@ function useStyle(mountId, style, clsPrefixRef) {
         index_cssr_1.default.mount({
             id: 'naive-ui/global',
             head: true,
+            anchorMetaName: common_1.cssrAnchorMetaName,
             ssr: ssrAdapter
         });
     };

package/lib/_mixins/use-theme.js

@@ -10,6 +10,7 @@ const lodash_1 = require("lodash");
 const vue3_ssr_1 = require("@css-render/vue3-ssr");
 const index_cssr_1 = __importDefault(require("../_styles/global/index.cssr"));
 const ConfigProvider_1 = require("../config-provider/src/ConfigProvider");
+const common_1 = require("./common");
 function createTheme(theme) {
     return theme;
 }
@@ -25,11 +26,13 @@ function useTheme(resolveId, mountId, style, defaultTheme, props, clsPrefixRef)
                 props: {
                     bPrefix: clsPrefix ? `.${clsPrefix}-` : undefined
                 },
+                anchorMetaName: common_1.cssrAnchorMetaName,
                 ssr: ssrAdapter
             });
             index_cssr_1.default.mount({
                 id: 'naive-ui/global',
                 head: true,
+                anchorMetaName: common_1.cssrAnchorMetaName,
                 ssr: ssrAdapter
             });
         };

package/lib/_utils/composable/use-houdini.js

@@ -1,29 +1,32 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useHoudini = void 0;
-const vue_1 = require("vue");
 let houdiniRegistered = false;
 function useHoudini() {
-    (0, vue_1.onBeforeMount)(() => {
-        var _a;
-        if (!houdiniRegistered) {
-            houdiniRegistered = true;
-            if ((_a = window === null || window === void 0 ? void 0 : window.CSS) === null || _a === void 0 ? void 0 : _a.registerProperty) {
+    if (typeof window === 'undefined')
+        return;
+    if (!window.CSS)
+        return;
+    if (!houdiniRegistered) {
+        houdiniRegistered = true;
+        if ('registerProperty' in (window === null || window === void 0 ? void 0 : window.CSS)) {
+            try {
                 ;
                 CSS.registerProperty({
-                    name: '--color-start',
+                    name: '--n-color-start',
                     syntax: '<color>',
                     inherits: false,
                     initialValue: '#0000'
                 });
                 CSS.registerProperty({
-                    name: '--color-end',
+                    name: '--n-color-end',
                     syntax: '<color>',
                     inherits: false,
                     initialValue: '#0000'
                 });
             }
+            catch (e) { }
         }
-    });
+    }
 }
 exports.useHoudini = useHoudini;

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

@@ -528,26 +528,26 @@ declare const _default: import("vue").DefineComponent<{
         };
     }>;
     cssVars: import("vue").ComputedRef<{
-        '--bezier': string;
-        '--color': string;
-        '--close-color': string;
-        '--close-color-hover': string;
-        '--close-color-pressed': string;
-        '--icon-color': string;
-        '--border': string;
-        '--title-text-color': string;
-        '--content-text-color': string;
-        '--line-height': string;
-        '--border-radius': string;
-        '--font-size': string;
-        '--title-font-weight': string;
-        '--icon-size': string;
-        '--icon-margin': string;
-        '--close-size': string;
-        '--close-margin': string;
-        '--padding': string;
-        '--icon-margin-left': string;
-        '--icon-margin-right': string;
+        '--n-bezier': string;
+        '--n-color': string;
+        '--n-close-color': string;
+        '--n-close-color-hover': string;
+        '--n-close-color-pressed': string;
+        '--n-icon-color': string;
+        '--n-border': string;
+        '--n-title-text-color': string;
+        '--n-content-text-color': string;
+        '--n-line-height': string;
+        '--n-border-radius': string;
+        '--n-font-size': string;
+        '--n-title-font-weight': string;
+        '--n-icon-size': string;
+        '--n-icon-margin': string;
+        '--n-close-size': string;
+        '--n-close-margin': string;
+        '--n-padding': string;
+        '--n-icon-margin-left': string;
+        '--n-icon-margin-right': string;
     }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     title?: unknown;
@@ -562,8 +562,8 @@ declare const _default: import("vue").DefineComponent<{
     builtinThemeOverrides?: unknown;
 } & {
     type: "default" | "error" | "info" | "success" | "warning";
-    closable: boolean;
     showIcon: boolean;
+    closable: boolean;
 } & {
     onAfterLeave?: Function | undefined;
     title?: string | undefined;
@@ -726,8 +726,8 @@ declare const _default: import("vue").DefineComponent<{
     type: "default" | "error" | "info" | "success" | "warning";
     onAfterLeave: Function;
     title: string;
-    closable: boolean;
     showIcon: boolean;
+    closable: boolean;
     onAfterHide: Function;
 }>;
 export default _default;

package/lib/alert/src/Alert.js

@@ -49,26 +49,26 @@ exports.default = (0, vue_1.defineComponent)({
             const { type } = props;
             const { left, right } = (0, seemly_1.getMargin)(iconMargin);
             return {
-                '--bezier': cubicBezierEaseInOut,
-                '--color': self[(0, _utils_1.createKey)('color', type)],
-                '--close-color': self[(0, _utils_1.createKey)('closeColor', type)],
-                '--close-color-hover': self[(0, _utils_1.createKey)('closeColorHover', type)],
-                '--close-color-pressed': self[(0, _utils_1.createKey)('closeColorPressed', type)],
-                '--icon-color': self[(0, _utils_1.createKey)('iconColor', type)],
-                '--border': self[(0, _utils_1.createKey)('border', type)],
-                '--title-text-color': self[(0, _utils_1.createKey)('titleTextColor', type)],
-                '--content-text-color': self[(0, _utils_1.createKey)('contentTextColor', type)],
-                '--line-height': lineHeight,
-                '--border-radius': borderRadius,
-                '--font-size': fontSize,
-                '--title-font-weight': titleFontWeight,
-                '--icon-size': iconSize,
-                '--icon-margin': iconMargin,
-                '--close-size': closeSize,
-                '--close-margin': closeMargin,
-                '--padding': padding,
-                '--icon-margin-left': left,
-                '--icon-margin-right': right
+                '--n-bezier': cubicBezierEaseInOut,
+                '--n-color': self[(0, _utils_1.createKey)('color', type)],
+                '--n-close-color': self[(0, _utils_1.createKey)('closeColor', type)],
+                '--n-close-color-hover': self[(0, _utils_1.createKey)('closeColorHover', type)],
+                '--n-close-color-pressed': self[(0, _utils_1.createKey)('closeColorPressed', type)],
+                '--n-icon-color': self[(0, _utils_1.createKey)('iconColor', type)],
+                '--n-border': self[(0, _utils_1.createKey)('border', type)],
+                '--n-title-text-color': self[(0, _utils_1.createKey)('titleTextColor', type)],
+                '--n-content-text-color': self[(0, _utils_1.createKey)('contentTextColor', type)],
+                '--n-line-height': lineHeight,
+                '--n-border-radius': borderRadius,
+                '--n-font-size': fontSize,
+                '--n-title-font-weight': titleFontWeight,
+                '--n-icon-size': iconSize,
+                '--n-icon-margin': iconMargin,
+                '--n-close-size': closeSize,
+                '--n-close-margin': closeMargin,
+                '--n-padding': padding,
+                '--n-icon-margin-left': left,
+                '--n-icon-margin-right': right
             };
         });
         const visibleRef = (0, vue_1.ref)(true);
@@ -131,9 +131,9 @@ exports.default = (0, vue_1.defineComponent)({
                         }
                     })))),
                     (0, vue_1.h)("div", { class: `${mergedClsPrefix}-alert-body` },
-                        this.title !== undefined && ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-alert-body__title` }, (0, vue_1.renderSlot)($slots, 'header', undefined, () => [
+                        this.title || $slots.header ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-alert-body__title` }, (0, vue_1.renderSlot)($slots, 'header', undefined, () => [
                             this.title
-                        ]))),
+                        ]))) : null,
                         $slots.default && ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-alert-body__content` }, $slots))))) : null;
             }
         }));

package/lib/alert/src/styles/index.cssr.js

@@ -13,46 +13,46 @@ Object.defineProperty(exports, "__esModule", {
 const cssr_1 = require("../../../_utils/cssr");
 
 const fade_in_height_expand_cssr_1 = __importDefault(require("../../../_styles/transitions/fade-in-height-expand.cssr")); // vars:
-// --bezier
-// --color
-// --close-color
-// --close-color-hover
-// --close-color-pressed
-// --icon-color
-// --border
-// --title-text-color
-// --content-text-color
-// --line-height
-// --border-radius
-// --font-size
-// --title-font-weight
-// --icon-size
-// --icon-margin
-// --close-size
-// --close-margin
-// --padding
-// --icon-margin-left
-// --icon-margin-right
+// --n-bezier
+// --n-color
+// --n-close-color
+// --n-close-color-hover
+// --n-close-color-pressed
+// --n-icon-color
+// --n-border
+// --n-title-text-color
+// --n-content-text-color
+// --n-line-height
+// --n-border-radius
+// --n-font-size
+// --n-title-font-weight
+// --n-icon-size
+// --n-icon-margin
+// --n-close-size
+// --n-close-margin
+// --n-padding
+// --n-icon-margin-left
+// --n-icon-margin-right
 
 
 exports.default = (0, cssr_1.cB)('alert', `
- line-height: var(--line-height);
- border-radius: var(--border-radius);
+ line-height: var(--n-line-height);
+ border-radius: var(--n-border-radius);
  position: relative;
- transition: background-color .3s var(--bezier);
- background-color: var(--color);
+ transition: background-color .3s var(--n-bezier);
+ background-color: var(--n-color);
  text-align: start;
 `, [(0, cssr_1.cE)('icon', {
-  color: 'var(--icon-color)'
+  color: 'var(--n-icon-color)'
 }), (0, cssr_1.cB)('alert-body', {
-  border: 'var(--border)',
-  padding: 'var(--padding)'
+  border: 'var(--n-border)',
+  padding: 'var(--n-padding)'
 }, [(0, cssr_1.cE)('title', {
-  color: 'var(--title-text-color)'
+  color: 'var(--n-title-text-color)'
 }), (0, cssr_1.cE)('content', {
-  color: 'var(--content-text-color)'
+  color: 'var(--n-content-text-color)'
 })]), (0, fade_in_height_expand_cssr_1.default)({
-  originalTransition: 'transform .3s var(--bezier)',
+  originalTransition: 'transform .3s var(--n-bezier)',
   enterToProps: {
     transform: 'scale(1)'
   },
@@ -66,32 +66,32 @@ exports.default = (0, cssr_1.cB)('alert', `
  align-items: center;
  justify-content: center;
  display: flex;
- width: var(--icon-size);
- height: var(--icon-size);
- font-size: var(--icon-size);
- margin: var(--icon-margin);
+ width: var(--n-icon-size);
+ height: var(--n-icon-size);
+ font-size: var(--n-icon-size);
+ margin: var(--n-icon-margin);
  `), (0, cssr_1.cE)('close', `
- transition: color .3s var(--bezier);
+ transition: color .3s var(--n-bezier);
  position: absolute;
  right: 0;
  top: 0;
- margin: var(--close-margin);
- font-size: var(--close-size);
+ margin: var(--n-close-margin);
+ font-size: var(--n-close-size);
  `), (0, cssr_1.cM)('show-icon', [(0, cssr_1.cB)('alert-body', {
-  paddingLeft: 'calc(var(--icon-margin-left) + var(--icon-size) + var(--icon-margin-right))'
+  paddingLeft: 'calc(var(--n-icon-margin-left) + var(--n-icon-size) + var(--n-icon-margin-right))'
 })]), (0, cssr_1.cB)('alert-body', `
- border-radius: var(--border-radius);
- transition: border-color .3s var(--bezier);
+ border-radius: var(--n-border-radius);
+ transition: border-color .3s var(--n-bezier);
  `, [(0, cssr_1.cE)('title', `
- transition: color .3s var(--bezier);
+ transition: color .3s var(--n-bezier);
  font-size: 16px;
  line-height: 19px;
- font-weight: var(--title-font-weight);
+ font-weight: var(--n-title-font-weight);
  `, [(0, cssr_1.c)('& +', [(0, cssr_1.cE)('content', {
   marginTop: '9px'
 })])]), (0, cssr_1.cE)('content', {
-  transition: 'color .3s var(--bezier)',
-  fontSize: 'var(--font-size)'
+  transition: 'color .3s var(--n-bezier)',
+  fontSize: 'var(--n-font-size)'
 })]), (0, cssr_1.cE)('icon', {
-  transition: 'color .3s var(--bezier)'
+  transition: 'color .3s var(--n-bezier)'
 })]);

package/lib/anchor/src/AnchorAdapter.js

@@ -41,18 +41,18 @@ exports.default = (0, vue_1.defineComponent)({
         const cssVarsRef = (0, vue_1.computed)(() => {
             const { self: { railColor, linkColor, railColorActive, linkTextColor, linkTextColorHover, linkTextColorPressed, linkTextColorActive, linkFontSize, railWidth, linkPadding, borderRadius }, common: { cubicBezierEaseInOut } } = themeRef.value;
             return {
-                '--link-border-radius': borderRadius,
-                '--link-color': linkColor,
-                '--link-font-size': linkFontSize,
-                '--link-text-color': linkTextColor,
-                '--link-text-color-hover': linkTextColorHover,
-                '--link-text-color-active': linkTextColorActive,
-                '--link-text-color-pressed': linkTextColorPressed,
-                '--link-padding': linkPadding,
-                '--bezier': cubicBezierEaseInOut,
-                '--rail-color': railColor,
-                '--rail-color-active': railColorActive,
-                '--rail-width': railWidth
+                '--n-link-border-radius': borderRadius,
+                '--n-link-color': linkColor,
+                '--n-link-font-size': linkFontSize,
+                '--n-link-text-color': linkTextColor,
+                '--n-link-text-color-hover': linkTextColorHover,
+                '--n-link-text-color-active': linkTextColorActive,
+                '--n-link-text-color-pressed': linkTextColorPressed,
+                '--n-link-padding': linkPadding,
+                '--n-bezier': cubicBezierEaseInOut,
+                '--n-rail-color': railColor,
+                '--n-rail-color-active': railColorActive,
+                '--n-rail-width': railWidth
             };
         });
         return {

package/lib/anchor/src/styles/index.cssr.js

@@ -5,24 +5,24 @@ Object.defineProperty(exports, "__esModule", {
 });
 
 const cssr_1 = require("../../../_utils/cssr"); // vars:
-// --link-color
-// --link-font-size
-// --link-text-color
-// --link-text-color-hover
-// --link-text-color-active
-// --link-text-color-pressed
-// --bezier
-// --rail-color
-// --rail-color-active
-// --rail-width
-// --link-padding
-// --link-border-radius
+// --n-link-color
+// --n-link-font-size
+// --n-link-text-color
+// --n-link-text-color-hover
+// --n-link-text-color-active
+// --n-link-text-color-pressed
+// --n-bezier
+// --n-rail-color
+// --n-rail-color-active
+// --n-rail-width
+// --n-link-padding
+// --n-link-border-radius
 
 
 exports.default = (0, cssr_1.cB)('anchor', `
  position: relative;
 `, [(0, cssr_1.cNotM)('block', `
- padding-left: var(--rail-width);
+ padding-left: var(--n-rail-width);
  `, [(0, cssr_1.cB)('anchor-link', [(0, cssr_1.c)('+, >', [(0, cssr_1.cB)('anchor-link', `
  margin-top: .5em;
  `)])]), (0, cssr_1.cB)('anchor-link-background', `
@@ -32,56 +32,52 @@ exports.default = (0, cssr_1.cB)('anchor', `
  `), (0, cssr_1.cNotM)('show-rail', [(0, cssr_1.c)('>', [(0, cssr_1.cB)('anchor-link', 'padding-left: 0;')])])]), (0, cssr_1.cM)('block', [(0, cssr_1.cB)('anchor-link', `
  margin-bottom: 4px;
  padding: 2px 8px;
- transition: background-color .3s var(--bezier);
+ transition: background-color .3s var(--n-bezier);
  background-color: transparent;
- border-radius: var(--link-border-radius);
+ border-radius: var(--n-link-border-radius);
  `, [(0, cssr_1.cM)('active', `
- background-color: var(--link-color);
+ background-color: var(--n-link-color);
  `)])]), (0, cssr_1.cB)('anchor-link-background', `
  position: absolute;
- left: calc(var(--rail-width) / 2);
+ left: calc(var(--n-rail-width) / 2);
  width: 100%;
- background-color: var(--link-color);
+ background-color: var(--n-link-color);
  transition:
- top .15s var(--bezier),
- max-width .15s var(--bezier),
- background-color .3s var(--bezier);
+ top .15s var(--n-bezier),
+ max-width .15s var(--n-bezier),
+ background-color .3s var(--n-bezier);
  `), (0, cssr_1.cB)('anchor-rail', `
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
- width: var(--rail-width);
- border-radius: calc(var(--rail-width) / 2);
+ width: var(--n-rail-width);
+ border-radius: calc(var(--n-rail-width) / 2);
  overflow: hidden;
- transition: background-color .3s var(--bezier);
- background-color: var(--rail-color);
+ transition: background-color .3s var(--n-bezier);
+ background-color: var(--n-rail-color);
  `, [(0, cssr_1.cE)('bar', `
  position: absolute;
  left: 0;
- width: var(--rail-width);
+ width: var(--n-rail-width);
  height: 21px;
  background-color: #0000;
  transition: 
- top .15s var(--bezier),
- background-color .3s var(--bezier);
+ top .15s var(--n-bezier),
+ background-color .3s var(--n-bezier);
  `, [(0, cssr_1.cM)('active', {
-  backgroundColor: 'var(--rail-color-active)'
+  backgroundColor: 'var(--n-rail-color-active)'
 })])]), (0, cssr_1.cB)('anchor-link', `
- padding: var(--link-padding);
+ padding: var(--n-link-padding);
  position: relative;
  line-height: 1.5;
- font-size: var(--link-font-size);
+ font-size: var(--n-link-font-size);
  min-height: 1.5em;
  display: flex;
  flex-direction: column;
- `, [(0, cssr_1.cM)('active', [(0, cssr_1.cE)('title', `
- color: var(--link-text-color-active);
- `)]), (0, cssr_1.c)('&:hover, &:focus', [(0, cssr_1.cE)('title', `
- color: var(--link-text-color-hover);
- `)]), (0, cssr_1.c)('&:active', [(0, cssr_1.cE)('title', `
- color: var(--link-text-color-pressed);
- `)]), (0, cssr_1.cE)('title', `
+ `, [(0, cssr_1.cM)('active', [(0, cssr_1.c)('>', [(0, cssr_1.cE)('title', `
+ color: var(--n-link-text-color-active);
+ `)])]), (0, cssr_1.cE)('title', `
  outline: none;
  max-width: 100%;
  text-decoration: none;
@@ -91,6 +87,10 @@ exports.default = (0, cssr_1.cB)('anchor', `
  cursor: pointer;
  display: inline-block;
  padding-right: 16px;
- transition: color .3s var(--bezier);
- color: var(--link-text-color);
- `)])]);
+ transition: color .3s var(--n-bezier);
+ color: var(--n-link-text-color);
+ `, [(0, cssr_1.c)('&:hover, &:focus', `
+ color: var(--n-link-text-color-hover);
+ `), (0, cssr_1.c)('&:active', `
+ color: var(--n-link-text-color-pressed);
+ `)])])]);

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

@@ -1072,8 +1072,8 @@ declare const _default: import("vue").DefineComponent<{
         };
     }>;
     cssVars: import("vue").ComputedRef<{
-        '--menu-box-shadow': string;
-        '--bezier': string;
+        '--n-menu-box-shadow': string;
+        '--n-bezier': string;
     }>;
     mergedBordered: import("vue").ComputedRef<boolean>;
     namespace: import("vue").ComputedRef<string | undefined>;

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

@@ -211,8 +211,8 @@ exports.default = (0, vue_1.defineComponent)({
             cssVars: (0, vue_1.computed)(() => {
                 const { common: { cubicBezierEaseInOut }, self: { menuBoxShadow } } = themeRef.value;
                 return {
-                    '--menu-box-shadow': menuBoxShadow,
-                    '--bezier': cubicBezierEaseInOut
+                    '--n-menu-box-shadow': menuBoxShadow,
+                    '--n-bezier': cubicBezierEaseInOut
                 };
             }),
             mergedBordered: mergedBorderedRef,

package/lib/auto-complete/src/styles/index.cssr.js

@@ -13,8 +13,8 @@ Object.defineProperty(exports, "__esModule", {
 const cssr_1 = require("../../../_utils/cssr");
 
 const fade_in_scale_up_cssr_1 = __importDefault(require("../../../_styles/transitions/fade-in-scale-up.cssr")); // vars:
-// --bezier
-// --menu-box-shadow
+// --n-bezier
+// --n-menu-box-shadow
 
 
 exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('auto-complete', `
@@ -24,7 +24,7 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('auto-complete', `
  width: 100%;
  `), (0, cssr_1.cB)('auto-complete-menu', `
  margin: 4px 0;
- box-shadow: var(--menu-box-shadow);
+ box-shadow: var(--n-menu-box-shadow);
  `, [(0, fade_in_scale_up_cssr_1.default)({
-  originalTransition: 'background-color .3s var(--bezier)'
+  originalTransition: 'background-color .3s var(--n-bezier)'
 })])]);

package/lib/avatar/index.d.ts

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

package/lib/avatar/index.js

@@ -3,6 +3,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.NAvatar = void 0;
+exports.NAvatarGroup = exports.NAvatar = void 0;
 var Avatar_1 = require("./src/Avatar");
 Object.defineProperty(exports, "NAvatar", { enumerable: true, get: function () { return __importDefault(Avatar_1).default; } });
+var AvatarGroup_1 = require("./src/AvatarGroup");
+Object.defineProperty(exports, "NAvatarGroup", { enumerable: true, get: function () { return __importDefault(AvatarGroup_1).default; } });