@hybridcore/ui 1.6.0 → 1.6.1

package/dist/Paper-q9kKjAKx.js

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