ono-react-element 0.0.7 → 0.0.9

package/dist/es/hooks-Dew3_cmY.js

@@ -0,0 +1,103 @@
+import { useEffect as e, useState as t, useRef as n, useCallback as r } from "react";
+import { v as o } from "./utils-BxXROOPY.js";
+const i = (t2, n2, r2) => {
+  const { target: o2, deps: i2, isDeferred: s2 } = r2 || {}, c2 = (e2) => n2(e2);
+  return e(() => ("string" == typeof t2 ? !s2 && (o2 || window).addEventListener(t2, c2) : t2.forEach((e2) => !s2 && (o2 || window).addEventListener(e2, c2)), () => {
+    "string" == typeof t2 ? (o2 || window).removeEventListener(t2, c2) : t2.forEach((e2) => (o2 || window).removeEventListener(e2, c2));
+  }), [o2, ...i2 || []]), s2 ? () => {
+    "string" == typeof t2 ? (o2 || window).addEventListener(t2, c2) : t2.forEach((e2) => (o2 || window).addEventListener(e2, c2));
+  } : void 0;
+}, s = (e2, t2, n2) => i(((e3) => {
+  const t3 = "string" == typeof e3 ? [e3] : e3;
+  if (new Set(t3).size !== t3.length) throw new Error("there are duplicates in the event type");
+  return t3;
+})((n2 == null ? void 0 : n2.event) || "click"), (n3) => {
+  if (e2) if (e2 instanceof Array) e2.map((e3) => e3 instanceof HTMLElement ? e3 : e3.current).some((e3) => !!e3 && e3.contains(n3.target)) || t2(n3);
+  else {
+    const r2 = e2 instanceof HTMLElement ? e2 : e2.current;
+    r2 && !r2.contains(n3.target) && t2(n3);
+  }
+}, { deps: [e2, ...(n2 == null ? void 0 : n2.deps) || []] }), c = (o2 = 60, i2) => {
+  const [s2, c2] = t(o2), [a2, l2] = t(false), d2 = n(null), u2 = r(() => l2(true), []), m2 = r(() => {
+    l2(false), c2(o2), d2.current && (clearTimeout(d2.current), d2.current = null), i2 == null ? void 0 : i2();
+  }, [o2, i2]);
+  return e(() => {
+    if (a2) return s2 > 0 ? d2.current = setTimeout(() => {
+      c2((e2) => e2 - 1);
+    }, 1e3) : m2(), () => {
+      d2.current && (clearTimeout(d2.current), d2.current = null);
+    };
+  }, [a2, s2, m2]), [s2, u2, m2];
+}, a = (n2) => {
+  const [r2, o2] = t({ w: 0, h: 0 }), i2 = new ResizeObserver((e2) => {
+    for (const t2 of e2) o2({ w: t2.borderBoxSize[0].inlineSize, h: t2.borderBoxSize[0].blockSize });
+  }), s2 = () => {
+    if (n2 && "function" != typeof n2) i2.observe(n2 instanceof HTMLElement ? n2 : n2.current);
+    else if (n2 && "function" == typeof n2) {
+      const e2 = n2();
+      i2.observe(e2 instanceof HTMLElement ? e2 : e2.current);
+    } else o2({ w: window.innerWidth, h: window.innerHeight });
+  };
+  return e(() => (s2(), window.addEventListener("resize", s2), () => {
+    if (window.removeEventListener("resize", s2), n2 && "function" != typeof n2) i2.unobserve(n2 instanceof HTMLElement ? n2 : n2.current);
+    else if (n2 && "function" == typeof n2) {
+      const e2 = n2();
+      i2.unobserve(e2 instanceof HTMLElement ? e2 : e2.current);
+    }
+  }), [n2]), r2;
+}, l = (e2) => e2.toString().toLocaleLowerCase(), d = (e2, t2, n2) => {
+  const r2 = (r3) => i(r3, (r4) => ((e3, n3, r5) => {
+    e3.forEach((e4) => {
+      if (e4.includes("+") && e4.length > 1) {
+        const r6 = e4.split("+"), o2 = n3.ctrlKey && r6.includes("ctrl"), i2 = n3.shiftKey && r6.includes("shift"), s2 = n3.altKey && r6.includes("alt"), c2 = n3.metaKey && r6.includes("meta"), a2 = (n3.ctrlKey || n3.metaKey) && r6.includes("commandorcontrol");
+        2 === r6.length ? (o2 || i2 || s2 || c2 || a2) && n3.key.toLocaleLowerCase() === r6[r6.length - 1] && t2(n3, e4) : 3 === r6.length && (o2 && i2 || o2 && s2 || o2 && c2 || o2 && a2 || i2 && s2 || i2 && c2 || i2 && a2 || s2 && c2 || s2 && a2 || c2 && a2) && n3.key.toLocaleLowerCase() === r6[r6.length - 1] && t2(n3, e4);
+      } else if (e4.includes(l(n3.key))) {
+        if (r5) e4 === l(n3.key) && t2(n3, e4);
+        else if (!(n3.ctrlKey || n3.metaKey || n3.shiftKey || n3.altKey)) return t2(n3, e4);
+      }
+    });
+  })(e2 instanceof Array ? e2.map((e3) => l(e3)) : [l(e2)], r4, (n2 == null ? void 0 : n2.exactMatch) || false), { deps: [n2 == null ? void 0 : n2.target, ...(n2 == null ? void 0 : n2.deps) || []] });
+  (n2 == null ? void 0 : n2.events) instanceof Array ? n2.events.forEach((e3) => r2(e3)) : r2((n2 == null ? void 0 : n2.events) || "keydown");
+};
+let u = false;
+const m = ({ theme: t2, onDark: n2, onLight: r2 }) => {
+  const o2 = window.matchMedia("(prefers-color-scheme: dark)"), i2 = () => {
+    o2.matches ? n2() : r2();
+  };
+  e(() => {
+    (() => {
+      switch (u && (u = false, o2.removeEventListener("change", i2)), t2) {
+        case "light":
+          r2();
+          break;
+        case "dark":
+          n2();
+          break;
+        default:
+          i2(), u = true, o2.addEventListener("change", i2);
+      }
+    })();
+  }, [t2]);
+}, f = (e2) => {
+  const { initTheme: r2 = "light", themeRules: i2 = (e3) => {
+    e3 ? document.documentElement.classList.add("dark") : document.documentElement.classList.remove("dark");
+  } } = e2 || Object.assign({}), [s2, c2] = t(r2), a2 = n(null);
+  return m({ theme: s2, onDark: () => {
+    a2.current ? o.changeThemeClipPathCircle({ element: a2.current, onChangeTheme: () => i2(true) }) : i2(true);
+  }, onLight: () => {
+    a2.current ? o.changeThemeClipPathCircle({ element: a2.current, onChangeTheme: () => i2(false) }) : i2(false);
+  } }), [s2, ({ targetTheme: e3, element: t2, onChange: n2 }) => {
+    a2.current = t2 || null, requestAnimationFrame(() => {
+      n2 == null ? void 0 : n2(), c2(e3);
+    });
+  }];
+};
+export {
+  i as a,
+  d as b,
+  s as c,
+  c as d,
+  m as e,
+  f,
+  a as u
+};

package/dist/es/index.js

@@ -1,235 +1,104 @@
-import { h as X, f as Y, i as Z, j as _, k as $, l as oo, m as eo, n as so, o as to, q as ao, r as ro, s as io, t as no, u as co, v as lo, w as mo, x as po, y as uo, z as fo, A as xo, B as So, C as To, D as jo, E as vo, F as go, G as ho, H as wo, I as Bo, J as bo, K as Lo, L as No, M as Oo, N as ko, O as yo, p as Co, P as Do, Q as Fo, R as Io, S as Po, T as Ao, U as Eo, V as Vo, W as Mo } from "./utils-BLV_TQU3.js";
-import { A as zo, D as Wo } from "./AutoSliderList-DN4Sec6L.js";
-import { A as Ho } from "./AvatarCrop-DzGw2FVQ.js";
-import { L as A } from "./List-B9mP7VjN.js";
-import { A as qo } from "./List-B9mP7VjN.js";
-import { B as Qo } from "./Button-CdxyXFF4.js";
-import { C as Xo } from "./Card3D-sf3zmiHk.js";
-import { C as Zo } from "./Checkbox-BN7rT73n.js";
-import { E as $o, c as oe } from "./VirtualList-OG7kqLe0.js";
-import { M as se } from "./MenuButton-CuOdVlg0.js";
-import { m as ae } from "./Message-TfweOOpK.js";
-import { M as ie } from "./Modal-CHgTYu-I.js";
-import { O as E } from "./Input-DoY3kR7J.js";
-import { a as ce } from "./Input-DoY3kR7J.js";
-import { j as e } from "./dependencies-DWmdjl5u.js";
-import { useState as l, useEffect as V } from "react";
-import { T as M } from "./Tooltip-BtzG0TSW.js";
-import { P as me } from "./Pagination-BtmtUkVw.js";
-import { p as ue } from "./PortalRenderer-8Iur-eZp.js";
-import { R as de, a as xe } from "./Radio-BmSpqdK8.js";
-import { S as Te } from "./SvgImg-Bcmzdjzl.js";
-import { S as ve } from "./Switch-DwDBR0sG.js";
-import { T as he } from "./TemplateDialog-SXrElzoR.js";
-import { t as Be } from "./Toast-C7ybVNyd.js";
-import { c as Le, d as Ne, a as Oe, u as ke, b as ye, e as Ce, f as De } from "./hooks-CQN6qu4t.js";
-import { W as Ie } from "./Waterfall-GHdJxww4.js";
-const R = ({
-  label: s,
-  value: a,
-  disabled: i,
-  onChange: n,
-  optionRender: m,
-  currentValue: p
-}) => /* @__PURE__ */ e.jsx(
-  "button",
-  {
-    role: "option",
-    "aria-label": s,
-    disabled: i,
-    className: "ono-option-item",
-    onClick: () => n == null ? void 0 : n(a),
-    children: m ? m({ label: s, value: a, disabled: i }, p === s) : /* @__PURE__ */ e.jsx(
-      "div",
-      {
-        className: [
-          "ono-option-item-content",
-          p === s ? "ono-option-item-content-active" : "",
-          i ? "ono-option-item-content-disabled" : ""
-        ].filter(Boolean).join(" "),
-        children: s
-      }
-    )
-  }
-), K = ({
-  options: s,
-  defaultValue: a,
-  placeholder: i,
-  inputBorder: n,
-  isShowArrow: m,
-  disabled: p,
-  clearable: f,
-  selectClassName: b,
-  optionsClassName: L,
-  filterable: t,
-  notFoundContent: N,
-  optionRender: O,
-  onClear: d,
-  onChange: r,
-  filterMethod: x
-}) => {
-  const [u, S] = l(""), [c, T] = l(""), [j, v] = l(!1), [g, k] = l(!1), [y, h] = l(""), w = (o) => {
-    const B = s.find((P) => P.value === o);
-    S(B ? B.label : "");
-  }, C = () => t ? x && typeof x == "function" ? x(c, s) : s.filter(
-    (o) => o.label.toLocaleLowerCase().includes(c.toLocaleLowerCase())
-  ) : s, D = (o) => {
-    k(o), t && c && !o && T("");
-  }, F = (o) => {
-    r == null || r(o), h(o), w(o);
-  }, I = () => {
-    d == null || d(), r == null || r(""), h(""), S(""), T("");
-  };
-  return V(() => {
-    a && w(a);
-  }, [a, s]), /* @__PURE__ */ e.jsx(
-    M,
-    {
-      sameWidth: !0,
-      trigger: "click",
-      placement: "bottom",
-      isShowArrow: m,
-      className: ["ono-option", L].filter(Boolean).join(" "),
-      onOpenChange: D,
-      content: /* @__PURE__ */ e.jsx(
-        A,
-        {
-          list: C(),
-          fallback: N ?? /* @__PURE__ */ e.jsx("div", { className: "ono-option-item", children: /* @__PURE__ */ e.jsx(
-            "div",
-            {
-              className: "ono-option-item-content-no-data",
-              onClick: (o) => o.stopPropagation(),
-              children: "No Data"
-            }
-          ) }),
-          children: (o) => /* @__PURE__ */ e.jsx(
-            R,
-            {
-              ...o,
-              onChange: F,
-              currentValue: u.toString(),
-              optionRender: O
-            },
-            o.value
-          )
-        }
-      ),
-      children: /* @__PURE__ */ e.jsx(
-        "div",
-        {
-          className: "ono-select",
-          onMouseEnter: () => v(!0),
-          onMouseLeave: () => v(!1),
-          children: /* @__PURE__ */ e.jsx(
-            E,
-            {
-              className: [t ? "" : "ono-select-readonly", b].filter(Boolean).join(" "),
-              border: n,
-              disabled: p,
-              placeholder: t && y ? u.toString() || "" : i,
-              readonly: !t,
-              value: t && g ? c : u.toString(),
-              clearable: j && f,
-              suffix: !(j && f && u) && !(f && c && t) ? /* @__PURE__ */ e.jsx(z, { isVisible: g }) : /* @__PURE__ */ e.jsx(e.Fragment, {}),
-              onClear: I,
-              onChange: (o) => T(o.target.value)
-            }
-          )
-        }
-      )
-    }
-  );
-}, z = ({ isVisible: s }) => /* @__PURE__ */ e.jsx(
-  "svg",
-  {
-    className: [
-      "ono-select-arrow-down-icon",
-      s ? "ono-select-arrow-down-active" : ""
-    ].filter(Boolean).join(" "),
-    viewBox: "64 64 896 896",
-    focusable: "false",
-    "data-icon": "down",
-    fill: "currentColor",
-    "aria-hidden": "true",
-    children: /* @__PURE__ */ 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" })
-  }
-);
+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-Dy-otnYu.js";
+import { A as A3 } from "./AvatarCrop-DrA-SARP.js";
+import { A as A4, L as L2 } 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-BeDq637Z.js";
+import { M as M2 } from "./MenuButton-DHkU5Bq7.js";
+import { m as m2 } from "./Message-GvTC61N0.js";
+import { M as M3 } from "./Modal-C-c_S_VM.js";
+import { O as O2, a } from "./Input-Z3uL5-nj.js";
+import { O as O3 } from "./Select-y-aAIqxg.js";
+import { P as P2 } 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-fX7Ie-xU.js";
+import { t as t2 } from "./Toast-BadlA1yD.js";
+import { T as T3 } from "./Tooltip-C5OFmxWo.js";
+import { c as c2, d, a as a3, u as u2, b, e, f as f2 } from "./hooks-Dew3_cmY.js";
+import { W as W2 } from "./Waterfall-a_c3urjB.js";
 export {
-  zo as AutoSliderList,
-  Ho as AvatarCrop,
-  qo as AwaitList,
-  Qo as Button,
-  Xo as Card3D,
-  Zo as Checkbox,
-  Wo as Direction,
-  $o as EstimatedVirtualList,
-  A as List,
-  se as MenuButton,
-  ie as Modal,
-  E as OnoInput,
-  K as OnoSelect,
-  ce as OnoTextarea,
-  me as Pagination,
-  de as Radio,
-  xe as RadioGroup,
-  Te as SvgImg,
-  ve as Switch,
-  he as TemplateDialog,
-  M as Tooltip,
-  Ie as Waterfall,
-  X as addCommasToNumber,
-  Y as adjustingColors,
-  Z as base64ToBlob,
-  _ as base64ToFile,
-  $ as blobToBase64,
-  oo as blobToFile,
-  eo as calculateAspectRatio,
-  so as checkDeviceIsMobile,
-  to as checkStatusCode,
-  ao as colorUtils,
-  ro as common,
-  io as convertSecondToOtherTime,
-  no as copy2Clipboard,
-  oe as createDataSource,
-  co as createIntersectionObserver,
-  lo as deepCopy,
-  mo as downloadFile,
-  po as fileToBase64,
-  uo as fileToBlob,
-  fo as formatFileSize,
-  xo as formatSecondes,
-  So as formatTime,
-  To as getElementCenterPosition,
-  jo as getFileName,
-  vo as getFileSuffix,
-  go as getImageSIze,
-  ho as getPointDistance,
-  wo as getURLSearchParams,
-  Bo as grayColor,
-  bo as localFormat,
-  Lo as mediaAutoplayPolicies,
-  ae as message,
-  No as parseQuery,
-  Oo as passwordStrength,
-  ko as pick,
-  ue as portalRenderer,
-  yo as printStr,
-  Co as pureNumber,
-  Do as quickSort,
-  Fo as randomString,
-  Io as safeCapitalizeWord,
-  Po as second2Day,
-  Ao as singleton,
-  Be as toast,
-  Eo as urlToBase64,
-  Vo as urlToBlob,
-  Mo as urlToFile,
-  Le as useClickOutSide,
-  Ne as useCountdown,
-  Oe as useEventListener,
-  ke as useGetElementSize,
-  ye as useKeyPress,
-  Ce as useTheme,
-  De as useThemePro
+  A2 as AutoSliderList,
+  A3 as AvatarCrop,
+  A4 as AwaitList,
+  B2 as Button,
+  C2 as Card3D,
+  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,
+  m2 as message,
+  O as parseQuery,
+  P as passwordStrength,
+  Q as pick,
+  p2 as portalRenderer,
+  R as printStr,
+  p as pureNumber,
+  S as quickSort,
+  T as rafTimeout,
+  U as randomString,
+  V as safeCapitalizeWord,
+  W as second2Day,
+  X as singleton,
+  t2 as toast,
+  Y as urlToBase64,
+  Z as urlToBlob,
+  _ as urlToFile,
+  c2 as useClickOutSide,
+  d as useCountdown,
+  a3 as useEventListener,
+  u2 as useGetElementSize,
+  b as useKeyPress,
+  e as useTheme,
+  f2 as useThemePro
 };

package/dist/es/style/AutoSliderList.css

@@ -0,0 +1 @@
+.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}

package/dist/es/style/AvatarCrop.css

@@ -0,0 +1 @@
+.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%}

package/dist/es/style/Button.css

@@ -0,0 +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}}

package/dist/es/style/Card3D.css

@@ -0,0 +1 @@
+.ono-card{overflow:hidden;transition:all .3s linear,width 0s,height 0s}.ono-card:hover{box-shadow:var(--sd)}

package/dist/es/style/Checkbox.css

@@ -0,0 +1 @@
+.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%}

package/dist/es/style/Input.css

@@ -0,0 +1 @@
+.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}

package/dist/es/style/MenuButton.css

@@ -0,0 +1 @@
+.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}

package/dist/es/style/Message.css

@@ -0,0 +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)}}

package/dist/es/style/Modal.css

@@ -0,0 +1 @@
+.ono-modal{--width:416px;--color:#333;--themeColor:#5644b8;--themeHoverColor:#8676de;--themeActiveColor:#352494;--themeDisabledClr:#9587e7;background:transparent}.ono-modal button{background:none;border:none;outline:none;padding:0}.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;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);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)}}

package/dist/es/style/Pagination.css

@@ -0,0 +1 @@
+.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}

package/dist/es/style/Radio.css

@@ -0,0 +1 @@
+.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%}

package/dist/es/style/Select.css

@@ -0,0 +1 @@
+.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{background:#fff;box-shadow:0 4px 10px rgba(0,0,0,.1);padding:8px;z-index:9999}.ono-option .ono-option-item{background:transparent;border:none;display:block;margin:0;outline:none;padding:0;width:100%}.ono-option .ono-option-item .ono-option-item-content,.ono-option .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 .ono-option-item .ono-option-item-content-no-data:hover,.ono-option .ono-option-item .ono-option-item-content:hover{background:#ccc}.ono-option .ono-option-item .ono-option-item-content-active{color:#5644b8;font-weight:600}.ono-option .ono-option-item .ono-option-item-content-disabled{color:#ccc;cursor:not-allowed}.ono-option .ono-option-item .ono-option-item-content-disabled:hover,.ono-option .ono-option-item .ono-option-item-content-no-data:hover{background:transparent}.ono-select-readonly{cursor:pointer!important}

package/dist/es/style/SvgImg.css

@@ -0,0 +1 @@
+.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%}

package/dist/es/style/Switch.css

@@ -0,0 +1 @@
+.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)}

package/dist/es/style/TemplateDialog.css

@@ -0,0 +1 @@
+.ono-mask{height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:9999}.ono-mask .ono-dialog{box-shadow:0 0 10px rgba(0,0,0,.3);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.ono-mask-enter{animation:mask-enter var(--duration) forwards}.ono-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%)}}

package/dist/es/style/Toast.css

@@ -0,0 +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)}}

package/dist/es/style/Tooltip.css

@@ -0,0 +1 @@
+.ono-tooltip-popper{background:#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}

package/dist/es/style/Waterfall.css

@@ -0,0 +1 @@
+.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/es/style/index.css

@@ -0,0 +1 @@
+:root{--bg-color:pink}