naive-ui 2.41.0 → 2.42.0

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import { ref, readonly, watch, computed, getCurrentInstance, onMounted, onBeforeUnmount, onBeforeMount, reactive, inject, onActivated, onDeactivated, createTextVNode, Fragment, Comment, defineComponent, provide, withDirectives, toRef, h, Teleport, nextTick, renderSlot, mergeProps, vShow, isVNode, shallowRef, watchEffect, Transition, TransitionGroup, cloneVNode, Text, onUnmounted, onBeforeUpdate, onUpdated, normalizeStyle, isReactive, markRaw, normalizeClass, createApp, unref, isProxy, toRaw, renderList } from 'vue';
+import { ref, readonly, watch, computed, getCurrentInstance, onMounted, onBeforeUnmount, onBeforeMount, reactive, inject, onActivated, onDeactivated, createTextVNode, Fragment, Comment, defineComponent, provide, withDirectives, h, Teleport, toRef, nextTick, renderSlot, mergeProps, vShow, isVNode, shallowRef, watchEffect, Transition, TransitionGroup, cloneVNode, Text, onUnmounted, onBeforeUpdate, onUpdated, normalizeStyle, isReactive, markRaw, normalizeClass, createApp, unref, isProxy, toRaw, renderList } from 'vue';
 
 /* eslint-disable @typescript-eslint/restrict-template-expressions */
 /* eslint-disable @typescript-eslint/strict-boolean-expressions */
@@ -7,7 +7,7 @@ function plugin$1(options) {
   let _ePrefix = '__';
   let _mPrefix = '--';
   let c;
-  {
+  if (options) {
     let t = options.blockPrefix;
     if (t) {
       _bPrefix = t;
@@ -799,24 +799,157 @@ function getGap(value, orient) {
   };
 }
 
+// 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
@@ -960,7 +1093,9 @@ function hsva(color) {
 }
 /**
  * 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) {
@@ -980,6 +1115,12 @@ function rgba(color) {
       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) {
@@ -1008,7 +1149,7 @@ function composite(background, overlay) {
 }
 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);
@@ -3258,7 +3399,7 @@ function getOffset$1(placement, offsetRect, targetRect, offsetTopToStandardPlace
 }
 
 /* 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',
@@ -3337,7 +3478,7 @@ var VFollower = defineComponent({
       }
     });
     const ssrAdapter = useSsrAdapter();
-    style$1G.mount({
+    style$1H.mount({
       id: 'vueuc/binder',
       head: true,
       anchorMetaName: cssrAnchorMetaName$1,
@@ -4797,7 +4938,7 @@ var VXScroll = defineComponent({
 
 /* 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 = defineComponent({
@@ -4910,7 +5051,7 @@ var VOverflow = defineComponent({
       }
     }
     const ssrAdapter = useSsrAdapter();
-    style$1F.mount({
+    style$1G.mount({
       id: 'vueuc/overflow',
       head: true,
       anchorMetaName: cssrAnchorMetaName$1,
@@ -5298,6 +5439,9 @@ function download(url, name) {
   a.click();
   document.body.removeChild(a);
 }
+function publicDownload(url, name) {
+  download(url, name);
+}
 
 function isDocument(node) {
   return node.nodeName === "#document";
@@ -5346,6 +5490,20 @@ function smallerSize(size) {
   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}`;
@@ -22235,7 +22393,7 @@ lodash.exports;
 	   * @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
@@ -22252,7 +22410,7 @@ lodash.exports;
 	   * @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
@@ -22460,7 +22618,7 @@ lodash.exports;
 	   * @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. `===`.
 	   *
@@ -23009,7 +23167,7 @@ lodash.exports;
 	     * @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`.
 	     *
@@ -23638,7 +23796,7 @@ lodash.exports;
 	     * @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
@@ -23784,7 +23942,7 @@ lodash.exports;
 	     * @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.
 	     *
@@ -24019,7 +24177,7 @@ lodash.exports;
 	     * @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
@@ -24063,7 +24221,7 @@ lodash.exports;
 	     * @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`.
@@ -24250,7 +24408,7 @@ lodash.exports;
 	     * @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
@@ -24509,7 +24667,7 @@ lodash.exports;
 	     * @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
@@ -24828,7 +24986,7 @@ lodash.exports;
 	     * // 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.
 	     *
@@ -24862,7 +25020,7 @@ lodash.exports;
 	     * // 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
@@ -24960,7 +25118,7 @@ lodash.exports;
 	     * // 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
@@ -25078,7 +25236,7 @@ lodash.exports;
 	     * // 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.
 	     *
@@ -25325,7 +25483,7 @@ lodash.exports;
 	     *
 	     * _.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.
@@ -25381,7 +25539,7 @@ lodash.exports;
 	     *
 	     * _.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.
 	     *
@@ -28318,7 +28476,7 @@ lodash.exports;
 	     *
 	     * _.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
@@ -28518,7 +28676,7 @@ lodash.exports;
 	     *
 	     * _.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
@@ -28637,7 +28795,7 @@ lodash.exports;
 	     *
 	     * _.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.
 	     *
@@ -31764,7 +31922,7 @@ useTheme.props = {
   builtinThemeOverrides: Object
 };
 
-var style$1E = cB("affix", [cM("affixed", {
+var style$1F = cB("affix", [cM("affixed", {
   position: "fixed"
 }, [cM("absolute-positioned", {
   position: "absolute"
@@ -31834,7 +31992,7 @@ var NAffix = defineComponent({
   props: affixProps,
   setup(props) {
     const { mergedClsPrefixRef } = useConfig(props);
-    useStyle("-affix", style$1E, mergedClsPrefixRef);
+    useStyle("-affix", style$1F, mergedClsPrefixRef);
     let scrollTarget = null;
     const stickToTopRef = ref(false);
     const stickToBottomRef = ref(false);
@@ -31956,7 +32114,7 @@ var NAffix = defineComponent({
   }
 });
 
-var style$1D = cB("base-icon", `
+var style$1E = cB("base-icon", `
   height: 1em;
   width: 1em;
   line-height: 1em;
@@ -31964,7 +32122,6 @@ var style$1D = cB("base-icon", `
   display: inline-block;
   position: relative;
   fill: currentColor;
-  transform: translateZ(0);
 `, [c$1("svg", `
     height: 1em;
     width: 1em;
@@ -31992,7 +32149,7 @@ var NBaseIcon = defineComponent({
     onMouseup: Function
   },
   setup(props) {
-    useStyle("-base-icon", style$1D, toRef(props, "clsPrefix"));
+    useStyle("-base-icon", style$1E, toRef(props, "clsPrefix"));
   },
   render() {
     return /* @__PURE__ */ h(
@@ -32582,7 +32739,7 @@ function iconSwitchTransition({
   })];
 }
 
-var style$1C = cB("base-clear", `
+var style$1D = cB("base-clear", `
   flex-shrink: 0;
   height: 1em;
   width: 1em;
@@ -32623,7 +32780,7 @@ var NBaseClear = defineComponent({
     onClear: Function
   },
   setup(props) {
-    useStyle("-base-clear", style$1C, toRef(props, "clsPrefix"));
+    useStyle("-base-clear", style$1D, toRef(props, "clsPrefix"));
     return {
       handleMouseDown(e) {
         e.preventDefault();
@@ -32654,7 +32811,7 @@ var NBaseClear = defineComponent({
   }
 });
 
-var style$1B = cB("base-close", `
+var style$1C = cB("base-close", `
   display: flex;
   align-items: center;
   justify-content: center;
@@ -32724,7 +32881,7 @@ var NBaseClose = defineComponent({
     absolute: Boolean
   },
   setup(props) {
-    useStyle("-base-close", style$1B, toRef(props, "clsPrefix"));
+    useStyle("-base-close", style$1C, toRef(props, "clsPrefix"));
     return () => {
       const { clsPrefix, disabled, absolute, round, isButtonTag } = props;
       const Tag = isButtonTag ? "button" : "div";
@@ -32883,7 +33040,7 @@ var FocusDetector = defineComponent({
   }
 });
 
-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);
@@ -32949,7 +33106,7 @@ var NBaseLoading = defineComponent({
     ...exposedLoadingProps
   },
   setup(props) {
-    useStyle("-base-loading", style$1A, toRef(props, "clsPrefix"));
+    useStyle("-base-loading", style$1B, toRef(props, "clsPrefix"));
   },
   render() {
     const { clsPrefix, radius, strokeWidth, stroke, scale } = this;
@@ -33052,7 +33209,7 @@ function fadeInTransition({
   })];
 }
 
-var style$1z = cB("base-menu-mask", `
+var style$1A = cB("base-menu-mask", `
   position: absolute;
   left: 0;
   right: 0;
@@ -33075,7 +33232,7 @@ var NBaseMenuMask = defineComponent({
     }
   },
   setup(props) {
-    useStyle("-base-menu-mask", style$1z, toRef(props, "clsPrefix"));
+    useStyle("-base-menu-mask", style$1A, toRef(props, "clsPrefix"));
     const messageRef = ref(null);
     let timerId = null;
     const uncontrolledShowRef = ref(false);
@@ -33293,22 +33450,11 @@ const base = {
   // 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",
@@ -33459,7 +33605,7 @@ const commonVars$d = {
   railColor: "transparent"
 };
 
-function self$1j(vars) {
+function self$1k(vars) {
   const {
     scrollbarColor,
     scrollbarColorHover,
@@ -33479,16 +33625,16 @@ function self$1j(vars) {
 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;
@@ -33497,10 +33643,10 @@ var rtlStyle$w = cB("scrollbar", [cM("rtl", `
 
 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;
@@ -33643,7 +33789,7 @@ const Scrollbar$1 = defineComponent({
     const themeRef = useTheme(
       "Scrollbar",
       "-scrollbar",
-      style$1y,
+      style$1z,
       scrollbarLight,
       props,
       mergedClsPrefixRef
@@ -35022,7 +35168,7 @@ var commonVars$c = {
   iconSizeHuge: "52px"
 };
 
-function self$1i(vars) {
+function self$1j(vars) {
   const {
     textColorDisabled,
     iconColor,
@@ -35048,16 +35194,16 @@ function self$1i(vars) {
 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;
@@ -35108,7 +35254,7 @@ var NEmpty = defineComponent({
     const themeRef = useTheme(
       "Empty",
       "-empty",
-      style$1x,
+      style$1y,
       emptyLight,
       props,
       mergedClsPrefixRef
@@ -35194,7 +35340,7 @@ var commonVariables$m = {
   loadingSize: "18px"
 };
 
-function self$1h(vars) {
+function self$1i(vars) {
   const {
     borderRadius,
     popoverColor,
@@ -35253,7 +35399,7 @@ const internalSelectMenuLight = createTheme$1({
     Scrollbar: scrollbarLight,
     Empty: emptyLight
   },
-  self: self$1h
+  self: self$1i
 });
 
 const internalSelectMenuDark = {
@@ -35263,10 +35409,10 @@ const internalSelectMenuDark = {
     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;
@@ -35278,7 +35424,7 @@ var rtlStyle$v = cB("base-select-menu", [cM("rtl", `
 
 const internalSelectMenuRtl = {
   name: "InternalSelectMenu",
-  style: rtlStyle$v
+  style: rtlStyle$w
 };
 
 var NSelectGroupHeader = defineComponent({
@@ -35502,7 +35648,7 @@ function fadeInScaleUpTransition({
   })];
 }
 
-var style$1w = cB("base-select-menu", `
+var style$1x = cB("base-select-menu", `
   line-height: 1.5;
   outline: none;
   z-index: 0;
@@ -35690,7 +35836,7 @@ var NInternalSelectMenu = defineComponent({
     const themeRef = useTheme(
       "InternalSelectMenu",
       "-internal-select-menu",
-      style$1w,
+      style$1x,
       internalSelectMenuLight,
       props,
       toRef(props, "clsPrefix")
@@ -36151,7 +36297,7 @@ var commonVariables$l = {
   padding: "8px 14px"
 };
 
-function self$1g(vars) {
+function self$1h(vars) {
   const {
     boxShadow2,
     popoverColor,
@@ -36173,13 +36319,13 @@ function self$1g(vars) {
 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 = {
@@ -36189,7 +36335,7 @@ const oppositePlacement = {
   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),
@@ -36403,7 +36549,7 @@ var NPopoverBody = defineComponent({
     const themeRef = useTheme(
       "Popover",
       "-popover",
-      style$1v,
+      style$1w,
       popoverLight,
       props,
       mergedClsPrefixRef
@@ -37445,7 +37591,7 @@ const tagDark = {
   }
 };
 
-function self$1f(vars) {
+function self$1g(vars) {
   const {
     textColor2,
     primaryColorHover,
@@ -37612,10 +37758,10 @@ function self$1f(vars) {
 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", `
@@ -37634,7 +37780,7 @@ var rtlStyle$u = cB("tag", [cM("rtl", `
 
 const tagRtl = {
   name: "Tag",
-  style: rtlStyle$u
+  style: rtlStyle$v
 };
 
 var commonProps = {
@@ -37655,7 +37801,7 @@ var commonProps = {
   }
 };
 
-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;
@@ -37781,7 +37927,7 @@ var NTag = defineComponent({
     const themeRef = useTheme(
       "Tag",
       "-tag",
-      style$1u,
+      style$1v,
       tagLight,
       props,
       mergedClsPrefixRef
@@ -38182,7 +38328,7 @@ const internalSelectionDark = {
   }
 };
 
-function self$1e(vars) {
+function self$1f(vars) {
   const {
     borderRadius,
     textColor2,
@@ -38287,10 +38433,10 @@ const internalSelectionLight = createTheme$1({
   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);
@@ -38301,10 +38447,10 @@ var rtlStyle$t = cB("base-selection", [cM("rtl", `
 
 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;
@@ -38594,7 +38740,7 @@ var NInternalSelection = defineComponent({
     const themeRef = useTheme(
       "InternalSelection",
       "-internal-selection",
-      style$1t,
+      style$1u,
       internalSelectionLight,
       props,
       toRef(props, "clsPrefix")
@@ -39545,7 +39691,7 @@ function fadeUpWidthExpandTransition({
   })];
 }
 
-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;
@@ -39664,7 +39810,7 @@ var NBaseSlotMachine = defineComponent({
     }
   },
   setup(props) {
-    useStyle("-base-slot-machine", style$1s, toRef(props, "clsPrefix"));
+    useStyle("-base-slot-machine", style$1t, toRef(props, "clsPrefix"));
     const oldValueRef = ref();
     const newValueRef = ref();
     const numbersRef = computed(() => {
@@ -39719,7 +39865,7 @@ var NBaseSlotMachine = defineComponent({
   }
 });
 
-var style$1r = cB("base-wave", `
+var style$1s = cB("base-wave", `
   position: absolute;
   left: 0;
   right: 0;
@@ -39737,7 +39883,7 @@ var NBaseWave = defineComponent({
     }
   },
   setup(props) {
-    useStyle("-base-wave", style$1r, toRef(props, "clsPrefix"));
+    useStyle("-base-wave", style$1s, toRef(props, "clsPrefix"));
     const selfRef = ref(null);
     const activeRef = ref(false);
     let animationTimerId = null;
@@ -39893,7 +40039,7 @@ const alertDark = {
   }
 };
 
-function self$1d(vars) {
+function self$1e(vars) {
   const {
     lineHeight,
     borderRadius,
@@ -39992,10 +40138,10 @@ function self$1d(vars) {
 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;
@@ -40013,7 +40159,7 @@ var rtlStyle$s = cB("alert", [cM("rtl", `
 
 const alertRtl = {
   name: "Alert",
-  style: rtlStyle$s
+  style: rtlStyle$t
 };
 
 const {
@@ -40068,7 +40214,7 @@ function fadeInHeightExpandTransition({
     `)];
 }
 
-var style$1q = cB("alert", `
+var style$1r = cB("alert", `
   line-height: var(--n-line-height);
   border-radius: var(--n-border-radius);
   position: relative;
@@ -40192,7 +40338,7 @@ var Alert = defineComponent({
     const themeRef = useTheme(
       "Alert",
       "-alert",
-      style$1q,
+      style$1r,
       alertLight,
       props,
       mergedClsPrefixRef
@@ -40366,7 +40512,7 @@ var commonVars$a = {
   railWidth: "4px"
 };
 
-function self$1c(vars) {
+function self$1d(vars) {
   const {
     borderRadius,
     railColor,
@@ -40392,13 +40538,13 @@ function self$1c(vars) {
 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");
@@ -40409,6 +40555,7 @@ const anchorLinkProps = {
 var Link = defineComponent({
   name: "AnchorLink",
   props: anchorLinkProps,
+  slots: Object,
   setup(props, { slots }) {
     const titleRef = ref(null);
     const NAnchor = inject(anchorInjectionKey);
@@ -40451,7 +40598,9 @@ var Link = defineComponent({
             title: getTitleAttribute(props.title),
             onClick: handleClick
           },
-          props.title
+          {
+            default: () => resolveSlot(slots.title, () => [props.title])
+          }
         ),
         slots.default?.()
       );
@@ -40524,7 +40673,7 @@ var NBaseAnchor = defineComponent({
       if (slotEl) {
         slotEl.style.transition = "none";
       }
-      {
+      if (titleEls) {
         titleEls.forEach((titleEl) => {
           titleEl.style.transition = "none";
         });
@@ -40540,7 +40689,7 @@ var NBaseAnchor = defineComponent({
           void nextSlotEl.offsetWidth;
           nextSlotEl.style.transition = "";
         }
-        {
+        if (titleEls) {
           titleEls.forEach((titleEl) => {
             void titleEl.offsetWidth;
             titleEl.style.transition = "";
@@ -40732,7 +40881,7 @@ var NBaseAnchor = defineComponent({
   }
 });
 
-var style$1p = cB("anchor", `
+var style$1q = cB("anchor", `
   position: relative;
 `, [cNotM("block", `
     padding-left: var(--n-rail-width);
@@ -40822,7 +40971,7 @@ var AnchorAdapter = defineComponent({
     const themeRef = useTheme(
       "Anchor",
       "-anchor",
-      style$1p,
+      style$1q,
       anchorLight,
       props,
       mergedClsPrefixRef
@@ -41010,7 +41159,7 @@ const inputDark = {
   }
 };
 
-function self$1b(vars) {
+function self$1c(vars) {
   const {
     textColor2,
     textColor3,
@@ -41116,10 +41265,10 @@ function self$1b(vars) {
 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,
@@ -41137,12 +41286,12 @@ var rtlStyle$r = cB("input", [cM("rtl", `
 
 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;
@@ -41592,16 +41741,6 @@ var NInput = defineComponent({
   props: inputProps,
   slots: Object,
   setup(props) {
-    {
-      watchEffect(() => {
-        if (props.showPasswordToggle) {
-          warnOnce(
-            "input",
-            '`show-password-toggle` is deprecated, please use `showPasswordOn="click"` instead'
-          );
-        }
-      });
-    }
     const {
       mergedClsPrefixRef,
       mergedBorderedRef,
@@ -41611,7 +41750,7 @@ var NInput = defineComponent({
     const themeRef = useTheme(
       "Input",
       "-input",
-      style$1o,
+      style$1p,
       inputLight,
       props,
       mergedClsPrefixRef
@@ -42654,7 +42793,7 @@ var NInput = defineComponent({
   }
 });
 
-var style$1n = cB("input-group", `
+var style$1o = cB("input-group", `
   display: inline-flex;
   width: 100%;
   flex-wrap: nowrap;
@@ -42717,7 +42856,7 @@ var NInputGroup = defineComponent({
   props: inputGroupProps,
   setup(props) {
     const { mergedClsPrefixRef } = useConfig(props);
-    useStyle("-input-group", style$1n, mergedClsPrefixRef);
+    useStyle("-input-group", style$1o, mergedClsPrefixRef);
     return {
       mergedClsPrefix: mergedClsPrefixRef
     };
@@ -42728,7 +42867,7 @@ var NInputGroup = defineComponent({
   }
 });
 
-var style$1m = cB("input-group-label", `
+var style$1n = cB("input-group-label", `
   position: relative;
   user-select: none;
   -webkit-user-select: none;
@@ -42777,7 +42916,7 @@ var InputGroupLabel = defineComponent({
     const themeRef = useTheme(
       "Input",
       "-input-group-label",
-      style$1m,
+      style$1n,
       inputLight,
       props,
       mergedClsPrefixRef
@@ -42902,7 +43041,7 @@ function createValOptMap(options, valueField, childrenField) {
   return valOptMap;
 }
 
-function self$1a(vars) {
+function self$1b(vars) {
   const {
     boxShadow2
   } = vars;
@@ -42917,7 +43056,7 @@ const autoCompleteLight = createTheme$1({
     InternalSelectMenu: internalSelectMenuLight,
     Input: inputLight
   },
-  self: self$1a
+  self: self$1b
 });
 
 const autoCompleteDark = {
@@ -42927,10 +43066,10 @@ const autoCompleteDark = {
     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;
@@ -43054,7 +43193,7 @@ var AutoComplete = defineComponent({
     const themeRef = useTheme(
       "AutoComplete",
       "-auto-complete",
-      style$1l,
+      style$1m,
       autoCompleteLight,
       props,
       mergedClsPrefixRef
@@ -43444,7 +43583,7 @@ const observeIntersection = (el, options, shouldStartLoadingRef) => {
   return unobserve;
 };
 
-function self$19(vars) {
+function self$1a(vars) {
   const {
     borderRadius,
     avatarColor,
@@ -43475,18 +43614,18 @@ function self$19(vars) {
 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;
@@ -43588,7 +43727,7 @@ var NAvatar = defineComponent({
     const themeRef = useTheme(
       "Avatar",
       "-avatar",
-      style$1k,
+      style$1l,
       avatarLight,
       props,
       mergedClsPrefixRef
@@ -43791,7 +43930,7 @@ var NAvatar = defineComponent({
   }
 });
 
-function self$18() {
+function self$19() {
   return {
     gap: "-12px"
   };
@@ -43802,7 +43941,7 @@ const avatarGroupLight = createTheme$1({
   peers: {
     Avatar: avatarLight
   },
-  self: self$18
+  self: self$19
 });
 
 const avatarGroupDark = {
@@ -43811,10 +43950,10 @@ const avatarGroupDark = {
   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;
@@ -43825,10 +43964,10 @@ var rtlStyle$q = cB("avatar-group", [cM("rtl", `
 
 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;
@@ -43869,7 +44008,7 @@ var AvatarGroup = defineComponent({
     const mergedThemeRef = useTheme(
       "AvatarGroup",
       "-avatar-group",
-      style$1j,
+      style$1k,
       avatarGroupLight,
       props,
       mergedClsPrefixRef
@@ -43988,7 +44127,7 @@ const backTopDark = {
   }
 };
 
-function self$17(vars) {
+function self$18(vars) {
   const {
     popoverColor,
     textColor2,
@@ -44010,7 +44149,7 @@ function self$17(vars) {
 const backTopLight = {
   name: "BackTop",
   common: derived,
-  self: self$17
+  self: self$18
 };
 
 var renderBackTopIcon = () => /* @__PURE__ */ h(
@@ -44024,7 +44163,7 @@ var renderBackTopIcon = () => /* @__PURE__ */ h(
   /* @__PURE__ */ h("g", { stroke: "none", "stroke-width": "1", "fill-rule": "evenodd" }, /* @__PURE__ */ h("g", { transform: "translate(-139.000000, -4423.000000)", "fill-rule": "nonzero" }, /* @__PURE__ */ h("g", { transform: "translate(120.000000, 4285.000000)" }, /* @__PURE__ */ h("g", { transform: "translate(7.000000, 126.000000)" }, /* @__PURE__ */ h("g", { transform: "translate(24.000000, 24.000000) scale(1, -1) translate(-24.000000, -24.000000) translate(12.000000, 12.000000)" }, /* @__PURE__ */ h("g", { transform: "translate(4.000000, 2.000000)" }, /* @__PURE__ */ 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__ */ 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;
@@ -44163,7 +44302,7 @@ var BackTop = defineComponent({
     const themeRef = useTheme(
       "BackTop",
       "-back-top",
-      style$1i,
+      style$1j,
       backTopLight,
       props,
       mergedClsPrefixRef
@@ -44337,7 +44476,7 @@ const badgeDark = {
   }
 };
 
-function self$16(vars) {
+function self$17(vars) {
   const {
     errorColor,
     infoColor,
@@ -44358,10 +44497,10 @@ function self$16(vars) {
 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%;
@@ -44372,10 +44511,10 @@ var rtlStyle$p = cB("badge", [cM("rtl", `
 
 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
@@ -44471,7 +44610,7 @@ var Badge = defineComponent({
     const themeRef = useTheme(
       "Badge",
       "-badge",
-      style$1h,
+      style$1i,
       badgeLight,
       props,
       mergedClsPrefixRef
@@ -44603,7 +44742,7 @@ var commonVariables$g = {
   fontWeightActive: "400"
 };
 
-function self$15(vars) {
+function self$16(vars) {
   const {
     fontSize,
     textColor3,
@@ -44629,16 +44768,16 @@ function self$15(vars) {
 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);
@@ -44713,7 +44852,7 @@ var Breadcrumb = defineComponent({
     const themeRef = useTheme(
       "Breadcrumb",
       "-breadcrumb",
-      style$1g,
+      style$1h,
       breadcrumbLight,
       props,
       mergedClsPrefixRef
@@ -44914,7 +45053,7 @@ var commonVariables$f = {
   rippleDuration: ".6s"
 };
 
-function self$14(vars) {
+function self$15(vars) {
   const {
     heightTiny,
     heightSmall,
@@ -45153,14 +45292,14 @@ function self$14(vars) {
 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";
@@ -45169,7 +45308,7 @@ const buttonDark = {
   }
 };
 
-var rtlStyle$o = cB("button", [cM("rtl", `
+var rtlStyle$p = cB("button", [cM("rtl", `
     direction: rtl;
   `, [cE("icon", {
   margin: "var(--n-icon-margin)",
@@ -45181,10 +45320,10 @@ var rtlStyle$o = cB("button", [cM("rtl", `
 
 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;
@@ -45485,7 +45624,7 @@ const Button = defineComponent({
     const themeRef = useTheme(
       "Button",
       "-button",
-      style$1f,
+      style$1g,
       buttonLight,
       props,
       mergedClsPrefixRef
@@ -45870,7 +46009,7 @@ function createTopBorderStyle(type) {
     top: n1
   })])])])]);
 }
-var style$1e = cB("button-group", `
+var style$1f = cB("button-group", `
   flex-wrap: nowrap;
   display: inline-flex;
   position: relative;
@@ -45919,7 +46058,7 @@ var NButtonGroup = defineComponent({
   props: buttonGroupProps,
   setup(props) {
     const { mergedClsPrefixRef, mergedRtlRef } = useConfig(props);
-    useStyle("-button-group", style$1e, mergedClsPrefixRef);
+    useStyle("-button-group", style$1f, mergedClsPrefixRef);
     provide(buttonGroupInjectionKey, props);
     const rtlEnabledRef = useRtl(
       "ButtonGroup",
@@ -47003,8 +47142,6 @@ const lightFormatters = {
 };
 
 const dayPeriodEnum = {
-  am: "am",
-  pm: "pm",
   midnight: "midnight",
   noon: "noon",
   morning: "morning",
@@ -51406,7 +51543,7 @@ var commonVariables$e = {
   titleFontSize: "22px"
 };
 
-function self$13(vars) {
+function self$14(vars) {
   const {
     borderRadius,
     fontSize,
@@ -51452,7 +51589,7 @@ const calendarLight = createTheme$1({
   peers: {
     Button: buttonLight
   },
-  self: self$13
+  self: self$14
 });
 
 const calendarDark = {
@@ -51461,10 +51598,10 @@ const calendarDark = {
   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);
@@ -51603,7 +51740,7 @@ var Calendar = defineComponent({
     const themeRef = useTheme(
       "Calendar",
       "-calendar",
-      style$1d,
+      style$1e,
       calendarLight,
       props,
       mergedClsPrefixRef
@@ -51897,7 +52034,7 @@ var commonVariables$d = {
   closeSize: "22px"
 };
 
-function self$12(vars) {
+function self$13(vars) {
   const {
     primaryColor,
     borderRadius,
@@ -51950,14 +52087,14 @@ function self$12(vars) {
 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,
@@ -51970,7 +52107,7 @@ const cardDark = {
   }
 };
 
-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;
@@ -51978,10 +52115,10 @@ var rtlStyle$n = cB("card", [cM("rtl", `
 
 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;
@@ -52143,7 +52280,7 @@ var NCard = defineComponent({
     const themeRef = useTheme(
       "Card",
       "-card",
-      style$1c,
+      style$1d,
       cardLight,
       props,
       mergedClsPrefixRef
@@ -52354,7 +52491,7 @@ var NCard = defineComponent({
   }
 });
 
-function self$11() {
+function self$12() {
   return {
     dotSize: "8px",
     dotColor: "rgba(255, 255, 255, .3)",
@@ -52368,13 +52505,13 @@ function self$11() {
 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");
@@ -52662,7 +52799,7 @@ var NCarouselItem = defineComponent({
   }
 });
 
-var style$1b = cB("carousel", `
+var style$1c = cB("carousel", `
   position: relative;
   width: 100%;
   height: 100%;
@@ -53660,7 +53797,7 @@ var Carousel = defineComponent({
     const themeRef = useTheme(
       "Carousel",
       "-carousel",
-      style$1b,
+      style$1c,
       carouselLight,
       props,
       mergedClsPrefixRef
@@ -53820,7 +53957,7 @@ var commonVariables$c = {
   labelFontWeight: "400"
 };
 
-function self$10(vars) {
+function self$11(vars) {
   const {
     baseColor,
     inputColorDisabled,
@@ -53869,7 +54006,7 @@ function self$10(vars) {
 const checkboxLight = {
   name: "Checkbox",
   common: derived,
-  self: self$10
+  self: self$11
 };
 
 const checkboxDark = {
@@ -53879,23 +54016,23 @@ const checkboxDark = {
     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,
@@ -53937,7 +54074,7 @@ const cascaderLight = createTheme$1({
     Checkbox: checkboxLight,
     Empty: emptyLight
   },
-  self: self$$
+  self: self$10
 });
 
 const cascaderDark = {
@@ -53950,7 +54087,7 @@ const cascaderDark = {
     Checkbox: checkboxDark,
     Empty: emptyLight
   },
-  self: self$$
+  self: self$10
 };
 
 const checkboxGroupInjectionKey = createInjectionKey("n-checkbox-group");
@@ -54119,7 +54256,7 @@ var renderCheckMark = () => /* @__PURE__ */ h("svg", { viewBox: "0 0 64 64", cla
 
 var renderLineMark = () => /* @__PURE__ */ h("svg", { viewBox: "0 0 100 100", class: "line-icon" }, /* @__PURE__ */ 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;
@@ -54364,7 +54501,7 @@ var NCheckbox = defineComponent({
     const themeRef = useTheme(
       "Checkbox",
       "-checkbox",
-      style$1a,
+      style$1b,
       checkboxLight,
       props,
       mergedClsPrefixRef
@@ -55310,7 +55447,7 @@ var CascaderSelectMenu = defineComponent({
   }
 });
 
-var style$19 = c$1([cB("cascader-menu", `
+var style$1a = c$1([cB("cascader-menu", `
     outline: none;
     position: relative;
     margin: 4px 0;
@@ -55557,7 +55694,7 @@ var Cascader = defineComponent({
     const themeRef = useTheme(
       "Cascader",
       "-cascader",
-      style$19,
+      style$1a,
       cascaderLight,
       props,
       mergedClsPrefixRef
@@ -56509,7 +56646,7 @@ const codeDark = {
   }
 };
 
-function self$_(vars) {
+function self$$(vars) {
   const {
     textColor2,
     fontSize,
@@ -56537,10 +56674,10 @@ function self$_(vars) {
 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", `
@@ -56711,7 +56848,7 @@ var NCode = defineComponent({
     const themeRef = useTheme(
       "Code",
       "-code",
-      style$18,
+      style$19,
       codeLight,
       props,
       mergedClsPrefixRef
@@ -56810,7 +56947,7 @@ var NCode = defineComponent({
   }
 });
 
-function self$Z(vars) {
+function self$_(vars) {
   const {
     fontWeight,
     textColor1,
@@ -56836,16 +56973,16 @@ function self$Z(vars) {
 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",
@@ -56862,10 +56999,10 @@ var rtlStyle$l = cB("collapse", [cM("rtl", `
 
 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:
@@ -56966,7 +57103,7 @@ var NCollapse = defineComponent({
     const themeRef = useTheme(
       "Collapse",
       "-collapse",
-      style$17,
+      style$18,
       collapseLight,
       props,
       mergedClsPrefixRef
@@ -57287,7 +57424,7 @@ var NCollapseItem = defineComponent({
   }
 });
 
-function self$Y(vars) {
+function self$Z(vars) {
   const {
     cubicBezierEaseInOut
   } = vars;
@@ -57298,26 +57435,26 @@ function self$Y(vars) {
 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()]);
 
@@ -57356,7 +57493,7 @@ var CollapseTransition = defineComponent({
     const mergedThemeRef = useTheme(
       "CollapseTransition",
       "-collapse-transition",
-      style$16,
+      style$17,
       collapseTransitionLight,
       props,
       mergedClsPrefixRef
@@ -57417,7 +57554,7 @@ var CollapseTransition = defineComponent({
   }
 });
 
-function self$X(vars) {
+function self$Y(vars) {
   const {
     fontSize,
     boxShadow2,
@@ -57456,7 +57593,7 @@ const colorPickerLight = createTheme$1({
     Input: inputLight,
     Button: buttonLight
   },
-  self: self$X
+  self: self$Y
 });
 
 const colorPickerDark = {
@@ -57466,7 +57603,7 @@ const colorPickerDark = {
     Input: inputDark,
     Button: buttonDark
   },
-  self: self$X
+  self: self$Y
 };
 
 function deriveDefaultValue(modes, showAlpha) {
@@ -58438,7 +58575,7 @@ var Pallete = defineComponent({
   }
 });
 
-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);
@@ -58678,7 +58815,7 @@ var NColorPicker = defineComponent({
     const themeRef = useTheme(
       "ColorPicker",
       "-color-picker",
-      style$15,
+      style$16,
       colorPickerLight,
       props,
       mergedClsPrefixRef
@@ -59602,7 +59739,7 @@ const popselect = {
   }
 };
 
-function self$W(vars) {
+function self$X(vars) {
   const {
     boxShadow2
   } = vars;
@@ -59617,12 +59754,12 @@ const popselectLight = createTheme$1({
     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);
 `);
 
@@ -59676,7 +59813,7 @@ var NPopselectPanel = defineComponent({
     const themeRef = useTheme(
       "Popselect",
       "-pop-select",
-      style$14,
+      style$15,
       popselectLight,
       NPopselect.props,
       mergedClsPrefixRef
@@ -59918,7 +60055,7 @@ var NPopselect = defineComponent({
   }
 });
 
-function self$V(vars) {
+function self$W(vars) {
   const {
     boxShadow2
   } = vars;
@@ -59933,7 +60070,7 @@ const selectLight = createTheme$1({
     InternalSelection: internalSelectionLight,
     InternalSelectMenu: internalSelectMenuLight
   },
-  self: self$V
+  self: self$W
 });
 
 const selectDark = {
@@ -59943,7 +60080,7 @@ const selectDark = {
     InternalSelection: internalSelectionDark,
     InternalSelectMenu: internalSelectMenuDark
   },
-  self: self$V
+  self: self$W
 };
 
 const selectRtl = {
@@ -59952,7 +60089,7 @@ const selectRtl = {
   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%;
@@ -60113,7 +60250,7 @@ var NSelect = defineComponent({
     const themeRef = useTheme(
       "Select",
       "-select",
-      style$13,
+      style$14,
       selectLight,
       props,
       mergedClsPrefixRef
@@ -60904,7 +61041,7 @@ var commonVariables$b = {
   suffixMarginLarge: "0 0 0 8px"
 };
 
-function self$U(vars) {
+function self$V(vars) {
   const {
     textColor2,
     primaryColor,
@@ -60972,7 +61109,7 @@ const paginationLight = createTheme$1({
     Input: inputLight,
     Popselect: popselectLight
   },
-  self: self$U
+  self: self$V
 });
 
 const paginationDark = {
@@ -60991,14 +61128,14 @@ const paginationDark = {
     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);
@@ -61008,7 +61145,7 @@ var rtlStyle$j = cB("pagination", [cM("rtl", `
 
 const paginationRtl = {
   name: "Pagination",
-  style: rtlStyle$j,
+  style: rtlStyle$k,
   peers: [inputRtl, selectRtl]
 };
 
@@ -61022,7 +61159,7 @@ const hoverStyleChildren$1 = [cM("button", `
     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);
@@ -61346,7 +61483,7 @@ var NPagination = defineComponent({
     const themeRef = useTheme(
       "Pagination",
       "-pagination",
-      style$12,
+      style$13,
       paginationLight,
       props,
       mergedClsPrefixRef
@@ -62032,7 +62169,7 @@ var commonVariables$a = {
   optionIconPrefixWidthHuge: "40px"
 };
 
-function self$T(vars) {
+function self$U(vars) {
   const {
     primaryColor,
     textColor2,
@@ -62098,7 +62235,7 @@ const dropdownLight = createTheme$1({
   peers: {
     Popover: popoverLight
   },
-  self: self$T
+  self: self$U
 });
 
 const dropdownDark = {
@@ -62113,7 +62250,7 @@ const dropdownDark = {
       primaryColor,
       popoverColor
     } = vars;
-    const commonSelf = self$T(vars);
+    const commonSelf = self$U(vars);
     commonSelf.colorInverted = popoverColor;
     commonSelf.optionColorActive = changeColor(primaryColor, {
       alpha: 0.15
@@ -62151,7 +62288,7 @@ const tooltipDark = {
   }
 };
 
-function self$S(vars) {
+function self$T(vars) {
   const {
     borderRadius,
     boxShadow2,
@@ -62171,7 +62308,7 @@ const tooltipLight = createTheme$1({
   peers: {
     Popover: popoverLight
   },
-  self: self$S
+  self: self$T
 });
 
 const ellipsisDark = {
@@ -62261,7 +62398,7 @@ const radioDark = {
   }
 };
 
-function self$R(vars) {
+function self$S(vars) {
   const {
     borderColor,
     primaryColor,
@@ -62322,10 +62459,10 @@ function self$R(vars) {
 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;
@@ -62347,7 +62484,7 @@ var rtlStyle$i = c$1([cB("radio", [cM("rtl", `
 
 const radioRtl = {
   name: "Radio",
-  style: rtlStyle$i
+  style: rtlStyle$j
 };
 
 var commonVariables$8 = {
@@ -62367,7 +62504,7 @@ var commonVariables$8 = {
   actionButtonMargin: "0 8px 0 0"
 };
 
-function self$Q(vars) {
+function self$R(vars) {
   const {
     cardColor,
     modalColor,
@@ -62451,7 +62588,7 @@ const dataTableLight = createTheme$1({
     Ellipsis: ellipsisLight,
     Dropdown: dropdownLight
   },
-  self: self$Q
+  self: self$R
 });
 
 const dataTableDark = {
@@ -62469,14 +62606,14 @@ const dataTableDark = {
     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;
@@ -62496,7 +62633,7 @@ var rtlStyle$h = c$1([cB("data-table", [cM("rtl", `
 
 const DataTableRtl = {
   name: "DataTable",
-  style: rtlStyle$h,
+  style: rtlStyle$i,
   peers: [scrollbarRtl, paginationRtl]
 };
 
@@ -62800,7 +62937,7 @@ var RenderSafeCheckbox = defineComponent({
   }
 });
 
-var style$11 = cB("radio", `
+var style$12 = cB("radio", `
   line-height: var(--n-label-line-height);
   outline: none;
   position: relative;
@@ -62821,14 +62958,10 @@ var style$11 = cB("radio", `
   `), 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%;
@@ -63043,7 +63176,7 @@ var NRadio = defineComponent({
     const themeRef = useTheme(
       "Radio",
       "-radio",
-      style$11,
+      style$12,
       radioLight,
       props,
       radio.mergedClsPrefix
@@ -63126,7 +63259,15 @@ var NRadio = defineComponent({
         ],
         style: this.cssVars
       },
-      /* @__PURE__ */ h(
+      /* @__PURE__ */ h("div", { class: `${mergedClsPrefix}-radio__dot-wrapper` }, "\xA0", /* @__PURE__ */ h(
+        "div",
+        {
+          class: [
+            `${mergedClsPrefix}-radio__dot`,
+            this.renderSafeChecked && `${mergedClsPrefix}-radio__dot--checked`
+          ]
+        }
+      ), /* @__PURE__ */ h(
         "input",
         {
           ref: "inputRef",
@@ -63140,15 +63281,6 @@ var NRadio = defineComponent({
           onFocus: this.handleRadioInputFocus,
           onBlur: this.handleRadioInputBlur
         }
-      ),
-      /* @__PURE__ */ h("div", { class: `${mergedClsPrefix}-radio__dot-wrapper` }, "\xA0", /* @__PURE__ */ h(
-        "div",
-        {
-          class: [
-            `${mergedClsPrefix}-radio__dot`,
-            this.renderSafeChecked && `${mergedClsPrefix}-radio__dot--checked`
-          ]
-        }
       )),
       resolveWrappedSlot($slots.default, (children) => {
         if (!children && !label)
@@ -63201,7 +63333,7 @@ var RadioButton = defineComponent({
   }
 });
 
-var style$10 = cB("radio-group", `
+var style$11 = cB("radio-group", `
   display: inline-block;
   font-size: var(--n-font-size);
 `, [cE("splitor", `
@@ -63382,7 +63514,7 @@ var NRadioGroup = defineComponent({
     const themeRef = useTheme(
       "Radio",
       "-radio-group",
-      style$10,
+      style$11,
       radioLight,
       props,
       mergedClsPrefixRef
@@ -63597,7 +63729,7 @@ var NTooltip = defineComponent({
   }
 });
 
-var style$$ = cB("ellipsis", {
+var style$10 = cB("ellipsis", {
   overflow: "hidden"
 }, [cNotM("line-clamp", `
     white-space: nowrap;
@@ -63636,7 +63768,7 @@ var NEllipsis = defineComponent({
     const mergedTheme = useTheme(
       "Ellipsis",
       "-ellipsis",
-      style$$,
+      style$10,
       ellipsisLight,
       props,
       mergedClsPrefixRef
@@ -63792,7 +63924,7 @@ const NPerformantEllipsis = defineComponent({
   setup(props, { attrs, slots }) {
     const mouseEnteredRef = ref(false);
     const mergedClsPrefixRef = useMergedClsPrefix();
-    useStyle("-ellipsis", style$$, mergedClsPrefixRef);
+    useStyle("-ellipsis", style$10, mergedClsPrefixRef);
     const renderTrigger = () => {
       const { lineClamp } = props;
       const mergedClsPrefix = mergedClsPrefixRef.value;
@@ -64567,7 +64699,7 @@ var NDropdownGroupHeader = defineComponent({
   }
 });
 
-function self$P(vars) {
+function self$Q(vars) {
   const {
     textColorBase,
     opacity1,
@@ -64588,16 +64720,16 @@ function self$P(vars) {
 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;
@@ -64605,7 +64737,6 @@ var style$_ = cB("icon", `
   display: inline-block;
   position: relative;
   fill: currentColor;
-  transform: translateZ(0);
 `, [cM("color-transition", {
   transition: "color .3s var(--n-bezier)"
 }), cM("depth", {
@@ -64635,7 +64766,7 @@ const NIcon = defineComponent({
       mergedClsPrefixRef,
       inlineThemeDisabled
     } = useConfig(props);
-    const themeRef = useTheme("Icon", "-icon", style$_, iconLight, props, mergedClsPrefixRef);
+    const themeRef = useTheme("Icon", "-icon", style$$, iconLight, props, mergedClsPrefixRef);
     const cssVarsRef = computed(() => {
       const {
         depth
@@ -65228,7 +65359,7 @@ var NDropdownMenu = defineComponent({
   }
 });
 
-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);
@@ -65473,7 +65604,7 @@ var NDropdown = defineComponent({
     const themeRef = useTheme(
       "Dropdown",
       "-dropdown",
-      style$Z,
+      style$_,
       dropdownLight,
       props,
       mergedClsPrefixRef
@@ -67234,7 +67365,7 @@ var MainTable = defineComponent({
 });
 
 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;
@@ -67243,6 +67374,7 @@ var style$Y = c$1([cB("data-table", `
     --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);
@@ -68760,7 +68892,7 @@ var DataTable = defineComponent({
     const themeRef = useTheme(
       "DataTable",
       "-data-table",
-      style$Y,
+      style$Z,
       dataTableLight,
       props,
       mergedClsPrefixRef
@@ -69056,12 +69188,12 @@ var DataTable = defineComponent({
         "--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(
@@ -69153,7 +69285,7 @@ var commonVars$8 = {
   panelActionPadding: "8px 0"
 };
 
-function self$O(vars) {
+function self$P(vars) {
   const {
     popoverColor,
     textColor2,
@@ -69189,7 +69321,7 @@ const timePickerLight = createTheme$1({
     Button: buttonLight,
     Input: inputLight
   },
-  self: self$O
+  self: self$P
 });
 
 const timePickerDark = {
@@ -69200,7 +69332,7 @@ const timePickerDark = {
     Button: buttonDark,
     Input: inputDark
   },
-  self: self$O
+  self: self$P
 };
 
 var commonVars$7 = {
@@ -69243,7 +69375,7 @@ var commonVars$7 = {
   calendarRightPaddingWeek: "0"
 };
 
-function self$N(vars) {
+function self$O(vars) {
   const {
     hoverColor,
     fontSize,
@@ -69303,7 +69435,7 @@ const datePickerLight = createTheme$1({
     TimePicker: timePickerLight,
     Scrollbar: scrollbarLight
   },
-  self: self$N
+  self: self$O
 });
 
 const datePickerDark = {
@@ -69321,7 +69453,7 @@ const datePickerDark = {
       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
@@ -69350,7 +69482,7 @@ const usePanelCommonProps = {
     type: Boolean,
     default: void 0
   },
-  timerPickerFormat: {
+  timePickerFormat: {
     type: String,
     value: TIME_FORMAT
   },
@@ -70798,7 +70930,7 @@ function useDualCalendar(props, type) {
     if (typeof startTime !== "number") {
       startTime = getTime(startTime);
     }
-    if (source !== "shortcutPreview") {
+    if (source !== "shortcutPreview" && source !== "shortcutDone") {
       let startDefaultTime;
       let endDefaultTime;
       if (type === "datetimerange") {
@@ -70820,7 +70952,7 @@ function useDualCalendar(props, type) {
         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") {
@@ -70957,7 +71089,7 @@ function useDualCalendar(props, type) {
   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();
   }
@@ -71564,7 +71696,6 @@ function newDateUTC(fullYear, month, day, hour, minute, second, millisecond) {
 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})$/
@@ -71808,7 +71939,6 @@ const DEFAULT_ADDITIONAL_DIGITS = 2;
 const patterns = {
   dateTimePattern: /^([0-9W+-]+)(T| )(.*)/,
   datePattern: /^([0-9W+-]+)(.*)/,
-  plainTime: /:/,
   // year tokens
   YY: /^(\d{2})$/,
   YYY: [/^([+-]\d{2})$/,
@@ -73046,7 +73176,7 @@ var Panel = defineComponent({
   }
 });
 
-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", `
@@ -73240,7 +73370,7 @@ var NTimePicker = defineComponent({
     const themeRef = useTheme(
       "TimePicker",
       "-time-picker",
-      style$X,
+      style$Y,
       timePickerLight,
       props,
       mergedClsPrefixRef
@@ -74071,7 +74201,7 @@ var DatetimePanel = defineComponent({
         {
           size: this.timePickerSize,
           placeholder: this.locale.selectTime,
-          format: this.timerPickerFormat,
+          format: this.timePickerFormat,
           ...Array.isArray(timePickerProps) ? void 0 : timePickerProps,
           showIcon: false,
           to: false,
@@ -74307,7 +74437,7 @@ var DatetimerangePanel = defineComponent({
         NTimePicker,
         {
           placeholder: this.locale.selectTime,
-          format: this.timerPickerFormat,
+          format: this.timePickerFormat,
           size: this.timePickerSize,
           ...Array.isArray(timePickerProps) ? timePickerProps[0] : timePickerProps,
           value: this.startTimeValue,
@@ -74341,7 +74471,7 @@ var DatetimerangePanel = defineComponent({
         NTimePicker,
         {
           placeholder: this.locale.selectTime,
-          format: this.timerPickerFormat,
+          format: this.timePickerFormat,
           size: this.timePickerSize,
           ...Array.isArray(timePickerProps) ? timePickerProps[1] : timePickerProps,
           disabled: this.isSelecting,
@@ -74944,7 +75074,7 @@ const datePickerProps = {
   endPlaceholder: String,
   format: String,
   dateFormat: String,
-  timerPickerFormat: String,
+  timePickerFormat: String,
   actions: Array,
   shortcuts: Object,
   isDateDisabled: Function,
@@ -74997,7 +75127,7 @@ const datePickerProps = {
   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", `
@@ -75640,7 +75770,7 @@ var DatePicker = defineComponent({
     const themeRef = useTheme(
       "DatePicker",
       "-date-picker",
-      style$W,
+      style$X,
       datePickerLight,
       props,
       mergedClsPrefixRef
@@ -76314,7 +76444,7 @@ var DatePicker = defineComponent({
       onPrevMonth: this.onPrevMonth,
       onNextYear: this.onNextYear,
       onPrevYear: this.onPrevYear,
-      timerPickerFormat: this.timerPickerFormat,
+      timePickerFormat: this.timePickerFormat,
       dateFormat: this.dateFormat,
       calendarDayFormat: this.calendarDayFormat,
       calendarHeaderYearFormat: this.calendarHeaderYearFormat,
@@ -76527,7 +76657,7 @@ var commonVariables$7 = {
   tdPaddingLarge: "0 0 16px 0"
 };
 
-function self$M(vars) {
+function self$N(vars) {
   const {
     tableHeaderColor,
     textColor2,
@@ -76568,16 +76698,16 @@ function self$M(vars) {
 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;
@@ -76723,7 +76853,7 @@ var Descriptions = defineComponent({
     const themeRef = useTheme(
       "Descriptions",
       "-descriptions",
-      style$V,
+      style$W,
       descriptionsLight,
       props,
       mergedClsPrefixRef
@@ -77033,7 +77163,7 @@ var commonVars$6 = {
   closeMarginIconTop: "10px 16px 0 0"
 };
 
-function self$L(vars) {
+function self$M(vars) {
   const {
     textColor1,
     textColor2,
@@ -77083,7 +77213,7 @@ const dialogLight = createTheme$1({
   peers: {
     Button: buttonLight
   },
-  self: self$L
+  self: self$M
 });
 
 const dialogDark = {
@@ -77092,10 +77222,10 @@ const dialogDark = {
   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", `
@@ -77115,7 +77245,7 @@ var rtlStyle$g = cB("dialog", [cM("rtl", `
 
 const dialogRtl = {
   name: "Dialog",
-  style: rtlStyle$g
+  style: rtlStyle$h
 };
 
 const dialogProps = {
@@ -77154,7 +77284,7 @@ const dialogProps = {
 };
 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);
@@ -77277,7 +77407,7 @@ const NDialog = defineComponent({
     const themeRef = useTheme(
       "Dialog",
       "-dialog",
-      style$U,
+      style$V,
       dialogLight,
       props,
       mergedClsPrefixRef
@@ -77494,7 +77624,7 @@ const NDialog = defineComponent({
   }
 });
 
-function self$K(vars) {
+function self$L(vars) {
   const {
     modalColor,
     textColor2,
@@ -77514,7 +77644,7 @@ const modalLight = createTheme$1({
     Dialog: dialogLight,
     Card: cardLight
   },
-  self: self$K
+  self: self$L
 });
 
 const modalDark = {
@@ -77525,7 +77655,7 @@ const modalDark = {
     Dialog: dialogDark,
     Card: cardDark
   },
-  self: self$K
+  self: self$L
 };
 
 const modalProviderInjectionKey = createInjectionKey("n-modal-provider");
@@ -77974,7 +78104,7 @@ var NModalBodyWrapper = defineComponent({
   }
 });
 
-var style$T = c$1([cB("modal-container", `
+var style$U = c$1([cB("modal-container", `
     position: fixed;
     left: 0;
     top: 0;
@@ -78113,7 +78243,7 @@ var NModal = defineComponent({
     const themeRef = useTheme(
       "Modal",
       "-modal",
-      style$T,
+      style$U,
       modalLight,
       props,
       mergedClsPrefixRef
@@ -78598,7 +78728,7 @@ const loadingBarDark = {
   }
 };
 
-function self$J(vars) {
+function self$K(vars) {
   const {
     primaryColor,
     errorColor
@@ -78612,10 +78742,10 @@ function self$J(vars) {
 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;
@@ -78749,7 +78879,7 @@ var NLoadingBar = defineComponent({
     const themeRef = useTheme(
       "LoadingBar",
       "-loading-bar",
-      style$S,
+      style$T,
       loadingBarLight,
       providerProps,
       mergedClsPrefixRef
@@ -78925,7 +79055,7 @@ var commonVariables$6 = {
   fontSize: "14px"
 };
 
-function self$I(vars) {
+function self$J(vars) {
   const {
     textColor2,
     closeIconColor,
@@ -79008,16 +79138,16 @@ function self$I(vars) {
 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;
@@ -79027,7 +79157,7 @@ var rtlStyle$f = cB("message", [cM("rtl", `
 
 const messageRtl = {
   name: "Message",
-  style: rtlStyle$f
+  style: rtlStyle$g
 };
 
 const messageProps = {
@@ -79048,7 +79178,7 @@ const messageProps = {
   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;
@@ -79174,7 +79304,7 @@ var NMessage = defineComponent({
     const themeRef = useTheme(
       "Message",
       "-message",
-      style$R,
+      style$S,
       messageLight,
       messageProviderProps,
       mergedClsPrefixRef
@@ -79767,7 +79897,7 @@ var commonVars$5 = {
   descriptionFontSize: "12px"
 };
 
-function self$H(vars) {
+function self$I(vars) {
   const {
     textColor2,
     successColor,
@@ -79819,7 +79949,7 @@ const notificationLight = createTheme$1({
   peers: {
     Scrollbar: scrollbarLight
   },
-  self: self$H
+  self: self$I
 });
 
 const notificationDark = {
@@ -79828,10 +79958,10 @@ const notificationDark = {
   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;
@@ -79855,7 +79985,7 @@ var rtlStyle$e = cB("notification", [cM("rtl", `
 
 const notificationRtl = {
   name: "Notification",
-  style: rtlStyle$e
+  style: rtlStyle$f
 };
 
 const notificationProviderInjectionKey = createInjectionKey("n-notification-provider");
@@ -80258,7 +80388,7 @@ const NotificationEnvironment = defineComponent({
   }
 });
 
-var style$Q = c$1([cB("notification-container", `
+var style$R = c$1([cB("notification-container", `
     z-index: 4000;
     position: fixed;
     overflow: visible;
@@ -80533,7 +80663,7 @@ var NNotificationProvider = defineComponent({
     const themeRef = useTheme(
       "Notification",
       "-notification",
-      style$Q,
+      style$R,
       notificationLight,
       props,
       mergedClsPrefixRef
@@ -80739,7 +80869,7 @@ function createDiscreteApi(includes, {
   return discreteApp;
 }
 
-function self$G(vars) {
+function self$H(vars) {
   const {
     textColor1,
     dividerColor,
@@ -80754,16 +80884,16 @@ function self$G(vars) {
 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%;
@@ -80833,7 +80963,7 @@ var NDivider = defineComponent({
     const themeRef = useTheme(
       "Divider",
       "-divider",
-      style$P,
+      style$Q,
       dividerLight,
       props,
       mergedClsPrefixRef
@@ -80900,7 +81030,7 @@ var NDivider = defineComponent({
   }
 });
 
-function self$F(vars) {
+function self$G(vars) {
   const {
     modalColor,
     textColor1,
@@ -80948,7 +81078,7 @@ const drawerLight = createTheme$1({
   peers: {
     Scrollbar: scrollbarLight
   },
-  self: self$F
+  self: self$G
 });
 
 const drawerDark = {
@@ -80957,10 +81087,10 @@ const drawerDark = {
   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", `
@@ -80970,7 +81100,7 @@ var rtlStyle$d = cB("drawer", [cM("rtl", `
 
 const drawerRtl = {
   name: "Drawer",
-  style: rtlStyle$d,
+  style: rtlStyle$e,
   peers: [scrollbarRtl]
 };
 
@@ -81366,7 +81496,7 @@ function slideInFromTopTransition({
   })];
 }
 
-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;
@@ -81627,7 +81757,7 @@ var Drawer = defineComponent({
     const themeRef = useTheme(
       "Drawer",
       "-drawer",
-      style$O,
+      style$P,
       drawerLight,
       props,
       mergedClsPrefixRef
@@ -82007,7 +82137,7 @@ const dynamicInputDark = {
   }
 };
 
-function self$E() {
+function self$F() {
   return commonVariables$5;
 }
 const dynamicInputLight = createTheme$1({
@@ -82017,7 +82147,7 @@ const dynamicInputLight = createTheme$1({
     Input: inputLight,
     Button: buttonLight
   },
-  self: self$E
+  self: self$F
 });
 
 function createRightBorderStyle(type) {
@@ -82027,7 +82157,7 @@ function createRightBorderStyle(type) {
     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};
@@ -82045,20 +82175,20 @@ var rtlStyle$c = cB("button-group", [cNotM("vertical", [cM("rtl", `
 
 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",
@@ -82069,7 +82199,7 @@ var rtlStyle$a = cB("dynamic-input", [cM("rtl", `
 
 const dynamicInputRtl = {
   name: "DynamicInput",
-  style: rtlStyle$a,
+  style: rtlStyle$b,
   peers: [inputRtl, buttonRtl, buttonGroupRtl, checkboxRtl, inputNumberRtl]
 };
 
@@ -82203,7 +82333,7 @@ var NDynamicInputPairPreset = defineComponent({
   }
 });
 
-var style$N = cB("dynamic-input", {
+var style$O = cB("dynamic-input", {
   width: "100%"
 }, [cB("dynamic-input-item", `
     margin-bottom: 10px;
@@ -82318,7 +82448,7 @@ var DynamicInput = defineComponent({
     const themeRef = useTheme(
       "DynamicInput",
       "-dynamic-input",
-      style$N,
+      style$O,
       dynamicInputLight,
       props,
       mergedClsPrefixRef
@@ -82678,21 +82808,21 @@ const spaceDark = {
   }
 };
 
-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;
@@ -82904,7 +83034,7 @@ const dynamicTagsLight = createTheme$1({
   }
 });
 
-var style$M = cB("dynamic-tags", [cB("input", {
+var style$N = cB("dynamic-tags", [cB("input", {
   minWidth: "var(--n-input-width)"
 })]);
 
@@ -82966,7 +83096,7 @@ var DynamicTags = defineComponent({
     const themeRef = useTheme(
       "DynamicTags",
       "-dynamic-tags",
-      style$M,
+      style$N,
       dynamicTagsLight,
       props,
       mergedClsPrefixRef
@@ -83281,21 +83411,21 @@ const flexDark = {
   }
 };
 
-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 = {
@@ -83438,7 +83568,7 @@ var commonVariables$4 = {
   labelFontWeight: "400"
 };
 
-function self$B(vars) {
+function self$C(vars) {
   const {
     heightSmall,
     heightMedium,
@@ -83465,13 +83595,13 @@ function self$B(vars) {
 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 = {
@@ -83508,7 +83638,7 @@ const gradientTextDark = {
   }
 };
 
-function self$A(vars) {
+function self$B(vars) {
   const {
     primaryColor,
     successColor,
@@ -83545,7 +83675,7 @@ function self$A(vars) {
 const gradientTextLight = {
   name: "GradientText",
   common: derived,
-  self: self$A
+  self: self$B
 };
 
 const inputNumberDark = {
@@ -83565,7 +83695,7 @@ const inputNumberDark = {
   }
 };
 
-function self$z(vars) {
+function self$A(vars) {
   const {
     textColorDisabled
   } = vars;
@@ -83580,9 +83710,46 @@ const inputNumberLight = createTheme$1({
     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,
@@ -85399,7 +85566,7 @@ const themeLight$3 = {
   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);
@@ -85462,7 +85629,7 @@ var FloatButtonGroup = defineComponent({
     const themeRef = useTheme(
       "FloatButtonGroup",
       "-float-button-group",
-      style$L,
+      style$M,
       themeLight$3,
       props,
       mergedClsPrefixRef
@@ -85577,7 +85744,7 @@ const themeLight$2 = {
   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);
@@ -85707,7 +85874,7 @@ var FloatButton = defineComponent({
     const themeRef = useTheme(
       "FloatButton",
       "-float-button",
-      style$K,
+      style$L,
       themeLight$2,
       props,
       mergedClsPrefixRef
@@ -85881,7 +86048,7 @@ var FloatButton = defineComponent({
 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;
@@ -85936,7 +86103,7 @@ var Form = defineComponent({
   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 = ref(void 0);
     const deriveMaxChildLabelWidth = (currentWidth) => {
@@ -87141,7 +87308,7 @@ function fadeDownTransition({
   })];
 }
 
-var style$I = cB("form-item", `
+var style$J = cB("form-item", `
   display: grid;
   line-height: var(--n-line-height);
 `, [cB("form-item-label", `
@@ -87501,7 +87668,7 @@ var NFormItem = defineComponent({
     const themeRef = useTheme(
       "Form",
       "-form-item",
-      style$I,
+      style$J,
       formLight,
       props,
       mergedClsPrefixRef
@@ -87934,7 +88101,7 @@ const positionStyles = repeat(24, null).map((_, index) => {
     right: percent
   })];
 });
-var style$H = c$1([cB("row", {
+var style$I = c$1([cB("row", {
   width: "100%",
   display: "flex",
   flexWrap: "wrap"
@@ -87966,7 +88133,7 @@ var NRow = defineComponent({
   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;
@@ -88366,7 +88533,7 @@ var GlobalStyle = defineComponent({
   }
 });
 
-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;
@@ -88423,7 +88590,7 @@ var GradientText = defineComponent({
     const themeRef = useTheme(
       "GradientText",
       "-gradient-text",
-      style$G,
+      style$H,
       gradientTextLight,
       props,
       mergedClsPrefixRef
@@ -88895,7 +89062,7 @@ const iconDark = {
   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);
@@ -88927,7 +89094,7 @@ const NIconWrapper = defineComponent({
     const themeRef = useTheme(
       "IconWrapper",
       "-icon-wrapper",
-      style$F,
+      style$G,
       iconWrapperLight,
       props,
       mergedClsPrefixRef
@@ -89048,7 +89215,7 @@ const imagePreviewSharedProps = {
 };
 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;
@@ -89124,7 +89291,7 @@ var NImagePreview = defineComponent({
     const themeRef = useTheme(
       "Image",
       "-image",
-      style$E,
+      style$F,
       imageLight,
       props,
       toRef(props, "clsPrefix")
@@ -89967,7 +90134,7 @@ var InfiniteScroll = defineComponent({
   }
 });
 
-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", `
@@ -90092,7 +90259,7 @@ var InputNumber = defineComponent({
     const themeRef = useTheme(
       "InputNumber",
       "-input-number",
-      style$D,
+      style$E,
       inputNumberLight,
       props,
       mergedClsPrefixRef
@@ -90682,6 +90849,324 @@ var InputNumber = defineComponent({
   }
 });
 
+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 = 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 = 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",
+      computed(() => {
+        const { value: size } = mergedSizeRef;
+        return size[0];
+      }),
+      cssVarsRef,
+      props
+    ) : void 0;
+    const uncontrolledValueRef = ref(props.defaultValue);
+    const controlledValueRef = toRef(props, "value");
+    const mergedValueRef = useMergedState(
+      controlledValueRef,
+      uncontrolledValueRef
+    );
+    const inputRefList = ref([]);
+    const inputTypeRef = 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: 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__ */ 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__ */ h(NInput, { ...restProps, key: index2 })]
+        )
+      )
+    );
+  }
+});
+
 const layoutSiderInjectionKey = createInjectionKey("n-layout-sider");
 const positionProp = {
   type: String,
@@ -95924,8 +96409,8 @@ var Circle = defineComponent({
       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,
@@ -104956,7 +105441,6 @@ var style$a = cB("tree", `
     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);
@@ -105098,6 +105582,10 @@ const treeSharedProps = {
     type: Array,
     default: () => []
   },
+  indent: {
+    type: Number,
+    default: 24
+  },
   indeterminateKeys: Array,
   renderSwitcherIcon: Function,
   onUpdateIndeterminateKeys: [Function, Array],
@@ -105155,10 +105643,6 @@ const treeProps = {
     default: true
   },
   scrollbarProps: Object,
-  indent: {
-    type: Number,
-    default: 24
-  },
   allowDrop: {
     type: Function,
     default: defaultAllowDrop
@@ -107358,6 +107842,7 @@ var TreeSelect = defineComponent({
                           themeOverrides: mergedTheme.peerOverrides.Tree,
                           defaultExpandAll: this.defaultExpandAll,
                           defaultExpandedKeys: this.defaultExpandedKeys,
+                          indent: this.indent,
                           expandedKeys: this.mergedExpandedKeys,
                           checkedKeys: this.treeCheckedKeys,
                           selectedKeys: this.treeSelectedKeys,
@@ -108664,13 +109149,18 @@ var NUploadFile = defineComponent({
     }
     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);
+          }
         }
       });
     }
@@ -109229,6 +109719,7 @@ const uploadProps = {
   isErrorState: Function,
   /** currently not used */
   onDownload: Function,
+  customDownload: Function,
   defaultUpload: {
     type: Boolean,
     default: true
@@ -109558,6 +110049,7 @@ var Upload = defineComponent({
       showRetryButtonRef: toRef(props, "showRetryButton"),
       onRemoveRef: toRef(props, "onRemove"),
       onDownloadRef: toRef(props, "onDownload"),
+      customDownloadRef: toRef(props, "customDownload"),
       mergedFileListRef,
       triggerClassRef: toRef(props, "triggerClass"),
       triggerStyleRef: toRef(props, "triggerStyle"),
@@ -110135,6 +110627,7 @@ var components = /*#__PURE__*/Object.freeze({
     NInputGroup: NInputGroup,
     NInputGroupLabel: InputGroupLabel,
     NInputNumber: InputNumber,
+    NInputOtp: InputOtp,
     NLayout: Layout,
     NLayoutContent: LayoutContent,
     NLayoutFooter: LayoutFooter,
@@ -110281,6 +110774,7 @@ var components = /*#__PURE__*/Object.freeze({
     inputGroupLabelProps: inputGroupLabelProps,
     inputGroupProps: inputGroupProps,
     inputNumberProps: inputNumberProps,
+    inputOtpProps: inputOtpProps,
     inputProps: inputProps,
     layoutContentProps: layoutProps,
     layoutFooterProps: layoutFooterProps,
@@ -110341,6 +110835,7 @@ var components = /*#__PURE__*/Object.freeze({
     treeProps: treeProps,
     treeSelectProps: treeSelectProps,
     ulProps: ulProps,
+    uploadDownload: publicDownload,
     uploadProps: uploadProps,
     useDialog: useDialog,
     useDialogReactiveList: useDialogReactiveList,
@@ -110374,7 +110869,7 @@ function useThemeVars() {
   });
 }
 
-var version = "2.41.0";
+var version = "2.42.0";
 
 function create({
   componentPrefix = "N",
@@ -110489,6 +110984,7 @@ const lightTheme = {
   Image: imageLight,
   Input: inputLight,
   InputNumber: inputNumberLight,
+  InputOtp: inputOtpLight,
   Layout: layoutLight,
   LegacyTransfer: transferLight,
   List: listLight,
@@ -111064,6 +111560,7 @@ const darkTheme = {
   Image: imageDark,
   Input: inputDark,
   InputNumber: inputNumberDark,
+  InputOtp: inputOtpDark,
   LegacyTransfer: transferDark,
   Layout: layoutDark,
   List: listDark$1,
@@ -111132,4 +111629,4 @@ function createTheme(name, componentThemes) {
   return theme;
 }
 
-export { a as NA, NAffix, Alert as NAlert, AnchorAdapter as NAnchor, Link as NAnchorLink, AutoComplete as NAutoComplete, NAvatar, AvatarGroup as NAvatarGroup, BackTop as NBackTop, Badge as NBadge, blockquote as NBlockquote, Breadcrumb as NBreadcrumb, BreadcrumbItem as NBreadcrumbItem, Button as NButton, NButtonGroup, Calendar as NCalendar, NCard, Carousel as NCarousel, NCarouselItem, Cascader as NCascader, NCheckbox, NCheckboxGroup, NCode, NCol, NCollapse, NCollapseItem, CollapseTransition as NCollapseTransition, NColorPicker, NConfigProvider, Countdown as NCountdown, DataTable as NDataTable, DatePicker as NDatePicker, Descriptions as NDescriptions, DescriptionsItem as NDescriptionsItem, NDialog, NDialogProvider, NDivider, Drawer as NDrawer, DrawerContent as NDrawerContent, NDropdown, DynamicInput as NDynamicInput, DynamicTags as NDynamicTags, NElement as NEl, NElement, NEllipsis, NEmpty, Equation as NEquation, Flex as NFlex, FloatButton as NFloatButton, FloatButtonGroup as NFloatButtonGroup, Form as NForm, NFormItem, NFormItemCol, FormItemGridItem as NFormItemGi, FormItemGridItem as NFormItemGridItem, FormItemRow as NFormItemRow, NGi, GlobalStyle as NGlobalStyle, GradientText as NGradientText, NGrid, NGi as NGridItem, NH1, NH2, NH3, NH4, NH5, NH6, Highlight as NHighlight, hr as NHr, NIcon, NIconWrapper, NImage, NImageGroup, InfiniteScroll as NInfiniteScroll, NInput, NInputGroup, InputGroupLabel as NInputGroupLabel, InputNumber as NInputNumber, Layout as NLayout, LayoutContent as NLayoutContent, LayoutFooter as NLayoutFooter, LayoutHeader as NLayoutHeader, LayoutSider as NLayoutSider, Transfer$1 as NLegacyTransfer, li as NLi, List as NList, ListItem as NListItem, NLoadingBarProvider, Log as NLog, Marquee as NMarquee, Mention as NMention, Menu as NMenu, NMessageProvider, NModal, NModalProvider, NNotificationProvider, NumberAnimation as NNumberAnimation, ol as NOl, p as NP, PageHeader as NPageHeader, NPagination, NPerformantEllipsis, Popconfirm as NPopconfirm, NPopover, NPopselect, NProgress, QrCode as NQrCode, NRadio, RadioButton as NRadioButton, NRadioGroup, Rate as NRate, Result as NResult, NRow, Scrollbar as NScrollbar, NSelect, Skeleton as NSkeleton, Slider as NSlider, NSpace, Spin as NSpin, Split as NSplit, Statistic as NStatistic, Step as NStep, Steps as NSteps, Switch as NSwitch, Tab as NTab, TabPane as NTabPane, Table as NTable, Tabs as NTabs, NTag, Tbody as NTbody, Td as NTd, text as NText, Th as NTh, Thead as NThead, ThemeEditor as NThemeEditor, Thing as NThing, Time as NTime, NTimePicker, Timeline as NTimeline, TimelineItem as NTimelineItem, NTooltip, Tr as NTr, Transfer as NTransfer, NTree, TreeSelect as NTreeSelect, ul as NUl, Upload as NUpload, NUploadDragger, NUploadFileList, NUploadTrigger, VirtualList as NVirtualList, Watermark as NWatermark, XButton as NxButton, aProps, affixProps, alertDark, alertProps, anchorDark, anchorLinkProps, anchorProps, arDZ$1 as arDZ, autoCompleteDark, autoCompleteProps, avatarDark, avatarGroupProps, avatarProps, azAZ, backTopDark, backTopProps, badgeDark, badgeProps, blockquoteProps, breadcrumbDark, breadcrumbItemProps, breadcrumbProps, buttonDark, buttonGroupDark, buttonGroupProps, buttonProps, c$1 as c, cB, cE, cM, cNotM, calendarProps, cardDark, cardProps, carouselProps, cascaderDark, cascaderProps, checkboxDark, checkboxGroupProps, checkboxProps, codeDark, codeProps, colProps, collapseDark, collapseItemProps, collapseProps, collapseTransitionProps, colorPickerProps, derived$1 as commonDark, derived as commonLight, configProviderProps, countdownProps, create, createDiscreteApi, createLocale, createTheme, csCZ, darkTheme, dataTableDark, dataTableProps, dateArDZ, dateAzAZ, dateCsCZ, dateDeDE, dateEnGB, dateEnUs as dateEnUS, dateEo, dateEsAR, dateEtEE, dateFaIR, dateFrFR, dateIdID, dateItIT, dateJaJP, dateKmKH, dateKoKR, dateNbNO, dateNlNL, datePickerDark, datePickerProps, datePlPL, datePtBr as datePtBR, dateRuRU, dateSkSK, dateSvSE, dateThTH, dateTrTR, dateUgCN, dateUkUA, dateUzUZ, dateVi as dateViVN, dateZhCN, datezhTW as dateZhTW, deDE, naive as default, descriptionsDark, descriptionsItemProps, descriptionsProps, dialogDark, dialogProps, dialogProviderProps, dividerDark, dividerProps, drawerContentProps, drawerDark, drawerProps, dropdownDark, dropdownProps, dynamicInputDark, dynamicInputProps, dynamicTagsDark, dynamicTagsProps, elementDark, elementProps, ellipsisProps, emptyDark, emptyProps, enGB$1 as enGB, enUS$1 as enUS, eo$1 as eo, equationProps, esAR, etEE, faIR$1 as faIR, flexDark, flexProps, floatButtonGroupProps, floatButtonProps, formItemDark as formDark, formItemGiProps, formItemGiProps as formItemGridItemProps, formItemProps, formProps, frFR, gridItemProps as giProps, gradientTextDark, gradientTextProps, gridItemProps, gridProps, headerProps as h1Props, headerProps as h2Props, headerProps as h3Props, headerProps as h4Props, headerProps as h5Props, headerProps as h6Props, highlightProps, iconDark$1 as iconDark, iconProps, iconWrapperProps, idID, imageGroupProps, imageProps, infiniteScrollProps, inputDark, inputGroupLabelProps, inputGroupProps, inputNumberDark, inputNumberProps, inputProps, install, internalSelectMenuDark, internalSelectionDark, itIT, jaJP, kmKH, koKR, layoutProps as layoutContentProps, layoutDark, layoutFooterProps, headerProps$1 as layoutHeaderProps, layoutProps, layoutSiderProps, transferProps$1 as legacyTransferProps, lightTheme, listDark$1 as listDark, listProps, loadingBarDark, loadingBarProviderProps, logDark, logProps, listDark as mentionDark, mentionProps, menuDark, menuProps, messageDark, messageProviderProps, modalDark, modalProps, modalProviderProps, nbNO, nlNL, notificationDark, notificationProviderProps, numberAnimationProps, olProps, pProps, pageHeaderProps, paginationDark, paginationProps, plPL, popconfirmDark, popconfirmProps, popoverDark, popoverProps, popselect as popselectDark, popselectProps, progressDark, progressProps, ptBR$1 as ptBR, qrCodeProps, radioButtonProps, radioDark, radioGroupProps, radioProps, rateDark, rateProps, resultDark, resultProps, rowProps, ruRu as ruRU, scrollbarDark, scrollbarProps, selectDark, selectProps, skSK, skeletonProps, sliderDark, sliderProps, spaceDark, spaceProps, spinDark, spinProps, splitProps, statisticDark, statisticProps, stepProps, stepsDark, stepsProps, svSE, switchDark, switchProps, tabPaneProps, tabProps, tableDark, tableProps, tabsDark, tabsProps, tagDark, tagProps, textProps, thTH, thingDark, thingProps, timePickerDark, timePickerProps, timeProps, timelineDark, timelineItemProps, timelineProps, tooltipDark, tooltipProps, trTR, transferDark$1 as transferDark, transferProps, treeDark, treeGetClickTarget, treeProps, treeSelectDark, treeSelectProps, typographyDark, ukUA, ulProps, alertRtl as unstableAlertRtl, avatarGroupRtl as unstableAvatarGroupRtl, badgeRtl as unstableBadgeRtl, buttonGroupRtl as unstableButtonGroupRtl, buttonRtl as unstableButtonRtl, cardRtl as unstableCardRtl, checkboxRtl as unstableCheckboxRtl, collapseRtl as unstableCollapseRtl, collapseTransitionRtl as unstableCollapseTransitionRtl, DataTableRtl as unstableDataTableRtl, dialogRtl as unstableDialogRtl, drawerRtl as unstableDrawerRtl, dynamicInputRtl as unstableDynamicInputRtl, flexRtl as unstableFlexRtl, inputNumberRtl as unstableInputNumberRtl, inputRtl as unstableInputRtl, listRtl as unstableListRtl, messageRtl as unstableMessageRtl, notificationRtl as unstableNotificationRtl, rtl as unstablePageHeaderRtl, paginationRtl as unstablePaginationRtl, radioRtl as unstableRadioRtl, rowRtl as unstableRowRtl, scrollbarRtl as unstableScrollbarRtl, selectRtl as unstableSelectRtl, spaceRtl as unstableSpaceRtl, statisticRtl as unstableStatisticRtl, stepsRtl as unstableStepsRtl, tableRtl as unstableTableRtl, tagRtl as unstableTagRtl, thingRtl as unstableThingRtl, treeRtl as unstableTreeRtl, uploadDark, uploadProps, useDialog, useDialogReactiveList, useLoadingBar, useMessage, useModal, useModalReactiveList, useNotification, useOsTheme, useThemeVars, uzUZ, version, viVN, virtualListProps, watermarkDark, watermarkProps, zhCN$1 as zhCN, zhTW$1 as zhTW, zindexable };
+export { a as NA, NAffix, Alert as NAlert, AnchorAdapter as NAnchor, Link as NAnchorLink, AutoComplete as NAutoComplete, NAvatar, AvatarGroup as NAvatarGroup, BackTop as NBackTop, Badge as NBadge, blockquote as NBlockquote, Breadcrumb as NBreadcrumb, BreadcrumbItem as NBreadcrumbItem, Button as NButton, NButtonGroup, Calendar as NCalendar, NCard, Carousel as NCarousel, NCarouselItem, Cascader as NCascader, NCheckbox, NCheckboxGroup, NCode, NCol, NCollapse, NCollapseItem, CollapseTransition as NCollapseTransition, NColorPicker, NConfigProvider, Countdown as NCountdown, DataTable as NDataTable, DatePicker as NDatePicker, Descriptions as NDescriptions, DescriptionsItem as NDescriptionsItem, NDialog, NDialogProvider, NDivider, Drawer as NDrawer, DrawerContent as NDrawerContent, NDropdown, DynamicInput as NDynamicInput, DynamicTags as NDynamicTags, NElement as NEl, NElement, NEllipsis, NEmpty, Equation as NEquation, Flex as NFlex, FloatButton as NFloatButton, FloatButtonGroup as NFloatButtonGroup, Form as NForm, NFormItem, NFormItemCol, FormItemGridItem as NFormItemGi, FormItemGridItem as NFormItemGridItem, FormItemRow as NFormItemRow, NGi, GlobalStyle as NGlobalStyle, GradientText as NGradientText, NGrid, NGi as NGridItem, NH1, NH2, NH3, NH4, NH5, NH6, Highlight as NHighlight, hr as NHr, NIcon, NIconWrapper, NImage, NImageGroup, InfiniteScroll as NInfiniteScroll, NInput, NInputGroup, InputGroupLabel as NInputGroupLabel, InputNumber as NInputNumber, InputOtp as NInputOtp, Layout as NLayout, LayoutContent as NLayoutContent, LayoutFooter as NLayoutFooter, LayoutHeader as NLayoutHeader, LayoutSider as NLayoutSider, Transfer$1 as NLegacyTransfer, li as NLi, List as NList, ListItem as NListItem, NLoadingBarProvider, Log as NLog, Marquee as NMarquee, Mention as NMention, Menu as NMenu, NMessageProvider, NModal, NModalProvider, NNotificationProvider, NumberAnimation as NNumberAnimation, ol as NOl, p as NP, PageHeader as NPageHeader, NPagination, NPerformantEllipsis, Popconfirm as NPopconfirm, NPopover, NPopselect, NProgress, QrCode as NQrCode, NRadio, RadioButton as NRadioButton, NRadioGroup, Rate as NRate, Result as NResult, NRow, Scrollbar as NScrollbar, NSelect, Skeleton as NSkeleton, Slider as NSlider, NSpace, Spin as NSpin, Split as NSplit, Statistic as NStatistic, Step as NStep, Steps as NSteps, Switch as NSwitch, Tab as NTab, TabPane as NTabPane, Table as NTable, Tabs as NTabs, NTag, Tbody as NTbody, Td as NTd, text as NText, Th as NTh, Thead as NThead, ThemeEditor as NThemeEditor, Thing as NThing, Time as NTime, NTimePicker, Timeline as NTimeline, TimelineItem as NTimelineItem, NTooltip, Tr as NTr, Transfer as NTransfer, NTree, TreeSelect as NTreeSelect, ul as NUl, Upload as NUpload, NUploadDragger, NUploadFileList, NUploadTrigger, VirtualList as NVirtualList, Watermark as NWatermark, XButton as NxButton, aProps, affixProps, alertDark, alertProps, anchorDark, anchorLinkProps, anchorProps, arDZ$1 as arDZ, autoCompleteDark, autoCompleteProps, avatarDark, avatarGroupProps, avatarProps, azAZ, backTopDark, backTopProps, badgeDark, badgeProps, blockquoteProps, breadcrumbDark, breadcrumbItemProps, breadcrumbProps, buttonDark, buttonGroupDark, buttonGroupProps, buttonProps, c$1 as c, cB, cE, cM, cNotM, calendarProps, cardDark, cardProps, carouselProps, cascaderDark, cascaderProps, checkboxDark, checkboxGroupProps, checkboxProps, codeDark, codeProps, colProps, collapseDark, collapseItemProps, collapseProps, collapseTransitionProps, colorPickerProps, derived$1 as commonDark, derived as commonLight, configProviderProps, countdownProps, create, createDiscreteApi, createLocale, createTheme, csCZ, darkTheme, dataTableDark, dataTableProps, dateArDZ, dateAzAZ, dateCsCZ, dateDeDE, dateEnGB, dateEnUs as dateEnUS, dateEo, dateEsAR, dateEtEE, dateFaIR, dateFrFR, dateIdID, dateItIT, dateJaJP, dateKmKH, dateKoKR, dateNbNO, dateNlNL, datePickerDark, datePickerProps, datePlPL, datePtBr as datePtBR, dateRuRU, dateSkSK, dateSvSE, dateThTH, dateTrTR, dateUgCN, dateUkUA, dateUzUZ, dateVi as dateViVN, dateZhCN, datezhTW as dateZhTW, deDE, naive as default, descriptionsDark, descriptionsItemProps, descriptionsProps, dialogDark, dialogProps, dialogProviderProps, dividerDark, dividerProps, drawerContentProps, drawerDark, drawerProps, dropdownDark, dropdownProps, dynamicInputDark, dynamicInputProps, dynamicTagsDark, dynamicTagsProps, elementDark, elementProps, ellipsisProps, emptyDark, emptyProps, enGB$1 as enGB, enUS$1 as enUS, eo$1 as eo, equationProps, esAR, etEE, faIR$1 as faIR, flexDark, flexProps, floatButtonGroupProps, floatButtonProps, formItemDark as formDark, formItemGiProps, formItemGiProps as formItemGridItemProps, formItemProps, formProps, frFR, gridItemProps as giProps, gradientTextDark, gradientTextProps, gridItemProps, gridProps, headerProps as h1Props, headerProps as h2Props, headerProps as h3Props, headerProps as h4Props, headerProps as h5Props, headerProps as h6Props, highlightProps, iconDark$1 as iconDark, iconProps, iconWrapperProps, idID, imageGroupProps, imageProps, infiniteScrollProps, inputDark, inputGroupLabelProps, inputGroupProps, inputNumberDark, inputNumberProps, inputOtpDark, inputOtpProps, inputProps, install, internalSelectMenuDark, internalSelectionDark, itIT, jaJP, kmKH, koKR, layoutProps as layoutContentProps, layoutDark, layoutFooterProps, headerProps$1 as layoutHeaderProps, layoutProps, layoutSiderProps, transferProps$1 as legacyTransferProps, lightTheme, listDark$1 as listDark, listProps, loadingBarDark, loadingBarProviderProps, logDark, logProps, listDark as mentionDark, mentionProps, menuDark, menuProps, messageDark, messageProviderProps, modalDark, modalProps, modalProviderProps, nbNO, nlNL, notificationDark, notificationProviderProps, numberAnimationProps, olProps, pProps, pageHeaderProps, paginationDark, paginationProps, plPL, popconfirmDark, popconfirmProps, popoverDark, popoverProps, popselect as popselectDark, popselectProps, progressDark, progressProps, ptBR$1 as ptBR, qrCodeProps, radioButtonProps, radioDark, radioGroupProps, radioProps, rateDark, rateProps, resultDark, resultProps, rowProps, ruRu as ruRU, scrollbarDark, scrollbarProps, selectDark, selectProps, skSK, skeletonProps, sliderDark, sliderProps, spaceDark, spaceProps, spinDark, spinProps, splitProps, statisticDark, statisticProps, stepProps, stepsDark, stepsProps, svSE, switchDark, switchProps, tabPaneProps, tabProps, tableDark, tableProps, tabsDark, tabsProps, tagDark, tagProps, textProps, thTH, thingDark, thingProps, timePickerDark, timePickerProps, timeProps, timelineDark, timelineItemProps, timelineProps, tooltipDark, tooltipProps, trTR, transferDark$1 as transferDark, transferProps, treeDark, treeGetClickTarget, treeProps, treeSelectDark, treeSelectProps, typographyDark, ukUA, ulProps, alertRtl as unstableAlertRtl, avatarGroupRtl as unstableAvatarGroupRtl, badgeRtl as unstableBadgeRtl, buttonGroupRtl as unstableButtonGroupRtl, buttonRtl as unstableButtonRtl, cardRtl as unstableCardRtl, checkboxRtl as unstableCheckboxRtl, collapseRtl as unstableCollapseRtl, collapseTransitionRtl as unstableCollapseTransitionRtl, DataTableRtl as unstableDataTableRtl, dialogRtl as unstableDialogRtl, drawerRtl as unstableDrawerRtl, dynamicInputRtl as unstableDynamicInputRtl, flexRtl as unstableFlexRtl, inputNumberRtl as unstableInputNumberRtl, inputOtpRtl as unstableInputOtpRtl, inputRtl as unstableInputRtl, listRtl as unstableListRtl, messageRtl as unstableMessageRtl, notificationRtl as unstableNotificationRtl, rtl as unstablePageHeaderRtl, paginationRtl as unstablePaginationRtl, radioRtl as unstableRadioRtl, rowRtl as unstableRowRtl, scrollbarRtl as unstableScrollbarRtl, selectRtl as unstableSelectRtl, spaceRtl as unstableSpaceRtl, statisticRtl as unstableStatisticRtl, stepsRtl as unstableStepsRtl, tableRtl as unstableTableRtl, tagRtl as unstableTagRtl, thingRtl as unstableThingRtl, treeRtl as unstableTreeRtl, uploadDark, publicDownload as uploadDownload, uploadProps, useDialog, useDialogReactiveList, useLoadingBar, useMessage, useModal, useModalReactiveList, useNotification, useOsTheme, useThemeVars, uzUZ, version, viVN, virtualListProps, watermarkDark, watermarkProps, zhCN$1 as zhCN, zhTW$1 as zhTW, zindexable };