naive-ui 2.40.2 → 2.40.4

package/lib/_internal/icons/Clear.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const vue_1 = require("vue");
 const replaceable_1 = require("./replaceable");
-exports.default = (0, replaceable_1.replaceable)('clear', (0, vue_1.h)("svg", { viewBox: "0 0 16 16", version: "1.1", xmlns: "http://www.w3.org/2000/svg" },
+exports.default = (0, replaceable_1.replaceable)('clear', () => ((0, vue_1.h)("svg", { viewBox: "0 0 16 16", version: "1.1", xmlns: "http://www.w3.org/2000/svg" },
     (0, vue_1.h)("g", { stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" },
         (0, vue_1.h)("g", { fill: "currentColor", "fill-rule": "nonzero" },
-            (0, vue_1.h)("path", { d: "M8,2 C11.3137085,2 14,4.6862915 14,8 C14,11.3137085 11.3137085,14 8,14 C4.6862915,14 2,11.3137085 2,8 C2,4.6862915 4.6862915,2 8,2 Z M6.5343055,5.83859116 C6.33943736,5.70359511 6.07001296,5.72288026 5.89644661,5.89644661 L5.89644661,5.89644661 L5.83859116,5.9656945 C5.70359511,6.16056264 5.72288026,6.42998704 5.89644661,6.60355339 L5.89644661,6.60355339 L7.293,8 L5.89644661,9.39644661 L5.83859116,9.4656945 C5.70359511,9.66056264 5.72288026,9.92998704 5.89644661,10.1035534 L5.89644661,10.1035534 L5.9656945,10.1614088 C6.16056264,10.2964049 6.42998704,10.2771197 6.60355339,10.1035534 L6.60355339,10.1035534 L8,8.707 L9.39644661,10.1035534 L9.4656945,10.1614088 C9.66056264,10.2964049 9.92998704,10.2771197 10.1035534,10.1035534 L10.1035534,10.1035534 L10.1614088,10.0343055 C10.2964049,9.83943736 10.2771197,9.57001296 10.1035534,9.39644661 L10.1035534,9.39644661 L8.707,8 L10.1035534,6.60355339 L10.1614088,6.5343055 C10.2964049,6.33943736 10.2771197,6.07001296 10.1035534,5.89644661 L10.1035534,5.89644661 L10.0343055,5.83859116 C9.83943736,5.70359511 9.57001296,5.72288026 9.39644661,5.89644661 L9.39644661,5.89644661 L8,7.293 L6.60355339,5.89644661 Z" })))));
+            (0, vue_1.h)("path", { d: "M8,2 C11.3137085,2 14,4.6862915 14,8 C14,11.3137085 11.3137085,14 8,14 C4.6862915,14 2,11.3137085 2,8 C2,4.6862915 4.6862915,2 8,2 Z M6.5343055,5.83859116 C6.33943736,5.70359511 6.07001296,5.72288026 5.89644661,5.89644661 L5.89644661,5.89644661 L5.83859116,5.9656945 C5.70359511,6.16056264 5.72288026,6.42998704 5.89644661,6.60355339 L5.89644661,6.60355339 L7.293,8 L5.89644661,9.39644661 L5.83859116,9.4656945 C5.70359511,9.66056264 5.72288026,9.92998704 5.89644661,10.1035534 L5.89644661,10.1035534 L5.9656945,10.1614088 C6.16056264,10.2964049 6.42998704,10.2771197 6.60355339,10.1035534 L6.60355339,10.1035534 L8,8.707 L9.39644661,10.1035534 L9.4656945,10.1614088 C9.66056264,10.2964049 9.92998704,10.2771197 10.1035534,10.1035534 L10.1035534,10.1035534 L10.1614088,10.0343055 C10.2964049,9.83943736 10.2771197,9.57001296 10.1035534,9.39644661 L10.1035534,9.39644661 L8.707,8 L10.1035534,6.60355339 L10.1614088,6.5343055 C10.2964049,6.33943736 10.2771197,6.07001296 10.1035534,5.89644661 L10.1035534,5.89644661 L10.0343055,5.83859116 C9.83943736,5.70359511 9.57001296,5.72288026 9.39644661,5.89644661 L9.39644661,5.89644661 L8,7.293 L6.60355339,5.89644661 Z" }))))));

package/lib/_internal/icons/Close.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const vue_1 = require("vue");
 const replaceable_1 = require("./replaceable");
-exports.default = (0, replaceable_1.replaceable)('close', (0, vue_1.h)("svg", { viewBox: "0 0 12 12", version: "1.1", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": true },
+exports.default = (0, replaceable_1.replaceable)('close', () => ((0, vue_1.h)("svg", { viewBox: "0 0 12 12", version: "1.1", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": true },
     (0, vue_1.h)("g", { stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" },
         (0, vue_1.h)("g", { fill: "currentColor", "fill-rule": "nonzero" },
-            (0, vue_1.h)("path", { d: "M2.08859116,2.2156945 L2.14644661,2.14644661 C2.32001296,1.97288026 2.58943736,1.95359511 2.7843055,2.08859116 L2.85355339,2.14644661 L6,5.293 L9.14644661,2.14644661 C9.34170876,1.95118446 9.65829124,1.95118446 9.85355339,2.14644661 C10.0488155,2.34170876 10.0488155,2.65829124 9.85355339,2.85355339 L6.707,6 L9.85355339,9.14644661 C10.0271197,9.32001296 10.0464049,9.58943736 9.91140884,9.7843055 L9.85355339,9.85355339 C9.67998704,10.0271197 9.41056264,10.0464049 9.2156945,9.91140884 L9.14644661,9.85355339 L6,6.707 L2.85355339,9.85355339 C2.65829124,10.0488155 2.34170876,10.0488155 2.14644661,9.85355339 C1.95118446,9.65829124 1.95118446,9.34170876 2.14644661,9.14644661 L5.293,6 L2.14644661,2.85355339 C1.97288026,2.67998704 1.95359511,2.41056264 2.08859116,2.2156945 L2.14644661,2.14644661 L2.08859116,2.2156945 Z" })))));
+            (0, vue_1.h)("path", { d: "M2.08859116,2.2156945 L2.14644661,2.14644661 C2.32001296,1.97288026 2.58943736,1.95359511 2.7843055,2.08859116 L2.85355339,2.14644661 L6,5.293 L9.14644661,2.14644661 C9.34170876,1.95118446 9.65829124,1.95118446 9.85355339,2.14644661 C10.0488155,2.34170876 10.0488155,2.65829124 9.85355339,2.85355339 L6.707,6 L9.85355339,9.14644661 C10.0271197,9.32001296 10.0464049,9.58943736 9.91140884,9.7843055 L9.85355339,9.85355339 C9.67998704,10.0271197 9.41056264,10.0464049 9.2156945,9.91140884 L9.14644661,9.85355339 L6,6.707 L2.85355339,9.85355339 C2.65829124,10.0488155 2.34170876,10.0488155 2.14644661,9.85355339 C1.95118446,9.65829124 1.95118446,9.34170876 2.14644661,9.14644661 L5.293,6 L2.14644661,2.85355339 C1.97288026,2.67998704 1.95359511,2.41056264 2.08859116,2.2156945 L2.14644661,2.14644661 L2.08859116,2.2156945 Z" }))))));

package/lib/_internal/icons/Date.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const vue_1 = require("vue");
 const replaceable_1 = require("./replaceable");
-exports.default = (0, replaceable_1.replaceable)('date', (0, vue_1.h)("svg", { width: "28px", height: "28px", viewBox: "0 0 28 28", version: "1.1", xmlns: "http://www.w3.org/2000/svg" },
+exports.default = (0, replaceable_1.replaceable)('date', () => ((0, vue_1.h)("svg", { width: "28px", height: "28px", viewBox: "0 0 28 28", version: "1.1", xmlns: "http://www.w3.org/2000/svg" },
     (0, vue_1.h)("g", { stroke: "none", "stroke-width": "1", "fill-rule": "evenodd" },
         (0, vue_1.h)("g", { "fill-rule": "nonzero" },
-            (0, vue_1.h)("path", { d: "M21.75,3 C23.5449254,3 25,4.45507456 25,6.25 L25,21.75 C25,23.5449254 23.5449254,25 21.75,25 L6.25,25 C4.45507456,25 3,23.5449254 3,21.75 L3,6.25 C3,4.45507456 4.45507456,3 6.25,3 L21.75,3 Z M23.5,9.503 L4.5,9.503 L4.5,21.75 C4.5,22.7164983 5.28350169,23.5 6.25,23.5 L21.75,23.5 C22.7164983,23.5 23.5,22.7164983 23.5,21.75 L23.5,9.503 Z M21.75,4.5 L6.25,4.5 C5.28350169,4.5 4.5,5.28350169 4.5,6.25 L4.5,8.003 L23.5,8.003 L23.5,6.25 C23.5,5.28350169 22.7164983,4.5 21.75,4.5 Z" })))));
+            (0, vue_1.h)("path", { d: "M21.75,3 C23.5449254,3 25,4.45507456 25,6.25 L25,21.75 C25,23.5449254 23.5449254,25 21.75,25 L6.25,25 C4.45507456,25 3,23.5449254 3,21.75 L3,6.25 C3,4.45507456 4.45507456,3 6.25,3 L21.75,3 Z M23.5,9.503 L4.5,9.503 L4.5,21.75 C4.5,22.7164983 5.28350169,23.5 6.25,23.5 L21.75,23.5 C22.7164983,23.5 23.5,22.7164983 23.5,21.75 L23.5,9.503 Z M21.75,4.5 L6.25,4.5 C5.28350169,4.5 4.5,5.28350169 4.5,6.25 L4.5,8.003 L23.5,8.003 L23.5,6.25 C23.5,5.28350169 22.7164983,4.5 21.75,4.5 Z" }))))));

package/lib/_internal/icons/Download.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const vue_1 = require("vue");
 const replaceable_1 = require("./replaceable");
-exports.default = (0, replaceable_1.replaceable)('download', (0, vue_1.h)("svg", { viewBox: "0 0 16 16", version: "1.1", xmlns: "http://www.w3.org/2000/svg" },
+exports.default = (0, replaceable_1.replaceable)('download', () => ((0, vue_1.h)("svg", { viewBox: "0 0 16 16", version: "1.1", xmlns: "http://www.w3.org/2000/svg" },
     (0, vue_1.h)("g", { stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" },
         (0, vue_1.h)("g", { fill: "currentColor", "fill-rule": "nonzero" },
-            (0, vue_1.h)("path", { d: "M3.5,13 L12.5,13 C12.7761424,13 13,13.2238576 13,13.5 C13,13.7454599 12.8231248,13.9496084 12.5898756,13.9919443 L12.5,14 L3.5,14 C3.22385763,14 3,13.7761424 3,13.5 C3,13.2545401 3.17687516,13.0503916 3.41012437,13.0080557 L3.5,13 L12.5,13 L3.5,13 Z M7.91012437,1.00805567 L8,1 C8.24545989,1 8.44960837,1.17687516 8.49194433,1.41012437 L8.5,1.5 L8.5,10.292 L11.1819805,7.6109127 C11.3555469,7.43734635 11.6249713,7.4180612 11.8198394,7.55305725 L11.8890873,7.6109127 C12.0626536,7.78447906 12.0819388,8.05390346 11.9469427,8.2487716 L11.8890873,8.31801948 L8.35355339,11.8535534 C8.17998704,12.0271197 7.91056264,12.0464049 7.7156945,11.9114088 L7.64644661,11.8535534 L4.1109127,8.31801948 C3.91565056,8.12275734 3.91565056,7.80617485 4.1109127,7.6109127 C4.28447906,7.43734635 4.55390346,7.4180612 4.7487716,7.55305725 L4.81801948,7.6109127 L7.5,10.292 L7.5,1.5 C7.5,1.25454011 7.67687516,1.05039163 7.91012437,1.00805567 L8,1 L7.91012437,1.00805567 Z" })))));
+            (0, vue_1.h)("path", { d: "M3.5,13 L12.5,13 C12.7761424,13 13,13.2238576 13,13.5 C13,13.7454599 12.8231248,13.9496084 12.5898756,13.9919443 L12.5,14 L3.5,14 C3.22385763,14 3,13.7761424 3,13.5 C3,13.2545401 3.17687516,13.0503916 3.41012437,13.0080557 L3.5,13 L12.5,13 L3.5,13 Z M7.91012437,1.00805567 L8,1 C8.24545989,1 8.44960837,1.17687516 8.49194433,1.41012437 L8.5,1.5 L8.5,10.292 L11.1819805,7.6109127 C11.3555469,7.43734635 11.6249713,7.4180612 11.8198394,7.55305725 L11.8890873,7.6109127 C12.0626536,7.78447906 12.0819388,8.05390346 11.9469427,8.2487716 L11.8890873,8.31801948 L8.35355339,11.8535534 C8.17998704,12.0271197 7.91056264,12.0464049 7.7156945,11.9114088 L7.64644661,11.8535534 L4.1109127,8.31801948 C3.91565056,8.12275734 3.91565056,7.80617485 4.1109127,7.6109127 C4.28447906,7.43734635 4.55390346,7.4180612 4.7487716,7.55305725 L4.81801948,7.6109127 L7.5,10.292 L7.5,1.5 C7.5,1.25454011 7.67687516,1.05039163 7.91012437,1.00805567 L8,1 L7.91012437,1.00805567 Z" }))))));

package/lib/_internal/icons/Error.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const vue_1 = require("vue");
 const replaceable_1 = require("./replaceable");
-exports.default = (0, replaceable_1.replaceable)('error', (0, vue_1.h)("svg", { viewBox: "0 0 48 48", version: "1.1", xmlns: "http://www.w3.org/2000/svg" },
+exports.default = (0, replaceable_1.replaceable)('error', () => ((0, vue_1.h)("svg", { viewBox: "0 0 48 48", version: "1.1", xmlns: "http://www.w3.org/2000/svg" },
     (0, vue_1.h)("g", { stroke: "none", "stroke-width": "1", "fill-rule": "evenodd" },
         (0, vue_1.h)("g", { "fill-rule": "nonzero" },
-            (0, vue_1.h)("path", { d: "M24,4 C35.045695,4 44,12.954305 44,24 C44,35.045695 35.045695,44 24,44 C12.954305,44 4,35.045695 4,24 C4,12.954305 12.954305,4 24,4 Z M17.8838835,16.1161165 L17.7823881,16.0249942 C17.3266086,15.6583353 16.6733914,15.6583353 16.2176119,16.0249942 L16.1161165,16.1161165 L16.0249942,16.2176119 C15.6583353,16.6733914 15.6583353,17.3266086 16.0249942,17.7823881 L16.1161165,17.8838835 L22.233,24 L16.1161165,30.1161165 L16.0249942,30.2176119 C15.6583353,30.6733914 15.6583353,31.3266086 16.0249942,31.7823881 L16.1161165,31.8838835 L16.2176119,31.9750058 C16.6733914,32.3416647 17.3266086,32.3416647 17.7823881,31.9750058 L17.8838835,31.8838835 L24,25.767 L30.1161165,31.8838835 L30.2176119,31.9750058 C30.6733914,32.3416647 31.3266086,32.3416647 31.7823881,31.9750058 L31.8838835,31.8838835 L31.9750058,31.7823881 C32.3416647,31.3266086 32.3416647,30.6733914 31.9750058,30.2176119 L31.8838835,30.1161165 L25.767,24 L31.8838835,17.8838835 L31.9750058,17.7823881 C32.3416647,17.3266086 32.3416647,16.6733914 31.9750058,16.2176119 L31.8838835,16.1161165 L31.7823881,16.0249942 C31.3266086,15.6583353 30.6733914,15.6583353 30.2176119,16.0249942 L30.1161165,16.1161165 L24,22.233 L17.8838835,16.1161165 L17.7823881,16.0249942 L17.8838835,16.1161165 Z" })))));
+            (0, vue_1.h)("path", { d: "M24,4 C35.045695,4 44,12.954305 44,24 C44,35.045695 35.045695,44 24,44 C12.954305,44 4,35.045695 4,24 C4,12.954305 12.954305,4 24,4 Z M17.8838835,16.1161165 L17.7823881,16.0249942 C17.3266086,15.6583353 16.6733914,15.6583353 16.2176119,16.0249942 L16.1161165,16.1161165 L16.0249942,16.2176119 C15.6583353,16.6733914 15.6583353,17.3266086 16.0249942,17.7823881 L16.1161165,17.8838835 L22.233,24 L16.1161165,30.1161165 L16.0249942,30.2176119 C15.6583353,30.6733914 15.6583353,31.3266086 16.0249942,31.7823881 L16.1161165,31.8838835 L16.2176119,31.9750058 C16.6733914,32.3416647 17.3266086,32.3416647 17.7823881,31.9750058 L17.8838835,31.8838835 L24,25.767 L30.1161165,31.8838835 L30.2176119,31.9750058 C30.6733914,32.3416647 31.3266086,32.3416647 31.7823881,31.9750058 L31.8838835,31.8838835 L31.9750058,31.7823881 C32.3416647,31.3266086 32.3416647,30.6733914 31.9750058,30.2176119 L31.8838835,30.1161165 L25.767,24 L31.8838835,17.8838835 L31.9750058,17.7823881 C32.3416647,17.3266086 32.3416647,16.6733914 31.9750058,16.2176119 L31.8838835,16.1161165 L31.7823881,16.0249942 C31.3266086,15.6583353 30.6733914,15.6583353 30.2176119,16.0249942 L30.1161165,16.1161165 L24,22.233 L17.8838835,16.1161165 L17.7823881,16.0249942 L17.8838835,16.1161165 Z" }))))));

package/lib/_internal/icons/Info.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const vue_1 = require("vue");
 const replaceable_1 = require("./replaceable");
-exports.default = (0, replaceable_1.replaceable)('info', (0, vue_1.h)("svg", { viewBox: "0 0 28 28", version: "1.1", xmlns: "http://www.w3.org/2000/svg" },
+exports.default = (0, replaceable_1.replaceable)('info', () => ((0, vue_1.h)("svg", { viewBox: "0 0 28 28", version: "1.1", xmlns: "http://www.w3.org/2000/svg" },
     (0, vue_1.h)("g", { stroke: "none", "stroke-width": "1", "fill-rule": "evenodd" },
         (0, vue_1.h)("g", { "fill-rule": "nonzero" },
-            (0, vue_1.h)("path", { d: "M14,2 C20.6274,2 26,7.37258 26,14 C26,20.6274 20.6274,26 14,26 C7.37258,26 2,20.6274 2,14 C2,7.37258 7.37258,2 14,2 Z M14,11 C13.4477,11 13,11.4477 13,12 L13,12 L13,20 C13,20.5523 13.4477,21 14,21 C14.5523,21 15,20.5523 15,20 L15,20 L15,12 C15,11.4477 14.5523,11 14,11 Z M14,6.75 C13.3096,6.75 12.75,7.30964 12.75,8 C12.75,8.69036 13.3096,9.25 14,9.25 C14.6904,9.25 15.25,8.69036 15.25,8 C15.25,7.30964 14.6904,6.75 14,6.75 Z" })))));
+            (0, vue_1.h)("path", { d: "M14,2 C20.6274,2 26,7.37258 26,14 C26,20.6274 20.6274,26 14,26 C7.37258,26 2,20.6274 2,14 C2,7.37258 7.37258,2 14,2 Z M14,11 C13.4477,11 13,11.4477 13,12 L13,12 L13,20 C13,20.5523 13.4477,21 14,21 C14.5523,21 15,20.5523 15,20 L15,20 L15,12 C15,11.4477 14.5523,11 14,11 Z M14,6.75 C13.3096,6.75 12.75,7.30964 12.75,8 C12.75,8.69036 13.3096,9.25 14,9.25 C14.6904,9.25 15.25,8.69036 15.25,8 C15.25,7.30964 14.6904,6.75 14,6.75 Z" }))))));

package/lib/_internal/icons/Retry.js

@@ -2,6 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const vue_1 = require("vue");
 const replaceable_1 = require("./replaceable");
-exports.default = (0, replaceable_1.replaceable)('retry', (0, vue_1.h)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512" },
+exports.default = (0, replaceable_1.replaceable)('retry', () => ((0, vue_1.h)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512" },
     (0, vue_1.h)("path", { d: "M320,146s24.36-12-64-12A160,160,0,1,0,416,294", style: "fill: none; stroke: currentcolor; stroke-linecap: round; stroke-miterlimit: 10; stroke-width: 32px;" }),
-    (0, vue_1.h)("polyline", { points: "256 58 336 138 256 218", style: "fill: none; stroke: currentcolor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 32px;" })));
+    (0, vue_1.h)("polyline", { points: "256 58 336 138 256 218", style: "fill: none; stroke: currentcolor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 32px;" }))));

package/lib/_internal/icons/RotateClockwise.js

@@ -2,6 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const vue_1 = require("vue");
 const replaceable_1 = require("./replaceable");
-exports.default = (0, replaceable_1.replaceable)('rotateClockwise', (0, vue_1.h)("svg", { viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+exports.default = (0, replaceable_1.replaceable)('rotateClockwise', () => ((0, vue_1.h)("svg", { viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
     (0, vue_1.h)("path", { d: "M3 10C3 6.13401 6.13401 3 10 3C13.866 3 17 6.13401 17 10C17 12.7916 15.3658 15.2026 13 16.3265V14.5C13 14.2239 12.7761 14 12.5 14C12.2239 14 12 14.2239 12 14.5V17.5C12 17.7761 12.2239 18 12.5 18H15.5C15.7761 18 16 17.7761 16 17.5C16 17.2239 15.7761 17 15.5 17H13.8758C16.3346 15.6357 18 13.0128 18 10C18 5.58172 14.4183 2 10 2C5.58172 2 2 5.58172 2 10C2 10.2761 2.22386 10.5 2.5 10.5C2.77614 10.5 3 10.2761 3 10Z", fill: "currentColor" }),
-    (0, vue_1.h)("path", { d: "M10 12C11.1046 12 12 11.1046 12 10C12 8.89543 11.1046 8 10 8C8.89543 8 8 8.89543 8 10C8 11.1046 8.89543 12 10 12ZM10 11C9.44772 11 9 10.5523 9 10C9 9.44772 9.44772 9 10 9C10.5523 9 11 9.44772 11 10C11 10.5523 10.5523 11 10 11Z", fill: "currentColor" })));
+    (0, vue_1.h)("path", { d: "M10 12C11.1046 12 12 11.1046 12 10C12 8.89543 11.1046 8 10 8C8.89543 8 8 8.89543 8 10C8 11.1046 8.89543 12 10 12ZM10 11C9.44772 11 9 10.5523 9 10C9 9.44772 9.44772 9 10 9C10.5523 9 11 9.44772 11 10C11 10.5523 10.5523 11 10 11Z", fill: "currentColor" }))));

package/lib/_internal/icons/RotateCounterclockwise.js

@@ -2,6 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const vue_1 = require("vue");
 const replaceable_1 = require("./replaceable");
-exports.default = (0, replaceable_1.replaceable)('rotateClockwise', (0, vue_1.h)("svg", { viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+exports.default = (0, replaceable_1.replaceable)('rotateClockwise', () => ((0, vue_1.h)("svg", { viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
     (0, vue_1.h)("path", { d: "M17 10C17 6.13401 13.866 3 10 3C6.13401 3 3 6.13401 3 10C3 12.7916 4.63419 15.2026 7 16.3265V14.5C7 14.2239 7.22386 14 7.5 14C7.77614 14 8 14.2239 8 14.5V17.5C8 17.7761 7.77614 18 7.5 18H4.5C4.22386 18 4 17.7761 4 17.5C4 17.2239 4.22386 17 4.5 17H6.12422C3.66539 15.6357 2 13.0128 2 10C2 5.58172 5.58172 2 10 2C14.4183 2 18 5.58172 18 10C18 10.2761 17.7761 10.5 17.5 10.5C17.2239 10.5 17 10.2761 17 10Z", fill: "currentColor" }),
-    (0, vue_1.h)("path", { d: "M10 12C8.89543 12 8 11.1046 8 10C8 8.89543 8.89543 8 10 8C11.1046 8 12 8.89543 12 10C12 11.1046 11.1046 12 10 12ZM10 11C10.5523 11 11 10.5523 11 10C11 9.44772 10.5523 9 10 9C9.44772 9 9 9.44772 9 10C9 10.5523 9.44772 11 10 11Z", fill: "currentColor" })));
+    (0, vue_1.h)("path", { d: "M10 12C8.89543 12 8 11.1046 8 10C8 8.89543 8.89543 8 10 8C11.1046 8 12 8.89543 12 10C12 11.1046 11.1046 12 10 12ZM10 11C10.5523 11 11 10.5523 11 10C11 9.44772 10.5523 9 10 9C9.44772 9 9 9.44772 9 10C9 10.5523 9.44772 11 10 11Z", fill: "currentColor" }))));

package/lib/_internal/icons/Success.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const vue_1 = require("vue");
 const replaceable_1 = require("./replaceable");
-exports.default = (0, replaceable_1.replaceable)('success', (0, vue_1.h)("svg", { viewBox: "0 0 48 48", version: "1.1", xmlns: "http://www.w3.org/2000/svg" },
+exports.default = (0, replaceable_1.replaceable)('success', () => ((0, vue_1.h)("svg", { viewBox: "0 0 48 48", version: "1.1", xmlns: "http://www.w3.org/2000/svg" },
     (0, vue_1.h)("g", { stroke: "none", "stroke-width": "1", "fill-rule": "evenodd" },
         (0, vue_1.h)("g", { "fill-rule": "nonzero" },
-            (0, vue_1.h)("path", { d: "M24,4 C35.045695,4 44,12.954305 44,24 C44,35.045695 35.045695,44 24,44 C12.954305,44 4,35.045695 4,24 C4,12.954305 12.954305,4 24,4 Z M32.6338835,17.6161165 C32.1782718,17.1605048 31.4584514,17.1301307 30.9676119,17.5249942 L30.8661165,17.6161165 L20.75,27.732233 L17.1338835,24.1161165 C16.6457281,23.6279612 15.8542719,23.6279612 15.3661165,24.1161165 C14.9105048,24.5717282 14.8801307,25.2915486 15.2749942,25.7823881 L15.3661165,25.8838835 L19.8661165,30.3838835 C20.3217282,30.8394952 21.0415486,30.8698693 21.5323881,30.4750058 L21.6338835,30.3838835 L32.6338835,19.3838835 C33.1220388,18.8957281 33.1220388,18.1042719 32.6338835,17.6161165 Z" })))));
+            (0, vue_1.h)("path", { d: "M24,4 C35.045695,4 44,12.954305 44,24 C44,35.045695 35.045695,44 24,44 C12.954305,44 4,35.045695 4,24 C4,12.954305 12.954305,4 24,4 Z M32.6338835,17.6161165 C32.1782718,17.1605048 31.4584514,17.1301307 30.9676119,17.5249942 L30.8661165,17.6161165 L20.75,27.732233 L17.1338835,24.1161165 C16.6457281,23.6279612 15.8542719,23.6279612 15.3661165,24.1161165 C14.9105048,24.5717282 14.8801307,25.2915486 15.2749942,25.7823881 L15.3661165,25.8838835 L19.8661165,30.3838835 C20.3217282,30.8394952 21.0415486,30.8698693 21.5323881,30.4750058 L21.6338835,30.3838835 L32.6338835,19.3838835 C33.1220388,18.8957281 33.1220388,18.1042719 32.6338835,17.6161165 Z" }))))));

package/lib/_internal/icons/Time.js

@@ -2,6 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const vue_1 = require("vue");
 const replaceable_1 = require("./replaceable");
-exports.default = (0, replaceable_1.replaceable)('time', (0, vue_1.h)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512" },
+exports.default = (0, replaceable_1.replaceable)('time', () => ((0, vue_1.h)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512" },
     (0, vue_1.h)("path", { d: "M256,64C150,64,64,150,64,256s86,192,192,192,192-86,192-192S362,64,256,64Z", style: "\n        fill: none;\n        stroke: currentColor;\n        stroke-miterlimit: 10;\n        stroke-width: 32px;\n      " }),
-    (0, vue_1.h)("polyline", { points: "256 128 256 272 352 272", style: "\n        fill: none;\n        stroke: currentColor;\n        stroke-linecap: round;\n        stroke-linejoin: round;\n        stroke-width: 32px;\n      " })));
+    (0, vue_1.h)("polyline", { points: "256 128 256 272 352 272", style: "\n        fill: none;\n        stroke: currentColor;\n        stroke-linecap: round;\n        stroke-linejoin: round;\n        stroke-width: 32px;\n      " }))));

package/lib/_internal/icons/To.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const vue_1 = require("vue");
 const replaceable_1 = require("./replaceable");
-exports.default = (0, replaceable_1.replaceable)('to', (0, vue_1.h)("svg", { viewBox: "0 0 20 20", version: "1.1", xmlns: "http://www.w3.org/2000/svg" },
+exports.default = (0, replaceable_1.replaceable)('to', () => ((0, vue_1.h)("svg", { viewBox: "0 0 20 20", version: "1.1", xmlns: "http://www.w3.org/2000/svg" },
     (0, vue_1.h)("g", { stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" },
         (0, vue_1.h)("g", { fill: "currentColor", "fill-rule": "nonzero" },
-            (0, vue_1.h)("path", { d: "M11.2654,3.20511 C10.9644,2.92049 10.4897,2.93371 10.2051,3.23464 C9.92049,3.53558 9.93371,4.01027 10.2346,4.29489 L15.4737,9.25 L2.75,9.25 C2.33579,9.25 2,9.58579 2,10.0000012 C2,10.4142 2.33579,10.75 2.75,10.75 L15.476,10.75 L10.2346,15.7073 C9.93371,15.9919 9.92049,16.4666 10.2051,16.7675 C10.4897,17.0684 10.9644,17.0817 11.2654,16.797 L17.6826,10.7276 C17.8489,10.5703 17.9489,10.3702 17.9826,10.1614 C17.994,10.1094 18,10.0554 18,10.0000012 C18,9.94241 17.9935,9.88633 17.9812,9.83246 C17.9462,9.62667 17.8467,9.42976 17.6826,9.27455 L11.2654,3.20511 Z" })))));
+            (0, vue_1.h)("path", { d: "M11.2654,3.20511 C10.9644,2.92049 10.4897,2.93371 10.2051,3.23464 C9.92049,3.53558 9.93371,4.01027 10.2346,4.29489 L15.4737,9.25 L2.75,9.25 C2.33579,9.25 2,9.58579 2,10.0000012 C2,10.4142 2.33579,10.75 2.75,10.75 L15.476,10.75 L10.2346,15.7073 C9.93371,15.9919 9.92049,16.4666 10.2051,16.7675 C10.4897,17.0684 10.9644,17.0817 11.2654,16.797 L17.6826,10.7276 C17.8489,10.5703 17.9489,10.3702 17.9826,10.1614 C17.994,10.1094 18,10.0554 18,10.0000012 C18,9.94241 17.9935,9.88633 17.9812,9.83246 C17.9462,9.62667 17.8467,9.42976 17.6826,9.27455 L11.2654,3.20511 Z" }))))));

package/lib/_internal/icons/Trash.js

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const vue_1 = require("vue");
 const replaceable_1 = require("./replaceable");
-exports.default = (0, replaceable_1.replaceable)('trash', (0, vue_1.h)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512" },
+exports.default = (0, replaceable_1.replaceable)('trash', () => ((0, vue_1.h)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512" },
     (0, vue_1.h)("path", { d: "M432,144,403.33,419.74A32,32,0,0,1,371.55,448H140.46a32,32,0,0,1-31.78-28.26L80,144", style: "fill: none; stroke: currentcolor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 32px;" }),
     (0, vue_1.h)("rect", { x: "32", y: "64", width: "448", height: "80", rx: "16", ry: "16", style: "fill: none; stroke: currentcolor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 32px;" }),
     (0, vue_1.h)("line", { x1: "312", y1: "240", x2: "200", y2: "352", style: "fill: none; stroke: currentcolor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 32px;" }),
-    (0, vue_1.h)("line", { x1: "312", y1: "352", x2: "200", y2: "240", style: "fill: none; stroke: currentcolor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 32px;" })));
+    (0, vue_1.h)("line", { x1: "312", y1: "352", x2: "200", y2: "240", style: "fill: none; stroke: currentcolor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 32px;" }))));

package/lib/_internal/icons/Warning.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const vue_1 = require("vue");
 const replaceable_1 = require("./replaceable");
-exports.default = (0, replaceable_1.replaceable)('warning', (0, vue_1.h)("svg", { viewBox: "0 0 24 24", version: "1.1", xmlns: "http://www.w3.org/2000/svg" },
+exports.default = (0, replaceable_1.replaceable)('warning', () => ((0, vue_1.h)("svg", { viewBox: "0 0 24 24", version: "1.1", xmlns: "http://www.w3.org/2000/svg" },
     (0, vue_1.h)("g", { stroke: "none", "stroke-width": "1", "fill-rule": "evenodd" },
         (0, vue_1.h)("g", { "fill-rule": "nonzero" },
-            (0, vue_1.h)("path", { d: "M12,2 C17.523,2 22,6.478 22,12 C22,17.522 17.523,22 12,22 C6.477,22 2,17.522 2,12 C2,6.478 6.477,2 12,2 Z M12.0018002,15.0037242 C11.450254,15.0037242 11.0031376,15.4508407 11.0031376,16.0023869 C11.0031376,16.553933 11.450254,17.0010495 12.0018002,17.0010495 C12.5533463,17.0010495 13.0004628,16.553933 13.0004628,16.0023869 C13.0004628,15.4508407 12.5533463,15.0037242 12.0018002,15.0037242 Z M11.99964,7 C11.4868042,7.00018474 11.0642719,7.38637706 11.0066858,7.8837365 L11,8.00036004 L11.0018003,13.0012393 L11.00857,13.117858 C11.0665141,13.6151758 11.4893244,14.0010638 12.0021602,14.0008793 C12.514996,14.0006946 12.9375283,13.6145023 12.9951144,13.1171428 L13.0018002,13.0005193 L13,7.99964009 L12.9932303,7.8830214 C12.9352861,7.38570354 12.5124758,6.99981552 11.99964,7 Z" })))));
+            (0, vue_1.h)("path", { d: "M12,2 C17.523,2 22,6.478 22,12 C22,17.522 17.523,22 12,22 C6.477,22 2,17.522 2,12 C2,6.478 6.477,2 12,2 Z M12.0018002,15.0037242 C11.450254,15.0037242 11.0031376,15.4508407 11.0031376,16.0023869 C11.0031376,16.553933 11.450254,17.0010495 12.0018002,17.0010495 C12.5533463,17.0010495 13.0004628,16.553933 13.0004628,16.0023869 C13.0004628,15.4508407 12.5533463,15.0037242 12.0018002,15.0037242 Z M11.99964,7 C11.4868042,7.00018474 11.0642719,7.38637706 11.0066858,7.8837365 L11,8.00036004 L11.0018003,13.0012393 L11.00857,13.117858 C11.0665141,13.6151758 11.4893244,14.0010638 12.0021602,14.0008793 C12.514996,14.0006946 12.9375283,13.6145023 12.9951144,13.1171428 L13.0018002,13.0005193 L13,7.99964009 L12.9932303,7.8830214 C12.9352861,7.38570354 12.5124758,6.99981552 11.99964,7 Z" }))))));

package/lib/_internal/icons/ZoomIn.js

@@ -2,6 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const vue_1 = require("vue");
 const replaceable_1 = require("./replaceable");
-exports.default = (0, replaceable_1.replaceable)('zoomIn', (0, vue_1.h)("svg", { viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+exports.default = (0, replaceable_1.replaceable)('zoomIn', () => ((0, vue_1.h)("svg", { viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
     (0, vue_1.h)("path", { d: "M11.5 8.5C11.5 8.22386 11.2761 8 11 8H9V6C9 5.72386 8.77614 5.5 8.5 5.5C8.22386 5.5 8 5.72386 8 6V8H6C5.72386 8 5.5 8.22386 5.5 8.5C5.5 8.77614 5.72386 9 6 9H8V11C8 11.2761 8.22386 11.5 8.5 11.5C8.77614 11.5 9 11.2761 9 11V9H11C11.2761 9 11.5 8.77614 11.5 8.5Z", fill: "currentColor" }),
-    (0, vue_1.h)("path", { d: "M8.5 3C11.5376 3 14 5.46243 14 8.5C14 9.83879 13.5217 11.0659 12.7266 12.0196L16.8536 16.1464C17.0488 16.3417 17.0488 16.6583 16.8536 16.8536C16.68 17.0271 16.4106 17.0464 16.2157 16.9114L16.1464 16.8536L12.0196 12.7266C11.0659 13.5217 9.83879 14 8.5 14C5.46243 14 3 11.5376 3 8.5C3 5.46243 5.46243 3 8.5 3ZM8.5 4C6.01472 4 4 6.01472 4 8.5C4 10.9853 6.01472 13 8.5 13C10.9853 13 13 10.9853 13 8.5C13 6.01472 10.9853 4 8.5 4Z", fill: "currentColor" })));
+    (0, vue_1.h)("path", { d: "M8.5 3C11.5376 3 14 5.46243 14 8.5C14 9.83879 13.5217 11.0659 12.7266 12.0196L16.8536 16.1464C17.0488 16.3417 17.0488 16.6583 16.8536 16.8536C16.68 17.0271 16.4106 17.0464 16.2157 16.9114L16.1464 16.8536L12.0196 12.7266C11.0659 13.5217 9.83879 14 8.5 14C5.46243 14 3 11.5376 3 8.5C3 5.46243 5.46243 3 8.5 3ZM8.5 4C6.01472 4 4 6.01472 4 8.5C4 10.9853 6.01472 13 8.5 13C10.9853 13 13 10.9853 13 8.5C13 6.01472 10.9853 4 8.5 4Z", fill: "currentColor" }))));

package/lib/_internal/icons/ZoomOut.js

@@ -2,6 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const vue_1 = require("vue");
 const replaceable_1 = require("./replaceable");
-exports.default = (0, replaceable_1.replaceable)('zoomOut', (0, vue_1.h)("svg", { viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+exports.default = (0, replaceable_1.replaceable)('zoomOut', () => ((0, vue_1.h)("svg", { viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
     (0, vue_1.h)("path", { d: "M11 8C11.2761 8 11.5 8.22386 11.5 8.5C11.5 8.77614 11.2761 9 11 9H6C5.72386 9 5.5 8.77614 5.5 8.5C5.5 8.22386 5.72386 8 6 8H11Z", fill: "currentColor" }),
-    (0, vue_1.h)("path", { d: "M14 8.5C14 5.46243 11.5376 3 8.5 3C5.46243 3 3 5.46243 3 8.5C3 11.5376 5.46243 14 8.5 14C9.83879 14 11.0659 13.5217 12.0196 12.7266L16.1464 16.8536L16.2157 16.9114C16.4106 17.0464 16.68 17.0271 16.8536 16.8536C17.0488 16.6583 17.0488 16.3417 16.8536 16.1464L12.7266 12.0196C13.5217 11.0659 14 9.83879 14 8.5ZM4 8.5C4 6.01472 6.01472 4 8.5 4C10.9853 4 13 6.01472 13 8.5C13 10.9853 10.9853 13 8.5 13C6.01472 13 4 10.9853 4 8.5Z", fill: "currentColor" })));
+    (0, vue_1.h)("path", { d: "M14 8.5C14 5.46243 11.5376 3 8.5 3C5.46243 3 3 5.46243 3 8.5C3 11.5376 5.46243 14 8.5 14C9.83879 14 11.0659 13.5217 12.0196 12.7266L16.1464 16.8536L16.2157 16.9114C16.4106 17.0464 16.68 17.0271 16.8536 16.8536C17.0488 16.6583 17.0488 16.3417 16.8536 16.1464L12.7266 12.0196C13.5217 11.0659 14 9.83879 14 8.5ZM4 8.5C4 6.01472 6.01472 4 8.5 4C10.9853 4 13 6.01472 13 8.5C13 10.9853 10.9853 13 8.5 13C6.01472 13 4 10.9853 4 8.5Z", fill: "currentColor" }))));

package/lib/_internal/icons/replaceable.d.ts

@@ -1,2 +1,3 @@
+import type { VNode } from 'vue';
 import type { GlobalIconConfig } from '../../config-provider/src/internal-interface';
-export declare function replaceable(name: keyof GlobalIconConfig, icon: JSX.Element): import("vue").DefineComponent<{}, () => import("vue").VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export declare function replaceable(name: keyof GlobalIconConfig, icon: () => VNode): import("vue").DefineComponent<{}, () => import("vue").VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/lib/_internal/icons/replaceable.js

@@ -5,6 +5,11 @@ const lodash_1 = require("lodash");
 const vue_1 = require("vue");
 const context_1 = require("../../config-provider/src/context");
 function replaceable(name, icon) {
+    const IconComponent = (0, vue_1.defineComponent)({
+        render() {
+            return icon();
+        }
+    });
     return (0, vue_1.defineComponent)({
         name: (0, lodash_1.upperFirst)(name),
         setup() {
@@ -13,7 +18,7 @@ function replaceable(name, icon) {
             return () => {
                 var _a;
                 const iconOverride = (_a = mergedIconsRef === null || mergedIconsRef === void 0 ? void 0 : mergedIconsRef.value) === null || _a === void 0 ? void 0 : _a[name];
-                return iconOverride ? iconOverride() : icon;
+                return iconOverride ? iconOverride() : (0, vue_1.h)(IconComponent, null);
             };
         }
     });

package/lib/_internal/scrollbar/src/Scrollbar.d.ts

@@ -226,10 +226,22 @@ declare const Scrollbar: import("vue").DefineComponent<import("vue").ExtractProp
         '--n-scrollbar-border-radius': string;
         '--n-scrollbar-width': string;
         '--n-scrollbar-height': string;
-        '--n-scrollbar-rail-inset-horizontal-top': string;
-        '--n-scrollbar-rail-inset-horizontal-bottom': string;
-        '--n-scrollbar-rail-inset-vertical-right': string;
-        '--n-scrollbar-rail-inset-vertical-left': string;
+        '--n-scrollbar-rail-top-horizontal-top': string;
+        '--n-scrollbar-rail-right-horizontal-top': string;
+        '--n-scrollbar-rail-bottom-horizontal-top': string;
+        '--n-scrollbar-rail-left-horizontal-top': string;
+        '--n-scrollbar-rail-top-horizontal-bottom': string;
+        '--n-scrollbar-rail-right-horizontal-bottom': string;
+        '--n-scrollbar-rail-bottom-horizontal-bottom': string;
+        '--n-scrollbar-rail-left-horizontal-bottom': string;
+        '--n-scrollbar-rail-top-vertical-right': string;
+        '--n-scrollbar-rail-right-vertical-right': string;
+        '--n-scrollbar-rail-bottom-vertical-right': string;
+        '--n-scrollbar-rail-left-vertical-right': string;
+        '--n-scrollbar-rail-top-vertical-left': string;
+        '--n-scrollbar-rail-right-vertical-left': string;
+        '--n-scrollbar-rail-bottom-vertical-left': string;
+        '--n-scrollbar-rail-left-vertical-left': string;
         '--n-scrollbar-rail-color': string;
     }> | undefined;
     themeClass: import("vue").Ref<string, string> | undefined;

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

@@ -521,6 +521,14 @@ const Scrollbar = (0, vue_1.defineComponent)({
         });
         const cssVarsRef = (0, vue_1.computed)(() => {
             const { common: { cubicBezierEaseInOut }, self: { color, colorHover, height, width, borderRadius, railInsetHorizontalTop, railInsetHorizontalBottom, railInsetVerticalRight, railInsetVerticalLeft, railColor } } = themeRef.value;
+            const { top: railTopHorizontalTop, right: railRightHorizontalTop, bottom: railBottomHorizontalTop, left: railLeftHorizontalTop } = (0, seemly_1.getPadding)(railInsetHorizontalTop);
+            const { top: railTopHorizontalBottom, right: railRightHorizontalBottom, bottom: railBottomHorizontalBottom, left: railLeftHorizontalBottom } = (0, seemly_1.getPadding)(railInsetHorizontalBottom);
+            const { top: railTopVerticalRight, right: railRightVerticalRight, bottom: railBottomVerticalRight, left: railLeftVerticalRight } = (0, seemly_1.getPadding)((rtlEnabledRef === null || rtlEnabledRef === void 0 ? void 0 : rtlEnabledRef.value)
+                ? (0, _utils_1.rtlInset)(railInsetVerticalRight)
+                : railInsetVerticalRight);
+            const { top: railTopVerticalLeft, right: railRightVerticalLeft, bottom: railBottomVerticalLeft, left: railLeftVerticalLeft } = (0, seemly_1.getPadding)((rtlEnabledRef === null || rtlEnabledRef === void 0 ? void 0 : rtlEnabledRef.value)
+                ? (0, _utils_1.rtlInset)(railInsetVerticalLeft)
+                : railInsetVerticalLeft);
             return {
                 '--n-scrollbar-bezier': cubicBezierEaseInOut,
                 '--n-scrollbar-color': color,
@@ -528,14 +536,22 @@ const Scrollbar = (0, vue_1.defineComponent)({
                 '--n-scrollbar-border-radius': borderRadius,
                 '--n-scrollbar-width': width,
                 '--n-scrollbar-height': height,
-                '--n-scrollbar-rail-inset-horizontal-top': railInsetHorizontalTop,
-                '--n-scrollbar-rail-inset-horizontal-bottom': railInsetHorizontalBottom,
-                '--n-scrollbar-rail-inset-vertical-right': (rtlEnabledRef === null || rtlEnabledRef === void 0 ? void 0 : rtlEnabledRef.value)
-                    ? (0, _utils_1.rtlInset)(railInsetVerticalRight)
-                    : railInsetVerticalRight,
-                '--n-scrollbar-rail-inset-vertical-left': (rtlEnabledRef === null || rtlEnabledRef === void 0 ? void 0 : rtlEnabledRef.value)
-                    ? (0, _utils_1.rtlInset)(railInsetVerticalLeft)
-                    : railInsetVerticalLeft,
+                '--n-scrollbar-rail-top-horizontal-top': railTopHorizontalTop,
+                '--n-scrollbar-rail-right-horizontal-top': railRightHorizontalTop,
+                '--n-scrollbar-rail-bottom-horizontal-top': railBottomHorizontalTop,
+                '--n-scrollbar-rail-left-horizontal-top': railLeftHorizontalTop,
+                '--n-scrollbar-rail-top-horizontal-bottom': railTopHorizontalBottom,
+                '--n-scrollbar-rail-right-horizontal-bottom': railRightHorizontalBottom,
+                '--n-scrollbar-rail-bottom-horizontal-bottom': railBottomHorizontalBottom,
+                '--n-scrollbar-rail-left-horizontal-bottom': railLeftHorizontalBottom,
+                '--n-scrollbar-rail-top-vertical-right': railTopVerticalRight,
+                '--n-scrollbar-rail-right-vertical-right': railRightVerticalRight,
+                '--n-scrollbar-rail-bottom-vertical-right': railBottomVerticalRight,
+                '--n-scrollbar-rail-left-vertical-right': railLeftVerticalRight,
+                '--n-scrollbar-rail-top-vertical-left': railTopVerticalLeft,
+                '--n-scrollbar-rail-right-vertical-left': railRightVerticalLeft,
+                '--n-scrollbar-rail-bottom-vertical-left': railBottomVerticalLeft,
+                '--n-scrollbar-rail-left-vertical-left': railLeftVerticalLeft,
                 '--n-scrollbar-rail-color': railColor
             };
         });

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

@@ -50,9 +50,15 @@ exports.default = (0, cssr_1.cB)('scrollbar', `
  border-radius: var(--n-scrollbar-border-radius);
  right: 0;
  `)])]), (0, cssr_1.cM)('horizontal--top', `
- inset: var(--n-scrollbar-rail-inset-horizontal-top); 
+ top: var(--n-scrollbar-rail-top-horizontal-top); 
+ right: var(--n-scrollbar-rail-right-horizontal-top); 
+ bottom: var(--n-scrollbar-rail-bottom-horizontal-top); 
+ left: var(--n-scrollbar-rail-left-horizontal-top); 
  `), (0, cssr_1.cM)('horizontal--bottom', `
- inset: var(--n-scrollbar-rail-inset-horizontal-bottom); 
+ top: var(--n-scrollbar-rail-top-horizontal-bottom); 
+ right: var(--n-scrollbar-rail-right-horizontal-bottom); 
+ bottom: var(--n-scrollbar-rail-bottom-horizontal-bottom); 
+ left: var(--n-scrollbar-rail-left-horizontal-bottom); 
  `), (0, cssr_1.cM)('vertical', `
  width: var(--n-scrollbar-width);
  `, [(0, cssr_1.c)('>', [(0, cssr_1.cE)('scrollbar', `
@@ -60,9 +66,15 @@ exports.default = (0, cssr_1.cB)('scrollbar', `
  border-radius: var(--n-scrollbar-border-radius);
  bottom: 0;
  `)])]), (0, cssr_1.cM)('vertical--left', `
- inset: var(--n-scrollbar-rail-inset-vertical-left); 
+ top: var(--n-scrollbar-rail-top-vertical-left); 
+ right: var(--n-scrollbar-rail-right-vertical-left); 
+ bottom: var(--n-scrollbar-rail-bottom-vertical-left); 
+ left: var(--n-scrollbar-rail-left-vertical-left); 
  `), (0, cssr_1.cM)('vertical--right', `
- inset: var(--n-scrollbar-rail-inset-vertical-right); 
+ top: var(--n-scrollbar-rail-top-vertical-right); 
+ right: var(--n-scrollbar-rail-right-vertical-right); 
+ bottom: var(--n-scrollbar-rail-bottom-vertical-right); 
+ left: var(--n-scrollbar-rail-left-vertical-right); 
  `), (0, cssr_1.cM)('disabled', [(0, cssr_1.c)('>', [(0, cssr_1.cE)('scrollbar', 'pointer-events: none;')])]), (0, cssr_1.c)('>', [(0, cssr_1.cE)('scrollbar', `
  z-index: 1;
  position: absolute;

package/lib/_mixins/index.d.ts

@@ -1,4 +1,4 @@
-export { default as useConfig, defaultClsPrefix } from './use-config';
+export { defaultClsPrefix, default as useConfig } from './use-config';
 export { useThemeClass } from './use-css-vars-class';
 export { default as useFormItem } from './use-form-item';
 export { default as useHljs } from './use-hljs';

package/lib/_mixins/index.js

@@ -3,10 +3,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useTheme = exports.createTheme = exports.useStyle = exports.useRtl = exports.useLocale = exports.useHljs = exports.useFormItem = exports.useThemeClass = exports.defaultClsPrefix = exports.useConfig = void 0;
+exports.useTheme = exports.createTheme = exports.useStyle = exports.useRtl = exports.useLocale = exports.useHljs = exports.useFormItem = exports.useThemeClass = exports.useConfig = exports.defaultClsPrefix = void 0;
 var use_config_1 = require("./use-config");
-Object.defineProperty(exports, "useConfig", { enumerable: true, get: function () { return __importDefault(use_config_1).default; } });
 Object.defineProperty(exports, "defaultClsPrefix", { enumerable: true, get: function () { return use_config_1.defaultClsPrefix; } });
+Object.defineProperty(exports, "useConfig", { enumerable: true, get: function () { return __importDefault(use_config_1).default; } });
 var use_css_vars_class_1 = require("./use-css-vars-class");
 Object.defineProperty(exports, "useThemeClass", { enumerable: true, get: function () { return use_css_vars_class_1.useThemeClass; } });
 var use_form_item_1 = require("./use-form-item");

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

@@ -12,6 +12,14 @@ function useOnResize(elRef, onResize) {
                 vueuc_1.resizeObserverManager.registerHandler(el, onResize);
             }
         });
+        // avoid memory leak
+        (0, vue_1.watch)(elRef, (_, oldEl) => {
+            if (oldEl) {
+                vueuc_1.resizeObserverManager.unregisterHandler(oldEl);
+            }
+        }, {
+            deep: false
+        });
         (0, vue_1.onBeforeUnmount)(() => {
             const { value: el } = elRef;
             if (el) {

package/lib/_utils/css/rtl-inset.js

@@ -4,5 +4,5 @@ exports.rtlInset = rtlInset;
 const seemly_1 = require("seemly");
 function rtlInset(inset) {
     const { left, right, top, bottom } = (0, seemly_1.getPadding)(inset);
-    return `${top} ${right} ${bottom} ${left}`;
+    return `${top} ${left} ${bottom} ${right}`;
 }

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

@@ -206,7 +206,7 @@ exports.default = (0, vue_1.defineComponent)({
                                 style: [this.style, this.cssVars],
                                 onClick: this.handleClick
                             }), (0, _utils_1.resolveSlot)(this.$slots.default, () => [
-                                (0, vue_1.h)(_internal_1.NBaseIcon, { clsPrefix: mergedClsPrefix }, { default: () => BackTopIcon_1.default })
+                                (0, vue_1.h)(_internal_1.NBaseIcon, { clsPrefix: mergedClsPrefix }, { default: BackTopIcon_1.default })
                             ]))
                             : null;
                     }

package/lib/back-top/src/BackTopIcon.d.ts

@@ -1,2 +1,2 @@
-declare const _default: JSX.Element;
+declare const _default: () => JSX.Element;
 export default _default;

package/lib/back-top/src/BackTopIcon.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const vue_1 = require("vue");
-exports.default = ((0, vue_1.h)("svg", { viewBox: "0 0 24 24", version: "1.1", xmlns: "http://www.w3.org/2000/svg", xlinkHref: "http://www.w3.org/1999/xlink" },
+exports.default = () => ((0, vue_1.h)("svg", { viewBox: "0 0 24 24", version: "1.1", xmlns: "http://www.w3.org/2000/svg", xlinkHref: "http://www.w3.org/1999/xlink" },
     (0, vue_1.h)("g", { stroke: "none", "stroke-width": "1", "fill-rule": "evenodd" },
         (0, vue_1.h)("g", { transform: "translate(-139.000000, -4423.000000)", "fill-rule": "nonzero" },
             (0, vue_1.h)("g", { transform: "translate(120.000000, 4285.000000)" },

package/lib/carousel/src/CarouselArrow.js

@@ -3,12 +3,16 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const vue_1 = require("vue");
 const _mixins_1 = require("../../_mixins");
 const CarouselContext_1 = require("./CarouselContext");
-const backwardIcon = ((0, vue_1.h)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16" },
-    (0, vue_1.h)("g", { fill: "none" },
-        (0, vue_1.h)("path", { d: "M10.26 3.2a.75.75 0 0 1 .04 1.06L6.773 8l3.527 3.74a.75.75 0 1 1-1.1 1.02l-4-4.25a.75.75 0 0 1 0-1.02l4-4.25a.75.75 0 0 1 1.06-.04z", fill: "currentColor" }))));
-const forwardIcon = ((0, vue_1.h)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16" },
-    (0, vue_1.h)("g", { fill: "none" },
-        (0, vue_1.h)("path", { d: "M5.74 3.2a.75.75 0 0 0-.04 1.06L9.227 8L5.7 11.74a.75.75 0 1 0 1.1 1.02l4-4.25a.75.75 0 0 0 0-1.02l-4-4.25a.75.75 0 0 0-1.06-.04z", fill: "currentColor" }))));
+function renderBackwardIcon() {
+    return ((0, vue_1.h)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16" },
+        (0, vue_1.h)("g", { fill: "none" },
+            (0, vue_1.h)("path", { d: "M10.26 3.2a.75.75 0 0 1 .04 1.06L6.773 8l3.527 3.74a.75.75 0 1 1-1.1 1.02l-4-4.25a.75.75 0 0 1 0-1.02l4-4.25a.75.75 0 0 1 1.06-.04z", fill: "currentColor" }))));
+}
+function renderForwardIcon() {
+    return ((0, vue_1.h)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16" },
+        (0, vue_1.h)("g", { fill: "none" },
+            (0, vue_1.h)("path", { d: "M5.74 3.2a.75.75 0 0 0-.04 1.06L9.227 8L5.7 11.74a.75.75 0 1 0 1.1 1.02l4-4.25a.75.75 0 0 0 0-1.02l-4-4.25a.75.75 0 0 0-1.06-.04z", fill: "currentColor" }))));
+}
 exports.default = (0, vue_1.defineComponent)({
     name: 'CarouselArrow',
     setup(props) {
@@ -30,11 +34,11 @@ exports.default = (0, vue_1.defineComponent)({
                     `${mergedClsPrefix}-carousel__arrow`,
                     this.isPrevDisabled()
                         && `${mergedClsPrefix}-carousel__arrow--disabled`
-                ], role: "button", onClick: this.prev }, backwardIcon),
+                ], role: "button", onClick: this.prev }, renderBackwardIcon()),
             (0, vue_1.h)("div", { class: [
                     `${mergedClsPrefix}-carousel__arrow`,
                     this.isNextDisabled()
                         && `${mergedClsPrefix}-carousel__arrow--disabled`
-                ], role: "button", onClick: this.next }, forwardIcon)));
+                ], role: "button", onClick: this.next }, renderForwardIcon())));
     }
 });

package/lib/checkbox/src/CheckMark.d.ts

@@ -1,2 +1,3 @@
-declare const _default: JSX.Element;
+import type { VNode } from 'vue';
+declare const _default: () => VNode;
 export default _default;

package/lib/checkbox/src/CheckMark.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const vue_1 = require("vue");
-exports.default = ((0, vue_1.h)("svg", { viewBox: "0 0 64 64", class: "check-icon" },
+exports.default = () => ((0, vue_1.h)("svg", { viewBox: "0 0 64 64", class: "check-icon" },
     (0, vue_1.h)("path", { d: "M50.42,16.76L22.34,39.45l-8.1-11.46c-1.12-1.58-3.3-1.96-4.88-0.84c-1.58,1.12-1.95,3.3-0.84,4.88l10.26,14.51  c0.56,0.79,1.42,1.31,2.38,1.45c0.16,0.02,0.32,0.03,0.48,0.03c0.8,0,1.57-0.27,2.2-0.78l30.99-25.03c1.5-1.21,1.74-3.42,0.52-4.92  C54.13,15.78,51.93,15.55,50.42,16.76z" })));

package/lib/checkbox/src/Checkbox.js

@@ -249,7 +249,7 @@ exports.default = (0, vue_1.defineComponent)({
                 "\u00A0",
                 (0, vue_1.h)("div", { class: `${mergedClsPrefix}-checkbox-box` },
                     (0, vue_1.h)(_internal_1.NIconSwitchTransition, null, {
-                        default: () => this.indeterminate ? ((0, vue_1.h)("div", { key: "indeterminate", class: `${mergedClsPrefix}-checkbox-icon` }, LineMark_1.default)) : ((0, vue_1.h)("div", { key: "check", class: `${mergedClsPrefix}-checkbox-icon` }, CheckMark_1.default))
+                        default: () => this.indeterminate ? ((0, vue_1.h)("div", { key: "indeterminate", class: `${mergedClsPrefix}-checkbox-icon` }, (0, LineMark_1.default)())) : ((0, vue_1.h)("div", { key: "check", class: `${mergedClsPrefix}-checkbox-icon` }, (0, CheckMark_1.default)()))
                     }),
                     (0, vue_1.h)("div", { class: `${mergedClsPrefix}-checkbox-box__border` }))),
             labelNode));

package/lib/checkbox/src/LineMark.d.ts

@@ -1,2 +1,3 @@
-declare const _default: JSX.Element;
+import type { VNode } from 'vue';
+declare const _default: () => VNode;
 export default _default;

package/lib/checkbox/src/LineMark.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const vue_1 = require("vue");
-exports.default = ((0, vue_1.h)("svg", { viewBox: "0 0 100 100", class: "line-icon" },
+exports.default = () => ((0, vue_1.h)("svg", { viewBox: "0 0 100 100", class: "line-icon" },
     (0, vue_1.h)("path", { d: "M80.2,55.5H21.4c-2.8,0-5.1-2.5-5.1-5.5l0,0c0-3,2.3-5.5,5.1-5.5h58.7c2.8,0,5.1,2.5,5.1,5.5l0,0C85.2,53.1,82.9,55.5,80.2,55.5z" })));

package/lib/config-provider/src/internal-interface.d.ts

@@ -7,22 +7,22 @@ import type { Hljs } from '../../_mixins';
 import type { AlertTheme } from '../../alert/styles';
 import type { AnchorTheme } from '../../anchor/styles';
 import type { AutoCompleteTheme } from '../../auto-complete/styles';
-import type { AvatarTheme } from '../../avatar/styles';
 import type { AvatarGroupTheme } from '../../avatar-group/styles';
+import type { AvatarTheme } from '../../avatar/styles';
 import type { BackTopTheme } from '../../back-top/styles';
 import type { BadgeTheme } from '../../badge/styles';
 import type { BreadcrumbTheme } from '../../breadcrumb/styles';
+import type { ButtonGroupTheme } from '../../button-group/styles/light';
 import type { Size as ButtonSize } from '../../button/src/interface';
 import type { ButtonTheme } from '../../button/styles';
-import type { ButtonGroupTheme } from '../../button-group/styles/light';
 import type { CalendarTheme } from '../../calendar/styles';
 import type { CardTheme } from '../../card/styles';
 import type { CarouselTheme } from '../../carousel/styles';
 import type { CascaderTheme } from '../../cascader/styles';
 import type { CheckboxTheme } from '../../checkbox/styles';
 import type { CodeTheme } from '../../code/styles';
-import type { CollapseTheme } from '../../collapse/styles';
 import type { CollapseTransitionTheme } from '../../collapse-transition/styles';
+import type { CollapseTheme } from '../../collapse/styles';
 import type { ColorPickerTheme } from '../../color-picker/styles';
 import type { DataTableRenderFilter, DataTableRenderSorter } from '../../data-table';
 import type { DataTableTheme } from '../../data-table/styles';
@@ -41,16 +41,16 @@ import type { EmptyProps } from '../../empty';
 import type { EmptyTheme } from '../../empty/styles';
 import type { EquationTheme } from '../../equation/styles';
 import type { FlexTheme } from '../../flex/styles';
-import type { FloatButtonTheme } from '../../float-button/styles';
 import type { FloatButtonGroupTheme } from '../../float-button-group/styles';
+import type { FloatButtonTheme } from '../../float-button/styles';
 import type { FormTheme } from '../../form/styles';
 import type { GradientTextTheme } from '../../gradient-text/styles';
-import type { IconTheme } from '../../icon/styles';
 import type { IconWrapperTheme } from '../../icon-wrapper/styles';
+import type { IconTheme } from '../../icon/styles';
 import type { ImageTheme } from '../../image/styles';
+import type { InputNumberTheme } from '../../input-number/styles';
 import type { Size as InputSize } from '../../input/src/interface';
 import type { InputTheme } from '../../input/styles';
-import type { InputNumberTheme } from '../../input-number/styles';
 import type { LayoutTheme } from '../../layout/styles';
 import type { RowTheme } from '../../legacy-grid/styles';
 import type { LegacyTransferTheme } from '../../legacy-transfer/styles';
@@ -93,8 +93,8 @@ import type { TimePickerTheme } from '../../time-picker/styles';
 import type { TimelineTheme } from '../../timeline/styles';
 import type { TooltipTheme } from '../../tooltip/styles';
 import type { TransferTheme } from '../../transfer/styles';
-import type { TreeTheme } from '../../tree/styles';
 import type { TreeSelectTheme } from '../../tree-select/styles';
+import type { TreeTheme } from '../../tree/styles';
 import type { TypographyTheme } from '../../typography/styles';
 import type { UploadTheme } from '../../upload/styles';
 import type { WatermarkTheme } from '../../watermark/styles';

package/lib/data-table/index.d.ts

@@ -1,4 +1,4 @@
 export { default as NDataTable } from './src/DataTable';
 export { dataTableProps } from './src/interface';
-export type { ColumnKey as DataTableColumnKey, CreateRowClassName as DataTableCreateRowClassName, CreateRowKey as DataTableCreateRowKey, CreateRowProps as DataTableCreateRowProps, CreateSummary as DataTableCreateSummary, DataTableInst, DataTableProps, FilterState as DataTableFilterState, RenderFilter as DataTableRenderFilter, RenderFilterIcon as DataTableRenderFilterIcon, RenderSorter as DataTableRenderSorter, RenderSorterIcon as DataTableRenderSorterIcon, RowData as DataTableRowData, RowKey as DataTableRowKey, SortState as DataTableSortState, TableBaseColumn as DataTableBaseColumn, TableColumn as DataTableColumn, TableColumnGroup as DataTableColumnGroup, TableColumns as DataTableColumns, TableExpandColumn as DataTableExpandColumn, TableSelectionColumn as DataTableSelectionColumn } from './src/interface';
+export type { TableBaseColumn as DataTableBaseColumn, TableColumn as DataTableColumn, TableColumnGroup as DataTableColumnGroup, ColumnKey as DataTableColumnKey, TableColumns as DataTableColumns, CreateRowClassName as DataTableCreateRowClassName, CreateRowKey as DataTableCreateRowKey, CreateRowProps as DataTableCreateRowProps, CreateSummary as DataTableCreateSummary, TableExpandColumn as DataTableExpandColumn, FilterState as DataTableFilterState, DataTableInst, DataTableProps, RenderFilter as DataTableRenderFilter, RenderFilterIcon as DataTableRenderFilterIcon, RenderSorter as DataTableRenderSorter, RenderSorterIcon as DataTableRenderSorterIcon, RowData as DataTableRowData, RowKey as DataTableRowKey, TableSelectionColumn as DataTableSelectionColumn, SortState as DataTableSortState } from './src/interface';
 export * from './src/publicTypes';

package/lib/descriptions/index.d.ts

@@ -1,4 +1,4 @@
-export { default as NDescriptions, descriptionsProps } from './src/Descriptions';
+export { descriptionsProps, default as NDescriptions } from './src/Descriptions';
 export type { DescriptionProps, DescriptionsProps } from './src/Descriptions';
-export { default as NDescriptionsItem, descriptionsItemProps } from './src/DescriptionsItem';
+export { descriptionsItemProps, default as NDescriptionsItem } from './src/DescriptionsItem';
 export type { DescriptionItemProps } from './src/DescriptionsItem';