@hybridcore/ui 1.6.0 → 1.6.2

package/dist/Paper-BkQLdsCI.js

@@ -0,0 +1,582 @@
+import { _ as M, a as d } from "./objectWithoutPropertiesLoose-DJteAcBH.js";
+import { _ as V, d as w, c as L } from "./TransitionGroupContext-BDAp2T0O.js";
+import { P as a } from "./index-C__OZmYy.js";
+import * as $ from "react";
+import b from "react";
+import y from "react-dom";
+import { c as O } from "./clsx-OuTLNxxd.js";
+import { m as j, T as H, g as A, a as F, s as G, f as P, u as W, c as X } from "./generateUtilityClasses-C3ivN9Ie.js";
+import { useTheme as Z } from "@mui/system";
+import { jsx as B } from "react/jsx-runtime";
+const k = {
+  disabled: !1
+};
+var z = process.env.NODE_ENV !== "production" ? a.oneOfType([a.number, a.shape({
+  enter: a.number,
+  exit: a.number,
+  appear: a.number
+}).isRequired]) : null, xe = process.env.NODE_ENV !== "production" ? a.oneOfType([a.string, a.shape({
+  enter: a.string,
+  exit: a.string,
+  active: a.string
+}), a.shape({
+  enter: a.string,
+  enterDone: a.string,
+  enterActive: a.string,
+  exit: a.string,
+  exitDone: a.string,
+  exitActive: a.string
+})]) : null, J = function(o) {
+  return o.scrollTop;
+}, N = "unmounted", m = "exited", h = "entering", g = "entered", S = "exiting", p = /* @__PURE__ */ function(e) {
+  V(o, e);
+  function o(r, n) {
+    var t;
+    t = e.call(this, r, n) || this;
+    var s = n, l = s && !s.isMounting ? r.enter : r.appear, u;
+    return t.appearStatus = null, r.in ? l ? (u = m, t.appearStatus = h) : u = g : r.unmountOnExit || r.mountOnEnter ? u = N : u = m, t.state = {
+      status: u
+    }, t.nextCallback = null, t;
+  }
+  o.getDerivedStateFromProps = function(n, t) {
+    var s = n.in;
+    return s && t.status === N ? {
+      status: m
+    } : null;
+  };
+  var i = o.prototype;
+  return i.componentDidMount = function() {
+    this.updateStatus(!0, this.appearStatus);
+  }, i.componentDidUpdate = function(n) {
+    var t = null;
+    if (n !== this.props) {
+      var s = this.state.status;
+      this.props.in ? s !== h && s !== g && (t = h) : (s === h || s === g) && (t = S);
+    }
+    this.updateStatus(!1, t);
+  }, i.componentWillUnmount = function() {
+    this.cancelNextCallback();
+  }, i.getTimeouts = function() {
+    var n = this.props.timeout, t, s, l;
+    return t = s = l = n, n != null && typeof n != "number" && (t = n.exit, s = n.enter, l = n.appear !== void 0 ? n.appear : s), {
+      exit: t,
+      enter: s,
+      appear: l
+    };
+  }, i.updateStatus = function(n, t) {
+    if (n === void 0 && (n = !1), t !== null)
+      if (this.cancelNextCallback(), t === h) {
+        if (this.props.unmountOnExit || this.props.mountOnEnter) {
+          var s = this.props.nodeRef ? this.props.nodeRef.current : y.findDOMNode(this);
+          s && J(s);
+        }
+        this.performEnter(n);
+      } else
+        this.performExit();
+    else this.props.unmountOnExit && this.state.status === m && this.setState({
+      status: N
+    });
+  }, i.performEnter = function(n) {
+    var t = this, s = this.props.enter, l = this.context ? this.context.isMounting : n, u = this.props.nodeRef ? [l] : [y.findDOMNode(this), l], c = u[0], f = u[1], v = this.getTimeouts(), E = l ? v.appear : v.enter;
+    if (!n && !s || k.disabled) {
+      this.safeSetState({
+        status: g
+      }, function() {
+        t.props.onEntered(c);
+      });
+      return;
+    }
+    this.props.onEnter(c, f), this.safeSetState({
+      status: h
+    }, function() {
+      t.props.onEntering(c, f), t.onTransitionEnd(E, function() {
+        t.safeSetState({
+          status: g
+        }, function() {
+          t.props.onEntered(c, f);
+        });
+      });
+    });
+  }, i.performExit = function() {
+    var n = this, t = this.props.exit, s = this.getTimeouts(), l = this.props.nodeRef ? void 0 : y.findDOMNode(this);
+    if (!t || k.disabled) {
+      this.safeSetState({
+        status: m
+      }, function() {
+        n.props.onExited(l);
+      });
+      return;
+    }
+    this.props.onExit(l), this.safeSetState({
+      status: S
+    }, function() {
+      n.props.onExiting(l), n.onTransitionEnd(s.exit, function() {
+        n.safeSetState({
+          status: m
+        }, function() {
+          n.props.onExited(l);
+        });
+      });
+    });
+  }, i.cancelNextCallback = function() {
+    this.nextCallback !== null && (this.nextCallback.cancel(), this.nextCallback = null);
+  }, i.safeSetState = function(n, t) {
+    t = this.setNextCallback(t), this.setState(n, t);
+  }, i.setNextCallback = function(n) {
+    var t = this, s = !0;
+    return this.nextCallback = function(l) {
+      s && (s = !1, t.nextCallback = null, n(l));
+    }, this.nextCallback.cancel = function() {
+      s = !1;
+    }, this.nextCallback;
+  }, i.onTransitionEnd = function(n, t) {
+    this.setNextCallback(t);
+    var s = this.props.nodeRef ? this.props.nodeRef.current : y.findDOMNode(this), l = n == null && !this.props.addEndListener;
+    if (!s || l) {
+      setTimeout(this.nextCallback, 0);
+      return;
+    }
+    if (this.props.addEndListener) {
+      var u = this.props.nodeRef ? [this.nextCallback] : [s, this.nextCallback], c = u[0], f = u[1];
+      this.props.addEndListener(c, f);
+    }
+    n != null && setTimeout(this.nextCallback, n);
+  }, i.render = function() {
+    var n = this.state.status;
+    if (n === N)
+      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 l = M(t, ["children", "in", "mountOnEnter", "unmountOnExit", "appear", "enter", "exit", "timeout", "addEndListener", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "nodeRef"]);
+    return (
+      // allows for nested Transitions
+      /* @__PURE__ */ b.createElement(w.Provider, {
+        value: null
+      }, typeof s == "function" ? s(n, l) : b.cloneElement(b.Children.only(s), l))
+    );
+  }, o;
+}(b.Component);
+p.contextType = w;
+p.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: a.shape({
+    current: typeof Element > "u" ? a.any : function(e, o, i, r, n, t) {
+      var s = e[o];
+      return a.instanceOf(s && "ownerDocument" in s ? s.ownerDocument.defaultView.Element : Element)(e, o, i, r, 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: a.oneOfType([a.func.isRequired, a.element.isRequired]).isRequired,
+  /**
+   * Show the component; triggers the enter or exit states
+   */
+  in: a.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: a.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: a.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: a.bool,
+  /**
+   * Enable or disable enter transitions.
+   */
+  enter: a.bool,
+  /**
+   * Enable or disable exit transitions.
+   */
+  exit: a.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(o) {
+    var i = z;
+    o.addEndListener || (i = i.isRequired);
+    for (var r = arguments.length, n = new Array(r > 1 ? r - 1 : 0), t = 1; t < r; t++)
+      n[t - 1] = arguments[t];
+    return i.apply(void 0, [o].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: a.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: a.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: a.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: a.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: a.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: a.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: a.func
+} : {};
+function x() {
+}
+p.defaultProps = {
+  in: !1,
+  mountOnEnter: !1,
+  unmountOnExit: !1,
+  appear: !1,
+  enter: !0,
+  exit: !0,
+  onEnter: x,
+  onEntering: x,
+  onEntered: x,
+  onExit: x,
+  onExiting: x,
+  onExited: x
+};
+p.UNMOUNTED = N;
+p.EXITED = m;
+p.ENTERING = h;
+p.ENTERED = g;
+p.EXITING = S;
+function K(e) {
+  const o = typeof e;
+  switch (o) {
+    case "number":
+      return Number.isNaN(e) ? "NaN" : Number.isFinite(e) ? e !== Math.floor(e) ? "float" : "number" : "Infinity";
+    case "object":
+      return e === null ? "null" : e.constructor.name;
+    default:
+      return o;
+  }
+}
+function Q(e) {
+  return typeof e == "number" && isFinite(e) && Math.floor(e) === e;
+}
+const Y = Number.isInteger || Q;
+function q(e, o, i, r) {
+  const n = e[o];
+  if (n == null || !Y(n)) {
+    const t = K(n);
+    return new RangeError(`Invalid ${r} \`${o}\` of type \`${t}\` supplied to \`${i}\`, expected \`integer\`.`);
+  }
+  return null;
+}
+function U(e, o, ...i) {
+  return e[o] === void 0 ? null : q(e, o, ...i);
+}
+function D() {
+  return null;
+}
+U.isRequired = q;
+D.isRequired = D;
+const ee = process.env.NODE_ENV === "production" ? D : U;
+function te(e) {
+  return typeof e == "string";
+}
+function ge(e, o, i) {
+  return e === void 0 || te(e) ? o : d({}, o, {
+    ownerState: d({}, o.ownerState, i)
+  });
+}
+function ne(e, o = []) {
+  if (e === void 0)
+    return {};
+  const i = {};
+  return Object.keys(e).filter((r) => r.match(/^on[A-Z]/) && typeof e[r] == "function" && !o.includes(r)).forEach((r) => {
+    i[r] = e[r];
+  }), i;
+}
+function _(e) {
+  if (e === void 0)
+    return {};
+  const o = {};
+  return Object.keys(e).filter((i) => !(i.match(/^on[A-Z]/) && typeof e[i] == "function")).forEach((i) => {
+    o[i] = e[i];
+  }), o;
+}
+function Ne(e) {
+  const {
+    getSlotProps: o,
+    additionalProps: i,
+    externalSlotProps: r,
+    externalForwardedProps: n,
+    className: t
+  } = e;
+  if (!o) {
+    const R = O(i == null ? void 0 : i.className, t, n == null ? void 0 : n.className, r == null ? void 0 : r.className), C = d({}, i == null ? void 0 : i.style, n == null ? void 0 : n.style, r == null ? void 0 : r.style), T = d({}, i, n, r);
+    return R.length > 0 && (T.className = R), Object.keys(C).length > 0 && (T.style = C), {
+      props: T,
+      internalRef: void 0
+    };
+  }
+  const s = ne(d({}, n, r)), l = _(r), u = _(n), c = o(s), f = O(c == null ? void 0 : c.className, i == null ? void 0 : i.className, t, n == null ? void 0 : n.className, r == null ? void 0 : r.className), v = d({}, c == null ? void 0 : c.style, i == null ? void 0 : i.style, n == null ? void 0 : n.style, r == null ? void 0 : r.style), E = d({}, c, i, u, l);
+  return f.length > 0 && (E.className = f), Object.keys(v).length > 0 && (E.style = v), {
+    props: E,
+    internalRef: c.ref
+  };
+}
+function be(e, o, i) {
+  return typeof e == "function" ? e(o, i) : e;
+}
+const ye = (e) => e.scrollTop;
+function Te(e, o) {
+  var i, r;
+  const {
+    timeout: n,
+    easing: t,
+    style: s = {}
+  } = e;
+  return {
+    duration: (i = s.transitionDuration) != null ? i : typeof n == "number" ? n : n[o.mode] || 0,
+    easing: (r = s.transitionTimingFunction) != null ? r : typeof t == "object" ? t[o.mode] : t,
+    delay: s.transitionDelay
+  };
+}
+function ie() {
+  const e = Z(j);
+  return process.env.NODE_ENV !== "production" && $.useDebugValue(e), e[H] || e;
+}
+const I = (e) => {
+  let o;
+  return e < 1 ? o = 5.11916 * e ** 2 : o = 4.5 * Math.log(e + 1) + 2, (o / 100).toFixed(2);
+};
+function oe(e) {
+  return F("MuiPaper", e);
+}
+A("MuiPaper", ["root", "rounded", "outlined", "elevation", "elevation0", "elevation1", "elevation2", "elevation3", "elevation4", "elevation5", "elevation6", "elevation7", "elevation8", "elevation9", "elevation10", "elevation11", "elevation12", "elevation13", "elevation14", "elevation15", "elevation16", "elevation17", "elevation18", "elevation19", "elevation20", "elevation21", "elevation22", "elevation23", "elevation24"]);
+const re = ["className", "component", "elevation", "square", "variant"], ae = (e) => {
+  const {
+    square: o,
+    elevation: i,
+    variant: r,
+    classes: n
+  } = e, t = {
+    root: ["root", r, !o && "rounded", r === "elevation" && `elevation${i}`]
+  };
+  return X(t, oe, n);
+}, se = G("div", {
+  name: "MuiPaper",
+  slot: "Root",
+  overridesResolver: (e, o) => {
+    const {
+      ownerState: i
+    } = e;
+    return [o.root, o[i.variant], !i.square && o.rounded, i.variant === "elevation" && o[`elevation${i.elevation}`]];
+  }
+})(({
+  theme: e,
+  ownerState: o
+}) => {
+  var i;
+  return d({
+    backgroundColor: (e.vars || e).palette.background.paper,
+    color: (e.vars || e).palette.text.primary,
+    transition: e.transitions.create("box-shadow")
+  }, !o.square && {
+    borderRadius: e.shape.borderRadius
+  }, o.variant === "outlined" && {
+    border: `1px solid ${(e.vars || e).palette.divider}`
+  }, o.variant === "elevation" && d({
+    boxShadow: (e.vars || e).shadows[o.elevation]
+  }, !e.vars && e.palette.mode === "dark" && {
+    backgroundImage: `linear-gradient(${P("#fff", I(o.elevation))}, ${P("#fff", I(o.elevation))})`
+  }, e.vars && {
+    backgroundImage: (i = e.vars.overlays) == null ? void 0 : i[o.elevation]
+  }));
+}), le = /* @__PURE__ */ $.forwardRef(function(o, i) {
+  const r = W({
+    props: o,
+    name: "MuiPaper"
+  }), {
+    className: n,
+    component: t = "div",
+    elevation: s = 1,
+    square: l = !1,
+    variant: u = "elevation"
+  } = r, c = M(r, re), f = d({}, r, {
+    component: t,
+    elevation: s,
+    square: l,
+    variant: u
+  }), v = ae(f);
+  return process.env.NODE_ENV !== "production" && ie().shadows[s] === void 0 && console.error([`MUI: The elevation provided <Paper elevation={${s}}> is not available in the theme.`, `Please make sure that \`theme.shadows[${s}]\` is defined.`].join(`
+`)), /* @__PURE__ */ B(se, d({
+    as: t,
+    ownerState: f,
+    className: O(v.root, n),
+    ref: i
+  }, c));
+});
+process.env.NODE_ENV !== "production" && (le.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * The content of the component.
+   */
+  children: a.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: a.object,
+  /**
+   * @ignore
+   */
+  className: a.string,
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: a.elementType,
+  /**
+   * Shadow depth, corresponds to `dp` in the spec.
+   * It accepts values between 0 and 24 inclusive.
+   * @default 1
+   */
+  elevation: L(ee, (e) => {
+    const {
+      elevation: o,
+      variant: i
+    } = e;
+    return o > 0 && i === "outlined" ? new Error(`MUI: Combining \`elevation={${o}}\` with \`variant="${i}"\` has no effect. Either use \`elevation={0}\` or use a different \`variant\`.`) : null;
+  }),
+  /**
+   * If `true`, rounded corners are disabled.
+   * @default false
+   */
+  square: a.bool,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: a.oneOfType([a.arrayOf(a.oneOfType([a.func, a.object, a.bool])), a.func, a.object]),
+  /**
+   * The variant to use.
+   * @default 'elevation'
+   */
+  variant: a.oneOfType([a.oneOf(["elevation", "outlined"]), a.string])
+});
+export {
+  le as P,
+  p as T,
+  ge as a,
+  ye as b,
+  ee as c,
+  xe as d,
+  ne as e,
+  J as f,
+  Te as g,
+  te as i,
+  Ne as m,
+  be as r,
+  ie as u
+};