ono-react-element 0.0.12 → 0.0.13

package/dist/es/index.js

@@ -1,125 +1,36 @@
-import { v as e } from "./utils-BxXROOPY.js";
-import { i, j, f, k, l, m, n, o, q, r, s, t, u, w, x, y, z, A, B, C, D, E, F, h, G, H, I, J, K, L, M, N, O, P, Q, R, p, S, T, U, V, W, X, Y, Z, _ } from "./utils-BxXROOPY.js";
-import { A as A2, D as D2 } from "./AutoSliderList-DCpCHe1X.js";
+import { u } from "./useClickOutSide.tsx-CMvd2uTW.js";
+import { u as u2 } from "./useCountdown.tsx-Btzj-keH.js";
+import { u as u3 } from "./useEventListener.tsx-BBGVcI5T.js";
+import { u as u4 } from "./useGetElementSize.tsx-Dtshth0Y.js";
+import { u as u5 } from "./useKeyPress.tsx-Db44HXXz.js";
+import { u as u6 } from "./useMouseClick.tsx-C7uAH4n4.js";
+import { u as u7 } from "./useTheme.tsx-C5b7BRYz.js";
+import { u as u8 } from "./useThemePro.tsx-DQuSI8J7.js";
+import { a, c } from "./colorUtils.ts-DYuRvCXZ.js";
+import { a as a2, b, c as c2, d, e, f, h, i, j, k, l, m, n, g, o, q, r, s, t, u as u9, v, w, x, y, z, p, A, B, C, D, E } from "./common.ts-DQOEx8k3.js";
+import { b as b2, a as a3, c as c3, d as d2, f as f2, e as e2, u as u10, g as g2, h as h2 } from "./fileFormatConversion.ts-tUlewYon.js";
+import { c as c4, f as f3, l as l2, s as s2 } from "./formatTimeUtils.ts-CkdWJ_Sl.js";
+import { A as A2, D as D2 } from "./AutoSliderList-w9mw0JCN.js";
 import { A as A3 } from "./AvatarCrop-DrA-SARP.js";
-import { A as A4, L as L2 } from "./List-UAKCMuGC.js";
+import { A as A4, L } from "./List-UAKCMuGC.js";
 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 } from "./VirtualList-BBvdkGKk.js";
-import { M as M2 } from "./MenuButton-DHkU5Bq7.js";
-import { m as m2 } from "./Message-GvTC61N0.js";
-import { M as M3 } from "./Modal-D4gV43Cy.js";
-import { O as O2, a } from "./Input-CYA8Q8B5.js";
-import { O as O3 } from "./Select-CJuIMAoG.js";
-import { P as P2 } from "./Pagination-m71H2tfS.js";
+import { E as E2, c as c5 } from "./VirtualList-w16-kBkT.js";
+import { M } from "./MenuButton-DHkU5Bq7.js";
+import { m as m2 } from "./Message-BGDILiLc.js";
+import { M as M2 } from "./Modal-BIFxRjSt.js";
+import { O, a as a4 } from "./Input-DLOeg2pz.js";
+import { O as O2 } from "./Select-DAU6TuBu.js";
+import { P } from "./Pagination-m71H2tfS.js";
 import { p as p2 } from "./PortalRenderer-CDAzQJgm.js";
-import { R as R2, a as a2 } from "./Radio-D_GKVoOC.js";
-import { S as S2 } from "./SvgImg-CZwq2D7J.js";
-import { S as S3 } from "./Switch-CN3M5pXb.js";
-import { T as T2 } from "./TemplateDialog-DKEBuvXA.js";
-import { t as t2 } from "./Toast-DHu6WOZ0.js";
-import { T as T3 } from "./Tooltip-Dj8ZeMVG.js";
-import { useEffect as d, useState as g, useRef as v, useCallback as b } from "react";
-import { W as W2 } from "./Waterfall-Ce9ZeKxm.js";
-const $ = (e2, t3, r2) => {
-  const { target: o2, deps: a3, isDeferred: s2 } = r2 || {}, n2 = (e3) => t3(e3);
-  return d(() => ("string" == typeof e2 ? !s2 && (o2 || window).addEventListener(e2, n2) : e2.forEach((e3) => !s2 && (o2 || window).addEventListener(e3, n2)), () => {
-    "string" == typeof e2 ? (o2 || window).removeEventListener(e2, n2) : e2.forEach((e3) => (o2 || window).removeEventListener(e3, n2));
-  }), [o2, ...a3 || []]), s2 ? () => {
-    "string" == typeof e2 ? (o2 || window).addEventListener(e2, n2) : e2.forEach((e3) => (o2 || window).addEventListener(e3, n2));
-  } : void 0;
-}, ee = (e2, t3, r2) => $(((e3) => {
-  const t4 = "string" == typeof e3 ? [e3] : e3;
-  if (new Set(t4).size !== t4.length) throw new Error("there are duplicates in the event type");
-  return t4;
-})((r2 == null ? void 0 : r2.event) || "click"), (r3) => {
-  if (e2) if (e2 instanceof Array) e2.map((e3) => e3 instanceof HTMLElement ? e3 : e3.current).some((e3) => !!e3 && e3.contains(r3.target)) || t3(r3);
-  else {
-    const o2 = e2 instanceof HTMLElement ? e2 : e2.current;
-    o2 && !o2.contains(r3.target) && t3(r3);
-  }
-}, { deps: [e2, ...(r2 == null ? void 0 : r2.deps) || []] }), te = (e2 = 60, t3) => {
-  const [r2, o2] = g(e2), [a3, s2] = g(false), n2 = v(null), i2 = b(() => s2(true), []), c2 = b(() => {
-    s2(false), o2(e2), n2.current && (clearTimeout(n2.current), n2.current = null), t3 == null ? void 0 : t3();
-  }, [e2, t3]);
-  return d(() => {
-    if (a3) return r2 > 0 ? n2.current = setTimeout(() => {
-      o2((e3) => e3 - 1);
-    }, 1e3) : c2(), () => {
-      n2.current && (clearTimeout(n2.current), n2.current = null);
-    };
-  }, [a3, r2, c2]), [r2, i2, c2];
-}, re = (e2) => {
-  const [t3, r2] = g({ w: 0, h: 0 }), o2 = new ResizeObserver((e3) => {
-    for (const t4 of e3) r2({ w: t4.borderBoxSize[0].inlineSize, h: t4.borderBoxSize[0].blockSize });
-  }), a3 = () => {
-    if (e2 && "function" != typeof e2) o2.observe(e2 instanceof HTMLElement ? e2 : e2.current);
-    else if (e2 && "function" == typeof e2) {
-      const t4 = e2();
-      o2.observe(t4 instanceof HTMLElement ? t4 : t4.current);
-    } else r2({ w: window.innerWidth, h: window.innerHeight });
-  };
-  return d(() => (a3(), window.addEventListener("resize", a3), () => {
-    if (window.removeEventListener("resize", a3), e2 && "function" != typeof e2) o2.unobserve(e2 instanceof HTMLElement ? e2 : e2.current);
-    else if (e2 && "function" == typeof e2) {
-      const t4 = e2();
-      o2.unobserve(t4 instanceof HTMLElement ? t4 : t4.current);
-    }
-  }), [e2]), t3;
-}, oe = (e2) => e2.toString().toLocaleLowerCase(), ae = (e2, t3, r2) => {
-  const o2 = (o3) => $(o3, (o4) => ((e3, r3, o5) => {
-    e3.forEach((e4) => {
-      if (e4.includes("+") && e4.length > 1) {
-        const o6 = e4.split("+"), a3 = r3.ctrlKey && o6.includes("ctrl"), s2 = r3.shiftKey && o6.includes("shift"), n2 = r3.altKey && o6.includes("alt"), i2 = r3.metaKey && o6.includes("meta"), c2 = (r3.ctrlKey || r3.metaKey) && o6.includes("commandorcontrol");
-        2 === o6.length ? (a3 || s2 || n2 || i2 || c2) && r3.key.toLocaleLowerCase() === o6[o6.length - 1] && t3(r3, e4) : 3 === o6.length && (a3 && s2 || a3 && n2 || a3 && i2 || a3 && c2 || s2 && n2 || s2 && i2 || s2 && c2 || n2 && i2 || n2 && c2 || i2 && c2) && r3.key.toLocaleLowerCase() === o6[o6.length - 1] && t3(r3, e4);
-      } else if (e4.includes(oe(r3.key))) {
-        if (o5) e4 === oe(r3.key) && t3(r3, e4);
-        else if (!(r3.ctrlKey || r3.metaKey || r3.shiftKey || r3.altKey)) return t3(r3, e4);
-      }
-    });
-  })(e2 instanceof Array ? e2.map((e3) => oe(e3)) : [oe(e2)], o4, (r2 == null ? void 0 : r2.exactMatch) || false), { deps: [r2 == null ? void 0 : r2.target, ...(r2 == null ? void 0 : r2.deps) || []] });
-  (r2 == null ? void 0 : r2.events) instanceof Array ? r2.events.forEach((e3) => o2(e3)) : o2((r2 == null ? void 0 : r2.events) || "keydown");
-}, se = () => {
-  const [e2, t3] = g({ clientX: 0, clientY: 0, screenX: 0, screenY: 0, pageX: 0, pageY: 0 });
-  return $("click", (e3) => {
-    const r2 = e3.clientX, o2 = e3.clientY, a3 = e3.screenX, s2 = e3.screenY, n2 = e3.pageX, i2 = e3.pageY;
-    t3({ clientX: r2, clientY: o2, screenX: a3, screenY: s2, pageX: n2, pageY: i2 });
-  }), e2;
-};
-let ne = false;
-const ie = ({ theme: e2, onDark: t3, onLight: r2 }) => {
-  const o2 = window.matchMedia("(prefers-color-scheme: dark)"), a3 = () => {
-    o2.matches ? t3() : r2();
-  };
-  d(() => {
-    (() => {
-      switch (ne && (ne = false, o2.removeEventListener("change", a3)), e2) {
-        case "light":
-          r2();
-          break;
-        case "dark":
-          t3();
-          break;
-        default:
-          a3(), ne = true, o2.addEventListener("change", a3);
-      }
-    })();
-  }, [e2]);
-}, ce = (t3) => {
-  const { initTheme: r2 = "light", themeRules: o2 = (e2) => {
-    e2 ? document.documentElement.classList.add("dark") : document.documentElement.classList.remove("dark");
-  } } = t3 || Object.assign({}), [a3, s2] = g(r2), n2 = v(null);
-  return ie({ theme: a3, onDark: () => {
-    n2.current ? e.changeThemeClipPathCircle({ element: n2.current, onChangeTheme: () => o2(true) }) : o2(true);
-  }, onLight: () => {
-    n2.current ? e.changeThemeClipPathCircle({ element: n2.current, onChangeTheme: () => o2(false) }) : o2(false);
-  } }), [a3, ({ targetTheme: e2, element: t4, onChange: r3 }) => {
-    n2.current = t4 || null, requestAnimationFrame(() => {
-      r3 == null ? void 0 : r3(), s2(e2);
-    });
-  }];
-};
+import { R, a as a5 } from "./Radio-D_GKVoOC.js";
+import { S } from "./SvgImg-CZwq2D7J.js";
+import { S as S2 } from "./Switch-CRJejHP9.js";
+import { T } from "./TemplateDialog-dD8BcnbA.js";
+import { t as t2 } from "./Toast-CQEsbqUJ.js";
+import { T as T2 } from "./Tooltip-j2AKREfX.js";
+import { W } from "./Waterfall-CFVkuuCO.js";
 export {
   A2 as AutoSliderList,
   A3 as AvatarCrop,
@@ -129,76 +40,76 @@ export {
   C3 as Checkbox,
   D2 as Direction,
   E2 as EstimatedVirtualList,
-  L2 as List,
-  M2 as MenuButton,
-  M3 as Modal,
-  O2 as OnoInput,
-  O3 as OnoSelect,
-  a as OnoTextarea,
-  P2 as Pagination,
-  R2 as Radio,
-  a2 as RadioGroup,
-  S2 as SvgImg,
-  S3 as Switch,
-  T2 as TemplateDialog,
-  T3 as Tooltip,
-  W2 as Waterfall,
-  i as addCommasToNumber,
-  j as addEventWithOriginHandler,
-  f as adjustingColors,
-  k as base64ToBlob,
-  l as base64ToFile,
-  m as blobToBase64,
-  n as blobToFile,
-  o as calculateAspectRatio,
-  q as checkDeviceIsMobile,
-  r as checkStatusCode,
-  s as colorUtils,
-  t as common,
-  u as convertSecondToOtherTime,
-  w as copy2Clipboard,
-  c as createDataSource,
-  x as createIntersectionObserver,
-  y as dayOfYear,
-  z as deepCopy,
-  A as downloadFile,
-  B as fileToBase64,
-  C as fileToBlob,
-  D as formatFileSize,
-  E as formatSecondes,
-  F as formatTime,
-  h as getElementCenterPosition,
-  G as getFileName,
-  H as getFileSuffix,
-  I as getImageSIze,
-  J as getPointDistance,
-  K as getURLSearchParams,
-  L as grayColor,
-  M as localFormat,
-  N as mediaAutoplayPolicies,
+  L as List,
+  M as MenuButton,
+  M2 as Modal,
+  O as OnoInput,
+  O2 as OnoSelect,
+  a4 as OnoTextarea,
+  P as Pagination,
+  R as Radio,
+  a5 as RadioGroup,
+  S as SvgImg,
+  S2 as Switch,
+  T as TemplateDialog,
+  T2 as Tooltip,
+  W as Waterfall,
+  a2 as addCommasToNumber,
+  b as addEventWithOriginHandler,
+  a as adjustingColors,
+  b2 as base64ToBlob,
+  a3 as base64ToFile,
+  c3 as blobToBase64,
+  d2 as blobToFile,
+  c2 as calculateAspectRatio,
+  d as checkDeviceIsMobile,
+  e as checkStatusCode,
+  c as colorUtils,
+  f as common,
+  c4 as convertSecondToOtherTime,
+  h as copy2Clipboard,
+  c5 as createDataSource,
+  i as createIntersectionObserver,
+  j as dayOfYear,
+  k as deepCopy,
+  l as downloadFile,
+  f2 as fileToBase64,
+  e2 as fileToBlob,
+  m as formatFileSize,
+  n as formatSecondes,
+  f3 as formatTime,
+  g as getElementCenterPosition,
+  o as getFileName,
+  q as getFileSuffix,
+  r as getImageSIze,
+  s as getPointDistance,
+  t as getURLSearchParams,
+  u9 as grayColor,
+  l2 as localFormat,
+  v as mediaAutoplayPolicies,
   m2 as message,
-  O as parseQuery,
-  P as passwordStrength,
-  Q as pick,
+  w as parseQuery,
+  x as passwordStrength,
+  y as pick,
   p2 as portalRenderer,
-  R as printStr,
+  z as printStr,
   p as pureNumber,
-  S as quickSort,
-  T as rafTimeout,
-  U as randomString,
-  V as safeCapitalizeWord,
-  W as second2Day,
-  X as singleton,
+  A as quickSort,
+  B as rafTimeout,
+  C as randomString,
+  D as safeCapitalizeWord,
+  s2 as second2Day,
+  E as singleton,
   t2 as toast,
-  Y as urlToBase64,
-  Z as urlToBlob,
-  _ as urlToFile,
-  ee as useClickOutSide,
-  te as useCountdown,
-  $ as useEventListener,
-  re as useGetElementSize,
-  ae as useKeyPress,
-  se as useMouseClick,
-  ie as useTheme,
-  ce as useThemePro
+  u10 as urlToBase64,
+  g2 as urlToBlob,
+  h2 as urlToFile,
+  u as useClickOutSide,
+  u2 as useCountdown,
+  u3 as useEventListener,
+  u4 as useGetElementSize,
+  u5 as useKeyPress,
+  u6 as useMouseClick,
+  u7 as useTheme,
+  u8 as useThemePro
 };

package/dist/es/useClickOutSide.tsx-CMvd2uTW.js

@@ -0,0 +1,15 @@
+import { u as e } from "./useEventListener.tsx-BBGVcI5T.js";
+const t = (t2, n, r) => e(((e2) => {
+  const t3 = "string" == typeof e2 ? [e2] : e2;
+  if (new Set(t3).size !== t3.length) throw new Error("there are duplicates in the event type");
+  return t3;
+})((r == null ? void 0 : r.event) || "click"), (e2) => {
+  if (t2) if (t2 instanceof Array) t2.map((e3) => e3 instanceof HTMLElement ? e3 : e3.current).some((t3) => !!t3 && t3.contains(e2.target)) || n(e2);
+  else {
+    const r2 = t2 instanceof HTMLElement ? t2 : t2.current;
+    r2 && !r2.contains(e2.target) && n(e2);
+  }
+}, { deps: [t2, ...(r == null ? void 0 : r.deps) || []] });
+export {
+  t as u
+};

package/dist/es/useCountdown.tsx-Btzj-keH.js

@@ -0,0 +1,16 @@
+import { useState as r, useRef as e, useCallback as t, useEffect as u } from "react";
+const n = (n2 = 60, c) => {
+  const [l, o] = r(n2), [i, m] = r(false), a = e(null), s = t(() => m(true), []), T = t(() => {
+    m(false), o(n2), a.current && (clearTimeout(a.current), a.current = null), c == null ? void 0 : c();
+  }, [n2, c]);
+  return u(() => {
+    if (i) return l > 0 ? a.current = setTimeout(() => {
+      o((r2) => r2 - 1);
+    }, 1e3) : T(), () => {
+      a.current && (clearTimeout(a.current), a.current = null);
+    };
+  }, [i, l, T]), [l, s, T];
+};
+export {
+  n as u
+};

package/dist/es/useEventListener.tsx-BBGVcI5T.js

@@ -0,0 +1,12 @@
+import { useEffect as e } from "react";
+const t = (t2, n, r) => {
+  const { target: o, deps: i, isDeferred: d } = r || {}, s = (e2) => n(e2);
+  return e(() => ("string" == typeof t2 ? !d && (o || window).addEventListener(t2, s) : t2.forEach((e2) => !d && (o || window).addEventListener(e2, s)), () => {
+    "string" == typeof t2 ? (o || window).removeEventListener(t2, s) : t2.forEach((e2) => (o || window).removeEventListener(e2, s));
+  }), [o, ...i || []]), d ? () => {
+    "string" == typeof t2 ? (o || window).addEventListener(t2, s) : t2.forEach((e2) => (o || window).addEventListener(e2, s));
+  } : void 0;
+};
+export {
+  t as u
+};

package/dist/es/useGetElementSize.tsx-Dtshth0Y.js

@@ -0,0 +1,22 @@
+import { useState as e, useEffect as n } from "react";
+const o = (o2) => {
+  const [t, i] = e({ w: 0, h: 0 }), r = new ResizeObserver((e2) => {
+    for (const n2 of e2) i({ w: n2.borderBoxSize[0].inlineSize, h: n2.borderBoxSize[0].blockSize });
+  }), s = () => {
+    if (o2 && "function" != typeof o2) r.observe(o2 instanceof HTMLElement ? o2 : o2.current);
+    else if (o2 && "function" == typeof o2) {
+      const e2 = o2();
+      r.observe(e2 instanceof HTMLElement ? e2 : e2.current);
+    } else i({ w: window.innerWidth, h: window.innerHeight });
+  };
+  return n(() => (s(), window.addEventListener("resize", s), () => {
+    if (window.removeEventListener("resize", s), o2 && "function" != typeof o2) r.unobserve(o2 instanceof HTMLElement ? o2 : o2.current);
+    else if (o2 && "function" == typeof o2) {
+      const e2 = o2();
+      r.unobserve(e2 instanceof HTMLElement ? e2 : e2.current);
+    }
+  }), [o2]), t;
+};
+export {
+  o as u
+};

package/dist/es/useKeyPress.tsx-Db44HXXz.js

@@ -0,0 +1,18 @@
+import { u as e } from "./useEventListener.tsx-BBGVcI5T.js";
+const t = (e2) => e2.toString().toLocaleLowerCase(), s = (s2, n, a) => {
+  const l = (l2) => e(l2, (e2) => ((e3, s3, a2) => {
+    e3.forEach((e4) => {
+      if (e4.includes("+") && e4.length > 1) {
+        const t2 = e4.split("+"), a3 = s3.ctrlKey && t2.includes("ctrl"), l3 = s3.shiftKey && t2.includes("shift"), c = s3.altKey && t2.includes("alt"), o = s3.metaKey && t2.includes("meta"), r = (s3.ctrlKey || s3.metaKey) && t2.includes("commandorcontrol");
+        2 === t2.length ? (a3 || l3 || c || o || r) && s3.key.toLocaleLowerCase() === t2[t2.length - 1] && n(s3, e4) : 3 === t2.length && (a3 && l3 || a3 && c || a3 && o || a3 && r || l3 && c || l3 && o || l3 && r || c && o || c && r || o && r) && s3.key.toLocaleLowerCase() === t2[t2.length - 1] && n(s3, e4);
+      } else if (e4.includes(t(s3.key))) {
+        if (a2) e4 === t(s3.key) && n(s3, e4);
+        else if (!(s3.ctrlKey || s3.metaKey || s3.shiftKey || s3.altKey)) return n(s3, e4);
+      }
+    });
+  })(s2 instanceof Array ? s2.map((e3) => t(e3)) : [t(s2)], e2, (a == null ? void 0 : a.exactMatch) || false), { deps: [a == null ? void 0 : a.target, ...(a == null ? void 0 : a.deps) || []] });
+  (a == null ? void 0 : a.events) instanceof Array ? a.events.forEach((e2) => l(e2)) : l((a == null ? void 0 : a.events) || "keydown");
+};
+export {
+  s as u
+};

package/dist/es/useMouseClick.tsx-C7uAH4n4.js

@@ -0,0 +1,12 @@
+import { useState as e } from "react";
+import { u as c } from "./useEventListener.tsx-BBGVcI5T.js";
+const n = () => {
+  const [n2, t] = e({ clientX: 0, clientY: 0, screenX: 0, screenY: 0, pageX: 0, pageY: 0 });
+  return c("click", (e2) => {
+    const c2 = e2.clientX, n3 = e2.clientY, r = e2.screenX, s = e2.screenY, a = e2.pageX, i = e2.pageY;
+    t({ clientX: c2, clientY: n3, screenX: r, screenY: s, pageX: a, pageY: i });
+  }), n2;
+};
+export {
+  n as u
+};

package/dist/es/useTheme.tsx-C5b7BRYz.js

@@ -0,0 +1,24 @@
+import { useEffect as e } from "react";
+let t = false;
+const a = ({ theme: a2, onDark: r, onLight: c }) => {
+  const n = window.matchMedia("(prefers-color-scheme: dark)"), o = () => {
+    n.matches ? r() : c();
+  };
+  e(() => {
+    (() => {
+      switch (t && (t = false, n.removeEventListener("change", o)), a2) {
+        case "light":
+          c();
+          break;
+        case "dark":
+          r();
+          break;
+        default:
+          o(), t = true, n.addEventListener("change", o);
+      }
+    })();
+  }, [a2]);
+};
+export {
+  a as u
+};

package/dist/es/useThemePro.tsx-DQuSI8J7.js

@@ -0,0 +1,20 @@
+import { v as e } from "./viewTransitionUtils.ts-CHa9uBpi.js";
+import { useState as t, useRef as n } from "react";
+import { u as r } from "./useTheme.tsx-C5b7BRYz.js";
+const m = (m2) => {
+  const { initTheme: a = "light", themeRules: s = (e2) => {
+    e2 ? document.documentElement.classList.add("dark") : document.documentElement.classList.remove("dark");
+  } } = m2 || Object.assign({}), [o, i] = t(a), c = n(null);
+  return r({ theme: o, onDark: () => {
+    c.current ? e.changeThemeClipPathCircle({ element: c.current, onChangeTheme: () => s(true) }) : s(true);
+  }, onLight: () => {
+    c.current ? e.changeThemeClipPathCircle({ element: c.current, onChangeTheme: () => s(false) }) : s(false);
+  } }), [o, ({ targetTheme: e2, element: t2, onChange: n2 }) => {
+    c.current = t2 || null, requestAnimationFrame(() => {
+      n2 == null ? void 0 : n2(), i(e2);
+    });
+  }];
+};
+export {
+  m as u
+};

package/dist/es/viewTransitionUtils.ts-CHa9uBpi.js

@@ -0,0 +1,19 @@
+const t = { changeThemeClipPathCircle: (t2) => {
+  const e = "ono-view-transition-clip-path-circle", { element: n, duration: i = 300, themeRules: o, onChangeTheme: a } = t2, r = (o == null ? void 0 : o()) || document.documentElement.classList.contains("dark") ? "dark" : "light";
+  if (!document.startViewTransition) return a("dark" === r ? "light" : "dark");
+  const d = document.startViewTransition(() => {
+    const t3 = document.documentElement.classList.contains("dark");
+    a(t3 ? "light" : "dark");
+  }), { top: s, left: c, width: l, height: h } = n.getBoundingClientRect(), m = c + l / 2, u = s + h / 2, w = [`circle(0% at ${m}px ${u}px)`, `circle(${Math.hypot(Math.max(m, window.innerWidth - m), Math.max(u, window.innerHeight - u))}px at ${m}px ${u}px)`];
+  ((t3, e2) => {
+    const n2 = document.createElement("style");
+    n2.setAttribute("type", "text/css"), n2.setAttribute("data-style-tag", e2), n2.textContent = "\n      ::view-transition-old(root),\n      ::view-transition-new(root) {\n        animation: none;\n      }\n      .dark::view-transition-old(root) {\n        z-index: 1;\n      }\n\n      .dark::view-transition-new(root) {\n        z-index: 999;\n      }\n\n      ::view-transition-old(root) {\n        z-index: 999;\n      }\n\n      ::view-transition-new(root) {\n        z-index: 1;\n      }\n    ", document.head.appendChild(n2);
+  })(0, e), d.ready.then(() => {
+    document.documentElement.animate({ clipPath: "light" === r ? w : w.reverse() }, { duration: i, easing: "ease-in-out", pseudoElement: "light" === r ? "::view-transition-new(root)" : "::view-transition-old(root)" }), setTimeout(() => ((t3) => {
+      document.head.querySelectorAll("style").forEach((e2) => e2.getAttribute("data-style-tag") === t3 && e2.remove());
+    })(e), i + 100);
+  });
+} };
+export {
+  t as v
+};

package/dist/index.css

@@ -1 +1 @@
-:root{--bg-color:pink}.ono-auto-slider-list-container{align-items:center;display:flex;list-style:none;position:relative;width:fit-content}.ono-auto-slider-list-container .ono-auto-slider-list-slider{background:#ccc;left:0;position:absolute;top:0;transform-origin:top left;z-index:0}.ono-auto-slider-list-is-disable{cursor:not-allowed}.ono-avatar-canvas{aspect-ratio:1;overflow:hidden;position:relative}.ono-avatar-canvas .ono-avatar-mask{align-items:center;display:flex;height:100%;justify-content:center;left:0;pointer-events:none;position:absolute;top:0;width:100%}.ono-btn-danger,.ono-btn-default,.ono-btn-info,.ono-btn-primary,.ono-btn-success,.ono-btn-warning{--btn-width:0;--btn-height:0;--delay:0.3s;align-items:center;border:none;border-radius:4px;color:#fff;display:flex;font-size:16px;gap:0;justify-content:center;outline:none;padding:2px 15px;transition:gap .3s ease-in-out;white-space:nowrap;width:fit-content}.ono-btn-danger:hover,.ono-btn-default:hover,.ono-btn-info:hover,.ono-btn-primary:hover,.ono-btn-success:hover,.ono-btn-warning:hover{opacity:.9}.ono-btn-danger:focus,.ono-btn-default:focus,.ono-btn-info:focus,.ono-btn-primary:focus,.ono-btn-success:focus,.ono-btn-warning:focus{outline:none}.ono-btn-danger:active,.ono-btn-default:active,.ono-btn-info:active,.ono-btn-primary:active,.ono-btn-success:active,.ono-btn-warning:active{opacity:1}.ono-btn-default{background-color:transparent;border:1px solid #333;color:#333}.ono-btn-primary{background-color:#007bff}.ono-btn-success{background-color:#28a745}.ono-btn-warning{background-color:#ffc107}.ono-btn-danger{background-color:#dc3545}.ono-btn-info{background-color:#909399}.is-loading{opacity:.7}.is-loading .ono-btn-icon{display:grid;grid-template-columns:0fr}.is-round{border-radius:calc(var(--btn-height)/2)}.is-icon{gap:8px}.is-circle{border-radius:50%}.is-disabled{cursor:not-allowed!important;opacity:.5}.ono-btn-icon span{overflow:hidden}.ono-loading-start{animation:loading 1s linear infinite,start var(--delay) ease-in-out forwards}.ono-loading-end{animation:loading 1s linear infinite,end var(--delay) ease-in-out forwards}@keyframes loading{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes start{0%{grid-template-columns:0fr}to{grid-template-columns:1fr}}@keyframes end{0%{grid-template-columns:1fr}to{grid-template-columns:0fr}}.ono-card{overflow:hidden;transition:all .3s linear,width 0s,height 0s}.ono-card:hover{box-shadow:var(--sd)}.ono-checkbox-border,.ono-checkbox-line{--border-color:#333;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:1px solid var(--border-color);height:20px;outline:none;position:relative;transition:background .1s,border .1s;width:20px}.ono-checkbox-border:checked,.ono-checkbox-line:checked{background:var(--checkedColor)}.ono-checkbox-border:checked:after,.ono-checkbox-line:checked:after{border:calc(var(--w)/8) solid #fff;border-right:none;border-top:none;content:"";height:calc(var(--w)/8*3);left:50%;position:absolute;top:50%;transform:translate(-50%,calc(-50% - var(--w)/24*3)) rotate(-45deg);width:calc(var(--w)/3*2)}.ono-checkbox-border:indeterminate,.ono-checkbox-line:indeterminate{background:var(--indeterminateColor)}.ono-checkbox-border:indeterminate:after,.ono-checkbox-line:indeterminate:after{background:#fff;border-radius:calc(var(--w)/10);content:"";height:calc(var(--w)/7);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:calc(var(--w)/5*3.5)}.ono-checkbox-border:indeterminate:after{background:transparent;border:calc(var(--w)/8) solid #fff;content:"";height:100%;width:100%}.ono-input,.ono-textarea .ono-textarea-wrapper{align-items:center;border-radius:6px;color:#333;display:flex;font-size:16px;line-height:24px;overflow:hidden}.ono-input input[type=password],.ono-textarea .ono-textarea-wrapper input[type=password]{background-color:transparent;border:none;font-family:inherit;font-size:inherit;margin:0;outline:none;padding:0}.ono-input input[type=password]::-ms-clear,.ono-input input[type=password]::-ms-reveal,.ono-textarea .ono-textarea-wrapper input[type=password]::-ms-clear,.ono-textarea .ono-textarea-wrapper input[type=password]::-ms-reveal{display:none}.ono-input input[type=password]::-webkit-inner-spin-button,.ono-input input[type=password]::-webkit-outer-spin-button,.ono-textarea .ono-textarea-wrapper input[type=password]::-webkit-inner-spin-button,.ono-textarea .ono-textarea-wrapper input[type=password]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ono-input .ono-prepend,.ono-textarea .ono-textarea-wrapper .ono-prepend{background:#d9d9d9;border:1px solid #999;border-radius:6px 0 0 6px;border-right:none;color:inherit;flex-shrink:0;font-size:inherit;line-height:inherit;padding:4px 12px}.ono-input .ono-input-wrapper,.ono-textarea .ono-textarea-wrapper .ono-input-wrapper{align-items:center;background:#f5f5f5;color:inherit;cursor:text;display:flex;font-size:inherit;gap:4px;line-height:inherit;outline:none;padding:4px 12px;width:100%}.ono-input .ono-input-wrapper .ono-append,.ono-textarea .ono-textarea-wrapper .ono-input-wrapper .ono-append{align-items:center;color:inherit;display:flex;flex-shrink:0;font-size:inherit;justify-content:center;line-height:inherit}.ono-input .ono-input-wrapper .ono-input-inner,.ono-textarea .ono-textarea-wrapper .ono-input-wrapper .ono-input-inner{background:transparent;border:none;color:inherit;cursor:inherit;flex:1;font-size:inherit;line-height:inherit;outline:none}.ono-input .ono-input-wrapper .ono-suffix,.ono-textarea .ono-textarea-wrapper .ono-input-wrapper .ono-suffix{align-items:center;color:inherit;display:flex;flex-shrink:0;font-size:inherit;gap:8px;justify-content:center;line-height:inherit}.ono-input .ono-input-wrapper .ono-suffix .ono-clear-icon,.ono-textarea .ono-textarea-wrapper .ono-input-wrapper .ono-suffix .ono-clear-icon{cursor:pointer;height:12px;width:12px}.ono-input .ono-input-wrapper .ono-suffix .ono-clear-icon .ono-input-icon,.ono-textarea .ono-textarea-wrapper .ono-input-wrapper .ono-suffix .ono-clear-icon .ono-input-icon{color:#999;height:100%;transition:color .3s;width:100%}.ono-input .ono-input-wrapper .ono-suffix .ono-clear-icon .ono-input-icon:hover,.ono-textarea .ono-textarea-wrapper .ono-input-wrapper .ono-suffix .ono-clear-icon .ono-input-icon:hover{color:#666}.ono-input .ono-input-wrapper .ono-suffix .ono-eye-icon,.ono-textarea .ono-textarea-wrapper .ono-input-wrapper .ono-suffix .ono-eye-icon{cursor:pointer;height:16px;width:16px}.ono-input .ono-input-wrapper .ono-suffix .ono-eye-icon .icon,.ono-textarea .ono-textarea-wrapper .ono-input-wrapper .ono-suffix .ono-eye-icon .icon{color:#999;height:100%;transition:color .3s;width:100%}.ono-input .ono-input-wrapper .ono-suffix .ono-eye-icon .icon:hover,.ono-textarea .ono-textarea-wrapper .ono-input-wrapper .ono-suffix .ono-eye-icon .icon:hover{color:#333}.ono-input .ono-input-wrapper .ono-suffix .ono-count,.ono-textarea .ono-textarea-wrapper .ono-input-wrapper .ono-suffix .ono-count{color:#999;font-size:inherit;line-height:inherit}.ono-input .ono-append,.ono-textarea .ono-textarea-wrapper .ono-append{background:#d9d9d9;border:1px solid #999;border-left:none;border-radius:0 6px 6px 0;color:inherit;flex-shrink:0;font-size:inherit;line-height:inherit;padding:4px 12px}.ono-textarea{display:flex;flex-direction:column;gap:4px;width:100%}.ono-textarea .ono-textarea-wrapper{background:#f5f5f5;border:1px solid #999;display:initial;flex-shrink:0;min-height:100%;outline:none;padding:0;width:100%}.ono-textarea .ono-textarea-wrapper .ono-textarea-inner{background:none;border:none;border-radius:inherit;color:inherit;display:initial;font-size:inherit;height:100%;line-height:inherit;outline:none;overflow:initial;padding:4px 12px;width:100%}.ono-textarea .ono-count-bar{color:#999;font-size:16px;line-height:24px;text-align:right;width:100%}.ono-input-border .ono-input-wrapper{border:1px solid #999;border-radius:inherit}.ono-input-border:has(.ono-prepend) .ono-input-wrapper{border-bottom-left-radius:0;border-top-left-radius:0}.ono-input-border:has(.ono-append) .ono-input-wrapper{border-bottom-right-radius:0;border-top-right-radius:0}.ono-scrollbar{scrollbar-width:none}.ono-scrollbar::-webkit-scrollbar{width:0}.ono-input-is-focus{border:var(--ono-input-border)!important;box-shadow:var(--ono-input-box-shadow)}.ono-input-is-disabled{background:#d9d9d9;color:#999;cursor:not-allowed;user-select:none}.ono-input-is-disabled .ono-input-wrapper,.ono-input-is-disabled .ono-textarea-wrapper{pointer-events:none}.ono-menu-button{align-items:center;border:none;cursor:pointer;display:flex;flex-direction:column;justify-content:center;margin:0;outline:none;overflow:hidden;padding:0;position:relative;z-index:10}.ono-menu-button span{position:absolute}.ono-message{align-items:center;background:#fff;border-radius:6px;box-shadow:0 4px 8px rgba(0,0,0,.2);color:#333;display:flex;font-size:16px;gap:8px;left:50%;line-height:24px;padding:8px;position:fixed;top:0;transform-origin:top left}.ono-message .ono-type-icon{height:20px;width:20px}.ono-info-icon{height:18px;width:18px}.ono-message-enter{animation:enter var(--speed) ease-in-out forwards}.ono-message-leave{animation:leave var(--speed) ease-in-out forwards;pointer-events:none}.ono-message-success.ono-message-color{background:#f6ffed;border:1px solid #d9f7be;color:#52c41a}.ono-message-warning.ono-message-color{background:#fffbe6;border:1px solid #fff1b8;color:#faad14}.ono-message-error.ono-message-color{background:#fff1f0;border:1px solid #ffccc7;color:#ff4d4f}.ono-message-info.ono-message-color{background:#f5f5f5;border:1px solid #f0f0f0;color:#8c8c8c}.ono-clear-icon{color:#999;height:16px;width:16px}.ono-loading{animation:loading 1s linear infinite}@keyframes enter{0%{opacity:0}to{opacity:1}}@keyframes leave{0%{opacity:1}to{opacity:0}}@keyframes loading{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ono-modal{--width:416px;--color:#333;--themeColor:#5644b8;--themeHoverColor:#8676de;--themeActiveColor:#352494;--themeDisabledClr:#9587e7;background:transparent}.ono-modal-box{--top:0;--left:0;background:#fff;border-radius:6px;color:var(--color);display:flex;flex-direction:column;gap:12px;left:50%;padding:24px;position:fixed;top:50%;transform:translate(-50%,-50%);width:var(--width)}.ono-modal-box-body{display:flex}.ono-modal-box-body-contentBar{align-items:start;display:flex;flex-direction:column;gap:8px;justify-content:start}.ono-modal-box-body-contentBar-title{font-weight:600;line-height:24px}.ono-modal-box-body-contentBar-content{font-size:14px;line-height:22px}.ono-modal-box-footer{align-items:center;display:flex;gap:16px;justify-content:start;margin-left:auto}.ono-modal-box-footer .ono-modal-box-footer-cancelBtn,.ono-modal-box-footer .ono-modal-box-footer-confirmBtn{align-items:center;border-radius:6px;display:flex;justify-content:center;outline:none;padding:4px 16px;transition:all .2s ease-in-out;user-select:none;width:fit-content}.ono-modal-box-footer-cancelBtn{background:#fff;border:1px solid #ccc;color:#333}.ono-modal-box-footer-cancelBtn:hover{border:1px solid var(--themeHoverColor);color:var(--themeHoverColor)}.ono-modal-box-footer-cancelBtn:active{border:1px solid var(--themeActiveColor);color:var(--themeActiveColor)}.ono-modal-box-footer-cancelBtn:disabled{border:1px solid #ccc;color:#ccc;cursor:no-drop}.ono-modal-box-footer-confirmBtn{background:var(--themeColor);border:none;color:#f5f5f5;gap:8px}.ono-modal-box-footer-confirmBtn-loading{animation:loading 1s linear infinite;height:16px;width:16px}.ono-modal-box-footer-confirmBtn:hover{background:var(--themeHoverColor)}.ono-modal-box-footer-confirmBtn:active{background:var(--themeActiveColor)}.ono-modal-box-footer-confirmBtn:disabled{background:var(--themeDisabledClr);cursor:no-drop}.ono-modal::backdrop{backdrop-filter:blur(5px);background:rgba(0,0,0,.5)}.ono-modal-enter{animation:enter .3s forwards}.ono-modal-leave{animation:leave .3s forwards}@keyframes enter{0%{left:var(--left);opacity:0;top:var(--top);transform:translate(-50%,-50%) scale(0)}to{left:50%;opacity:1;top:50%;transform:translate(-50%,-50%) scale(1)}}@keyframes leave{0%{left:50%;opacity:1;top:50%;transform:translate(-50%,-50%) scale(1)}to{left:var(--left);opacity:0;top:var(--top);transform:translate(-50%,-50%) scale(0)}}@keyframes loading{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ono-pagination{align-items:center;display:flex;gap:16px;justify-content:center}.ono-pagination-base,.ono-pagination-btn{cursor:pointer;list-style:none;user-select:none}.ono-pagination-btn{align-items:center;aspect-ratio:2/1;background:#ccc;display:flex;justify-content:center;padding:0 10px;width:fit-content}.ono-pagination-btn-active{background:#07c;color:#fff}.ono-radio-group{align-items:flex-start;display:flex;gap:4px;justify-content:flex-start;width:fit-content}.ono-radio-box{align-items:center;display:flex;gap:var(--gap);justify-content:center;width:fit-content}.ono-radio-box .ono-radio{background:var(--unCheckedColor);border:1px solid #424242;border-radius:50%;flex-shrink:0;height:var(--w);position:relative;width:var(--w)}.ono-radio-box .ono-radio input[type=radio]{height:0;opacity:0;width:0}.ono-radio-box .ono-radio:has(input[type=radio]:checked){background:var(--checkedColor)}.ono-radio-box .ono-radio:has(input[type=radio]:checked):after{background-color:#fff;border-radius:50%;content:"";height:50%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:50%}.ono-select{width:100%}.ono-select .ono-select-arrow-down-icon{color:#666;height:12px;transition:transform .2s linear;width:12px}.ono-select .ono-select-arrow-down-active{transform:rotate(180deg)}.ono-option-container{--tooltip-bg:#fff;box-shadow:0 4px 10px rgba(0,0,0,.1);padding:8px;z-index:9999}.ono-option-container .ono-option-item{background:transparent;border:none;display:block;margin:0;outline:none;padding:0;width:100%}.ono-option-container .ono-option-item .ono-option-item-content,.ono-option-container .ono-option-item .ono-option-item-content-no-data{border-radius:4px;color:#333;font-weight:500;overflow:hidden;padding:4px;text-align:start;text-overflow:ellipsis;white-space:nowrap;width:100%}.ono-option-container .ono-option-item .ono-option-item-content-no-data:hover,.ono-option-container .ono-option-item .ono-option-item-content:hover{background:#ccc}.ono-option-container .ono-option-item .ono-option-item-content-active{color:#5644b8;font-weight:600}.ono-option-container .ono-option-item .ono-option-item-content-disabled{color:#ccc;cursor:not-allowed}.ono-option-container .ono-option-item .ono-option-item-content-disabled:hover,.ono-option-container .ono-option-item .ono-option-item-content-no-data:hover{background:transparent}.ono-select-readonly{cursor:pointer!important}.ono-svg-img{--w:24px;--h:24px;--clr:#fff;height:var(--h);overflow:hidden;width:var(--w)}.ono-svg-img img{filter:drop-shadow(var(--clr) var(--w) 0);height:100%;position:relative;transform:translateX(calc(var(--w)*-1));width:100%}.ono-switch{--checkedClr:#342a7c;--uncheckedClr:rgba(0,0,0,.2)}.ono-switch input[type=checkbox]{height:0;margin:0;opacity:0;position:absolute;width:0}.ono-switch input[type=checkbox]:checked+.ono-switch-box{background-color:var(--checkedClr)}.ono-switch input[type=checkbox]:checked+.ono-switch-box:before{transform:translate(calc(var(--w) - var(--h)))}.ono-switch input[type=checkbox]:checked+.ono-switch-box>.ono-switch-children-bar{transform:translate(calc(var(--h)/8))}.ono-switch.ono-switch-is-disabled .ono-switch-box{cursor:not-allowed;opacity:.6}.ono-switch .ono-switch-box{background-color:var(--uncheckedClr);border-radius:calc(var(--h)/2);cursor:pointer;display:flex;flex-shrink:0;height:var(--h);overflow:hidden;position:relative;width:var(--w)}.ono-switch .ono-switch-box:before{aspect-ratio:1;background:#fff;border-radius:50%;content:"";display:block;left:calc(var(--h)/8);position:absolute;top:calc(var(--h)/8);transition:transform .3s;width:calc(var(--h)*3/4)}.ono-switch .ono-switch-children-bar{display:flex;position:absolute;top:calc(var(--h)/8);transform:translate(calc((var(--w) - var(--h)*9/8)*-1))}.ono-switch .ono-switch-children-bar .ono-switch-children{align-items:center;display:flex;height:calc(var(--h)/4*3);justify-content:center;min-width:fit-content;text-wrap:nowrap;width:calc(var(--w) - var(--h))}.ono-switch .ono-switch-children-bar .ono-switch-slider{aspect-ratio:1;width:calc(var(--h)*3/4)}.ono-dialog-mask{height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:9999}.ono-dialog-mask .ono-dialog{box-shadow:0 0 10px rgba(0,0,0,.3);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.ono-dialog-mask-enter{animation:mask-enter var(--duration) forwards}.ono-dialog-mask-leave{animation:mask-leave var(--duration) forwards}.ono-zoom-enter{animation:zoom-enter var(--duration) forwards}.ono-zoom-leave{animation:zoom-leave var(--duration) forwards}.ono-fade-enter{animation:fade-enter var(--duration) forwards}.ono-fade-leave{animation:fade-leave var(--duration) forwards}@keyframes mask-enter{0%{opacity:0}to{opacity:1}}@keyframes mask-leave{0%{opacity:1}to{opacity:0}}@keyframes zoom-enter{0%{left:var(--left);opacity:0;top:var(--top);transform:translate(-50%,-50%) scale(0)}to{left:50%;opacity:1;top:50%;transform:translate(-50%,-50%) scale(1)}}@keyframes zoom-leave{0%{left:50%;opacity:1;top:50%;transform:translate(-50%,-50%) scale(1)}to{left:var(--left);opacity:0;top:var(--top);transform:translate(-50%,-50%) scale(0)}}@keyframes fade-enter{0%{opacity:0;top:var(--top);transform:translate(-50%,-100%)}to{opacity:1;top:50%;transform:translate(-50%,-50%)}}@keyframes fade-leave{0%{opacity:1;top:50%;transform:translate(-50%,-50%)}to{opacity:0;top:var(--top);transform:translate(-50%,-100%)}}._container_3s92l_1{align-items:center;display:flex;flex-direction:column;gap:20px;height:100vh;left:0;padding:20px;pointer-events:none;position:fixed;top:0;width:100vw}._base_3s92l_15,._promise_3s92l_15{--speed:0.2s;align-items:center;background-color:#fff;border-radius:6px;box-shadow:0 4px 8px rgba(0,0,0,.1);display:flex;gap:8px;height:fit-content;justify-content:center;padding:8px 10px;pointer-events:auto;transform:translateY(0) scale(1);user-select:none;width:fit-content}._enter_3s92l_32{animation:_enter_3s92l_32 var(--speed) forwards}._leave_3s92l_36{animation:_leave_3s92l_36 var(--speed) forwards}._promise_3s92l_15 ._icon_3s92l_40{animation:_loading_3s92l_1 1s linear infinite}@keyframes _enter_3s92l_32{0%{opacity:0;transform:translateY(-80%) scale(.6)}60%{opacity:1;transform:translateY(0) scale(1.1)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes _leave_3s92l_36{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-80%) scale(.6)}}@keyframes _loading_3s92l_1{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ono-tooltip-popper{background:var(--tooltip-bg,#333);border-radius:4px;color:#fff;font-size:13px;font-weight:700;padding:4px 8px}.ono-tooltip-popper .ono-tooltip-popper-arrow,.ono-tooltip-popper .ono-tooltip-popper-arrow:before{background:inherit;height:8px;position:absolute;width:8px}.ono-tooltip-popper .ono-tooltip-popper-arrow{visibility:hidden}.ono-tooltip-popper .ono-tooltip-popper-arrow:before{content:"";transform:rotate(45deg);visibility:visible}.ono-tooltip-popper[data-popper-placement^=top]>.ono-tooltip-popper-arrow{bottom:-4px}.ono-tooltip-popper[data-popper-placement^=bottom]>.ono-tooltip-popper-arrow{top:-4px}.ono-tooltip-popper[data-popper-placement^=left]>.ono-tooltip-popper-arrow{right:-4px}.ono-tooltip-popper[data-popper-placement^=right]>.ono-tooltip-popper-arrow{left:-4px}.ono-waterfall-container{height:100%;width:100%}.ono-waterfall-content{height:100%;overflow-y:scroll;width:100%}.ono-waterfall-wrapper{position:relative;width:100%}.ono-waterfall-item{left:0;position:absolute;top:0;transform-origin:top left;transition:transform .3s ease-in-out}.ono-waterfall-loading{align-items:center;background:rgba(0,0,0,.502);bottom:0;color:#fff;display:flex;height:100%;justify-content:center;left:0;position:absolute;width:100%;z-index:10}
+:root{--bg-color:pink}@keyframes ono-loading{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ono-auto-slider-list-container{align-items:center;display:flex;list-style:none;position:relative;width:fit-content}.ono-auto-slider-list-container .ono-auto-slider-list-slider{background:#ccc;left:0;position:absolute;top:0;transform-origin:top left;z-index:0}.ono-auto-slider-list-is-disable{cursor:not-allowed}.ono-avatar-canvas{aspect-ratio:1;overflow:hidden;position:relative}.ono-avatar-canvas .ono-avatar-mask{align-items:center;display:flex;height:100%;justify-content:center;left:0;pointer-events:none;position:absolute;top:0;width:100%}.ono-btn-danger,.ono-btn-default,.ono-btn-info,.ono-btn-primary,.ono-btn-success,.ono-btn-warning{--btn-width:0;--btn-height:0;--delay:0.3s;align-items:center;border:none;border-radius:4px;color:#fff;display:flex;font-size:16px;gap:0;justify-content:center;outline:none;padding:2px 15px;transition:gap .3s ease-in-out;white-space:nowrap;width:fit-content}.ono-btn-danger:hover,.ono-btn-default:hover,.ono-btn-info:hover,.ono-btn-primary:hover,.ono-btn-success:hover,.ono-btn-warning:hover{opacity:.9}.ono-btn-danger:focus,.ono-btn-default:focus,.ono-btn-info:focus,.ono-btn-primary:focus,.ono-btn-success:focus,.ono-btn-warning:focus{outline:none}.ono-btn-danger:active,.ono-btn-default:active,.ono-btn-info:active,.ono-btn-primary:active,.ono-btn-success:active,.ono-btn-warning:active{opacity:1}.ono-btn-default{background-color:transparent;border:1px solid #333;color:#333}.ono-btn-primary{background-color:#007bff}.ono-btn-success{background-color:#28a745}.ono-btn-warning{background-color:#ffc107}.ono-btn-danger{background-color:#dc3545}.ono-btn-info{background-color:#909399}.is-loading{opacity:.7}.is-loading .ono-btn-icon{display:grid;grid-template-columns:0fr}.is-round{border-radius:calc(var(--btn-height)/2)}.is-icon{gap:8px}.is-circle{border-radius:50%}.is-disabled{cursor:not-allowed!important;opacity:.5}.ono-btn-icon span{overflow:hidden}.ono-loading-start{animation:ono-loading 1s linear infinite,ono-button-start var(--delay) ease-in-out forwards}.ono-loading-end{animation:ono-loading 1s linear infinite,ono-button-end var(--delay) ease-in-out forwards}@keyframes ono-button-start{0%{grid-template-columns:0fr}to{grid-template-columns:1fr}}@keyframes ono-button-end{0%{grid-template-columns:1fr}to{grid-template-columns:0fr}}.ono-card{overflow:hidden;transition:all .3s linear,width 0s,height 0s}.ono-card:hover{box-shadow:var(--sd)}.ono-checkbox-border,.ono-checkbox-line{--border-color:#333;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:1px solid var(--border-color);height:20px;outline:none;position:relative;transition:background .1s,border .1s;width:20px}.ono-checkbox-border:checked,.ono-checkbox-line:checked{background:var(--checkedColor)}.ono-checkbox-border:checked:after,.ono-checkbox-line:checked:after{border:calc(var(--w)/8) solid #fff;border-right:none;border-top:none;content:"";height:calc(var(--w)/8*3);left:50%;position:absolute;top:50%;transform:translate(-50%,calc(-50% - var(--w)/24*3)) rotate(-45deg);width:calc(var(--w)/3*2)}.ono-checkbox-border:indeterminate,.ono-checkbox-line:indeterminate{background:var(--indeterminateColor)}.ono-checkbox-border:indeterminate:after,.ono-checkbox-line:indeterminate:after{background:#fff;border-radius:calc(var(--w)/10);content:"";height:calc(var(--w)/7);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:calc(var(--w)/5*3.5)}.ono-checkbox-border:indeterminate:after{background:transparent;border:calc(var(--w)/8) solid #fff;content:"";height:100%;width:100%}.ono-input,.ono-textarea .ono-textarea-wrapper{align-items:center;border-radius:6px;color:#333;display:flex;font-size:16px;line-height:24px;overflow:hidden}.ono-input input[type=password],.ono-textarea .ono-textarea-wrapper input[type=password]{background-color:transparent;border:none;font-family:inherit;font-size:inherit;margin:0;outline:none;padding:0}.ono-input input[type=password]::-ms-clear,.ono-input input[type=password]::-ms-reveal,.ono-textarea .ono-textarea-wrapper input[type=password]::-ms-clear,.ono-textarea .ono-textarea-wrapper input[type=password]::-ms-reveal{display:none}.ono-input input[type=password]::-webkit-inner-spin-button,.ono-input input[type=password]::-webkit-outer-spin-button,.ono-textarea .ono-textarea-wrapper input[type=password]::-webkit-inner-spin-button,.ono-textarea .ono-textarea-wrapper input[type=password]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ono-input .ono-prepend,.ono-textarea .ono-textarea-wrapper .ono-prepend{background:#d9d9d9;border:1px solid #999;border-radius:6px 0 0 6px;border-right:none;color:inherit;flex-shrink:0;font-size:inherit;line-height:inherit;padding:4px 12px}.ono-input .ono-input-wrapper,.ono-textarea .ono-textarea-wrapper .ono-input-wrapper{align-items:center;background:#f5f5f5;color:inherit;cursor:text;display:flex;font-size:inherit;gap:4px;line-height:inherit;outline:none;padding:4px 12px;width:100%}.ono-input .ono-input-wrapper .ono-append,.ono-textarea .ono-textarea-wrapper .ono-input-wrapper .ono-append{align-items:center;color:inherit;display:flex;flex-shrink:0;font-size:inherit;justify-content:center;line-height:inherit}.ono-input .ono-input-wrapper .ono-input-inner,.ono-textarea .ono-textarea-wrapper .ono-input-wrapper .ono-input-inner{background:transparent;border:none;color:inherit;cursor:inherit;flex:1;font-size:inherit;line-height:inherit;outline:none}.ono-input .ono-input-wrapper .ono-suffix,.ono-textarea .ono-textarea-wrapper .ono-input-wrapper .ono-suffix{align-items:center;color:inherit;display:flex;flex-shrink:0;font-size:inherit;gap:8px;justify-content:center;line-height:inherit}.ono-input .ono-input-wrapper .ono-suffix .ono-clear-icon,.ono-textarea .ono-textarea-wrapper .ono-input-wrapper .ono-suffix .ono-clear-icon{cursor:pointer;height:12px;width:12px}.ono-input .ono-input-wrapper .ono-suffix .ono-clear-icon .ono-input-icon,.ono-textarea .ono-textarea-wrapper .ono-input-wrapper .ono-suffix .ono-clear-icon .ono-input-icon{color:#999;height:100%;transition:color .3s;width:100%}.ono-input .ono-input-wrapper .ono-suffix .ono-clear-icon .ono-input-icon:hover,.ono-textarea .ono-textarea-wrapper .ono-input-wrapper .ono-suffix .ono-clear-icon .ono-input-icon:hover{color:#666}.ono-input .ono-input-wrapper .ono-suffix .ono-eye-icon,.ono-textarea .ono-textarea-wrapper .ono-input-wrapper .ono-suffix .ono-eye-icon{cursor:pointer;height:16px;width:16px}.ono-input .ono-input-wrapper .ono-suffix .ono-eye-icon .icon,.ono-textarea .ono-textarea-wrapper .ono-input-wrapper .ono-suffix .ono-eye-icon .icon{color:#999;height:100%;transition:color .3s;width:100%}.ono-input .ono-input-wrapper .ono-suffix .ono-eye-icon .icon:hover,.ono-textarea .ono-textarea-wrapper .ono-input-wrapper .ono-suffix .ono-eye-icon .icon:hover{color:#333}.ono-input .ono-input-wrapper .ono-suffix .ono-count,.ono-textarea .ono-textarea-wrapper .ono-input-wrapper .ono-suffix .ono-count{color:#999;font-size:inherit;line-height:inherit}.ono-input .ono-append,.ono-textarea .ono-textarea-wrapper .ono-append{background:#d9d9d9;border:1px solid #999;border-left:none;border-radius:0 6px 6px 0;color:inherit;flex-shrink:0;font-size:inherit;line-height:inherit;padding:4px 12px}.ono-textarea{display:flex;flex-direction:column;gap:4px;width:100%}.ono-textarea .ono-textarea-wrapper{background:#f5f5f5;border:1px solid #999;display:initial;flex-shrink:0;min-height:100%;outline:none;padding:0;width:100%}.ono-textarea .ono-textarea-wrapper .ono-textarea-inner{background:none;border:none;border-radius:inherit;color:inherit;display:initial;font-size:inherit;height:100%;line-height:inherit;outline:none;overflow:initial;padding:4px 12px;width:100%}.ono-textarea .ono-count-bar{color:#999;font-size:16px;line-height:24px;text-align:right;width:100%}.ono-input-border .ono-input-wrapper{border:1px solid #999;border-radius:inherit}.ono-input-border:has(.ono-prepend) .ono-input-wrapper{border-bottom-left-radius:0;border-top-left-radius:0}.ono-input-border:has(.ono-append) .ono-input-wrapper{border-bottom-right-radius:0;border-top-right-radius:0}.ono-scrollbar{scrollbar-width:none}.ono-scrollbar::-webkit-scrollbar{width:0}.ono-input-is-focus{border:var(--ono-input-border)!important;box-shadow:var(--ono-input-box-shadow)}.ono-input-is-disabled{background:#d9d9d9;color:#999;cursor:not-allowed;user-select:none}.ono-input-is-disabled .ono-input-wrapper,.ono-input-is-disabled .ono-textarea-wrapper{pointer-events:none}.ono-menu-button{align-items:center;border:none;cursor:pointer;display:flex;flex-direction:column;justify-content:center;margin:0;outline:none;overflow:hidden;padding:0;position:relative;z-index:10}.ono-menu-button span{position:absolute}.ono-message{align-items:center;background:#fff;border-radius:6px;box-shadow:0 4px 8px rgba(0,0,0,.2);color:#333;display:flex;font-size:16px;gap:8px;left:50%;line-height:24px;padding:8px;position:fixed;top:0;transform-origin:top left}.ono-message .ono-type-icon{height:20px;width:20px}.ono-info-icon{height:18px;width:18px}.ono-message-enter{animation:ono-message-enter var(--speed) ease-in-out forwards}.ono-message-leave{animation:ono-message-leave var(--speed) ease-in-out forwards;pointer-events:none}.ono-message-success.ono-message-color{background:#f6ffed;border:1px solid #d9f7be;color:#52c41a}.ono-message-warning.ono-message-color{background:#fffbe6;border:1px solid #fff1b8;color:#faad14}.ono-message-error.ono-message-color{background:#fff1f0;border:1px solid #ffccc7;color:#ff4d4f}.ono-message-info.ono-message-color{background:#f5f5f5;border:1px solid #f0f0f0;color:#8c8c8c}.ono-clear-icon{color:#999;height:16px;width:16px}.ono-loading{animation:ono-loading 1s linear infinite}@keyframes ono-message-enter{0%{opacity:0}to{opacity:1}}@keyframes ono-message-leave{0%{opacity:1}to{opacity:0}}.ono-modal{--width:416px;--color:#333;--themeColor:#5644b8;--themeHoverColor:#8676de;--themeActiveColor:#352494;--themeDisabledClr:#9587e7;background:transparent}.ono-modal-box{--top:0;--left:0;background:#fff;border-radius:6px;color:var(--color);display:flex;flex-direction:column;gap:12px;left:50%;padding:24px;position:fixed;top:50%;transform:translate(-50%,-50%);width:var(--width)}.ono-modal-box-body{display:flex}.ono-modal-box-body-contentBar{align-items:start;display:flex;flex-direction:column;gap:8px;justify-content:start}.ono-modal-box-body-contentBar-title{font-weight:600;line-height:24px}.ono-modal-box-body-contentBar-content{font-size:14px;line-height:22px}.ono-modal-box-footer{align-items:center;display:flex;gap:16px;justify-content:start;margin-left:auto}.ono-modal-box-footer .ono-modal-box-footer-cancelBtn,.ono-modal-box-footer .ono-modal-box-footer-confirmBtn{align-items:center;border-radius:6px;display:flex;justify-content:center;outline:none;padding:4px 16px;transition:all .2s ease-in-out;user-select:none;width:fit-content}.ono-modal-box-footer-cancelBtn{background:#fff;border:1px solid #ccc;color:#333}.ono-modal-box-footer-cancelBtn:hover{border:1px solid var(--themeHoverColor);color:var(--themeHoverColor)}.ono-modal-box-footer-cancelBtn:active{border:1px solid var(--themeActiveColor);color:var(--themeActiveColor)}.ono-modal-box-footer-cancelBtn:disabled{border:1px solid #ccc;color:#ccc;cursor:no-drop}.ono-modal-box-footer-confirmBtn{background:var(--themeColor);border:none;color:#f5f5f5;gap:8px}.ono-modal-box-footer-confirmBtn-loading{animation:ono-loading 1s linear infinite;height:16px;width:16px}.ono-modal-box-footer-confirmBtn:hover{background:var(--themeHoverColor)}.ono-modal-box-footer-confirmBtn:active{background:var(--themeActiveColor)}.ono-modal-box-footer-confirmBtn:disabled{background:var(--themeDisabledClr);cursor:no-drop}.ono-modal::backdrop{backdrop-filter:blur(5px);background:rgba(0,0,0,.5)}.ono-modal-enter{animation:ono-modal-enter .3s forwards}.ono-modal-leave{animation:ono-modal-leave .3s forwards}@keyframes ono-modal-enter{0%{left:var(--left);opacity:0;top:var(--top);transform:translate(-50%,-50%) scale(0)}to{left:50%;opacity:1;top:50%;transform:translate(-50%,-50%) scale(1)}}@keyframes ono-modal-leave{0%{left:50%;opacity:1;top:50%;transform:translate(-50%,-50%) scale(1)}to{left:var(--left);opacity:0;top:var(--top);transform:translate(-50%,-50%) scale(0)}}.ono-pagination{align-items:center;display:flex;gap:16px;justify-content:center}.ono-pagination-base,.ono-pagination-btn{cursor:pointer;list-style:none;user-select:none}.ono-pagination-btn{align-items:center;aspect-ratio:2/1;background:#ccc;display:flex;justify-content:center;padding:0 10px;width:fit-content}.ono-pagination-btn-active{background:#07c;color:#fff}.ono-radio-group{align-items:flex-start;display:flex;gap:4px;justify-content:flex-start;width:fit-content}.ono-radio-box{align-items:center;display:flex;gap:var(--gap);justify-content:center;width:fit-content}.ono-radio-box .ono-radio{background:var(--unCheckedColor);border:1px solid #424242;border-radius:50%;flex-shrink:0;height:var(--w);position:relative;width:var(--w)}.ono-radio-box .ono-radio input[type=radio]{height:0;opacity:0;width:0}.ono-radio-box .ono-radio:has(input[type=radio]:checked){background:var(--checkedColor)}.ono-radio-box .ono-radio:has(input[type=radio]:checked):after{background-color:#fff;border-radius:50%;content:"";height:50%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:50%}.ono-select{width:100%}.ono-select .ono-select-arrow-down-icon{color:#666;height:12px;transition:transform .2s linear;width:12px}.ono-select .ono-select-arrow-down-active{transform:rotate(180deg)}.ono-option-container{--tooltip-bg:#fff;box-shadow:0 4px 10px rgba(0,0,0,.1);padding:8px;z-index:9999}.ono-option-container .ono-option-item{background:transparent;border:none;display:block;margin:0;outline:none;padding:0;width:100%}.ono-option-container .ono-option-item .ono-option-item-content,.ono-option-container .ono-option-item .ono-option-item-content-no-data{border-radius:4px;color:#333;font-weight:500;overflow:hidden;padding:4px;text-align:start;text-overflow:ellipsis;white-space:nowrap;width:100%}.ono-option-container .ono-option-item .ono-option-item-content-no-data:hover,.ono-option-container .ono-option-item .ono-option-item-content:hover{background:#ccc}.ono-option-container .ono-option-item .ono-option-item-content-active{color:#5644b8;font-weight:600}.ono-option-container .ono-option-item .ono-option-item-content-disabled{color:#ccc;cursor:not-allowed}.ono-option-container .ono-option-item .ono-option-item-content-disabled:hover,.ono-option-container .ono-option-item .ono-option-item-content-no-data:hover{background:transparent}.ono-select-readonly{cursor:pointer!important}.ono-svg-img{--w:24px;--h:24px;--clr:#fff;height:var(--h);overflow:hidden;width:var(--w)}.ono-svg-img img{filter:drop-shadow(var(--clr) var(--w) 0);height:100%;position:relative;transform:translateX(calc(var(--w)*-1));width:100%}.ono-switch{--checkedClr:#342a7c;--uncheckedClr:rgba(0,0,0,.2)}.ono-switch input[type=checkbox]{height:0;margin:0;opacity:0;position:absolute;width:0}.ono-switch input[type=checkbox]:checked+.ono-switch-box{background-color:var(--checkedClr)}.ono-switch input[type=checkbox]:checked+.ono-switch-box:before{transform:translate(calc(var(--w) - var(--h)))}.ono-switch input[type=checkbox]:checked+.ono-switch-box>.ono-switch-children-bar{transform:translate(calc(var(--h)/8))}.ono-switch.ono-switch-is-disabled .ono-switch-box{cursor:not-allowed;opacity:.6}.ono-switch .ono-switch-box{background-color:var(--uncheckedClr);border-radius:calc(var(--h)/2);cursor:pointer;display:flex;flex-shrink:0;height:var(--h);overflow:hidden;position:relative;width:var(--w)}.ono-switch .ono-switch-box:before{aspect-ratio:1;background:#fff;border-radius:50%;content:"";display:block;left:calc(var(--h)/8);position:absolute;top:calc(var(--h)/8);transition:transform .3s;width:calc(var(--h)*3/4)}.ono-switch .ono-switch-children-bar{display:flex;position:absolute;top:calc(var(--h)/8);transform:translate(calc((var(--w) - var(--h)*9/8)*-1))}.ono-switch .ono-switch-children-bar .ono-switch-children{align-items:center;display:flex;height:calc(var(--h)/4*3);justify-content:center;min-width:fit-content;text-wrap:nowrap;width:calc(var(--w) - var(--h))}.ono-switch .ono-switch-children-bar .ono-switch-slider{aspect-ratio:1;width:calc(var(--h)*3/4)}.ono-dialog-mask{height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:9999}.ono-dialog-mask .ono-dialog{box-shadow:0 0 10px rgba(0,0,0,.3);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.ono-dialog-mask-enter{animation:mask-enter var(--duration) forwards}.ono-dialog-mask-leave{animation:mask-leave var(--duration) forwards}.ono-zoom-enter{animation:zoom-enter var(--duration) forwards}.ono-zoom-leave{animation:zoom-leave var(--duration) forwards}.ono-fade-enter{animation:fade-enter var(--duration) forwards}.ono-fade-leave{animation:fade-leave var(--duration) forwards}@keyframes mask-enter{0%{opacity:0}to{opacity:1}}@keyframes mask-leave{0%{opacity:1}to{opacity:0}}@keyframes zoom-enter{0%{left:var(--left);opacity:0;top:var(--top);transform:translate(-50%,-50%) scale(0)}to{left:50%;opacity:1;top:50%;transform:translate(-50%,-50%) scale(1)}}@keyframes zoom-leave{0%{left:50%;opacity:1;top:50%;transform:translate(-50%,-50%) scale(1)}to{left:var(--left);opacity:0;top:var(--top);transform:translate(-50%,-50%) scale(0)}}@keyframes fade-enter{0%{opacity:0;top:var(--top);transform:translate(-50%,-100%)}to{opacity:1;top:50%;transform:translate(-50%,-50%)}}@keyframes fade-leave{0%{opacity:1;top:50%;transform:translate(-50%,-50%)}to{opacity:0;top:var(--top);transform:translate(-50%,-100%)}}._container_974ly_1{align-items:center;display:flex;flex-direction:column;gap:20px;height:100vh;left:0;padding:20px;pointer-events:none;position:fixed;top:0;width:100vw}._base_974ly_15,._promise_974ly_15{--speed:0.2s;align-items:center;background-color:#fff;border-radius:6px;box-shadow:0 4px 8px rgba(0,0,0,.1);display:flex;gap:8px;height:fit-content;justify-content:center;padding:8px 10px;pointer-events:auto;transform:translateY(0) scale(1);user-select:none;width:fit-content}._enter_974ly_32{animation:_enter_974ly_32 var(--speed) forwards}._leave_974ly_36{animation:_leave_974ly_36 var(--speed) forwards}._promise_974ly_15 ._icon_974ly_40{animation:_ono-loading_974ly_1 1s linear infinite}@keyframes _enter_974ly_32{0%{opacity:0;transform:translateY(-80%) scale(.6)}60%{opacity:1;transform:translateY(0) scale(1.1)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes _leave_974ly_36{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-80%) scale(.6)}}.ono-tooltip-popper{background:var(--tooltip-bg,#333);border-radius:4px;color:#fff;font-size:13px;font-weight:700;padding:4px 8px}.ono-tooltip-popper .ono-tooltip-popper-arrow,.ono-tooltip-popper .ono-tooltip-popper-arrow:before{background:inherit;height:8px;position:absolute;width:8px}.ono-tooltip-popper .ono-tooltip-popper-arrow{visibility:hidden}.ono-tooltip-popper .ono-tooltip-popper-arrow:before{content:"";transform:rotate(45deg);visibility:visible}.ono-tooltip-popper[data-popper-placement^=top]>.ono-tooltip-popper-arrow{bottom:-4px}.ono-tooltip-popper[data-popper-placement^=bottom]>.ono-tooltip-popper-arrow{top:-4px}.ono-tooltip-popper[data-popper-placement^=left]>.ono-tooltip-popper-arrow{right:-4px}.ono-tooltip-popper[data-popper-placement^=right]>.ono-tooltip-popper-arrow{left:-4px}.ono-waterfall-container{height:100%;width:100%}.ono-waterfall-content{height:100%;overflow-y:scroll;width:100%}.ono-waterfall-wrapper{position:relative;width:100%}.ono-waterfall-item{left:0;position:absolute;top:0;transform-origin:top left;transition:transform .3s ease-in-out}.ono-waterfall-loading{align-items:center;background:rgba(0,0,0,.502);bottom:0;color:#fff;display:flex;height:100%;justify-content:center;left:0;position:absolute;width:100%;z-index:10}

package/dist/style/Button.css

@@ -1 +1 @@
-.ono-btn-danger,.ono-btn-default,.ono-btn-info,.ono-btn-primary,.ono-btn-success,.ono-btn-warning{--btn-width:0;--btn-height:0;--delay:0.3s;align-items:center;border:none;border-radius:4px;color:#fff;display:flex;font-size:16px;gap:0;justify-content:center;outline:none;padding:2px 15px;transition:gap .3s ease-in-out;white-space:nowrap;width:fit-content}.ono-btn-danger:hover,.ono-btn-default:hover,.ono-btn-info:hover,.ono-btn-primary:hover,.ono-btn-success:hover,.ono-btn-warning:hover{opacity:.9}.ono-btn-danger:focus,.ono-btn-default:focus,.ono-btn-info:focus,.ono-btn-primary:focus,.ono-btn-success:focus,.ono-btn-warning:focus{outline:none}.ono-btn-danger:active,.ono-btn-default:active,.ono-btn-info:active,.ono-btn-primary:active,.ono-btn-success:active,.ono-btn-warning:active{opacity:1}.ono-btn-default{background-color:transparent;border:1px solid #333;color:#333}.ono-btn-primary{background-color:#007bff}.ono-btn-success{background-color:#28a745}.ono-btn-warning{background-color:#ffc107}.ono-btn-danger{background-color:#dc3545}.ono-btn-info{background-color:#909399}.is-loading{opacity:.7}.is-loading .ono-btn-icon{display:grid;grid-template-columns:0fr}.is-round{border-radius:calc(var(--btn-height)/2)}.is-icon{gap:8px}.is-circle{border-radius:50%}.is-disabled{cursor:not-allowed!important;opacity:.5}.ono-btn-icon span{overflow:hidden}.ono-loading-start{animation:loading 1s linear infinite,start var(--delay) ease-in-out forwards}.ono-loading-end{animation:loading 1s linear infinite,end var(--delay) ease-in-out forwards}@keyframes loading{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes start{0%{grid-template-columns:0fr}to{grid-template-columns:1fr}}@keyframes end{0%{grid-template-columns:1fr}to{grid-template-columns:0fr}}
+.ono-btn-danger,.ono-btn-default,.ono-btn-info,.ono-btn-primary,.ono-btn-success,.ono-btn-warning{--btn-width:0;--btn-height:0;--delay:0.3s;align-items:center;border:none;border-radius:4px;color:#fff;display:flex;font-size:16px;gap:0;justify-content:center;outline:none;padding:2px 15px;transition:gap .3s ease-in-out;white-space:nowrap;width:fit-content}.ono-btn-danger:hover,.ono-btn-default:hover,.ono-btn-info:hover,.ono-btn-primary:hover,.ono-btn-success:hover,.ono-btn-warning:hover{opacity:.9}.ono-btn-danger:focus,.ono-btn-default:focus,.ono-btn-info:focus,.ono-btn-primary:focus,.ono-btn-success:focus,.ono-btn-warning:focus{outline:none}.ono-btn-danger:active,.ono-btn-default:active,.ono-btn-info:active,.ono-btn-primary:active,.ono-btn-success:active,.ono-btn-warning:active{opacity:1}.ono-btn-default{background-color:transparent;border:1px solid #333;color:#333}.ono-btn-primary{background-color:#007bff}.ono-btn-success{background-color:#28a745}.ono-btn-warning{background-color:#ffc107}.ono-btn-danger{background-color:#dc3545}.ono-btn-info{background-color:#909399}.is-loading{opacity:.7}.is-loading .ono-btn-icon{display:grid;grid-template-columns:0fr}.is-round{border-radius:calc(var(--btn-height)/2)}.is-icon{gap:8px}.is-circle{border-radius:50%}.is-disabled{cursor:not-allowed!important;opacity:.5}.ono-btn-icon span{overflow:hidden}.ono-loading-start{animation:ono-loading 1s linear infinite,ono-button-start var(--delay) ease-in-out forwards}.ono-loading-end{animation:ono-loading 1s linear infinite,ono-button-end var(--delay) ease-in-out forwards}@keyframes ono-button-start{0%{grid-template-columns:0fr}to{grid-template-columns:1fr}}@keyframes ono-button-end{0%{grid-template-columns:1fr}to{grid-template-columns:0fr}}

package/dist/style/Message.css

@@ -1 +1 @@
-.ono-message{align-items:center;background:#fff;border-radius:6px;box-shadow:0 4px 8px rgba(0,0,0,.2);color:#333;display:flex;font-size:16px;gap:8px;left:50%;line-height:24px;padding:8px;position:fixed;top:0;transform-origin:top left}.ono-message .ono-type-icon{height:20px;width:20px}.ono-info-icon{height:18px;width:18px}.ono-message-enter{animation:enter var(--speed) ease-in-out forwards}.ono-message-leave{animation:leave var(--speed) ease-in-out forwards;pointer-events:none}.ono-message-success.ono-message-color{background:#f6ffed;border:1px solid #d9f7be;color:#52c41a}.ono-message-warning.ono-message-color{background:#fffbe6;border:1px solid #fff1b8;color:#faad14}.ono-message-error.ono-message-color{background:#fff1f0;border:1px solid #ffccc7;color:#ff4d4f}.ono-message-info.ono-message-color{background:#f5f5f5;border:1px solid #f0f0f0;color:#8c8c8c}.ono-clear-icon{color:#999;height:16px;width:16px}.ono-loading{animation:loading 1s linear infinite}@keyframes enter{0%{opacity:0}to{opacity:1}}@keyframes leave{0%{opacity:1}to{opacity:0}}@keyframes loading{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
+.ono-message{align-items:center;background:#fff;border-radius:6px;box-shadow:0 4px 8px rgba(0,0,0,.2);color:#333;display:flex;font-size:16px;gap:8px;left:50%;line-height:24px;padding:8px;position:fixed;top:0;transform-origin:top left}.ono-message .ono-type-icon{height:20px;width:20px}.ono-info-icon{height:18px;width:18px}.ono-message-enter{animation:ono-message-enter var(--speed) ease-in-out forwards}.ono-message-leave{animation:ono-message-leave var(--speed) ease-in-out forwards;pointer-events:none}.ono-message-success.ono-message-color{background:#f6ffed;border:1px solid #d9f7be;color:#52c41a}.ono-message-warning.ono-message-color{background:#fffbe6;border:1px solid #fff1b8;color:#faad14}.ono-message-error.ono-message-color{background:#fff1f0;border:1px solid #ffccc7;color:#ff4d4f}.ono-message-info.ono-message-color{background:#f5f5f5;border:1px solid #f0f0f0;color:#8c8c8c}.ono-clear-icon{color:#999;height:16px;width:16px}.ono-loading{animation:ono-loading 1s linear infinite}@keyframes ono-message-enter{0%{opacity:0}to{opacity:1}}@keyframes ono-message-leave{0%{opacity:1}to{opacity:0}}

package/dist/style/Modal.css

@@ -1 +1 @@
-.ono-modal{--width:416px;--color:#333;--themeColor:#5644b8;--themeHoverColor:#8676de;--themeActiveColor:#352494;--themeDisabledClr:#9587e7;background:transparent}.ono-modal-box{--top:0;--left:0;background:#fff;border-radius:6px;color:var(--color);display:flex;flex-direction:column;gap:12px;left:50%;padding:24px;position:fixed;top:50%;transform:translate(-50%,-50%);width:var(--width)}.ono-modal-box-body{display:flex}.ono-modal-box-body-contentBar{align-items:start;display:flex;flex-direction:column;gap:8px;justify-content:start}.ono-modal-box-body-contentBar-title{font-weight:600;line-height:24px}.ono-modal-box-body-contentBar-content{font-size:14px;line-height:22px}.ono-modal-box-footer{align-items:center;display:flex;gap:16px;justify-content:start;margin-left:auto}.ono-modal-box-footer .ono-modal-box-footer-cancelBtn,.ono-modal-box-footer .ono-modal-box-footer-confirmBtn{align-items:center;border-radius:6px;display:flex;justify-content:center;outline:none;padding:4px 16px;transition:all .2s ease-in-out;user-select:none;width:fit-content}.ono-modal-box-footer-cancelBtn{background:#fff;border:1px solid #ccc;color:#333}.ono-modal-box-footer-cancelBtn:hover{border:1px solid var(--themeHoverColor);color:var(--themeHoverColor)}.ono-modal-box-footer-cancelBtn:active{border:1px solid var(--themeActiveColor);color:var(--themeActiveColor)}.ono-modal-box-footer-cancelBtn:disabled{border:1px solid #ccc;color:#ccc;cursor:no-drop}.ono-modal-box-footer-confirmBtn{background:var(--themeColor);border:none;color:#f5f5f5;gap:8px}.ono-modal-box-footer-confirmBtn-loading{animation:loading 1s linear infinite;height:16px;width:16px}.ono-modal-box-footer-confirmBtn:hover{background:var(--themeHoverColor)}.ono-modal-box-footer-confirmBtn:active{background:var(--themeActiveColor)}.ono-modal-box-footer-confirmBtn:disabled{background:var(--themeDisabledClr);cursor:no-drop}.ono-modal::backdrop{backdrop-filter:blur(5px);background:rgba(0,0,0,.5)}.ono-modal-enter{animation:enter .3s forwards}.ono-modal-leave{animation:leave .3s forwards}@keyframes enter{0%{left:var(--left);opacity:0;top:var(--top);transform:translate(-50%,-50%) scale(0)}to{left:50%;opacity:1;top:50%;transform:translate(-50%,-50%) scale(1)}}@keyframes leave{0%{left:50%;opacity:1;top:50%;transform:translate(-50%,-50%) scale(1)}to{left:var(--left);opacity:0;top:var(--top);transform:translate(-50%,-50%) scale(0)}}@keyframes loading{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
+.ono-modal{--width:416px;--color:#333;--themeColor:#5644b8;--themeHoverColor:#8676de;--themeActiveColor:#352494;--themeDisabledClr:#9587e7;background:transparent}.ono-modal-box{--top:0;--left:0;background:#fff;border-radius:6px;color:var(--color);display:flex;flex-direction:column;gap:12px;left:50%;padding:24px;position:fixed;top:50%;transform:translate(-50%,-50%);width:var(--width)}.ono-modal-box-body{display:flex}.ono-modal-box-body-contentBar{align-items:start;display:flex;flex-direction:column;gap:8px;justify-content:start}.ono-modal-box-body-contentBar-title{font-weight:600;line-height:24px}.ono-modal-box-body-contentBar-content{font-size:14px;line-height:22px}.ono-modal-box-footer{align-items:center;display:flex;gap:16px;justify-content:start;margin-left:auto}.ono-modal-box-footer .ono-modal-box-footer-cancelBtn,.ono-modal-box-footer .ono-modal-box-footer-confirmBtn{align-items:center;border-radius:6px;display:flex;justify-content:center;outline:none;padding:4px 16px;transition:all .2s ease-in-out;user-select:none;width:fit-content}.ono-modal-box-footer-cancelBtn{background:#fff;border:1px solid #ccc;color:#333}.ono-modal-box-footer-cancelBtn:hover{border:1px solid var(--themeHoverColor);color:var(--themeHoverColor)}.ono-modal-box-footer-cancelBtn:active{border:1px solid var(--themeActiveColor);color:var(--themeActiveColor)}.ono-modal-box-footer-cancelBtn:disabled{border:1px solid #ccc;color:#ccc;cursor:no-drop}.ono-modal-box-footer-confirmBtn{background:var(--themeColor);border:none;color:#f5f5f5;gap:8px}.ono-modal-box-footer-confirmBtn-loading{animation:ono-loading 1s linear infinite;height:16px;width:16px}.ono-modal-box-footer-confirmBtn:hover{background:var(--themeHoverColor)}.ono-modal-box-footer-confirmBtn:active{background:var(--themeActiveColor)}.ono-modal-box-footer-confirmBtn:disabled{background:var(--themeDisabledClr);cursor:no-drop}.ono-modal::backdrop{backdrop-filter:blur(5px);background:rgba(0,0,0,.5)}.ono-modal-enter{animation:ono-modal-enter .3s forwards}.ono-modal-leave{animation:ono-modal-leave .3s forwards}@keyframes ono-modal-enter{0%{left:var(--left);opacity:0;top:var(--top);transform:translate(-50%,-50%) scale(0)}to{left:50%;opacity:1;top:50%;transform:translate(-50%,-50%) scale(1)}}@keyframes ono-modal-leave{0%{left:50%;opacity:1;top:50%;transform:translate(-50%,-50%) scale(1)}to{left:var(--left);opacity:0;top:var(--top);transform:translate(-50%,-50%) scale(0)}}

package/dist/style/Toast.css

@@ -1 +1 @@
-._container_3s92l_1{align-items:center;display:flex;flex-direction:column;gap:20px;height:100vh;left:0;padding:20px;pointer-events:none;position:fixed;top:0;width:100vw}._base_3s92l_15,._promise_3s92l_15{--speed:0.2s;align-items:center;background-color:#fff;border-radius:6px;box-shadow:0 4px 8px rgba(0,0,0,.1);display:flex;gap:8px;height:fit-content;justify-content:center;padding:8px 10px;pointer-events:auto;transform:translateY(0) scale(1);user-select:none;width:fit-content}._enter_3s92l_32{animation:_enter_3s92l_32 var(--speed) forwards}._leave_3s92l_36{animation:_leave_3s92l_36 var(--speed) forwards}._promise_3s92l_15 ._icon_3s92l_40{animation:_loading_3s92l_1 1s linear infinite}@keyframes _enter_3s92l_32{0%{opacity:0;transform:translateY(-80%) scale(.6)}60%{opacity:1;transform:translateY(0) scale(1.1)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes _leave_3s92l_36{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-80%) scale(.6)}}@keyframes _loading_3s92l_1{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
+._container_974ly_1{align-items:center;display:flex;flex-direction:column;gap:20px;height:100vh;left:0;padding:20px;pointer-events:none;position:fixed;top:0;width:100vw}._base_974ly_15,._promise_974ly_15{--speed:0.2s;align-items:center;background-color:#fff;border-radius:6px;box-shadow:0 4px 8px rgba(0,0,0,.1);display:flex;gap:8px;height:fit-content;justify-content:center;padding:8px 10px;pointer-events:auto;transform:translateY(0) scale(1);user-select:none;width:fit-content}._enter_974ly_32{animation:_enter_974ly_32 var(--speed) forwards}._leave_974ly_36{animation:_leave_974ly_36 var(--speed) forwards}._promise_974ly_15 ._icon_974ly_40{animation:_ono-loading_974ly_1 1s linear infinite}@keyframes _enter_974ly_32{0%{opacity:0;transform:translateY(-80%) scale(.6)}60%{opacity:1;transform:translateY(0) scale(1.1)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes _leave_974ly_36{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-80%) scale(.6)}}

package/dist/style/index.css

@@ -1 +1 @@
-:root{--bg-color:pink}
+:root{--bg-color:pink}@keyframes ono-loading{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}

package/dist/types/hooks/useClickOutSide.d.ts

@@ -5,5 +5,5 @@ type OutsideOptions = {
     event?: ClickEventTypes | ClickEventTypes[];
     deps?: DependencyList;
 };
-export declare const useClickOutSide: (outsideElement: OutsideElementTypes, handler: (e: MouseEvent) => void, options?: OutsideOptions) => (() => void) | undefined;
-export {};
+declare const _default: (outsideElement: OutsideElementTypes, handler: (e: MouseEvent) => void, options?: OutsideOptions) => (() => void) | undefined;
+export default _default;

package/dist/types/hooks/useCountdown.d.ts

@@ -1 +1,2 @@
-export declare const useCountdown: (initialTime?: number, onFinish?: () => void) => readonly [number, () => void, () => void];
+declare const _default: (initialTime?: number, onFinish?: () => void) => readonly [number, () => void, () => void];
+export default _default;