@sisense/sdk-shared-ui 1.27.1 → 1.28.0

package/dist/useSlot-BfQr8KCN.js

@@ -0,0 +1,803 @@
+import * as p from "react";
+import M from "react";
+import { c as Y, d as V, _ as Et, T as tt, b as mt, f as X, s as F } from "./TransitionGroupContext-Ci_clMyv.js";
+import { P as r } from "./index-D0lMis-I.js";
+import { f as Z, l as ht, k as gt, p as xt } from "./ThemeProvider-aq1EWT1u.js";
+import { u as yt } from "./useTheme-CtIZL8WJ.js";
+import { jsx as vt } from "react/jsx-runtime";
+import { _ as Tt } from "./setPrototypeOf-CEtRTXk2.js";
+import * as Nt from "react-dom";
+import A from "react-dom";
+function bt(e) {
+  const {
+    prototype: a = {}
+  } = e;
+  return !!a.isReactComponent;
+}
+function et(e, a, o, i, n) {
+  const t = e[a], s = n || a;
+  if (t == null || // When server-side rendering React doesn't warn either.
+  // This is not an accurate check for SSR.
+  // This is only in place for Emotion compat.
+  // TODO: Revisit once https://github.com/facebook/react/issues/20047 is resolved.
+  typeof window > "u")
+    return null;
+  let u;
+  const c = t.type;
+  return typeof c == "function" && !bt(c) && (u = "Did you accidentally use a plain function component for an element instead?"), u !== void 0 ? new Error(`Invalid ${i} \`${s}\` supplied to \`${o}\`. Expected an element that can hold a ref. ${u} For more information see https://mui.com/r/caveat-with-refs-guide`) : null;
+}
+const nt = Y(r.element, et);
+nt.isRequired = Y(r.element.isRequired, et);
+function Rt(e, a, o, i, n) {
+  if (process.env.NODE_ENV === "production")
+    return null;
+  const t = e[a], s = n || a;
+  return t == null ? null : t && t.nodeType !== 1 ? new Error(`Invalid ${i} \`${s}\` supplied to \`${o}\`. Expected an HTMLElement.`) : null;
+}
+function Wt(e) {
+  return e && e.ownerDocument || document;
+}
+let z = 0;
+function Dt(e) {
+  const [a, o] = p.useState(e), i = e || a;
+  return p.useEffect(() => {
+    a == null && (z += 1, o(`mui-${z}`));
+  }, [a]), i;
+}
+const Ot = {
+  ...p
+}, B = Ot.useId;
+function Xt(e) {
+  if (B !== void 0) {
+    const a = B();
+    return e ?? a;
+  }
+  return Dt(e);
+}
+function St(e) {
+  return typeof e == "string";
+}
+function it(e, a, o) {
+  return e === void 0 || St(e) ? a : {
+    ...a,
+    ownerState: {
+      ...a.ownerState,
+      ...o
+    }
+  };
+}
+function Ct(e, a = []) {
+  if (e === void 0)
+    return {};
+  const o = {};
+  return Object.keys(e).filter((i) => i.match(/^on[A-Z]/) && typeof e[i] == "function" && !a.includes(i)).forEach((i) => {
+    o[i] = e[i];
+  }), o;
+}
+function K(e) {
+  if (e === void 0)
+    return {};
+  const a = {};
+  return Object.keys(e).filter((o) => !(o.match(/^on[A-Z]/) && typeof e[o] == "function")).forEach((o) => {
+    a[o] = e[o];
+  }), a;
+}
+function ot(e) {
+  const {
+    getSlotProps: a,
+    additionalProps: o,
+    externalSlotProps: i,
+    externalForwardedProps: n,
+    className: t
+  } = e;
+  if (!a) {
+    const g = Z(o == null ? void 0 : o.className, t, n == null ? void 0 : n.className, i == null ? void 0 : i.className), x = {
+      ...o == null ? void 0 : o.style,
+      ...n == null ? void 0 : n.style,
+      ...i == null ? void 0 : i.style
+    }, m = {
+      ...o,
+      ...n,
+      ...i
+    };
+    return g.length > 0 && (m.className = g), Object.keys(x).length > 0 && (m.style = x), {
+      props: m,
+      internalRef: void 0
+    };
+  }
+  const s = Ct({
+    ...n,
+    ...i
+  }), u = K(i), c = K(n), f = a(s), d = Z(f == null ? void 0 : f.className, o == null ? void 0 : o.className, t, n == null ? void 0 : n.className, i == null ? void 0 : i.className), E = {
+    ...f == null ? void 0 : f.style,
+    ...o == null ? void 0 : o.style,
+    ...n == null ? void 0 : n.style,
+    ...i == null ? void 0 : i.style
+  }, h = {
+    ...f,
+    ...o,
+    ...c,
+    ...u
+  };
+  return d.length > 0 && (h.className = d), Object.keys(E).length > 0 && (h.style = E), {
+    props: h,
+    internalRef: f.ref
+  };
+}
+function rt(e, a, o) {
+  return typeof e == "function" ? e(a, o) : e;
+}
+function Ft(e) {
+  var E;
+  const {
+    elementType: a,
+    externalSlotProps: o,
+    ownerState: i,
+    skipResolvingSlotProps: n = !1,
+    ...t
+  } = e, s = n ? {} : rt(o, i), {
+    props: u,
+    internalRef: c
+  } = ot({
+    ...t,
+    externalSlotProps: s
+  }), f = V(c, s == null ? void 0 : s.ref, (E = e.additionalProps) == null ? void 0 : E.ref);
+  return it(a, {
+    ...u,
+    ref: f
+  }, i);
+}
+function st(e) {
+  var a;
+  return parseInt(p.version, 10) >= 19 ? ((a = e == null ? void 0 : e.props) == null ? void 0 : a.ref) || null : (e == null ? void 0 : e.ref) || null;
+}
+function kt() {
+  const e = yt(gt);
+  return process.env.NODE_ENV !== "production" && p.useDebugValue(e), e[ht] || e;
+}
+const J = {
+  disabled: !1
+};
+var It = process.env.NODE_ENV !== "production" ? r.oneOfType([r.number, r.shape({
+  enter: r.number,
+  exit: r.number,
+  appear: r.number
+}).isRequired]) : null;
+process.env.NODE_ENV !== "production" && r.oneOfType([r.string, r.shape({
+  enter: r.string,
+  exit: r.string,
+  active: r.string
+}), r.shape({
+  enter: r.string,
+  enterDone: r.string,
+  enterActive: r.string,
+  exit: r.string,
+  exitDone: r.string,
+  exitActive: r.string
+})]);
+var wt = function(a) {
+  return a.scrollTop;
+}, w = "unmounted", b = "exited", R = "entering", k = "entered", U = "exiting", v = /* @__PURE__ */ function(e) {
+  Et(a, e);
+  function a(i, n) {
+    var t;
+    t = e.call(this, i, n) || this;
+    var s = n, u = s && !s.isMounting ? i.enter : i.appear, c;
+    return t.appearStatus = null, i.in ? u ? (c = b, t.appearStatus = R) : c = k : i.unmountOnExit || i.mountOnEnter ? c = w : c = b, t.state = {
+      status: c
+    }, t.nextCallback = null, t;
+  }
+  a.getDerivedStateFromProps = function(n, t) {
+    var s = n.in;
+    return s && t.status === w ? {
+      status: b
+    } : null;
+  };
+  var o = a.prototype;
+  return o.componentDidMount = function() {
+    this.updateStatus(!0, this.appearStatus);
+  }, o.componentDidUpdate = function(n) {
+    var t = null;
+    if (n !== this.props) {
+      var s = this.state.status;
+      this.props.in ? s !== R && s !== k && (t = R) : (s === R || s === k) && (t = U);
+    }
+    this.updateStatus(!1, t);
+  }, o.componentWillUnmount = function() {
+    this.cancelNextCallback();
+  }, o.getTimeouts = function() {
+    var n = this.props.timeout, t, s, u;
+    return t = s = u = n, n != null && typeof n != "number" && (t = n.exit, s = n.enter, u = n.appear !== void 0 ? n.appear : s), {
+      exit: t,
+      enter: s,
+      appear: u
+    };
+  }, o.updateStatus = function(n, t) {
+    if (n === void 0 && (n = !1), t !== null)
+      if (this.cancelNextCallback(), t === R) {
+        if (this.props.unmountOnExit || this.props.mountOnEnter) {
+          var s = this.props.nodeRef ? this.props.nodeRef.current : A.findDOMNode(this);
+          s && wt(s);
+        }
+        this.performEnter(n);
+      } else
+        this.performExit();
+    else this.props.unmountOnExit && this.state.status === b && this.setState({
+      status: w
+    });
+  }, o.performEnter = function(n) {
+    var t = this, s = this.props.enter, u = this.context ? this.context.isMounting : n, c = this.props.nodeRef ? [u] : [A.findDOMNode(this), u], f = c[0], d = c[1], E = this.getTimeouts(), h = u ? E.appear : E.enter;
+    if (!n && !s || J.disabled) {
+      this.safeSetState({
+        status: k
+      }, function() {
+        t.props.onEntered(f);
+      });
+      return;
+    }
+    this.props.onEnter(f, d), this.safeSetState({
+      status: R
+    }, function() {
+      t.props.onEntering(f, d), t.onTransitionEnd(h, function() {
+        t.safeSetState({
+          status: k
+        }, function() {
+          t.props.onEntered(f, d);
+        });
+      });
+    });
+  }, o.performExit = function() {
+    var n = this, t = this.props.exit, s = this.getTimeouts(), u = this.props.nodeRef ? void 0 : A.findDOMNode(this);
+    if (!t || J.disabled) {
+      this.safeSetState({
+        status: b
+      }, function() {
+        n.props.onExited(u);
+      });
+      return;
+    }
+    this.props.onExit(u), this.safeSetState({
+      status: U
+    }, function() {
+      n.props.onExiting(u), n.onTransitionEnd(s.exit, function() {
+        n.safeSetState({
+          status: b
+        }, function() {
+          n.props.onExited(u);
+        });
+      });
+    });
+  }, o.cancelNextCallback = function() {
+    this.nextCallback !== null && (this.nextCallback.cancel(), this.nextCallback = null);
+  }, o.safeSetState = function(n, t) {
+    t = this.setNextCallback(t), this.setState(n, t);
+  }, o.setNextCallback = function(n) {
+    var t = this, s = !0;
+    return this.nextCallback = function(u) {
+      s && (s = !1, t.nextCallback = null, n(u));
+    }, this.nextCallback.cancel = function() {
+      s = !1;
+    }, this.nextCallback;
+  }, o.onTransitionEnd = function(n, t) {
+    this.setNextCallback(t);
+    var s = this.props.nodeRef ? this.props.nodeRef.current : A.findDOMNode(this), u = n == null && !this.props.addEndListener;
+    if (!s || u) {
+      setTimeout(this.nextCallback, 0);
+      return;
+    }
+    if (this.props.addEndListener) {
+      var c = this.props.nodeRef ? [this.nextCallback] : [s, this.nextCallback], f = c[0], d = c[1];
+      this.props.addEndListener(f, d);
+    }
+    n != null && setTimeout(this.nextCallback, n);
+  }, o.render = function() {
+    var n = this.state.status;
+    if (n === w)
+      return null;
+    var t = this.props, s = t.children;
+    t.in, t.mountOnEnter, t.unmountOnExit, t.appear, t.enter, t.exit, t.timeout, t.addEndListener, t.onEnter, t.onEntering, t.onEntered, t.onExit, t.onExiting, t.onExited, t.nodeRef;
+    var u = Tt(t, ["children", "in", "mountOnEnter", "unmountOnExit", "appear", "enter", "exit", "timeout", "addEndListener", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "nodeRef"]);
+    return (
+      // allows for nested Transitions
+      /* @__PURE__ */ M.createElement(tt.Provider, {
+        value: null
+      }, typeof s == "function" ? s(n, u) : M.cloneElement(M.Children.only(s), u))
+    );
+  }, a;
+}(M.Component);
+v.contextType = tt;
+v.propTypes = process.env.NODE_ENV !== "production" ? {
+  /**
+   * A React reference to DOM element that need to transition:
+   * https://stackoverflow.com/a/51127130/4671932
+   *
+   *   - When `nodeRef` prop is used, `node` is not passed to callback functions
+   *      (e.g. `onEnter`) because user already has direct access to the node.
+   *   - When changing `key` prop of `Transition` in a `TransitionGroup` a new
+   *     `nodeRef` need to be provided to `Transition` with changed `key` prop
+   *     (see
+   *     [test/CSSTransition-test.js](https://github.com/reactjs/react-transition-group/blob/13435f897b3ab71f6e19d724f145596f5910581c/test/CSSTransition-test.js#L362-L437)).
+   */
+  nodeRef: r.shape({
+    current: typeof Element > "u" ? r.any : function(e, a, o, i, n, t) {
+      var s = e[a];
+      return r.instanceOf(s && "ownerDocument" in s ? s.ownerDocument.defaultView.Element : Element)(e, a, o, i, n, t);
+    }
+  }),
+  /**
+   * A `function` child can be used instead of a React element. This function is
+   * called with the current transition status (`'entering'`, `'entered'`,
+   * `'exiting'`, `'exited'`), which can be used to apply context
+   * specific props to a component.
+   *
+   * ```jsx
+   * <Transition in={this.state.in} timeout={150}>
+   *   {state => (
+   *     <MyComponent className={`fade fade-${state}`} />
+   *   )}
+   * </Transition>
+   * ```
+   */
+  children: r.oneOfType([r.func.isRequired, r.element.isRequired]).isRequired,
+  /**
+   * Show the component; triggers the enter or exit states
+   */
+  in: r.bool,
+  /**
+   * By default the child component is mounted immediately along with
+   * the parent `Transition` component. If you want to "lazy mount" the component on the
+   * first `in={true}` you can set `mountOnEnter`. After the first enter transition the component will stay
+   * mounted, even on "exited", unless you also specify `unmountOnExit`.
+   */
+  mountOnEnter: r.bool,
+  /**
+   * By default the child component stays mounted after it reaches the `'exited'` state.
+   * Set `unmountOnExit` if you'd prefer to unmount the component after it finishes exiting.
+   */
+  unmountOnExit: r.bool,
+  /**
+   * By default the child component does not perform the enter transition when
+   * it first mounts, regardless of the value of `in`. If you want this
+   * behavior, set both `appear` and `in` to `true`.
+   *
+   * > **Note**: there are no special appear states like `appearing`/`appeared`, this prop
+   * > only adds an additional enter transition. However, in the
+   * > `<CSSTransition>` component that first enter transition does result in
+   * > additional `.appear-*` classes, that way you can choose to style it
+   * > differently.
+   */
+  appear: r.bool,
+  /**
+   * Enable or disable enter transitions.
+   */
+  enter: r.bool,
+  /**
+   * Enable or disable exit transitions.
+   */
+  exit: r.bool,
+  /**
+   * The duration of the transition, in milliseconds.
+   * Required unless `addEndListener` is provided.
+   *
+   * You may specify a single timeout for all transitions:
+   *
+   * ```jsx
+   * timeout={500}
+   * ```
+   *
+   * or individually:
+   *
+   * ```jsx
+   * timeout={{
+   *  appear: 500,
+   *  enter: 300,
+   *  exit: 500,
+   * }}
+   * ```
+   *
+   * - `appear` defaults to the value of `enter`
+   * - `enter` defaults to `0`
+   * - `exit` defaults to `0`
+   *
+   * @type {number | { enter?: number, exit?: number, appear?: number }}
+   */
+  timeout: function(a) {
+    var o = It;
+    a.addEndListener || (o = o.isRequired);
+    for (var i = arguments.length, n = new Array(i > 1 ? i - 1 : 0), t = 1; t < i; t++)
+      n[t - 1] = arguments[t];
+    return o.apply(void 0, [a].concat(n));
+  },
+  /**
+   * Add a custom transition end trigger. Called with the transitioning
+   * DOM node and a `done` callback. Allows for more fine grained transition end
+   * logic. Timeouts are still used as a fallback if provided.
+   *
+   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
+   *
+   * ```jsx
+   * addEndListener={(node, done) => {
+   *   // use the css transitionend event to mark the finish of a transition
+   *   node.addEventListener('transitionend', done, false);
+   * }}
+   * ```
+   */
+  addEndListener: r.func,
+  /**
+   * Callback fired before the "entering" status is applied. An extra parameter
+   * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount
+   *
+   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
+   *
+   * @type Function(node: HtmlElement, isAppearing: bool) -> void
+   */
+  onEnter: r.func,
+  /**
+   * Callback fired after the "entering" status is applied. An extra parameter
+   * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount
+   *
+   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
+   *
+   * @type Function(node: HtmlElement, isAppearing: bool)
+   */
+  onEntering: r.func,
+  /**
+   * Callback fired after the "entered" status is applied. An extra parameter
+   * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount
+   *
+   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
+   *
+   * @type Function(node: HtmlElement, isAppearing: bool) -> void
+   */
+  onEntered: r.func,
+  /**
+   * Callback fired before the "exiting" status is applied.
+   *
+   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
+   *
+   * @type Function(node: HtmlElement) -> void
+   */
+  onExit: r.func,
+  /**
+   * Callback fired after the "exiting" status is applied.
+   *
+   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
+   *
+   * @type Function(node: HtmlElement) -> void
+   */
+  onExiting: r.func,
+  /**
+   * Callback fired after the "exited" status is applied.
+   *
+   * **Note**: when `nodeRef` prop is passed, `node` is not passed
+   *
+   * @type Function(node: HtmlElement) -> void
+   */
+  onExited: r.func
+} : {};
+function C() {
+}
+v.defaultProps = {
+  in: !1,
+  mountOnEnter: !1,
+  unmountOnExit: !1,
+  appear: !1,
+  enter: !0,
+  exit: !0,
+  onEnter: C,
+  onEntering: C,
+  onEntered: C,
+  onExit: C,
+  onExiting: C,
+  onExited: C
+};
+v.UNMOUNTED = w;
+v.EXITED = b;
+v.ENTERING = R;
+v.ENTERED = k;
+v.EXITING = U;
+const Lt = (e) => e.scrollTop;
+function Q(e, a) {
+  const {
+    timeout: o,
+    easing: i,
+    style: n = {}
+  } = e;
+  return {
+    duration: n.transitionDuration ?? (typeof o == "number" ? o : o[a.mode] || 0),
+    easing: n.transitionTimingFunction ?? (typeof i == "object" ? i[a.mode] : i),
+    delay: n.transitionDelay
+  };
+}
+function q(e) {
+  return `scale(${e}, ${e ** 2})`;
+}
+const _t = {
+  entering: {
+    opacity: 1,
+    transform: q(1)
+  },
+  entered: {
+    opacity: 1,
+    transform: "none"
+  }
+}, P = typeof navigator < "u" && /^((?!chrome|android).)*(safari|mobile)/i.test(navigator.userAgent) && /(os |version\/)15(.|_)4/i.test(navigator.userAgent), j = /* @__PURE__ */ p.forwardRef(function(a, o) {
+  const {
+    addEndListener: i,
+    appear: n = !0,
+    children: t,
+    easing: s,
+    in: u,
+    onEnter: c,
+    onEntered: f,
+    onEntering: d,
+    onExit: E,
+    onExited: h,
+    onExiting: g,
+    style: x,
+    timeout: m = "auto",
+    // eslint-disable-next-line react/prop-types
+    TransitionComponent: $ = v,
+    ...G
+  } = a, L = mt(), I = p.useRef(), D = kt(), _ = p.useRef(null), at = V(_, st(t), o), O = (l) => (T) => {
+    if (l) {
+      const N = _.current;
+      T === void 0 ? l(N) : l(N, T);
+    }
+  }, ut = O(d), ct = O((l, T) => {
+    Lt(l);
+    const {
+      duration: N,
+      delay: H,
+      easing: y
+    } = Q({
+      style: x,
+      timeout: m,
+      easing: s
+    }, {
+      mode: "enter"
+    });
+    let S;
+    m === "auto" ? (S = D.transitions.getAutoHeightDuration(l.clientHeight), I.current = S) : S = N, l.style.transition = [D.transitions.create("opacity", {
+      duration: S,
+      delay: H
+    }), D.transitions.create("transform", {
+      duration: P ? S : S * 0.666,
+      delay: H,
+      easing: y
+    })].join(","), c && c(l, T);
+  }), ft = O(f), lt = O(g), pt = O((l) => {
+    const {
+      duration: T,
+      delay: N,
+      easing: H
+    } = Q({
+      style: x,
+      timeout: m,
+      easing: s
+    }, {
+      mode: "exit"
+    });
+    let y;
+    m === "auto" ? (y = D.transitions.getAutoHeightDuration(l.clientHeight), I.current = y) : y = T, l.style.transition = [D.transitions.create("opacity", {
+      duration: y,
+      delay: N
+    }), D.transitions.create("transform", {
+      duration: P ? y : y * 0.666,
+      delay: P ? N : N || y * 0.333,
+      easing: H
+    })].join(","), l.style.opacity = 0, l.style.transform = q(0.75), E && E(l);
+  }), dt = O(h);
+  return /* @__PURE__ */ vt($, {
+    appear: n,
+    in: u,
+    nodeRef: _,
+    onEnter: ct,
+    onEntered: ft,
+    onEntering: ut,
+    onExit: pt,
+    onExited: dt,
+    onExiting: lt,
+    addEndListener: (l) => {
+      m === "auto" && L.start(I.current || 0, l), i && i(_.current, l);
+    },
+    timeout: m === "auto" ? null : m,
+    ...G,
+    children: (l, T) => /* @__PURE__ */ p.cloneElement(t, {
+      style: {
+        opacity: 0,
+        transform: q(0.75),
+        visibility: l === "exited" && !u ? "hidden" : void 0,
+        ..._t[l],
+        ...x,
+        ...t.props.style
+      },
+      ref: at,
+      ...T
+    })
+  });
+});
+process.env.NODE_ENV !== "production" && (j.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * Add a custom transition end trigger. Called with the transitioning DOM
+   * node and a done callback. Allows for more fine grained transition end
+   * logic. Note: Timeouts are still used as a fallback if provided.
+   */
+  addEndListener: r.func,
+  /**
+   * Perform the enter transition when it first mounts if `in` is also `true`.
+   * Set this to `false` to disable this behavior.
+   * @default true
+   */
+  appear: r.bool,
+  /**
+   * A single child content element.
+   */
+  children: nt.isRequired,
+  /**
+   * The transition timing function.
+   * You may specify a single easing or a object containing enter and exit values.
+   */
+  easing: r.oneOfType([r.shape({
+    enter: r.string,
+    exit: r.string
+  }), r.string]),
+  /**
+   * If `true`, the component will transition in.
+   */
+  in: r.bool,
+  /**
+   * @ignore
+   */
+  onEnter: r.func,
+  /**
+   * @ignore
+   */
+  onEntered: r.func,
+  /**
+   * @ignore
+   */
+  onEntering: r.func,
+  /**
+   * @ignore
+   */
+  onExit: r.func,
+  /**
+   * @ignore
+   */
+  onExited: r.func,
+  /**
+   * @ignore
+   */
+  onExiting: r.func,
+  /**
+   * @ignore
+   */
+  style: r.object,
+  /**
+   * The duration for the transition, in milliseconds.
+   * You may specify a single timeout for all transitions, or individually with an object.
+   *
+   * Set to 'auto' to automatically calculate transition time based on height.
+   * @default 'auto'
+   */
+  timeout: r.oneOfType([r.oneOf(["auto"]), r.number, r.shape({
+    appear: r.number,
+    enter: r.number,
+    exit: r.number
+  })])
+});
+j && (j.muiSupportAuto = !0);
+function Ht(e) {
+  return typeof e == "function" ? e() : e;
+}
+const W = /* @__PURE__ */ p.forwardRef(function(a, o) {
+  const {
+    children: i,
+    container: n,
+    disablePortal: t = !1
+  } = a, [s, u] = p.useState(null), c = V(/* @__PURE__ */ p.isValidElement(i) ? st(i) : null, o);
+  if (X(() => {
+    t || u(Ht(n) || document.body);
+  }, [n, t]), X(() => {
+    if (s && !t)
+      return F(o, s), () => {
+        F(o, null);
+      };
+  }, [o, s, t]), t) {
+    if (/* @__PURE__ */ p.isValidElement(i)) {
+      const f = {
+        ref: c
+      };
+      return /* @__PURE__ */ p.cloneElement(i, f);
+    }
+    return i;
+  }
+  return s && /* @__PURE__ */ Nt.createPortal(i, s);
+});
+process.env.NODE_ENV !== "production" && (W.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * The children to render into the `container`.
+   */
+  children: r.node,
+  /**
+   * An HTML element or function that returns one.
+   * The `container` will have the portal children appended to it.
+   *
+   * You can also provide a callback, which is called in a React layout effect.
+   * This lets you set the container from a ref, and also makes server-side rendering possible.
+   *
+   * By default, it uses the body of the top-level document object,
+   * so it's simply `document.body` most of the time.
+   */
+  container: r.oneOfType([Rt, r.func]),
+  /**
+   * The `children` will be under the DOM hierarchy of the parent component.
+   * @default false
+   */
+  disablePortal: r.bool
+});
+process.env.NODE_ENV !== "production" && (W.propTypes = xt(W.propTypes));
+function Zt(e, a) {
+  const {
+    className: o,
+    elementType: i,
+    ownerState: n,
+    externalForwardedProps: t,
+    internalForwardedProps: s,
+    ...u
+  } = a, {
+    component: c,
+    slots: f = {
+      [e]: void 0
+    },
+    slotProps: d = {
+      [e]: void 0
+    },
+    ...E
+  } = t, h = f[e] || i, g = rt(d[e], n), {
+    props: {
+      component: x,
+      ...m
+    },
+    internalRef: $
+  } = ot({
+    className: o,
+    ...u,
+    externalForwardedProps: e === "root" ? E : void 0,
+    externalSlotProps: g
+  }), G = V($, g == null ? void 0 : g.ref, a.ref), L = e === "root" ? x || c : x, I = it(h, {
+    ...e === "root" && !c && !f[e] && s,
+    ...e !== "root" && !f[e] && s,
+    ...m,
+    ...L && {
+      as: L
+    },
+    ref: G
+  }, n);
+  return [h, I];
+}
+export {
+  j as G,
+  Rt as H,
+  W as P,
+  v as T,
+  kt as a,
+  Xt as b,
+  Zt as c,
+  Q as d,
+  nt as e,
+  Ct as f,
+  st as g,
+  Wt as o,
+  Lt as r,
+  Ft as u
+};