ono-react-element 0.0.15 → 0.0.16

package/dist/es/index.js

@@ -17,6 +17,7 @@ import { B as B2 } from "./Button-C89izu2m.js";
 import { C as C2 } from "./Card3D-DMvCSUhe.js";
 import { C as C3 } from "./Checkbox-daBabj14.js";
 import { E as E2, c as c5 } from "./VirtualList-w16-kBkT.js";
+import { i as i2 } from "./InjunctiveBox-DUNoNHCO.js";
 import { M } from "./MenuButton-DHkU5Bq7.js";
 import { m as m2 } from "./Message-BGDILiLc.js";
 import { M as M2 } from "./Modal-BIFxRjSt.js";
@@ -85,6 +86,7 @@ export {
   s as getPointDistance,
   t as getURLSearchParams,
   u9 as grayColor,
+  i2 as injunctiveBox,
   l2 as localFormat,
   v as mediaAutoplayPolicies,
   m2 as message,

package/dist/types/index.d.ts

@@ -1,4 +1,4 @@
-import { AutoSliderList, AvatarCrop, AwaitList, Button, Card3D, Checkbox, createDataSource, Direction, EstimatedVirtualList, List, MenuButton, message, Modal, OnoInput, OnoSelect, OnoTextarea, Pagination, portalRenderer, Radio, RadioGroup, SvgImg, Switch, TemplateDialog, toast, Tooltip, Waterfall, ImageItem } from './components';
+import { AutoSliderList, AvatarCrop, AwaitList, Button, Card3D, Checkbox, createDataSource, Direction, EstimatedVirtualList, injunctiveBox, List, MenuButton, message, Modal, OnoInput, OnoSelect, OnoTextarea, Pagination, portalRenderer, Radio, RadioGroup, SvgImg, Switch, TemplateDialog, toast, Tooltip, Waterfall, ImageItem } from './components';
 import { default as useClickOutSide } from './hooks/useClickOutSide';
 import { default as useCountdown } from './hooks/useCountdown';
 import { default as useEventListener } from './hooks/useEventListener';
@@ -11,5 +11,5 @@ import { default as colorUtils, adjustingColors } from './utils/colorUtils';
 import { default as common, addCommasToNumber, addEventWithOriginHandler, calculateAspectRatio, checkDeviceIsMobile, checkStatusCode, copy2Clipboard, createIntersectionObserver, dayOfYear, deepCopy, downloadFile, formatFileSize, formatSecondes, getElementCenterPosition, getFileName, getFileSuffix, getImageSIze, getPointDistance, getURLSearchParams, grayColor, mediaAutoplayPolicies, parseQuery, passwordStrength, pick, printStr, pureNumber, quickSort, rafTimeout, randomString, safeCapitalizeWord, singleton } from './utils/common';
 import { base64ToBlob, base64ToFile, blobToBase64, blobToFile, fileToBase64, fileToBlob, urlToBase64, urlToBlob, urlToFile } from './utils/fileFormatConversion';
 import { convertSecondToOtherTime, formatTime, localFormat, second2Day } from './utils/formatTimeUtils';
-export { addCommasToNumber, addEventWithOriginHandler, adjustingColors, AutoSliderList, AvatarCrop, AwaitList, base64ToBlob, base64ToFile, blobToBase64, blobToFile, Button, calculateAspectRatio, Card3D, Checkbox, checkDeviceIsMobile, checkStatusCode, colorUtils, common, convertSecondToOtherTime, copy2Clipboard, createDataSource, createIntersectionObserver, dayOfYear, deepCopy, Direction, downloadFile, EstimatedVirtualList, fileToBase64, fileToBlob, formatFileSize, formatSecondes, formatTime, getElementCenterPosition, getFileName, getFileSuffix, getImageSIze, getPointDistance, getURLSearchParams, grayColor, List, localFormat, mediaAutoplayPolicies, MenuButton, message, Modal, OnoInput, OnoSelect, OnoTextarea, Pagination, parseQuery, passwordStrength, pick, portalRenderer, printStr, pureNumber, quickSort, Radio, RadioGroup, rafTimeout, randomString, safeCapitalizeWord, second2Day, singleton, SvgImg, Switch, TemplateDialog, toast, Tooltip, urlToBase64, urlToBlob, urlToFile, useClickOutSide, useCountdown, useEventListener, useGetElementSize, useKeyPress, useMouseClick, useTheme, useThemePro, Waterfall };
+export { addCommasToNumber, addEventWithOriginHandler, adjustingColors, AutoSliderList, AvatarCrop, AwaitList, base64ToBlob, base64ToFile, blobToBase64, blobToFile, Button, calculateAspectRatio, Card3D, Checkbox, checkDeviceIsMobile, checkStatusCode, colorUtils, common, convertSecondToOtherTime, copy2Clipboard, createDataSource, createIntersectionObserver, dayOfYear, deepCopy, Direction, downloadFile, EstimatedVirtualList, fileToBase64, fileToBlob, formatFileSize, formatSecondes, formatTime, getElementCenterPosition, getFileName, getFileSuffix, getImageSIze, getPointDistance, getURLSearchParams, grayColor, injunctiveBox, List, localFormat, mediaAutoplayPolicies, MenuButton, message, Modal, OnoInput, OnoSelect, OnoTextarea, Pagination, parseQuery, passwordStrength, pick, portalRenderer, printStr, pureNumber, quickSort, Radio, RadioGroup, rafTimeout, randomString, safeCapitalizeWord, second2Day, singleton, SvgImg, Switch, TemplateDialog, toast, Tooltip, urlToBase64, urlToBlob, urlToFile, useClickOutSide, useCountdown, useEventListener, useGetElementSize, useKeyPress, useMouseClick, useTheme, useThemePro, Waterfall };
 export type { ImageItem, ThemeType };

package/dist/umd/index.umd.cjs

@@ -1255,7 +1255,7 @@
       var t2 = e3.type;
       return (e3 = e3.nodeName) && "input" === e3.toLowerCase() && ("checkbox" === t2 || "radio" === t2);
     }
-    function pt(e3) {
+    function pt2(e3) {
       e3._valueTracker || (e3._valueTracker = (function(e4) {
         var t2 = ft2(e4) ? "checked" : "value", n2 = Object.getOwnPropertyDescriptor(e4.constructor.prototype, t2), r3 = "" + e4[t2];
         if (!e4.hasOwnProperty(t2) && void 0 !== n2 && "function" == typeof n2.get && "function" == typeof n2.set) {
@@ -1274,7 +1274,7 @@
         }
       })(e3));
     }
-    function ht(e3) {
+    function ht2(e3) {
       if (!e3) return false;
       var t2 = e3._valueTracker;
       if (!t2) return true;
@@ -1398,7 +1398,7 @@
                   bt(r3, a3.value, a3.defaultValue, a3.defaultValue, a3.checked, a3.defaultChecked, a3.type, a3.name);
                 }
               }
-              for (t2 = 0; t2 < n2.length; t2++) (r3 = n2[t2]).form === e3.form && ht(r3);
+              for (t2 = 0; t2 < n2.length; t2++) (r3 = n2[t2]).form === e3.form && ht2(r3);
             }
             break e;
           case "textarea":
@@ -1556,7 +1556,7 @@
       Ac(e3, 0);
     }
     function jn(e3) {
-      if (ht(Ve2(e3))) return e3;
+      if (ht2(Ve2(e3))) return e3;
     }
     function Un(e3, t2) {
       if ("change" === e3) return t2;
@@ -1860,13 +1860,13 @@
           jc("toggle", t2);
           break;
         case "input":
-          jc("invalid", t2), vt(t2, r3.value, r3.defaultValue, r3.checked, r3.defaultChecked, r3.type, r3.name, true), pt(t2);
+          jc("invalid", t2), vt(t2, r3.value, r3.defaultValue, r3.checked, r3.defaultChecked, r3.type, r3.name, true), pt2(t2);
           break;
         case "select":
           jc("invalid", t2);
           break;
         case "textarea":
-          jc("invalid", t2), xt(t2, r3.value, r3.defaultValue, r3.children), pt(t2);
+          jc("invalid", t2), xt(t2, r3.value, r3.defaultValue, r3.children), pt2(t2);
       }
       "string" != typeof (n2 = r3.children) && "number" != typeof n2 && "bigint" != typeof n2 || t2.textContent === "" + n2 || true === r3.suppressHydrationWarning || Zc(t2.textContent, n2) ? (null != r3.popover && (jc("beforetoggle", t2), jc("toggle", t2)), null != r3.onScroll && jc("scroll", t2), null != r3.onScrollEnd && jc("scrollend", t2), null != r3.onClick && (t2.onclick = Jc), t2 = true) : t2 = false, t2 || da(e3);
     }
@@ -6091,7 +6091,7 @@
                 ed(e3, t2, a3, d3, n2, null);
             }
           }
-          return vt(e3, r3, s3, u3, c3, i3, l3, false), void pt(e3);
+          return vt(e3, r3, s3, u3, c3, i3, l3, false), void pt2(e3);
         case "select":
           for (l3 in jc("invalid", e3), a3 = i3 = r3 = null, n2) if (n2.hasOwnProperty(l3) && null != (s3 = n2[l3])) switch (l3) {
             case "value":
@@ -6123,7 +6123,7 @@
             default:
               ed(e3, t2, i3, s3, n2, null);
           }
-          return xt(e3, a3, l3, r3), void pt(e3);
+          return xt(e3, a3, l3, r3), void pt2(e3);
         case "option":
           for (u3 in n2) n2.hasOwnProperty(u3) && null != (a3 = n2[u3]) && ("selected" === u3 ? e3.selected = a3 && "function" != typeof a3 && "symbol" != typeof a3 : ed(e3, t2, u3, a3, n2, null));
           return;
@@ -7193,7 +7193,7 @@
               t2 = Fv;
           }
       }
-      n2 = { context: t2, ancestorInfo: n2 = ht(null, n2 = n2.toLowerCase()) }, E2(Zc, e3), T2(Zc, n2, e3);
+      n2 = { context: t2, ancestorInfo: n2 = ht2(null, n2 = n2.toLowerCase()) }, E2(Zc, e3), T2(Zc, n2, e3);
     }
     function _2(e3) {
       E2(Zc, e3), E2(Jc, e3), E2(ed, e3);
@@ -7204,7 +7204,7 @@
     function N2(e3) {
       null !== e3.memoizedState && T2(td, e3, e3);
       var t2 = P2(Zc.current), n2 = e3.type, r3 = Zs(t2.context, n2);
-      t2 !== (r3 = { context: r3, ancestorInfo: n2 = ht(t2.ancestorInfo, n2) }) && (T2(Jc, e3, e3), T2(Zc, r3, e3));
+      t2 !== (r3 = { context: r3, ancestorInfo: n2 = ht2(t2.ancestorInfo, n2) }) && (T2(Jc, e3, e3), T2(Zc, r3, e3));
     }
     function L2(e3) {
       Jc.current === e3 && (E2(Zc, e3), E2(Jc, e3)), td.current === e3 && (E2(td, e3), bk._currentValue = yk);
@@ -8057,11 +8057,11 @@
         return "";
       }
     }
-    function pt(e3, t2, n2) {
+    function pt2(e3, t2, n2) {
       for (var r3 = t2, a3 = null, o3 = 0; r3; ) r3 === e3 && (o3 = 0), a3 = { fiber: r3, children: null !== a3 ? [a3] : [], serverProps: r3 === t2 ? n2 : r3 === e3 ? null : void 0, serverTail: [], distanceFromLeaf: o3 }, o3++, r3 = r3.return;
       return null !== a3 ? ft2(a3).replaceAll(/^[+-]/gm, ">") : "";
     }
-    function ht(e3, t2) {
+    function ht2(e3, t2) {
       var n2 = Tc({}, e3 || hf), r3 = { tag: t2 };
       return -1 !== df.indexOf(t2) && (n2.aTagInScope = null, n2.buttonTagInScope = null, n2.nobrTagInScope = null), -1 !== ff.indexOf(t2) && (n2.pTagInButtonScope = null), -1 !== cf.indexOf(t2) && "address" !== t2 && "div" !== t2 && "p" !== t2 && (n2.listItemTagAutoclosing = null, n2.dlItemTagAutoclosing = null), n2.current = r3, "form" === t2 && (n2.formTag = r3), "a" === t2 && (n2.aTagInScope = r3), "button" === t2 && (n2.buttonTagInScope = r3), "nobr" === t2 && (n2.nobrTagInScope = r3), "p" === t2 && (n2.pTagInButtonScope = r3), "li" === t2 && (n2.listItemTagAutoclosing = r3), "dd" !== t2 && "dt" !== t2 || (n2.dlItemTagAutoclosing = r3), "#document" === t2 || "html" === t2 ? n2.containerTagInScope = null : n2.containerTagInScope || (n2.containerTagInScope = r3), null !== e3 || "#document" !== t2 && "html" !== t2 && "body" !== t2 ? true === n2.implicitRootScope && (n2.implicitRootScope = false) : n2.implicitRootScope = true, n2;
     }
@@ -8196,7 +8196,7 @@
       var r3 = t2.tag;
       if (t2 = String(!!n2) + "|" + e3 + "|" + r3, mf[t2]) return false;
       mf[t2] = true;
-      var a3 = (t2 = Gd) ? gt(t2.return, r3) : null, o3 = null !== t2 && null !== a3 ? pt(a3, t2, null) : "", l3 = "<" + e3 + ">";
+      var a3 = (t2 = Gd) ? gt(t2.return, r3) : null, o3 = null !== t2 && null !== a3 ? pt2(a3, t2, null) : "", l3 = "<" + e3 + ">";
       return n2 ? (n2 = "", "table" === r3 && "tr" === e3 && (n2 += " Add a <tbody>, <thead> or <tfoot> to your code to match the DOM tree generated by the browser."), console.error("In HTML, %s cannot be a child of <%s>.%s\nThis will cause a hydration error.%s", l3, r3, n2, o3)) : console.error("In HTML, %s cannot be a descendant of <%s>.\nThis will cause a hydration error.%s", l3, r3, o3), t2 && (e3 = t2.return, null === a3 || null === e3 || a3 === e3 && e3._debugOwner === t2._debugOwner || De2(a3, function() {
         console.error("<%s> cannot contain a nested %s.\nSee this log for the ancestor stack trace.", r3, l3);
       })), false;
@@ -8206,7 +8206,7 @@
       if (mf[n2 = "#text|" + t2]) return false;
       mf[n2] = true;
       var r3 = (n2 = Gd) ? gt(n2, t2) : null;
-      return n2 = null !== n2 && null !== r3 ? pt(r3, n2, 6 !== n2.tag ? { children: null } : null) : "", /\S/.test(e3) ? console.error("In HTML, text nodes cannot be a child of <%s>.\nThis will cause a hydration error.%s", t2, n2) : console.error("In HTML, whitespace text nodes cannot be a child of <%s>. Make sure you don't have any extra whitespace between tags on each line of your source code.\nThis will cause a hydration error.%s", t2, n2), false;
+      return n2 = null !== n2 && null !== r3 ? pt2(r3, n2, 6 !== n2.tag ? { children: null } : null) : "", /\S/.test(e3) ? console.error("In HTML, text nodes cannot be a child of <%s>.\nThis will cause a hydration error.%s", t2, n2) : console.error("In HTML, whitespace text nodes cannot be a child of <%s>. Make sure you don't have any extra whitespace between tags on each line of your source code.\nThis will cause a hydration error.%s", t2, n2), false;
     }
     function vt(e3, t2) {
       if (t2) {
@@ -15710,7 +15710,7 @@
     f2 && ue && (ue.remove(), ue = null);
   }), d.jsx("div", { className: e2, style: n2, onClick: r2, onDoubleClick: a2, onContextMenu: o2, onMouseDown: l2, onMouseUp: i2, onMouseEnter: s2, onMouseLeave: u2, onMouseMove: c2, children: "function" == typeof t2 ? t2((e3) => {
     ue && (ue.remove(), ue = null, e3 && e3());
-  }) : t2 })), de = () => d.jsx("svg", { className: "ono-input-icon", viewBox: "64 64 896 896", focusable: "false", "data-icon": "close-circle", fill: "currentColor", "aria-hidden": "true", children: d.jsx("path", { d: "M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z" }) }), fe = ({ open: e2 }) => d.jsx("svg", { viewBox: "64 64 896 896", focusable: "false", "data-icon": e2 ? "eye" : "eye-invisible", fill: "currentColor", "aria-hidden": "true", className: "ono-input-icon", children: e2 ? d.jsx("path", { d: "M942.2 486.2C847.4 286.5 704.1 186 512 186c-192.2 0-335.4 100.5-430.2 300.3a60.3 60.3 0 000 51.5C176.6 737.5 319.9 838 512 838c192.2 0 335.4-100.5 430.2-300.3 7.7-16.2 7.7-35 0-51.5zM512 766c-161.3 0-279.4-81.8-362.7-254C232.6 339.8 350.7 258 512 258c161.3 0 279.4 81.8 362.7 254C791.5 684.2 673.4 766 512 766zm-4-430c-97.2 0-176 78.8-176 176s78.8 176 176 176 176-78.8 176-176-78.8-176-176-176zm0 288c-61.9 0-112-50.1-112-112s50.1-112 112-112 112 50.1 112 112-50.1 112-112 112z" }) : d.jsxs(d.Fragment, { children: [d.jsx("path", { d: "M942.2 486.2Q889.47 375.11 816.7 305l-50.88 50.88C807.31 395.53 843.45 447.4 874.7 512 791.5 684.2 673.4 766 512 766q-72.67 0-133.87-22.38L323 798.75Q408 838 512 838q288.3 0 430.2-300.3a60.29 60.29 0 000-51.5zm-63.57-320.64L836 122.88a8 8 0 00-11.32 0L715.31 232.2Q624.86 186 512 186q-288.3 0-430.2 300.3a60.3 60.3 0 000 51.5q56.69 119.4 136.5 191.41L112.48 835a8 8 0 000 11.31L155.17 889a8 8 0 0011.31 0l712.15-712.12a8 8 0 000-11.32zM149.3 512C232.6 339.8 350.7 258 512 258c54.54 0 104.13 9.36 149.12 28.39l-70.3 70.3a176 176 0 00-238.13 238.13l-83.42 83.42C223.1 637.49 183.3 582.28 149.3 512zm246.7 0a112.11 112.11 0 01146.2-106.69L401.31 546.2A112 112 0 01396 512z" }), d.jsx("path", { d: "M508 624c-3.46 0-6.87-.16-10.25-.47l-52.82 52.82a176.09 176.09 0 00227.42-227.42l-52.82 52.82c.31 3.38.47 6.79.47 10.25a111.94 111.94 0 01-112 112z" })] }) }), pe = ({ id: e2, name: n2, max: r2, min: a2, maxLength: o2, minLength: l2, type: i2 = "text", className: s2, defaultValue: u2, placeholder: c2, readonly: f2, autocomplete: p2 = "off", autofocus: h2, form: m2, disabled: g2, clearable: y2, showPassword: b2, prepend: v2, append: k2, prefix: w2, suffix: S2, showCount: x2, border: C2 = "1px solid #5644b8", boxShadow: E2 = "0 0 0 2px #7969d11a", value: T2 = "", onChange: P2, onFocus: z2, onBlur: _2, onClear: R2 }) => {
+  }) : t2 })), de = (e2) => (fe(e2.isSingle || false).render(d.jsx(ce, { ...e2 })), ue), fe = (e2) => (e2 && ue && se || (ue = document.createElement("div"), document.body.appendChild(ue), se = ie.createRoot(ue)), se), pe = () => d.jsx("svg", { className: "ono-input-icon", viewBox: "64 64 896 896", focusable: "false", "data-icon": "close-circle", fill: "currentColor", "aria-hidden": "true", children: d.jsx("path", { d: "M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z" }) }), he = ({ open: e2 }) => d.jsx("svg", { viewBox: "64 64 896 896", focusable: "false", "data-icon": e2 ? "eye" : "eye-invisible", fill: "currentColor", "aria-hidden": "true", className: "ono-input-icon", children: e2 ? d.jsx("path", { d: "M942.2 486.2C847.4 286.5 704.1 186 512 186c-192.2 0-335.4 100.5-430.2 300.3a60.3 60.3 0 000 51.5C176.6 737.5 319.9 838 512 838c192.2 0 335.4-100.5 430.2-300.3 7.7-16.2 7.7-35 0-51.5zM512 766c-161.3 0-279.4-81.8-362.7-254C232.6 339.8 350.7 258 512 258c161.3 0 279.4 81.8 362.7 254C791.5 684.2 673.4 766 512 766zm-4-430c-97.2 0-176 78.8-176 176s78.8 176 176 176 176-78.8 176-176-78.8-176-176-176zm0 288c-61.9 0-112-50.1-112-112s50.1-112 112-112 112 50.1 112 112-50.1 112-112 112z" }) : d.jsxs(d.Fragment, { children: [d.jsx("path", { d: "M942.2 486.2Q889.47 375.11 816.7 305l-50.88 50.88C807.31 395.53 843.45 447.4 874.7 512 791.5 684.2 673.4 766 512 766q-72.67 0-133.87-22.38L323 798.75Q408 838 512 838q288.3 0 430.2-300.3a60.29 60.29 0 000-51.5zm-63.57-320.64L836 122.88a8 8 0 00-11.32 0L715.31 232.2Q624.86 186 512 186q-288.3 0-430.2 300.3a60.3 60.3 0 000 51.5q56.69 119.4 136.5 191.41L112.48 835a8 8 0 000 11.31L155.17 889a8 8 0 0011.31 0l712.15-712.12a8 8 0 000-11.32zM149.3 512C232.6 339.8 350.7 258 512 258c54.54 0 104.13 9.36 149.12 28.39l-70.3 70.3a176 176 0 00-238.13 238.13l-83.42 83.42C223.1 637.49 183.3 582.28 149.3 512zm246.7 0a112.11 112.11 0 01146.2-106.69L401.31 546.2A112 112 0 01396 512z" }), d.jsx("path", { d: "M508 624c-3.46 0-6.87-.16-10.25-.47l-52.82 52.82a176.09 176.09 0 00227.42-227.42l-52.82 52.82c.31 3.38.47 6.79.47 10.25a111.94 111.94 0 01-112 112z" })] }) }), me = ({ id: e2, name: n2, max: r2, min: a2, maxLength: o2, minLength: l2, type: i2 = "text", className: s2, defaultValue: u2, placeholder: c2, readonly: f2, autocomplete: p2 = "off", autofocus: h2, form: m2, disabled: g2, clearable: y2, showPassword: b2, prepend: v2, append: k2, prefix: w2, suffix: S2, showCount: x2, border: C2 = "1px solid #5644b8", boxShadow: E2 = "0 0 0 2px #7969d11a", value: T2 = "", onChange: P2, onFocus: z2, onBlur: _2, onClear: R2 }) => {
     const [N2, L2] = t.useState(T2), [D2, O2] = t.useState(false), [M2, F2] = t.useState(false), I2 = t.useRef(null), A2 = y2 && !g2 && N2, j2 = b2 && !g2;
     return t.useEffect(() => {
       I2.current && (I2.current.style.setProperty("--ono-input-border", C2), I2.current.style.setProperty("--ono-input-box-shadow", E2));
@@ -15726,24 +15726,24 @@
       P2 == null ? void 0 : P2(e3), L2(e3.target.value);
     } }), (S2 || A2 || j2 || x2) && d.jsxs("span", { className: "ono-suffix", children: [S2, A2 && d.jsx("button", { className: "ono-clear-icon", onClick: () => {
       R2 == null ? void 0 : R2(), L2("");
-    }, children: d.jsx(de, {}) }), j2 && d.jsx("button", { className: "ono-eye-icon", onClick: () => F2(!M2), children: d.jsx(fe, { open: M2 }) }), x2 && o2 && d.jsxs("p", { className: "ono-count", children: [N2.length, "/", o2] })] })] }), k2 && d.jsx("div", { className: "ono-append", children: k2 })] });
-  }, he = (e2) => e2.toString().toLocaleLowerCase(), me = (e2, t2, n2) => {
+    }, children: d.jsx(pe, {}) }), j2 && d.jsx("button", { className: "ono-eye-icon", onClick: () => F2(!M2), children: d.jsx(he, { open: M2 }) }), x2 && o2 && d.jsxs("p", { className: "ono-count", children: [N2.length, "/", o2] })] })] }), k2 && d.jsx("div", { className: "ono-append", children: k2 })] });
+  }, ge = (e2) => e2.toString().toLocaleLowerCase(), ye = (e2, t2, n2) => {
     const r2 = (r3) => Q(r3, (r4) => ((e3, n3, r5) => {
       e3.forEach((e4) => {
         if (e4.includes("+") && e4.length > 1) {
           const r6 = e4.split("+"), a2 = n3.ctrlKey && r6.includes("ctrl"), o2 = n3.shiftKey && r6.includes("shift"), l2 = n3.altKey && r6.includes("alt"), i2 = n3.metaKey && r6.includes("meta"), s2 = (n3.ctrlKey || n3.metaKey) && r6.includes("commandorcontrol");
           2 === r6.length ? (a2 || o2 || l2 || i2 || s2) && n3.key.toLocaleLowerCase() === r6[r6.length - 1] && t2(n3, e4) : 3 === r6.length && (a2 && o2 || a2 && l2 || a2 && i2 || a2 && s2 || o2 && l2 || o2 && i2 || o2 && s2 || l2 && i2 || l2 && s2 || i2 && s2) && n3.key.toLocaleLowerCase() === r6[r6.length - 1] && t2(n3, e4);
-        } else if (e4.includes(he(n3.key))) {
-          if (r5) e4 === he(n3.key) && t2(n3, e4);
+        } else if (e4.includes(ge(n3.key))) {
+          if (r5) e4 === ge(n3.key) && t2(n3, e4);
           else if (!(n3.ctrlKey || n3.metaKey || n3.shiftKey || n3.altKey)) return t2(n3, e4);
         }
       });
-    })(e2 instanceof Array ? e2.map((e3) => he(e3)) : [he(e2)], r4, (n2 == null ? void 0 : n2.exactMatch) || false), { deps: [n2 == null ? void 0 : n2.target, ...(n2 == null ? void 0 : n2.deps) || []] });
+    })(e2 instanceof Array ? e2.map((e3) => ge(e3)) : [ge(e2)], r4, (n2 == null ? void 0 : n2.exactMatch) || false), { deps: [n2 == null ? void 0 : n2.target, ...(n2 == null ? void 0 : n2.deps) || []] });
     (n2 == null ? void 0 : n2.events) instanceof Array ? n2.events.forEach((e3) => r2(e3)) : r2((n2 == null ? void 0 : n2.events) || "keydown");
-  }, ge = ({ list: e2, children: t2, fallback: n2, insertBetweenDom: r2 }) => (() => {
+  }, be = ({ list: e2, children: t2, fallback: n2, insertBetweenDom: r2 }) => (() => {
     const a2 = "function" == typeof e2 ? e2() : e2;
     return a2.length > 0 ? ((e3, t3) => t3 ? e3.reduce((n3, r3, a3) => (n3.push(r3), a3 < e3.length - 1 && n3.push(t3(a3)), n3), []) : e3)(((e3) => e3.map(t2).filter(Boolean))(a2), r2) : n2;
-  })(), ye = (e2, t2, n2, r2) => {
+  })(), ve = (e2, t2, n2, r2) => {
     const { target: a2, root: o2 } = ((e3, t3) => {
       let n3 = null, r3 = null;
       return t3 && (n3 = document.getElementById(t3), n3 || (n3 = document.createElement("div"), n3.id = t3, document.body.appendChild(n3))), e3 ? (r3 = document.getElementById(e3), r3 || (r3 = document.createElement("div"), r3.id = e3, n3 ? n3.appendChild(r3) : document.body.appendChild(r3))) : (r3 = document.createElement("div"), n3 ? n3.appendChild(r3) : document.body.appendChild(r3)), { target: r3, root: n3 };
@@ -15758,18 +15758,18 @@
     }
     return l2;
   };
-  let be = 1;
-  const ve = [], ke = (e2, t2, n2) => (0 === ve.length && (be = 1), Se(t2.instancesKey || "", e2, { id: `${n2}-${be++}`, key: t2.instancesKey || "", reactNode: e2, props: t2, offsetOptions: { topOffset: 0, height: 0, bottomOffset: 0 } }), ve), we = (e2) => {
-    const t2 = ve.findIndex((t3) => t3.id === e2);
-    return t2 <= 0 ? 0 : ve[t2 - 1].offsetOptions.bottomOffset;
-  }, Se = (e2, t2, n2) => {
-    const r2 = (e3) => ye(t2, { zIndex: 999 + be - 1, ...e3.props, id: e3.id }, e3.id, "ono-message-root");
+  let ke = 1;
+  const we = [], Se = (e2, t2, n2) => (0 === we.length && (ke = 1), Ce(t2.instancesKey || "", e2, { id: `${n2}-${ke++}`, key: t2.instancesKey || "", reactNode: e2, props: t2, offsetOptions: { topOffset: 0, height: 0, bottomOffset: 0 } }), we), xe = (e2) => {
+    const t2 = we.findIndex((t3) => t3.id === e2);
+    return t2 <= 0 ? 0 : we[t2 - 1].offsetOptions.bottomOffset;
+  }, Ce = (e2, t2, n2) => {
+    const r2 = (e3) => ve(t2, { zIndex: 999 + ke - 1, ...e3.props, id: e3.id }, e3.id, "ono-message-root");
     if (!e2) {
       const e3 = r2(n2);
-      ve.push({ ...n2, props: { ...n2.props, id: n2.id, destroy: e3 }, destroy: e3 });
+      we.push({ ...n2, props: { ...n2.props, id: n2.id, destroy: e3 }, destroy: e3 });
     }
     let a2 = false;
-    const o2 = ve.map((t3) => {
+    const o2 = we.map((t3) => {
       if (t3.key === e2) {
         a2 = true;
         const e3 = { ...t3.props, ...n2.props };
@@ -15780,35 +15780,35 @@
         return { ...t3, props: { ...t3.props, id: t3.id, destroy: e3 }, destroy: e3 };
       }
     });
-    if (Object.assign(ve, o2), !a2) {
+    if (Object.assign(we, o2), !a2) {
       const e3 = r2(n2);
-      ve.push({ ...n2, props: { ...n2.props, id: n2.id, destroy: e3 }, destroy: e3 });
+      we.push({ ...n2, props: { ...n2.props, id: n2.id, destroy: e3 }, destroy: e3 });
     }
-  }, xe = { info: { light: "#1677ff", dark: "#1677ff" }, success: { light: "#52c41a", dark: "#49aa19" }, error: { light: "#ff4d4f", dark: "#a61d24" }, warning: { light: "#faad14", dark: "#d89614" }, loading: { light: "#9254de", dark: "#f5f5f5" } }, Ce = (e2, t2) => xe[e2][t2], Ee = (e2) => {
+  }, Ee = { info: { light: "#1677ff", dark: "#1677ff" }, success: { light: "#52c41a", dark: "#49aa19" }, error: { light: "#ff4d4f", dark: "#a61d24" }, warning: { light: "#faad14", dark: "#d89614" }, loading: { light: "#9254de", dark: "#f5f5f5" } }, Te = (e2, t2) => Ee[e2][t2], Pe = (e2) => {
     switch (e2) {
       case "success":
-        return d.jsx("svg", { className: "ono-type-icon", viewBox: "0 0 1024 1024", focusable: "false", "data-icon": "check-circle", fill: Ce(e2, "light"), "aria-hidden": "true", children: d.jsx("path", { d: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm193.5 301.7l-210.6 292a31.8 31.8 0 01-51.7 0L318.5 484.9c-3.8-5.3 0-12.7 6.5-12.7h46.9c10.2 0 19.9 4.9 25.9 13.3l71.2 98.8 157.2-218c6-8.3 15.6-13.3 25.9-13.3H699c6.5 0 10.3 7.4 6.5 12.7z" }) });
+        return d.jsx("svg", { className: "ono-type-icon", viewBox: "0 0 1024 1024", focusable: "false", "data-icon": "check-circle", fill: Te(e2, "light"), "aria-hidden": "true", children: d.jsx("path", { d: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm193.5 301.7l-210.6 292a31.8 31.8 0 01-51.7 0L318.5 484.9c-3.8-5.3 0-12.7 6.5-12.7h46.9c10.2 0 19.9 4.9 25.9 13.3l71.2 98.8 157.2-218c6-8.3 15.6-13.3 25.9-13.3H699c6.5 0 10.3 7.4 6.5 12.7z" }) });
       case "error":
-        return d.jsx("svg", { className: "ono-type-icon", viewBox: "0 0 1024 1024", focusable: "false", "data-icon": "close-circle", fill: Ce(e2, "light"), "aria-hidden": "true", children: d.jsx("path", { d: "M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z" }) });
+        return d.jsx("svg", { className: "ono-type-icon", viewBox: "0 0 1024 1024", focusable: "false", "data-icon": "close-circle", fill: Te(e2, "light"), "aria-hidden": "true", children: d.jsx("path", { d: "M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z" }) });
       case "loading":
-        return d.jsx("svg", { className: ["ono-info-icon", "ono-loading"].join(" "), viewBox: "0 0 1024 1024", focusable: "false", "data-icon": "loading", fill: Ce(e2, "light"), "aria-hidden": "true", children: d.jsx("path", { d: "M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z" }) });
+        return d.jsx("svg", { className: ["ono-info-icon", "ono-loading"].join(" "), viewBox: "0 0 1024 1024", focusable: "false", "data-icon": "loading", fill: Te(e2, "light"), "aria-hidden": "true", children: d.jsx("path", { d: "M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z" }) });
       default:
-        return d.jsx("svg", { className: "ono-info-icon", viewBox: "64 64 896 896", focusable: "false", "data-icon": "exclamation-circle", fill: Ce(e2, "light"), "aria-hidden": "true", children: d.jsx("path", { d: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296zm32 440a48.01 48.01 0 010-96 48.01 48.01 0 010 96z" }) });
+        return d.jsx("svg", { className: "ono-info-icon", viewBox: "64 64 896 896", focusable: "false", "data-icon": "exclamation-circle", fill: Te(e2, "light"), "aria-hidden": "true", children: d.jsx("path", { d: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296zm32 440a48.01 48.01 0 010-96 48.01 48.01 0 010 96z" }) });
     }
-  }, Te = ({ handleDestroy: e2 }) => d.jsx("button", { onClick: e2, children: d.jsx("svg", { className: "ono-clear-icon", viewBox: "64 64 896 896", focusable: "false", "data-icon": "close-circle", fill: "currentColor", "aria-hidden": "true", children: d.jsx("path", { d: "M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z" }) }) }), Pe = ({ id: e2, instancesKey: n2, duration: r2 = 3e3, speed: a2 = 300, offset: o2 = 20, message: l2, type: i2, plain: s2 = true, showClose: u2 = false, zIndex: c2, onClose: f2 = () => {
+  }, ze = ({ handleDestroy: e2 }) => d.jsx("button", { onClick: e2, children: d.jsx("svg", { className: "ono-clear-icon", viewBox: "64 64 896 896", focusable: "false", "data-icon": "close-circle", fill: "currentColor", "aria-hidden": "true", children: d.jsx("path", { d: "M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z" }) }) }), _e = ({ id: e2, instancesKey: n2, duration: r2 = 3e3, speed: a2 = 300, offset: o2 = 20, message: l2, type: i2, plain: s2 = true, showClose: u2 = false, zIndex: c2, onClose: f2 = () => {
   }, destroy: p2 }) => {
     const [, h2] = t.useState(false), [m2, g2] = t.useState(0), [y2, b2] = t.useState(((e3) => {
-      const t2 = ve.findIndex((t3) => t3.id === e3);
-      return t2 <= 0 ? 0 : ve[t2 - 1].offsetOptions.topOffset;
+      const t2 = we.findIndex((t3) => t3.id === e3);
+      return t2 <= 0 ? 0 : we[t2 - 1].offsetOptions.topOffset;
     })(e2)), [v2, k2] = t.useState({ duration: r2, speed: a2, message: l2, type: i2, showClose: u2, onClose: f2 }), w2 = t.useRef(null), S2 = t.useRef(null), x2 = t.useRef(null), C2 = y2 + m2, E2 = t.useMemo(() => ({ transform: `translate(-50%, ${y2}px)`, transition: `transform ${a2}ms ease-in-out`, zIndex: c2 }), [y2, a2]), T2 = () => {
-      x2.current && (x2.current.classList.remove("ono-message-enter"), x2.current.classList.add("ono-message-leave"), x2.current.style.transform = `translate(-50%, ${we(e2) - m2}px)`, ((e3) => {
-        const t2 = ve.findIndex((t3) => t3.id === e3);
-        -1 !== t2 && ve.splice(t2, 1);
+      x2.current && (x2.current.classList.remove("ono-message-enter"), x2.current.classList.add("ono-message-leave"), x2.current.style.transform = `translate(-50%, ${xe(e2) - m2}px)`, ((e3) => {
+        const t2 = we.findIndex((t3) => t3.id === e3);
+        -1 !== t2 && we.splice(t2, 1);
       })(e2), setTimeout(() => p2(v2.onClose), a2));
     }, P2 = (e3, t2, n3) => {
       "loading" !== e3 && (w2.current = setTimeout(T2, t2 - n3));
     }, z2 = () => {
-      const t2 = we(e2);
+      const t2 = xe(e2);
       h2((e3) => (e3 && b2(t2 + o2), true)), requestAnimationFrame(z2);
     }, _2 = t.useCallback(() => {
       if ("loading" === v2.type) {
@@ -15816,7 +15816,7 @@
         S2.current = setTimeout(() => {
           var _a;
           S2.current = null;
-          const e3 = (t2 = n2 || "") ? (_a = ve.find((e4) => e4.key === t2)) == null ? void 0 : _a.props : null;
+          const e3 = (t2 = n2 || "") ? (_a = we.find((e4) => e4.key === t2)) == null ? void 0 : _a.props : null;
           var t2;
           e3 && (((e4) => {
             k2((t3) => ({ ...t3, ...e4 }));
@@ -15834,43 +15834,43 @@
       })();
     }, [x2]), t.useEffect(() => {
       ((e3, t2) => {
-        const n3 = ve.findIndex((t3) => t3.id === e3);
-        n3 < 0 || (ve[n3].offsetOptions = t2);
+        const n3 = we.findIndex((t3) => t3.id === e3);
+        n3 < 0 || (we[n3].offsetOptions = t2);
       })(e2, { topOffset: y2, height: m2, bottomOffset: C2 });
     }, [C2]), d.jsx("div", { ref: x2, className: ["ono-message", `ono-message-${v2.type}`, "ono-message-enter", s2 ? "" : "ono-message-color"].filter(Boolean).join(" "), style: E2, onMouseEnter: () => {
       w2.current && (clearTimeout(w2.current), w2.current = null);
-    }, onMouseLeave: () => P2(v2.type, v2.duration, v2.speed), children: "function" == typeof v2.message ? v2.message(Ee(v2.type), v2.showClose && d.jsx(Te, { handleDestroy: T2 })) : d.jsxs(d.Fragment, { children: [Ee(v2.type), d.jsx("div", { children: v2.message }), v2.showClose && d.jsx(Te, { handleDestroy: T2 })] }) });
-  }, ze = (e2) => {
+    }, onMouseLeave: () => P2(v2.type, v2.duration, v2.speed), children: "function" == typeof v2.message ? v2.message(Pe(v2.type), v2.showClose && d.jsx(ze, { handleDestroy: T2 })) : d.jsxs(d.Fragment, { children: [Pe(v2.type), d.jsx("div", { children: v2.message }), v2.showClose && d.jsx(ze, { handleDestroy: T2 })] }) });
+  }, Re = (e2) => {
     if ("string" == typeof e2) return { message: e2 };
     {
       const t2 = { ...e2, instancesKey: e2.key };
       return delete t2.key, { ...t2 };
     }
-  }, _e = { info: (e2) => {
-    ke(Pe, { ...ze(e2), type: "info" }, "ono-message");
+  }, Ne = { info: (e2) => {
+    Se(_e, { ...Re(e2), type: "info" }, "ono-message");
   }, success: (e2) => {
-    ke(Pe, { ...ze(e2), type: "success" }, "ono-message");
+    Se(_e, { ...Re(e2), type: "success" }, "ono-message");
   }, warning: (e2) => {
-    ke(Pe, { ...ze(e2), type: "warning" }, "ono-message");
+    Se(_e, { ...Re(e2), type: "warning" }, "ono-message");
   }, error: (e2) => {
-    ke(Pe, { ...ze(e2), type: "error" }, "ono-message");
+    Se(_e, { ...Re(e2), type: "error" }, "ono-message");
   }, loading: (e2) => {
-    ke(Pe, { ...ze(e2), type: "loading" }, "ono-message");
-  } }, Re = /\d+/g, Ne = (e2) => {
-    const t2 = e2.match(Re), n2 = (e3) => Number(e3).toString(16).padStart(2, "0"), r2 = (e3) => e3.reduce((e4, t3) => e4 + n2(t3), "#"), a2 = (e3) => {
+    Se(_e, { ...Re(e2), type: "loading" }, "ono-message");
+  } }, Le = /\d+/g, De = (e2) => {
+    const t2 = e2.match(Le), n2 = (e3) => Number(e3).toString(16).padStart(2, "0"), r2 = (e3) => e3.reduce((e4, t3) => e4 + n2(t3), "#"), a2 = (e3) => {
       const t3 = e3, a3 = 1 !== Number(e3[e3.length - 1]) ? Number(e3[e3.length - 1]) : 100;
       return t3.pop(), r2(t3) + n2(2.56 * a3);
     };
     return 3 === t2.length ? r2(t2) : 5 === t2.length ? a2([t2[0], t2[1], t2[2], 10 * Number(t2[t2.length - 1])]) : a2(t2);
-  }, Le = (e2) => {
+  }, Oe = (e2) => {
     const t2 = e2.split("#")[1], n2 = (e3) => [parseInt(e3.slice(0, 2), 16), parseInt(e3.slice(2, 4), 16), parseInt(e3.slice(4, 6), 16)];
     if (8 === t2.length) {
       const e3 = parseInt(t2.slice(-2), 16) / 256, r2 = n2(t2.slice(0, -2));
       return r2.push(e3), "rgba(" + r2.join(", ") + ")";
     }
     return "rgb(" + n2(t2).join(", ") + ")";
-  }, De = (e2) => {
-    const t2 = e2.match(Re), n2 = Number(t2[0]) / 255, r2 = Number(t2[1]) / 255, a2 = Number(t2[2]) / 255, o2 = Math.min(n2, r2, a2), l2 = Math.max(n2, r2, a2);
+  }, Me = (e2) => {
+    const t2 = e2.match(Le), n2 = Number(t2[0]) / 255, r2 = Number(t2[1]) / 255, a2 = Number(t2[2]) / 255, o2 = Math.min(n2, r2, a2), l2 = Math.max(n2, r2, a2);
     let i2 = 0, s2 = 0, u2 = (l2 + o2) / 2;
     if (l2 === o2) i2 = s2 = 0;
     else {
@@ -15888,16 +15888,16 @@
       i2 /= 6;
     }
     return `hsl(${Math.round(360 * i2)}, ${Math.round(100 * s2)}%, ${Math.round(100 * u2)}%)`;
-  }, Oe = (e2) => {
-    const t2 = e2.match(Re), n2 = Number(t2[0]) / 360, r2 = Number(t2[1]) / 100, a2 = Number(t2[2]) / 100;
+  }, Fe = (e2) => {
+    const t2 = e2.match(Le), n2 = Number(t2[0]) / 360, r2 = Number(t2[1]) / 100, a2 = Number(t2[2]) / 100;
     let o2, l2, i2;
     function s2(e3, t3, n3) {
       return n3 < 0 && (n3 += 1), n3 > 1 && (n3 -= 1), n3 < 1 / 6 ? e3 + 6 * (t3 - e3) * n3 : n3 < 0.5 ? t3 : n3 < 2 / 3 ? e3 + (t3 - e3) * (2 / 3 - n3) * 6 : e3;
     }
     let u2 = a2 < 0.5 ? a2 * (1 + r2) : a2 + r2 - a2 * r2, c2 = 2 * a2 - u2;
     return o2 = s2(c2, u2, n2 + 1 / 3), l2 = s2(c2, u2, n2), i2 = s2(c2, u2, n2 - 1 / 3), `rgb(${Math.round(255 * o2)}, ${Math.round(255 * l2)}, ${Math.round(255 * i2)})`;
-  }, Me = (e2) => De(Le(e2)), Fe = (e2) => Ne(Oe(e2)), Ie = (e2) => {
-    const t2 = e2.match(Re);
+  }, Ie = (e2) => Me(Oe(e2)), Ae = (e2) => De(Fe(e2)), je = (e2) => {
+    const t2 = e2.match(Le);
     let n2 = Number(t2[0]) / 255, r2 = Number(t2[1]) / 255, a2 = Number(t2[2]) / 255;
     const o2 = Math.max(n2, r2, a2), l2 = Math.min(n2, r2, a2);
     let i2 = 0, s2 = 0, u2 = o2;
@@ -15917,8 +15917,8 @@
       i2 /= 6;
     }
     return `hsv(${360 * i2}, ${100 * s2}, ${100 * u2})`;
-  }, Ae = (e2) => {
-    const t2 = e2.match(Re);
+  }, Ue = (e2) => {
+    const t2 = e2.match(Le);
     let n2, r2, a2, o2, l2, i2, s2, u2, c2 = Number(t2[0]) / 360, d2 = Number(t2[1]) / 100, f2 = Number(t2[2]) / 100;
     if (c2 && 0 === d2) n2 = r2 = a2 = f2;
     else switch (c2 /= 60, o2 = Math.floor(c2), l2 = c2 - o2, i2 = f2 * (1 - d2), s2 = f2 * (1 - d2 * l2), u2 = f2 * (1 - d2 * (1 - l2)), o2) {
@@ -15941,16 +15941,16 @@
         n2 = f2, r2 = i2, a2 = s2;
     }
     return `rgb(${Math.round(255 * n2)}, ${Math.round(255 * r2)}, ${Math.round(255 * a2)})`;
-  }, je = (e2) => /^#([0-9A-Fa-f]{6}|[0-9A-Fa-f]{3})$/.test(e2) ? "hex" : /^rgb\((1?\d{1,3},\s*1?\d{1,3},\s*1?\d{1,3})\)$/.test(e2) ? "rgb" : "unknown", Ue = (e2, t2, n2) => {
+  }, He = (e2) => /^#([0-9A-Fa-f]{6}|[0-9A-Fa-f]{3})$/.test(e2) ? "hex" : /^rgb\((1?\d{1,3},\s*1?\d{1,3},\s*1?\d{1,3})\)$/.test(e2) ? "rgb" : "unknown", Be = (e2, t2, n2) => {
     let r2 = [];
-    if (e2.includes("#")) r2 = Me(e2).match(Re);
-    else if (e2.includes("rgb")) r2 = De(e2).match(Re);
+    if (e2.includes("#")) r2 = Ie(e2).match(Le);
+    else if (e2.includes("rgb")) r2 = Me(e2).match(Le);
     else {
       if (!e2.includes("hsl")) throw new Error("颜色格式错误");
-      r2 = e2.match(Re);
+      r2 = e2.match(Le);
     }
-    return Fe(`${r2[0]}, ${r2[1]}%, ${"light" === t2 ? Number(r2[2]) + n2 > 100 ? 100 : Number(r2[2]) + n2 : Number(r2[2]) - n2 < 0 ? 0 : Number(r2[2]) - n2}%`);
-  }, He = { randomColor: () => "#" + Math.random().toString(16).slice(2, 8).padEnd(6, "0"), rgb2hex: Ne, hex2rgb: Le, rgb2rgba: (e2, t2) => {
+    return Ae(`${r2[0]}, ${r2[1]}%, ${"light" === t2 ? Number(r2[2]) + n2 > 100 ? 100 : Number(r2[2]) + n2 : Number(r2[2]) - n2 < 0 ? 0 : Number(r2[2]) - n2}%`);
+  }, We = { randomColor: () => "#" + Math.random().toString(16).slice(2, 8).padEnd(6, "0"), rgb2hex: De, hex2rgb: Oe, rgb2rgba: (e2, t2) => {
     if (!t2) return e2;
     if (e2.includes("rgba")) {
       const n2 = e2.split(",");
@@ -15960,10 +15960,10 @@
       const n2 = e2.split(","), r2 = "rgba(" + n2[0].split("(")[1], a2 = n2[n2.length - 1].split(")")[0];
       return [r2, n2[1], a2, " " + t2 + ")"].join(",");
     }
-  }, rgb2hsl: De, hsl2rgb: Oe, hex2hsl: Me, hsl2hex: Fe, rgb2hsv: Ie, hsv2rgb: Ae, hex2hsv: (e2) => Ie(Le(e2)), hsv2hex: (e2) => Ne(Ae(e2)), formatColor: (e2, t2, n2 = "rgba") => {
-    const r2 = e2.match(Re);
+  }, rgb2hsl: Me, hsl2rgb: Fe, hex2hsl: Ie, hsl2hex: Ae, rgb2hsv: je, hsv2rgb: Ue, hex2hsv: (e2) => je(Oe(e2)), hsv2hex: (e2) => De(Ue(e2)), formatColor: (e2, t2, n2 = "rgba") => {
+    const r2 = e2.match(Le);
     let a2 = Number(r2[0]) / 255, o2 = Number(r2[1]) / 255, l2 = Number(r2[2]) / 255;
-    return "rgba" === n2 ? `rgba(${a2},${o2},${l2},${t2})` : "rgb" === n2 ? e2 : "hex" === n2 ? Ne(e2) : "hsl" === n2 ? De(`rgba(${a2},${o2},${l2},${t2})`) : `rgba(${a2},${o2},${l2},${t2})`;
+    return "rgba" === n2 ? `rgba(${a2},${o2},${l2},${t2})` : "rgb" === n2 ? e2 : "hex" === n2 ? De(e2) : "hsl" === n2 ? Me(`rgba(${a2},${o2},${l2},${t2})`) : `rgba(${a2},${o2},${l2},${t2})`;
   }, getContrastColor: (e2) => {
     const t2 = (function(e3) {
       if (e3.startsWith("#")) return 4 === e3.length && (e3 = `#${e3.slice(1).repeat(2)}`), [parseInt(e3.substr(1, 2), 16), parseInt(e3.substr(3, 2), 16), parseInt(e3.substr(5, 2), 16)];
@@ -15976,7 +15976,7 @@
     return null === t2 ? null : (299 * (n2 = t2)[0] + 587 * n2[1] + 114 * n2[2]) / 1e3 > 128 ? "#000" : "#fff";
     var n2;
   }, adjustColor: (e2, t2, n2) => {
-    const r2 = je(e2);
+    const r2 = He(e2);
     if ("hex" === r2) {
       const r3 = e2.replace("#", ""), a2 = parseInt(r3.slice(0, 2), 16), o2 = parseInt(r3.slice(2, 4), 16), l2 = parseInt(r3.slice(4, 6), 16);
       if ("lighten" === t2) {
@@ -15993,13 +15993,13 @@
       if ("darken" === t2) return `rgb(${Math.min(255, Math.max(0, a2 - a2 * n2 / 100))},${Math.min(255, Math.max(0, o2 - o2 * n2 / 100))},${Math.min(255, Math.max(0, l2 - l2 * n2 / 100))})`;
     }
     return e2;
-  }, isValidColor: (e2) => !(!/^#([0-9A-Fa-f]{6}|[0-9A-Fa-f]{3})$/.test(e2) && !/^rgb\((1?\d{1,3},\s*1?\d{1,3},\s*1?\d{1,3})\)$/.test(e2)), getColorType: je, hex3To6: (e2) => {
+  }, isValidColor: (e2) => !(!/^#([0-9A-Fa-f]{6}|[0-9A-Fa-f]{3})$/.test(e2) && !/^rgb\((1?\d{1,3},\s*1?\d{1,3},\s*1?\d{1,3})\)$/.test(e2)), getColorType: He, hex3To6: (e2) => {
     const t2 = e2.replace("#", "").split("");
     return `#${t2[0] + t2[0] + t2[1] + t2[1] + t2[2] + t2[2]}`;
-  }, adjustingColors: Ue }, Be = ({ title: e2 = "This is a modal title", icon: n2, content: r2 = "This is a modal content", okText: a2 = "confirm", cancelText: o2 = "cancel", isLoading: l2, confirmDisabled: i2, cancelDisabled: s2, position: u2, onConfirm: c2 = () => {
+  }, adjustingColors: Be }, $e = ({ title: e2 = "This is a modal title", icon: n2, content: r2 = "This is a modal content", okText: a2 = "confirm", cancelText: o2 = "cancel", isLoading: l2, confirmDisabled: i2, cancelDisabled: s2, position: u2, onConfirm: c2 = () => {
   }, onCancel: f2 = () => {
   }, mask: p2 = true, maskClosable: h2 = false, width: m2, btnClr: g2, footer: y2 = ({ OkBtn: e3, CancelBtn: t2 }) => d.jsxs(d.Fragment, { children: [d.jsx(t2, {}), d.jsx(e3, {})] }), modalBody: b2, destroy: v2 }) => {
-    const k2 = t.useRef(null), w2 = t.useRef(null), S2 = [{ label: "themeColor", value: g2 || "" }, { label: "themeHoverColor", value: g2 && Ue(g2, "light", 10) || "" }, { label: "themeActiveColor", value: g2 && Ue(g2, "dark", 20) || "" }, { label: "themeDisabledClr", value: g2 && Ue(g2, "light", 20) || "" }], x2 = () => {
+    const k2 = t.useRef(null), w2 = t.useRef(null), S2 = [{ label: "themeColor", value: g2 || "" }, { label: "themeHoverColor", value: g2 && Be(g2, "light", 10) || "" }, { label: "themeActiveColor", value: g2 && Be(g2, "dark", 20) || "" }, { label: "themeDisabledClr", value: g2 && Be(g2, "light", 20) || "" }], x2 = () => {
       if (u2) {
         if (!w2.current) return;
         w2.current.classList.remove("ono-modal-enter"), w2.current.classList.add("ono-modal-leave"), setTimeout(() => {
@@ -16020,7 +16020,7 @@
     }, children: [l2 && d.jsx("svg", { className: "ono-modal-box-footer-confirmBtn-loading", viewBox: "0 0 1024 1024", focusable: "false", "data-icon": "loading", fill: "currentColor", "aria-hidden": "true", children: d.jsx("path", { d: "M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z" }) }), a2 ?? "Confirm"] }), CancelBtn: () => d.jsx("button", { className: "ono-modal-box-footer-cancelBtn", disabled: s2 || l2, onClick: () => {
       f2(), x2();
     }, children: o2 ?? "Cancel" }), handleClose: () => x2() }) })] }) });
-  }, We = ({ name: e2, value: n2, style: r2, checked: a2, onChange: o2, children: l2, className: i2, radioW: s2 = 16, radioGap: u2 = 4, checkedColor: c2 = "#532ce1", unCheckedColor: f2 = "transparent", disabled: p2 = false }) => {
+  }, Ve = ({ name: e2, value: n2, style: r2, checked: a2, onChange: o2, children: l2, className: i2, radioW: s2 = 16, radioGap: u2 = 4, checkedColor: c2 = "#532ce1", unCheckedColor: f2 = "transparent", disabled: p2 = false }) => {
     const [h2, m2] = t.useState(""), g2 = t.useRef(null), y2 = t.useRef(null), b2 = t.useRef(null), v2 = [{ value: s2, name: "w" }, { value: u2, name: "gap" }, { value: c2, name: "checkedColor" }, { value: f2, name: "unCheckedColor" }];
     return t.useEffect(() => {
       (() => {
@@ -16038,7 +16038,7 @@
       var _a;
       return (_a = g2.current) == null ? void 0 : _a.click();
     }, children: d.jsx("input", { type: "radio", name: e2, ref: g2, value: n2 + "", checked: a2, disabled: p2, id: n2 + "" + l2, onChange: o2 }) }), l2 && d.jsx("label", { htmlFor: n2 + "" + l2 || "", children: l2 })] });
-  }, $e = (e2, t2, n2) => Q(((e3) => {
+  }, qe = (e2, t2, n2) => Q(((e3) => {
     const t3 = "string" == typeof e3 ? [e3] : e3;
     if (new Set(t3).size !== t3.length) throw new Error("there are duplicates in the event type");
     return t3;
@@ -16049,12 +16049,12 @@
       r2 && !r2.contains(n3.target) && t2(n3);
     }
   }, { deps: [e2, ...(n2 == null ? void 0 : n2.deps) || []] });
-  let Ve = null, qe = null;
-  const Qe = ({ children: e2, content: n2, onOpenChange: a2, trigger: o2 = "hover", placement: l2 = "top", popperOptions: i2 = {}, className: s2, style: u2, isShowArrow: c2 = true, sameWidth: f2, autoAdjustOverflow: p2 = true }) => {
+  let Qe = null, Ye = null;
+  const Ke = ({ children: e2, content: n2, onOpenChange: a2, trigger: o2 = "hover", placement: l2 = "top", popperOptions: i2 = {}, className: s2, style: u2, isShowArrow: c2 = true, sameWidth: f2, autoAdjustOverflow: p2 = true }) => {
     const [h2, m2] = t.useState(false), g2 = t.useRef(null), y2 = t.useRef(null), b2 = (e3) => {
       a2 == null ? void 0 : a2(e3), m2(e3);
     };
-    return $e(y2, () => {
+    return qe(y2, () => {
       "click" !== o2 && "contextmenu" !== o2 || b2(false);
     }, { event: ["click", "contextmenu"], deps: [o2, a2] }), t.useEffect(() => {
       (() => {
@@ -16064,51 +16064,48 @@
         y2.current.style.width = e3[0].getBoundingClientRect().width + "px";
       })();
     }, [y2, e2]), t.useEffect(() => {
-      y2.current && ("hover" === o2 ? (y2.current.onmouseenter = () => b2(true), y2.current.onmouseleave = () => b2(false)) : "click" === o2 ? y2.current.onclick = () => b2(!h2) : "focus" === o2 ? (y2.current.onfocus = () => b2(true), y2.current.onblur = () => b2(false)) : y2.current.oncontextmenu = () => b2(!h2)), h2 && y2.current && g2.current ? qe = r.createPopper(y2.current, g2.current, { placement: l2, modifiers: [{ name: "offset", options: { offset: [0, 6] } }, f2 ? { name: "sameWidth", enabled: true, phase: "beforeWrite", requires: ["computeStyles"], fn({ state: e3 }) {
+      y2.current && ("hover" === o2 ? (y2.current.onmouseenter = () => b2(true), y2.current.onmouseleave = () => b2(false)) : "click" === o2 ? y2.current.onclick = () => b2(!h2) : "focus" === o2 ? (y2.current.onfocus = () => b2(true), y2.current.onblur = () => b2(false)) : y2.current.oncontextmenu = () => b2(!h2)), h2 && y2.current && g2.current ? Ye = r.createPopper(y2.current, g2.current, { placement: l2, modifiers: [{ name: "offset", options: { offset: [0, 6] } }, f2 ? { name: "sameWidth", enabled: true, phase: "beforeWrite", requires: ["computeStyles"], fn({ state: e3 }) {
         e3.styles.popper.width = `${e3.rects.reference.width}px`;
       }, effect({ state: e3 }) {
         e3.elements.popper.style.width = `${e3.elements.reference.offsetWidth}px`;
-      } } : {}, p2 ? { name: "flip", enabled: true } : {}], ...i2 }) : qe && (qe.destroy(), qe = null, Ve && Ve.remove(), Ve = null);
+      } } : {}, p2 ? { name: "flip", enabled: true } : {}], ...i2 }) : Ye && (Ye.destroy(), Ye = null, Qe && Qe.remove(), Qe = null);
     }, [h2, y2, g2]), d.jsxs(d.Fragment, { children: [h2 && d.jsxs("div", { ref: g2, style: u2, className: ["ono-tooltip-popper", s2].join(" "), "data-popper-placement": i2.placement || l2, children: [d.jsx("div", { children: n2 instanceof Function ? n2() : n2 }), c2 && d.jsx("div", { className: "ono-tooltip-popper-arrow", "data-popper-arrow": true })] }), d.jsx("div", { ref: y2, children: e2 instanceof Function ? e2() : e2 })] });
-  }, Ye = ({ label: e2, value: t2, disabled: n2, onChange: r2, optionRender: a2, currentValue: o2 }) => d.jsx("button", { role: "option", "aria-label": e2, disabled: n2, className: "ono-option-item", onClick: () => r2 == null ? void 0 : r2(t2), children: a2 ? a2({ label: e2, value: t2, disabled: n2 }, o2 === e2) : d.jsx("div", { className: ["ono-option-item-content", o2 === e2 ? "ono-option-item-content-active" : "", n2 ? "ono-option-item-content-disabled" : ""].filter(Boolean).join(" "), children: e2 }) }), Ke = ({ isVisible: e2 }) => d.jsx("svg", { className: ["ono-select-arrow-down-icon", e2 ? "ono-select-arrow-down-active" : ""].filter(Boolean).join(" "), viewBox: "64 64 896 896", focusable: "false", "data-icon": "down", fill: "currentColor", "aria-hidden": "true", children: d.jsx("path", { d: "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z" }) }), Xe = "_enter_974ly_32";
-  let Ge = [];
-  const Ze = { success: { light: "#52c41a", dark: "#49aa19" }, error: { light: "#ff4d4f", dark: "#a61d24" }, warning: { light: "#faad14", dark: "#d89614" }, promise: { light: "", dark: "" } }, Je = (e2, t2) => Ze[e2][t2], et = (e2) => {
+  }, Xe = ({ label: e2, value: t2, disabled: n2, onChange: r2, optionRender: a2, currentValue: o2 }) => d.jsx("button", { role: "option", "aria-label": e2, disabled: n2, className: "ono-option-item", onClick: () => r2 == null ? void 0 : r2(t2), children: a2 ? a2({ label: e2, value: t2, disabled: n2 }, o2 === e2) : d.jsx("div", { className: ["ono-option-item-content", o2 === e2 ? "ono-option-item-content-active" : "", n2 ? "ono-option-item-content-disabled" : ""].filter(Boolean).join(" "), children: e2 }) }), Ge = ({ isVisible: e2 }) => d.jsx("svg", { className: ["ono-select-arrow-down-icon", e2 ? "ono-select-arrow-down-active" : ""].filter(Boolean).join(" "), viewBox: "64 64 896 896", focusable: "false", "data-icon": "down", fill: "currentColor", "aria-hidden": "true", children: d.jsx("path", { d: "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z" }) }), Ze = "_enter_974ly_32";
+  let Je = [];
+  const et = { success: { light: "#52c41a", dark: "#49aa19" }, error: { light: "#ff4d4f", dark: "#a61d24" }, warning: { light: "#faad14", dark: "#d89614" }, promise: { light: "", dark: "" } }, tt = (e2, t2) => et[e2][t2], nt = (e2) => {
     switch (e2) {
       case "success":
-        return d.jsx("svg", { viewBox: "0 0 1024 1024", focusable: "false", "data-icon": "check-circle", width: "24px", height: "24px", fill: Je(e2, "light"), "aria-hidden": "true", children: d.jsx("path", { d: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm193.5 301.7l-210.6 292a31.8 31.8 0 01-51.7 0L318.5 484.9c-3.8-5.3 0-12.7 6.5-12.7h46.9c10.2 0 19.9 4.9 25.9 13.3l71.2 98.8 157.2-218c6-8.3 15.6-13.3 25.9-13.3H699c6.5 0 10.3 7.4 6.5 12.7z" }) });
+        return d.jsx("svg", { viewBox: "0 0 1024 1024", focusable: "false", "data-icon": "check-circle", width: "24px", height: "24px", fill: tt(e2, "light"), "aria-hidden": "true", children: d.jsx("path", { d: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm193.5 301.7l-210.6 292a31.8 31.8 0 01-51.7 0L318.5 484.9c-3.8-5.3 0-12.7 6.5-12.7h46.9c10.2 0 19.9 4.9 25.9 13.3l71.2 98.8 157.2-218c6-8.3 15.6-13.3 25.9-13.3H699c6.5 0 10.3 7.4 6.5 12.7z" }) });
       case "error":
-        return d.jsx("svg", { viewBox: "0 0 1024 1024", focusable: "false", "data-icon": "close-circle", width: "24px", height: "24px", fill: Je(e2, "light"), "aria-hidden": "true", children: d.jsx("path", { d: "M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z" }) });
+        return d.jsx("svg", { viewBox: "0 0 1024 1024", focusable: "false", "data-icon": "close-circle", width: "24px", height: "24px", fill: tt(e2, "light"), "aria-hidden": "true", children: d.jsx("path", { d: "M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z" }) });
       case "warning":
-        return d.jsx("svg", { viewBox: "0 0 1024 1024", focusable: "false", "data-icon": "exclamation-circle", width: "24px", height: "24px", fill: Je(e2, "light"), "aria-hidden": "true", children: d.jsx("path", { d: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296zm32 440a48.01 48.01 0 010-96 48.01 48.01 0 010 96z" }) });
+        return d.jsx("svg", { viewBox: "0 0 1024 1024", focusable: "false", "data-icon": "exclamation-circle", width: "24px", height: "24px", fill: tt(e2, "light"), "aria-hidden": "true", children: d.jsx("path", { d: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296zm32 440a48.01 48.01 0 010-96 48.01 48.01 0 010 96z" }) });
     }
-  }, tt = ({ type: e2, speed: n2 = 200, message: r2, duration: a2 = 2e3, className: o2, style: l2, isUseEnterAnimation: i2 = true, promiseOptions: s2, toastList: u2, handleDestroy: c2 }) => {
+  }, rt = ({ type: e2, speed: n2 = 200, message: r2, duration: a2 = 2e3, className: o2, style: l2, isUseEnterAnimation: i2 = true, promiseOptions: s2, toastList: u2, handleDestroy: c2 }) => {
     const f2 = t.useRef(null);
     return t.useEffect(() => {
-      f2.current && (f2.current.style.setProperty("--speed", n2 / 1e3 + "s"), i2 && f2.current.classList.add(Xe), "promise" !== e2 && setTimeout(() => {
+      f2.current && (f2.current.style.setProperty("--speed", n2 / 1e3 + "s"), i2 && f2.current.classList.add(Ze), "promise" !== e2 && setTimeout(() => {
         var _a, _b;
-        (_a = f2.current) == null ? void 0 : _a.classList.remove(Xe), (_b = f2.current) == null ? void 0 : _b.classList.add("_leave_974ly_36");
+        (_a = f2.current) == null ? void 0 : _a.classList.remove(Ze), (_b = f2.current) == null ? void 0 : _b.classList.add("_leave_974ly_36");
       }, a2 - n2));
     }, [f2]), t.useEffect(() => {
       "promise" === e2 ? ("function" == typeof r2 ? r2() : r2).then((e3) => setTimeout(() => {
-        c2(), nt({ type: "success", message: "function" == typeof (s2 == null ? void 0 : s2.success) ? s2.success(e3) : (s2 == null ? void 0 : s2.success) || "", isUseEnterAnimation: false, toastList: u2 });
+        c2(), at({ type: "success", message: "function" == typeof (s2 == null ? void 0 : s2.success) ? s2.success(e3) : (s2 == null ? void 0 : s2.success) || "", isUseEnterAnimation: false, toastList: u2 });
       }, n2)).catch((e3) => setTimeout(() => {
-        c2(), nt({ type: "error", message: "function" == typeof (s2 == null ? void 0 : s2.error) ? s2.error(e3) : (s2 == null ? void 0 : s2.error) || "", isUseEnterAnimation: false, toastList: u2 });
+        c2(), at({ type: "error", message: "function" == typeof (s2 == null ? void 0 : s2.error) ? s2.error(e3) : (s2 == null ? void 0 : s2.error) || "", isUseEnterAnimation: false, toastList: u2 });
       }, n2)) : setTimeout(() => c2(() => u2 = []), a2);
     }, [e2]), d.jsxs("div", { ref: f2, className: ["promise" === e2 ? "_promise_974ly_15" : "_base_974ly_15", o2].join(" "), style: l2, onClick: () => {
-    }, children: [d.jsx("div", { className: "_icon_974ly_40", children: et(e2) }), d.jsx("p", { children: "string" == typeof r2 ? r2 : s2 && s2.loading })] });
-  }, nt = ({ type: e2, speed: n2 = 200, message: r2, duration: a2 = 2e3, zIndex: o2 = 9999, className: l2, style: i2, isUseEnterAnimation: s2 = true, promiseOptions: u2, toastList: c2 }) => {
-    return (f2 = (p2 = { className: "_container_974ly_1", isSingle: true, style: { zIndex: o2 }, content: (o3) => (t.useEffect(() => {
-    }, [c2]), d.jsx(tt, { className: l2, style: i2, type: e2, message: r2, speed: n2, duration: a2, isUseEnterAnimation: s2, promiseOptions: u2, handleDestroy: o3, toastList: c2 })) }).isSingle || false, f2 && ue && se || (ue = document.createElement("div"), document.body.appendChild(ue), se = ie.createRoot(ue)), se).render(d.jsx(ce, { ...p2 })), ue;
-    var f2, p2;
-  }, rt = { success: (e2) => {
-    Ge.push({ type: "success", message: e2 }), nt("string" == typeof e2 ? { type: "success", message: e2, toastList: Ge } : { type: "success", ...e2, toastList: Ge });
+    }, children: [d.jsx("div", { className: "_icon_974ly_40", children: nt(e2) }), d.jsx("p", { children: "string" == typeof r2 ? r2 : s2 && s2.loading })] });
+  }, at = ({ type: e2, speed: n2 = 200, message: r2, duration: a2 = 2e3, zIndex: o2 = 9999, className: l2, style: i2, isUseEnterAnimation: s2 = true, promiseOptions: u2, toastList: c2 }) => de({ className: "_container_974ly_1", isSingle: true, style: { zIndex: o2 }, content: (o3) => (t.useEffect(() => {
+  }, [c2]), d.jsx(rt, { className: l2, style: i2, type: e2, message: r2, speed: n2, duration: a2, isUseEnterAnimation: s2, promiseOptions: u2, handleDestroy: o3, toastList: c2 })) }), ot = { success: (e2) => {
+    Je.push({ type: "success", message: e2 }), at("string" == typeof e2 ? { type: "success", message: e2, toastList: Je } : { type: "success", ...e2, toastList: Je });
   }, error: (e2) => {
-    Ge.push({ type: "error", message: e2 }), nt("string" == typeof e2 ? { type: "error", message: e2, toastList: Ge } : { type: "error", ...e2, toastList: Ge });
+    Je.push({ type: "error", message: e2 }), at("string" == typeof e2 ? { type: "error", message: e2, toastList: Je } : { type: "error", ...e2, toastList: Je });
   }, warning: (e2) => {
-    Ge.push({ type: "warning", message: e2 }), nt("string" == typeof e2 ? { type: "warning", message: e2, toastList: Ge } : { type: "warning", ...e2, toastList: Ge });
+    Je.push({ type: "warning", message: e2 }), at("string" == typeof e2 ? { type: "warning", message: e2, toastList: Je } : { type: "warning", ...e2, toastList: Je });
   }, promise: (e2, t2) => {
-    Ge.push({ type: "promise", message: e2 }), nt({ type: "promise", message: e2, promiseOptions: t2, toastList: Ge });
-  } }, at = t.memo(({ containerClassName: e2, dataSource: n2, containerStyle: r2 = {}, onEndCallback: a2, refreshSpeed: o2 = 50, wrapperClassName: l2, wrapperStyle: i2 = {}, estimatedSize: s2 = 35, updateDataSourceScroll2Top: u2, direction: c2 = "vertical" }) => {
+    Je.push({ type: "promise", message: e2 }), at({ type: "promise", message: e2, promiseOptions: t2, toastList: Je });
+  } }, lt = t.memo(({ containerClassName: e2, dataSource: n2, containerStyle: r2 = {}, onEndCallback: a2, refreshSpeed: o2 = 50, wrapperClassName: l2, wrapperStyle: i2 = {}, estimatedSize: s2 = 35, updateDataSourceScroll2Top: u2, direction: c2 = "vertical" }) => {
     const [f2, p2] = t.useState({ viewSize: 0, startIndex: 0, listSize: 0, renderCount: 0, prevLen: 0 }), [h2, m2] = t.useState([]), g2 = "number" == typeof s2 ? s2 : s2(), y2 = t.useMemo(() => Math.min(n2.length, f2.startIndex + f2.renderCount), [n2, f2]), b2 = t.useMemo(() => {
       var _a;
       return f2.startIndex > 0 ? (_a = h2[f2.startIndex - 1]) == null ? void 0 : _a.end : 0;
@@ -16166,14 +16163,14 @@
       })();
     }, [S2, h2, f2.startIndex, c2]), d.jsx("div", { ref: w2, className: e2, style: { width: "100%", height: "100%", overflow: "auto", ...r2 }, children: d.jsx("ul", { ref: S2, className: l2, style: { ...k2, ...i2 }, children: v2 }) });
   });
-  let ot = false;
-  const lt = ({ theme: e2, onDark: n2, onLight: r2 }) => {
+  let it = false;
+  const st = ({ theme: e2, onDark: n2, onLight: r2 }) => {
     const a2 = window.matchMedia("(prefers-color-scheme: dark)"), o2 = () => {
       a2.matches ? n2() : r2();
     };
     t.useEffect(() => {
       (() => {
-        switch (ot && (ot = false, a2.removeEventListener("change", o2)), e2) {
+        switch (it && (it = false, a2.removeEventListener("change", o2)), e2) {
           case "light":
             r2();
             break;
@@ -16181,11 +16178,11 @@
             n2();
             break;
           default:
-            o2(), ot = true, a2.addEventListener("change", o2);
+            o2(), it = true, a2.addEventListener("change", o2);
         }
       })();
     }, [e2]);
-  }, it = (e2) => {
+  }, ut = (e2) => {
     const t2 = "ono-view-transition-clip-path-circle", { element: n2, duration: r2 = 300, themeRules: a2, onChangeTheme: o2 } = e2, l2 = (a2 == null ? void 0 : a2()) || document.documentElement.classList.contains("dark") ? "dark" : "light";
     if (!document.startViewTransition) return o2("dark" === l2 ? "light" : "dark");
     const i2 = document.startViewTransition(() => {
@@ -16200,14 +16197,14 @@
         document.head.querySelectorAll("style").forEach((t3) => t3.getAttribute("data-style-tag") === e3 && t3.remove());
       })(t2), r2 + 100);
     });
-  }, st = (e2) => new Promise((t2) => {
+  }, ct = (e2) => new Promise((t2) => {
     const n2 = new FileReader();
     n2.readAsDataURL(e2), n2.onload = (e3) => {
       var _a;
       const n3 = (_a = e3.target) == null ? void 0 : _a.result, r2 = n3.split(",")[1];
       t2(r2);
     };
-  }), ut = (e2, t2 = "abc.jpg") => new File([e2], t2, { type: e2.type }), ct = async (e2) => await (await fetch(e2)).blob(), dt = (e2) => e2 < 10 ? `0${e2}` : `${e2}`, ft = (e2) => e2.toString().length > 13 ? new Date(Number(e2.toString().substring(0, 13))) : 13 === e2.toString().length ? new Date(e2) : e2.toString().length < 13 && e2.toString().length > 10 ? new Date(Number((e2.toString() + "000").substring(0, 13))) : 10 === e2.toString().length ? new Date(1e3 * e2) : new Date(Number((e2.toString() + "000000000000").substring(0, 13)));
+  }), dt = (e2, t2 = "abc.jpg") => new File([e2], t2, { type: e2.type }), ft = async (e2) => await (await fetch(e2)).blob(), pt = (e2) => e2 < 10 ? `0${e2}` : `${e2}`, ht = (e2) => e2.toString().length > 13 ? new Date(Number(e2.toString().substring(0, 13))) : 13 === e2.toString().length ? new Date(e2) : e2.toString().length < 13 && e2.toString().length > 10 ? new Date(Number((e2.toString() + "000").substring(0, 13))) : 10 === e2.toString().length ? new Date(1e3 * e2) : new Date(Number((e2.toString() + "000000000000").substring(0, 13)));
   e.AutoSliderList = ({ list: e2, style: n2, disable: r2, children: a2, sliderBox: o2, className: l2, sliderStyle: i2, duration: s2 = 300, sliderClassName: u2, currentIndex: c2 = 0, direction: p2 = V.Horizontal, sliderTransitionTimingFunction: h2 = "ease-in-out" }) => {
     const [m2, g2] = t.useState(false), [y2, b2] = t.useState(0), [v2, k2] = t.useState({ t: 0, l: 0 }), [w2, S2] = t.useState({ w: 0, h: 0 }), x2 = t.useRef(null), C2 = t.useRef(null), E2 = t.useMemo(() => ["width", "height", "transform"].map((e3) => `${e3} ${s2 / 1e3}s ${h2}`).join(","), [p2, s2, h2]), T2 = t.useMemo(() => ({ width: w2.w, height: w2.h, transition: m2 ? E2 : "initial", transform: `translate(${v2.l}px, ${v2.t}px)` }), [w2, v2]), { w: P2, h: z2 } = f();
     return t.useEffect(() => {
@@ -16296,7 +16293,7 @@
         });
       })(), p2.current && (p2.current.indeterminate = l2);
     }, [p2, o2, n2, l2]), d.jsx("input", { id: e2, type: "checkbox", ref: p2, checked: r2, onChange: a2, className: [o2, "line" === s2 ? "ono-checkbox-line" : "ono-checkbox-border"].filter(Boolean).join(" "), style: n2 });
-  }, e.Direction = V, e.EstimatedVirtualList = at, e.List = ge, e.MenuButton = ({ active: e2, onchange: n2, w: r2 = "40px", duration: a2 = 400, clr: o2 = "#f5f5f5", bgc: l2 = "#342A7C" }) => {
+  }, e.Direction = V, e.EstimatedVirtualList = lt, e.List = be, e.MenuButton = ({ active: e2, onchange: n2, w: r2 = "40px", duration: a2 = 400, clr: o2 = "#f5f5f5", bgc: l2 = "#342A7C" }) => {
     const [i2, s2] = t.useState(false), u2 = (e3, t2) => {
       let n3;
       const r3 = e3.split("");
@@ -16307,7 +16304,7 @@
     }, [e2]), d.jsx("button", { className: "ono-menu-button", style: { width: r2, height: r2, background: l2, borderRadius: u2(r2, 0.2) }, onClick: () => requestAnimationFrame(() => {
       n2 == null ? void 0 : n2(!i2), s2(!i2);
     }), children: f2.map((e3, t2) => d.jsx("span", { style: { ...e3 } }, t2)) });
-  }, e.Modal = (e2) => ye(Be, e2, "ono-modal"), e.OnoInput = pe, e.OnoSelect = ({ options: e2, defaultValue: n2, placeholder: r2, inputBorder: a2, isShowArrow: o2, disabled: l2, clearable: i2, selectClassName: s2, optionsClassName: u2, filterable: c2, notFoundContent: f2, optionRender: p2, onClear: h2, onChange: m2, filterMethod: g2 }) => {
+  }, e.Modal = (e2) => ve($e, e2, "ono-modal"), e.OnoInput = me, e.OnoSelect = ({ options: e2, defaultValue: n2, placeholder: r2, inputBorder: a2, isShowArrow: o2, disabled: l2, clearable: i2, selectClassName: s2, optionsClassName: u2, filterable: c2, notFoundContent: f2, optionRender: p2, onClear: h2, onChange: m2, filterMethod: g2 }) => {
     const [y2, b2] = t.useState(""), [v2, k2] = t.useState(""), [w2, S2] = t.useState(false), [x2, C2] = t.useState(false), [E2, T2] = t.useState(""), P2 = (t2) => {
       const n3 = e2.find((e3) => e3.value === t2);
       b2(n3 ? n3.label : "");
@@ -16316,9 +16313,9 @@
     };
     return t.useEffect(() => {
       n2 && P2(n2);
-    }, [n2, e2]), d.jsx(Qe, { sameWidth: true, trigger: "click", placement: "bottom", isShowArrow: o2, className: ["ono-option-container", u2].filter(Boolean).join(" "), onOpenChange: (e3) => {
+    }, [n2, e2]), d.jsx(Ke, { sameWidth: true, trigger: "click", placement: "bottom", isShowArrow: o2, className: ["ono-option-container", u2].filter(Boolean).join(" "), onOpenChange: (e3) => {
       C2(e3), c2 && v2 && !e3 && k2("");
-    }, content: d.jsx(ge, { list: c2 ? g2 && "function" == typeof g2 ? g2(v2, e2) : e2.filter((e3) => e3.label.toLocaleLowerCase().includes(v2.toLocaleLowerCase())) : e2, fallback: f2 ?? d.jsx("div", { className: "ono-option-item", children: d.jsx("div", { className: "ono-option-item-content-no-data", onClick: (e3) => e3.stopPropagation(), children: "No Data" }) }), children: (e3) => d.jsx(Ye, { ...e3, onChange: z2, currentValue: y2.toString(), optionRender: p2 }, e3.value) }), children: d.jsx("div", { className: "ono-select", onMouseEnter: () => S2(true), onMouseLeave: () => S2(false), children: d.jsx(pe, { className: [c2 ? "" : "ono-select-readonly", s2].filter(Boolean).join(" "), border: a2, disabled: l2, placeholder: c2 && E2 ? y2.toString() || "" : r2, readonly: !c2, value: c2 && x2 ? v2 : y2.toString(), clearable: w2 && i2, suffix: w2 && i2 && y2 || i2 && v2 && c2 ? d.jsx(d.Fragment, {}) : d.jsx(Ke, { isVisible: x2 }), onClear: () => {
+    }, content: d.jsx(be, { list: c2 ? g2 && "function" == typeof g2 ? g2(v2, e2) : e2.filter((e3) => e3.label.toLocaleLowerCase().includes(v2.toLocaleLowerCase())) : e2, fallback: f2 ?? d.jsx("div", { className: "ono-option-item", children: d.jsx("div", { className: "ono-option-item-content-no-data", onClick: (e3) => e3.stopPropagation(), children: "No Data" }) }), children: (e3) => d.jsx(Xe, { ...e3, onChange: z2, currentValue: y2.toString(), optionRender: p2 }, e3.value) }), children: d.jsx("div", { className: "ono-select", onMouseEnter: () => S2(true), onMouseLeave: () => S2(false), children: d.jsx(me, { className: [c2 ? "" : "ono-select-readonly", s2].filter(Boolean).join(" "), border: a2, disabled: l2, placeholder: c2 && E2 ? y2.toString() || "" : r2, readonly: !c2, value: c2 && x2 ? v2 : y2.toString(), clearable: w2 && i2, suffix: w2 && i2 && y2 || i2 && v2 && c2 ? d.jsx(d.Fragment, {}) : d.jsx(Ge, { isVisible: x2 }), onClear: () => {
       h2 == null ? void 0 : h2(), m2 == null ? void 0 : m2(""), T2(""), b2(""), k2("");
     }, onChange: (e3) => k2(e3.target.value) }) }) });
   }, e.OnoTextarea = ({ id: e2, name: n2, rows: r2, maxLength: a2, minLength: o2, className: l2, placeholder: i2, readonly: s2, resize: u2 = true, autocomplete: c2 = "off", autofocus: f2, form: p2, disabled: h2, autoSize: m2, showCount: g2, border: y2 = "1px solid #5644b8", boxShadow: b2 = "0 0 0 2px #7969d11a", value: v2 = "", onChange: k2 }) => {
@@ -16348,7 +16345,7 @@
         }
       }
     }, deps: [E2] }];
-    return N2.forEach(({ key: e3, handler: t2, deps: n3 }) => me(e3, t2, { target: _2.current, deps: n3 })), t.useEffect(() => {
+    return N2.forEach(({ key: e3, handler: t2, deps: n3 }) => ye(e3, t2, { target: _2.current, deps: n3 })), t.useEffect(() => {
       S2(v2);
     }, [v2]), t.useEffect(() => {
       (() => {
@@ -16388,7 +16385,7 @@
     })(), p2 && n2 === r2 ? null : d.jsx("li", { className: "ono-pagination-base", style: { cursor: n2 !== r2 ? "pointer" : "no-drop" }, onClick: () => {
       u2(n2 >= r2 ? r2 : n2 + 1);
     }, children: o2 ? "function" == typeof o2 ? o2(n2 !== r2) : o2 : d.jsx("div", { className: o2 ? "ono-pagination-base" : "ono-pagination-btn", children: "nextBtn" }) }), t2 && d.jsx("li", { className: t2 ? "ono-pagination-base" : "ono-pagination-btn", onClick: () => u2(r2), children: t2 })] });
-  }, e.Radio = We, e.RadioGroup = ({ name: e2, style: t2, options: n2, onChange: r2, className: a2, radioW: o2 = 16, radioGap: l2 = 4, labelPosition: i2 = "right", checkedColor: s2 = "#532ce1", unCheckedColor: u2 = "transparent", value: c2 }) => d.jsx("div", { className: ["ono-radio-group", a2].join(" "), style: t2, children: n2.map(({ label: t3, value: n3, disabled: a3 }) => d.jsx(We, { name: e2, value: n3, radioW: o2, radioGap: l2, style: { flexDirection: "left" === i2 ? "row-reverse" : "row" }, checkedColor: s2, unCheckedColor: u2, onChange: () => r2(n3), checked: c2 + "" == n3 + "", disabled: "function" == typeof a3 ? a3(c2) : a3 || false, children: t3 }, t3)) }), e.SvgImg = ({ w: e2, h: n2, src: r2, clr: a2, className: o2, onClick: l2 }) => {
+  }, e.Radio = Ve, e.RadioGroup = ({ name: e2, style: t2, options: n2, onChange: r2, className: a2, radioW: o2 = 16, radioGap: l2 = 4, labelPosition: i2 = "right", checkedColor: s2 = "#532ce1", unCheckedColor: u2 = "transparent", value: c2 }) => d.jsx("div", { className: ["ono-radio-group", a2].join(" "), style: t2, children: n2.map(({ label: t3, value: n3, disabled: a3 }) => d.jsx(Ve, { name: e2, value: n3, radioW: o2, radioGap: l2, style: { flexDirection: "left" === i2 ? "row-reverse" : "row" }, checkedColor: s2, unCheckedColor: u2, onChange: () => r2(n3), checked: c2 + "" == n3 + "", disabled: "function" == typeof a3 ? a3(c2) : a3 || false, children: t3 }, t3)) }), e.SvgImg = ({ w: e2, h: n2, src: r2, clr: a2, className: o2, onClick: l2 }) => {
     const i2 = t.useRef(null), s2 = [{ value: e2, name: "w" }, { value: n2, name: "h" }, { value: a2, name: "clr" }];
     return t.useEffect(() => {
       i2.current && s2.forEach((e3) => {
@@ -16461,7 +16458,7 @@
           ${r2 || ""} 
           ${m2()}
         `, style: o2, onClick: (e3) => e3.stopPropagation(), children: "function" == typeof e2 ? e2(h2) : e2 }) });
-  }, e.Tooltip = Qe, e.Waterfall = ({ options: e2, pageSize: n2, children: r2, request: a2, reloadData: o2, className: l2, style: i2, updateData: s2, loading: u2 = true, bottomThreshold: c2 = 50 }) => {
+  }, e.Tooltip = Ke, e.Waterfall = ({ options: e2, pageSize: n2, children: r2, request: a2, reloadData: o2, className: l2, style: i2, updateData: s2, loading: u2 = true, bottomThreshold: c2 = 50 }) => {
     const [f2, p2] = t.useState({ page: 1, reloadData: o2, loading: false, isFinish: false, gap: "number" == typeof e2 ? 0 : e2.gap, imageWidth: "number" == typeof e2 ? e2 : 0, columns: "number" == typeof e2 ? 0 : e2.columns, imageList: [] }), [h2, m2] = t.useState([]), [g2, y2] = t.useState([]), b2 = t.useRef(null), v2 = t.useRef(null), k2 = t.useRef(null), w2 = (e3) => p2((t2) => ({ ...t2, ...e3 })), S2 = async (e3, t2) => {
       const n3 = o2 && f2.reloadData !== o2;
       if (f2.isFinish) return;
@@ -16509,7 +16506,7 @@
     }), [k2, o2]), t.useEffect(() => {
       s2 && S2(f2.page, n2);
     }, [s2, f2.loading, f2.page, v2.current]), d.jsxs("div", { className: "ono-waterfall-container", children: [d.jsx("div", { ref: v2, className: [l2, "ono-waterfall-content"].join(" ").trim(), style: i2, children: d.jsx("div", { ref: k2, className: "ono-waterfall-wrapper", style: { height: Math.max(...h2) - f2.gap + "px" }, children: f2.imageList.map((e3, t2) => d.jsx("div", { className: "ono-waterfall-item", style: { width: `${f2.imageWidth}px`, transform: `translate(${g2[t2].x}px,${g2[t2].y}px)` }, children: r2(e3, t2) }, e3.id)) }) }), f2.loading && ("function" == typeof u2 ? u2() : u2 && "boolean" == typeof u2 ? d.jsx("div", { className: "ono-waterfall-loading", children: "loading..." }) : u2)] });
-  }, e.addCommasToNumber = O, e.addEventWithOriginHandler = D, e.adjustingColors = Ue, e.base64ToBlob = (e2) => {
+  }, e.addCommasToNumber = O, e.addEventWithOriginHandler = D, e.adjustingColors = Be, e.base64ToBlob = (e2) => {
     const t2 = e2.split(","), n2 = t2[0].match(/:(.*?);/)[1], r2 = atob(t2[1]);
     let a2 = r2.length;
     const o2 = new Uint8Array(a2);
@@ -16522,7 +16519,7 @@
     for (; o2--; ) i2[o2] = a2.charCodeAt(o2);
     const s2 = new Blob([i2], { type: r2 });
     return new File([s2], t2 + l2, { type: r2, lastModified: (/* @__PURE__ */ new Date()).getTime() });
-  }, e.blobToBase64 = st, e.blobToFile = ut, e.calculateAspectRatio = C, e.checkDeviceIsMobile = g, e.checkStatusCode = b, e.colorUtils = He, e.common = $, e.convertSecondToOtherTime = (e2, t2) => {
+  }, e.blobToBase64 = ct, e.blobToFile = dt, e.calculateAspectRatio = C, e.checkDeviceIsMobile = g, e.checkStatusCode = b, e.colorUtils = We, e.common = $, e.convertSecondToOtherTime = (e2, t2) => {
     const n2 = { year: 31536e3, month: 2592e3, day: 86400, hour: 3600, minute: 60, second: 1 };
     if (!n2[t2]) throw new Error('Invalid type. Please use "day", "hour", "minute", or "second".');
     return Math.floor(e2 / n2[t2]);
@@ -16533,27 +16530,27 @@
       return t2((_a = e3.target) == null ? void 0 : _a.result);
     };
   }), e.fileToBlob = (e2) => e2.slice(0, e2.size, e2.type), e.formatFileSize = x, e.formatSecondes = w, e.formatTime = (e2, t2 = "YY-MM-DD hh:mm:ss") => {
-    const n2 = ["YY", "MM", "DD", "hh", "mm", "ss"], r2 = [], a2 = ft(e2);
-    r2.push(a2.getFullYear().toString()), r2.push(dt(a2.getMonth() + 1)), r2.push(dt(a2.getDate())), r2.push(dt(a2.getHours())), r2.push(dt(a2.getMinutes())), r2.push(dt(a2.getSeconds()));
+    const n2 = ["YY", "MM", "DD", "hh", "mm", "ss"], r2 = [], a2 = ht(e2);
+    r2.push(a2.getFullYear().toString()), r2.push(pt(a2.getMonth() + 1)), r2.push(pt(a2.getDate())), r2.push(pt(a2.getHours())), r2.push(pt(a2.getMinutes())), r2.push(pt(a2.getSeconds()));
     for (let e3 in r2) t2 = t2.replace(n2[e3], r2[e3]);
     return t2;
-  }, e.getElementCenterPosition = v, e.getFileName = B, e.getFileSuffix = W, e.getImageSIze = N, e.getPointDistance = F, e.getURLSearchParams = P, e.grayColor = j, e.localFormat = (e2, t2 = "YY-MM-DD hh:mm:ss", n2 = "cn") => {
-    const r2 = ["YY", "MM", "DD", "hh", "mm", "ss"], a2 = [], o2 = ft(e2);
+  }, e.getElementCenterPosition = v, e.getFileName = B, e.getFileSuffix = W, e.getImageSIze = N, e.getPointDistance = F, e.getURLSearchParams = P, e.grayColor = j, e.injunctiveBox = de, e.localFormat = (e2, t2 = "YY-MM-DD hh:mm:ss", n2 = "cn") => {
+    const r2 = ["YY", "MM", "DD", "hh", "mm", "ss"], a2 = [], o2 = ht(e2);
     a2.push(((e3, t3) => {
       const n3 = { en: ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"], cn: ["零", "一", "二", "三", "四", "五", "六", "七", "八", "九"] };
       return e3.split("").map((e4) => n3[t3][Number(e4)]).join("");
-    })(o2.getFullYear().toString(), n2)), a2.push(((e3, t3) => ({ en: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sept", "Oct", "Nov", "Dec"], cn: ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"] })[t3][Number(e3) - 1])(dt(o2.getMonth() + 1), n2)), a2.push(((e3, t3) => {
+    })(o2.getFullYear().toString(), n2)), a2.push(((e3, t3) => ({ en: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sept", "Oct", "Nov", "Dec"], cn: ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"] })[t3][Number(e3) - 1])(pt(o2.getMonth() + 1), n2)), a2.push(((e3, t3) => {
       let n3;
       return "en" === t3 ? n3 = "01" === e3 || "21" === e3 || "31" === e3 ? Number(e3) + "st" : "02" === e3 || "22" === e3 ? Number(e3) + "nd" : "03" === e3 || "23" === e3 ? Number(e3) + "rd" : Number(e3) + "th" : "01" === e3 ? n3 = "一日" : "02" === e3 ? n3 = "二日" : "03" === e3 ? n3 = "三日" : "04" === e3 ? n3 = "四日" : "05" === e3 ? n3 = "五日" : "06" === e3 ? n3 = "六日" : "07" === e3 ? n3 = "七日" : "08" === e3 ? n3 = "八日" : "09" === e3 ? n3 = "九日" : "10" === e3 ? n3 = "十日" : "11" === e3 ? n3 = "十一日" : "12" === e3 ? n3 = "十二日" : "13" === e3 ? n3 = "十三日" : "14" === e3 ? n3 = "十四日" : "15" === e3 ? n3 = "十五日" : "16" === e3 ? n3 = "十六日" : "17" === e3 ? n3 = "十七日" : "18" === e3 ? n3 = "十八日" : "19" === e3 ? n3 = "十九日" : "20" === e3 ? n3 = "二十日" : "21" === e3 ? n3 = "二十一日" : "22" === e3 ? n3 = "二十二日" : "23" === e3 ? n3 = "二十三日" : "24" === e3 ? n3 = "二十四日" : "25" === e3 ? n3 = "二十五日" : "26" === e3 ? n3 = "二十六日" : "27" === e3 ? n3 = "二十七日" : "28" === e3 ? n3 = "二十八日" : "29" === e3 ? n3 = "二十九日" : "30" === e3 ? n3 = "三十日" : "31" === e3 && (n3 = "三十一日"), n3 ?? e3;
-    })(dt(o2.getDate()), n2)), a2.push(dt(o2.getHours())), a2.push(dt(o2.getMinutes())), a2.push(dt(o2.getSeconds()));
+    })(pt(o2.getDate()), n2)), a2.push(pt(o2.getHours())), a2.push(pt(o2.getMinutes())), a2.push(pt(o2.getSeconds()));
     for (let e3 in a2) t2 = t2.replace(r2[e3], a2[e3]);
     return t2;
-  }, e.mediaAutoplayPolicies = T, e.message = _e, e.parseQuery = U, e.passwordStrength = p, e.pick = H, e.portalRenderer = ye, e.printStr = m, e.pureNumber = M, e.quickSort = S, e.rafTimeout = L, e.randomString = h, e.safeCapitalizeWord = _, e.second2Day = (e2, t2) => {
+  }, e.mediaAutoplayPolicies = T, e.message = Ne, e.parseQuery = U, e.passwordStrength = p, e.pick = H, e.portalRenderer = ve, e.printStr = m, e.pureNumber = M, e.quickSort = S, e.rafTimeout = L, e.randomString = h, e.safeCapitalizeWord = _, e.second2Day = (e2, t2) => {
     const n2 = ["DD", "hh", "mm", "ss"], r2 = [];
-    r2.push(Math.floor(e2 / 86400)), r2.push(dt(Math.floor(e2 % 86400 / 3600))), r2.push(dt(Math.floor(e2 % 3600 / 60))), r2.push(dt(e2 % 60));
+    r2.push(Math.floor(e2 / 86400)), r2.push(pt(Math.floor(e2 % 86400 / 3600))), r2.push(pt(Math.floor(e2 % 3600 / 60))), r2.push(pt(e2 % 60));
     for (let e3 = 0; e3 < n2.length; e3++) t2 = t2.replace(n2[e3], r2[e3].toString());
     return t2;
-  }, e.singleton = z, e.toast = rt, e.urlToBase64 = async (e2) => await st(await ct(e2)), e.urlToBlob = ct, e.urlToFile = async (e2) => ut(await ct(e2)), e.useClickOutSide = $e, e.useCountdown = (e2 = 60, n2) => {
+  }, e.singleton = z, e.toast = ot, e.urlToBase64 = async (e2) => await ct(await ft(e2)), e.urlToBlob = ft, e.urlToFile = async (e2) => dt(await ft(e2)), e.useClickOutSide = qe, e.useCountdown = (e2 = 60, n2) => {
     const [r2, a2] = t.useState(e2), [o2, l2] = t.useState(false), i2 = t.useRef(null), s2 = t.useCallback(() => l2(true), []), u2 = t.useCallback(() => {
       l2(false), a2(e2), i2.current && (clearTimeout(i2.current), i2.current = null), n2 == null ? void 0 : n2();
     }, [e2, n2]);
@@ -16564,20 +16561,20 @@
         i2.current && (clearTimeout(i2.current), i2.current = null);
       };
     }, [o2, r2, u2]), [r2, s2, u2];
-  }, e.useEventListener = Q, e.useGetElementSize = f, e.useKeyPress = me, e.useMouseClick = () => {
+  }, e.useEventListener = Q, e.useGetElementSize = f, e.useKeyPress = ye, e.useMouseClick = () => {
     const [e2, n2] = t.useState({ clientX: 0, clientY: 0, screenX: 0, screenY: 0, pageX: 0, pageY: 0 });
     return Q("click", (e3) => {
       const t2 = e3.clientX, r2 = e3.clientY, a2 = e3.screenX, o2 = e3.screenY, l2 = e3.pageX, i2 = e3.pageY;
       n2({ clientX: t2, clientY: r2, screenX: a2, screenY: o2, pageX: l2, pageY: i2 });
     }), e2;
-  }, e.useTheme = lt, e.useThemePro = (e2) => {
+  }, e.useTheme = st, e.useThemePro = (e2) => {
     const { initTheme: n2 = "light", themeRules: r2 = (e3) => {
       e3 ? document.documentElement.classList.add("dark") : document.documentElement.classList.remove("dark");
     } } = e2 || Object.assign({}), [a2, o2] = t.useState(n2), l2 = t.useRef(null);
-    return lt({ theme: a2, onDark: () => {
-      l2.current ? it({ element: l2.current, onChangeTheme: () => r2(true) }) : r2(true);
+    return st({ theme: a2, onDark: () => {
+      l2.current ? ut({ element: l2.current, onChangeTheme: () => r2(true) }) : r2(true);
     }, onLight: () => {
-      l2.current ? it({ element: l2.current, onChangeTheme: () => r2(false) }) : r2(false);
+      l2.current ? ut({ element: l2.current, onChangeTheme: () => r2(false) }) : r2(false);
     } }), [a2, ({ targetTheme: e3, element: t2, onChange: n3 }) => {
       l2.current = t2 || null, requestAnimationFrame(() => {
         n3 == null ? void 0 : n3(), o2(e3);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ono-react-element",
   "private": false,
-  "version": "0.0.15",
+  "version": "0.0.16",
   "description": "Component library by React + Typescript",
   "type": "module",
   "main": "./dist/umd/index.umd.cjs",