ono-react-element 0.0.12 → 0.0.13

package/dist/es/{AutoSliderList-DCpCHe1X.js → AutoSliderList-w9mw0JCN.js}

@@ -1,13 +1,13 @@
 import { j as t } from "./dependencies-CbQbPZZ-.js";
-import { p as e } from "./utils-BxXROOPY.js";
-import { useState as i, useRef as o, useMemo as r, useEffect as n, cloneElement as s } from "react";
-import { useGetElementSize as l } from "./index.js";
+import { u as e } from "./useGetElementSize.tsx-Dtshth0Y.js";
+import { p as i } from "./common.ts-DQOEx8k3.js";
+import { useState as o, useRef as r, useMemo as n, useEffect as s, cloneElement as l } from "react";
 var a = ((t2) => (t2.Horizontal = "Horizontal", t2.Vertical = "Vertical", t2))(a || {});
-const c = ({ list: c2, style: d, disable: f, children: m, sliderBox: u, className: p, sliderStyle: h, duration: x = 300, sliderClassName: w, currentIndex: y = 0, direction: j = a.Horizontal, sliderTransitionTimingFunction: g = "ease-in-out" }) => {
-  const [z, H] = i(false), [T, $] = i(0), [v, A] = i({ t: 0, l: 0 }), [C, N] = i({ w: 0, h: 0 }), b = o(null), B = o(null), k = r(() => ["width", "height", "transform"].map((t2) => `${t2} ${x / 1e3}s ${g}`).join(","), [j, x, g]), D = r(() => ({ width: C.w, height: C.h, transition: z ? k : "initial", transform: `translate(${v.l}px, ${v.t}px)` }), [C, v]), { w: I, h: L } = l();
-  return n(() => {
+const c = ({ list: c2, style: d, disable: f, children: m, sliderBox: u, className: p, sliderStyle: h, duration: x = 300, sliderClassName: w, currentIndex: y = 0, direction: j = a.Horizontal, sliderTransitionTimingFunction: z = "ease-in-out" }) => {
+  const [g, H] = o(false), [T, $] = o(0), [v, A] = o({ t: 0, l: 0 }), [C, N] = o({ w: 0, h: 0 }), b = r(null), B = r(null), S = n(() => ["width", "height", "transform"].map((t2) => `${t2} ${x / 1e3}s ${z}`).join(","), [j, x, z]), k = n(() => ({ width: C.w, height: C.h, transition: g ? S : "initial", transform: `translate(${v.l}px, ${v.t}px)` }), [C, v]), { w: D, h: E } = e();
+  return s(() => {
     $(y);
-  }, [y]), n(() => {
+  }, [y]), s(() => {
     (() => {
       if ("number" != typeof T) return;
       if (!b.current || !B.current) return;
@@ -15,10 +15,10 @@ const c = ({ list: c2, style: d, disable: f, children: m, sliderBox: u, classNam
       t2.forEach((t3) => {
         t3.style.position = "relative", t3.style.cursor = f ? "not-allowed" : "pointer", t3.style.zIndex = "1";
       });
-      const i2 = window.getComputedStyle(b.current), o2 = { t: "Horizontal" === j ? e(i2.paddingTop) : t2[T].offsetTop, l: "Horizontal" === j ? t2[T].offsetLeft : e(i2.paddingLeft) };
+      const e2 = window.getComputedStyle(b.current), o2 = { t: "Horizontal" === j ? i(e2.paddingTop) : t2[T].offsetTop, l: "Horizontal" === j ? t2[T].offsetLeft : i(e2.paddingLeft) };
       A(o2), N({ w: t2[T].offsetWidth, h: t2[T].offsetHeight }), setTimeout(() => H(true), x);
     })();
-  }, [T, I, L, f]), t.jsxs("ul", { ref: b, className: ["ono-auto-slider-list-container", p, f ? "ono-auto-slider-list-is-disable" : ""].filter(Boolean).join(" "), style: { flexDirection: "Horizontal" === j ? "row" : "column", ...d }, children: [t.jsx("li", { ref: B, className: ["ono-auto-slider-list-slider", w].filter(Boolean).join(" "), style: { ...h, ...D }, children: u }), c2.map((t2, e2) => s(m({ item: t2, index: e2, isActive: e2 === T }), { onClick: (i2) => {
+  }, [T, D, E, f]), t.jsxs("ul", { ref: b, className: ["ono-auto-slider-list-container", p, f ? "ono-auto-slider-list-is-disable" : ""].filter(Boolean).join(" "), style: { flexDirection: "Horizontal" === j ? "row" : "column", ...d }, children: [t.jsx("li", { ref: B, className: ["ono-auto-slider-list-slider", w].filter(Boolean).join(" "), style: { ...h, ...k }, children: u }), c2.map((t2, e2) => l(m({ item: t2, index: e2, isActive: e2 === T }), { onClick: (i2) => {
     if (f) return;
     const o2 = m({ item: t2, index: e2, isActive: e2 === T }).props.onClick;
     o2 && o2(i2), $(e2);

package/dist/es/InjunctiveBox-DUNoNHCO.js

@@ -0,0 +1,11 @@
+import { j as e, R as o } from "./dependencies-CbQbPZZ-.js";
+import { u as n } from "./useEventListener.tsx-BBGVcI5T.js";
+let s, t = null;
+const l = ({ className: o2, content: s2, style: l2, onClick: u2, onDoubleClick: i2, onContextMenu: c, onMouseDown: r, onMouseUp: a, onMouseEnter: M, onMouseLeave: d, onMouseMove: m, isClickBoxToClose: p }) => (n("click", () => {
+  p && t && (t.remove(), t = null);
+}), e.jsx("div", { className: o2, style: l2, onClick: u2, onDoubleClick: i2, onContextMenu: c, onMouseDown: r, onMouseUp: a, onMouseEnter: M, onMouseLeave: d, onMouseMove: m, children: "function" == typeof s2 ? s2((e2) => {
+  t && (t.remove(), t = null, e2 && e2());
+}) : s2 })), u = (o2) => (i(o2.isSingle || false).render(e.jsx(l, { ...o2 })), t), i = (e2) => (e2 && t && s || (t = document.createElement("div"), document.body.appendChild(t), s = o.createRoot(t)), s);
+export {
+  u as i
+};

package/dist/es/{Input-CYA8Q8B5.js → Input-DLOeg2pz.js}

@@ -1,32 +1,32 @@
 import { j as e } from "./dependencies-CbQbPZZ-.js";
-import { useState as o, useRef as n, useEffect as t } from "react";
-import { useKeyPress as a } from "./index.js";
-const r = () => e.jsx("svg", { className: "ono-input-icon", viewBox: "64 64 896 896", focusable: "false", "data-icon": "close-circle", fill: "currentColor", "aria-hidden": "true", children: e.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" }) }), s = ({ open: o2 }) => e.jsx("svg", { viewBox: "64 64 896 896", focusable: "false", "data-icon": o2 ? "eye" : "eye-invisible", fill: "currentColor", "aria-hidden": "true", className: "ono-input-icon", children: o2 ? e.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" }) : e.jsxs(e.Fragment, { children: [e.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" }), e.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" })] }) }), l = ({ id: a2, name: l2, max: i2, min: c, maxLength: d, minLength: u, type: p = "text", className: m, defaultValue: h, placeholder: x, readonly: f, autocomplete: y = "off", autofocus: g, form: v, disabled: b, clearable: C, showPassword: j, prepend: w, append: N, prefix: L, suffix: z, showCount: S, border: B = "1px solid #5644b8", boxShadow: M = "0 0 0 2px #7969d11a", value: k = "", onChange: P, onFocus: F, onBlur: E, onClear: O }) => {
-  const [q, D] = o(k), [Q, R] = o(false), [Y, V] = o(false), W = n(null), $ = C && !b && q, A = j && !b;
-  return t(() => {
+import { useState as o, useRef as t, useEffect as n } from "react";
+import { u as a } from "./useKeyPress.tsx-Db44HXXz.js";
+const s = () => e.jsx("svg", { className: "ono-input-icon", viewBox: "64 64 896 896", focusable: "false", "data-icon": "close-circle", fill: "currentColor", "aria-hidden": "true", children: e.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" }) }), r = ({ open: o2 }) => e.jsx("svg", { viewBox: "64 64 896 896", focusable: "false", "data-icon": o2 ? "eye" : "eye-invisible", fill: "currentColor", "aria-hidden": "true", className: "ono-input-icon", children: o2 ? e.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" }) : e.jsxs(e.Fragment, { children: [e.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" }), e.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" })] }) }), l = ({ id: a2, name: l2, max: i2, min: c, maxLength: d, minLength: u, type: p = "text", className: m, defaultValue: h, placeholder: x, readonly: f, autocomplete: y = "off", autofocus: g, form: v, disabled: b, clearable: C, showPassword: j, prepend: w, append: N, prefix: L, suffix: z, showCount: S, border: B = "1px solid #5644b8", boxShadow: M = "0 0 0 2px #7969d11a", value: P = "", onChange: k, onFocus: F, onBlur: E, onClear: O }) => {
+  const [q, D] = o(P), [Q, R] = o(false), [Y, V] = o(false), W = t(null), $ = C && !b && q, A = j && !b;
+  return n(() => {
     W.current && (W.current.style.setProperty("--ono-input-border", B), W.current.style.setProperty("--ono-input-box-shadow", M));
-  }, [W]), t(() => {
-    D(k);
-  }, [k]), e.jsxs("div", { className: ["ono-input", "ono-input-border", b ? "ono-input-is-disabled" : ""].filter(Boolean).join(" "), children: [w && e.jsx("div", { className: "ono-prepend", children: w }), e.jsxs("div", { ref: W, className: ["ono-input-wrapper", Q ? "ono-input-is-focus" : "", m].filter(Boolean).join(" "), onMouseDown: (e2) => {
+  }, [W]), n(() => {
+    D(P);
+  }, [P]), e.jsxs("div", { className: ["ono-input", "ono-input-border", b ? "ono-input-is-disabled" : ""].filter(Boolean).join(" "), children: [w && e.jsx("div", { className: "ono-prepend", children: w }), e.jsxs("div", { ref: W, className: ["ono-input-wrapper", Q ? "ono-input-is-focus" : "", m].filter(Boolean).join(" "), onMouseDown: (e2) => {
     "INPUT" !== e2.target.tagName && e2.preventDefault();
   }, children: [L && e.jsx("span", { className: "ono-prefix", children: L }), e.jsx("input", { id: a2, max: i2, min: c, name: l2, maxLength: d, minLength: u, defaultValue: h, className: "ono-input-inner", type: j ? Y ? "text" : "password" : p, placeholder: x, readOnly: f, autoComplete: y, autoFocus: g, form: v, disabled: b, onFocus: (e2) => {
     F == null ? void 0 : F(e2), R(true);
   }, onBlur: (e2) => {
     E == null ? void 0 : E(e2), R(false);
   }, value: q, onChange: (e2) => {
-    P == null ? void 0 : P(e2), D(e2.target.value);
+    k == null ? void 0 : k(e2), D(e2.target.value);
   } }), (z || $ || A || S) && e.jsxs("span", { className: "ono-suffix", children: [z, $ && e.jsx("button", { className: "ono-clear-icon", onClick: () => {
     O == null ? void 0 : O(), D("");
-  }, children: e.jsx(r, {}) }), A && e.jsx("button", { className: "ono-eye-icon", onClick: () => V(!Y), children: e.jsx(s, { open: Y }) }), S && d && e.jsxs("p", { className: "ono-count", children: [q.length, "/", d] })] })] }), N && e.jsx("div", { className: "ono-append", children: N })] });
-}, i = ({ id: r2, name: s2, rows: l2, maxLength: i2, minLength: c, className: d, placeholder: u, readonly: p, resize: m = true, autocomplete: h = "off", autofocus: x, form: f, disabled: y, autoSize: g, showCount: v, border: b = "1px solid #5644b8", boxShadow: C = "0 0 0 2px #7969d11a", value: j = "", onChange: w }) => {
-  const [N, L] = o(j), [z, S] = o(false), [B, M] = o([j]), [k, P] = o(0), F = n(null), E = (e2) => {
-    const o2 = B.slice(0, k + 1);
-    o2.push(e2), M(o2), P(o2.length - 1);
+  }, children: e.jsx(s, {}) }), A && e.jsx("button", { className: "ono-eye-icon", onClick: () => V(!Y), children: e.jsx(r, { open: Y }) }), S && d && e.jsxs("p", { className: "ono-count", children: [q.length, "/", d] })] })] }), N && e.jsx("div", { className: "ono-append", children: N })] });
+}, i = ({ id: s2, name: r2, rows: l2, maxLength: i2, minLength: c, className: d, placeholder: u, readonly: p, resize: m = true, autocomplete: h = "off", autofocus: x, form: f, disabled: y, autoSize: g, showCount: v, border: b = "1px solid #5644b8", boxShadow: C = "0 0 0 2px #7969d11a", value: j = "", onChange: w }) => {
+  const [N, L] = o(j), [z, S] = o(false), [B, M] = o([j]), [P, k] = o(0), F = t(null), E = (e2) => {
+    const o2 = B.slice(0, P + 1);
+    o2.push(e2), M(o2), k(o2.length - 1);
   }, O = [{ key: "CommandOrControl+z", handler: (e2) => {
     document.activeElement === F.current && (e2.preventDefault(), (() => {
-      if (k > 0 && F.current) {
-        const e3 = k - 1, o2 = B[e3];
-        if (F.current.value = o2, L(o2), P(e3), w) {
+      if (P > 0 && F.current) {
+        const e3 = P - 1, o2 = B[e3];
+        if (F.current.value = o2, L(o2), k(e3), w) {
           const e4 = { target: F.current };
           w(e4);
         }
@@ -36,8 +36,8 @@ const r = () => e.jsx("svg", { className: "ono-input-icon", viewBox: "64 64 896
     if (F.current && document.activeElement === F.current) {
       e2.preventDefault();
       const o2 = ((e3) => {
-        const { value: o3, selectionStart: n2, selectionEnd: t2 } = e3, a2 = o3.substring(0, n2) + o3.substring(t2);
-        return e3.value = a2, e3.setSelectionRange(n2, n2), a2;
+        const { value: o3, selectionStart: t2, selectionEnd: n2 } = e3, a2 = o3.substring(0, t2) + o3.substring(n2);
+        return e3.value = a2, e3.setSelectionRange(t2, t2), a2;
       })(F.current);
       if (L(o2), E(o2), w) {
         const e3 = { target: F.current };
@@ -45,32 +45,32 @@ const r = () => e.jsx("svg", { className: "ono-input-icon", viewBox: "64 64 896
       }
     }
   }, deps: [B] }];
-  return O.forEach(({ key: e2, handler: o2, deps: n2 }) => a(e2, o2, { target: F.current, deps: n2 })), t(() => {
+  return O.forEach(({ key: e2, handler: o2, deps: t2 }) => a(e2, o2, { target: F.current, deps: t2 })), n(() => {
     L(j);
-  }, [j]), t(() => {
+  }, [j]), n(() => {
     (() => {
       if (!F.current) return;
       const e2 = F.current;
-      ((e3, o2, n2, t2, a2) => {
-        const r3 = e3.parentNode;
-        e3.style.resize = o2 ? "none" : n2 ? "vertical" : "none", r3.style.setProperty("--ono-input-border", t2), r3.style.setProperty("--ono-input-box-shadow", a2), r3.style.setProperty("--ono-input-height", "auto");
+      ((e3, o2, t2, n2, a2) => {
+        const s3 = e3.parentNode;
+        e3.style.resize = o2 ? "none" : t2 ? "vertical" : "none", s3.style.setProperty("--ono-input-border", n2), s3.style.setProperty("--ono-input-box-shadow", a2), s3.style.setProperty("--ono-input-height", "auto");
       })(e2, g || false, m, b, C), g && ((e3, o2) => {
-        const { minRows: n2 = 2, maxRows: t2 } = "object" == typeof o2 ? o2 : {}, a2 = document.createElement("div");
+        const { minRows: t2 = 2, maxRows: n2 } = "object" == typeof o2 ? o2 : {}, a2 = document.createElement("div");
         a2.style.position = "absolute", a2.style.visibility = "hidden", a2.style.whiteSpace = "pre-wrap", a2.style.wordWrap = "break-word", a2.style.width = `${e3.clientWidth}px`, a2.style.font = getComputedStyle(e3).font, a2.style.padding = getComputedStyle(e3).padding, a2.style.border = getComputedStyle(e3).border, a2.style.boxSizing = "border-box", document.body.appendChild(a2);
-        const r3 = 34 * n2;
-        let s3 = r3;
+        const s3 = 34 * t2;
+        let r3 = s3;
         if (e3.value) {
           a2.textContent = e3.value;
           const o3 = a2.offsetHeight;
-          s3 = Math.max(r3, o3), t2 && s3 > 34 * t2 ? (s3 = 34 * t2, e3.style.overflowY = "auto") : e3.style.overflowY = "hidden";
+          r3 = Math.max(s3, o3), n2 && r3 > 34 * n2 ? (r3 = 34 * n2, e3.style.overflowY = "auto") : e3.style.overflowY = "hidden";
         } else e3.style.overflowY = "hidden";
-        e3.style.height = `${s3}px`, e3.style.resize = o2 ? "none" : "vertical", document.body.removeChild(a2), Math.floor(s3 / 34);
+        e3.style.height = `${r3}px`, e3.style.resize = o2 ? "none" : "vertical", document.body.removeChild(a2), Math.floor(r3 / 34);
       })(e2, g);
     })();
   }, [F, g, N]), e.jsxs("div", { className: ["ono-textarea", y ? "ono-input-is-disabled" : ""].filter(Boolean).join(" "), children: [e.jsx("div", { className: ["ono-textarea-wrapper", z ? "none" === b ? "" : "ono-input-is-focus" : "", d].filter(Boolean).join(" "), onClick: () => {
     var _a;
     return (_a = F.current) == null ? void 0 : _a.focus();
-  }, children: e.jsx("textarea", { ref: F, className: "ono-textarea-inner", id: r2, rows: l2, name: s2, maxLength: i2, minLength: c, placeholder: u, readOnly: p, autoComplete: h, autoFocus: x, form: f, disabled: y, onFocus: () => S(true), onBlur: () => S(false), value: N, onChange: (e2) => {
+  }, children: e.jsx("textarea", { ref: F, className: "ono-textarea-inner", id: s2, rows: l2, name: r2, maxLength: i2, minLength: c, placeholder: u, readOnly: p, autoComplete: h, autoFocus: x, form: f, disabled: y, onFocus: () => S(true), onBlur: () => S(false), value: N, onChange: (e2) => {
     L(e2.target.value), E(e2.target.value), w == null ? void 0 : w(e2);
   } }) }), v && i2 && e.jsx("p", { className: "ono-count-bar", onClick: (e2) => e2.stopPropagation(), children: N.length + "/" + i2 })] });
 };

package/dist/es/Message-BGDILiLc.js

@@ -0,0 +1,105 @@
+import { j as e } from "./dependencies-CbQbPZZ-.js";
+import { useState as s, useRef as o, useMemo as t, useCallback as n, useEffect as r } from "react";
+import { p as a } from "./PortalRenderer-CDAzQJgm.js";
+let i = 1;
+const c = [], l = (e2, s2, o2) => (0 === c.length && (i = 1), p(s2.instancesKey || "", e2, { id: `${o2}-${i++}`, key: s2.instancesKey || "", reactNode: e2, props: s2, offsetOptions: { topOffset: 0, height: 0, bottomOffset: 0 } }), c), d = (e2) => {
+  const s2 = c.findIndex((s3) => s3.id === e2);
+  return s2 <= 0 ? 0 : c[s2 - 1].offsetOptions.bottomOffset;
+}, p = (e2, s2, o2) => {
+  const t2 = (e3) => a(s2, { zIndex: 999 + i - 1, ...e3.props, id: e3.id }, e3.id, "ono-message-root");
+  if (!e2) {
+    const e3 = t2(o2);
+    c.push({ ...o2, props: { ...o2.props, id: o2.id, destroy: e3 }, destroy: e3 });
+  }
+  let n2 = false;
+  const r2 = c.map((s3) => {
+    if (s3.key === e2) {
+      n2 = true;
+      const e3 = { ...s3.props, ...o2.props };
+      return { ...s3, props: e3 };
+    }
+    {
+      const e3 = t2(s3);
+      return { ...s3, props: { ...s3.props, id: s3.id, destroy: e3 }, destroy: e3 };
+    }
+  });
+  if (Object.assign(c, r2), !n2) {
+    const e3 = t2(o2);
+    c.push({ ...o2, props: { ...o2.props, id: o2.id, destroy: e3 }, destroy: e3 });
+  }
+}, f = { 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" } }, u = (e2, s2) => f[e2][s2], m = (s2) => {
+  switch (s2) {
+    case "success":
+      return e.jsx("svg", { className: "ono-type-icon", viewBox: "0 0 1024 1024", focusable: "false", "data-icon": "check-circle", fill: u(s2, "light"), "aria-hidden": "true", children: e.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 e.jsx("svg", { className: "ono-type-icon", viewBox: "0 0 1024 1024", focusable: "false", "data-icon": "close-circle", fill: u(s2, "light"), "aria-hidden": "true", children: e.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 e.jsx("svg", { className: ["ono-info-icon", "ono-loading"].join(" "), viewBox: "0 0 1024 1024", focusable: "false", "data-icon": "loading", fill: u(s2, "light"), "aria-hidden": "true", children: e.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 e.jsx("svg", { className: "ono-info-icon", viewBox: "64 64 896 896", focusable: "false", "data-icon": "exclamation-circle", fill: u(s2, "light"), "aria-hidden": "true", children: e.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" }) });
+  }
+}, g = ({ handleDestroy: s2 }) => e.jsx("button", { onClick: s2, children: e.jsx("svg", { className: "ono-clear-icon", viewBox: "64 64 896 896", focusable: "false", "data-icon": "close-circle", fill: "currentColor", "aria-hidden": "true", children: e.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" }) }) }), h = ({ id: a2, instancesKey: i2, duration: l2 = 3e3, speed: p2 = 300, offset: f2 = 20, message: u2, type: h2, plain: y2 = true, showClose: x2 = false, zIndex: j, onClose: v = () => {
+}, destroy: C }) => {
+  const [, w] = s(false), [z, k] = s(0), [L, O] = s(((e2) => {
+    const s2 = c.findIndex((s3) => s3.id === e2);
+    return s2 <= 0 ? 0 : c[s2 - 1].offsetOptions.topOffset;
+  })(a2)), [b, B] = s({ duration: l2, speed: p2, message: u2, type: h2, showClose: x2, onClose: v }), I = o(null), M = o(null), N = o(null), $ = L + z, K = t(() => ({ transform: `translate(-50%, ${L}px)`, transition: `transform ${p2}ms ease-in-out`, zIndex: j }), [L, p2]), S = () => {
+    N.current && (N.current.classList.remove("ono-message-enter"), N.current.classList.add("ono-message-leave"), N.current.style.transform = `translate(-50%, ${d(a2) - z}px)`, ((e2) => {
+      const s2 = c.findIndex((s3) => s3.id === e2);
+      -1 !== s2 && c.splice(s2, 1);
+    })(a2), setTimeout(() => C(b.onClose), p2));
+  }, T = (e2, s2, o2) => {
+    "loading" !== e2 && (I.current = setTimeout(S, s2 - o2));
+  }, D = () => {
+    const e2 = d(a2);
+    w((s2) => (s2 && O(e2 + f2), true)), requestAnimationFrame(D);
+  }, F = n(() => {
+    if ("loading" === b.type) {
+      if (M.current) return;
+      M.current = setTimeout(() => {
+        var _a;
+        M.current = null;
+        const e2 = (s2 = i2 || "") ? (_a = c.find((e3) => e3.key === s2)) == null ? void 0 : _a.props : null;
+        var s2;
+        e2 && (((e3) => {
+          B((s3) => ({ ...s3, ...e3 }));
+        })({ ...e2 }), T(b.type, e2.duration || b.duration, e2.speed || b.speed), F());
+      }, 100);
+    }
+  }, [b]);
+  return r(() => {
+    T(b.type, b.duration, b.speed), D(), F();
+  }, [b.type, b.duration, b.speed]), r(() => {
+    (() => {
+      if (!N.current) return;
+      const { height: e2 } = N.current.getBoundingClientRect();
+      N.current.style.setProperty("--speed", `${b.speed}ms`), k(e2);
+    })();
+  }, [N]), r(() => {
+    ((e2, s2) => {
+      const o2 = c.findIndex((s3) => s3.id === e2);
+      o2 < 0 || (c[o2].offsetOptions = s2);
+    })(a2, { topOffset: L, height: z, bottomOffset: $ });
+  }, [$]), e.jsx("div", { ref: N, className: ["ono-message", `ono-message-${b.type}`, "ono-message-enter", y2 ? "" : "ono-message-color"].filter(Boolean).join(" "), style: K, onMouseEnter: () => {
+    I.current && (clearTimeout(I.current), I.current = null);
+  }, onMouseLeave: () => T(b.type, b.duration, b.speed), children: "function" == typeof b.message ? b.message(m(b.type), b.showClose && e.jsx(g, { handleDestroy: S })) : e.jsxs(e.Fragment, { children: [m(b.type), e.jsx("div", { children: b.message }), b.showClose && e.jsx(g, { handleDestroy: S })] }) });
+}, y = (e2) => {
+  if ("string" == typeof e2) return { message: e2 };
+  {
+    const s2 = { ...e2, instancesKey: e2.key };
+    return delete s2.key, { ...s2 };
+  }
+}, x = { info: (e2) => {
+  l(h, { ...y(e2), type: "info" }, "ono-message");
+}, success: (e2) => {
+  l(h, { ...y(e2), type: "success" }, "ono-message");
+}, warning: (e2) => {
+  l(h, { ...y(e2), type: "warning" }, "ono-message");
+}, error: (e2) => {
+  l(h, { ...y(e2), type: "error" }, "ono-message");
+}, loading: (e2) => {
+  l(h, { ...y(e2), type: "loading" }, "ono-message");
+} };
+export {
+  x as m
+};

package/dist/es/{Modal-D4gV43Cy.js → Modal-BIFxRjSt.js}

@@ -1,27 +1,27 @@
 import { j as o } from "./dependencies-CbQbPZZ-.js";
-import { f as e } from "./utils-BxXROOPY.js";
-import { useRef as n, useEffect as l } from "react";
+import { a as e } from "./colorUtils.ts-DYuRvCXZ.js";
+import { useRef as l, useEffect as n } from "react";
 import { p as a } from "./PortalRenderer-CDAzQJgm.js";
 const t = ({ title: a2 = "This is a modal title", icon: t2, content: r2 = "This is a modal content", okText: s = "confirm", cancelText: i = "cancel", isLoading: c, confirmDisabled: d, cancelDisabled: m, position: x, onConfirm: h = () => {
 }, onCancel: b = () => {
-}, mask: u = true, maskClosable: f = false, width: j, btnClr: p, footer: C = ({ OkBtn: e2, CancelBtn: n2 }) => o.jsxs(o.Fragment, { children: [o.jsx(n2, {}), o.jsx(e2, {})] }), modalBody: v, destroy: y }) => {
-  const g = n(null), B = n(null), w = [{ label: "themeColor", value: p || "" }, { label: "themeHoverColor", value: p && e(p, "light", 10) || "" }, { label: "themeActiveColor", value: p && e(p, "dark", 20) || "" }, { label: "themeDisabledClr", value: p && e(p, "light", 20) || "" }], N = () => {
+}, mask: u = true, maskClosable: f = false, width: j, btnClr: p, footer: C = ({ OkBtn: e2, CancelBtn: l2 }) => o.jsxs(o.Fragment, { children: [o.jsx(l2, {}), o.jsx(e2, {})] }), modalBody: v, destroy: g }) => {
+  const y = l(null), B = l(null), w = [{ label: "themeColor", value: p || "" }, { label: "themeHoverColor", value: p && e(p, "light", 10) || "" }, { label: "themeActiveColor", value: p && e(p, "dark", 20) || "" }, { label: "themeDisabledClr", value: p && e(p, "light", 20) || "" }], N = () => {
     if (x) {
       if (!B.current) return;
       B.current.classList.remove("ono-modal-enter"), B.current.classList.add("ono-modal-leave"), setTimeout(() => {
-        y();
+        g();
       }, 300);
-    } else y();
+    } else g();
   };
-  return l(() => (g.current && (u ? g.current.showModal() : g.current.show()), () => {
-    g.current && g.current.close();
-  }), [g.current, u]), l(() => {
+  return n(() => (y.current && (u ? y.current.showModal() : y.current.show()), () => {
+    y.current && y.current.close();
+  }), [y.current, u]), n(() => {
     (() => {
       if (!B.current) return;
       const o2 = B.current.style;
       j && o2.setProperty("--width", j + "px"), x && (o2.setProperty("--left", (x.x / window.innerWidth * 100).toFixed(2) + "%"), o2.setProperty("--top", (x.y / window.innerHeight * 100).toFixed(2) + "%")), p && w.forEach((e2) => o2.setProperty(`--${e2.label}`, e2.value));
     })();
-  }, [B]), o.jsx("dialog", { ref: g, className: "ono-modal", onClick: () => f && N(), children: v ? v(N) : o.jsxs("div", { ref: B, className: ["ono-modal-box", x ? "ono-modal-enter" : ""].join(" "), onClick: (o2) => o2.stopPropagation(), children: [o.jsxs("div", { className: "ono-modal-box-body", children: [t2 ?? o.jsx("div", { className: "ono-modal-box-body-icon", children: o.jsx("svg", { color: "#faad14", viewBox: "64 64 896 896", focusable: "false", "data-icon": "exclamation-circle", width: "22px", height: "22px", fill: "currentColor", "aria-hidden": "true", style: { marginInlineEnd: "12px" }, children: o.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" }) }) }), o.jsxs("div", { className: "ono-modal-box-body-contentBar", children: [o.jsx("h1", { className: "ono-modal-box-body-contentBar-title", children: a2 }), o.jsx("p", { className: "ono-modal-box-body-contentBar-content", children: r2 })] })] }), C && o.jsx("div", { className: "ono-modal-box-footer", children: C({ OkBtn: () => o.jsxs("button", { className: "ono-modal-box-footer-confirmBtn", disabled: d || c, onClick: () => {
+  }, [B]), o.jsx("dialog", { ref: y, className: "ono-modal", onClick: () => f && N(), children: v ? v(N) : o.jsxs("div", { ref: B, className: ["ono-modal-box", x ? "ono-modal-enter" : ""].join(" "), onClick: (o2) => o2.stopPropagation(), children: [o.jsxs("div", { className: "ono-modal-box-body", children: [t2 ?? o.jsx("div", { className: "ono-modal-box-body-icon", children: o.jsx("svg", { color: "#faad14", viewBox: "64 64 896 896", focusable: "false", "data-icon": "exclamation-circle", width: "22px", height: "22px", fill: "currentColor", "aria-hidden": "true", style: { marginInlineEnd: "12px" }, children: o.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" }) }) }), o.jsxs("div", { className: "ono-modal-box-body-contentBar", children: [o.jsx("h1", { className: "ono-modal-box-body-contentBar-title", children: a2 }), o.jsx("p", { className: "ono-modal-box-body-contentBar-content", children: r2 })] })] }), C && o.jsx("div", { className: "ono-modal-box-footer", children: C({ OkBtn: () => o.jsxs("button", { className: "ono-modal-box-footer-confirmBtn", disabled: d || c, onClick: () => {
     h(), N();
   }, children: [c && o.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: o.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" }) }), s ?? "Confirm"] }), CancelBtn: () => o.jsx("button", { className: "ono-modal-box-footer-cancelBtn", disabled: m || c, onClick: () => {
     b(), N();

package/dist/es/{Select-CJuIMAoG.js → Select-DAU6TuBu.js}

@@ -1,9 +1,9 @@
 import { j as e } from "./dependencies-CbQbPZZ-.js";
 import { useState as o, useEffect as n } from "react";
-import { T as a } from "./Tooltip-Dj8ZeMVG.js";
-import { O as t } from "./Input-CYA8Q8B5.js";
+import { T as a } from "./Tooltip-j2AKREfX.js";
+import { O as t } from "./Input-DLOeg2pz.js";
 import { L as l } from "./List-UAKCMuGC.js";
-const i = ({ label: o2, value: n2, disabled: a2, onChange: t2, optionRender: l2, currentValue: i2 }) => e.jsx("button", { role: "option", "aria-label": o2, disabled: a2, className: "ono-option-item", onClick: () => t2 == null ? void 0 : t2(n2), children: l2 ? l2({ label: o2, value: n2, disabled: a2 }, i2 === o2) : e.jsx("div", { className: ["ono-option-item-content", i2 === o2 ? "ono-option-item-content-active" : "", a2 ? "ono-option-item-content-disabled" : ""].filter(Boolean).join(" "), children: o2 }) }), s = ({ options: s2, defaultValue: c, placeholder: d, inputBorder: p, isShowArrow: m, disabled: u, clearable: h, selectClassName: f, optionsClassName: j, filterable: b, notFoundContent: x, optionRender: v, onClear: C, onChange: g, filterMethod: w }) => {
+const i = ({ label: o2, value: n2, disabled: a2, onChange: t2, optionRender: l2, currentValue: i2 }) => e.jsx("button", { role: "option", "aria-label": o2, disabled: a2, className: "ono-option-item", onClick: () => t2 == null ? void 0 : t2(n2), children: l2 ? l2({ label: o2, value: n2, disabled: a2 }, i2 === o2) : e.jsx("div", { className: ["ono-option-item-content", i2 === o2 ? "ono-option-item-content-active" : "", a2 ? "ono-option-item-content-disabled" : ""].filter(Boolean).join(" "), children: o2 }) }), s = ({ options: s2, defaultValue: c, placeholder: d, inputBorder: m, isShowArrow: p, disabled: u, clearable: h, selectClassName: b, optionsClassName: f, filterable: j, notFoundContent: x, optionRender: v, onClear: C, onChange: g, filterMethod: w }) => {
   const [N, L] = o(""), [B, S] = o(""), [V, k] = o(false), [M, y] = o(false), [O, R] = o(""), A = (e2) => {
     const o2 = s2.find((o3) => o3.value === e2);
     L(o2 ? o2.label : "");
@@ -12,9 +12,9 @@ const i = ({ label: o2, value: n2, disabled: a2, onChange: t2, optionRender: l2,
   };
   return n(() => {
     c && A(c);
-  }, [c, s2]), e.jsx(a, { sameWidth: true, trigger: "click", placement: "bottom", isShowArrow: m, className: ["ono-option-container", j].filter(Boolean).join(" "), onOpenChange: (e2) => {
-    y(e2), b && B && !e2 && S("");
-  }, content: e.jsx(l, { list: b ? w && "function" == typeof w ? w(B, s2) : s2.filter((e2) => e2.label.toLocaleLowerCase().includes(B.toLocaleLowerCase())) : s2, fallback: x ?? e.jsx("div", { className: "ono-option-item", children: e.jsx("div", { className: "ono-option-item-content-no-data", onClick: (e2) => e2.stopPropagation(), children: "No Data" }) }), children: (o2) => e.jsx(i, { ...o2, onChange: F, currentValue: N.toString(), optionRender: v }, o2.value) }), children: e.jsx("div", { className: "ono-select", onMouseEnter: () => k(true), onMouseLeave: () => k(false), children: e.jsx(t, { className: [b ? "" : "ono-select-readonly", f].filter(Boolean).join(" "), border: p, disabled: u, placeholder: b && O ? N.toString() || "" : d, readonly: !b, value: b && M ? B : N.toString(), clearable: V && h, suffix: V && h && N || h && B && b ? e.jsx(e.Fragment, {}) : e.jsx(r, { isVisible: M }), onClear: () => {
+  }, [c, s2]), e.jsx(a, { sameWidth: true, trigger: "click", placement: "bottom", isShowArrow: p, className: ["ono-option-container", f].filter(Boolean).join(" "), onOpenChange: (e2) => {
+    y(e2), j && B && !e2 && S("");
+  }, content: e.jsx(l, { list: j ? w && "function" == typeof w ? w(B, s2) : s2.filter((e2) => e2.label.toLocaleLowerCase().includes(B.toLocaleLowerCase())) : s2, fallback: x ?? e.jsx("div", { className: "ono-option-item", children: e.jsx("div", { className: "ono-option-item-content-no-data", onClick: (e2) => e2.stopPropagation(), children: "No Data" }) }), children: (o2) => e.jsx(i, { ...o2, onChange: F, currentValue: N.toString(), optionRender: v }, o2.value) }), children: e.jsx("div", { className: "ono-select", onMouseEnter: () => k(true), onMouseLeave: () => k(false), children: e.jsx(t, { className: [j ? "" : "ono-select-readonly", b].filter(Boolean).join(" "), border: m, disabled: u, placeholder: j && O ? N.toString() || "" : d, readonly: !j, value: j && M ? B : N.toString(), clearable: V && h, suffix: V && h && N || h && B && j ? e.jsx(e.Fragment, {}) : e.jsx(r, { isVisible: M }), onClear: () => {
     C == null ? void 0 : C(), g == null ? void 0 : g(""), R(""), L(""), S("");
   }, onChange: (e2) => S(e2.target.value) }) }) });
 }, r = ({ isVisible: o2 }) => e.jsx("svg", { className: ["ono-select-arrow-down-icon", o2 ? "ono-select-arrow-down-active" : ""].filter(Boolean).join(" "), viewBox: "64 64 896 896", focusable: "false", "data-icon": "down", fill: "currentColor", "aria-hidden": "true", children: e.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" }) });

package/dist/es/{Switch-CN3M5pXb.js → Switch-CRJejHP9.js}

@@ -1,34 +1,34 @@
 import { j as e } from "./dependencies-CbQbPZZ-.js";
-import { p as n } from "./utils-BxXROOPY.js";
-import { useRef as r, useEffect as t } from "react";
-const c = ({ id: c2, text: i, style: s, color: l, checked: a, onChange: o, name: d = "", className: h, disabled: u = false }) => {
+import { p as n } from "./common.ts-DQOEx8k3.js";
+import { useRef as r, useEffect as c } from "react";
+const t = ({ id: t2, text: i, style: s, color: l, checked: o, onChange: a, name: d = "", className: h, disabled: u = false }) => {
   const m = r(null), f = r(null), v = r(null), p = r(null), j = r(null), x = r(null), w = [{ value: "string" == typeof l ? l : l == null ? void 0 : l.active, name: "checkedClr" }, { value: "string" == typeof l ? void 0 : l == null ? void 0 : l.inactive, name: "uncheckedClr" }];
-  return t(() => {
+  return c(() => {
     (() => {
       if (!f.current || !m.current) return;
       let e2 = 60, r2 = 32;
       if (h || s) {
-        const t2 = getComputedStyle(f.current);
-        e2 = n(t2.width), r2 = n(t2.height);
+        const c2 = getComputedStyle(f.current);
+        e2 = n(c2.width), r2 = n(c2.height);
       }
       [...w, { value: e2, name: "w" }, { value: r2, name: "h" }].forEach(({ value: e3, name: n2 }) => {
         e3 && ((e4, n3, r3) => {
-          const t2 = "number" == typeof e4;
-          r3.style.setProperty(`--${n3}`, t2 ? `${e4}px` : e4);
+          const c2 = "number" == typeof e4;
+          r3.style.setProperty(`--${n3}`, c2 ? `${e4}px` : e4);
         })(e3, n2, m.current);
       }), requestAnimationFrame(() => {
         p.current && (p.current.style.transition = "transform 0.3s");
       });
     })();
-  }, [f, m, p, h, s, l, i, j, x]), t(() => {
-    v.current && (v.current.checked = a);
-  }, [v, a]), e.jsxs("div", { ref: m, className: ["ono-switch", u ? "ono-switch-is-disabled" : ""].filter(Boolean).join(" "), children: [e.jsx("input", { id: c2, name: d, role: "switch", ref: v, type: "checkbox", checked: a, onChange: (e2) => {
-    u || (o == null ? void 0 : o(e2.currentTarget.checked, e2));
+  }, [f, m, p, h, s, l, i, j, x]), c(() => {
+    v.current && (v.current.checked = o);
+  }, [v, o]), e.jsxs("div", { ref: m, className: ["ono-switch", u ? "ono-switch-is-disabled" : ""].filter(Boolean).join(" "), children: [e.jsx("input", { id: t2, name: d, role: "switch", ref: v, type: "checkbox", checked: o, onChange: (e2) => {
+    u || (a == null ? void 0 : a(e2.currentTarget.checked, e2));
   } }), e.jsx("div", { ref: f, className: ["ono-switch-box", h || ""].filter(Boolean).join(" "), style: s, onClick: () => {
     var _a;
     return (_a = v.current) == null ? void 0 : _a.click();
   }, children: e.jsxs("div", { ref: p, className: "ono-switch-children-bar", children: [(i == null ? void 0 : i.active) && e.jsx("div", { ref: j, className: "ono-switch-children", children: i == null ? void 0 : i.active }), e.jsx("div", { className: "ono-switch-slider" }), (i == null ? void 0 : i.inactive) && e.jsx("div", { ref: x, className: "ono-switch-children", children: i == null ? void 0 : i.inactive })] }) })] });
 };
 export {
-  c as S
+  t as S
 };

package/dist/es/{TemplateDialog-DKEBuvXA.js → TemplateDialog-dD8BcnbA.js}

@@ -1,8 +1,8 @@
 import { j as e } from "./dependencies-CbQbPZZ-.js";
-import { h as t } from "./utils-BxXROOPY.js";
-import { useState as n, useRef as o, useEffect as r, useCallback as s } from "react";
-const i = ({ children: i2, animation: a, className: l, duration: c = 300, style: d, maskColor: p = "rgba(0, 0, 0, 0.5)", disableContextMenu: m, maskClickClose: u = true, dialogClose: y }) => {
-  const [f, k] = n(false), g = o(null), x = () => {
+import { g as t } from "./common.ts-DQOEx8k3.js";
+import { useState as o, useRef as n, useEffect as r, useCallback as s } from "react";
+const i = ({ children: i2, animation: a, className: l, duration: c = 300, style: d, maskColor: m = "rgba(0, 0, 0, 0.5)", disableContextMenu: p, maskClickClose: u = true, dialogClose: y }) => {
+  const [f, k] = o(false), g = n(null), x = () => {
     if (g.current) if (k(true), a) {
       const e2 = g.current;
       e2.classList.remove(`ono-${a.type}-enter`), e2.classList.add(`ono-${a.type}-leave`), setTimeout(y, c);
@@ -11,16 +11,16 @@ const i = ({ children: i2, animation: a, className: l, duration: c = 300, style:
   r(() => {
     (() => {
       if (!a || !g.current) return;
-      const e2 = g.current.parentElement.style, n2 = g.current.style;
+      const e2 = g.current.parentElement.style, o2 = g.current.style;
       switch (e2.setProperty("--duration", c / 1e3 + "s"), a.type) {
         case "zoom": {
-          const { x: e3, y: o2 } = t(a.element), r2 = (e3 / window.innerWidth * 100).toFixed(2) + "%", s2 = (o2 / window.innerHeight * 100).toFixed(2) + "%";
-          n2.setProperty("--left", r2), n2.setProperty("--top", s2);
+          const { x: e3, y: n2 } = t(a.element), r2 = (e3 / window.innerWidth * 100).toFixed(2) + "%", s2 = (n2 / window.innerHeight * 100).toFixed(2) + "%";
+          o2.setProperty("--left", r2), o2.setProperty("--top", s2);
           break;
         }
         case "fade": {
           const e3 = "left-center" === a.direction ? "--left" : "--top";
-          n2.setProperty(e3, a.startPosition);
+          o2.setProperty(e3, a.startPosition);
           break;
         }
       }
@@ -34,7 +34,7 @@ const i = ({ children: i2, animation: a, className: l, duration: c = 300, style:
   return e.jsx("div", { className: `
         ono-dialog-mask
         ono-dialog-mask-${f ? "leave" : "enter"}
-      `, style: { background: p }, onClick: () => u && x(), onContextMenu: (e2) => m && e2.preventDefault(), children: e.jsx("div", { ref: g, className: `
+      `, style: { background: m }, onClick: () => u && x(), onContextMenu: (e2) => p && e2.preventDefault(), children: e.jsx("div", { ref: g, className: `
           ono-dialog
           ${l || ""} 
           ${C()}

package/dist/es/{Toast-DHu6WOZ0.js → Toast-CQEsbqUJ.js}

@@ -1,41 +1,41 @@
-import { j as s } from "./dependencies-CbQbPZZ-.js";
-import { useEffect as e, useRef as t } from "react";
-import { i } from "./InjunctiveBox-DsntB_UW.js";
-const a = "_enter_3s92l_32";
+import { j as e } from "./dependencies-CbQbPZZ-.js";
+import { useEffect as s, useRef as t } from "react";
+import { i } from "./InjunctiveBox-DUNoNHCO.js";
+const a = "_enter_974ly_32";
 let r = [];
-const c = { success: { light: "#52c41a", dark: "#49aa19" }, error: { light: "#ff4d4f", dark: "#a61d24" }, warning: { light: "#faad14", dark: "#d89614" }, promise: { light: "", dark: "" } }, o = (s2, e2) => c[s2][e2], n = (e2) => {
-  switch (e2) {
+const c = { success: { light: "#52c41a", dark: "#49aa19" }, error: { light: "#ff4d4f", dark: "#a61d24" }, warning: { light: "#faad14", dark: "#d89614" }, promise: { light: "", dark: "" } }, o = (e2, s2) => c[e2][s2], n = (s2) => {
+  switch (s2) {
     case "success":
-      return s.jsx("svg", { viewBox: "0 0 1024 1024", focusable: "false", "data-icon": "check-circle", width: "24px", height: "24px", fill: o(e2, "light"), "aria-hidden": "true", children: s.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 e.jsx("svg", { viewBox: "0 0 1024 1024", focusable: "false", "data-icon": "check-circle", width: "24px", height: "24px", fill: o(s2, "light"), "aria-hidden": "true", children: e.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 s.jsx("svg", { viewBox: "0 0 1024 1024", focusable: "false", "data-icon": "close-circle", width: "24px", height: "24px", fill: o(e2, "light"), "aria-hidden": "true", children: s.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 e.jsx("svg", { viewBox: "0 0 1024 1024", focusable: "false", "data-icon": "close-circle", width: "24px", height: "24px", fill: o(s2, "light"), "aria-hidden": "true", children: e.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 s.jsx("svg", { viewBox: "0 0 1024 1024", focusable: "false", "data-icon": "exclamation-circle", width: "24px", height: "24px", fill: o(e2, "light"), "aria-hidden": "true", children: s.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 e.jsx("svg", { viewBox: "0 0 1024 1024", focusable: "false", "data-icon": "exclamation-circle", width: "24px", height: "24px", fill: o(s2, "light"), "aria-hidden": "true", children: e.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" }) });
   }
 }, l = ({ type: i2, speed: r2 = 200, message: c2, duration: o2 = 2e3, className: l2, style: m2, isUseEnterAnimation: d = true, promiseOptions: h, toastList: u, handleDestroy: g }) => {
   const y = t(null);
-  return e(() => {
+  return s(() => {
     y.current && (y.current.style.setProperty("--speed", r2 / 1e3 + "s"), d && y.current.classList.add(a), "promise" !== i2 && setTimeout(() => {
       var _a, _b;
-      (_a = y.current) == null ? void 0 : _a.classList.remove(a), (_b = y.current) == null ? void 0 : _b.classList.add("_leave_3s92l_36");
+      (_a = y.current) == null ? void 0 : _a.classList.remove(a), (_b = y.current) == null ? void 0 : _b.classList.add("_leave_974ly_36");
     }, o2 - r2));
-  }, [y]), e(() => {
-    "promise" === i2 ? ("function" == typeof c2 ? c2() : c2).then((s2) => setTimeout(() => {
-      g(), p({ type: "success", message: "function" == typeof (h == null ? void 0 : h.success) ? h.success(s2) : (h == null ? void 0 : h.success) || "", isUseEnterAnimation: false, toastList: u });
-    }, r2)).catch((s2) => setTimeout(() => {
-      g(), p({ type: "error", message: "function" == typeof (h == null ? void 0 : h.error) ? h.error(s2) : (h == null ? void 0 : h.error) || "", isUseEnterAnimation: false, toastList: u });
+  }, [y]), s(() => {
+    "promise" === i2 ? ("function" == typeof c2 ? c2() : c2).then((e2) => setTimeout(() => {
+      g(), p({ type: "success", message: "function" == typeof (h == null ? void 0 : h.success) ? h.success(e2) : (h == null ? void 0 : h.success) || "", isUseEnterAnimation: false, toastList: u });
+    }, r2)).catch((e2) => setTimeout(() => {
+      g(), p({ type: "error", message: "function" == typeof (h == null ? void 0 : h.error) ? h.error(e2) : (h == null ? void 0 : h.error) || "", isUseEnterAnimation: false, toastList: u });
     }, r2)) : setTimeout(() => g(() => u = []), o2);
-  }, [i2]), s.jsxs("div", { ref: y, className: ["promise" === i2 ? "_promise_3s92l_15" : "_base_3s92l_15", l2].join(" "), style: m2, onClick: () => {
-  }, children: [s.jsx("div", { className: "_icon_3s92l_40", children: n(i2) }), s.jsx("p", { children: "string" == typeof c2 ? c2 : h && h.loading })] });
-}, p = ({ type: t2, speed: a2 = 200, message: r2, duration: c2 = 2e3, zIndex: o2 = 9999, className: n2, style: p2, isUseEnterAnimation: m2 = true, promiseOptions: d, toastList: h }) => i({ className: "_container_3s92l_1", isSingle: true, style: { zIndex: o2 }, content: (i2) => (e(() => {
-}, [h]), s.jsx(l, { className: n2, style: p2, type: t2, message: r2, speed: a2, duration: c2, isUseEnterAnimation: m2, promiseOptions: d, handleDestroy: i2, toastList: h })) }), m = { success: (s2) => {
-  r.push({ type: "success", message: s2 }), p("string" == typeof s2 ? { type: "success", message: s2, toastList: r } : { type: "success", ...s2, toastList: r });
-}, error: (s2) => {
-  r.push({ type: "error", message: s2 }), p("string" == typeof s2 ? { type: "error", message: s2, toastList: r } : { type: "error", ...s2, toastList: r });
-}, warning: (s2) => {
-  r.push({ type: "warning", message: s2 }), p("string" == typeof s2 ? { type: "warning", message: s2, toastList: r } : { type: "warning", ...s2, toastList: r });
-}, promise: (s2, e2) => {
-  r.push({ type: "promise", message: s2 }), p({ type: "promise", message: s2, promiseOptions: e2, toastList: r });
+  }, [i2]), e.jsxs("div", { ref: y, className: ["promise" === i2 ? "_promise_974ly_15" : "_base_974ly_15", l2].join(" "), style: m2, onClick: () => {
+  }, children: [e.jsx("div", { className: "_icon_974ly_40", children: n(i2) }), e.jsx("p", { children: "string" == typeof c2 ? c2 : h && h.loading })] });
+}, p = ({ type: t2, speed: a2 = 200, message: r2, duration: c2 = 2e3, zIndex: o2 = 9999, className: n2, style: p2, isUseEnterAnimation: m2 = true, promiseOptions: d, toastList: h }) => i({ className: "_container_974ly_1", isSingle: true, style: { zIndex: o2 }, content: (i2) => (s(() => {
+}, [h]), e.jsx(l, { className: n2, style: p2, type: t2, message: r2, speed: a2, duration: c2, isUseEnterAnimation: m2, promiseOptions: d, handleDestroy: i2, toastList: h })) }), m = { success: (e2) => {
+  r.push({ type: "success", message: e2 }), p("string" == typeof e2 ? { type: "success", message: e2, toastList: r } : { type: "success", ...e2, toastList: r });
+}, error: (e2) => {
+  r.push({ type: "error", message: e2 }), p("string" == typeof e2 ? { type: "error", message: e2, toastList: r } : { type: "error", ...e2, toastList: r });
+}, warning: (e2) => {
+  r.push({ type: "warning", message: e2 }), p("string" == typeof e2 ? { type: "warning", message: e2, toastList: r } : { type: "warning", ...e2, toastList: r });
+}, promise: (e2, s2) => {
+  r.push({ type: "promise", message: e2 }), p({ type: "promise", message: e2, promiseOptions: s2, toastList: r });
 } };
 export {
   m as t

package/dist/es/{Tooltip-Dj8ZeMVG.js → Tooltip-j2AKREfX.js}

@@ -1,28 +1,28 @@
 import { j as e } from "./dependencies-CbQbPZZ-.js";
-import { createPopper as r } from "@popperjs/core";
-import { useState as t, useRef as n, useEffect as o } from "react";
-import { useClickOutSide as c } from "./index.js";
+import { u as r } from "./useClickOutSide.tsx-CMvd2uTW.js";
+import { createPopper as t } from "@popperjs/core";
+import { useState as n, useRef as o, useEffect as c } from "react";
 let s = null, l = null;
 const i = ({ children: i2, content: p, onOpenChange: u, trigger: a = "hover", placement: m = "top", popperOptions: d = {}, className: f, style: h, isShowArrow: x = true, sameWidth: w, autoAdjustOverflow: j = true }) => {
-  const [v, y] = t(false), g = n(null), b = n(null), k = (e2) => {
+  const [v, y] = n(false), g = o(null), k = o(null), b = (e2) => {
     u == null ? void 0 : u(e2), y(e2);
   };
-  return c(b, () => {
-    "click" !== a && "contextmenu" !== a || k(false);
-  }, { event: ["click", "contextmenu"], deps: [a, u] }), o(() => {
+  return r(k, () => {
+    "click" !== a && "contextmenu" !== a || b(false);
+  }, { event: ["click", "contextmenu"], deps: [a, u] }), c(() => {
     (() => {
-      if (!b.current) return;
-      const e2 = Array.from(b.current.children);
+      if (!k.current) return;
+      const e2 = Array.from(k.current.children);
       if (e2.length > 1) throw new Error("Tooltip only support one child");
-      b.current.style.width = e2[0].getBoundingClientRect().width + "px";
+      k.current.style.width = e2[0].getBoundingClientRect().width + "px";
     })();
-  }, [b, i2]), o(() => {
-    b.current && ("hover" === a ? (b.current.onmouseenter = () => k(true), b.current.onmouseleave = () => k(false)) : "click" === a ? b.current.onclick = () => k(!v) : "focus" === a ? (b.current.onfocus = () => k(true), b.current.onblur = () => k(false)) : b.current.oncontextmenu = () => k(!v)), v && b.current && g.current ? l = r(b.current, g.current, { placement: m, modifiers: [{ name: "offset", options: { offset: [0, 6] } }, w ? { name: "sameWidth", enabled: true, phase: "beforeWrite", requires: ["computeStyles"], fn({ state: e2 }) {
+  }, [k, i2]), c(() => {
+    k.current && ("hover" === a ? (k.current.onmouseenter = () => b(true), k.current.onmouseleave = () => b(false)) : "click" === a ? k.current.onclick = () => b(!v) : "focus" === a ? (k.current.onfocus = () => b(true), k.current.onblur = () => b(false)) : k.current.oncontextmenu = () => b(!v)), v && k.current && g.current ? l = t(k.current, g.current, { placement: m, modifiers: [{ name: "offset", options: { offset: [0, 6] } }, w ? { name: "sameWidth", enabled: true, phase: "beforeWrite", requires: ["computeStyles"], fn({ state: e2 }) {
       e2.styles.popper.width = `${e2.rects.reference.width}px`;
     }, effect({ state: e2 }) {
       e2.elements.popper.style.width = `${e2.elements.reference.offsetWidth}px`;
     } } : {}, j ? { name: "flip", enabled: true } : {}], ...d }) : l && (l.destroy(), l = null, s && s.remove(), s = null);
-  }, [v, b, g]), e.jsxs(e.Fragment, { children: [v && e.jsxs("div", { ref: g, style: h, className: ["ono-tooltip-popper", f].join(" "), "data-popper-placement": d.placement || m, children: [e.jsx("div", { children: p instanceof Function ? p() : p }), x && e.jsx("div", { className: "ono-tooltip-popper-arrow", "data-popper-arrow": true })] }), e.jsx("div", { ref: b, children: i2 instanceof Function ? i2() : i2 })] });
+  }, [v, k, g]), e.jsxs(e.Fragment, { children: [v && e.jsxs("div", { ref: g, style: h, className: ["ono-tooltip-popper", f].join(" "), "data-popper-placement": d.placement || m, children: [e.jsx("div", { children: p instanceof Function ? p() : p }), x && e.jsx("div", { className: "ono-tooltip-popper-arrow", "data-popper-arrow": true })] }), e.jsx("div", { ref: k, children: i2 instanceof Function ? i2() : i2 })] });
 };
 export {
   i as T