mada-design-system 0.0.9

package/index.es304.js

@@ -0,0 +1,338 @@
+import C from "./index.es152.js";
+import D from "./index.es305.js";
+import o from "./index.es153.js";
+import v from "react";
+import b from "react-dom";
+import S from "./index.es313.js";
+import { timeoutsShape as R } from "./index.es308.js";
+import O from "./index.es311.js";
+import { forceReflow as k } from "./index.es309.js";
+var x = "unmounted", f = "exited", l = "entering", h = "entered", T = "exiting", p = /* @__PURE__ */ function(d) {
+  D(u, d);
+  function u(i, e) {
+    var t;
+    t = d.call(this, i, e) || this;
+    var n = e, r = n && !n.isMounting ? i.enter : i.appear, s;
+    return t.appearStatus = null, i.in ? r ? (s = f, t.appearStatus = l) : s = h : i.unmountOnExit || i.mountOnEnter ? s = x : s = f, t.state = {
+      status: s
+    }, t.nextCallback = null, t;
+  }
+  u.getDerivedStateFromProps = function(e, t) {
+    var n = e.in;
+    return n && t.status === x ? {
+      status: f
+    } : null;
+  };
+  var a = u.prototype;
+  return a.componentDidMount = function() {
+    this.updateStatus(!0, this.appearStatus);
+  }, a.componentDidUpdate = function(e) {
+    var t = null;
+    if (e !== this.props) {
+      var n = this.state.status;
+      this.props.in ? n !== l && n !== h && (t = l) : (n === l || n === h) && (t = T);
+    }
+    this.updateStatus(!1, t);
+  }, a.componentWillUnmount = function() {
+    this.cancelNextCallback();
+  }, a.getTimeouts = function() {
+    var e = this.props.timeout, t, n, r;
+    return t = n = r = e, e != null && typeof e != "number" && (t = e.exit, n = e.enter, r = e.appear !== void 0 ? e.appear : n), {
+      exit: t,
+      enter: n,
+      appear: r
+    };
+  }, a.updateStatus = function(e, t) {
+    if (e === void 0 && (e = !1), t !== null)
+      if (this.cancelNextCallback(), t === l) {
+        if (this.props.unmountOnExit || this.props.mountOnEnter) {
+          var n = this.props.nodeRef ? this.props.nodeRef.current : b.findDOMNode(this);
+          n && k(n);
+        }
+        this.performEnter(e);
+      } else
+        this.performExit();
+    else
+      this.props.unmountOnExit && this.state.status === f && this.setState({
+        status: x
+      });
+  }, a.performEnter = function(e) {
+    var t = this, n = this.props.enter, r = this.context ? this.context.isMounting : e, s = this.props.nodeRef ? [r] : [b.findDOMNode(this), r], c = s[0], m = s[1], N = this.getTimeouts(), g = r ? N.appear : N.enter;
+    if (!e && !n || S.disabled) {
+      this.safeSetState({
+        status: h
+      }, function() {
+        t.props.onEntered(c);
+      });
+      return;
+    }
+    this.props.onEnter(c, m), this.safeSetState({
+      status: l
+    }, function() {
+      t.props.onEntering(c, m), t.onTransitionEnd(g, function() {
+        t.safeSetState({
+          status: h
+        }, function() {
+          t.props.onEntered(c, m);
+        });
+      });
+    });
+  }, a.performExit = function() {
+    var e = this, t = this.props.exit, n = this.getTimeouts(), r = this.props.nodeRef ? void 0 : b.findDOMNode(this);
+    if (!t || S.disabled) {
+      this.safeSetState({
+        status: f
+      }, function() {
+        e.props.onExited(r);
+      });
+      return;
+    }
+    this.props.onExit(r), this.safeSetState({
+      status: T
+    }, function() {
+      e.props.onExiting(r), e.onTransitionEnd(n.exit, function() {
+        e.safeSetState({
+          status: f
+        }, function() {
+          e.props.onExited(r);
+        });
+      });
+    });
+  }, a.cancelNextCallback = function() {
+    this.nextCallback !== null && (this.nextCallback.cancel(), this.nextCallback = null);
+  }, a.safeSetState = function(e, t) {
+    t = this.setNextCallback(t), this.setState(e, t);
+  }, a.setNextCallback = function(e) {
+    var t = this, n = !0;
+    return this.nextCallback = function(r) {
+      n && (n = !1, t.nextCallback = null, e(r));
+    }, this.nextCallback.cancel = function() {
+      n = !1;
+    }, this.nextCallback;
+  }, a.onTransitionEnd = function(e, t) {
+    this.setNextCallback(t);
+    var n = this.props.nodeRef ? this.props.nodeRef.current : b.findDOMNode(this), r = e == null && !this.props.addEndListener;
+    if (!n || r) {
+      setTimeout(this.nextCallback, 0);
+      return;
+    }
+    if (this.props.addEndListener) {
+      var s = this.props.nodeRef ? [this.nextCallback] : [n, this.nextCallback], c = s[0], m = s[1];
+      this.props.addEndListener(c, m);
+    }
+    e != null && setTimeout(this.nextCallback, e);
+  }, a.render = function() {
+    var e = this.state.status;
+    if (e === x)
+      return null;
+    var t = this.props, n = 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 r = C(t, ["children", "in", "mountOnEnter", "unmountOnExit", "appear", "enter", "exit", "timeout", "addEndListener", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "nodeRef"]);
+    return (
+      // allows for nested Transitions
+      /* @__PURE__ */ v.createElement(O.Provider, {
+        value: null
+      }, typeof n == "function" ? n(e, r) : v.cloneElement(v.Children.only(n), r))
+    );
+  }, u;
+}(v.Component);
+p.contextType = O;
+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: o.shape({
+    current: typeof Element > "u" ? o.any : function(d, u, a, i, e, t) {
+      var n = d[u];
+      return o.instanceOf(n && "ownerDocument" in n ? n.ownerDocument.defaultView.Element : Element)(d, u, a, i, e, 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: o.oneOfType([o.func.isRequired, o.element.isRequired]).isRequired,
+  /**
+   * Show the component; triggers the enter or exit states
+   */
+  in: o.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: o.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: o.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: o.bool,
+  /**
+   * Enable or disable enter transitions.
+   */
+  enter: o.bool,
+  /**
+   * Enable or disable exit transitions.
+   */
+  exit: o.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(u) {
+    var a = R;
+    u.addEndListener || (a = a.isRequired);
+    for (var i = arguments.length, e = new Array(i > 1 ? i - 1 : 0), t = 1; t < i; t++)
+      e[t - 1] = arguments[t];
+    return a.apply(void 0, [u].concat(e));
+  },
+  /**
+   * 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: o.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: o.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: o.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: o.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: o.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: o.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: o.func
+} : {};
+function E() {
+}
+p.defaultProps = {
+  in: !1,
+  mountOnEnter: !1,
+  unmountOnExit: !1,
+  appear: !1,
+  enter: !0,
+  exit: !0,
+  onEnter: E,
+  onEntering: E,
+  onEntered: E,
+  onExit: E,
+  onExiting: E,
+  onExited: E
+};
+p.UNMOUNTED = x;
+p.EXITED = f;
+p.ENTERING = l;
+p.ENTERED = h;
+p.EXITING = T;
+const q = p;
+export {
+  h as ENTERED,
+  l as ENTERING,
+  f as EXITED,
+  T as EXITING,
+  x as UNMOUNTED,
+  q as default
+};

package/index.es305.js

@@ -0,0 +1,7 @@
+import e from "./index.es334.js";
+function p(o, t) {
+  o.prototype = Object.create(t.prototype), o.prototype.constructor = o, e(o, t);
+}
+export {
+  p as default
+};

package/index.es306.js

@@ -0,0 +1,7 @@
+import i from "./index.es335.js";
+function c(s, a) {
+  s.classList ? s.classList.add(a) : i(s, a) || (typeof s.className == "string" ? s.className = s.className + " " + a : s.setAttribute("class", (s.className && s.className.baseVal || "") + " " + a));
+}
+export {
+  c as default
+};

package/index.es307.js

@@ -0,0 +1,9 @@
+function c(s, a) {
+  return s.replace(new RegExp("(^|\\s)" + a + "(?:\\s|$)", "g"), "$1").replace(/\s+/g, " ").replace(/^\s*|\s*$/g, "");
+}
+function r(s, a) {
+  s.classList ? s.classList.remove(a) : typeof s.className == "string" ? s.className = c(s.className, a) : s.setAttribute("class", c(s.className && s.className.baseVal || "", a));
+}
+export {
+  r as default
+};

package/index.es308.js

@@ -0,0 +1,21 @@
+import e from "./index.es153.js";
+var n = process.env.NODE_ENV !== "production" ? e.oneOfType([e.number, e.shape({
+  enter: e.number,
+  exit: e.number,
+  appear: e.number
+}).isRequired]) : null, t = process.env.NODE_ENV !== "production" ? e.oneOfType([e.string, e.shape({
+  enter: e.string,
+  exit: e.string,
+  active: e.string
+}), e.shape({
+  enter: e.string,
+  enterDone: e.string,
+  enterActive: e.string,
+  exit: e.string,
+  exitDone: e.string,
+  exitActive: e.string
+})]) : null;
+export {
+  t as classNamesShape,
+  n as timeoutsShape
+};

package/index.es309.js

@@ -0,0 +1,6 @@
+var e = function(o) {
+  return o.scrollTop;
+};
+export {
+  e as forceReflow
+};

package/index.es31.js

@@ -0,0 +1,125 @@
+import { jsxs as c, jsx as s } from "react/jsx-runtime";
+import * as e from "@radix-ui/react-dropdown-menu";
+import * as r from "react";
+import { cn as d } from "./index.es69.js";
+import l from "./index.es115.js";
+import p from "./index.es111.js";
+import m from "./index.es116.js";
+const S = e.Root, C = e.Trigger, z = e.Group, k = e.Portal, T = e.Sub, j = e.RadioGroup, u = r.forwardRef(({ className: a, inset: t, children: o, ...n }, i) => /* @__PURE__ */ c(
+  e.SubTrigger,
+  {
+    ref: i,
+    className: d(
+      "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[state=open]:bg-accent focus:bg-accent",
+      t && "pl-8",
+      a
+    ),
+    ...n,
+    children: [
+      o,
+      /* @__PURE__ */ s(l, { className: "ml-auto h-4 w-4" })
+    ]
+  }
+));
+u.displayName = e.SubTrigger.displayName;
+const f = r.forwardRef(({ className: a, ...t }, o) => /* @__PURE__ */ s(
+  e.SubContent,
+  {
+    ref: o,
+    className: d(
+      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      a
+    ),
+    ...t
+  }
+));
+f.displayName = e.SubContent.displayName;
+const b = r.forwardRef(({ className: a, sideOffset: t = 4, ...o }, n) => /* @__PURE__ */ s(e.Portal, { children: /* @__PURE__ */ s(
+  e.Content,
+  {
+    ref: n,
+    sideOffset: t,
+    className: d(
+      "z-50 min-w-[8rem] overflow-hidden rounded-2 border bg-card p-space-02 text-foreground shadow-xsm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      a
+    ),
+    ...o
+  }
+) }));
+b.displayName = e.Content.displayName;
+const w = r.forwardRef(({ className: a, inset: t, ...o }, n) => /* @__PURE__ */ s(
+  e.Item,
+  {
+    ref: n,
+    className: d(
+      "relative flex cursor-default select-none items-center rounded-1 py-space-02 pe-space-02 ps-space-03 text-body-01 outline-none transition-colors data-[disabled]:pointer-events-none   data-[disabled]:text-disabled focus:bg-card-hover",
+      t && "pl-8",
+      a
+    ),
+    ...o
+  }
+));
+w.displayName = e.Item.displayName;
+const h = r.forwardRef(({ className: a, children: t, checked: o, ...n }, i) => /* @__PURE__ */ c(
+  e.CheckboxItem,
+  {
+    ref: i,
+    className: d(
+      "relative flex cursor-default select-none items-center  rounded-1 py-space-01 pe-space-01 ps-space-03 text-body-01 outline-none transition-colors data-[disabled]:pointer-events-none data-[disabled]:text-disabled focus:bg-card-hover",
+      a
+    ),
+    checked: o,
+    ...n,
+    children: [
+      /* @__PURE__ */ s("span", { className: "absolute -start-space-01 flex h-space-04 w-space-04 items-center justify-center", children: /* @__PURE__ */ s(e.ItemIndicator, { children: /* @__PURE__ */ s(p, { className: "h-space-03 w-space-03" }) }) }),
+      t
+    ]
+  }
+));
+h.displayName = e.CheckboxItem.displayName;
+const N = r.forwardRef(({ className: a, children: t, ...o }, n) => /* @__PURE__ */ c(
+  e.RadioItem,
+  {
+    ref: n,
+    className: d(
+      "relative flex cursor-default select-none items-center rounded-1 py-space-01 pe-space-04 ps-space-03 text-body-01 outline-none transition-colors data-[disabled]:pointer-events-none data-[disabled]:text-disabled focus:bg-card-hover",
+      a
+    ),
+    ...o,
+    children: [
+      /* @__PURE__ */ s("span", { className: "absolute -start-space-01 flex h-space-04 w-space-04 items-center justify-center", children: /* @__PURE__ */ s(e.ItemIndicator, { children: /* @__PURE__ */ s(m, { className: "h-space-02 w-space-02 fill-current" }) }) }),
+      t
+    ]
+  }
+));
+N.displayName = e.RadioItem.displayName;
+const y = r.forwardRef(({ className: a, inset: t, ...o }, n) => /* @__PURE__ */ s(
+  e.Label,
+  {
+    ref: n,
+    className: d("text-caption-01 font-bold text-foreground-secondary", t && "pl-8", a),
+    ...o
+  }
+));
+y.displayName = e.Label.displayName;
+const g = r.forwardRef(({ className: a, ...t }, o) => /* @__PURE__ */ s(e.Separator, { ref: o, className: d("my-space-03 h-px bg-border", a), ...t }));
+g.displayName = e.Separator.displayName;
+const x = ({ className: a, ...t }) => /* @__PURE__ */ s("span", { className: d("ml-auto text-xs tracking-widest opacity-60", a), ...t });
+x.displayName = "DropdownMenuShortcut";
+export {
+  S as DropdownMenu,
+  h as DropdownMenuCheckboxItem,
+  b as DropdownMenuContent,
+  z as DropdownMenuGroup,
+  w as DropdownMenuItem,
+  y as DropdownMenuLabel,
+  k as DropdownMenuPortal,
+  j as DropdownMenuRadioGroup,
+  N as DropdownMenuRadioItem,
+  g as DropdownMenuSeparator,
+  x as DropdownMenuShortcut,
+  T as DropdownMenuSub,
+  f as DropdownMenuSubContent,
+  u as DropdownMenuSubTrigger,
+  C as DropdownMenuTrigger
+};

package/index.es310.js

@@ -0,0 +1,8 @@
+function i(e) {
+  if (e === void 0)
+    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+  return e;
+}
+export {
+  i as default
+};

package/index.es311.js

@@ -0,0 +1,5 @@
+import t from "react";
+const o = t.createContext(null);
+export {
+  o as default
+};

package/index.es312.js

@@ -0,0 +1,74 @@
+import { Children as s, isValidElement as v, cloneElement as d } from "react";
+function h(i, e) {
+  var t = function(a) {
+    return e && v(a) ? e(a) : a;
+  }, u = /* @__PURE__ */ Object.create(null);
+  return i && s.map(i, function(r) {
+    return r;
+  }).forEach(function(r) {
+    u[r.key] = t(r);
+  }), u;
+}
+function m(i, e) {
+  i = i || {}, e = e || {};
+  function t(g) {
+    return g in e ? e[g] : i[g];
+  }
+  var u = /* @__PURE__ */ Object.create(null), r = [];
+  for (var a in i)
+    a in e ? r.length && (u[a] = r, r = []) : r.push(a);
+  var n, f = {};
+  for (var l in e) {
+    if (u[l])
+      for (n = 0; n < u[l].length; n++) {
+        var c = u[l][n];
+        f[u[l][n]] = t(c);
+      }
+    f[l] = t(l);
+  }
+  for (n = 0; n < r.length; n++)
+    f[r[n]] = t(r[n]);
+  return f;
+}
+function o(i, e, t) {
+  return t[e] != null ? t[e] : i.props[e];
+}
+function E(i, e) {
+  return h(i.children, function(t) {
+    return d(t, {
+      onExited: e.bind(null, t),
+      in: !0,
+      appear: o(t, "appear", i),
+      enter: o(t, "enter", i),
+      exit: o(t, "exit", i)
+    });
+  });
+}
+function p(i, e, t) {
+  var u = h(i.children), r = m(e, u);
+  return Object.keys(r).forEach(function(a) {
+    var n = r[a];
+    if (v(n)) {
+      var f = a in e, l = a in u, c = e[a], g = v(c) && !c.props.in;
+      l && (!f || g) ? r[a] = d(n, {
+        onExited: t.bind(null, n),
+        in: !0,
+        exit: o(n, "exit", i),
+        enter: o(n, "enter", i)
+      }) : !l && f && !g ? r[a] = d(n, {
+        in: !1
+      }) : l && f && v(c) && (r[a] = d(n, {
+        onExited: t.bind(null, n),
+        in: c.props.in,
+        exit: o(n, "exit", i),
+        enter: o(n, "enter", i)
+      }));
+    }
+  }), r;
+}
+export {
+  h as getChildMapping,
+  E as getInitialChildMapping,
+  p as getNextChildMapping,
+  m as mergeChildMappings
+};

package/index.es313.js

@@ -0,0 +1,6 @@
+const a = {
+  disabled: !1
+};
+export {
+  a as default
+};

package/index.es314.js

@@ -0,0 +1,9 @@
+import i from "./index.es175.js";
+import r from "./index.es176.js";
+function a(t) {
+  return i("MuiTypography", t);
+}
+r("MuiTypography", ["root", "h1", "h2", "h3", "h4", "h5", "h6", "subtitle1", "subtitle2", "body1", "body2", "inherit", "button", "caption", "overline", "alignLeft", "alignRight", "alignCenter", "alignJustify", "noWrap", "gutterBottom", "paragraph"]);
+export {
+  a as getTypographyUtilityClass
+};

package/index.es315.js

@@ -0,0 +1,32 @@
+import i from "./index.es151.js";
+import u from "./index.es152.js";
+import c from "./index.es237.js";
+import { isPlainObject as m } from "./index.es236.js";
+const x = ["sx"], a = (t) => {
+  var s, r;
+  const o = {
+    systemProps: {},
+    otherProps: {}
+  }, n = (s = t == null || (r = t.theme) == null ? void 0 : r.unstable_sxConfig) != null ? s : c;
+  return Object.keys(t).forEach((e) => {
+    n[e] ? o.systemProps[e] = t[e] : o.otherProps[e] = t[e];
+  }), o;
+};
+function _(t) {
+  const {
+    sx: s
+  } = t, r = u(t, x), {
+    systemProps: o,
+    otherProps: n
+  } = a(r);
+  let e;
+  return Array.isArray(s) ? e = [o, ...s] : typeof s == "function" ? e = (...f) => {
+    const l = s(...f);
+    return m(l) ? i({}, o, l) : o;
+  } : e = i({}, o, s), i({}, n, {
+    sx: e
+  });
+}
+export {
+  _ as default
+};

package/index.es316.js

@@ -0,0 +1,12 @@
+import r from "./index.es274.js";
+function s(n) {
+  const {
+    theme: o,
+    name: e,
+    props: t
+  } = n;
+  return !o || !o.components || !o.components[e] || !o.components[e].defaultProps ? t : r(o.components[e].defaultProps, t);
+}
+export {
+  s as default
+};

package/index.es317.js

@@ -0,0 +1,10 @@
+import t from "./index.es176.js";
+import r from "./index.es175.js";
+function i(o) {
+  return r("MuiIconButton", o);
+}
+const e = t("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary", "colorSecondary", "colorError", "colorInfo", "colorSuccess", "colorWarning", "edgeStart", "edgeEnd", "sizeSmall", "sizeMedium", "sizeLarge"]), l = e;
+export {
+  l as default,
+  i as getIconButtonUtilityClass
+};