everest-npm-features 0.0.1 → 0.0.3

package/dist/Paper-L8ipwfkc.js

@@ -0,0 +1,183 @@
+import * as h from "react";
+import { g as w, a as f, n as m, P as a } from "./createTheme-F9Dk4FhK.js";
+import { g as N, s as T, m as $, u as R, c as x, a as E } from "./DefaultPropsProvider-DmUB0SYC.js";
+import { u as O } from "./useTheme-c0OHvtiA.js";
+import { jsx as q } from "react/jsx-runtime";
+import { c as j } from "./TransitionGroupContext-VwpFXTPO.js";
+function C(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 y(e, o, t, n) {
+  const r = e[o];
+  if (r == null || !Number.isInteger(r)) {
+    const s = C(r);
+    return new RangeError(`Invalid ${n} \`${o}\` of type \`${s}\` supplied to \`${t}\`, expected \`integer\`.`);
+  }
+  return null;
+}
+function b(e, o, ...t) {
+  return e[o] === void 0 ? null : y(e, o, ...t);
+}
+function l() {
+  return null;
+}
+b.isRequired = y;
+l.isRequired = l;
+const I = process.env.NODE_ENV === "production" ? l : b;
+function M(e) {
+  return w("MuiPaper", e);
+}
+N("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 V = (e) => {
+  const {
+    square: o,
+    elevation: t,
+    variant: n,
+    classes: r
+  } = e, s = {
+    root: ["root", n, !o && "rounded", n === "elevation" && `elevation${t}`]
+  };
+  return E(s, M, r);
+}, U = T("div", {
+  name: "MuiPaper",
+  slot: "Root",
+  overridesResolver: (e, o) => {
+    const {
+      ownerState: t
+    } = e;
+    return [o.root, o[t.variant], !t.square && o.rounded, t.variant === "elevation" && o[`elevation${t.elevation}`]];
+  }
+})($(({
+  theme: e
+}) => ({
+  backgroundColor: (e.vars || e).palette.background.paper,
+  color: (e.vars || e).palette.text.primary,
+  transition: e.transitions.create("box-shadow"),
+  variants: [{
+    props: ({
+      ownerState: o
+    }) => !o.square,
+    style: {
+      borderRadius: e.shape.borderRadius
+    }
+  }, {
+    props: {
+      variant: "outlined"
+    },
+    style: {
+      border: `1px solid ${(e.vars || e).palette.divider}`
+    }
+  }, {
+    props: {
+      variant: "elevation"
+    },
+    style: {
+      boxShadow: "var(--Paper-shadow)",
+      backgroundImage: "var(--Paper-overlay)"
+    }
+  }]
+}))), k = /* @__PURE__ */ h.forwardRef(function(o, t) {
+  var d;
+  const n = R({
+    props: o,
+    name: "MuiPaper"
+  }), r = O(), {
+    className: s,
+    component: u = "div",
+    elevation: i = 1,
+    square: P = !1,
+    variant: p = "elevation",
+    ...v
+  } = n, c = {
+    ...n,
+    component: u,
+    elevation: i,
+    square: P,
+    variant: p
+  }, g = V(c);
+  return process.env.NODE_ENV !== "production" && r.shadows[i] === void 0 && console.error([`MUI: The elevation provided <Paper elevation={${i}}> is not available in the theme.`, `Please make sure that \`theme.shadows[${i}]\` is defined.`].join(`
+`)), /* @__PURE__ */ q(U, {
+    as: u,
+    ownerState: c,
+    className: x(g.root, s),
+    ref: t,
+    ...v,
+    style: {
+      ...p === "elevation" && {
+        "--Paper-shadow": (r.vars || r).shadows[i],
+        ...r.vars && {
+          "--Paper-overlay": (d = r.vars.overlays) == null ? void 0 : d[i]
+        },
+        ...!r.vars && r.palette.mode === "dark" && {
+          "--Paper-overlay": `linear-gradient(${f("#fff", m(i))}, ${f("#fff", m(i))})`
+        }
+      },
+      ...v.style
+    }
+  });
+});
+process.env.NODE_ENV !== "production" && (k.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: j(I, (e) => {
+    const {
+      elevation: o,
+      variant: t
+    } = e;
+    return o > 0 && t === "outlined" ? new Error(`MUI: Combining \`elevation={${o}}\` with \`variant="${t}"\` has no effect. Either use \`elevation={0}\` or use a different \`variant\`.`) : null;
+  }),
+  /**
+   * If `true`, rounded corners are disabled.
+   * @default false
+   */
+  square: a.bool,
+  /**
+   * @ignore
+   */
+  style: a.object,
+  /**
+   * 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 {
+  k as P,
+  I as i
+};

package/dist/PlayArrow-D_p2nwO8.js

@@ -0,0 +1,21 @@
+import { I as t, J as a, K as o } from "./constants-SKm7VF9k.js";
+import { jsx as r } from "react/jsx-runtime";
+import { c as e } from "./createSvgIcon-jkXneOQN.js";
+const y = (s) => ({
+  type: t,
+  payload: s
+}), A = (s) => ({
+  type: a,
+  payload: s
+}), E = (s) => ({
+  type: o,
+  payload: s
+}), R = e(/* @__PURE__ */ r("path", {
+  d: "M8 5v14l11-7z"
+}), "PlayArrow");
+export {
+  E as F,
+  R as P,
+  A as a,
+  y as c
+};

package/dist/Portal-DxdKGEvu.js

@@ -0,0 +1,86 @@
+import * as t from "react";
+import { g as b, b as I, H as N } from "./utils-EFg3So7T.js";
+import { P as u } from "./createTheme-F9Dk4FhK.js";
+import { jsx as l } from "react/jsx-runtime";
+import { u as T, s as i } from "./TransitionGroupContext-VwpFXTPO.js";
+import { u as p } from "./useTimeout-D29bZ7Gz.js";
+import { e as g } from "./exactProp-C1Lmtwf_.js";
+let m = 0;
+function h(e) {
+  const [o, r] = t.useState(e), n = e || o;
+  return t.useEffect(() => {
+    o == null && (m += 1, r(`mui-${m}`));
+  }, [o]), n;
+}
+const R = {
+  ...t
+}, d = R.useId;
+function _(e) {
+  if (d !== void 0) {
+    const o = d();
+    return e ?? o;
+  }
+  return h(e);
+}
+function x(e) {
+  return typeof e == "function" ? e() : e;
+}
+const c = /* @__PURE__ */ t.forwardRef(function(o, r) {
+  const {
+    children: n,
+    container: f,
+    disablePortal: a = !1
+  } = o, [s, E] = t.useState(null), P = T(b(n), r);
+  if (p(() => {
+    a || E(x(f) || document.body);
+  }, [f, a]), p(() => {
+    if (s && !a)
+      return i(r, s), () => {
+        i(r, null);
+      };
+  }, [r, s, a]), a) {
+    if (/* @__PURE__ */ t.isValidElement(n)) {
+      const y = {
+        ref: P
+      };
+      return /* @__PURE__ */ t.cloneElement(n, y);
+    }
+    return /* @__PURE__ */ l(t.Fragment, {
+      children: n
+    });
+  }
+  return /* @__PURE__ */ l(t.Fragment, {
+    children: s && /* @__PURE__ */ I.createPortal(n, s)
+  });
+});
+process.env.NODE_ENV !== "production" && (c.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: u.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: u.oneOfType([N, u.func]),
+  /**
+   * The `children` will be under the DOM hierarchy of the parent component.
+   * @default false
+   */
+  disablePortal: u.bool
+});
+process.env.NODE_ENV !== "production" && (c.propTypes = g(c.propTypes));
+export {
+  c as P,
+  _ as u
+};

package/dist/{Select-BNAaKK32.js → Select-DTQDmdn_.js}

@@ -1,19 +1,25 @@
 import * as a from "react";
-import { P as e, g as se, e as be, q as Io, t as to } from "./createTheme-NrBCWesw.js";
-import { g as ie, s as F, m as ae, u as Se, a as re, b as le, r as he, d as no, f as ro, h as _o } from "./createSimplePaletteValueFilter-CsgjlRAs.js";
-import { u as Ko } from "./index-Cq3eHOnB.js";
+import { P as e, g as se, f as be, y as Io, k as to } from "./createTheme-F9Dk4FhK.js";
+import { g as ie, s as F, m as ae, u as Se, c as re, a as le, r as he, e as no, f as _o } from "./DefaultPropsProvider-DmUB0SYC.js";
+import { u as Ko } from "./index-BJlsh9ro.js";
 import { jsxs as we, jsx as P } from "react/jsx-runtime";
-import { P as qo, u as fo, i as Go } from "./useSlot-CURNJ3JC.js";
-import { g as Xo, M as Yo, u as Zo } from "./Modal-0q_y4zbS.js";
-import { o as He, c as ze, H as eo, g as Jo } from "./utils-_FXWkn40.js";
+import { u as fo } from "./useSlot-DaP6eodX.js";
+import { g as qo, M as Go } from "./Modal-DceAu_d2.js";
+import { P as Xo, i as Yo } from "./Paper-L8ipwfkc.js";
+import { o as ze, H as eo, g as Zo } from "./utils-EFg3So7T.js";
+import { o as He } from "./ownerWindow-C-760D__.js";
 import { d as Po } from "./debounce-46wSf_lW.js";
-import { u as Me, c as Qo } from "./TransitionGroupContext-VwpFXTPO.js";
-import { a as _e, e as xo, r as Ce } from "./useTimeout-lr7ryrda.js";
-import { G as et, u as mo } from "./Grow-B3Swdn2Z.js";
-import { u as so, f as io, F as ot, a as bo } from "./useFormControl-Bo6Tf_xo.js";
-import { c as tt } from "./createSvgIcon-CAZr4ukt.js";
-import { a as nt } from "./useThemeProps-BqWuFW3z.js";
-import { g as rt } from "./index-iAyNk1r6.js";
+import { u as Me, c as Jo } from "./TransitionGroupContext-VwpFXTPO.js";
+import { u as _e, r as Ce } from "./useTimeout-D29bZ7Gz.js";
+import { e as xo } from "./elementTypeAcceptingRef-BufevUW8.js";
+import { G as Qo, u as mo } from "./Grow-dkRwE_ok.js";
+import { u as bo } from "./useControlled-BYdyS7Pn.js";
+import { u as et } from "./Portal-DxdKGEvu.js";
+import { u as ro, f as so, F as ot } from "./useFormControl-CfmEP6sW.js";
+import { c as tt } from "./createSvgIcon-jkXneOQN.js";
+import { a as nt } from "./useThemeProps-CV9AmzHf.js";
+import { c as io } from "./createSimplePaletteValueFilter-B7--0ryQ.js";
+import { g as rt } from "./index-_kqRfgnc.js";
 function Ue(o) {
   return parseInt(o, 10) || 0;
 }
@@ -160,7 +166,7 @@ function ho(o) {
 function No(o, t = !1) {
   return o && (ho(o.value) && o.value !== "" || t && ho(o.defaultValue) && o.defaultValue !== "");
 }
-function mn(o) {
+function On(o) {
   return o.startAdornment;
 }
 function at(o) {
@@ -418,12 +424,12 @@ const Xe = (o, t) => {
   } = a.useRef(ue != null), oe = a.useRef(), D = a.useCallback((M) => {
     process.env.NODE_ENV !== "production" && M && M.nodeName !== "INPUT" && !M.focus && console.error(["MUI: You have provided a `inputComponent` to the input component", "that does not correctly handle the `ref` prop.", "Make sure the `ref` prop is called with a HTMLInputElement."].join(`
 `));
-  }, []), N = Me(oe, f, r.ref, D), [B, X] = a.useState(!1), x = so();
+  }, []), N = Me(oe, f, r.ref, D), [B, X] = a.useState(!1), x = ro();
   process.env.NODE_ENV !== "production" && a.useEffect(() => {
     if (x)
       return x.registerEffect();
   }, [x]);
-  const A = io({
+  const A = so({
     props: s,
     muiFormControl: x,
     states: ["color", "disabled", "error", "hiddenLabel", "size", "required", "filled"]
@@ -908,7 +914,7 @@ const Oe = {
           borderBottomStyle: "dotted"
         }
       }
-    }, ...Object.entries(o.palette).filter(no()).map(([i]) => {
+    }, ...Object.entries(o.palette).filter(io()).map(([i]) => {
       var u;
       return {
         props: {
@@ -1382,7 +1388,7 @@ const ht = (o) => {
           borderBottomStyle: "dotted"
         }
       }
-    }, ...Object.entries(o.palette).filter(no()).map(([s]) => ({
+    }, ...Object.entries(o.palette).filter(io()).map(([s]) => ({
       props: {
         color: s,
         disableUnderline: !1
@@ -1798,7 +1804,7 @@ const Do = /* @__PURE__ */ a.forwardRef(function(t, n) {
     }) => {
       const C = !m.current.style.width;
       if (r.clientHeight < m.current.clientHeight && C) {
-        const $ = `${Xo(ze(r))}px`;
+        const $ = `${qo(ze(r))}px`;
         m.current.style[f === "rtl" ? "paddingLeft" : "paddingRight"] = $, m.current.style.width = `calc(100% + ${$})`;
       }
       return m.current;
@@ -1833,7 +1839,7 @@ const Do = /* @__PURE__ */ a.forwardRef(function(t, n) {
       d === f && (d += 1, d >= i.length && (d = -1));
       return;
     }
-    process.env.NODE_ENV !== "production" && ro.isFragment(r) && console.error(["MUI: The Menu component doesn't accept a Fragment as a child.", "Consider providing an array instead."].join(`
+    process.env.NODE_ENV !== "production" && no.isFragment(r) && console.error(["MUI: The Menu component doesn't accept a Fragment as a child.", "Consider providing an array instead."].join(`
 `)), r.props.disabled || (v === "selectedMenu" && r.props.selected || d === -1) && (d = f), d === f && (r.props.disabled || r.props.muiSkipListHighlight || r.type.muiSkipListHighlight) && (d += 1, d >= i.length && (d = -1));
   });
   const g = a.Children.map(i, (r, f) => {
@@ -1924,11 +1930,11 @@ const Ct = (o) => {
     root: ["root"],
     paper: ["paper"]
   }, St, t);
-}, Rt = F(Yo, {
+}, Rt = F(Go, {
   name: "MuiPopover",
   slot: "Root",
   overridesResolver: (o, t) => t.root
-})({}), $o = F(qo, {
+})({}), $o = F(Xo, {
   name: "MuiPopover",
   slot: "Paper",
   overridesResolver: (o, t) => t.paper
@@ -1970,7 +1976,7 @@ const Ct = (o) => {
       vertical: "top",
       horizontal: "left"
     },
-    TransitionComponent: r = et,
+    TransitionComponent: r = Qo,
     transitionDuration: f = "auto",
     TransitionProps: {
       onEntering: C,
@@ -2144,7 +2150,7 @@ process.env.NODE_ENV !== "production" && (jo.propTypes = {
    * or a function that returns either.
    * It's used to set the position of the popover.
    */
-  anchorEl: Qo(e.oneOfType([eo, e.func]), (o) => {
+  anchorEl: Jo(e.oneOfType([eo, e.func]), (o) => {
     if (o.open && (!o.anchorReference || o.anchorReference === "anchorEl")) {
       const t = Ve(o.anchorEl);
       if (t && t.nodeType === 1) {
@@ -2238,7 +2244,7 @@ process.env.NODE_ENV !== "production" && (jo.propTypes = {
    * The elevation of the popover.
    * @default 8
    */
-  elevation: Go,
+  elevation: Yo,
   /**
    * Specifies how close to the edge of the window the popover can appear.
    * If null, the popover will not be constrained by the window.
@@ -2407,7 +2413,7 @@ const It = {
   };
   let z = -1;
   a.Children.map(l, (U, H) => {
-    /* @__PURE__ */ a.isValidElement(U) && (process.env.NODE_ENV !== "production" && ro.isFragment(U) && console.error(["MUI: The Menu component doesn't accept a Fragment as a child.", "Consider providing an array instead."].join(`
+    /* @__PURE__ */ a.isValidElement(U) && (process.env.NODE_ENV !== "production" && no.isFragment(U) && console.error(["MUI: The Menu component doesn't accept a Fragment as a child.", "Consider providing an array instead."].join(`
 `)), U.props.disabled || (R === "selectedMenu" && U.props.selected || z === -1) && (z = H));
   });
   const V = d.paper ?? Nt, K = g.paper ?? v, Y = mo({
@@ -2952,7 +2958,7 @@ const At = (o) => {
     [`&.${ne.focused} .${ne.notchedOutline}`]: {
       borderWidth: 2
     },
-    variants: [...Object.entries(o.palette).filter(no()).map(([n]) => ({
+    variants: [...Object.entries(o.palette).filter(io()).map(([n]) => ({
       props: {
         color: n
       },
@@ -3092,7 +3098,7 @@ const At = (o) => {
     slots: v = {},
     type: w = "text",
     ...m
-  } = p, S = At(p), k = so(), R = io({
+  } = p, S = At(p), k = ro(), R = so({
     props: p,
     muiFormControl: k,
     states: ["color", "disabled", "error", "focused", "hiddenLabel", "size", "required"]
@@ -3511,7 +3517,7 @@ const qt = (o) => {
   const Le = A.map((c) => {
     if (!/* @__PURE__ */ a.isValidElement(c))
       return null;
-    process.env.NODE_ENV !== "production" && ro.isFragment(c) && console.error(["MUI: The Select component doesn't accept a Fragment as a child.", "Consider providing an array instead."].join(`
+    process.env.NODE_ENV !== "production" && no.isFragment(c) && console.error(["MUI: The Select component doesn't accept a Fragment as a child.", "Consider providing an array instead."].join(`
 `));
     let I;
     if (g) {
@@ -3554,7 +3560,7 @@ const qt = (o) => {
   }, M = qt(ve), xe = {
     ...d.PaperProps,
     ...(uo = d.slotProps) == null ? void 0 : uo.paper
-  }, $e = Zo();
+  }, $e = et();
   return /* @__PURE__ */ we(a.Fragment, {
     children: [/* @__PURE__ */ P(Vt, {
       as: "div",
@@ -3817,7 +3823,7 @@ const Gt = (o) => {
     SelectDisplayProps: L,
     variant: T = "outlined",
     ...j
-  } = s, E = g ? Wo : Vo, z = so(), V = io({
+  } = s, E = g ? Wo : Vo, z = ro(), V = so({
     props: s,
     muiFormControl: z,
     states: ["variant", "error"]
@@ -3839,7 +3845,7 @@ const Gt = (o) => {
     filled: /* @__PURE__ */ P(Zt, {
       ownerState: Y
     })
-  }[K], ee = Me(n, Jo(O));
+  }[K], ee = Me(n, Zo(O));
   return /* @__PURE__ */ P(a.Fragment, {
     children: /* @__PURE__ */ a.cloneElement(O, {
       // Most of the logic is implemented in `SelectInput`.
@@ -4042,5 +4048,5 @@ export {
   Ge as O,
   Ho as S,
   No as a,
-  mn as i
+  On as i
 };

package/dist/{Slide-BlS6unRJ.js → Slide-CWqC2RDG.js}

@@ -1,9 +1,10 @@
 import * as h from "react";
-import { P as t } from "./createTheme-NrBCWesw.js";
-import { u as D } from "./useTheme-nlj1B_-c.js";
+import { P as t } from "./createTheme-F9Dk4FhK.js";
+import { u as D } from "./useTheme-c0OHvtiA.js";
 import { jsx as U } from "react/jsx-runtime";
-import { g as _, o as $, e as q, H as A, T as F, r as G, a as P } from "./utils-_FXWkn40.js";
+import { g as _, e as q, H as A, T as F, r as G, a as P } from "./utils-EFg3So7T.js";
 import { u as J, c as K } from "./TransitionGroupContext-VwpFXTPO.js";
+import { o as $ } from "./ownerWindow-C-760D__.js";
 import { d as Q } from "./debounce-46wSf_lW.js";
 function Z(s, r, f) {
   const n = r.getBoundingClientRect(), i = f && f.getBoundingClientRect(), E = $(r);

package/dist/Stack-CkCveRRR.js

@@ -0,0 +1,174 @@
+import { P as e, b as C, h as g, r as m, j as S, k as R, m as D, g as N, l as b } from "./createTheme-F9Dk4FhK.js";
+import { c as E, a as F, s as B } from "./DefaultPropsProvider-DmUB0SYC.js";
+import { u as M, a as w } from "./useThemeProps-CV9AmzHf.js";
+import * as f from "react";
+import { jsx as G } from "react/jsx-runtime";
+import { s as $ } from "./styled-BTIMwpiX.js";
+import { e as U } from "./extendSxProp-Cm2UBzGf.js";
+const A = C(), _ = $("div", {
+  name: "MuiStack",
+  slot: "Root",
+  overridesResolver: (o, r) => r.root
+});
+function I(o) {
+  return M({
+    props: o,
+    name: "MuiStack",
+    defaultTheme: A
+  });
+}
+function L(o, r) {
+  const c = f.Children.toArray(o).filter(Boolean);
+  return c.reduce((a, i, n) => (a.push(i), n < c.length - 1 && a.push(/* @__PURE__ */ f.cloneElement(r, {
+    key: `separator-${n}`
+  })), a), []);
+}
+const q = (o) => ({
+  row: "Left",
+  "row-reverse": "Right",
+  column: "Top",
+  "column-reverse": "Bottom"
+})[o], z = ({
+  ownerState: o,
+  theme: r
+}) => {
+  let c = {
+    display: "flex",
+    flexDirection: "column",
+    ...g({
+      theme: r
+    }, m({
+      values: o.direction,
+      breakpoints: r.breakpoints.values
+    }), (a) => ({
+      flexDirection: a
+    }))
+  };
+  if (o.spacing) {
+    const a = S(r), i = Object.keys(r.breakpoints.values).reduce((s, t) => ((typeof o.spacing == "object" && o.spacing[t] != null || typeof o.direction == "object" && o.direction[t] != null) && (s[t] = !0), s), {}), n = m({
+      values: o.direction,
+      base: i
+    }), l = m({
+      values: o.spacing,
+      base: i
+    });
+    typeof n == "object" && Object.keys(n).forEach((s, t, p) => {
+      if (!n[s]) {
+        const u = t > 0 ? n[p[t - 1]] : "column";
+        n[s] = u;
+      }
+    }), c = R(c, g({
+      theme: r
+    }, l, (s, t) => o.useFlexGap ? {
+      gap: b(a, s)
+    } : {
+      // The useFlexGap={false} implement relies on each child to give up control of the margin.
+      // We need to reset the margin to avoid double spacing.
+      "& > :not(style):not(style)": {
+        margin: 0
+      },
+      "& > :not(style) ~ :not(style)": {
+        [`margin${q(t ? n[t] : o.direction)}`]: b(a, s)
+      }
+    }));
+  }
+  return c = D(r.breakpoints, c), c;
+};
+function H(o = {}) {
+  const {
+    // This will allow adding custom styled fn (for example for custom sx style function)
+    createStyledComponent: r = _,
+    useThemeProps: c = I,
+    componentName: a = "MuiStack"
+  } = o, i = () => F({
+    root: ["root"]
+  }, (s) => N(a, s), {}), n = r(z), l = /* @__PURE__ */ f.forwardRef(function(s, t) {
+    const p = c(s), y = U(p), {
+      component: u = "div",
+      direction: T = "column",
+      spacing: h = 0,
+      divider: v,
+      children: O,
+      className: j,
+      useFlexGap: k = !1,
+      ...x
+    } = y, P = {
+      direction: T,
+      spacing: h,
+      useFlexGap: k
+    }, V = i();
+    return /* @__PURE__ */ G(n, {
+      as: u,
+      ownerState: P,
+      ref: t,
+      className: E(V.root, j),
+      ...x,
+      children: v ? L(O, v) : O
+    });
+  });
+  return process.env.NODE_ENV !== "production" && (l.propTypes = {
+    children: e.node,
+    direction: e.oneOfType([e.oneOf(["column-reverse", "column", "row-reverse", "row"]), e.arrayOf(e.oneOf(["column-reverse", "column", "row-reverse", "row"])), e.object]),
+    divider: e.node,
+    spacing: e.oneOfType([e.arrayOf(e.oneOfType([e.number, e.string])), e.number, e.object, e.string]),
+    sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
+  }), l;
+}
+const J = H({
+  createStyledComponent: B("div", {
+    name: "MuiStack",
+    slot: "Root",
+    overridesResolver: (o, r) => r.root
+  }),
+  useThemeProps: (o) => w({
+    props: o,
+    name: "MuiStack"
+  })
+});
+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`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * The content of the component.
+   */
+  children: e.node,
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: e.elementType,
+  /**
+   * Defines the `flex-direction` style property.
+   * It is applied for all screen sizes.
+   * @default 'column'
+   */
+  direction: e.oneOfType([e.oneOf(["column-reverse", "column", "row-reverse", "row"]), e.arrayOf(e.oneOf(["column-reverse", "column", "row-reverse", "row"])), e.object]),
+  /**
+   * Add an element between each child.
+   */
+  divider: e.node,
+  /**
+   * Defines the space between immediate children.
+   * @default 0
+   */
+  spacing: e.oneOfType([e.arrayOf(e.oneOfType([e.number, e.string])), e.number, e.object, e.string]),
+  /**
+   * The system prop, which 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]),
+  /**
+   * If `true`, the CSS flexbox `gap` is used instead of applying `margin` to children.
+   *
+   * While CSS `gap` removes the [known limitations](https://mui.com/joy-ui/react-stack/#limitations),
+   * it is not fully supported in some browsers. We recommend checking https://caniuse.com/?search=flex%20gap before using this flag.
+   *
+   * To enable this flag globally, follow the [theme's default props](https://mui.com/material-ui/customization/theme-components/#default-props) configuration.
+   * @default false
+   */
+  useFlexGap: e.bool
+});
+export {
+  J as S
+};