naive-ui 2.41.0 → 2.42.0

package/dist/index.js

@@ -11,7 +11,7 @@
       let _ePrefix = '__';
       let _mPrefix = '--';
       let c;
-      {
+      if (options) {
         let t = options.blockPrefix;
         if (t) {
           _bPrefix = t;
@@ -803,24 +803,157 @@
       };
     }
 
+    // src: https://www.w3schools.com/colors/colors_names.asp
     var colors = {
-      black: '#000',
-      silver: '#C0C0C0',
-      gray: '#808080',
-      white: '#FFF',
-      maroon: '#800000',
-      red: '#F00',
-      purple: '#800080',
-      fuchsia: '#F0F',
-      green: '#008000',
-      lime: '#0F0',
-      olive: '#808000',
-      yellow: '#FF0',
-      navy: '#000080',
-      blue: '#00F',
-      teal: '#008080',
-      aqua: '#0FF',
-      transparent: '#0000'
+      aliceblue: "#F0F8FF",
+      antiquewhite: "#FAEBD7",
+      aqua: "#0FF",
+      aquamarine: "#7FFFD4",
+      azure: "#F0FFFF",
+      beige: "#F5F5DC",
+      bisque: "#FFE4C4",
+      black: "#000",
+      blanchedalmond: "#FFEBCD",
+      blue: "#00F",
+      blueviolet: "#8A2BE2",
+      brown: "#A52A2A",
+      burlywood: "#DEB887",
+      cadetblue: "#5F9EA0",
+      chartreuse: "#7FFF00",
+      chocolate: "#D2691E",
+      coral: "#FF7F50",
+      cornflowerblue: "#6495ED",
+      cornsilk: "#FFF8DC",
+      crimson: "#DC143C",
+      cyan: "#0FF",
+      darkblue: "#00008B",
+      darkcyan: "#008B8B",
+      darkgoldenrod: "#B8860B",
+      darkgray: "#A9A9A9",
+      darkgrey: "#A9A9A9",
+      darkgreen: "#006400",
+      darkkhaki: "#BDB76B",
+      darkmagenta: "#8B008B",
+      darkolivegreen: "#556B2F",
+      darkorange: "#FF8C00",
+      darkorchid: "#9932CC",
+      darkred: "#8B0000",
+      darksalmon: "#E9967A",
+      darkseagreen: "#8FBC8F",
+      darkslateblue: "#483D8B",
+      darkslategray: "#2F4F4F",
+      darkslategrey: "#2F4F4F",
+      darkturquoise: "#00CED1",
+      darkviolet: "#9400D3",
+      deeppink: "#FF1493",
+      deepskyblue: "#00BFFF",
+      dimgray: "#696969",
+      dimgrey: "#696969",
+      dodgerblue: "#1E90FF",
+      firebrick: "#B22222",
+      floralwhite: "#FFFAF0",
+      forestgreen: "#228B22",
+      fuchsia: "#F0F",
+      gainsboro: "#DCDCDC",
+      ghostwhite: "#F8F8FF",
+      gold: "#FFD700",
+      goldenrod: "#DAA520",
+      gray: "#808080",
+      grey: "#808080",
+      green: "#008000",
+      greenyellow: "#ADFF2F",
+      honeydew: "#F0FFF0",
+      hotpink: "#FF69B4",
+      indianred: "#CD5C5C",
+      indigo: "#4B0082",
+      ivory: "#FFFFF0",
+      khaki: "#F0E68C",
+      lavender: "#E6E6FA",
+      lavenderblush: "#FFF0F5",
+      lawngreen: "#7CFC00",
+      lemonchiffon: "#FFFACD",
+      lightblue: "#ADD8E6",
+      lightcoral: "#F08080",
+      lightcyan: "#E0FFFF",
+      lightgoldenrodyellow: "#FAFAD2",
+      lightgray: "#D3D3D3",
+      lightgrey: "#D3D3D3",
+      lightgreen: "#90EE90",
+      lightpink: "#FFB6C1",
+      lightsalmon: "#FFA07A",
+      lightseagreen: "#20B2AA",
+      lightskyblue: "#87CEFA",
+      lightslategray: "#778899",
+      lightslategrey: "#778899",
+      lightsteelblue: "#B0C4DE",
+      lightyellow: "#FFFFE0",
+      lime: "#0F0",
+      limegreen: "#32CD32",
+      linen: "#FAF0E6",
+      magenta: "#F0F",
+      maroon: "#800000",
+      mediumaquamarine: "#66CDAA",
+      mediumblue: "#0000CD",
+      mediumorchid: "#BA55D3",
+      mediumpurple: "#9370DB",
+      mediumseagreen: "#3CB371",
+      mediumslateblue: "#7B68EE",
+      mediumspringgreen: "#00FA9A",
+      mediumturquoise: "#48D1CC",
+      mediumvioletred: "#C71585",
+      midnightblue: "#191970",
+      mintcream: "#F5FFFA",
+      mistyrose: "#FFE4E1",
+      moccasin: "#FFE4B5",
+      navajowhite: "#FFDEAD",
+      navy: "#000080",
+      oldlace: "#FDF5E6",
+      olive: "#808000",
+      olivedrab: "#6B8E23",
+      orange: "#FFA500",
+      orangered: "#FF4500",
+      orchid: "#DA70D6",
+      palegoldenrod: "#EEE8AA",
+      palegreen: "#98FB98",
+      paleturquoise: "#AFEEEE",
+      palevioletred: "#DB7093",
+      papayawhip: "#FFEFD5",
+      peachpuff: "#FFDAB9",
+      peru: "#CD853F",
+      pink: "#FFC0CB",
+      plum: "#DDA0DD",
+      powderblue: "#B0E0E6",
+      purple: "#800080",
+      rebeccapurple: "#663399",
+      red: "#F00",
+      rosybrown: "#BC8F8F",
+      royalblue: "#4169E1",
+      saddlebrown: "#8B4513",
+      salmon: "#FA8072",
+      sandybrown: "#F4A460",
+      seagreen: "#2E8B57",
+      seashell: "#FFF5EE",
+      sienna: "#A0522D",
+      silver: "#C0C0C0",
+      skyblue: "#87CEEB",
+      slateblue: "#6A5ACD",
+      slategray: "#708090",
+      slategrey: "#708090",
+      snow: "#FFFAFA",
+      springgreen: "#00FF7F",
+      steelblue: "#4682B4",
+      tan: "#D2B48C",
+      teal: "#008080",
+      thistle: "#D8BFD8",
+      tomato: "#FF6347",
+      turquoise: "#40E0D0",
+      violet: "#EE82EE",
+      wheat: "#F5DEB3",
+      white: "#FFF",
+      whitesmoke: "#F5F5F5",
+      yellow: "#FF0",
+      yellowgreen: "#9ACD32",
+      transparent: "#0000"
     };
 
     // All the algorithms credit to https://stackoverflow.com/questions/36721830/convert-hsl-to-rgb-and-hex/54014428#54014428
@@ -964,7 +1097,9 @@
     }
     /**
      * Convert color string to rgba array.
-     * @param color format like #000[0], #000000[00], rgb(0, 0, 0), rgba(0, 0, 0, 0) and basic color keywords https://www.w3.org/TR/css-color-3/#html4 and transparent
+     * @param color format like #000[0], #000000[00], rgb(0, 0, 0),
+     * rgba(0, 0, 0, 0), hsl(a) color, hsv(a) color and color keywords and
+     * transparent
      * @returns
      */
     function rgba(color) {
@@ -984,6 +1119,12 @@
           return [parseHex(i[1] + i[1]), parseHex(i[2] + i[2]), parseHex(i[3] + i[3]), roundAlpha(parseHex(i[4] + i[4]) / 255)];
         } else if (color in colors) {
           return rgba(colors[color]);
+        } else if (hslRegex.test(color) || hslaRegex.test(color)) {
+          const [h, s, l, a] = hsla(color);
+          return [...hsl2rgb(h, s, l), a];
+        } else if (hsvRegex.test(color) || hsvaRegex.test(color)) {
+          const [h, s, v, a] = hsva(color);
+          return [...hsv2rgb(h, s, v), a];
         }
         throw new Error(`[seemly/rgba]: Invalid color value ${color}.`);
       } catch (e) {
@@ -1012,7 +1153,7 @@
     }
     function changeColor(base, options) {
       const [r, g, b, a = 1] = Array.isArray(base) ? base : rgba(base);
-      if (options.alpha) {
+      if (typeof options.alpha === 'number') {
         return stringifyRgba(r, g, b, options.alpha);
       }
       return stringifyRgba(r, g, b, a);
@@ -3262,7 +3403,7 @@
     }
 
     /* eslint-disable @typescript-eslint/no-non-null-assertion */
-    const style$1G = c([c('.v-binder-follower-container', {
+    const style$1H = c([c('.v-binder-follower-container', {
       position: 'absolute',
       left: '0',
       right: '0',
@@ -3341,7 +3482,7 @@
           }
         });
         const ssrAdapter = useSsrAdapter();
-        style$1G.mount({
+        style$1H.mount({
           id: 'vueuc/binder',
           head: true,
           anchorMetaName: cssrAnchorMetaName$1,
@@ -4801,7 +4942,7 @@
 
     /* eslint-disable @typescript-eslint/strict-boolean-expressions */
     const hiddenAttr = 'v-hidden';
-    const style$1F = c('[v-hidden]', {
+    const style$1G = c('[v-hidden]', {
       display: 'none!important'
     });
     var VOverflow = vue.defineComponent({
@@ -4914,7 +5055,7 @@
           }
         }
         const ssrAdapter = useSsrAdapter();
-        style$1F.mount({
+        style$1G.mount({
           id: 'vueuc/overflow',
           head: true,
           anchorMetaName: cssrAnchorMetaName$1,
@@ -5302,6 +5443,9 @@
       a.click();
       document.body.removeChild(a);
     }
+    function publicDownload(url, name) {
+      download(url, name);
+    }
 
     function isDocument(node) {
       return node.nodeName === "#document";
@@ -5350,6 +5494,20 @@
       throw new Error(`${size} has no smaller size.`);
     }
 
+    function isArrayShallowEqual(array1, array2) {
+      if (array1 === null && array2 === null) return true;
+      if (array1 === null || array2 === null) return false;
+      if (array1.length === array2.length) {
+        for (let i = 0; i < array1.length; ++i) {
+          if (array1[i] !== array2[i]) {
+            return false;
+          }
+        }
+        return true;
+      }
+      return false;
+    }
+
     const warnedMessages = /* @__PURE__ */new Set();
     function warnOnce(location, message) {
       const mergedMessage = `[naive/${location}]: ${message}`;
@@ -22239,7 +22397,7 @@
     	   * @param {number} fromIndex The index to search from.
     	   * @param {boolean} [fromRight] Specify iterating from right to left.
     	   * @returns {number} Returns the index of the matched value, else `-1`.
-    	   */function baseFindIndex(array,predicate,fromIndex,fromRight){var length=array.length,index=fromIndex+(fromRight?1:-1);while(fromRight?index--:++index<length){if(predicate(array[index],index,array)){return index;}}return -1;}/**
+    	   */function baseFindIndex(array,predicate,fromIndex,fromRight){var length=array.length,index=fromIndex+(fromRight?1:-1);while(fromRight?index--:++index<length){if(predicate(array[index],index,array)){return index;}}return  -1;}/**
     	   * The base implementation of `_.indexOf` without `fromIndex` bounds checks.
     	   *
     	   * @private
@@ -22256,7 +22414,7 @@
     	   * @param {number} fromIndex The index to search from.
     	   * @param {Function} comparator The comparator invoked per element.
     	   * @returns {number} Returns the index of the matched value, else `-1`.
-    	   */function baseIndexOfWith(array,value,fromIndex,comparator){var index=fromIndex-1,length=array.length;while(++index<length){if(comparator(array[index],value)){return index;}}return -1;}/**
+    	   */function baseIndexOfWith(array,value,fromIndex,comparator){var index=fromIndex-1,length=array.length;while(++index<length){if(comparator(array[index],value)){return index;}}return  -1;}/**
     	   * The base implementation of `_.isNaN` without support for number objects.
     	   *
     	   * @private
@@ -22464,7 +22622,7 @@
     	   * @param {*} value The value to search for.
     	   * @param {number} fromIndex The index to search from.
     	   * @returns {number} Returns the index of the matched value, else `-1`.
-    	   */function strictIndexOf(array,value,fromIndex){var index=fromIndex-1,length=array.length;while(++index<length){if(array[index]===value){return index;}}return -1;}/**
+    	   */function strictIndexOf(array,value,fromIndex){var index=fromIndex-1,length=array.length;while(++index<length){if(array[index]===value){return index;}}return  -1;}/**
     	   * A specialized version of `_.lastIndexOf` which performs strict equality
     	   * comparisons of values, i.e. `===`.
     	   *
@@ -23013,7 +23171,7 @@
     	     * @param {Array} array The array to inspect.
     	     * @param {*} key The key to search for.
     	     * @returns {number} Returns the index of the matched value, else `-1`.
-    	     */function assocIndexOf(array,key){var length=array.length;while(length--){if(eq(array[length][0],key)){return length;}}return -1;}/**
+    	     */function assocIndexOf(array,key){var length=array.length;while(length--){if(eq(array[length][0],key)){return length;}}return  -1;}/**
     	     * Aggregates elements of `collection` on `accumulator` with keys transformed
     	     * by `iteratee` and values set by `setter`.
     	     *
@@ -23642,7 +23800,7 @@
     	     * @returns {string} Returns the string.
     	     */function baseToString(value){// Exit early for strings to avoid a performance hit in some environments.
     	if(typeof value=='string'){return value;}if(isArray(value)){// Recursively convert values (susceptible to call stack limits).
-    	return arrayMap(value,baseToString)+'';}if(isSymbol(value)){return symbolToString?symbolToString.call(value):'';}var result=value+'';return result=='0'&&1/value==-INFINITY?'-0':result;}/**
+    	return arrayMap(value,baseToString)+'';}if(isSymbol(value)){return symbolToString?symbolToString.call(value):'';}var result=value+'';return result=='0'&&1/value==-Infinity?'-0':result;}/**
     	     * The base implementation of `_.uniqBy` without support for iteratee shorthands.
     	     *
     	     * @private
@@ -23788,7 +23946,7 @@
     	     * @param {*} value The value to compare.
     	     * @param {*} other The other value to compare.
     	     * @returns {number} Returns the sort order indicator for `value`.
-    	     */function compareAscending(value,other){if(value!==other){var valIsDefined=value!==undefined$1,valIsNull=value===null,valIsReflexive=value===value,valIsSymbol=isSymbol(value);var othIsDefined=other!==undefined$1,othIsNull=other===null,othIsReflexive=other===other,othIsSymbol=isSymbol(other);if(!othIsNull&&!othIsSymbol&&!valIsSymbol&&value>other||valIsSymbol&&othIsDefined&&othIsReflexive&&!othIsNull&&!othIsSymbol||valIsNull&&othIsDefined&&othIsReflexive||!valIsDefined&&othIsReflexive||!valIsReflexive){return 1;}if(!valIsNull&&!valIsSymbol&&!othIsSymbol&&value<other||othIsSymbol&&valIsDefined&&valIsReflexive&&!valIsNull&&!valIsSymbol||othIsNull&&valIsDefined&&valIsReflexive||!othIsDefined&&valIsReflexive||!othIsReflexive){return -1;}}return 0;}/**
+    	     */function compareAscending(value,other){if(value!==other){var valIsDefined=value!==undefined$1,valIsNull=value===null,valIsReflexive=value===value,valIsSymbol=isSymbol(value);var othIsDefined=other!==undefined$1,othIsNull=other===null,othIsReflexive=other===other,othIsSymbol=isSymbol(other);if(!othIsNull&&!othIsSymbol&&!valIsSymbol&&value>other||valIsSymbol&&othIsDefined&&othIsReflexive&&!othIsNull&&!othIsSymbol||valIsNull&&othIsDefined&&othIsReflexive||!valIsDefined&&othIsReflexive||!valIsReflexive){return 1;}if(!valIsNull&&!valIsSymbol&&!othIsSymbol&&value<other||othIsSymbol&&valIsDefined&&valIsReflexive&&!valIsNull&&!valIsSymbol||othIsNull&&valIsDefined&&valIsReflexive||!othIsDefined&&valIsReflexive||!othIsReflexive){return  -1;}}return 0;}/**
     	     * Used by `_.orderBy` to compare multiple properties of a value to another
     	     * and stable sort them.
     	     *
@@ -24023,7 +24181,7 @@
     	     * @param {number} [ary] The arity cap of `func`.
     	     * @param {number} [arity] The arity of `func`.
     	     * @returns {Function} Returns the new wrapped function.
-    	     */function createRecurry(func,bitmask,wrapFunc,placeholder,thisArg,partials,holders,argPos,ary,arity){var isCurry=bitmask&WRAP_CURRY_FLAG,newHolders=isCurry?holders:undefined$1,newHoldersRight=isCurry?undefined$1:holders,newPartials=isCurry?partials:undefined$1,newPartialsRight=isCurry?undefined$1:partials;bitmask|=isCurry?WRAP_PARTIAL_FLAG:WRAP_PARTIAL_RIGHT_FLAG;bitmask&=~(isCurry?WRAP_PARTIAL_RIGHT_FLAG:WRAP_PARTIAL_FLAG);if(!(bitmask&WRAP_CURRY_BOUND_FLAG)){bitmask&=~(WRAP_BIND_FLAG|WRAP_BIND_KEY_FLAG);}var newData=[func,bitmask,thisArg,newPartials,newHolders,newPartialsRight,newHoldersRight,argPos,ary,arity];var result=wrapFunc.apply(undefined$1,newData);if(isLaziable(func)){setData(result,newData);}result.placeholder=placeholder;return setWrapToString(result,func,bitmask);}/**
+    	     */function createRecurry(func,bitmask,wrapFunc,placeholder,thisArg,partials,holders,argPos,ary,arity){var isCurry=bitmask&WRAP_CURRY_FLAG,newHolders=isCurry?holders:undefined$1,newHoldersRight=isCurry?undefined$1:holders,newPartials=isCurry?partials:undefined$1,newPartialsRight=isCurry?undefined$1:partials;bitmask|=isCurry?WRAP_PARTIAL_FLAG:WRAP_PARTIAL_RIGHT_FLAG;bitmask&=~(isCurry?WRAP_PARTIAL_RIGHT_FLAG:WRAP_PARTIAL_FLAG);if(!(bitmask&WRAP_CURRY_BOUND_FLAG)){bitmask&=-4;}var newData=[func,bitmask,thisArg,newPartials,newHolders,newPartialsRight,newHoldersRight,argPos,ary,arity];var result=wrapFunc.apply(undefined$1,newData);if(isLaziable(func)){setData(result,newData);}result.placeholder=placeholder;return setWrapToString(result,func,bitmask);}/**
     	     * Creates a function like `_.round`.
     	     *
     	     * @private
@@ -24067,7 +24225,7 @@
     	     * @param {number} [ary] The arity cap of `func`.
     	     * @param {number} [arity] The arity of `func`.
     	     * @returns {Function} Returns the new wrapped function.
-    	     */function createWrap(func,bitmask,thisArg,partials,holders,argPos,ary,arity){var isBindKey=bitmask&WRAP_BIND_KEY_FLAG;if(!isBindKey&&typeof func!='function'){throw new TypeError(FUNC_ERROR_TEXT);}var length=partials?partials.length:0;if(!length){bitmask&=~(WRAP_PARTIAL_FLAG|WRAP_PARTIAL_RIGHT_FLAG);partials=holders=undefined$1;}ary=ary===undefined$1?ary:nativeMax(toInteger(ary),0);arity=arity===undefined$1?arity:toInteger(arity);length-=holders?holders.length:0;if(bitmask&WRAP_PARTIAL_RIGHT_FLAG){var partialsRight=partials,holdersRight=holders;partials=holders=undefined$1;}var data=isBindKey?undefined$1:getData(func);var newData=[func,bitmask,thisArg,partials,holders,partialsRight,holdersRight,argPos,ary,arity];if(data){mergeData(newData,data);}func=newData[0];bitmask=newData[1];thisArg=newData[2];partials=newData[3];holders=newData[4];arity=newData[9]=newData[9]===undefined$1?isBindKey?0:func.length:nativeMax(newData[9]-length,0);if(!arity&&bitmask&(WRAP_CURRY_FLAG|WRAP_CURRY_RIGHT_FLAG)){bitmask&=~(WRAP_CURRY_FLAG|WRAP_CURRY_RIGHT_FLAG);}if(!bitmask||bitmask==WRAP_BIND_FLAG){var result=createBind(func,bitmask,thisArg);}else if(bitmask==WRAP_CURRY_FLAG||bitmask==WRAP_CURRY_RIGHT_FLAG){result=createCurry(func,bitmask,arity);}else if((bitmask==WRAP_PARTIAL_FLAG||bitmask==(WRAP_BIND_FLAG|WRAP_PARTIAL_FLAG))&&!holders.length){result=createPartial(func,bitmask,thisArg,partials);}else {result=createHybrid.apply(undefined$1,newData);}var setter=data?baseSetData:setData;return setWrapToString(setter(result,newData),func,bitmask);}/**
+    	     */function createWrap(func,bitmask,thisArg,partials,holders,argPos,ary,arity){var isBindKey=bitmask&WRAP_BIND_KEY_FLAG;if(!isBindKey&&typeof func!='function'){throw new TypeError(FUNC_ERROR_TEXT);}var length=partials?partials.length:0;if(!length){bitmask&=-97;partials=holders=undefined$1;}ary=ary===undefined$1?ary:nativeMax(toInteger(ary),0);arity=arity===undefined$1?arity:toInteger(arity);length-=holders?holders.length:0;if(bitmask&WRAP_PARTIAL_RIGHT_FLAG){var partialsRight=partials,holdersRight=holders;partials=holders=undefined$1;}var data=isBindKey?undefined$1:getData(func);var newData=[func,bitmask,thisArg,partials,holders,partialsRight,holdersRight,argPos,ary,arity];if(data){mergeData(newData,data);}func=newData[0];bitmask=newData[1];thisArg=newData[2];partials=newData[3];holders=newData[4];arity=newData[9]=newData[9]===undefined$1?isBindKey?0:func.length:nativeMax(newData[9]-length,0);if(!arity&&bitmask&(WRAP_CURRY_FLAG|WRAP_CURRY_RIGHT_FLAG)){bitmask&=-25;}if(!bitmask||bitmask==WRAP_BIND_FLAG){var result=createBind(func,bitmask,thisArg);}else if(bitmask==WRAP_CURRY_FLAG||bitmask==WRAP_CURRY_RIGHT_FLAG){result=createCurry(func,bitmask,arity);}else if((bitmask==WRAP_PARTIAL_FLAG||bitmask==(WRAP_BIND_FLAG|WRAP_PARTIAL_FLAG))&&!holders.length){result=createPartial(func,bitmask,thisArg,partials);}else {result=createHybrid.apply(undefined$1,newData);}var setter=data?baseSetData:setData;return setWrapToString(setter(result,newData),func,bitmask);}/**
     	     * Used by `_.defaults` to customize its `_.assignIn` use to assign properties
     	     * of source objects to the destination object for all destination properties
     	     * that resolve to `undefined`.
@@ -24254,7 +24412,7 @@
     	     * @param {Array} transforms The transformations to apply to the view.
     	     * @returns {Object} Returns an object containing the `start` and `end`
     	     *  positions of the view.
-    	     */function getView(start,end,transforms){var index=-1,length=transforms.length;while(++index<length){var data=transforms[index],size=data.size;switch(data.type){case'drop':start+=size;break;case'dropRight':end-=size;break;case'take':end=nativeMin(end,start+size);break;case'takeRight':start=nativeMax(start,end-size);break;}}return {'start':start,'end':end};}/**
+    	     */function getView(start,end,transforms){var index=-1,length=transforms.length;while(++index<length){var data=transforms[index],size=data.size;switch(data.type){case 'drop':start+=size;break;case 'dropRight':end-=size;break;case 'take':end=nativeMin(end,start+size);break;case 'takeRight':start=nativeMax(start,end-size);break;}}return {'start':start,'end':end};}/**
     	     * Extracts wrapper details from the `source` body comment.
     	     *
     	     * @private
@@ -24513,7 +24671,7 @@
     	     * @private
     	     * @param {*} value The value to inspect.
     	     * @returns {string|symbol} Returns the key.
-    	     */function toKey(value){if(typeof value=='string'||isSymbol(value)){return value;}var result=value+'';return result=='0'&&1/value==-INFINITY?'-0':result;}/**
+    	     */function toKey(value){if(typeof value=='string'||isSymbol(value)){return value;}var result=value+'';return result=='0'&&1/value==-Infinity?'-0':result;}/**
     	     * Converts `func` to its source code.
     	     *
     	     * @private
@@ -24832,7 +24990,7 @@
     	     * // The `_.property` iteratee shorthand.
     	     * _.findIndex(users, 'active');
     	     * // => 2
-    	     */function findIndex(array,predicate,fromIndex){var length=array==null?0:array.length;if(!length){return -1;}var index=fromIndex==null?0:toInteger(fromIndex);if(index<0){index=nativeMax(length+index,0);}return baseFindIndex(array,getIteratee(predicate,3),index);}/**
+    	     */function findIndex(array,predicate,fromIndex){var length=array==null?0:array.length;if(!length){return  -1;}var index=fromIndex==null?0:toInteger(fromIndex);if(index<0){index=nativeMax(length+index,0);}return baseFindIndex(array,getIteratee(predicate,3),index);}/**
     	     * This method is like `_.findIndex` except that it iterates over elements
     	     * of `collection` from right to left.
     	     *
@@ -24866,7 +25024,7 @@
     	     * // The `_.property` iteratee shorthand.
     	     * _.findLastIndex(users, 'active');
     	     * // => 0
-    	     */function findLastIndex(array,predicate,fromIndex){var length=array==null?0:array.length;if(!length){return -1;}var index=length-1;if(fromIndex!==undefined$1){index=toInteger(fromIndex);index=fromIndex<0?nativeMax(length+index,0):nativeMin(index,length-1);}return baseFindIndex(array,getIteratee(predicate,3),index,true);}/**
+    	     */function findLastIndex(array,predicate,fromIndex){var length=array==null?0:array.length;if(!length){return  -1;}var index=length-1;if(fromIndex!==undefined$1){index=toInteger(fromIndex);index=fromIndex<0?nativeMax(length+index,0):nativeMin(index,length-1);}return baseFindIndex(array,getIteratee(predicate,3),index,true);}/**
     	     * Flattens `array` a single level deep.
     	     *
     	     * @static
@@ -24964,7 +25122,7 @@
     	     * // Search from the `fromIndex`.
     	     * _.indexOf([1, 2, 1, 2], 2, 2);
     	     * // => 3
-    	     */function indexOf(array,value,fromIndex){var length=array==null?0:array.length;if(!length){return -1;}var index=fromIndex==null?0:toInteger(fromIndex);if(index<0){index=nativeMax(length+index,0);}return baseIndexOf(array,value,index);}/**
+    	     */function indexOf(array,value,fromIndex){var length=array==null?0:array.length;if(!length){return  -1;}var index=fromIndex==null?0:toInteger(fromIndex);if(index<0){index=nativeMax(length+index,0);}return baseIndexOf(array,value,index);}/**
     	     * Gets all but the last element of `array`.
     	     *
     	     * @static
@@ -25082,7 +25240,7 @@
     	     * // Search from the `fromIndex`.
     	     * _.lastIndexOf([1, 2, 1, 2], 2, 2);
     	     * // => 1
-    	     */function lastIndexOf(array,value,fromIndex){var length=array==null?0:array.length;if(!length){return -1;}var index=length;if(fromIndex!==undefined$1){index=toInteger(fromIndex);index=index<0?nativeMax(length+index,0):nativeMin(index,length-1);}return value===value?strictLastIndexOf(array,value,index):baseFindIndex(array,baseIsNaN,index,true);}/**
+    	     */function lastIndexOf(array,value,fromIndex){var length=array==null?0:array.length;if(!length){return  -1;}var index=length;if(fromIndex!==undefined$1){index=toInteger(fromIndex);index=index<0?nativeMax(length+index,0):nativeMin(index,length-1);}return value===value?strictLastIndexOf(array,value,index):baseFindIndex(array,baseIsNaN,index,true);}/**
     	     * Gets the element at index `n` of `array`. If `n` is negative, the nth
     	     * element from the end is returned.
     	     *
@@ -25329,7 +25487,7 @@
     	     *
     	     * _.sortedIndexOf([4, 5, 5, 5, 6], 5);
     	     * // => 1
-    	     */function sortedIndexOf(array,value){var length=array==null?0:array.length;if(length){var index=baseSortedIndex(array,value);if(index<length&&eq(array[index],value)){return index;}}return -1;}/**
+    	     */function sortedIndexOf(array,value){var length=array==null?0:array.length;if(length){var index=baseSortedIndex(array,value);if(index<length&&eq(array[index],value)){return index;}}return  -1;}/**
     	     * This method is like `_.sortedIndex` except that it returns the highest
     	     * index at which `value` should be inserted into `array` in order to
     	     * maintain its sort order.
@@ -25385,7 +25543,7 @@
     	     *
     	     * _.sortedLastIndexOf([4, 5, 5, 5, 6], 5);
     	     * // => 3
-    	     */function sortedLastIndexOf(array,value){var length=array==null?0:array.length;if(length){var index=baseSortedIndex(array,value,true)-1;if(eq(array[index],value)){return index;}}return -1;}/**
+    	     */function sortedLastIndexOf(array,value){var length=array==null?0:array.length;if(length){var index=baseSortedIndex(array,value,true)-1;if(eq(array[index],value)){return index;}}return  -1;}/**
     	     * This method is like `_.uniq` except that it's designed and optimized
     	     * for sorted arrays.
     	     *
@@ -28322,7 +28480,7 @@
     	     *
     	     * _.isSafeInteger('3');
     	     * // => false
-    	     */function isSafeInteger(value){return isInteger(value)&&value>=-MAX_SAFE_INTEGER&&value<=MAX_SAFE_INTEGER;}/**
+    	     */function isSafeInteger(value){return isInteger(value)&&value>=-9007199254740991&&value<=MAX_SAFE_INTEGER;}/**
     	     * Checks if `value` is classified as a `Set` object.
     	     *
     	     * @static
@@ -28522,7 +28680,7 @@
     	     *
     	     * _.toFinite('3.2');
     	     * // => 3.2
-    	     */function toFinite(value){if(!value){return value===0?value:0;}value=toNumber(value);if(value===INFINITY||value===-INFINITY){var sign=value<0?-1:1;return sign*MAX_INTEGER;}return value===value?value:0;}/**
+    	     */function toFinite(value){if(!value){return value===0?value:0;}value=toNumber(value);if(value===INFINITY||value===-Infinity){var sign=value<0?-1:1;return sign*MAX_INTEGER;}return value===value?value:0;}/**
     	     * Converts `value` to an integer.
     	     *
     	     * **Note:** This method is loosely based on
@@ -28641,7 +28799,7 @@
     	     *
     	     * _.toSafeInteger('3.2');
     	     * // => 3
-    	     */function toSafeInteger(value){return value?baseClamp(toInteger(value),-MAX_SAFE_INTEGER,MAX_SAFE_INTEGER):value===0?value:0;}/**
+    	     */function toSafeInteger(value){return value?baseClamp(toInteger(value),-9007199254740991,MAX_SAFE_INTEGER):value===0?value:0;}/**
     	     * Converts `value` to a string. An empty string is returned for `null`
     	     * and `undefined` values. The sign of `-0` is preserved.
     	     *
@@ -31768,7 +31926,7 @@
       builtinThemeOverrides: Object
     };
 
-    var style$1E = cB("affix", [cM("affixed", {
+    var style$1F = cB("affix", [cM("affixed", {
       position: "fixed"
     }, [cM("absolute-positioned", {
       position: "absolute"
@@ -31838,7 +31996,7 @@
       props: affixProps,
       setup(props) {
         const { mergedClsPrefixRef } = useConfig(props);
-        useStyle("-affix", style$1E, mergedClsPrefixRef);
+        useStyle("-affix", style$1F, mergedClsPrefixRef);
         let scrollTarget = null;
         const stickToTopRef = vue.ref(false);
         const stickToBottomRef = vue.ref(false);
@@ -31960,7 +32118,7 @@
       }
     });
 
-    var style$1D = cB("base-icon", `
+    var style$1E = cB("base-icon", `
   height: 1em;
   width: 1em;
   line-height: 1em;
@@ -31968,7 +32126,6 @@
   display: inline-block;
   position: relative;
   fill: currentColor;
-  transform: translateZ(0);
 `, [c$1("svg", `
     height: 1em;
     width: 1em;
@@ -31996,7 +32153,7 @@
         onMouseup: Function
       },
       setup(props) {
-        useStyle("-base-icon", style$1D, vue.toRef(props, "clsPrefix"));
+        useStyle("-base-icon", style$1E, vue.toRef(props, "clsPrefix"));
       },
       render() {
         return /* @__PURE__ */ vue.h(
@@ -32586,7 +32743,7 @@
       })];
     }
 
-    var style$1C = cB("base-clear", `
+    var style$1D = cB("base-clear", `
   flex-shrink: 0;
   height: 1em;
   width: 1em;
@@ -32627,7 +32784,7 @@
         onClear: Function
       },
       setup(props) {
-        useStyle("-base-clear", style$1C, vue.toRef(props, "clsPrefix"));
+        useStyle("-base-clear", style$1D, vue.toRef(props, "clsPrefix"));
         return {
           handleMouseDown(e) {
             e.preventDefault();
@@ -32658,7 +32815,7 @@
       }
     });
 
-    var style$1B = cB("base-close", `
+    var style$1C = cB("base-close", `
   display: flex;
   align-items: center;
   justify-content: center;
@@ -32728,7 +32885,7 @@
         absolute: Boolean
       },
       setup(props) {
-        useStyle("-base-close", style$1B, vue.toRef(props, "clsPrefix"));
+        useStyle("-base-close", style$1C, vue.toRef(props, "clsPrefix"));
         return () => {
           const { clsPrefix, disabled, absolute, round, isButtonTag } = props;
           const Tag = isButtonTag ? "button" : "div";
@@ -32887,7 +33044,7 @@
       }
     });
 
-    var style$1A = c$1([c$1("@keyframes rotator", `
+    var style$1B = c$1([c$1("@keyframes rotator", `
     0% {
       -webkit-transform: rotate(0deg);
       transform: rotate(0deg);
@@ -32953,7 +33110,7 @@
         ...exposedLoadingProps
       },
       setup(props) {
-        useStyle("-base-loading", style$1A, vue.toRef(props, "clsPrefix"));
+        useStyle("-base-loading", style$1B, vue.toRef(props, "clsPrefix"));
       },
       render() {
         const { clsPrefix, radius, strokeWidth, stroke, scale } = this;
@@ -33056,7 +33213,7 @@
       })];
     }
 
-    var style$1z = cB("base-menu-mask", `
+    var style$1A = cB("base-menu-mask", `
   position: absolute;
   left: 0;
   right: 0;
@@ -33079,7 +33236,7 @@
         }
       },
       setup(props) {
-        useStyle("-base-menu-mask", style$1z, vue.toRef(props, "clsPrefix"));
+        useStyle("-base-menu-mask", style$1A, vue.toRef(props, "clsPrefix"));
         const messageRef = vue.ref(null);
         let timerId = null;
         const uncontrolledShowRef = vue.ref(false);
@@ -33297,22 +33454,11 @@
       // disabled placeholder
       alphaClose: "0.6",
       alphaDisabled: "0.5",
-      alphaDisabledInput: "0.02",
-      alphaPending: "0.05",
-      alphaTablePending: "0.02",
-      alphaPressed: "0.07",
       alphaAvatar: "0.2",
-      alphaRail: "0.14",
       alphaProgressRail: ".08",
-      alphaBorder: "0.12",
-      alphaDivider: "0.06",
       alphaInput: "0",
-      alphaAction: "0.02",
-      alphaTab: "0.04",
       alphaScrollbar: "0.25",
       alphaScrollbarHover: "0.4",
-      alphaCode: "0.05",
-      alphaTag: "0.02",
       // primary
       primaryHover: "#36ad6a",
       primaryDefault: "#18a058",
@@ -33463,7 +33609,7 @@
       railColor: "transparent"
     };
 
-    function self$1j(vars) {
+    function self$1k(vars) {
       const {
         scrollbarColor,
         scrollbarColorHover,
@@ -33483,16 +33629,16 @@
     const scrollbarLight = {
       name: "Scrollbar",
       common: derived,
-      self: self$1j
+      self: self$1k
     };
 
     const scrollbarDark = {
       name: "Scrollbar",
       common: derived$1,
-      self: self$1j
+      self: self$1k
     };
 
-    var rtlStyle$w = cB("scrollbar", [cM("rtl", `
+    var rtlStyle$x = cB("scrollbar", [cM("rtl", `
     direction: rtl;
   `, [c$1(">", [cB("scrollbar-rail", [cM("horizontal", [c$1(">", [cE("scrollbar", `
               left: 0;
@@ -33501,10 +33647,10 @@
 
     const scrollbarRtl = {
       name: "Scrollbar",
-      style: rtlStyle$w
+      style: rtlStyle$x
     };
 
-    var style$1y = cB("scrollbar", `
+    var style$1z = cB("scrollbar", `
   overflow: hidden;
   position: relative;
   z-index: auto;
@@ -33647,7 +33793,7 @@
         const themeRef = useTheme(
           "Scrollbar",
           "-scrollbar",
-          style$1y,
+          style$1z,
           scrollbarLight,
           props,
           mergedClsPrefixRef
@@ -35026,7 +35172,7 @@
       iconSizeHuge: "52px"
     };
 
-    function self$1i(vars) {
+    function self$1j(vars) {
       const {
         textColorDisabled,
         iconColor,
@@ -35052,16 +35198,16 @@
     const emptyLight = {
       name: "Empty",
       common: derived,
-      self: self$1i
+      self: self$1j
     };
 
     const emptyDark = {
       name: "Empty",
       common: derived$1,
-      self: self$1i
+      self: self$1j
     };
 
-    var style$1x = cB("empty", `
+    var style$1y = cB("empty", `
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -35112,7 +35258,7 @@
         const themeRef = useTheme(
           "Empty",
           "-empty",
-          style$1x,
+          style$1y,
           emptyLight,
           props,
           mergedClsPrefixRef
@@ -35198,7 +35344,7 @@
       loadingSize: "18px"
     };
 
-    function self$1h(vars) {
+    function self$1i(vars) {
       const {
         borderRadius,
         popoverColor,
@@ -35257,7 +35403,7 @@
         Scrollbar: scrollbarLight,
         Empty: emptyLight
       },
-      self: self$1h
+      self: self$1i
     });
 
     const internalSelectMenuDark = {
@@ -35267,10 +35413,10 @@
         Scrollbar: scrollbarDark,
         Empty: emptyDark
       },
-      self: self$1h
+      self: self$1i
     };
 
-    var rtlStyle$v = cB("base-select-menu", [cM("rtl", `
+    var rtlStyle$w = cB("base-select-menu", [cM("rtl", `
     direction: rtl;
   `, [cB("base-select-option", [cE("check", `
         right: unset;
@@ -35282,7 +35428,7 @@
 
     const internalSelectMenuRtl = {
       name: "InternalSelectMenu",
-      style: rtlStyle$v
+      style: rtlStyle$w
     };
 
     var NSelectGroupHeader = vue.defineComponent({
@@ -35506,7 +35652,7 @@
       })];
     }
 
-    var style$1w = cB("base-select-menu", `
+    var style$1x = cB("base-select-menu", `
   line-height: 1.5;
   outline: none;
   z-index: 0;
@@ -35694,7 +35840,7 @@
         const themeRef = useTheme(
           "InternalSelectMenu",
           "-internal-select-menu",
-          style$1w,
+          style$1x,
           internalSelectMenuLight,
           props,
           vue.toRef(props, "clsPrefix")
@@ -36155,7 +36301,7 @@
       padding: "8px 14px"
     };
 
-    function self$1g(vars) {
+    function self$1h(vars) {
       const {
         boxShadow2,
         popoverColor,
@@ -36177,13 +36323,13 @@
     const popoverLight = {
       name: "Popover",
       common: derived,
-      self: self$1g
+      self: self$1h
     };
 
     const popoverDark = {
       name: "Popover",
       common: derived$1,
-      self: self$1g
+      self: self$1h
     };
 
     const oppositePlacement = {
@@ -36193,7 +36339,7 @@
       right: "left"
     };
     const arrowSize = "var(--n-arrow-height) * 1.414";
-    var style$1v = c$1([cB("popover", `
+    var style$1w = c$1([cB("popover", `
     transition:
       box-shadow .3s var(--n-bezier),
       background-color .3s var(--n-bezier),
@@ -36407,7 +36553,7 @@
         const themeRef = useTheme(
           "Popover",
           "-popover",
-          style$1v,
+          style$1w,
           popoverLight,
           props,
           mergedClsPrefixRef
@@ -37449,7 +37595,7 @@
       }
     };
 
-    function self$1f(vars) {
+    function self$1g(vars) {
       const {
         textColor2,
         primaryColorHover,
@@ -37616,10 +37762,10 @@
     const tagLight = {
       name: "Tag",
       common: derived,
-      self: self$1f
+      self: self$1g
     };
 
-    var rtlStyle$u = cB("tag", [cM("rtl", `
+    var rtlStyle$v = cB("tag", [cM("rtl", `
     direction: rtl;
     --n-close-margin: var(--n-close-margin-top) var(--n-close-margin-left) var(--n-close-margin-bottom) var(--n-close-margin-right);
   `, [cE("icon", `
@@ -37638,7 +37784,7 @@
 
     const tagRtl = {
       name: "Tag",
-      style: rtlStyle$u
+      style: rtlStyle$v
     };
 
     var commonProps = {
@@ -37659,7 +37805,7 @@
       }
     };
 
-    var style$1u = cB("tag", `
+    var style$1v = cB("tag", `
   --n-close-margin: var(--n-close-margin-top) var(--n-close-margin-right) var(--n-close-margin-bottom) var(--n-close-margin-left);
   white-space: nowrap;
   position: relative;
@@ -37785,7 +37931,7 @@
         const themeRef = useTheme(
           "Tag",
           "-tag",
-          style$1u,
+          style$1v,
           tagLight,
           props,
           mergedClsPrefixRef
@@ -38186,7 +38332,7 @@
       }
     };
 
-    function self$1e(vars) {
+    function self$1f(vars) {
       const {
         borderRadius,
         textColor2,
@@ -38291,10 +38437,10 @@
       peers: {
         Popover: popoverLight
       },
-      self: self$1e
+      self: self$1f
     });
 
-    var rtlStyle$t = cB("base-selection", [cM("rtl", `
+    var rtlStyle$u = cB("base-selection", [cM("rtl", `
     direction: rtl;
     --n-padding-single: var(--n-padding-single-top) var(--n-padding-single-left) var(--n-padding-single-bottom) var(--n-padding-single-right);
     --n-padding-multiple: var(--n-padding-multiple-top) var(--n-padding-multiple-left) var(--n-padding-multiple-bottom) var(--n-padding-multiple-right);
@@ -38305,10 +38451,10 @@
 
     const internalSelectionRtl = {
       name: "InternalSelection",
-      style: rtlStyle$t
+      style: rtlStyle$u
     };
 
-    var style$1t = c$1([cB("base-selection", `
+    var style$1u = c$1([cB("base-selection", `
     --n-padding-single: var(--n-padding-single-top) var(--n-padding-single-right) var(--n-padding-single-bottom) var(--n-padding-single-left);
     --n-padding-multiple: var(--n-padding-multiple-top) var(--n-padding-multiple-right) var(--n-padding-multiple-bottom) var(--n-padding-multiple-left);
     position: relative;
@@ -38598,7 +38744,7 @@
         const themeRef = useTheme(
           "InternalSelection",
           "-internal-selection",
-          style$1t,
+          style$1u,
           internalSelectionLight,
           props,
           vue.toRef(props, "clsPrefix")
@@ -39549,7 +39695,7 @@
       })];
     }
 
-    var style$1s = c$1([c$1("@keyframes n-base-slot-machine-fade-up-in", `
+    var style$1t = c$1([c$1("@keyframes n-base-slot-machine-fade-up-in", `
     from {
       transform: translateY(60%);
       opacity: 0;
@@ -39668,7 +39814,7 @@
         }
       },
       setup(props) {
-        useStyle("-base-slot-machine", style$1s, vue.toRef(props, "clsPrefix"));
+        useStyle("-base-slot-machine", style$1t, vue.toRef(props, "clsPrefix"));
         const oldValueRef = vue.ref();
         const newValueRef = vue.ref();
         const numbersRef = vue.computed(() => {
@@ -39723,7 +39869,7 @@
       }
     });
 
-    var style$1r = cB("base-wave", `
+    var style$1s = cB("base-wave", `
   position: absolute;
   left: 0;
   right: 0;
@@ -39741,7 +39887,7 @@
         }
       },
       setup(props) {
-        useStyle("-base-wave", style$1r, vue.toRef(props, "clsPrefix"));
+        useStyle("-base-wave", style$1s, vue.toRef(props, "clsPrefix"));
         const selfRef = vue.ref(null);
         const activeRef = vue.ref(false);
         let animationTimerId = null;
@@ -39897,7 +40043,7 @@
       }
     };
 
-    function self$1d(vars) {
+    function self$1e(vars) {
       const {
         lineHeight,
         borderRadius,
@@ -39996,10 +40142,10 @@
     const alertLight = {
       name: "Alert",
       common: derived,
-      self: self$1d
+      self: self$1e
     };
 
-    var rtlStyle$s = cB("alert", [cM("rtl", `
+    var rtlStyle$t = cB("alert", [cM("rtl", `
     direction: rtl;
   `, [cE("icon", `
       left: unset;
@@ -40017,7 +40163,7 @@
 
     const alertRtl = {
       name: "Alert",
-      style: rtlStyle$s
+      style: rtlStyle$t
     };
 
     const {
@@ -40072,7 +40218,7 @@
     `)];
     }
 
-    var style$1q = cB("alert", `
+    var style$1r = cB("alert", `
   line-height: var(--n-line-height);
   border-radius: var(--n-border-radius);
   position: relative;
@@ -40196,7 +40342,7 @@
         const themeRef = useTheme(
           "Alert",
           "-alert",
-          style$1q,
+          style$1r,
           alertLight,
           props,
           mergedClsPrefixRef
@@ -40370,7 +40516,7 @@
       railWidth: "4px"
     };
 
-    function self$1c(vars) {
+    function self$1d(vars) {
       const {
         borderRadius,
         railColor,
@@ -40396,13 +40542,13 @@
     const anchorLight = {
       name: "Anchor",
       common: derived,
-      self: self$1c
+      self: self$1d
     };
 
     const anchorDark = {
       name: "Anchor",
       common: derived$1,
-      self: self$1c
+      self: self$1d
     };
 
     const anchorInjectionKey = createInjectionKey("n-anchor");
@@ -40413,6 +40559,7 @@
     var Link = vue.defineComponent({
       name: "AnchorLink",
       props: anchorLinkProps,
+      slots: Object,
       setup(props, { slots }) {
         const titleRef = vue.ref(null);
         const NAnchor = vue.inject(anchorInjectionKey);
@@ -40455,7 +40602,9 @@
                 title: getTitleAttribute(props.title),
                 onClick: handleClick
               },
-              props.title
+              {
+                default: () => resolveSlot(slots.title, () => [props.title])
+              }
             ),
             slots.default?.()
           );
@@ -40528,7 +40677,7 @@
           if (slotEl) {
             slotEl.style.transition = "none";
           }
-          {
+          if (titleEls) {
             titleEls.forEach((titleEl) => {
               titleEl.style.transition = "none";
             });
@@ -40544,7 +40693,7 @@
               void nextSlotEl.offsetWidth;
               nextSlotEl.style.transition = "";
             }
-            {
+            if (titleEls) {
               titleEls.forEach((titleEl) => {
                 void titleEl.offsetWidth;
                 titleEl.style.transition = "";
@@ -40736,7 +40885,7 @@
       }
     });
 
-    var style$1p = cB("anchor", `
+    var style$1q = cB("anchor", `
   position: relative;
 `, [cNotM("block", `
     padding-left: var(--n-rail-width);
@@ -40826,7 +40975,7 @@
         const themeRef = useTheme(
           "Anchor",
           "-anchor",
-          style$1p,
+          style$1q,
           anchorLight,
           props,
           mergedClsPrefixRef
@@ -41014,7 +41163,7 @@
       }
     };
 
-    function self$1b(vars) {
+    function self$1c(vars) {
       const {
         textColor2,
         textColor3,
@@ -41120,10 +41269,10 @@
     const inputLight = {
       name: "Input",
       common: derived,
-      self: self$1b
+      self: self$1c
     };
 
-    var rtlStyle$r = cB("input", [cM("rtl", `
+    var rtlStyle$s = cB("input", [cM("rtl", `
     direction: rtl;
   `, [cE("prefix", {
       marginRight: 0,
@@ -41141,12 +41290,12 @@
 
     const inputRtl = {
       name: "Input",
-      style: rtlStyle$r
+      style: rtlStyle$s
     };
 
     const inputInjectionKey = createInjectionKey("n-input");
 
-    var style$1o = cB("input", `
+    var style$1p = cB("input", `
   max-width: 100%;
   cursor: text;
   line-height: 1.5;
@@ -41596,16 +41745,6 @@
       props: inputProps,
       slots: Object,
       setup(props) {
-        {
-          vue.watchEffect(() => {
-            if (props.showPasswordToggle) {
-              warnOnce(
-                "input",
-                '`show-password-toggle` is deprecated, please use `showPasswordOn="click"` instead'
-              );
-            }
-          });
-        }
         const {
           mergedClsPrefixRef,
           mergedBorderedRef,
@@ -41615,7 +41754,7 @@
         const themeRef = useTheme(
           "Input",
           "-input",
-          style$1o,
+          style$1p,
           inputLight,
           props,
           mergedClsPrefixRef
@@ -42658,7 +42797,7 @@
       }
     });
 
-    var style$1n = cB("input-group", `
+    var style$1o = cB("input-group", `
   display: inline-flex;
   width: 100%;
   flex-wrap: nowrap;
@@ -42721,7 +42860,7 @@
       props: inputGroupProps,
       setup(props) {
         const { mergedClsPrefixRef } = useConfig(props);
-        useStyle("-input-group", style$1n, mergedClsPrefixRef);
+        useStyle("-input-group", style$1o, mergedClsPrefixRef);
         return {
           mergedClsPrefix: mergedClsPrefixRef
         };
@@ -42732,7 +42871,7 @@
       }
     });
 
-    var style$1m = cB("input-group-label", `
+    var style$1n = cB("input-group-label", `
   position: relative;
   user-select: none;
   -webkit-user-select: none;
@@ -42781,7 +42920,7 @@
         const themeRef = useTheme(
           "Input",
           "-input-group-label",
-          style$1m,
+          style$1n,
           inputLight,
           props,
           mergedClsPrefixRef
@@ -42906,7 +43045,7 @@
       return valOptMap;
     }
 
-    function self$1a(vars) {
+    function self$1b(vars) {
       const {
         boxShadow2
       } = vars;
@@ -42921,7 +43060,7 @@
         InternalSelectMenu: internalSelectMenuLight,
         Input: inputLight
       },
-      self: self$1a
+      self: self$1b
     });
 
     const autoCompleteDark = {
@@ -42931,10 +43070,10 @@
         InternalSelectMenu: internalSelectMenuDark,
         Input: inputDark
       },
-      self: self$1a
+      self: self$1b
     };
 
-    var style$1l = c$1([cB("auto-complete", `
+    var style$1m = c$1([cB("auto-complete", `
     z-index: auto;
     position: relative;
     display: inline-flex;
@@ -43058,7 +43197,7 @@
         const themeRef = useTheme(
           "AutoComplete",
           "-auto-complete",
-          style$1l,
+          style$1m,
           autoCompleteLight,
           props,
           mergedClsPrefixRef
@@ -43448,7 +43587,7 @@
       return unobserve;
     };
 
-    function self$19(vars) {
+    function self$1a(vars) {
       const {
         borderRadius,
         avatarColor,
@@ -43479,18 +43618,18 @@
     const avatarLight = {
       name: "Avatar",
       common: derived,
-      self: self$19
+      self: self$1a
     };
 
     const avatarDark = {
       name: "Avatar",
       common: derived$1,
-      self: self$19
+      self: self$1a
     };
 
     const avatarGroupInjectionKey = createInjectionKey("n-avatar-group");
 
-    var style$1k = cB("avatar", `
+    var style$1l = cB("avatar", `
   width: var(--n-merged-size);
   height: var(--n-merged-size);
   color: #FFF;
@@ -43592,7 +43731,7 @@
         const themeRef = useTheme(
           "Avatar",
           "-avatar",
-          style$1k,
+          style$1l,
           avatarLight,
           props,
           mergedClsPrefixRef
@@ -43795,7 +43934,7 @@
       }
     });
 
-    function self$18() {
+    function self$19() {
       return {
         gap: "-12px"
       };
@@ -43806,7 +43945,7 @@
       peers: {
         Avatar: avatarLight
       },
-      self: self$18
+      self: self$19
     });
 
     const avatarGroupDark = {
@@ -43815,10 +43954,10 @@
       peers: {
         Avatar: avatarDark
       },
-      self: self$18
+      self: self$19
     };
 
-    var rtlStyle$q = cB("avatar-group", [cM("rtl", `
+    var rtlStyle$r = cB("avatar-group", [cM("rtl", `
     direction: rtl;
   `, [cNotM("vertical", `
       flex-direction: row;
@@ -43829,10 +43968,10 @@
 
     const avatarGroupRtl = {
       name: "AvatarGroup",
-      style: rtlStyle$q
+      style: rtlStyle$r
     };
 
-    var style$1j = cB("avatar-group", `
+    var style$1k = cB("avatar-group", `
   flex-wrap: nowrap;
   display: inline-flex;
   position: relative;
@@ -43873,7 +44012,7 @@
         const mergedThemeRef = useTheme(
           "AvatarGroup",
           "-avatar-group",
-          style$1j,
+          style$1k,
           avatarGroupLight,
           props,
           mergedClsPrefixRef
@@ -43992,7 +44131,7 @@
       }
     };
 
-    function self$17(vars) {
+    function self$18(vars) {
       const {
         popoverColor,
         textColor2,
@@ -44014,7 +44153,7 @@
     const backTopLight = {
       name: "BackTop",
       common: derived,
-      self: self$17
+      self: self$18
     };
 
     var renderBackTopIcon = () => /* @__PURE__ */ vue.h(
@@ -44028,7 +44167,7 @@
       /* @__PURE__ */ vue.h("g", { stroke: "none", "stroke-width": "1", "fill-rule": "evenodd" }, /* @__PURE__ */ vue.h("g", { transform: "translate(-139.000000, -4423.000000)", "fill-rule": "nonzero" }, /* @__PURE__ */ vue.h("g", { transform: "translate(120.000000, 4285.000000)" }, /* @__PURE__ */ vue.h("g", { transform: "translate(7.000000, 126.000000)" }, /* @__PURE__ */ vue.h("g", { transform: "translate(24.000000, 24.000000) scale(1, -1) translate(-24.000000, -24.000000) translate(12.000000, 12.000000)" }, /* @__PURE__ */ vue.h("g", { transform: "translate(4.000000, 2.000000)" }, /* @__PURE__ */ vue.h("path", { d: "M8,0 C8.51283584,0 8.93550716,0.38604019 8.99327227,0.883378875 L9,1 L9,10.584 L12.2928932,7.29289322 C12.6834175,6.90236893 13.3165825,6.90236893 13.7071068,7.29289322 C14.0675907,7.65337718 14.0953203,8.22060824 13.7902954,8.61289944 L13.7071068,8.70710678 L8.70710678,13.7071068 L8.62544899,13.7803112 L8.618,13.784 L8.59530661,13.8036654 L8.4840621,13.8753288 L8.37133602,13.9287745 L8.22929083,13.9735893 L8.14346259,13.9897165 L8.03324678,13.9994506 L7.9137692,13.9962979 L7.77070917,13.9735893 L7.6583843,13.9401293 L7.57677845,13.9063266 L7.47929125,13.8540045 L7.4048407,13.8036865 L7.38131006,13.7856883 C7.35030318,13.7612383 7.32077858,13.7349921 7.29289322,13.7071068 L2.29289322,8.70710678 L2.20970461,8.61289944 C1.90467972,8.22060824 1.93240926,7.65337718 2.29289322,7.29289322 C2.65337718,6.93240926 3.22060824,6.90467972 3.61289944,7.20970461 L3.70710678,7.29289322 L7,10.585 L7,1 L7.00672773,0.883378875 C7.06449284,0.38604019 7.48716416,0 8,0 Z" }), /* @__PURE__ */ vue.h("path", { d: "M14.9333333,15.9994506 C15.5224371,15.9994506 16,16.4471659 16,16.9994506 C16,17.5122865 15.5882238,17.9349578 15.0577292,17.9927229 L14.9333333,17.9994506 L1.06666667,17.9994506 C0.477562934,17.9994506 0,17.5517354 0,16.9994506 C0,16.4866148 0.411776203,16.0639435 0.9422708,16.0061783 L1.06666667,15.9994506 L14.9333333,15.9994506 Z" })))))))
     );
 
-    var style$1i = cB("back-top", `
+    var style$1j = cB("back-top", `
   position: fixed;
   right: 40px;
   bottom: 40px;
@@ -44167,7 +44306,7 @@
         const themeRef = useTheme(
           "BackTop",
           "-back-top",
-          style$1i,
+          style$1j,
           backTopLight,
           props,
           mergedClsPrefixRef
@@ -44341,7 +44480,7 @@
       }
     };
 
-    function self$16(vars) {
+    function self$17(vars) {
       const {
         errorColor,
         infoColor,
@@ -44362,10 +44501,10 @@
     const badgeLight = {
       name: "Badge",
       common: derived,
-      self: self$16
+      self: self$17
     };
 
-    var rtlStyle$p = cB("badge", [cM("rtl", `
+    var rtlStyle$q = cB("badge", [cM("rtl", `
     direction: rtl;
   `, [cB("badge-sup", `
       right: 100%;
@@ -44376,10 +44515,10 @@
 
     const badgeRtl = {
       name: "Badge",
-      style: rtlStyle$p
+      style: rtlStyle$q
     };
 
-    var style$1h = c$1([c$1("@keyframes badge-wave-spread", {
+    var style$1i = c$1([c$1("@keyframes badge-wave-spread", {
       from: {
         boxShadow: "0 0 0.5px 0px var(--n-ripple-color)",
         opacity: 0.6
@@ -44475,7 +44614,7 @@
         const themeRef = useTheme(
           "Badge",
           "-badge",
-          style$1h,
+          style$1i,
           badgeLight,
           props,
           mergedClsPrefixRef
@@ -44607,7 +44746,7 @@
       fontWeightActive: "400"
     };
 
-    function self$15(vars) {
+    function self$16(vars) {
       const {
         fontSize,
         textColor3,
@@ -44633,16 +44772,16 @@
     const breadcrumbLight = {
       name: "Breadcrumb",
       common: derived,
-      self: self$15
+      self: self$16
     };
 
     const breadcrumbDark = {
       name: "Breadcrumb",
       common: derived$1,
-      self: self$15
+      self: self$16
     };
 
-    var style$1g = cB("breadcrumb", `
+    var style$1h = cB("breadcrumb", `
   white-space: nowrap;
   cursor: default;
   line-height: var(--n-item-line-height);
@@ -44717,7 +44856,7 @@
         const themeRef = useTheme(
           "Breadcrumb",
           "-breadcrumb",
-          style$1g,
+          style$1h,
           breadcrumbLight,
           props,
           mergedClsPrefixRef
@@ -44918,7 +45057,7 @@
       rippleDuration: ".6s"
     };
 
-    function self$14(vars) {
+    function self$15(vars) {
       const {
         heightTiny,
         heightSmall,
@@ -45157,14 +45296,14 @@
     const buttonLight = {
       name: "Button",
       common: derived,
-      self: self$14
+      self: self$15
     };
 
     const buttonDark = {
       name: "Button",
       common: derived$1,
       self(vars) {
-        const commonSelf = self$14(vars);
+        const commonSelf = self$15(vars);
         commonSelf.waveOpacity = "0.8";
         commonSelf.colorOpacitySecondary = "0.16";
         commonSelf.colorOpacitySecondaryHover = "0.2";
@@ -45173,7 +45312,7 @@
       }
     };
 
-    var rtlStyle$o = cB("button", [cM("rtl", `
+    var rtlStyle$p = cB("button", [cM("rtl", `
     direction: rtl;
   `, [cE("icon", {
       margin: "var(--n-icon-margin)",
@@ -45185,10 +45324,10 @@
 
     const buttonRtl = {
       name: "Button",
-      style: rtlStyle$o
+      style: rtlStyle$p
     };
 
-    var style$1f = c$1([cB("button", `
+    var style$1g = c$1([cB("button", `
     margin: 0;
     font-weight: var(--n-font-weight);
     line-height: 1;
@@ -45489,7 +45628,7 @@
         const themeRef = useTheme(
           "Button",
           "-button",
-          style$1f,
+          style$1g,
           buttonLight,
           props,
           mergedClsPrefixRef
@@ -45874,7 +46013,7 @@
         top: n1
       })])])])]);
     }
-    var style$1e = cB("button-group", `
+    var style$1f = cB("button-group", `
   flex-wrap: nowrap;
   display: inline-flex;
   position: relative;
@@ -45923,7 +46062,7 @@
       props: buttonGroupProps,
       setup(props) {
         const { mergedClsPrefixRef, mergedRtlRef } = useConfig(props);
-        useStyle("-button-group", style$1e, mergedClsPrefixRef);
+        useStyle("-button-group", style$1f, mergedClsPrefixRef);
         vue.provide(buttonGroupInjectionKey, props);
         const rtlEnabledRef = useRtl(
           "ButtonGroup",
@@ -47007,8 +47146,6 @@
     };
 
     const dayPeriodEnum = {
-      am: "am",
-      pm: "pm",
       midnight: "midnight",
       noon: "noon",
       morning: "morning",
@@ -51410,7 +51547,7 @@
       titleFontSize: "22px"
     };
 
-    function self$13(vars) {
+    function self$14(vars) {
       const {
         borderRadius,
         fontSize,
@@ -51456,7 +51593,7 @@
       peers: {
         Button: buttonLight
       },
-      self: self$13
+      self: self$14
     });
 
     const calendarDark = {
@@ -51465,10 +51602,10 @@
       peers: {
         Button: buttonDark
       },
-      self: self$13
+      self: self$14
     };
 
-    var style$1d = c$1([cB("calendar", `
+    var style$1e = c$1([cB("calendar", `
     line-height: var(--n-line-height);
     font-size: var(--n-font-size);
     color: var(--n-text-color);
@@ -51607,7 +51744,7 @@
         const themeRef = useTheme(
           "Calendar",
           "-calendar",
-          style$1d,
+          style$1e,
           calendarLight,
           props,
           mergedClsPrefixRef
@@ -51901,7 +52038,7 @@
       closeSize: "22px"
     };
 
-    function self$12(vars) {
+    function self$13(vars) {
       const {
         primaryColor,
         borderRadius,
@@ -51954,14 +52091,14 @@
     const cardLight = {
       name: "Card",
       common: derived,
-      self: self$12
+      self: self$13
     };
 
     const cardDark = {
       name: "Card",
       common: derived$1,
       self(vars) {
-        const commonSelf = self$12(vars);
+        const commonSelf = self$13(vars);
         const {
           cardColor,
           modalColor,
@@ -51974,7 +52111,7 @@
       }
     };
 
-    var rtlStyle$n = cB("card", [cM("rtl", `
+    var rtlStyle$o = cB("card", [cM("rtl", `
     direction: rtl;
   `), c$1(">", [cB("card-header", [c$1(">", [cE("close", `
           margin: 0 8px 0 0;
@@ -51982,10 +52119,10 @@
 
     const cardRtl = {
       name: "Card",
-      style: rtlStyle$n
+      style: rtlStyle$o
     };
 
-    var style$1c = c$1([cB("card", `
+    var style$1d = c$1([cB("card", `
     font-size: var(--n-font-size);
     line-height: var(--n-line-height);
     display: flex;
@@ -52147,7 +52284,7 @@
         const themeRef = useTheme(
           "Card",
           "-card",
-          style$1c,
+          style$1d,
           cardLight,
           props,
           mergedClsPrefixRef
@@ -52358,7 +52495,7 @@
       }
     });
 
-    function self$11() {
+    function self$12() {
       return {
         dotSize: "8px",
         dotColor: "rgba(255, 255, 255, .3)",
@@ -52372,13 +52509,13 @@
     const carouselLight = {
       name: "Carousel",
       common: derived,
-      self: self$11
+      self: self$12
     };
 
     const carouselDark = {
       name: "Carousel",
       common: derived$1,
-      self: self$11
+      self: self$12
     };
 
     const carouselMethodsInjectionKey = createInjectionKey("n-carousel-methods");
@@ -52666,7 +52803,7 @@
       }
     });
 
-    var style$1b = cB("carousel", `
+    var style$1c = cB("carousel", `
   position: relative;
   width: 100%;
   height: 100%;
@@ -53664,7 +53801,7 @@
         const themeRef = useTheme(
           "Carousel",
           "-carousel",
-          style$1b,
+          style$1c,
           carouselLight,
           props,
           mergedClsPrefixRef
@@ -53824,7 +53961,7 @@
       labelFontWeight: "400"
     };
 
-    function self$10(vars) {
+    function self$11(vars) {
       const {
         baseColor,
         inputColorDisabled,
@@ -53873,7 +54010,7 @@
     const checkboxLight = {
       name: "Checkbox",
       common: derived,
-      self: self$10
+      self: self$11
     };
 
     const checkboxDark = {
@@ -53883,23 +54020,23 @@
         const {
           cardColor
         } = vars;
-        const commonSelf = self$10(vars);
+        const commonSelf = self$11(vars);
         commonSelf.color = "#0000";
         commonSelf.checkMarkColor = cardColor;
         return commonSelf;
       }
     };
 
-    var rtlStyle$m = cB("checkbox", [cM("rtl", `
+    var rtlStyle$n = cB("checkbox", [cM("rtl", `
     direction: rtl;
   `)]);
 
     const checkboxRtl = {
       name: "Checkbox",
-      style: rtlStyle$m
+      style: rtlStyle$n
     };
 
-    function self$$(vars) {
+    function self$10(vars) {
       const {
         borderRadius,
         boxShadow2,
@@ -53941,7 +54078,7 @@
         Checkbox: checkboxLight,
         Empty: emptyLight
       },
-      self: self$$
+      self: self$10
     });
 
     const cascaderDark = {
@@ -53954,7 +54091,7 @@
         Checkbox: checkboxDark,
         Empty: emptyLight
       },
-      self: self$$
+      self: self$10
     };
 
     const checkboxGroupInjectionKey = createInjectionKey("n-checkbox-group");
@@ -54123,7 +54260,7 @@
 
     var renderLineMark = () => /* @__PURE__ */ vue.h("svg", { viewBox: "0 0 100 100", class: "line-icon" }, /* @__PURE__ */ vue.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" }));
 
-    var style$1a = c$1([cB("checkbox", `
+    var style$1b = c$1([cB("checkbox", `
     font-size: var(--n-font-size);
     outline: none;
     cursor: pointer;
@@ -54368,7 +54505,7 @@
         const themeRef = useTheme(
           "Checkbox",
           "-checkbox",
-          style$1a,
+          style$1b,
           checkboxLight,
           props,
           mergedClsPrefixRef
@@ -55314,7 +55451,7 @@
       }
     });
 
-    var style$19 = c$1([cB("cascader-menu", `
+    var style$1a = c$1([cB("cascader-menu", `
     outline: none;
     position: relative;
     margin: 4px 0;
@@ -55561,7 +55698,7 @@
         const themeRef = useTheme(
           "Cascader",
           "-cascader",
-          style$19,
+          style$1a,
           cascaderLight,
           props,
           mergedClsPrefixRef
@@ -56513,7 +56650,7 @@
       }
     };
 
-    function self$_(vars) {
+    function self$$(vars) {
       const {
         textColor2,
         fontSize,
@@ -56541,10 +56678,10 @@
     const codeLight = {
       name: "Code",
       common: derived,
-      self: self$_
+      self: self$$
     };
 
-    var style$18 = c$1([cB("code", `
+    var style$19 = c$1([cB("code", `
     font-size: var(--n-font-size);
     font-family: var(--n-font-family);
   `, [cM("show-line-numbers", `
@@ -56715,7 +56852,7 @@
         const themeRef = useTheme(
           "Code",
           "-code",
-          style$18,
+          style$19,
           codeLight,
           props,
           mergedClsPrefixRef
@@ -56814,7 +56951,7 @@
       }
     });
 
-    function self$Z(vars) {
+    function self$_(vars) {
       const {
         fontWeight,
         textColor1,
@@ -56840,16 +56977,16 @@
     const collapseLight = {
       name: "Collapse",
       common: derived,
-      self: self$Z
+      self: self$_
     };
 
     const collapseDark = {
       name: "Collapse",
       common: derived$1,
-      self: self$Z
+      self: self$_
     };
 
-    var rtlStyle$l = cB("collapse", [cM("rtl", `
+    var rtlStyle$m = cB("collapse", [cM("rtl", `
     direction: rtl;
   `, [cB("collapse-item", [cB("collapse-item", {
       marginRight: "32px",
@@ -56866,10 +57003,10 @@
 
     const collapseRtl = {
       name: "Collapse",
-      style: rtlStyle$l
+      style: rtlStyle$m
     };
 
-    var style$17 = cB("collapse", "width: 100%;", [cB("collapse-item", `
+    var style$18 = cB("collapse", "width: 100%;", [cB("collapse-item", `
     font-size: var(--n-font-size);
     color: var(--n-text-color);
     transition:
@@ -56970,7 +57107,7 @@
         const themeRef = useTheme(
           "Collapse",
           "-collapse",
-          style$17,
+          style$18,
           collapseLight,
           props,
           mergedClsPrefixRef
@@ -57291,7 +57428,7 @@
       }
     });
 
-    function self$Y(vars) {
+    function self$Z(vars) {
       const {
         cubicBezierEaseInOut
       } = vars;
@@ -57302,26 +57439,26 @@
     const collapseTransitionLight = {
       name: "CollapseTransition",
       common: derived,
-      self: self$Y
+      self: self$Z
     };
 
     const collapseTransitionDark = {
       name: "CollapseTransition",
       common: derived$1,
-      self: self$Y
+      self: self$Z
     };
 
-    var rtlStyle$k = cB("collapse-transition", [cM("rtl", `
+    var rtlStyle$l = cB("collapse-transition", [cM("rtl", `
     direction: rtl;
     text-align: right;
   `)]);
 
     const collapseTransitionRtl = {
       name: "CollapseTransition",
-      style: rtlStyle$k
+      style: rtlStyle$l
     };
 
-    var style$16 = cB("collapse-transition", {
+    var style$17 = cB("collapse-transition", {
       width: "100%"
     }, [fadeInHeightExpandTransition()]);
 
@@ -57360,7 +57497,7 @@
         const mergedThemeRef = useTheme(
           "CollapseTransition",
           "-collapse-transition",
-          style$16,
+          style$17,
           collapseTransitionLight,
           props,
           mergedClsPrefixRef
@@ -57421,7 +57558,7 @@
       }
     });
 
-    function self$X(vars) {
+    function self$Y(vars) {
       const {
         fontSize,
         boxShadow2,
@@ -57460,7 +57597,7 @@
         Input: inputLight,
         Button: buttonLight
       },
-      self: self$X
+      self: self$Y
     });
 
     const colorPickerDark = {
@@ -57470,7 +57607,7 @@
         Input: inputDark,
         Button: buttonDark
       },
-      self: self$X
+      self: self$Y
     };
 
     function deriveDefaultValue(modes, showAlpha) {
@@ -58442,7 +58579,7 @@
       }
     });
 
-    var style$15 = c$1([cB("color-picker", `
+    var style$16 = c$1([cB("color-picker", `
     display: inline-block;
     box-sizing: border-box;
     height: var(--n-height);
@@ -58682,7 +58819,7 @@
         const themeRef = useTheme(
           "ColorPicker",
           "-color-picker",
-          style$15,
+          style$16,
           colorPickerLight,
           props,
           mergedClsPrefixRef
@@ -59606,7 +59743,7 @@
       }
     };
 
-    function self$W(vars) {
+    function self$X(vars) {
       const {
         boxShadow2
       } = vars;
@@ -59621,12 +59758,12 @@
         Popover: popoverLight,
         InternalSelectMenu: internalSelectMenuLight
       },
-      self: self$W
+      self: self$X
     });
 
     const popselectInjectionKey = createInjectionKey("n-popselect");
 
-    var style$14 = cB("popselect-menu", `
+    var style$15 = cB("popselect-menu", `
   box-shadow: var(--n-menu-box-shadow);
 `);
 
@@ -59680,7 +59817,7 @@
         const themeRef = useTheme(
           "Popselect",
           "-pop-select",
-          style$14,
+          style$15,
           popselectLight,
           NPopselect.props,
           mergedClsPrefixRef
@@ -59922,7 +60059,7 @@
       }
     });
 
-    function self$V(vars) {
+    function self$W(vars) {
       const {
         boxShadow2
       } = vars;
@@ -59937,7 +60074,7 @@
         InternalSelection: internalSelectionLight,
         InternalSelectMenu: internalSelectMenuLight
       },
-      self: self$V
+      self: self$W
     });
 
     const selectDark = {
@@ -59947,7 +60084,7 @@
         InternalSelection: internalSelectionDark,
         InternalSelectMenu: internalSelectMenuDark
       },
-      self: self$V
+      self: self$W
     };
 
     const selectRtl = {
@@ -59956,7 +60093,7 @@
       peers: [internalSelectionRtl, internalSelectMenuRtl, tagRtl, scrollbarRtl]
     };
 
-    var style$13 = c$1([cB("select", `
+    var style$14 = c$1([cB("select", `
     z-index: auto;
     outline: none;
     width: 100%;
@@ -60117,7 +60254,7 @@
         const themeRef = useTheme(
           "Select",
           "-select",
-          style$13,
+          style$14,
           selectLight,
           props,
           mergedClsPrefixRef
@@ -60908,7 +61045,7 @@
       suffixMarginLarge: "0 0 0 8px"
     };
 
-    function self$U(vars) {
+    function self$V(vars) {
       const {
         textColor2,
         primaryColor,
@@ -60976,7 +61113,7 @@
         Input: inputLight,
         Popselect: popselectLight
       },
-      self: self$U
+      self: self$V
     });
 
     const paginationDark = {
@@ -60995,14 +61132,14 @@
         const borderColorActive = changeColor(primaryColor, {
           alpha: Number(opacity3)
         });
-        const commonSelf = self$U(vars);
+        const commonSelf = self$V(vars);
         commonSelf.itemBorderActive = `1px solid ${borderColorActive}`;
         commonSelf.itemBorderDisabled = "1px solid #0000";
         return commonSelf;
       }
     };
 
-    var rtlStyle$j = cB("pagination", [cM("rtl", `
+    var rtlStyle$k = cB("pagination", [cM("rtl", `
     direction: rtl;
   `, [c$1("> *:not(:first-child)", `
       margin: var(--n-item-margin-rtl);
@@ -61012,7 +61149,7 @@
 
     const paginationRtl = {
       name: "Pagination",
-      style: rtlStyle$j,
+      style: rtlStyle$k,
       peers: [inputRtl, selectRtl]
     };
 
@@ -61026,7 +61163,7 @@
     border: var(--n-button-border-hover);
     color: var(--n-button-icon-color-hover);
   `)];
-    var style$12 = cB("pagination", `
+    var style$13 = cB("pagination", `
   display: flex;
   vertical-align: middle;
   font-size: var(--n-item-font-size);
@@ -61350,7 +61487,7 @@
         const themeRef = useTheme(
           "Pagination",
           "-pagination",
-          style$12,
+          style$13,
           paginationLight,
           props,
           mergedClsPrefixRef
@@ -62036,7 +62173,7 @@
       optionIconPrefixWidthHuge: "40px"
     };
 
-    function self$T(vars) {
+    function self$U(vars) {
       const {
         primaryColor,
         textColor2,
@@ -62102,7 +62239,7 @@
       peers: {
         Popover: popoverLight
       },
-      self: self$T
+      self: self$U
     });
 
     const dropdownDark = {
@@ -62117,7 +62254,7 @@
           primaryColor,
           popoverColor
         } = vars;
-        const commonSelf = self$T(vars);
+        const commonSelf = self$U(vars);
         commonSelf.colorInverted = popoverColor;
         commonSelf.optionColorActive = changeColor(primaryColor, {
           alpha: 0.15
@@ -62155,7 +62292,7 @@
       }
     };
 
-    function self$S(vars) {
+    function self$T(vars) {
       const {
         borderRadius,
         boxShadow2,
@@ -62175,7 +62312,7 @@
       peers: {
         Popover: popoverLight
       },
-      self: self$S
+      self: self$T
     });
 
     const ellipsisDark = {
@@ -62265,7 +62402,7 @@
       }
     };
 
-    function self$R(vars) {
+    function self$S(vars) {
       const {
         borderColor,
         primaryColor,
@@ -62326,10 +62463,10 @@
     const radioLight = {
       name: "Radio",
       common: derived,
-      self: self$R
+      self: self$S
     };
 
-    var rtlStyle$i = c$1([cB("radio", [cM("rtl", `
+    var rtlStyle$j = c$1([cB("radio", [cM("rtl", `
       direction: rtl;
     `)]), cB("radio-group", [cM("rtl", `
       direction: rtl;
@@ -62351,7 +62488,7 @@
 
     const radioRtl = {
       name: "Radio",
-      style: rtlStyle$i
+      style: rtlStyle$j
     };
 
     var commonVariables$8 = {
@@ -62371,7 +62508,7 @@
       actionButtonMargin: "0 8px 0 0"
     };
 
-    function self$Q(vars) {
+    function self$R(vars) {
       const {
         cardColor,
         modalColor,
@@ -62455,7 +62592,7 @@
         Ellipsis: ellipsisLight,
         Dropdown: dropdownLight
       },
-      self: self$Q
+      self: self$R
     });
 
     const dataTableDark = {
@@ -62473,14 +62610,14 @@
         Dropdown: dropdownDark
       },
       self(vars) {
-        const commonSelf = self$Q(vars);
+        const commonSelf = self$R(vars);
         commonSelf.boxShadowAfter = "inset 12px 0 8px -12px rgba(0, 0, 0, .36)";
         commonSelf.boxShadowBefore = "inset -12px 0 8px -12px rgba(0, 0, 0, .36)";
         return commonSelf;
       }
     };
 
-    var rtlStyle$h = c$1([cB("data-table", [cM("rtl", `
+    var rtlStyle$i = c$1([cB("data-table", [cM("rtl", `
       direction: rtl;
     `, [cB("data-table-th", [cM("filterable", `
           padding-left: 36px;
@@ -62500,7 +62637,7 @@
 
     const DataTableRtl = {
       name: "DataTable",
-      style: rtlStyle$h,
+      style: rtlStyle$i,
       peers: [scrollbarRtl, paginationRtl]
     };
 
@@ -62804,7 +62941,7 @@
       }
     });
 
-    var style$11 = cB("radio", `
+    var style$12 = cB("radio", `
   line-height: var(--n-label-line-height);
   outline: none;
   position: relative;
@@ -62825,14 +62962,10 @@
   `), cB("radio-input", `
     position: absolute;
     border: 0;
-    border-radius: inherit;
-    left: 0;
-    right: 0;
-    top: 0;
-    bottom: 0;
+    width: 0;
+    height: 0;
     opacity: 0;
-    z-index: 1;
-    cursor: pointer;
+    margin: 0;
   `), cE("dot", `
     position: absolute;
     top: 50%;
@@ -63047,7 +63180,7 @@
         const themeRef = useTheme(
           "Radio",
           "-radio",
-          style$11,
+          style$12,
           radioLight,
           props,
           radio.mergedClsPrefix
@@ -63130,7 +63263,15 @@
             ],
             style: this.cssVars
           },
-          /* @__PURE__ */ vue.h(
+          /* @__PURE__ */ vue.h("div", { class: `${mergedClsPrefix}-radio__dot-wrapper` }, "\xA0", /* @__PURE__ */ vue.h(
+            "div",
+            {
+              class: [
+                `${mergedClsPrefix}-radio__dot`,
+                this.renderSafeChecked && `${mergedClsPrefix}-radio__dot--checked`
+              ]
+            }
+          ), /* @__PURE__ */ vue.h(
             "input",
             {
               ref: "inputRef",
@@ -63144,15 +63285,6 @@
               onFocus: this.handleRadioInputFocus,
               onBlur: this.handleRadioInputBlur
             }
-          ),
-          /* @__PURE__ */ vue.h("div", { class: `${mergedClsPrefix}-radio__dot-wrapper` }, "\xA0", /* @__PURE__ */ vue.h(
-            "div",
-            {
-              class: [
-                `${mergedClsPrefix}-radio__dot`,
-                this.renderSafeChecked && `${mergedClsPrefix}-radio__dot--checked`
-              ]
-            }
           )),
           resolveWrappedSlot($slots.default, (children) => {
             if (!children && !label)
@@ -63205,7 +63337,7 @@
       }
     });
 
-    var style$10 = cB("radio-group", `
+    var style$11 = cB("radio-group", `
   display: inline-block;
   font-size: var(--n-font-size);
 `, [cE("splitor", `
@@ -63386,7 +63518,7 @@
         const themeRef = useTheme(
           "Radio",
           "-radio-group",
-          style$10,
+          style$11,
           radioLight,
           props,
           mergedClsPrefixRef
@@ -63601,7 +63733,7 @@
       }
     });
 
-    var style$$ = cB("ellipsis", {
+    var style$10 = cB("ellipsis", {
       overflow: "hidden"
     }, [cNotM("line-clamp", `
     white-space: nowrap;
@@ -63640,7 +63772,7 @@
         const mergedTheme = useTheme(
           "Ellipsis",
           "-ellipsis",
-          style$$,
+          style$10,
           ellipsisLight,
           props,
           mergedClsPrefixRef
@@ -63796,7 +63928,7 @@
       setup(props, { attrs, slots }) {
         const mouseEnteredRef = vue.ref(false);
         const mergedClsPrefixRef = useMergedClsPrefix();
-        useStyle("-ellipsis", style$$, mergedClsPrefixRef);
+        useStyle("-ellipsis", style$10, mergedClsPrefixRef);
         const renderTrigger = () => {
           const { lineClamp } = props;
           const mergedClsPrefix = mergedClsPrefixRef.value;
@@ -64571,7 +64703,7 @@
       }
     });
 
-    function self$P(vars) {
+    function self$Q(vars) {
       const {
         textColorBase,
         opacity1,
@@ -64592,16 +64724,16 @@
     const iconLight = {
       name: "Icon",
       common: derived,
-      self: self$P
+      self: self$Q
     };
 
     const iconDark$1 = {
       name: "Icon",
       common: derived$1,
-      self: self$P
+      self: self$Q
     };
 
-    var style$_ = cB("icon", `
+    var style$$ = cB("icon", `
   height: 1em;
   width: 1em;
   line-height: 1em;
@@ -64609,7 +64741,6 @@
   display: inline-block;
   position: relative;
   fill: currentColor;
-  transform: translateZ(0);
 `, [cM("color-transition", {
       transition: "color .3s var(--n-bezier)"
     }), cM("depth", {
@@ -64639,7 +64770,7 @@
           mergedClsPrefixRef,
           inlineThemeDisabled
         } = useConfig(props);
-        const themeRef = useTheme("Icon", "-icon", style$_, iconLight, props, mergedClsPrefixRef);
+        const themeRef = useTheme("Icon", "-icon", style$$, iconLight, props, mergedClsPrefixRef);
         const cssVarsRef = vue.computed(() => {
           const {
             depth
@@ -65232,7 +65363,7 @@
       }
     });
 
-    var style$Z = cB("dropdown-menu", `
+    var style$_ = cB("dropdown-menu", `
   transform-origin: var(--v-transform-origin);
   background-color: var(--n-color);
   border-radius: var(--n-border-radius);
@@ -65477,7 +65608,7 @@
         const themeRef = useTheme(
           "Dropdown",
           "-dropdown",
-          style$Z,
+          style$_,
           dropdownLight,
           props,
           mergedClsPrefixRef
@@ -67238,7 +67369,7 @@
     });
 
     const fixedColumnStyle = createFixedColumnStyle();
-    var style$Y = c$1([cB("data-table", `
+    var style$Z = c$1([cB("data-table", `
     width: 100%;
     font-size: var(--n-font-size);
     display: flex;
@@ -67247,6 +67378,7 @@
     --n-merged-th-color: var(--n-th-color);
     --n-merged-td-color: var(--n-td-color);
     --n-merged-border-color: var(--n-border-color);
+    --n-merged-th-color-hover: var(--n-th-color-hover);
     --n-merged-th-color-sorting: var(--n-th-color-sorting);
     --n-merged-td-color-hover: var(--n-td-color-hover);
     --n-merged-td-color-sorting: var(--n-td-color-sorting);
@@ -68764,7 +68896,7 @@
         const themeRef = useTheme(
           "DataTable",
           "-data-table",
-          style$Y,
+          style$Z,
           dataTableLight,
           props,
           mergedClsPrefixRef
@@ -69060,12 +69192,12 @@
             "--n-td-color-striped": tdColorStriped,
             "--n-td-color-striped-modal": tdColorStripedModal,
             "--n-td-color-striped-popover": tdColorStripedPopover,
-            "n-td-color-sorting": tdColorSorting,
-            "n-td-color-sorting-modal": tdColorSortingModal,
-            "n-td-color-sorting-popover": tdColorSortingPopover,
-            "n-th-color-sorting": thColorSorting,
-            "n-th-color-sorting-modal": thColorSortingModal,
-            "n-th-color-sorting-popover": thColorSortingPopover
+            "--n-td-color-sorting": tdColorSorting,
+            "--n-td-color-sorting-modal": tdColorSortingModal,
+            "--n-td-color-sorting-popover": tdColorSortingPopover,
+            "--n-th-color-sorting": thColorSorting,
+            "--n-th-color-sorting-modal": thColorSortingModal,
+            "--n-th-color-sorting-popover": thColorSortingPopover
           };
         });
         const themeClassHandle = inlineThemeDisabled ? useThemeClass(
@@ -69157,7 +69289,7 @@
       panelActionPadding: "8px 0"
     };
 
-    function self$O(vars) {
+    function self$P(vars) {
       const {
         popoverColor,
         textColor2,
@@ -69193,7 +69325,7 @@
         Button: buttonLight,
         Input: inputLight
       },
-      self: self$O
+      self: self$P
     });
 
     const timePickerDark = {
@@ -69204,7 +69336,7 @@
         Button: buttonDark,
         Input: inputDark
       },
-      self: self$O
+      self: self$P
     };
 
     var commonVars$7 = {
@@ -69247,7 +69379,7 @@
       calendarRightPaddingWeek: "0"
     };
 
-    function self$N(vars) {
+    function self$O(vars) {
       const {
         hoverColor,
         fontSize,
@@ -69307,7 +69439,7 @@
         TimePicker: timePickerLight,
         Scrollbar: scrollbarLight
       },
-      self: self$N
+      self: self$O
     });
 
     const datePickerDark = {
@@ -69325,7 +69457,7 @@
           hoverColor,
           primaryColor
         } = vars;
-        const commonSelf = self$N(vars);
+        const commonSelf = self$O(vars);
         commonSelf.itemColorDisabled = composite(popoverColor, hoverColor);
         commonSelf.itemColorIncluded = changeColor(primaryColor, {
           alpha: 0.15
@@ -69354,7 +69486,7 @@
         type: Boolean,
         default: void 0
       },
-      timerPickerFormat: {
+      timePickerFormat: {
         type: String,
         value: TIME_FORMAT
       },
@@ -70802,7 +70934,7 @@
         if (typeof startTime !== "number") {
           startTime = getTime(startTime);
         }
-        if (source !== "shortcutPreview") {
+        if (source !== "shortcutPreview" && source !== "shortcutDone") {
           let startDefaultTime;
           let endDefaultTime;
           if (type === "datetimerange") {
@@ -70824,7 +70956,7 @@
             endTime = getTime(set(endTime, endDefaultTime));
           }
         }
-        panelCommon.doUpdateValue([startTime, endTime], props.panel && source === "done");
+        panelCommon.doUpdateValue([startTime, endTime], props.panel && (source === "done" || source === "shortcutDone"));
       }
       function sanitizeValue(datetime) {
         if (type === "datetimerange") {
@@ -70961,7 +71093,7 @@
       function handleRangeShortcutClick(shortcut) {
         const shortcutValue = panelCommon.getShortcutValue(shortcut);
         if (!Array.isArray(shortcutValue)) return;
-        changeStartEndTime(shortcutValue[0], shortcutValue[1], "done");
+        changeStartEndTime(shortcutValue[0], shortcutValue[1], "shortcutDone");
         panelCommon.clearPendingValue();
         handleConfirmClick();
       }
@@ -71568,7 +71700,6 @@
     const MILLISECONDS_IN_HOUR$1 = 3600000;
     const MILLISECONDS_IN_MINUTE$2 = 60000;
     const patterns$1 = {
-      timezone: /([Z+-].*)$/,
       timezoneZ: /^(Z)$/,
       timezoneHH: /^([+-]\d{2})$/,
       timezoneHHMM: /^([+-])(\d{2}):?(\d{2})$/
@@ -71812,7 +71943,6 @@
     const patterns = {
       dateTimePattern: /^([0-9W+-]+)(T| )(.*)/,
       datePattern: /^([0-9W+-]+)(.*)/,
-      plainTime: /:/,
       // year tokens
       YY: /^(\d{2})$/,
       YYY: [/^([+-]\d{2})$/,
@@ -73050,7 +73180,7 @@
       }
     });
 
-    var style$X = c$1([cB("time-picker", `
+    var style$Y = c$1([cB("time-picker", `
     z-index: auto;
     position: relative;
   `, [cB("time-picker-icon", `
@@ -73244,7 +73374,7 @@
         const themeRef = useTheme(
           "TimePicker",
           "-time-picker",
-          style$X,
+          style$Y,
           timePickerLight,
           props,
           mergedClsPrefixRef
@@ -74075,7 +74205,7 @@
             {
               size: this.timePickerSize,
               placeholder: this.locale.selectTime,
-              format: this.timerPickerFormat,
+              format: this.timePickerFormat,
               ...Array.isArray(timePickerProps) ? void 0 : timePickerProps,
               showIcon: false,
               to: false,
@@ -74311,7 +74441,7 @@
             NTimePicker,
             {
               placeholder: this.locale.selectTime,
-              format: this.timerPickerFormat,
+              format: this.timePickerFormat,
               size: this.timePickerSize,
               ...Array.isArray(timePickerProps) ? timePickerProps[0] : timePickerProps,
               value: this.startTimeValue,
@@ -74345,7 +74475,7 @@
             NTimePicker,
             {
               placeholder: this.locale.selectTime,
-              format: this.timerPickerFormat,
+              format: this.timePickerFormat,
               size: this.timePickerSize,
               ...Array.isArray(timePickerProps) ? timePickerProps[1] : timePickerProps,
               disabled: this.isSelecting,
@@ -74948,7 +75078,7 @@
       endPlaceholder: String,
       format: String,
       dateFormat: String,
-      timerPickerFormat: String,
+      timePickerFormat: String,
       actions: Array,
       shortcuts: Object,
       isDateDisabled: Function,
@@ -75001,7 +75131,7 @@
       onChange: [Function, Array]
     };
 
-    var style$W = c$1([cB("date-picker", `
+    var style$X = c$1([cB("date-picker", `
     position: relative;
     z-index: auto;
   `, [cB("date-picker-icon", `
@@ -75644,7 +75774,7 @@
         const themeRef = useTheme(
           "DatePicker",
           "-date-picker",
-          style$W,
+          style$X,
           datePickerLight,
           props,
           mergedClsPrefixRef
@@ -76318,7 +76448,7 @@
           onPrevMonth: this.onPrevMonth,
           onNextYear: this.onNextYear,
           onPrevYear: this.onPrevYear,
-          timerPickerFormat: this.timerPickerFormat,
+          timePickerFormat: this.timePickerFormat,
           dateFormat: this.dateFormat,
           calendarDayFormat: this.calendarDayFormat,
           calendarHeaderYearFormat: this.calendarHeaderYearFormat,
@@ -76531,7 +76661,7 @@
       tdPaddingLarge: "0 0 16px 0"
     };
 
-    function self$M(vars) {
+    function self$N(vars) {
       const {
         tableHeaderColor,
         textColor2,
@@ -76572,16 +76702,16 @@
     const descriptionsLight = {
       name: "Descriptions",
       common: derived,
-      self: self$M
+      self: self$N
     };
 
     const descriptionsDark = {
       name: "Descriptions",
       common: derived$1,
-      self: self$M
+      self: self$N
     };
 
-    var style$V = c$1([cB("descriptions", {
+    var style$W = c$1([cB("descriptions", {
       fontSize: "var(--n-font-size)"
     }, [cB("descriptions-separator", `
       display: inline-block;
@@ -76727,7 +76857,7 @@
         const themeRef = useTheme(
           "Descriptions",
           "-descriptions",
-          style$V,
+          style$W,
           descriptionsLight,
           props,
           mergedClsPrefixRef
@@ -77037,7 +77167,7 @@
       closeMarginIconTop: "10px 16px 0 0"
     };
 
-    function self$L(vars) {
+    function self$M(vars) {
       const {
         textColor1,
         textColor2,
@@ -77087,7 +77217,7 @@
       peers: {
         Button: buttonLight
       },
-      self: self$L
+      self: self$M
     });
 
     const dialogDark = {
@@ -77096,10 +77226,10 @@
       peers: {
         Button: buttonDark
       },
-      self: self$L
+      self: self$M
     };
 
-    var rtlStyle$g = cB("dialog", [cM("rtl", `
+    var rtlStyle$h = cB("dialog", [cM("rtl", `
     --n-icon-margin: var(--n-icon-margin-top) var(--n-icon-margin-left) var(--n-icon-margin-bottom) var(--n-icon-margin-right);
     direction: rtl;
   `, [cE("close", `
@@ -77119,7 +77249,7 @@
 
     const dialogRtl = {
       name: "Dialog",
-      style: rtlStyle$g
+      style: rtlStyle$h
     };
 
     const dialogProps = {
@@ -77158,7 +77288,7 @@
     };
     const dialogPropKeys = keysOf(dialogProps);
 
-    var style$U = c$1([cB("dialog", `
+    var style$V = c$1([cB("dialog", `
     --n-icon-margin: var(--n-icon-margin-top) var(--n-icon-margin-right) var(--n-icon-margin-bottom) var(--n-icon-margin-left);
     word-break: break-word;
     line-height: var(--n-line-height);
@@ -77281,7 +77411,7 @@
         const themeRef = useTheme(
           "Dialog",
           "-dialog",
-          style$U,
+          style$V,
           dialogLight,
           props,
           mergedClsPrefixRef
@@ -77498,7 +77628,7 @@
       }
     });
 
-    function self$K(vars) {
+    function self$L(vars) {
       const {
         modalColor,
         textColor2,
@@ -77518,7 +77648,7 @@
         Dialog: dialogLight,
         Card: cardLight
       },
-      self: self$K
+      self: self$L
     });
 
     const modalDark = {
@@ -77529,7 +77659,7 @@
         Dialog: dialogDark,
         Card: cardDark
       },
-      self: self$K
+      self: self$L
     };
 
     const modalProviderInjectionKey = createInjectionKey("n-modal-provider");
@@ -77978,7 +78108,7 @@
       }
     });
 
-    var style$T = c$1([cB("modal-container", `
+    var style$U = c$1([cB("modal-container", `
     position: fixed;
     left: 0;
     top: 0;
@@ -78117,7 +78247,7 @@
         const themeRef = useTheme(
           "Modal",
           "-modal",
-          style$T,
+          style$U,
           modalLight,
           props,
           mergedClsPrefixRef
@@ -78602,7 +78732,7 @@
       }
     };
 
-    function self$J(vars) {
+    function self$K(vars) {
       const {
         primaryColor,
         errorColor
@@ -78616,10 +78746,10 @@
     const loadingBarLight = {
       name: "LoadingBar",
       common: derived,
-      self: self$J
+      self: self$K
     };
 
-    var style$S = cB("loading-bar-container", `
+    var style$T = cB("loading-bar-container", `
   z-index: 5999;
   position: fixed;
   top: 0;
@@ -78753,7 +78883,7 @@
         const themeRef = useTheme(
           "LoadingBar",
           "-loading-bar",
-          style$S,
+          style$T,
           loadingBarLight,
           providerProps,
           mergedClsPrefixRef
@@ -78929,7 +79059,7 @@
       fontSize: "14px"
     };
 
-    function self$I(vars) {
+    function self$J(vars) {
       const {
         textColor2,
         closeIconColor,
@@ -79012,16 +79142,16 @@
     const messageLight = {
       name: "Message",
       common: derived,
-      self: self$I
+      self: self$J
     };
 
     const messageDark = {
       name: "Message",
       common: derived$1,
-      self: self$I
+      self: self$J
     };
 
-    var rtlStyle$f = cB("message", [cM("rtl", `
+    var rtlStyle$g = cB("message", [cM("rtl", `
     direction: rtl;
   `, [cE("close", `
       margin: 0 10px 0 0;
@@ -79031,7 +79161,7 @@
 
     const messageRtl = {
       name: "Message",
-      style: rtlStyle$f
+      style: rtlStyle$g
     };
 
     const messageProps = {
@@ -79052,7 +79182,7 @@
       onMouseleave: Function
     };
 
-    var style$R = c$1([cB("message-wrapper", `
+    var style$S = c$1([cB("message-wrapper", `
     margin: var(--n-margin);
     z-index: 0;
     transform-origin: top center;
@@ -79178,7 +79308,7 @@
         const themeRef = useTheme(
           "Message",
           "-message",
-          style$R,
+          style$S,
           messageLight,
           messageProviderProps,
           mergedClsPrefixRef
@@ -79771,7 +79901,7 @@
       descriptionFontSize: "12px"
     };
 
-    function self$H(vars) {
+    function self$I(vars) {
       const {
         textColor2,
         successColor,
@@ -79823,7 +79953,7 @@
       peers: {
         Scrollbar: scrollbarLight
       },
-      self: self$H
+      self: self$I
     });
 
     const notificationDark = {
@@ -79832,10 +79962,10 @@
       peers: {
         Scrollbar: scrollbarDark
       },
-      self: self$H
+      self: self$I
     };
 
-    var rtlStyle$e = cB("notification", [cM("rtl", `
+    var rtlStyle$f = cB("notification", [cM("rtl", `
     direction: rtl;
   `, [cB("notification-main", `
       margin-left: unset;
@@ -79859,7 +79989,7 @@
 
     const notificationRtl = {
       name: "Notification",
-      style: rtlStyle$e
+      style: rtlStyle$f
     };
 
     const notificationProviderInjectionKey = createInjectionKey("n-notification-provider");
@@ -80262,7 +80392,7 @@
       }
     });
 
-    var style$Q = c$1([cB("notification-container", `
+    var style$R = c$1([cB("notification-container", `
     z-index: 4000;
     position: fixed;
     overflow: visible;
@@ -80537,7 +80667,7 @@
         const themeRef = useTheme(
           "Notification",
           "-notification",
-          style$Q,
+          style$R,
           notificationLight,
           props,
           mergedClsPrefixRef
@@ -80743,7 +80873,7 @@
       return discreteApp;
     }
 
-    function self$G(vars) {
+    function self$H(vars) {
       const {
         textColor1,
         dividerColor,
@@ -80758,16 +80888,16 @@
     const dividerLight = {
       name: "Divider",
       common: derived,
-      self: self$G
+      self: self$H
     };
 
     const dividerDark = {
       name: "Divider",
       common: derived$1,
-      self: self$G
+      self: self$H
     };
 
-    var style$P = cB("divider", `
+    var style$Q = cB("divider", `
   position: relative;
   display: flex;
   width: 100%;
@@ -80837,7 +80967,7 @@
         const themeRef = useTheme(
           "Divider",
           "-divider",
-          style$P,
+          style$Q,
           dividerLight,
           props,
           mergedClsPrefixRef
@@ -80904,7 +81034,7 @@
       }
     });
 
-    function self$F(vars) {
+    function self$G(vars) {
       const {
         modalColor,
         textColor1,
@@ -80952,7 +81082,7 @@
       peers: {
         Scrollbar: scrollbarLight
       },
-      self: self$F
+      self: self$G
     });
 
     const drawerDark = {
@@ -80961,10 +81091,10 @@
       peers: {
         Scrollbar: scrollbarDark
       },
-      self: self$F
+      self: self$G
     };
 
-    var rtlStyle$d = cB("drawer", [cM("rtl", `
+    var rtlStyle$e = cB("drawer", [cM("rtl", `
     direction: rtl;
     text-align: right;
   `, [cB("drawer-content", [cB("drawer-header", [cE("close", `
@@ -80974,7 +81104,7 @@
 
     const drawerRtl = {
       name: "Drawer",
-      style: rtlStyle$d,
+      style: rtlStyle$e,
       peers: [scrollbarRtl]
     };
 
@@ -81370,7 +81500,7 @@
       })];
     }
 
-    var style$O = c$1([cB("drawer", `
+    var style$P = c$1([cB("drawer", `
     word-break: break-word;
     line-height: var(--n-line-height);
     position: absolute;
@@ -81631,7 +81761,7 @@
         const themeRef = useTheme(
           "Drawer",
           "-drawer",
-          style$O,
+          style$P,
           drawerLight,
           props,
           mergedClsPrefixRef
@@ -82011,7 +82141,7 @@
       }
     };
 
-    function self$E() {
+    function self$F() {
       return commonVariables$5;
     }
     const dynamicInputLight = createTheme$1({
@@ -82021,7 +82151,7 @@
         Input: inputLight,
         Button: buttonLight
       },
-      self: self$E
+      self: self$F
     });
 
     function createRightBorderStyle(type) {
@@ -82031,7 +82161,7 @@
         left: n1
       })])])])]);
     }
-    var rtlStyle$c = cB("button-group", [cNotM("vertical", [cM("rtl", `
+    var rtlStyle$d = cB("button-group", [cNotM("vertical", [cM("rtl", `
       direction: rtl;
     `, [cB("button", [c$1("&:last-child:not(:first-child)", `
           margin-right: ${zero};
@@ -82049,20 +82179,20 @@
 
     const buttonGroupRtl = {
       name: "ButtonGroup",
-      style: rtlStyle$c
+      style: rtlStyle$d
     };
 
-    var rtlStyle$b = cB("input-number", [cM("rtl", `
+    var rtlStyle$c = cB("input-number", [cM("rtl", `
     direction: rtl;
   `)]);
 
     const inputNumberRtl = {
       name: "InputNumber",
-      style: rtlStyle$b,
+      style: rtlStyle$c,
       peers: [inputRtl, buttonRtl]
     };
 
-    var rtlStyle$a = cB("dynamic-input", [cM("rtl", `
+    var rtlStyle$b = cB("dynamic-input", [cM("rtl", `
     direction: rtl;
   `, [cB("dynamic-input-preset-pair", [cB("dynamic-input-pair-input", [c$1("&:first-child", {
       "margin-left": "12px",
@@ -82073,7 +82203,7 @@
 
     const dynamicInputRtl = {
       name: "DynamicInput",
-      style: rtlStyle$a,
+      style: rtlStyle$b,
       peers: [inputRtl, buttonRtl, buttonGroupRtl, checkboxRtl, inputNumberRtl]
     };
 
@@ -82207,7 +82337,7 @@
       }
     });
 
-    var style$N = cB("dynamic-input", {
+    var style$O = cB("dynamic-input", {
       width: "100%"
     }, [cB("dynamic-input-item", `
     margin-bottom: 10px;
@@ -82322,7 +82452,7 @@
         const themeRef = useTheme(
           "DynamicInput",
           "-dynamic-input",
-          style$N,
+          style$O,
           dynamicInputLight,
           props,
           mergedClsPrefixRef
@@ -82682,21 +82812,21 @@
       }
     };
 
-    function self$D() {
+    function self$E() {
       return commonVars$4;
     }
     const spaceLight = {
       name: "Space",
-      self: self$D
+      self: self$E
     };
 
-    var rtlStyle$9 = cB("space", [cM("rtl", `
+    var rtlStyle$a = cB("space", [cM("rtl", `
     direction: rtl;
   `)]);
 
     const spaceRtl = {
       name: "Space",
-      style: rtlStyle$9
+      style: rtlStyle$a
     };
 
     let supportFlexGap;
@@ -82908,7 +83038,7 @@
       }
     });
 
-    var style$M = cB("dynamic-tags", [cB("input", {
+    var style$N = cB("dynamic-tags", [cB("input", {
       minWidth: "var(--n-input-width)"
     })]);
 
@@ -82970,7 +83100,7 @@
         const themeRef = useTheme(
           "DynamicTags",
           "-dynamic-tags",
-          style$M,
+          style$N,
           dynamicTagsLight,
           props,
           mergedClsPrefixRef
@@ -83285,21 +83415,21 @@
       }
     };
 
-    function self$C() {
+    function self$D() {
       return commonVars$3;
     }
     const flexLight = {
       name: "Flex",
-      self: self$C
+      self: self$D
     };
 
-    var rtlStyle$8 = cB("space", [cM("rtl", `
+    var rtlStyle$9 = cB("space", [cM("rtl", `
     direction: rtl;
   `)]);
 
     const flexRtl = {
       name: "Flex",
-      style: rtlStyle$8
+      style: rtlStyle$9
     };
 
     const flexProps = {
@@ -83442,7 +83572,7 @@
       labelFontWeight: "400"
     };
 
-    function self$B(vars) {
+    function self$C(vars) {
       const {
         heightSmall,
         heightMedium,
@@ -83469,13 +83599,13 @@
     const formLight = {
       name: "Form",
       common: derived,
-      self: self$B
+      self: self$C
     };
 
     const formItemDark = {
       name: "Form",
       common: derived$1,
-      self: self$B
+      self: self$C
     };
 
     const gradientTextDark = {
@@ -83512,7 +83642,7 @@
       }
     };
 
-    function self$A(vars) {
+    function self$B(vars) {
       const {
         primaryColor,
         successColor,
@@ -83549,7 +83679,7 @@
     const gradientTextLight = {
       name: "GradientText",
       common: derived,
-      self: self$A
+      self: self$B
     };
 
     const inputNumberDark = {
@@ -83569,7 +83699,7 @@
       }
     };
 
-    function self$z(vars) {
+    function self$A(vars) {
       const {
         textColorDisabled
       } = vars;
@@ -83584,9 +83714,46 @@
         Button: buttonLight,
         Input: inputLight
       },
+      self: self$A
+    });
+
+    function self$z() {
+      return {
+        inputWidthSmall: "24px",
+        inputWidthMedium: "30px",
+        inputWidthLarge: "36px",
+        gapSmall: "8px",
+        gapMedium: "8px",
+        gapLarge: "8px"
+      };
+    }
+    const inputOtpLight = createTheme$1({
+      name: "InputOtp",
+      common: derived,
+      peers: {
+        Input: inputLight
+      },
       self: self$z
     });
 
+    const inputOtpDark = {
+      name: "InputOtp",
+      common: derived$1,
+      peers: {
+        Input: inputDark
+      },
+      self: self$z
+    };
+
+    var rtlStyle$8 = cB("input-otp", [cM("rtl", `
+    direction: rtl;
+  `)]);
+
+    const inputOtpRtl = {
+      name: "InputOtp",
+      style: rtlStyle$8
+    };
+
     const layoutDark = {
       name: "Layout",
       common: derived$1,
@@ -85403,7 +85570,7 @@
       self: self$a
     };
 
-    var style$L = cB("float-button-group", [cB("float-button", `
+    var style$M = cB("float-button-group", [cB("float-button", `
     position: relative;
   `), cM("square-shape", `
     background-color: var(--n-color);
@@ -85466,7 +85633,7 @@
         const themeRef = useTheme(
           "FloatButtonGroup",
           "-float-button-group",
-          style$L,
+          style$M,
           themeLight$3,
           props,
           mergedClsPrefixRef
@@ -85581,7 +85748,7 @@
       self: self$9
     };
 
-    var style$K = cB("float-button", `
+    var style$L = cB("float-button", `
   user-select: none;
   cursor: pointer;
   color: var(--n-text-color);
@@ -85711,7 +85878,7 @@
         const themeRef = useTheme(
           "FloatButton",
           "-float-button",
-          style$K,
+          style$L,
           themeLight$2,
           props,
           mergedClsPrefixRef
@@ -85885,7 +86052,7 @@
     const formInjectionKey = createInjectionKey("n-form");
     const formItemInstsInjectionKey = createInjectionKey("n-form-item-insts");
 
-    var style$J = cB("form", [cM("inline", `
+    var style$K = cB("form", [cM("inline", `
     width: 100%;
     display: inline-flex;
     align-items: flex-start;
@@ -85940,7 +86107,7 @@
       props: formProps,
       setup(props) {
         const { mergedClsPrefixRef } = useConfig(props);
-        useTheme("Form", "-form", style$J, formLight, props, mergedClsPrefixRef);
+        useTheme("Form", "-form", style$K, formLight, props, mergedClsPrefixRef);
         const formItems = {};
         const maxChildLabelWidthRef = vue.ref(void 0);
         const deriveMaxChildLabelWidth = (currentWidth) => {
@@ -87145,7 +87312,7 @@
       })];
     }
 
-    var style$I = cB("form-item", `
+    var style$J = cB("form-item", `
   display: grid;
   line-height: var(--n-line-height);
 `, [cB("form-item-label", `
@@ -87505,7 +87672,7 @@
         const themeRef = useTheme(
           "Form",
           "-form-item",
-          style$I,
+          style$J,
           formLight,
           props,
           mergedClsPrefixRef
@@ -87938,7 +88105,7 @@
         right: percent
       })];
     });
-    var style$H = c$1([cB("row", {
+    var style$I = c$1([cB("row", {
       width: "100%",
       display: "flex",
       flexWrap: "wrap"
@@ -87970,7 +88137,7 @@
       props: rowProps,
       setup(props) {
         const { mergedClsPrefixRef, mergedRtlRef } = useConfig(props);
-        useStyle("-legacy-grid", style$H, mergedClsPrefixRef);
+        useStyle("-legacy-grid", style$I, mergedClsPrefixRef);
         const rtlEnabledRef = useRtl("Row", mergedRtlRef, mergedClsPrefixRef);
         const verticalGutterRef = useMemo(() => {
           const { gutter } = props;
@@ -88370,7 +88537,7 @@
       }
     });
 
-    var style$G = cB("gradient-text", `
+    var style$H = cB("gradient-text", `
   display: inline-block;
   font-weight: var(--n-font-weight);
   -webkit-background-clip: text;
@@ -88427,7 +88594,7 @@
         const themeRef = useTheme(
           "GradientText",
           "-gradient-text",
-          style$G,
+          style$H,
           gradientTextLight,
           props,
           mergedClsPrefixRef
@@ -88899,7 +89066,7 @@
       self: self$8
     };
 
-    var style$F = cB("icon-wrapper", `
+    var style$G = cB("icon-wrapper", `
   transition:
     color .3s var(--n-bezier),
     background-color .3s var(--n-bezier);
@@ -88931,7 +89098,7 @@
         const themeRef = useTheme(
           "IconWrapper",
           "-icon-wrapper",
-          style$F,
+          style$G,
           iconWrapperLight,
           props,
           mergedClsPrefixRef
@@ -89052,7 +89219,7 @@
     };
     const imageContextKey = createInjectionKey("n-image");
 
-    var style$E = c$1([c$1("body >", [cB("image-container", "position: fixed;")]), cB("image-preview-container", `
+    var style$F = c$1([c$1("body >", [cB("image-container", "position: fixed;")]), cB("image-preview-container", `
     position: fixed;
     left: 0;
     right: 0;
@@ -89128,7 +89295,7 @@
         const themeRef = useTheme(
           "Image",
           "-image",
-          style$E,
+          style$F,
           imageLight,
           props,
           vue.toRef(props, "clsPrefix")
@@ -89971,7 +90138,7 @@
       }
     });
 
-    var style$D = c$1([cB("input-number-suffix", `
+    var style$E = c$1([cB("input-number-suffix", `
     display: inline-block;
     margin-right: 10px;
   `), cB("input-number-prefix", `
@@ -90096,7 +90263,7 @@
         const themeRef = useTheme(
           "InputNumber",
           "-input-number",
-          style$D,
+          style$E,
           inputNumberLight,
           props,
           mergedClsPrefixRef
@@ -90686,6 +90853,324 @@
       }
     });
 
+    var style$D = c$1([cB("input-otp", `
+    display: flex;
+    align-items: center;
+    gap: var(--n-gap);
+  `, [cM("block", ``, [cB("input", ``, [cNotM("autosize", `
+          text-align: center;
+          min-width: 0;
+        `), cM("autosize", `
+          text-align: center;
+          min-width: 0;
+        `)])]), cNotM("block", ``, [cB("input", ``, [cNotM("autosize", `
+          width: var(--n-input-width);
+          text-align: center;
+        `), cM("autosize", `
+          width: var(--n-input-width);
+          text-align: center;
+        `)])])])]);
+
+    const inputOtpProps = {
+      ...useTheme.props,
+      defaultValue: { type: Array, default: [] },
+      value: Array,
+      length: {
+        type: Number,
+        default: 6
+      },
+      block: Boolean,
+      size: String,
+      disabled: Boolean,
+      mask: Boolean,
+      readonly: Boolean,
+      status: String,
+      gap: [String, Number],
+      placeholder: { type: String, default: "" },
+      allowInput: Function,
+      onBlur: [Function, Array],
+      onFocus: [Function, Array],
+      "onUpdate:value": [Function, Array],
+      onUpdateValue: [Function, Array],
+      onFinish: [Function, Array]
+    };
+    var InputOtp = vue.defineComponent({
+      name: "InputOtp",
+      props: inputOtpProps,
+      slots: Object,
+      setup(props) {
+        const { mergedClsPrefixRef, mergedRtlRef, inlineThemeDisabled } = useConfig(props);
+        const themeRef = useTheme(
+          "InputOtp",
+          "-input-otp",
+          style$D,
+          inputOtpLight,
+          props,
+          mergedClsPrefixRef
+        );
+        const rtlEnabledRef = useRtl("InputOtp", mergedRtlRef, mergedClsPrefixRef);
+        const formItem = useFormItem(props);
+        const { mergedSizeRef, mergedDisabledRef, mergedStatusRef } = formItem;
+        const cssVarsRef = vue.computed(() => {
+          const { value: size } = mergedSizeRef;
+          const { gap: propGap } = props;
+          const {
+            self: {
+              [createKey("inputWidth", size)]: inputWidth,
+              [createKey("gap", size)]: gap
+            }
+          } = themeRef.value;
+          return {
+            "--n-gap": propGap === void 0 ? gap : typeof propGap === "number" ? pxfy(propGap) : propGap,
+            "--n-input-width": inputWidth
+          };
+        });
+        const themeClassHandle = inlineThemeDisabled ? useThemeClass(
+          "input-otp",
+          vue.computed(() => {
+            const { value: size } = mergedSizeRef;
+            return size[0];
+          }),
+          cssVarsRef,
+          props
+        ) : void 0;
+        const uncontrolledValueRef = vue.ref(props.defaultValue);
+        const controlledValueRef = vue.toRef(props, "value");
+        const mergedValueRef = useMergedState(
+          controlledValueRef,
+          uncontrolledValueRef
+        );
+        const inputRefList = vue.ref([]);
+        const inputTypeRef = vue.computed(
+          () => props.mask ? "password" : "text"
+        );
+        const handleFocus = (e, index) => {
+          if (inputRefList?.value.some(
+            (inputInst) => inputInst.inputElRef === e.relatedTarget
+          )) {
+            return;
+          }
+          const { onFocus } = props;
+          if (onFocus) {
+            call(onFocus, e, index);
+          }
+          const { nTriggerFormFocus } = formItem;
+          nTriggerFormFocus();
+        };
+        const handleBlur = (e, index) => {
+          if (inputRefList?.value.some(
+            (inputInst) => inputInst.inputElRef === e.relatedTarget
+          )) {
+            return;
+          }
+          const { onBlur } = props;
+          const { nTriggerFormBlur } = formItem;
+          if (onBlur)
+            call(onBlur, e, index);
+          nTriggerFormBlur();
+        };
+        const focusOnChar = (charIndex) => {
+          if (charIndex >= props.length)
+            return;
+          if (charIndex < 0)
+            return;
+          inputRefList?.value[charIndex].focus();
+          inputRefList?.value[charIndex].select();
+        };
+        const focusOnNextChar = (currentIndex) => {
+          if (currentIndex >= props.length - 1) {
+            return;
+          }
+          focusOnChar(currentIndex + 1);
+        };
+        const focusOnPrevChar = (currentIndex) => {
+          if (currentIndex <= 0) {
+            return;
+          }
+          focusOnChar(currentIndex - 1);
+        };
+        const justifyValue = (value) => {
+          const justifiedValue = value ? Array.from(value) : [];
+          const length = props.length;
+          while (justifiedValue.length > length) {
+            justifiedValue.pop();
+          }
+          while (justifiedValue.length < length) {
+            justifiedValue.push("");
+          }
+          return justifiedValue;
+        };
+        function doUpdateValue(value, meta) {
+          const { nTriggerFormInput, nTriggerFormChange } = formItem;
+          if (isArrayShallowEqual(value, mergedValueRef.value)) {
+            nTriggerFormInput();
+            return;
+          }
+          const {
+            "onUpdate:value": _onUpdateValue,
+            onUpdateValue,
+            length,
+            onFinish
+          } = props;
+          if (_onUpdateValue)
+            call(_onUpdateValue, value, meta);
+          if (onUpdateValue)
+            call(onUpdateValue, value, meta);
+          if (value.filter((v) => v).length === length && onFinish) {
+            call(onFinish, value);
+          }
+          uncontrolledValueRef.value = value;
+          nTriggerFormInput();
+          nTriggerFormChange();
+        }
+        const handlePaste = (e, index) => {
+          if (props.readonly || mergedDisabledRef.value) {
+            return;
+          }
+          e.preventDefault();
+          const { clipboardData } = e;
+          const text = clipboardData?.getData("text");
+          if (!text)
+            return;
+          const currentValue = justifyValue(mergedValueRef.value);
+          let startIndex = index;
+          const allowInput = props.allowInput;
+          let pasteApplied = false;
+          let appendedText = "";
+          for (let i = 0; i < text.length; ++i) {
+            if (allowInput && !allowInput(text[i], startIndex, currentValue)) {
+              continue;
+            }
+            pasteApplied = true;
+            currentValue[startIndex] = text[i];
+            appendedText += text[i];
+            startIndex++;
+            if (startIndex >= currentValue.length) {
+              break;
+            }
+          }
+          if (pasteApplied) {
+            focusOnChar(startIndex);
+            doUpdateValue(currentValue, {
+              diff: appendedText,
+              index: startIndex,
+              source: "paste"
+            });
+          }
+        };
+        const handleKeydown = (e, index) => {
+          if (mergedDisabledRef.value)
+            return;
+          const keyCode = e.code || e.key;
+          const currentValue = justifyValue(mergedValueRef.value);
+          if (keyCode === "Backspace" && !props.readonly) {
+            e.preventDefault();
+            currentValue[Math.max(index, 0)] = "";
+            doUpdateValue(currentValue, { diff: "", index, source: "delete" });
+            focusOnPrevChar(index);
+          } else if (keyCode === "ArrowLeft") {
+            e.preventDefault();
+            focusOnPrevChar(index);
+          } else if (keyCode === "ArrowRight") {
+            e.preventDefault();
+            focusOnNextChar(index);
+          }
+        };
+        const handleInput = (value, index) => {
+          const currentValue = justifyValue(mergedValueRef.value);
+          const currentValueAtIndex = currentValue[index];
+          const diff = value.replace(currentValueAtIndex, "");
+          const char = diff[diff.length - 1] || value[value.length - 1] || "";
+          const allowInput = props.allowInput;
+          if (allowInput && !allowInput(char, index, currentValue)) {
+            return;
+          }
+          currentValue[index] = char;
+          doUpdateValue(currentValue, { diff: char, index, source: "input" });
+          focusOnNextChar(index);
+        };
+        const getTemplateEvents = (index) => {
+          return {
+            onInput: (value) => handleInput(value, index),
+            onPaste: (event) => handlePaste(event, index),
+            onKeydown: (event) => handleKeydown(event, index),
+            onFocus: (event) => handleFocus(event, index),
+            onBlur: (event) => handleBlur(event, index)
+          };
+        };
+        return {
+          mergedTheme: themeRef,
+          perItemValueArray: vue.computed(() => justifyValue(mergedValueRef.value)),
+          mergedClsPrefix: mergedClsPrefixRef,
+          inputRefList,
+          inputType: inputTypeRef,
+          rtlEnabled: rtlEnabledRef,
+          mergedStatus: mergedStatusRef,
+          mergedDisabled: mergedDisabledRef,
+          cssVars: inlineThemeDisabled ? void 0 : cssVarsRef,
+          themeClass: themeClassHandle?.themeClass,
+          getTemplateEvents,
+          onRender: themeClassHandle?.onRender
+        };
+      },
+      render() {
+        const {
+          mergedTheme,
+          mergedClsPrefix,
+          perItemValueArray,
+          size,
+          placeholder,
+          mergedDisabled,
+          mergedStatus,
+          readonly,
+          inputType,
+          $slots,
+          getTemplateEvents,
+          themeClass,
+          onRender
+        } = this;
+        onRender?.();
+        return /* @__PURE__ */ vue.h(
+          "div",
+          {
+            style: this.cssVars,
+            class: [
+              `${mergedClsPrefix}-input-otp`,
+              themeClass,
+              this.rtlEnabled && `${mergedClsPrefix}-input-otp--rtl`,
+              this.block && `${mergedClsPrefix}-input-otp--block`
+            ]
+          },
+          repeat(this.length, void 0).map(
+            (_, index) => resolveSlotWithTypedProps(
+              $slots.default,
+              {
+                index,
+                value: perItemValueArray[index],
+                type: inputType,
+                size,
+                placeholder,
+                disabled: mergedDisabled,
+                readonly,
+                status: mergedStatus,
+                builtinThemeOverrides: {
+                  paddingTiny: "0",
+                  paddingSmall: "0",
+                  paddingMedium: "0",
+                  paddingLarge: "0"
+                },
+                theme: mergedTheme.peers.Input,
+                themeOverrides: mergedTheme.peerOverrides.Input,
+                ref: (el) => this.inputRefList[index] = el,
+                ...getTemplateEvents(index)
+              },
+              ({ index: index2, ...restProps }) => [/* @__PURE__ */ vue.h(NInput, { ...restProps, key: index2 })]
+            )
+          )
+        );
+      }
+    });
+
     const layoutSiderInjectionKey = createInjectionKey("n-layout-sider");
     const positionProp = {
       type: String,
@@ -95928,8 +96413,8 @@
           const endPositionY = 2 * radius;
           const centerX = 50 + strokeWidth / 2;
           const pathString = `M ${centerX},${centerX} m ${beginPositionX},${beginPositionY}
-      a ${radius},${radius} 0 1 1 ${endPositionX},${-endPositionY}
-      a ${radius},${radius} 0 1 1 ${-endPositionX},${endPositionY}`;
+      a ${radius},${radius} 0 1 1 ${endPositionX},${ -100}
+      a ${radius},${radius} 0 1 1 ${ -0},${endPositionY}`;
           const len = Math.PI * 2 * radius;
           const pathStyle = {
             stroke: type === "rail" ? strokeColor : typeof props.fillColor === "object" ? "url(#gradient)" : strokeColor,
@@ -104960,7 +105445,6 @@
     box-sizing: border-box;
     padding: var(--n-node-wrapper-padding);
   `), cB("tree-node", `
-    transform: translate3d(0,0,0);
     position: relative;
     display: flex;
     border-radius: var(--n-node-border-radius);
@@ -105102,6 +105586,10 @@
         type: Array,
         default: () => []
       },
+      indent: {
+        type: Number,
+        default: 24
+      },
       indeterminateKeys: Array,
       renderSwitcherIcon: Function,
       onUpdateIndeterminateKeys: [Function, Array],
@@ -105159,10 +105647,6 @@
         default: true
       },
       scrollbarProps: Object,
-      indent: {
-        type: Number,
-        default: 24
-      },
       allowDrop: {
         type: Function,
         default: defaultAllowDrop
@@ -107362,6 +107846,7 @@
                               themeOverrides: mergedTheme.peerOverrides.Tree,
                               defaultExpandAll: this.defaultExpandAll,
                               defaultExpandedKeys: this.defaultExpandedKeys,
+                              indent: this.indent,
                               expandedKeys: this.mergedExpandedKeys,
                               checkedKeys: this.treeCheckedKeys,
                               selectedKeys: this.treeSelectedKeys,
@@ -108668,13 +109153,18 @@
         }
         function handleDownload(file) {
           const {
-            onDownloadRef: { value: onDownload }
+            onDownloadRef: { value: onDownload },
+            customDownloadRef: { value: customDownload }
           } = NUpload;
           void Promise.resolve(
             onDownload ? onDownload(Object.assign({}, file)) : true
           ).then((res) => {
             if (res !== false) {
-              download(file.url, file.name);
+              if (customDownload) {
+                customDownload(Object.assign({}, file));
+              } else {
+                download(file.url, file.name);
+              }
             }
           });
         }
@@ -109233,6 +109723,7 @@
       isErrorState: Function,
       /** currently not used */
       onDownload: Function,
+      customDownload: Function,
       defaultUpload: {
         type: Boolean,
         default: true
@@ -109562,6 +110053,7 @@
           showRetryButtonRef: vue.toRef(props, "showRetryButton"),
           onRemoveRef: vue.toRef(props, "onRemove"),
           onDownloadRef: vue.toRef(props, "onDownload"),
+          customDownloadRef: vue.toRef(props, "customDownload"),
           mergedFileListRef,
           triggerClassRef: vue.toRef(props, "triggerClass"),
           triggerStyleRef: vue.toRef(props, "triggerStyle"),
@@ -110139,6 +110631,7 @@
         NInputGroup: NInputGroup,
         NInputGroupLabel: InputGroupLabel,
         NInputNumber: InputNumber,
+        NInputOtp: InputOtp,
         NLayout: Layout,
         NLayoutContent: LayoutContent,
         NLayoutFooter: LayoutFooter,
@@ -110285,6 +110778,7 @@
         inputGroupLabelProps: inputGroupLabelProps,
         inputGroupProps: inputGroupProps,
         inputNumberProps: inputNumberProps,
+        inputOtpProps: inputOtpProps,
         inputProps: inputProps,
         layoutContentProps: layoutProps,
         layoutFooterProps: layoutFooterProps,
@@ -110345,6 +110839,7 @@
         treeProps: treeProps,
         treeSelectProps: treeSelectProps,
         ulProps: ulProps,
+        uploadDownload: publicDownload,
         uploadProps: uploadProps,
         useDialog: useDialog,
         useDialogReactiveList: useDialogReactiveList,
@@ -110378,7 +110873,7 @@
       });
     }
 
-    var version = "2.41.0";
+    var version = "2.42.0";
 
     function create({
       componentPrefix = "N",
@@ -110493,6 +110988,7 @@
       Image: imageLight,
       Input: inputLight,
       InputNumber: inputNumberLight,
+      InputOtp: inputOtpLight,
       Layout: layoutLight,
       LegacyTransfer: transferLight,
       List: listLight,
@@ -111068,6 +111564,7 @@
       Image: imageDark,
       Input: inputDark,
       InputNumber: inputNumberDark,
+      InputOtp: inputOtpDark,
       LegacyTransfer: transferDark,
       Layout: layoutDark,
       List: listDark$1,
@@ -111214,6 +111711,7 @@
     exports.NInputGroup = NInputGroup;
     exports.NInputGroupLabel = InputGroupLabel;
     exports.NInputNumber = InputNumber;
+    exports.NInputOtp = InputOtp;
     exports.NLayout = Layout;
     exports.NLayoutContent = LayoutContent;
     exports.NLayoutFooter = LayoutFooter;
@@ -111447,6 +111945,8 @@
     exports.inputGroupProps = inputGroupProps;
     exports.inputNumberDark = inputNumberDark;
     exports.inputNumberProps = inputNumberProps;
+    exports.inputOtpDark = inputOtpDark;
+    exports.inputOtpProps = inputOtpProps;
     exports.inputProps = inputProps;
     exports.install = install;
     exports.internalSelectMenuDark = internalSelectMenuDark;
@@ -111576,6 +112076,7 @@
     exports.unstableDynamicInputRtl = dynamicInputRtl;
     exports.unstableFlexRtl = flexRtl;
     exports.unstableInputNumberRtl = inputNumberRtl;
+    exports.unstableInputOtpRtl = inputOtpRtl;
     exports.unstableInputRtl = inputRtl;
     exports.unstableListRtl = listRtl;
     exports.unstableMessageRtl = messageRtl;
@@ -111594,6 +112095,7 @@
     exports.unstableThingRtl = thingRtl;
     exports.unstableTreeRtl = treeRtl;
     exports.uploadDark = uploadDark;
+    exports.uploadDownload = publicDownload;
     exports.uploadProps = uploadProps;
     exports.useDialog = useDialog;
     exports.useDialogReactiveList = useDialogReactiveList;