@unicom-cloud/ui 0.8.90 → 0.8.91

package/color-picker/utils.js

@@ -1,11 +1,12 @@
-import { c as s } from "../chunk/9TSjT7x_.js";
-const R = (t) => t.sort((r, n) => r.percent - n.percent), H = (t, r, n) => Object.keys(t).reduce(
+import "../dist/tinycolor/chunk/DGZSWe7E.js";
+import { TinyColor as s } from "../dist/tinycolor/src/index.js";
+const G = (t) => t.sort((r, n) => r.percent - n.percent), H = (t, r, n) => Object.keys(t).reduce(
   (e, o) => ({
     ...e,
     [o]: t[o] + (r[o] - t[o]) * n
   }),
   { ...t }
-), b = (t) => t.map(({ color: r, percent: n }) => `${r} ${n}%`).join(", "), w = (t) => `linear-gradient(to right, ${b(t)})`, G = (t) => Array.isArray(t) ? w(t) : t, k = (t, r, n, e) => e < 1 ? `rgba(${t}, ${r}, ${n}, ${e.toFixed(2)})` : `rgb(${t}, ${r}, ${n})`, q = (t, r, n, e) => e < 1 ? new s({ r: t, g: r, b: n, a: e }).toHexString() : new s({ r: t, g: r, b: n }).toHexString(), p = (t) => {
+), b = (t) => t.map(({ color: r, percent: n }) => `${r} ${n}%`).join(", "), w = (t) => `linear-gradient(to right, ${b(t)})`, k = (t) => Array.isArray(t) ? w(t) : t, q = (t, r, n, e) => e < 1 ? `rgba(${t}, ${r}, ${n}, ${e.toFixed(2)})` : `rgb(${t}, ${r}, ${n})`, A = (t, r, n, e) => e < 1 ? new s({ r: t, g: r, b: n, a: e }).toHexString() : new s({ r: t, g: r, b: n }).toHexString(), p = (t) => {
   const r = new s({
     h: t.h * 360,
     s: t.s * 100,
@@ -16,7 +17,7 @@ const R = (t) => t.sort((r, n) => r.percent - n.percent), H = (t, r, n) => Objec
     rgb: n,
     hex: e
   };
-}, c = () => Math.random().toFixed(10).slice(2), A = (t, r) => t.map((n) => {
+}, c = () => Math.random().toFixed(10).slice(2), F = (t, r) => t.map((n) => {
   const e = new s(n.color).toHsv_();
   return {
     id: c(),
@@ -24,7 +25,7 @@ const R = (t) => t.sort((r, n) => r.percent - n.percent), H = (t, r, n) => Objec
     alpha: r ? 100 : e.a,
     percent: n.percent
   };
-}), F = (t, r, n) => {
+}), S = (t, r, n) => {
   const e = t.findIndex((a) => a.percent === r);
   if (e !== -1)
     return {
@@ -51,20 +52,20 @@ const R = (t) => t.sort((r, n) => r.percent - n.percent), H = (t, r, n) => Objec
       a: x
     },
     (r - i) / (f - i)
-  ), { r: m, g: $, b: v, a: y } = h;
+  ), { r: m, g: $, b: y, a: v } = h;
   return {
     id: n ?? c(),
     color: p(
       new s({
         r: m,
         g: $,
-        b: v
+        b: y
       }).toHsv_()
     ),
-    alpha: y,
+    alpha: v,
     percent: r
   };
-}, S = (t, r) => t.h === r.h && t.s === r.s && t.v === r.v, C = (t, r) => t.r === r.r && t.g === r.g && t.b === r.b && t.a === r.a, j = (t, r) => typeof t == "string" && typeof r == "string" ? t === r : Array.isArray(t) && Array.isArray(r) ? t.length === r.length && t.every((n, e) => {
+}, j = (t, r) => t.h === r.h && t.s === r.s && t.v === r.v, C = (t, r) => t.r === r.r && t.g === r.g && t.b === r.b && t.a === r.a, P = (t, r) => typeof t == "string" && typeof r == "string" ? t === r : Array.isArray(t) && Array.isArray(r) ? t.length === r.length && t.every((n, e) => {
   const o = r[e];
   return C(
     new s(n.color).toRgba(),
@@ -72,18 +73,18 @@ const R = (t) => t.sort((r, n) => r.percent - n.percent), H = (t, r, n) => Objec
   ) && n.percent === o.percent;
 }) : !1;
 export {
-  S as equalsHsv,
+  j as equalsHsv,
   C as equalsRgba,
-  q as formatHex,
-  k as formatRgba,
-  F as getColorByGradients,
+  A as formatHex,
+  q as formatRgba,
+  S as getColorByGradients,
   p as getColorFromHsv,
   b as getGradientString,
   c as getRandomId,
-  j as isEqualsColors,
-  A as mapValueToGradientColor,
+  P as isEqualsColors,
+  F as mapValueToGradientColor,
   H as mix,
-  G as renderBackground,
+  k as renderBackground,
   w as renderGradientBackground,
-  R as sortGradientColors
+  G as sortGradientColors
 };

package/comment/index.js

@@ -1,11 +1,12 @@
-import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import { jsxs as n, jsx as a } from "react/jsx-runtime";
 import N from "lodash/isPlainObject";
 import g from "lodash/isString";
-import { forwardRef as u, useContext as v } from "react";
-import { a as C } from "../chunk/B44Hj5ad.js";
-import { u as x } from "../chunk/BFTV6myl.js";
+import { forwardRef as v, useContext as u } from "react";
+import "../config-provider/ConfigProvider.js";
+import C from "../components/common/hooks/useMergeProps.js";
 import f from "@unicom-cloud/utils/class-name";
-import { a as j } from "../chunk/ClqoGc3r.js";
+import { pickDataAttributes as x } from "../components/common/utils/pick.js";
+import j from "../config-provider/context.js";
 const y = {
   datetime: "left",
   actions: "left"
@@ -13,15 +14,15 @@ const y = {
   align: "left"
 };
 function A(p, $) {
-  const { getPrefixCls: s, componentConfig: r, rtl: h } = v(C), a = x(
+  const { getPrefixCls: s, componentConfig: r, rtl: h } = u(j), e = C(
     p,
     b,
     r == null ? void 0 : r.Comment
-  ), t = s == null ? void 0 : s("comment"), { actions: o, author: l, avatar: i, content: c, datetime: m } = a, d = {
+  ), t = s == null ? void 0 : s("comment"), { actions: l, author: m, avatar: i, content: c, datetime: o } = e, d = {
     ...y,
-    ...N(a.align) ? a.align : {
-      datetime: a.align,
-      actions: a.align
+    ...N(e.align) ? e.align : {
+      datetime: e.align,
+      actions: e.align
     }
   };
   return /* @__PURE__ */ n(
@@ -31,40 +32,40 @@ function A(p, $) {
       className: f(
         `${t}`,
         { [`${t}-rtl`]: h },
-        a.className
+        e.className
       ),
-      style: a.style,
-      ...j(a),
+      style: e.style,
+      ...x(e),
       children: [
-        i && /* @__PURE__ */ e("div", { className: f(`${t}-avatar`), children: g(i) ? /* @__PURE__ */ e("img", { src: i, alt: "comment-avatar" }) : i }),
+        i && /* @__PURE__ */ a("div", { className: f(`${t}-avatar`), children: g(i) ? /* @__PURE__ */ a("img", { src: i, alt: "comment-avatar" }) : i }),
         /* @__PURE__ */ n("div", { className: `${t}-inner`, children: [
           /* @__PURE__ */ n("div", { className: `${t}-inner-content`, children: [
-            (l || m) && /* @__PURE__ */ n(
+            (m || o) && /* @__PURE__ */ n(
               "div",
               {
                 className: `${t}-title ${t}-title-align-${d.datetime}`,
                 children: [
-                  l && /* @__PURE__ */ e("span", { className: `${t}-author`, children: l }),
-                  m && /* @__PURE__ */ e("span", { className: `${t}-datetime`, children: m })
+                  m && /* @__PURE__ */ a("span", { className: `${t}-author`, children: m }),
+                  o && /* @__PURE__ */ a("span", { className: `${t}-datetime`, children: o })
                 ]
               }
             ),
-            c && /* @__PURE__ */ e("div", { className: `${t}-content`, children: c }),
-            o && /* @__PURE__ */ e(
+            c && /* @__PURE__ */ a("div", { className: `${t}-content`, children: c }),
+            l && /* @__PURE__ */ a(
               "div",
               {
                 className: `${t}-actions ${t}-actions-align-${d.actions}`,
-                children: o
+                children: l
               }
             )
           ] }),
-          a.children && /* @__PURE__ */ e("div", { className: `${t}-inner-comment`, children: a.children })
+          e.children && /* @__PURE__ */ a("div", { className: `${t}-inner-comment`, children: e.children })
         ] })
       ]
     }
   );
 }
-const P = u(
+const P = v(
   A
 );
 P.displayName = "Comment";

package/components/common/development/index.js

@@ -0,0 +1,32 @@
+import { jsxs as r, jsx as l } from "react/jsx-runtime";
+import n from "@unicom-cloud/icons/IconFluentFlatHourglassNotDone";
+import a from "@unicom-cloud/utils/class-name";
+import { UI_COMMON_PREFIX as o } from "@unicom-cloud/utils/constant/ui";
+import s from "lodash/uniqBy";
+import c from "lodash/uniqWith";
+import { forwardRef as f, useEffect as u, useImperativeHandle as x } from "react";
+function N(e, i) {
+  c([], (t) => t.xxx), s([{ x: 1 }, { x: 2 }, { x: 1 }], "x");
+  const m = `${o}-development`;
+  return u(() => () => {
+  }, []), x(i, () => ({})), /* @__PURE__ */ r("div", { className: a(m, e.className), children: [
+    e.url ? /* @__PURE__ */ l(
+      "img",
+      {
+        className: a(`${m}-img`, e.imgClassName),
+        src: e.url
+      },
+      "img"
+    ) : e.icon ?? /* @__PURE__ */ l(
+      n,
+      {
+        className: a(`${m}-icon`, e.iconClassName)
+      }
+    ),
+    /* @__PURE__ */ l("div", { className: a(`${m}-label`, e.labelClassName), children: e.tip ?? e.label ?? "等待开发" })
+  ] });
+}
+const h = f(N);
+export {
+  h as default
+};

package/components/common/empty/index.js

@@ -0,0 +1,17 @@
+import { jsx as s, jsxs as f } from "react/jsx-runtime";
+import N from "@unicom-cloud/icons/IconUiEmpty";
+import { UI_COMMON_PREFIX as y } from "@unicom-cloud/utils/constant/ui";
+import { memo as x, forwardRef as $ } from "react";
+import g from "@unicom-cloud/utils/class-name";
+function h(i, t) {
+  const { style: o, className: a, description: m, icon: c, imgSrc: r, prefixCls: p, ...n } = i, e = p ?? `${y}-empty`, l = g(e, a), d = typeof m == "string" ? m : "empty";
+  return /* @__PURE__ */ s("div", { ref: t, className: l, style: o, ...n, children: /* @__PURE__ */ f("div", { className: `${e}-wrapper`, children: [
+    /* @__PURE__ */ s("div", { className: `${e}-image`, children: r ? /* @__PURE__ */ s("img", { alt: d, src: r }) : c || /* @__PURE__ */ s(N, {}) }),
+    /* @__PURE__ */ s("div", { className: `${e}-description`, children: m || "无数据" })
+  ] }) });
+}
+const v = x($(h));
+v.displayName = "Empty";
+export {
+  v as default
+};

package/components/common/higher-order/with-speech-synthesis/index.js

@@ -0,0 +1,61 @@
+import { jsx as r } from "react/jsx-runtime";
+import y from "@unicom-cloud/icons/IconUiMute";
+import I from "@unicom-cloud/icons/IconUiPauseCircleFill";
+import x from "@unicom-cloud/icons/IconUiPlayCircleFill";
+import C from "@unicom-cloud/icons/IconUiSound";
+import { memo as U, forwardRef as g, useState as v, useEffect as F, useImperativeHandle as H } from "react";
+function T(m) {
+  function h(S, d) {
+    const { useButton: k = !0, buttonProps: t, ...i } = S ?? {}, [l, s] = v(!1);
+    function f() {
+      var n, e;
+      (e = (n = window.speechSynthesis) == null ? void 0 : n.cancel) == null || e.call(n);
+    }
+    function w() {
+      var c, o, p;
+      let n = ((c = i.getText) == null ? void 0 : c.call(i)) || i.text, e = new SpeechSynthesisUtterance(n);
+      e.onstart = function() {
+        s(!0);
+      }, e.onerror = () => {
+        s(!1);
+      }, e.onmark = () => {
+      }, e.onpause = () => {
+        s(!1);
+      }, e.onresume = () => {
+        s(!0);
+      }, e.onboundary = () => {
+      }, e.onend = () => {
+        s(!1);
+      }, (p = (o = window.speechSynthesis) == null ? void 0 : o.speak) == null || p.call(o, e);
+    }
+    function u(n) {
+      var e;
+      f(), l || w(), (e = t == null ? void 0 : t.onClick) == null || e.call(t, n);
+    }
+    let a;
+    if (window.speechSynthesis && window.SpeechSynthesisUtterance)
+      if (k) {
+        let { label: n, text: e, children: c, ...o } = t ?? {};
+        a = /* @__PURE__ */ r(
+          m,
+          {
+            ...i,
+            type: "text",
+            size: "mini",
+            icon: l ? /* @__PURE__ */ r(y, {}) : /* @__PURE__ */ r(C, {}),
+            ...o,
+            onClick: u,
+            children: n || e || c
+          }
+        );
+      } else
+        a = /* @__PURE__ */ r(l ? I : x, { ...i.iconProps, onClick: u });
+    return F(() => () => {
+      f();
+    }, []), H(d, () => ({})), a;
+  }
+  return U(g(h));
+}
+export {
+  T as default
+};

package/{chunk/DxVvggX2.js → components/common/hooks/useComputedState.js}

@@ -1,5 +1,5 @@
 import { useState as o, useEffect as u } from "react";
-function f(t, e) {
+function r(t, e) {
   const [s, a] = o(t());
   return u(() => {
     const n = t();
@@ -7,5 +7,5 @@ function f(t, e) {
   }, [e]), s;
 }
 export {
-  f as u
+  r as default
 };

package/components/common/hooks/useCreate.js

@@ -0,0 +1,8 @@
+import r from "react";
+function f(t) {
+  const e = r.useRef(!1);
+  e.current === !1 && (t(), e.current = !0);
+}
+export {
+  f as default
+};

package/components/common/hooks/useForceUpdate.js

@@ -0,0 +1,8 @@
+import { useReducer as r } from "react";
+function c() {
+  const [n, e] = r((t) => (t + 1) % 27, 0);
+  return e;
+}
+export {
+  c as default
+};

package/{chunk/B4YRLi8r.js → components/common/hooks/useId.js}

@@ -1,11 +1,11 @@
-import { useState as u, useEffect as e } from "react";
+import { useState as e, useEffect as u } from "react";
 const n = {};
-function c(t) {
-  const [o, s] = u();
-  return e(() => {
+function d(t) {
+  const [o, s] = e();
+  return u(() => {
     n[t] = t in n ? n[t] : 0, s(n[t]), n[t] += 1;
   }, []), typeof o == "number" ? `${t}${o}` : void 0;
 }
 export {
-  c as u
+  d as default
 };

package/components/common/hooks/useInView.js

@@ -0,0 +1,31 @@
+import { useState as w, useCallback as h, useEffect as m } from "react";
+import p, { supportIntersectionObserver as O } from "./useIntersectionObserver.js";
+function E(u) {
+  const {
+    defaultInView: s,
+    unobserverOnEnter: r = !0,
+    onChange: t,
+    target: n,
+    ...a
+  } = u, [f, l] = w(
+    O ? s : !0
+  ), b = h(
+    ([e], c) => {
+      const o = c.thresholds.some(
+        (I) => e.intersectionRatio >= I
+      ) && e.isIntersecting;
+      l(o), t == null || t(o, e), o && r && c.unobserve(e.target);
+    },
+    [t, r]
+  ), { cor: d, dor: i, observer: v } = p(
+    b,
+    a
+  );
+  return m(() => (s && r ? i() : n && d(n), i), [n, s, r]), {
+    inView: f,
+    observer: v
+  };
+}
+export {
+  E as default
+};

package/{chunk/B4WG1mhs.js → components/common/hooks/useIntersectionObserver.js}

@@ -1,24 +1,24 @@
 import { useRef as c } from "react";
 import { isServerRendering as i } from "../utils/dom.js";
-import "./ClM74To2.js";
+import "../utils/is.js";
 import { isUndefined as u } from "@unicom-cloud/utils/is";
-const v = !i && !u(window == null ? void 0 : window.IntersectionObserver);
-function O(t, s = {}) {
+const f = !i && !u(window == null ? void 0 : window.IntersectionObserver);
+function O(t, o = {}) {
   const r = c(), e = () => {
     r.current && (r.current.disconnect(), r.current = null);
-  }, o = (n) => {
-    n && (e(), v && (r.current = new IntersectionObserver(
+  }, s = (n) => {
+    n && (e(), f && (r.current = new IntersectionObserver(
       t,
-      s
+      o
     ), r.current.observe(n)));
   };
   return {
     observer: r.current,
-    cor: o,
+    cor: s,
     dor: e
   };
 }
 export {
-  v as s,
-  O as u
+  O as default,
+  f as supportIntersectionObserver
 };

package/components/common/hooks/useInterval.js

@@ -0,0 +1,18 @@
+import { useRef as l, useEffect as s } from "react";
+function o(t, e) {
+  const r = l(null), n = l(), u = () => {
+    e !== null && (r.current = setInterval(() => {
+      n.current();
+    }, e));
+  }, c = () => {
+    r.current && clearInterval(r.current);
+  }, a = () => {
+    c(), u();
+  };
+  return s(() => {
+    n.current = t;
+  }, [t]), s(() => (u(), c), [e]), a;
+}
+export {
+  o as default
+};

package/{chunk/oopARUrq.js → components/common/hooks/useIsFirstRender.js}

@@ -6,5 +6,5 @@ function u() {
   }, []), e.current;
 }
 export {
-  u
+  u as default
 };

package/components/common/hooks/useIsomorphicLayoutEffect.js

@@ -0,0 +1,6 @@
+import { useEffect as e, useLayoutEffect as o } from "react";
+import { isServerRendering as t } from "../utils/dom.js";
+const s = t ? e : o;
+export {
+  s as default
+};

package/components/common/hooks/useKeyboardEvent.js

@@ -0,0 +1,17 @@
+import { useCallback as u } from "react";
+import { Enter as E, ArrowDown as g, ArrowLeft as m, ArrowRight as D, ArrowUp as L } from "@unicom-cloud/utils/constant/keyboardCode";
+function h(r) {
+  return u(
+    (e) => ({
+      onKeyDown(n) {
+        var o, i, w, f, y, A;
+        const t = n.key;
+        t === E.key && ((o = e.onPressEnter) == null || o.call(e, n)), t === g.key && ((i = e.onArrowDown) == null || i.call(e, n)), t === m.key && ((w = e.onArrowLeft) == null || w.call(e, n)), t === D.key && ((f = e.onArrowRight) == null || f.call(e, n)), t === L.key && ((y = e.onArrowUp) == null || y.call(e, n)), (A = r == null ? void 0 : r.onKeyDown) == null || A.call(r, n);
+      }
+    }),
+    []
+  );
+}
+export {
+  h as default
+};

package/{chunk/BL9DMeor.js → components/common/hooks/useListenResize.js}

@@ -5,5 +5,5 @@ function o(e, n = []) {
   }), [...n]);
 }
 export {
-  o as u
+  o as default
 };

package/{chunk/BXAeh0_V.js → components/common/hooks/useMedia.js}

@@ -12,5 +12,5 @@ const m = (e, t) => t !== void 0 ? t : window.matchMedia(e).matches, h = (e, t)
   }, [e]), o;
 };
 export {
-  h as u
+  h as default
 };

package/{chunk/BFTV6myl.js → components/common/hooks/useMergeProps.js}

@@ -1,6 +1,6 @@
 import { useMemo as m } from "react";
-import { o as u } from "./BKKEev13.js";
-function f(r, e, i = {}) {
+import { omit as u } from "../utils/omit.js";
+function c(r, e, i = {}) {
   const { _ignorePropsFromGlobal: p } = r, o = m(() => ({
     ...e,
     ...p ? {} : i
@@ -15,5 +15,5 @@ function f(r, e, i = {}) {
   }, [r, o]);
 }
 export {
-  f as u
+  c as default
 };

package/{chunk/D5wldVRB.js → components/common/hooks/useMergeValue.js}

@@ -1,19 +1,19 @@
 import { useRef as i, useState as l, useEffect as c } from "react";
-import "./ClM74To2.js";
-import { u as m } from "./VSe_Wq1g.js";
+import "../utils/is.js";
+import m from "./usePrevious.js";
 import { isUndefined as t } from "@unicom-cloud/utils/is";
-function R(f, n) {
-  const { defaultValue: r, value: e } = n || {}, u = i(!0), s = m(e), [o, a] = l(
-    t(e) ? t(r) ? f : r : e
+function R(a, n) {
+  const { defaultValue: r, value: e } = n || {}, u = i(!0), s = m(e), [o, f] = l(
+    t(e) ? t(r) ? a : r : e
   );
   return c(() => {
     if (u.current) {
       u.current = !1;
       return;
     }
-    e === void 0 && (s === e || a(e));
-  }, [s, e]), [t(e) ? o : e, a, o];
+    e === void 0 && (s === e || f(e));
+  }, [s, e]), [t(e) ? o : e, f, o];
 }
 export {
-  R as u
+  R as default
 };

package/{chunk/zmmqLCF4.js → components/common/hooks/useOnlineStatus.js}

@@ -16,5 +16,5 @@ function r() {
   return i(e ? "Online" : "Offline"), e;
 }
 export {
-  r as u
+  r as default
 };

package/{chunk/DU1RCDfh.js → components/common/hooks/useOverflowHidden.js}

@@ -25,5 +25,5 @@ function a(o, { hidden: s }) {
   }), [o, s]), [i, l];
 }
 export {
-  a as u
+  a as default
 };

package/components/common/hooks/useOverrideRef.js

@@ -0,0 +1,14 @@
+import f, { useCallback as l, isValidElement as u, cloneElement as c } from "react";
+import { supportRef as a } from "../utils/is.js";
+import { callbackOriginRef as m } from "../utils/reactDOM.js";
+function R() {
+  const r = f.useRef(null);
+  return [l((e) => u(e) && a(e) ? c(e, {
+    ref: (t) => {
+      r.current = t, m(e, t);
+    }
+  }) : e, []), r];
+}
+export {
+  R as default
+};

package/{chunk/BsY85n3_.js → components/common/hooks/usePersistCallback.js}

@@ -1,5 +1,5 @@
 import { useRef as c, useCallback as n } from "react";
-function o(t) {
+function a(t) {
   const r = c();
   return r.current = t, n(
     (...u) => {
@@ -10,5 +10,5 @@ function o(t) {
   );
 }
 export {
-  o as u
+  a as default
 };

package/{chunk/rT6qmv-Y.js → components/common/hooks/usePrefersColorSchemeDark.js}

@@ -1,12 +1,12 @@
 import { MATCH_MEDIA_PREFERS_COLOR_SCHEME_DARK as e } from "@unicom-cloud/utils/constant";
 import { useState as o, useEffect as s } from "react";
-function f() {
-  const [r, n] = o(
+function m() {
+  const [r, a] = o(
     e.matches
   );
   return s(() => {
-    function t(a) {
-      n(!!a.matches);
+    function t(n) {
+      a(!!n.matches);
     }
     return e.addEventListener(
       "change",
@@ -20,5 +20,5 @@ function f() {
   }, []), r;
 }
 export {
-  f as u
+  m as default
 };

package/components/common/hooks/usePrevious.js

@@ -0,0 +1,10 @@
+import { useRef as t, useEffect as u } from "react";
+function n(r) {
+  const e = t();
+  return u(() => {
+    e.current = r;
+  }), e.current;
+}
+export {
+  n as default
+};

package/components/common/hooks/useRefs.js

@@ -0,0 +1,10 @@
+import { useRef as f } from "react";
+function c(s = []) {
+  const t = f(s), u = (e, r) => {
+    r !== void 0 ? t.current[r] = e : t.current.push(e);
+  };
+  return [t.current, u];
+}
+export {
+  c as default
+};

package/{chunk/CmZzBtA4.js → components/common/hooks/useResizeObserver.js}

@@ -1,9 +1,9 @@
 import { useRef as c } from "react";
-function o(t) {
+function o(n) {
   const r = c(), e = () => {
     r.current && (r.current.disconnect(), r.current = null);
-  }, s = (n) => {
-    n && (r.current && e(), r.current = new ResizeObserver(t), r.current.observe(n));
+  }, s = (t) => {
+    t && (r.current && e(), r.current = new ResizeObserver(n), r.current.observe(t));
   };
   return {
     currentOr: r.current,
@@ -12,5 +12,5 @@ function o(t) {
   };
 }
 export {
-  o as u
+  o as default
 };