naive-ui 2.21.5 → 2.23.2

package/lib/locales/common/zhTW.js

@@ -0,0 +1,102 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const zhTW = {
+    name: 'zh-TW',
+    global: {
+        undo: '撤銷',
+        redo: '重做',
+        confirm: '確認'
+    },
+    Popconfirm: {
+        positiveText: '確認',
+        negativeText: '取消'
+    },
+    Cascader: {
+        placeholder: '請選擇',
+        loading: '載入中',
+        loadingRequiredMessage: (label) => `載入全部 ${label} 的子節點後才可選中`
+    },
+    Time: {
+        dateFormat: 'yyyy-MM-dd',
+        dateTimeFormat: 'yyyy-MM-dd HH:mm:ss'
+    },
+    DatePicker: {
+        yearFormat: 'yyyy年',
+        monthFormat: 'MMM',
+        dayFormat: 'eeeeee',
+        yearTypeFormat: 'yyyy',
+        monthTypeFormat: 'yyyy-MM',
+        dateFormat: 'yyyy-MM-dd',
+        dateTimeFormat: 'yyyy-MM-dd HH:mm:ss',
+        quarterFormat: 'yyyy-qqq',
+        clear: '清除',
+        now: '此刻',
+        confirm: '確認',
+        selectTime: '選擇時間',
+        selectDate: '選擇日期',
+        datePlaceholder: '選擇日期',
+        datetimePlaceholder: '選擇日期時間',
+        monthPlaceholder: '選擇月份',
+        yearPlaceholder: '選擇年份',
+        quarterPlaceholder: '選擇季度',
+        startDatePlaceholder: '開始日期',
+        endDatePlaceholder: '結束日期',
+        startDatetimePlaceholder: '開始日期時間',
+        endDatetimePlaceholder: '結束日期時間',
+        monthBeforeYear: false,
+        firstDayOfWeek: 0,
+        today: '今天'
+    },
+    DataTable: {
+        checkTableAll: '選擇全部表格資料',
+        uncheckTableAll: '取消選擇全部表格資料',
+        confirm: '確認',
+        clear: '重置'
+    },
+    Transfer: {
+        sourceTitle: '源項',
+        targetTitle: '目標項'
+    },
+    Empty: {
+        description: '無數據'
+    },
+    Select: {
+        placeholder: '請選擇'
+    },
+    TimePicker: {
+        placeholder: '請選擇時間',
+        positiveText: '確認',
+        negativeText: '取消',
+        now: '此刻'
+    },
+    Pagination: {
+        goto: '跳至',
+        selectionSuffix: '頁'
+    },
+    DynamicTags: {
+        add: '添加'
+    },
+    Log: {
+        loading: '載入中'
+    },
+    Input: {
+        placeholder: '請輸入'
+    },
+    InputNumber: {
+        placeholder: '請輸入'
+    },
+    DynamicInput: {
+        create: '添加'
+    },
+    ThemeEditor: {
+        title: '主題編輯器',
+        clearAllVars: '清除全部變數',
+        clearSearch: '清除搜索',
+        filterCompName: '過濾組件名',
+        filterVarName: '過濾變數名',
+        import: '導入',
+        export: '匯出',
+        restore: '恢復默認'
+    }
+};
+exports.default = zhTW;

package/lib/locales/date/zhTW.d.ts

@@ -0,0 +1,3 @@
+import { NDateLocale } from './enUS';
+declare const datezhTW: NDateLocale;
+export default datezhTW;

package/lib/locales/date/zhTW.js

@@ -0,0 +1,11 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const zh_TW_1 = __importDefault(require("date-fns/locale/zh-TW"));
+const datezhTW = {
+    name: 'zh-TW',
+    locale: zh_TW_1.default
+};
+exports.default = datezhTW;

package/lib/locales/index.d.ts

@@ -1,4 +1,5 @@
 export { default as zhCN } from './common/zhCN';
+export { default as zhTW } from './common/zhTW';
 export { default as enUS } from './common/enUS';
 export { default as ruRU } from './common/ruRU';
 export { default as ukUA } from './common/ukUA';
@@ -8,6 +9,7 @@ export { default as deDE } from './common/deDE';
 export { default as nbNO } from './common/nbNO';
 export { default as frFR } from './common/frFR';
 export { default as dateZhCN } from './date/zhCN';
+export { default as dateZhTW } from './date/zhTW';
 export { default as dateEnUS } from './date/enUS';
 export { default as dateRuRU } from './date/ruRU';
 export { default as dateUkUA } from './date/ukUA';

package/lib/locales/index.js

@@ -3,9 +3,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.createLocale = exports.dateFrFR = exports.dateNbNO = exports.dateDeDE = exports.dateIdID = exports.dateJaJP = exports.dateUkUA = exports.dateRuRU = exports.dateEnUS = exports.dateZhCN = exports.frFR = exports.nbNO = exports.deDE = exports.idID = exports.jaJP = exports.ukUA = exports.ruRU = exports.enUS = exports.zhCN = void 0;
+exports.createLocale = exports.dateFrFR = exports.dateNbNO = exports.dateDeDE = exports.dateIdID = exports.dateJaJP = exports.dateUkUA = exports.dateRuRU = exports.dateEnUS = exports.dateZhTW = exports.dateZhCN = exports.frFR = exports.nbNO = exports.deDE = exports.idID = exports.jaJP = exports.ukUA = exports.ruRU = exports.enUS = exports.zhTW = exports.zhCN = void 0;
 var zhCN_1 = require("./common/zhCN");
 Object.defineProperty(exports, "zhCN", { enumerable: true, get: function () { return __importDefault(zhCN_1).default; } });
+var zhTW_1 = require("./common/zhTW");
+Object.defineProperty(exports, "zhTW", { enumerable: true, get: function () { return __importDefault(zhTW_1).default; } });
 var enUS_1 = require("./common/enUS");
 Object.defineProperty(exports, "enUS", { enumerable: true, get: function () { return __importDefault(enUS_1).default; } });
 var ruRU_1 = require("./common/ruRU");
@@ -24,6 +26,8 @@ var frFR_1 = require("./common/frFR");
 Object.defineProperty(exports, "frFR", { enumerable: true, get: function () { return __importDefault(frFR_1).default; } });
 var zhCN_2 = require("./date/zhCN");
 Object.defineProperty(exports, "dateZhCN", { enumerable: true, get: function () { return __importDefault(zhCN_2).default; } });
+var zhTW_2 = require("./date/zhTW");
+Object.defineProperty(exports, "dateZhTW", { enumerable: true, get: function () { return __importDefault(zhTW_2).default; } });
 var enUS_2 = require("./date/enUS");
 Object.defineProperty(exports, "dateEnUS", { enumerable: true, get: function () { return __importDefault(enUS_2).default; } });
 var ruRU_2 = require("./date/ruRU");

package/lib/log/src/Log.d.ts

@@ -403,12 +403,12 @@ declare const _default: import("vue").DefineComponent<{
     handleWheel: import("lodash").DebouncedFunc<(e: WheelEvent) => void>;
     handleScroll: (e: Event) => void;
     cssVars: import("vue").ComputedRef<{
-        '--bezier': string;
-        '--loader-font-size': string;
-        '--loader-border': string;
-        '--loader-color': string;
-        '--loader-text-color': string;
-        '--loading-color': string;
+        '--n-bezier': string;
+        '--n-loader-font-size': string;
+        '--n-loader-border': string;
+        '--n-loader-color': string;
+        '--n-loader-text-color': string;
+        '--n-loading-color': string;
     }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     readonly loading?: unknown;

package/lib/log/src/Log.js

@@ -165,12 +165,12 @@ exports.default = (0, vue_1.defineComponent)({
             cssVars: (0, vue_1.computed)(() => {
                 const { self: { loaderFontSize, loaderTextColor, loaderColor, loaderBorder, loadingColor }, common: { cubicBezierEaseInOut } } = themeRef.value;
                 return {
-                    '--bezier': cubicBezierEaseInOut,
-                    '--loader-font-size': loaderFontSize,
-                    '--loader-border': loaderBorder,
-                    '--loader-color': loaderColor,
-                    '--loader-text-color': loaderTextColor,
-                    '--loading-color': loadingColor
+                    '--n-bezier': cubicBezierEaseInOut,
+                    '--n-loader-font-size': loaderFontSize,
+                    '--n-loader-border': loaderBorder,
+                    '--n-loader-color': loaderColor,
+                    '--n-loader-text-color': loaderTextColor,
+                    '--n-loading-color': loadingColor
                 };
             })
         };

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

@@ -13,21 +13,19 @@ 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
-// --loading-color
-// --loader-border
-// --loader-color
-// --loader-text-color
-// --loader-font-size
-// --loading-color
+// --n-bezier
+// --n-loading-color
+// --n-loader-border
+// --n-loader-color
+// --n-loader-text-color
+// --n-loader-font-size
+// --n-loading-color
 
 
 exports.default = (0, cssr_1.cB)('log', `
  position: relative;
  box-sizing: border-box;
- transition:
- border-color .3s var(--bezier),
- color .3s var(--bezier);
+ transition: border-color .3s var(--n-bezier);
 `, [(0, cssr_1.cE)('lines', `
  margin: 0;
  white-space: pre-wrap;
@@ -35,9 +33,9 @@ exports.default = (0, cssr_1.cB)('log', `
  margin: 0;
  `), (0, cssr_1.cB)('log-loader', `
  transition:
- color .3s var(--bezier),
- background-color .3s var(--bezier),
- border-color .3s var(--bezier);
+ color .3s var(--n-bezier),
+ background-color .3s var(--n-bezier),
+ border-color .3s var(--n-bezier);
  box-sizing: border-box;
  position: absolute;
  right: 16px;
@@ -47,10 +45,10 @@ exports.default = (0, cssr_1.cB)('log', `
  line-height: 34px;
  white-space: nowrap;
  overflow: hidden;
- border: var(--loader-border);
- color: var(--loader-text-color);
- background-color: var(--loader-color);
- font-size: var(--loader-font-size);
+ border: var(--n-loader-border);
+ color: var(--n-loader-text-color);
+ background-color: var(--n-loader-color);
+ font-size: var(--n-loader-font-size);
  `, [(0, fade_in_scale_up_cssr_1.default)(), (0, cssr_1.cE)('content', `
  display: inline-block;
  vertical-align: bottom;
@@ -59,7 +57,7 @@ exports.default = (0, cssr_1.cB)('log', `
  padding-right: 20px;
  white-space: nowrap;
  `), (0, cssr_1.cB)('base-loading', `
- color: var(--loading-color);
+ color: var(--n-loading-color);
  position: absolute;
  left: 12px;
  top: calc(50% - 10px);

package/lib/mention/src/Mention.d.ts

@@ -1093,7 +1093,7 @@ declare const _default: import("vue").DefineComponent<{
     focus: () => void;
     blur: () => void;
     cssVars: import("vue").ComputedRef<{
-        '--menu-box-shadow': string;
+        '--n-menu-box-shadow': string;
     }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     readonly to?: unknown;

package/lib/mention/src/Mention.js

@@ -305,7 +305,7 @@ exports.default = (0, vue_1.defineComponent)({
             cssVars: (0, vue_1.computed)(() => {
                 const { self: { menuBoxShadow } } = themeRef.value;
                 return {
-                    '--menu-box-shadow': menuBoxShadow
+                    '--n-menu-box-shadow': menuBoxShadow
                 };
             })
         };

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

@@ -12,9 +12,9 @@ Object.defineProperty(exports, "__esModule", {
 
 const fade_in_scale_up_cssr_1 = __importDefault(require("../../../_styles/transitions/fade-in-scale-up.cssr"));
 
-const cssr_1 = require("../../../_utils/cssr"); // --menu-box-shadow
+const cssr_1 = require("../../../_utils/cssr"); // --n-menu-box-shadow
 
 
 exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('mention', 'width: 100%; z-index: auto; position: relative;'), (0, cssr_1.cB)('mention-menu', `
- box-shadow: var(--menu-box-shadow);
+ box-shadow: var(--n-menu-box-shadow);
  `, [(0, fade_in_scale_up_cssr_1.default)()])]);

package/lib/menu/src/Menu.js

@@ -210,55 +210,58 @@ exports.default = (0, vue_1.defineComponent)({
                 const { common: { cubicBezierEaseInOut }, self } = themeRef.value;
                 const { borderRadius, borderColorHorizontal, fontSize, itemHeight, dividerColor } = self;
                 const vars = {
-                    '--divider-color': dividerColor,
-                    '--bezier': cubicBezierEaseInOut,
-                    '--font-size': fontSize,
-                    '--border-color-horizontal': borderColorHorizontal,
-                    '--border-radius': borderRadius,
-                    '--item-height': itemHeight
+                    '--n-divider-color': dividerColor,
+                    '--n-bezier': cubicBezierEaseInOut,
+                    '--n-font-size': fontSize,
+                    '--n-border-color-horizontal': borderColorHorizontal,
+                    '--n-border-radius': borderRadius,
+                    '--n-item-height': itemHeight
                 };
                 if (inverted) {
-                    vars['--group-text-color'] = self.groupTextColorInverted;
-                    vars['--color'] = self.colorInverted;
-                    vars['--item-text-color'] = self.itemTextColorInverted;
-                    vars['--arrow-color'] = self.arrowColorInverted;
-                    vars['--arrow-color-hover'] = self.arrowColorHoverInverted;
-                    vars['--arrow-color-active'] = self.arrowColorActiveInverted;
-                    vars['--arrow-color-child-active'] =
+                    vars['--n-group-text-color'] = self.groupTextColorInverted;
+                    vars['--n-color'] = self.colorInverted;
+                    vars['--n-item-text-color'] = self.itemTextColorInverted;
+                    vars['--n-arrow-color'] = self.arrowColorInverted;
+                    vars['--n-arrow-color-hover'] = self.arrowColorHoverInverted;
+                    vars['--n-arrow-color-active'] = self.arrowColorActiveInverted;
+                    vars['--n-arrow-color-child-active'] =
                         self.arrowColorChildActiveInverted;
-                    vars['--item-icon-color'] = self.itemIconColorInverted;
-                    vars['--item-text-color-hover'] = self.itemTextColorHoverInverted;
-                    vars['--item-icon-color-hover'] = self.itemIconColorHoverInverted;
-                    vars['--item-text-color-active'] = self.itemTextColorActiveInverted;
-                    vars['--item-icon-color-active'] = self.itemIconColorActiveInverted;
-                    vars['--item-icon-color-collapsed'] =
+                    vars['--n-item-icon-color'] = self.itemIconColorInverted;
+                    vars['--n-item-text-color-hover'] = self.itemTextColorHoverInverted;
+                    vars['--n-item-icon-color-hover'] = self.itemIconColorHoverInverted;
+                    vars['--n-item-text-color-active'] = self.itemTextColorActiveInverted;
+                    vars['--n-item-icon-color-active'] = self.itemIconColorActiveInverted;
+                    vars['--n-item-icon-color-collapsed'] =
                         self.itemIconColorCollapsedInverted;
-                    vars['--item-color-active'] = self.itemColorActiveInverted;
-                    vars['--item-color-active-collapsed'] =
+                    vars['--n-item-color-active'] = self.itemColorActiveInverted;
+                    vars['--n-item-color-active-collapsed'] =
                         self.itemColorActiveCollapsedInverted;
-                    vars['--item-text-color-child-active'] =
+                    vars['--n-item-text-color-child-active'] =
                         self.itemTextColorChildActiveInverted;
-                    vars['--item-icon-color-child-active'] =
+                    vars['--n-item-icon-color-child-active'] =
                         self.itemIconColorChildActiveInverted;
                 }
                 else {
-                    vars['--group-text-color'] = self.groupTextColor;
-                    vars['--color'] = self.color;
-                    vars['--item-text-color'] = self.itemTextColor;
-                    vars['--arrow-color'] = self.arrowColor;
-                    vars['--arrow-color-hover'] = self.arrowColorHover;
-                    vars['--arrow-color-active'] = self.arrowColorActive;
-                    vars['--arrow-color-child-active'] = self.arrowColorChildActive;
-                    vars['--item-icon-color'] = self.itemIconColor;
-                    vars['--item-text-color-hover'] = self.itemTextColorHover;
-                    vars['--item-icon-color-hover'] = self.itemIconColorHover;
-                    vars['--item-text-color-active'] = self.itemTextColorActive;
-                    vars['--item-icon-color-active'] = self.itemIconColorActive;
-                    vars['--item-icon-color-collapsed'] = self.itemIconColorCollapsed;
-                    vars['--item-color-active'] = self.itemColorActive;
-                    vars['--item-color-active-collapsed'] = self.itemColorActiveCollapsed;
-                    vars['--item-text-color-child-active'] = self.itemTextColorChildActive;
-                    vars['--item-icon-color-child-active'] = self.itemIconColorChildActive;
+                    vars['--n-group-text-color'] = self.groupTextColor;
+                    vars['--n-color'] = self.color;
+                    vars['--n-item-text-color'] = self.itemTextColor;
+                    vars['--n-arrow-color'] = self.arrowColor;
+                    vars['--n-arrow-color-hover'] = self.arrowColorHover;
+                    vars['--n-arrow-color-active'] = self.arrowColorActive;
+                    vars['--n-arrow-color-child-active'] = self.arrowColorChildActive;
+                    vars['--n-item-icon-color'] = self.itemIconColor;
+                    vars['--n-item-text-color-hover'] = self.itemTextColorHover;
+                    vars['--n-item-icon-color-hover'] = self.itemIconColorHover;
+                    vars['--n-item-text-color-active'] = self.itemTextColorActive;
+                    vars['--n-item-icon-color-active'] = self.itemIconColorActive;
+                    vars['--n-item-icon-color-collapsed'] = self.itemIconColorCollapsed;
+                    vars['--n-item-color-active'] = self.itemColorActive;
+                    vars['--n-item-color-active-collapsed'] =
+                        self.itemColorActiveCollapsed;
+                    vars['--n-item-text-color-child-active'] =
+                        self.itemTextColorChildActive;
+                    vars['--n-item-icon-color-child-active'] =
+                        self.itemIconColorChildActive;
                 }
                 return vars;
             })

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

@@ -13,37 +13,37 @@ 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:
-// --color
-// --group-text-color
-// --bezier
-// --font-size
-// --border-color-horizontal
-// --border-radius
-// --item-color-active
-// --item-color-active-collapsed
-// --arrow-color
-// --arrow-color-hover
-// --arrow-color-active
-// --arrow-color-child-active
-// --item-text-color
-// --item-text-color-hover
-// --item-text-color-active
-// --item-text-color-child-active
-// --item-icon-color
-// --item-icon-color-hover
-// --item-icon-color-active
-// --item-icon-color-collapsed
-// --item-icon-color-child-active
-// --item-height
+// --n-color
+// --n-group-text-color
+// --n-bezier
+// --n-font-size
+// --n-border-color-horizontal
+// --n-border-radius
+// --n-item-color-active
+// --n-item-color-active-collapsed
+// --n-arrow-color
+// --n-arrow-color-hover
+// --n-arrow-color-active
+// --n-arrow-color-child-active
+// --n-item-text-color
+// --n-item-text-color-hover
+// --n-item-text-color-active
+// --n-item-text-color-child-active
+// --n-item-icon-color
+// --n-item-icon-color-hover
+// --n-item-icon-color-active
+// --n-item-icon-color-collapsed
+// --n-item-icon-color-child-active
+// --n-item-height
 
 
 exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('menu', `
- background-color: var(--color);
- color: var(--item-text-color);
+ background-color: var(--n-color);
+ color: var(--n-item-text-color);
  overflow: hidden;
- transition: background-color .3s var(--bezier);
+ transition: background-color .3s var(--n-bezier);
  box-sizing: border-box;
- font-size: var(--font-size);
+ font-size: var(--n-font-size);
  padding-bottom: 6px;
  `, [(0, cssr_1.cM)('horizontal', {
   display: 'inline-flex',
@@ -55,25 +55,25 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('menu', `
 }, [(0, cssr_1.c)('&::before', {
   backgroundColor: '#0000 !important'
 }), (0, cssr_1.cM)('selected', [(0, cssr_1.cB)('menu-item-content', {
-  borderBottom: '2px solid var(--border-color-horizontal)'
+  borderBottom: '2px solid var(--n-border-color-horizontal)'
 })])]), (0, cssr_1.cB)('menu-item-content', {
   padding: '0 20px',
   borderBottom: '2px solid #0000'
 }, [(0, cssr_1.cM)('child-active', {
-  borderBottom: '2px solid var(--border-color-horizontal)'
+  borderBottom: '2px solid var(--n-border-color-horizontal)'
 }), (0, cssr_1.cNotM)('disabled', [hoverStyle({
-  borderBottom: '2px solid var(--border-color-horizontal)'
+  borderBottom: '2px solid var(--n-border-color-horizontal)'
 }, null)])])]), (0, cssr_1.cM)('collapsed', [(0, cssr_1.cB)('menu-item', [(0, cssr_1.cM)('selected', [(0, cssr_1.c)('&::before', {
-  backgroundColor: 'var(--item-color-active-collapsed) !important'
+  backgroundColor: 'var(--n-item-color-active-collapsed) !important'
 })])]), (0, cssr_1.cB)('menu-item-content', [(0, cssr_1.cB)('menu-item-content-header', {
   opacity: 0
 }), (0, cssr_1.cE)('arrow', {
   opacity: 0
 }), (0, cssr_1.cE)('icon', {
-  color: 'var(--item-icon-color-collapsed)'
+  color: 'var(--n-item-icon-color-collapsed)'
 })])]), (0, cssr_1.cB)('menu-item', `
- transition: background-color .3s var(--bezier);
- height: var(--item-height);
+ transition: background-color .3s var(--n-bezier);
+ height: var(--n-item-height);
  margin-top: 6px;
  position: relative;
  `, [(0, cssr_1.c)('&::before', `
@@ -86,20 +86,20 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('menu', `
  top: 0;
  bottom: 0;
  pointer-events: none;
- border-radius: var(--border-radius);
- transition: background-color .3s var(--bezier);
+ border-radius: var(--n-border-radius);
+ transition: background-color .3s var(--n-bezier);
  `), (0, cssr_1.cNotM)('disabled', [(0, cssr_1.c)('&:active::before', {
-  backgroundColor: 'var(--item-color-active)'
+  backgroundColor: 'var(--n-item-color-active)'
 })]), (0, cssr_1.cM)('selected', [(0, cssr_1.c)('&::before', {
-  backgroundColor: 'var(--item-color-active)'
+  backgroundColor: 'var(--n-item-color-active)'
 }), (0, cssr_1.cB)('menu-item-content', [(0, cssr_1.cE)('arrow', {
-  color: 'var(--arrow-color-active)'
+  color: 'var(--n-arrow-color-active)'
 }), (0, cssr_1.cE)('icon', {
-  color: 'var(--item-icon-color-active)'
+  color: 'var(--n-item-icon-color-active)'
 }), (0, cssr_1.cB)('menu-item-content-header', {
-  color: 'var(--item-text-color-active)'
+  color: 'var(--n-item-text-color-active)'
 }, [(0, cssr_1.cE)('extra', {
-  color: 'var(--item-text-color-active)'
+  color: 'var(--n-item-text-color-active)'
 })])])])]), (0, cssr_1.cB)('menu-item-content', `
  box-sizing: border-box;
  line-height: 1.75;
@@ -113,37 +113,37 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('menu', `
  z-index: auto;
  padding-right: 18px;
  transition:
- background-color .3s var(--bezier),
- padding-left .3s var(--bezier),
- border-color .3s var(--bezier);
+ background-color .3s var(--n-bezier),
+ padding-left .3s var(--n-bezier),
+ border-color .3s var(--n-bezier);
  `, [(0, cssr_1.cM)('disabled', {
   opacity: '.45',
   cursor: 'not-allowed'
 }), (0, cssr_1.cM)('collapsed', [(0, cssr_1.cE)('arrow', {
   transform: 'rotate(0)'
 })]), (0, cssr_1.cM)('child-active', [(0, cssr_1.cB)('menu-item-content-header', {
-  color: 'var(--item-text-color-child-active)'
+  color: 'var(--n-item-text-color-child-active)'
 }, [(0, cssr_1.cE)('extra', {
-  color: 'var(--item-text-color-child-active)'
+  color: 'var(--n-item-text-color-child-active)'
 })]), (0, cssr_1.cE)('arrow', {
-  color: 'var(--arrow-color-child-active)'
+  color: 'var(--n-arrow-color-child-active)'
 }), (0, cssr_1.cE)('icon', {
-  color: 'var(--item-icon-color-child-active)'
+  color: 'var(--n-item-icon-color-child-active)'
 })]), (0, cssr_1.cNotM)('disabled', [hoverStyle(null, [(0, cssr_1.cE)('arrow', {
-  color: 'var(--arrow-color-hover)'
+  color: 'var(--n-arrow-color-hover)'
 }), (0, cssr_1.cE)('icon', {
-  color: 'var(--item-icon-color-hover)'
+  color: 'var(--n-item-icon-color-hover)'
 }), (0, cssr_1.cB)('menu-item-content-header', {
-  color: 'var(--item-text-color-hover)'
+  color: 'var(--n-item-text-color-hover)'
 }, [(0, cssr_1.cE)('extra', {
-  color: 'var(--item-text-color-hover)'
+  color: 'var(--n-item-text-color-hover)'
 })])])]), (0, cssr_1.cE)('icon', `
  grid-area: icon;
- color: var(--item-icon-color);
+ color: var(--n-item-icon-color);
  transition:
- color .3s var(--bezier),
- font-size .3s var(--bezier),
- margin-right .3s var(--bezier);
+ color .3s var(--n-bezier),
+ font-size .3s var(--n-bezier),
+ margin-right .3s var(--n-bezier);
  box-sizing: content-box;
  display: inline-flex;
  align-items: center;
@@ -151,23 +151,23 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('menu', `
  `), (0, cssr_1.cE)('arrow', `
  grid-area: arrow;
  font-size: 16px;
- color: var(--arrow-color);
+ color: var(--n-arrow-color);
  transform: rotate(180deg);
  opacity: 1;
  transition:
- color .3s var(--bezier),
- transform 0.2s var(--bezier),
- opacity 0.2s var(--bezier);
+ color .3s var(--n-bezier),
+ transform 0.2s var(--n-bezier),
+ opacity 0.2s var(--n-bezier);
  `), (0, cssr_1.cB)('menu-item-content-header', `
  grid-area: content;
  transition:
- color .3s var(--bezier),
- opacity .3s var(--bezier);
+ color .3s var(--n-bezier),
+ opacity .3s var(--n-bezier);
  opacity: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
- color: var(--item-text-color);
+ color: var(--n-item-text-color);
  `, [(0, cssr_1.c)('a', `
  text-decoration: none;
  color: inherit;
@@ -180,14 +180,14 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('menu', `
  bottom: 0;
  `)]), (0, cssr_1.cE)('extra', `
  font-size: .93em;
- color: var(--group-text-color);
- transition: color .3s var(--bezier);
+ color: var(--n-group-text-color);
+ transition: color .3s var(--n-bezier);
  `)])]), (0, cssr_1.cB)('submenu', {
   cursor: 'pointer',
   position: 'relative',
   marginTop: '6px'
 }, [(0, cssr_1.cB)('menu-item-content', `
- height: var(--item-height);
+ height: var(--n-item-height);
  `), (0, cssr_1.cB)('submenu-children', {
   overflow: 'hidden',
   padding: 0
@@ -195,21 +195,21 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('menu', `
   duration: '.2s'
 })])]), (0, cssr_1.cB)('menu-item-group', [(0, cssr_1.cB)('menu-item-group-title', `
  margin-top: 6px;
- color: var(--group-text-color);
+ color: var(--n-group-text-color);
  cursor: default;
  font-size: .93em;
  height: 36px;
  display: flex;
  align-items: center;
  transition:
- padding-left .3s var(--bezier),
- color .3s var(--bezier);
+ padding-left .3s var(--n-bezier),
+ color .3s var(--n-bezier);
  `)])]), (0, cssr_1.cB)('menu-tooltip', [(0, cssr_1.c)('a', `
  color: inherit;
  text-decoration: none;
  `)]), (0, cssr_1.cB)('menu-divider', `
- transition: background-color .3s var(--bezier);
- background-color: var(--divider-color);
+ transition: background-color .3s var(--n-bezier);
+ background-color: var(--n-divider-color);
  height: 1px;
  margin: 6px 18px;
  `)]);