@hybridcore/ui 1.6.13 → 1.6.14

package/dist/ownerWindow-wg6foiOE.js

@@ -0,0 +1,10 @@
+function o(n) {
+  return n && n.ownerDocument || document;
+}
+function t(n) {
+  return o(n).defaultView || window;
+}
+export {
+  t as a,
+  o
+};

package/dist/setPrototypeOf-NPgp4cYc.js

@@ -0,0 +1,8 @@
+function e(o, r) {
+  return e = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(t, n) {
+    return t.__proto__ = n, t;
+  }, e(o, r);
+}
+export {
+  e as _
+};

package/dist/styled-DD4BkuVf.js

@@ -0,0 +1,350 @@
+import { styled as l, Box as h, ButtonBase as U } from "@mui/material";
+import { a as i, _ as D } from "./extends-C3382pL0.js";
+import * as d from "react";
+import { P as e } from "./index-CblbdqjE.js";
+import { c as F } from "./clsx-OuTLNxxd.js";
+import { s as f, r as I, g as H, a as G, b as u, d as V, u as W, c as q } from "./generateUtilityClasses-Cc-owZ4J.js";
+import { S as L } from "./SwitchBase-BEK49kdS.js";
+import { c as z } from "./createSvgIcon-D7U1nd99.js";
+import { jsx as s, jsxs as Z } from "react/jsx-runtime";
+import { c as A } from "./createChainedFunction-C0nujS3O.js";
+import { r as J } from "./TransitionGroupContext-Ja2CgIob.js";
+const P = /* @__PURE__ */ d.createContext(void 0);
+process.env.NODE_ENV !== "production" && (P.displayName = "RadioGroupContext");
+function K() {
+  return d.useContext(P);
+}
+const Q = z(/* @__PURE__ */ s("path", {
+  d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
+}), "RadioButtonUnchecked"), X = z(/* @__PURE__ */ s("path", {
+  d: "M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
+}), "RadioButtonChecked"), Y = f("span", {
+  name: "MuiRadioButtonIcon",
+  shouldForwardProp: I
+})({
+  position: "relative",
+  display: "flex"
+}), oo = f(Q, {
+  name: "MuiRadioButtonIcon"
+})({
+  // Scale applied to prevent dot misalignment in Safari
+  transform: "scale(1)"
+}), eo = f(X, {
+  name: "MuiRadioButtonIcon"
+})(({
+  theme: o,
+  ownerState: a
+}) => i({
+  left: 0,
+  position: "absolute",
+  transform: "scale(0)",
+  transition: o.transitions.create("transform", {
+    easing: o.transitions.easing.easeIn,
+    duration: o.transitions.duration.shortest
+  })
+}, a.checked && {
+  transform: "scale(1)",
+  transition: o.transitions.create("transform", {
+    easing: o.transitions.easing.easeOut,
+    duration: o.transitions.duration.shortest
+  })
+}));
+function k(o) {
+  const {
+    checked: a = !1,
+    classes: t = {},
+    fontSize: r
+  } = o, n = i({}, o, {
+    checked: a
+  });
+  return /* @__PURE__ */ Z(Y, {
+    className: t.root,
+    ownerState: n,
+    children: [/* @__PURE__ */ s(oo, {
+      fontSize: r,
+      className: t.background,
+      ownerState: n
+    }), /* @__PURE__ */ s(eo, {
+      fontSize: r,
+      className: t.dot,
+      ownerState: n
+    })]
+  });
+}
+process.env.NODE_ENV !== "production" && (k.propTypes = {
+  /**
+   * If `true`, the component is checked.
+   */
+  checked: e.bool,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: e.object,
+  /**
+   * The size of the component.
+   * `small` is equivalent to the dense radio styling.
+   */
+  fontSize: e.oneOf(["small", "medium"])
+});
+function ao(o) {
+  return G("MuiRadio", o);
+}
+const y = H("MuiRadio", ["root", "checked", "disabled", "colorPrimary", "colorSecondary", "sizeSmall"]), to = ["checked", "checkedIcon", "color", "icon", "name", "onChange", "size", "className"], ro = (o) => {
+  const {
+    classes: a,
+    color: t,
+    size: r
+  } = o, n = {
+    root: ["root", `color${u(t)}`, r !== "medium" && `size${u(r)}`]
+  };
+  return i({}, a, q(n, ao, a));
+}, no = f(L, {
+  shouldForwardProp: (o) => I(o) || o === "classes",
+  name: "MuiRadio",
+  slot: "Root",
+  overridesResolver: (o, a) => {
+    const {
+      ownerState: t
+    } = o;
+    return [a.root, t.size !== "medium" && a[`size${u(t.size)}`], a[`color${u(t.color)}`]];
+  }
+})(({
+  theme: o,
+  ownerState: a
+}) => i({
+  color: (o.vars || o).palette.text.secondary
+}, !a.disableRipple && {
+  "&:hover": {
+    backgroundColor: o.vars ? `rgba(${a.color === "default" ? o.vars.palette.action.activeChannel : o.vars.palette[a.color].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : V(a.color === "default" ? o.palette.action.active : o.palette[a.color].main, o.palette.action.hoverOpacity),
+    // Reset on touch devices, it doesn't add specificity
+    "@media (hover: none)": {
+      backgroundColor: "transparent"
+    }
+  }
+}, a.color !== "default" && {
+  [`&.${y.checked}`]: {
+    color: (o.vars || o).palette[a.color].main
+  }
+}, {
+  [`&.${y.disabled}`]: {
+    color: (o.vars || o).palette.action.disabled
+  }
+}));
+function so(o, a) {
+  return typeof a == "object" && a !== null ? o === a : String(o) === String(a);
+}
+const v = /* @__PURE__ */ s(k, {
+  checked: !0
+}), x = /* @__PURE__ */ s(k, {}), S = /* @__PURE__ */ d.forwardRef(function(a, t) {
+  var r, n;
+  const p = W({
+    props: a,
+    name: "MuiRadio"
+  }), {
+    checked: w,
+    checkedIcon: N = v,
+    color: O = "primary",
+    icon: $ = x,
+    name: M,
+    onChange: j,
+    size: m = "medium",
+    className: T
+  } = p, _ = D(p, to), b = i({}, p, {
+    color: O,
+    size: m
+  }), R = ro(b), c = K();
+  let C = w;
+  const E = A(j, c && c.onChange);
+  let g = M;
+  return c && (typeof C > "u" && (C = so(c.value, p.value)), typeof g > "u" && (g = c.name)), /* @__PURE__ */ s(no, i({
+    type: "radio",
+    icon: /* @__PURE__ */ d.cloneElement($, {
+      fontSize: (r = x.props.fontSize) != null ? r : m
+    }),
+    checkedIcon: /* @__PURE__ */ d.cloneElement(N, {
+      fontSize: (n = v.props.fontSize) != null ? n : m
+    }),
+    ownerState: b,
+    classes: R,
+    name: g,
+    checked: C,
+    onChange: E,
+    ref: t,
+    className: F(R.root, T)
+  }, _));
+});
+process.env.NODE_ENV !== "production" && (S.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * If `true`, the component is checked.
+   */
+  checked: e.bool,
+  /**
+   * The icon to display when the component is checked.
+   * @default <RadioButtonIcon checked />
+   */
+  checkedIcon: e.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: e.object,
+  /**
+   * @ignore
+   */
+  className: e.string,
+  /**
+   * The color of the component.
+   * It supports both default and custom theme colors, which can be added as shown in the
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
+   * @default 'primary'
+   */
+  color: e.oneOfType([e.oneOf(["default", "primary", "secondary", "error", "info", "success", "warning"]), e.string]),
+  /**
+   * If `true`, the component is disabled.
+   */
+  disabled: e.bool,
+  /**
+   * If `true`, the ripple effect is disabled.
+   * @default false
+   */
+  disableRipple: e.bool,
+  /**
+   * The icon to display when the component is unchecked.
+   * @default <RadioButtonIcon />
+   */
+  icon: e.node,
+  /**
+   * The id of the `input` element.
+   */
+  id: e.string,
+  /**
+   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
+   */
+  inputProps: e.object,
+  /**
+   * Pass a ref to the `input` element.
+   */
+  inputRef: J,
+  /**
+   * Name attribute of the `input` element.
+   */
+  name: e.string,
+  /**
+   * Callback fired when the state is changed.
+   *
+   * @param {React.ChangeEvent<HTMLInputElement>} event The event source of the callback.
+   * You can pull out the new value by accessing `event.target.value` (string).
+   * You can pull out the new checked state by accessing `event.target.checked` (boolean).
+   */
+  onChange: e.func,
+  /**
+   * If `true`, the `input` element is required.
+   * @default false
+   */
+  required: e.bool,
+  /**
+   * The size of the component.
+   * `small` is equivalent to the dense radio styling.
+   * @default 'medium'
+   */
+  size: e.oneOfType([e.oneOf(["medium", "small"]), e.string]),
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
+  /**
+   * The value of the component. The DOM API casts this to a string.
+   */
+  value: e.any
+});
+const B = (o) => o !== "itemcolor", ko = l(h, {
+  name: "HCColorPicker",
+  slot: "root"
+})({
+  display: "flex"
+}), bo = l(S, {
+  name: "HCColorPicker",
+  slot: "radio",
+  shouldForwardProp: B
+})(({ itemcolor: o }) => ({
+  color: o,
+  padding: 0,
+  "&.Mui-checked": {
+    color: o,
+    "&:before": {
+      position: "absolute",
+      display: "block",
+      content: '" "',
+      width: 22,
+      height: 22,
+      zIndex: 0,
+      border: "2px solid",
+      borderColor: o === "#ffffff" ? "#333" : o,
+      borderRadius: "50%",
+      opacity: 0.5
+    }
+  },
+  "& .PrivateSwitchBase-input": {
+    zIndex: 2
+  },
+  "& .MuiSvgIcon-root": {
+    position: "relative",
+    zIndex: 1
+  },
+  ...o === "#ffffff" && {
+    "&:after": {
+      position: "absolute",
+      display: "block",
+      content: '" "',
+      width: 18,
+      height: 18,
+      backgroundColor: "#333",
+      zIndex: 0,
+      borderRadius: "50%"
+    }
+  }
+})), Ro = l(h, {
+  name: "HCColorPicker",
+  slot: "pickerWrapper"
+})({
+  position: "fixed",
+  marginTop: 25.6,
+  right: 32,
+  zIndex: 9999
+}), yo = l(U, {
+  name: "HCColorPicker",
+  slot: "trigger"
+})(({ theme: o }) => ({
+  display: "flex",
+  alignItems: "center",
+  gap: o.spacing(1),
+  width: "100%",
+  justifyContent: "flex-start",
+  padding: o.spacing(0.75, 1),
+  border: `1px solid ${o.palette.divider}`,
+  borderRadius: o.shape.borderRadius,
+  ...o.typography.body2,
+  color: o.palette.text.primary
+})), vo = l(h, {
+  name: "HCColorPicker",
+  slot: "swatch",
+  shouldForwardProp: B
+})(({ theme: o, itemcolor: a }) => ({
+  width: 18,
+  height: 18,
+  flexShrink: 0,
+  borderRadius: o.shape.borderRadius,
+  border: `1px solid ${o.palette.divider}`,
+  backgroundColor: a || "transparent"
+}));
+export {
+  ko as C,
+  P as R,
+  yo as a,
+  vo as b,
+  bo as c,
+  Ro as d
+};

package/dist/useControlled-BYdyS7Pn.js

@@ -0,0 +1,31 @@
+import * as t from "react";
+function d({
+  controlled: o,
+  default: s,
+  name: n,
+  state: r = "value"
+}) {
+  const {
+    current: e
+  } = t.useRef(o !== void 0), [c, l] = t.useState(s), u = e ? o : c;
+  if (process.env.NODE_ENV !== "production") {
+    t.useEffect(() => {
+      e !== (o !== void 0) && console.error([`MUI: A component is changing the ${e ? "" : "un"}controlled ${r} state of ${n} to be ${e ? "un" : ""}controlled.`, "Elements should not switch from uncontrolled to controlled (or vice versa).", `Decide between using a controlled or uncontrolled ${n} element for the lifetime of the component.`, "The nature of the state is determined during the first render. It's considered controlled if the value is not `undefined`.", "More info: https://fb.me/react-controlled-components"].join(`
+`));
+    }, [r, n, o]);
+    const {
+      current: i
+    } = t.useRef(s);
+    t.useEffect(() => {
+      !e && !Object.is(i, s) && console.error([`MUI: A component is changing the default ${r} state of an uncontrolled ${n} after being initialized. To suppress this warning opt to use a controlled ${n}.`].join(`
+`));
+    }, [JSON.stringify(s)]);
+  }
+  const f = t.useCallback((i) => {
+    e || l(i);
+  }, []);
+  return [u, f];
+}
+export {
+  d as u
+};

package/dist/useFormControl-CatNKXAi.js

@@ -0,0 +1,10 @@
+import * as o from "react";
+const t = /* @__PURE__ */ o.createContext(void 0);
+process.env.NODE_ENV !== "production" && (t.displayName = "FormControlContext");
+function e() {
+  return o.useContext(t);
+}
+export {
+  t as F,
+  e as u
+};

package/dist/useId-BW-oWmul.js

@@ -0,0 +1,19 @@
+import * as e from "react";
+let n = 0;
+function l(t) {
+  const [u, o] = e.useState(t), a = t || u;
+  return e.useEffect(() => {
+    u == null && (n += 1, o(`mui-${n}`));
+  }, [u]), a;
+}
+const s = e.useId;
+function c(t) {
+  if (s !== void 0) {
+    const u = s();
+    return t ?? u;
+  }
+  return l(t);
+}
+export {
+  c as u
+};

package/dist/useSlot-u4t0X96G.js

@@ -0,0 +1,42 @@
+import { _ as s, a as n } from "./extends-C3382pL0.js";
+import { r as v, m as b, a as j } from "./Paper-B1HV8GyO.js";
+import { u as k } from "./TransitionGroupContext-Ja2CgIob.js";
+const E = ["className", "elementType", "ownerState", "externalForwardedProps", "getSlotOwnerState", "internalForwardedProps"], L = ["component", "slots", "slotProps"], N = ["component"];
+function z(o, e) {
+  const {
+    className: x,
+    elementType: _,
+    ownerState: p,
+    externalForwardedProps: l,
+    getSlotOwnerState: d,
+    internalForwardedProps: a
+  } = e, F = s(e, E), {
+    component: c,
+    slots: t = {
+      [o]: void 0
+    },
+    slotProps: O = {
+      [o]: void 0
+    }
+  } = l, g = s(l, L), i = t[o] || _, r = v(O[o], p), P = b(n({
+    className: x
+  }, F, {
+    externalForwardedProps: o === "root" ? g : void 0,
+    externalSlotProps: r
+  })), {
+    props: {
+      component: f
+    },
+    internalRef: y
+  } = P, m = s(P.props, N), C = k(y, r == null ? void 0 : r.ref, e.ref), u = d ? d(m) : {}, T = n({}, p, u), S = o === "root" ? f || c : f, w = j(i, n({}, o === "root" && !c && !t[o] && a, o !== "root" && !t[o] && a, m, S && {
+    as: S
+  }, {
+    ref: C
+  }), T);
+  return Object.keys(u).forEach((h) => {
+    delete w[h];
+  }), [i, w];
+}
+export {
+  z as u
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hybridcore/ui",
   "description": "Hybrid Core UI Library",
-  "version": "1.6.13",
+  "version": "1.6.14",
   "author": "Hybrid Core",
   "license": "ISC",
   "type": "module",

package/dist/index.esm-UfGMjYOL.js

@@ -1,197 +0,0 @@
-import L, { useRef as N, useState as q, useCallback as M, useEffect as x, isValidElement as V, createRef as B, cloneElement as P, PureComponent as G } from "react";
-import { findDOMNode as J } from "react-dom";
-import K from "lodash/debounce";
-import Q from "lodash/throttle";
-var T = function(n, t) {
-  return T = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(r, e) {
-    r.__proto__ = e;
-  } || function(r, e) {
-    for (var a in e) Object.prototype.hasOwnProperty.call(e, a) && (r[a] = e[a]);
-  }, T(n, t);
-};
-function X(n, t) {
-  if (typeof t != "function" && t !== null)
-    throw new TypeError("Class extends value " + String(t) + " is not a constructor or null");
-  T(n, t);
-  function r() {
-    this.constructor = n;
-  }
-  n.prototype = t === null ? Object.create(t) : (r.prototype = t.prototype, new r());
-}
-var j = function() {
-  return j = Object.assign || function(t) {
-    for (var r, e = 1, a = arguments.length; e < a; e++) {
-      r = arguments[e];
-      for (var d in r) Object.prototype.hasOwnProperty.call(r, d) && (t[d] = r[d]);
-    }
-    return t;
-  }, j.apply(this, arguments);
-};
-function Y(n, t) {
-  var r = {};
-  for (var e in n) Object.prototype.hasOwnProperty.call(n, e) && t.indexOf(e) < 0 && (r[e] = n[e]);
-  if (n != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var a = 0, e = Object.getOwnPropertySymbols(n); a < e.length; a++)
-      t.indexOf(e[a]) < 0 && Object.prototype.propertyIsEnumerable.call(n, e[a]) && (r[e[a]] = n[e[a]]);
-  return r;
-}
-var I = function(n, t, r, e) {
-  switch (t) {
-    case "debounce":
-      return K(n, r, e);
-    case "throttle":
-      return Q(n, r, e);
-    default:
-      return n;
-  }
-}, F = function(n) {
-  return typeof n == "function";
-}, z = function() {
-  return typeof window > "u";
-}, U = function(n) {
-  return n instanceof Element || n instanceof HTMLDocument;
-};
-(function(n) {
-  X(t, n);
-  function t(r) {
-    var e = n.call(this, r) || this;
-    e.cancelHandler = function() {
-      e.resizeHandler && e.resizeHandler.cancel && (e.resizeHandler.cancel(), e.resizeHandler = null);
-    }, e.attachObserver = function() {
-      var s = e.props, o = s.targetRef, u = s.observerOptions;
-      if (!z()) {
-        o && o.current && (e.targetRef.current = o.current);
-        var i = e.getElement();
-        i && (e.observableElement && e.observableElement === i || (e.observableElement = i, e.resizeObserver.observe(i, u)));
-      }
-    }, e.getElement = function() {
-      var s = e.props, o = s.querySelector, u = s.targetDomEl;
-      if (z())
-        return null;
-      if (o)
-        return document.querySelector(o);
-      if (u && U(u))
-        return u;
-      if (e.targetRef && U(e.targetRef.current))
-        return e.targetRef.current;
-      var i = J(e);
-      if (!i)
-        return null;
-      var l = e.getRenderType();
-      switch (l) {
-        case "renderProp":
-          return i;
-        case "childFunction":
-          return i;
-        case "child":
-          return i;
-        case "childArray":
-          return i;
-        default:
-          return i.parentElement;
-      }
-    }, e.createResizeHandler = function(s) {
-      var o = e.props, u = o.handleWidth, i = u === void 0 ? !0 : u, l = o.handleHeight, y = l === void 0 ? !0 : l, p = o.onResize;
-      if (!(!i && !y)) {
-        var R = function(c) {
-          var v = c.width, g = c.height;
-          e.state.width === v && e.state.height === g || e.state.width === v && !y || e.state.height === g && !i || (p == null || p(v, g), e.setState({ width: v, height: g }));
-        };
-        s.forEach(function(c) {
-          var v = c && c.contentRect || {}, g = v.width, w = v.height, H = !e.skipOnMount && !z();
-          H && R({ width: g, height: w }), e.skipOnMount = !1;
-        });
-      }
-    }, e.getRenderType = function() {
-      var s = e.props, o = s.render, u = s.children;
-      return F(o) ? "renderProp" : F(u) ? "childFunction" : V(u) ? "child" : Array.isArray(u) ? "childArray" : "parent";
-    };
-    var a = r.skipOnMount, d = r.refreshMode, m = r.refreshRate, O = m === void 0 ? 1e3 : m, _ = r.refreshOptions;
-    return e.state = {
-      width: void 0,
-      height: void 0
-    }, e.sizeRef = {
-      current: e.state
-    }, e.skipOnMount = a, e.targetRef = B(), e.observableElement = null, z() || (e.resizeHandler = I(e.createResizeHandler, d, O, _), e.resizeObserver = new window.ResizeObserver(e.resizeHandler)), e;
-  }
-  return t.prototype.componentDidMount = function() {
-    this.attachObserver();
-  }, t.prototype.componentDidUpdate = function() {
-    this.attachObserver(), this.sizeRef.current = this.state;
-  }, t.prototype.componentWillUnmount = function() {
-    z() || (this.observableElement = null, this.resizeObserver.disconnect(), this.cancelHandler());
-  }, t.prototype.render = function() {
-    var r = this.props, e = r.render, a = r.children, d = r.nodeType, m = d === void 0 ? "div" : d, O = this.state, _ = O.width, s = O.height, o = { width: _, height: s, targetRef: this.targetRef }, u = this.getRenderType();
-    switch (u) {
-      case "renderProp":
-        return e == null ? void 0 : e(o);
-      case "childFunction": {
-        var i = a;
-        return i == null ? void 0 : i(o);
-      }
-      case "child": {
-        var l = a;
-        if (l.type && typeof l.type == "string") {
-          o.targetRef;
-          var y = Y(o, ["targetRef"]);
-          return P(l, y);
-        }
-        return P(l, o);
-      }
-      case "childArray": {
-        var p = a;
-        return p.map(function(R) {
-          return !!R && P(R, o);
-        });
-      }
-      default:
-        return L.createElement(m, null);
-    }
-  }, t;
-})(G);
-function re(n) {
-  var t = {}, r = t.skipOnMount, e = r === void 0 ? !1 : r, a = t.refreshMode, d = t.refreshRate, m = d === void 0 ? 1e3 : d, O = t.refreshOptions, _ = t.handleWidth, s = _ === void 0 ? !0 : _, o = t.handleHeight, u = o === void 0 ? !0 : o, i = t.targetRef, l = t.observerOptions, y = t.onResize, p = N(e), R = q({
-    width: void 0,
-    height: void 0
-  }), c = R[0], v = R[1], g = q((i == null ? void 0 : i.current) || null), w = g[0], H = g[1];
-  i && setTimeout(function() {
-    i.current !== w && H(i.current);
-  }, 0);
-  var k = M(function(f) {
-    f !== w && H(f);
-  }, [w]);
-  k.current = w;
-  var D = M(function(f, h) {
-    return !(f.width === h.width && f.height === h.height || f.width === h.width && !u || f.height === h.height && !s);
-  }, [s, u]), A = M(function(f) {
-    if (!(!s && !u)) {
-      if (p.current) {
-        p.current = !1;
-        return;
-      }
-      f.forEach(function(h) {
-        var E = (h == null ? void 0 : h.contentRect) || {}, b = E.width, W = E.height;
-        v(function(C) {
-          return D(C, { width: b, height: W }) ? { width: b, height: W } : C;
-        });
-      });
-    }
-  }, [s, u, p, D]), S = M(I(A, a, m, O), [
-    A,
-    a,
-    m,
-    O
-  ]);
-  return x(function() {
-    var f;
-    return w ? (f = new window.ResizeObserver(S), f.observe(w, l)) : (c.width || c.height) && v({ width: void 0, height: void 0 }), function() {
-      var h, E, b;
-      (h = f == null ? void 0 : f.disconnect) === null || h === void 0 || h.call(f), (b = (E = S).cancel) === null || b === void 0 || b.call(E);
-    };
-  }, [S, w]), x(function() {
-    y == null || y(c.width, c.height);
-  }, [c]), j({ ref: k }, c);
-}
-export {
-  re as u
-};