@erpsquad/common 1.8.46 → 1.8.48

package/dist/node_modules/@mui/material/SwipeableDrawer/SwipeArea/index.esm.js

@@ -0,0 +1,82 @@
+import _objectWithoutPropertiesLoose from "../../../../@babel/runtime/helpers/esm/objectWithoutPropertiesLoose/index.esm.js";
+import _extends from "../../../../@babel/runtime/helpers/esm/extends/index.esm.js";
+import * as React from "react";
+import PropTypes from "../../../../prop-types/index/index.esm.js";
+import { clsx } from "../../../../clsx/dist/clsx/index.esm.js";
+import styled from "../../styles/styled/index.esm.js";
+import { isHorizontal } from "../../Drawer/Drawer/index.esm.js";
+import { jsx } from "react/jsx-runtime";
+import capitalize from "../../../utils/esm/capitalize/capitalize/index.esm.js";
+import rootShouldForwardProp from "../../styles/rootShouldForwardProp/index.esm.js";
+var define_process_env_default = {};
+const _excluded = ["anchor", "classes", "className", "width", "style"];
+const SwipeAreaRoot = styled("div", {
+  name: "MuiSwipeArea",
+  shouldForwardProp: rootShouldForwardProp
+})(({
+  theme,
+  ownerState
+}) => _extends({
+  position: "fixed",
+  top: 0,
+  left: 0,
+  bottom: 0,
+  zIndex: theme.zIndex.drawer - 1
+}, ownerState.anchor === "left" && {
+  right: "auto"
+}, ownerState.anchor === "right" && {
+  left: "auto",
+  right: 0
+}, ownerState.anchor === "top" && {
+  bottom: "auto",
+  right: 0
+}, ownerState.anchor === "bottom" && {
+  top: "auto",
+  bottom: 0,
+  right: 0
+}));
+const SwipeArea = /* @__PURE__ */ React.forwardRef(function SwipeArea2(props, ref) {
+  const {
+    anchor,
+    classes = {},
+    className,
+    width,
+    style
+  } = props, other = _objectWithoutPropertiesLoose(props, _excluded);
+  const ownerState = props;
+  return /* @__PURE__ */ jsx(SwipeAreaRoot, _extends({
+    className: clsx("PrivateSwipeArea-root", classes.root, classes[`anchor${capitalize(anchor)}`], className),
+    ref,
+    style: _extends({
+      [isHorizontal(anchor) ? "width" : "height"]: width
+    }, style),
+    ownerState
+  }, other));
+});
+define_process_env_default.NODE_ENV !== "production" ? SwipeArea.propTypes = {
+  /**
+   * Side on which to attach the discovery area.
+   */
+  anchor: PropTypes.oneOf(["left", "top", "right", "bottom"]).isRequired,
+  /**
+   * @ignore
+   */
+  classes: PropTypes.object,
+  /**
+   * @ignore
+   */
+  className: PropTypes.string,
+  /**
+   * @ignore
+   */
+  style: PropTypes.object,
+  /**
+   * The width of the left most (or right most) area in `px` where the
+   * drawer can be swiped open from.
+   */
+  width: PropTypes.number.isRequired
+} : void 0;
+export {
+  SwipeArea as default
+};
+//# sourceMappingURL=index.esm.js.map

package/dist/node_modules/@mui/material/SwipeableDrawer/SwipeArea/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../../../../../../node_modules/@mui/material/SwipeableDrawer/SwipeArea.js"],"sourcesContent":["'use client';\n\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nconst _excluded = [\"anchor\", \"classes\", \"className\", \"width\", \"style\"];\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport styled, { rootShouldForwardProp } from '../styles/styled';\nimport capitalize from '../utils/capitalize';\nimport { isHorizontal } from '../Drawer/Drawer';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst SwipeAreaRoot = styled('div', {\n  name: 'MuiSwipeArea',\n  shouldForwardProp: rootShouldForwardProp\n})(({\n  theme,\n  ownerState\n}) => _extends({\n  position: 'fixed',\n  top: 0,\n  left: 0,\n  bottom: 0,\n  zIndex: theme.zIndex.drawer - 1\n}, ownerState.anchor === 'left' && {\n  right: 'auto'\n}, ownerState.anchor === 'right' && {\n  left: 'auto',\n  right: 0\n}, ownerState.anchor === 'top' && {\n  bottom: 'auto',\n  right: 0\n}, ownerState.anchor === 'bottom' && {\n  top: 'auto',\n  bottom: 0,\n  right: 0\n}));\n\n/**\n * @ignore - internal component.\n */\nconst SwipeArea = /*#__PURE__*/React.forwardRef(function SwipeArea(props, ref) {\n  const {\n      anchor,\n      classes = {},\n      className,\n      width,\n      style\n    } = props,\n    other = _objectWithoutPropertiesLoose(props, _excluded);\n  const ownerState = props;\n  return /*#__PURE__*/_jsx(SwipeAreaRoot, _extends({\n    className: clsx('PrivateSwipeArea-root', classes.root, classes[`anchor${capitalize(anchor)}`], className),\n    ref: ref,\n    style: _extends({\n      [isHorizontal(anchor) ? 'width' : 'height']: width\n    }, style),\n    ownerState: ownerState\n  }, other));\n});\nprocess.env.NODE_ENV !== \"production\" ? SwipeArea.propTypes = {\n  /**\n   * Side on which to attach the discovery area.\n   */\n  anchor: PropTypes.oneOf(['left', 'top', 'right', 'bottom']).isRequired,\n  /**\n   * @ignore\n   */\n  classes: PropTypes.object,\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n  /**\n   * @ignore\n   */\n  style: PropTypes.object,\n  /**\n   * The width of the left most (or right most) area in `px` where the\n   * drawer can be swiped open from.\n   */\n  width: PropTypes.number.isRequired\n} : void 0;\nexport default SwipeArea;"],"names":["SwipeArea","_jsx"],"mappings":";;;;;;;;;;;AAIA,MAAM,YAAY,CAAC,UAAU,WAAW,aAAa,SAAS,OAAO;AAQrE,MAAM,gBAAgB,OAAO,OAAO;AAAA,EAClC,MAAM;AAAA,EACN,mBAAmB;AACrB,CAAC,EAAE,CAAC;AAAA,EACF;AAAA,EACA;AACF,MAAM,SAAS;AAAA,EACb,UAAU;AAAA,EACV,KAAK;AAAA,EACL,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,QAAQ,MAAM,OAAO,SAAS;AAChC,GAAG,WAAW,WAAW,UAAU;AAAA,EACjC,OAAO;AACT,GAAG,WAAW,WAAW,WAAW;AAAA,EAClC,MAAM;AAAA,EACN,OAAO;AACT,GAAG,WAAW,WAAW,SAAS;AAAA,EAChC,QAAQ;AAAA,EACR,OAAO;AACT,GAAG,WAAW,WAAW,YAAY;AAAA,EACnC,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,OAAO;AACT,CAAC,CAAC;AAKF,MAAM,YAAyB,sBAAM,WAAW,SAASA,WAAU,OAAO,KAAK;AAC7E,QAAM;AAAA,IACF;AAAA,IACA,UAAU,CAAA;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACE,OACJ,QAAQ,8BAA8B,OAAO,SAAS;AACxD,QAAM,aAAa;AACnB,SAAoBC,oBAAK,eAAe,SAAS;AAAA,IAC/C,WAAW,KAAK,yBAAyB,QAAQ,MAAM,QAAQ,SAAS,WAAW,MAAM,CAAC,EAAE,GAAG,SAAS;AAAA,IACxG;AAAA,IACA,OAAO,SAAS;AAAA,MACd,CAAC,aAAa,MAAM,IAAI,UAAU,QAAQ,GAAG;AAAA,IAAA,GAC5C,KAAK;AAAA,IACR;AAAA,EAAA,GACC,KAAK,CAAC;AACX,CAAC;AACD,2BAAY,aAAa,eAAe,UAAU,YAAY;AAAA;AAAA;AAAA;AAAA,EAI5D,QAAQ,UAAU,MAAM,CAAC,QAAQ,OAAO,SAAS,QAAQ,CAAC,EAAE;AAAA;AAAA;AAAA;AAAA,EAI5D,SAAS,UAAU;AAAA;AAAA;AAAA;AAAA,EAInB,WAAW,UAAU;AAAA;AAAA;AAAA;AAAA,EAIrB,OAAO,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAKjB,OAAO,UAAU,OAAO;AAC1B,IAAI;","x_google_ignoreList":[0]}

package/dist/node_modules/@mui/material/SwipeableDrawer/SwipeArea/index.js

@@ -0,0 +1,3 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../@babel/runtime/helpers/esm/objectWithoutPropertiesLoose/index.js"),t=require("../../../../@babel/runtime/helpers/esm/extends/index.js"),r=require("react"),o=require("../../../../prop-types/index/index.js"),a=require("../../../../clsx/dist/clsx/index.js"),i=require("../../styles/styled/index.js"),s=require("../../Drawer/Drawer/index.js"),u=require("react/jsx-runtime"),l=require("../../../utils/esm/capitalize/capitalize/index.js"),n=require("../../styles/rootShouldForwardProp/index.js");function d(e){if(e&&"object"==typeof e&&"default"in e)return e;var t=/* @__PURE__ */Object.create(null);return e&&Object.keys(e).forEach(function(r){if("default"!==r){var o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:function(){return e[r]}})}}),t.default=e,t}var c=/* @__PURE__ */d(r);const f=["anchor","classes","className","width","style"],p=i.default("div",{name:"MuiSwipeArea",shouldForwardProp:n.default})(({theme:e,ownerState:r})=>t.default({position:"fixed",top:0,left:0,bottom:0,zIndex:e.zIndex.drawer-1},"left"===r.anchor&&{right:"auto"},"right"===r.anchor&&{left:"auto",right:0},"top"===r.anchor&&{bottom:"auto",right:0},"bottom"===r.anchor&&{top:"auto",bottom:0,right:0})),h=/* @__PURE__ */c.forwardRef(function(r,o){const{anchor:i,classes:n={},className:d,width:c,style:h}=r,b=e.default(r,f),x=r;/* @__PURE__ */
+return u.jsx(p,t.default({className:a.clsx("PrivateSwipeArea-root",n.root,n[`anchor${l.default(i)}`],d),ref:o,style:t.default({[s.isHorizontal(i)?"width":"height"]:c},h),ownerState:x},b))});"production"!=={}.NODE_ENV&&(h.propTypes={anchor:o.default.oneOf(["left","top","right","bottom"]).isRequired,classes:o.default.object,className:o.default.string,style:o.default.object,width:o.default.number.isRequired}),exports.default=h;
+//# sourceMappingURL=index.js.map

package/dist/node_modules/@mui/material/SwipeableDrawer/SwipeArea/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../node_modules/@mui/material/SwipeableDrawer/SwipeArea.js"],"sourcesContent":["'use client';\n\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nconst _excluded = [\"anchor\", \"classes\", \"className\", \"width\", \"style\"];\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport styled, { rootShouldForwardProp } from '../styles/styled';\nimport capitalize from '../utils/capitalize';\nimport { isHorizontal } from '../Drawer/Drawer';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst SwipeAreaRoot = styled('div', {\n  name: 'MuiSwipeArea',\n  shouldForwardProp: rootShouldForwardProp\n})(({\n  theme,\n  ownerState\n}) => _extends({\n  position: 'fixed',\n  top: 0,\n  left: 0,\n  bottom: 0,\n  zIndex: theme.zIndex.drawer - 1\n}, ownerState.anchor === 'left' && {\n  right: 'auto'\n}, ownerState.anchor === 'right' && {\n  left: 'auto',\n  right: 0\n}, ownerState.anchor === 'top' && {\n  bottom: 'auto',\n  right: 0\n}, ownerState.anchor === 'bottom' && {\n  top: 'auto',\n  bottom: 0,\n  right: 0\n}));\n\n/**\n * @ignore - internal component.\n */\nconst SwipeArea = /*#__PURE__*/React.forwardRef(function SwipeArea(props, ref) {\n  const {\n      anchor,\n      classes = {},\n      className,\n      width,\n      style\n    } = props,\n    other = _objectWithoutPropertiesLoose(props, _excluded);\n  const ownerState = props;\n  return /*#__PURE__*/_jsx(SwipeAreaRoot, _extends({\n    className: clsx('PrivateSwipeArea-root', classes.root, classes[`anchor${capitalize(anchor)}`], className),\n    ref: ref,\n    style: _extends({\n      [isHorizontal(anchor) ? 'width' : 'height']: width\n    }, style),\n    ownerState: ownerState\n  }, other));\n});\nprocess.env.NODE_ENV !== \"production\" ? SwipeArea.propTypes = {\n  /**\n   * Side on which to attach the discovery area.\n   */\n  anchor: PropTypes.oneOf(['left', 'top', 'right', 'bottom']).isRequired,\n  /**\n   * @ignore\n   */\n  classes: PropTypes.object,\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n  /**\n   * @ignore\n   */\n  style: PropTypes.object,\n  /**\n   * The width of the left most (or right most) area in `px` where the\n   * drawer can be swiped open from.\n   */\n  width: PropTypes.number.isRequired\n} : void 0;\nexport default SwipeArea;"],"names":["_excluded","SwipeAreaRoot","styled","name","shouldForwardProp","rootShouldForwardProp","theme","ownerState","_extends","position","top","left","bottom","zIndex","drawer","anchor","right","SwipeArea","React","forwardRef","props","ref","classes","className","width","style","other","_objectWithoutPropertiesLoose","_jsx","clsx","root","capitalize","isHorizontal","NODE_ENV","propTypes","PropTypes","oneOf","isRequired","object","string","number"],"mappings":"q5BAIA,MAAMA,EAAY,CAAC,SAAU,UAAW,YAAa,QAAS,SAQxDC,EAAgBC,EAAAA,QAAO,MAAO,CAClCC,KAAM,eACNC,kBAAmBC,EAAAA,SAFCH,CAGnB,EACDI,QACAC,gBACIC,UAAS,CACbC,SAAU,QACVC,IAAK,EACLC,KAAM,EACNC,OAAQ,EACRC,OAAQP,EAAMO,OAAOC,OAAS,GACP,SAAtBP,EAAWQ,QAAqB,CACjCC,MAAO,QACgB,UAAtBT,EAAWQ,QAAsB,CAClCJ,KAAM,OACNK,MAAO,GACgB,QAAtBT,EAAWQ,QAAoB,CAChCH,OAAQ,OACRI,MAAO,GACgB,WAAtBT,EAAWQ,QAAuB,CACnCL,IAAK,OACLE,OAAQ,EACRI,MAAO,KAMHC,iBAAyBC,EAAMC,WAAW,SAAmBC,EAAOC,GACxE,MAAMN,OACFA,EAAAO,QACAA,EAAU,CAAA,EAAAC,UACVA,EAAAC,MACAA,EAAAC,MACAA,GACEL,EACJM,EAAQC,UAA8BP,EAAOpB,GACzCO,EAAaa;AACnB,OAAoBQ,EAAAA,IAAK3B,EAAeO,UAAS,CAC/Ce,UAAWM,EAAAA,KAAK,wBAAyBP,EAAQQ,KAAMR,EAAQ,SAASS,EAAAA,QAAWhB,MAAYQ,GAC/FF,MACAI,MAAOjB,EAAAA,QAAS,CACd,CAACwB,eAAajB,GAAU,QAAU,UAAWS,GAC5CC,GACHlB,cACCmB,GACL,GACyB,kBAAbO,WAA4BhB,EAAUiB,UAAY,CAI5DnB,OAAQoB,EAAAA,QAAUC,MAAM,CAAC,OAAQ,MAAO,QAAS,WAAWC,WAI5Df,QAASa,EAAAA,QAAUG,OAInBf,UAAWY,EAAAA,QAAUI,OAIrBd,MAAOU,EAAAA,QAAUG,OAKjBd,MAAOW,EAAAA,QAAUK,OAAOH","x_google_ignoreList":[0]}

package/dist/node_modules/@mui/material/SwipeableDrawer/SwipeableDrawer/index.esm.js

@@ -0,0 +1,538 @@
+import _extends from "../../../../@babel/runtime/helpers/esm/extends/index.esm.js";
+import _objectWithoutPropertiesLoose from "../../../../@babel/runtime/helpers/esm/objectWithoutPropertiesLoose/index.esm.js";
+import * as React from "react";
+import * as ReactDOM from "react-dom";
+import PropTypes from "../../../../prop-types/index/index.esm.js";
+import Drawer, { isHorizontal, getAnchor } from "../../Drawer/Drawer/index.esm.js";
+import useTheme from "../../styles/useTheme/index.esm.js";
+import { getTransitionProps } from "../../transitions/utils/index.esm.js";
+import SwipeArea from "../SwipeArea/index.esm.js";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useDefaultProps } from "../../DefaultPropsProvider/DefaultPropsProvider/index.esm.js";
+import useForkRef from "../../../utils/esm/useForkRef/useForkRef/index.esm.js";
+import useEnhancedEffect from "../../../utils/esm/useEnhancedEffect/useEnhancedEffect/index.esm.js";
+import useEventCallback from "../../../utils/esm/useEventCallback/useEventCallback/index.esm.js";
+import ownerDocument from "../../../utils/esm/ownerDocument/ownerDocument/index.esm.js";
+import NoSsr from "../../NoSsr/NoSsr/index.esm.js";
+import ownerWindow from "../../../utils/esm/ownerWindow/ownerWindow/index.esm.js";
+import elementTypeAcceptingRef from "../../../utils/esm/elementTypeAcceptingRef/elementTypeAcceptingRef/index.esm.js";
+var define_process_env_default = {};
+const _excluded = ["BackdropProps"], _excluded2 = ["anchor", "disableBackdropTransition", "disableDiscovery", "disableSwipeToOpen", "hideBackdrop", "hysteresis", "allowSwipeInChildren", "minFlingVelocity", "ModalProps", "onClose", "onOpen", "open", "PaperProps", "SwipeAreaProps", "swipeAreaWidth", "transitionDuration", "variant"];
+const UNCERTAINTY_THRESHOLD = 3;
+const DRAG_STARTED_SIGNAL = 20;
+let claimedSwipeInstance = null;
+function calculateCurrentX(anchor, touches, doc) {
+  return anchor === "right" ? doc.body.offsetWidth - touches[0].pageX : touches[0].pageX;
+}
+function calculateCurrentY(anchor, touches, containerWindow) {
+  return anchor === "bottom" ? containerWindow.innerHeight - touches[0].clientY : touches[0].clientY;
+}
+function getMaxTranslate(horizontalSwipe, paperInstance) {
+  return horizontalSwipe ? paperInstance.clientWidth : paperInstance.clientHeight;
+}
+function getTranslate(currentTranslate, startLocation, open, maxTranslate) {
+  return Math.min(Math.max(open ? startLocation - currentTranslate : maxTranslate + startLocation - currentTranslate, 0), maxTranslate);
+}
+function getDomTreeShapes(element, rootNode) {
+  const domTreeShapes = [];
+  while (element && element !== rootNode.parentElement) {
+    const style = ownerWindow(rootNode).getComputedStyle(element);
+    if (
+      // Ignore the scroll children if the element is absolute positioned.
+      style.getPropertyValue("position") === "absolute" || // Ignore the scroll children if the element has an overflowX hidden
+      style.getPropertyValue("overflow-x") === "hidden"
+    ) ;
+    else if (element.clientWidth > 0 && element.scrollWidth > element.clientWidth || element.clientHeight > 0 && element.scrollHeight > element.clientHeight) {
+      domTreeShapes.push(element);
+    }
+    element = element.parentElement;
+  }
+  return domTreeShapes;
+}
+function computeHasNativeHandler({
+  domTreeShapes,
+  start,
+  current,
+  anchor
+}) {
+  const axisProperties = {
+    scrollPosition: {
+      x: "scrollLeft",
+      y: "scrollTop"
+    },
+    scrollLength: {
+      x: "scrollWidth",
+      y: "scrollHeight"
+    },
+    clientLength: {
+      x: "clientWidth",
+      y: "clientHeight"
+    }
+  };
+  return domTreeShapes.some((shape) => {
+    let goingForward = current >= start;
+    if (anchor === "top" || anchor === "left") {
+      goingForward = !goingForward;
+    }
+    const axis = anchor === "left" || anchor === "right" ? "x" : "y";
+    const scrollPosition = Math.round(shape[axisProperties.scrollPosition[axis]]);
+    const areNotAtStart = scrollPosition > 0;
+    const areNotAtEnd = scrollPosition + shape[axisProperties.clientLength[axis]] < shape[axisProperties.scrollLength[axis]];
+    if (goingForward && areNotAtEnd || !goingForward && areNotAtStart) {
+      return true;
+    }
+    return false;
+  });
+}
+const iOS = typeof navigator !== "undefined" && /iPad|iPhone|iPod/.test(navigator.userAgent);
+const SwipeableDrawer = /* @__PURE__ */ React.forwardRef(function SwipeableDrawer2(inProps, ref) {
+  const props = useDefaultProps({
+    name: "MuiSwipeableDrawer",
+    props: inProps
+  });
+  const theme = useTheme();
+  const transitionDurationDefault = {
+    enter: theme.transitions.duration.enteringScreen,
+    exit: theme.transitions.duration.leavingScreen
+  };
+  const {
+    anchor = "left",
+    disableBackdropTransition = false,
+    disableDiscovery = false,
+    disableSwipeToOpen = iOS,
+    hideBackdrop,
+    hysteresis = 0.52,
+    allowSwipeInChildren = false,
+    minFlingVelocity = 450,
+    ModalProps: {
+      BackdropProps
+    } = {},
+    onClose,
+    onOpen,
+    open = false,
+    PaperProps = {},
+    SwipeAreaProps,
+    swipeAreaWidth = 20,
+    transitionDuration = transitionDurationDefault,
+    variant = "temporary"
+    // Mobile first.
+  } = props, ModalPropsProp = _objectWithoutPropertiesLoose(props.ModalProps, _excluded), other = _objectWithoutPropertiesLoose(props, _excluded2);
+  const [maybeSwiping, setMaybeSwiping] = React.useState(false);
+  const swipeInstance = React.useRef({
+    isSwiping: null
+  });
+  const swipeAreaRef = React.useRef();
+  const backdropRef = React.useRef();
+  const paperRef = React.useRef();
+  const handleRef = useForkRef(PaperProps.ref, paperRef);
+  const touchDetected = React.useRef(false);
+  const calculatedDurationRef = React.useRef();
+  useEnhancedEffect(() => {
+    calculatedDurationRef.current = null;
+  }, [open]);
+  const setPosition = React.useCallback((translate, options = {}) => {
+    const {
+      mode = null,
+      changeTransition = true
+    } = options;
+    const anchorRtl = getAnchor(theme, anchor);
+    const rtlTranslateMultiplier = ["right", "bottom"].indexOf(anchorRtl) !== -1 ? 1 : -1;
+    const horizontalSwipe = isHorizontal(anchor);
+    const transform = horizontalSwipe ? `translate(${rtlTranslateMultiplier * translate}px, 0)` : `translate(0, ${rtlTranslateMultiplier * translate}px)`;
+    const drawerStyle = paperRef.current.style;
+    drawerStyle.webkitTransform = transform;
+    drawerStyle.transform = transform;
+    let transition = "";
+    if (mode) {
+      transition = theme.transitions.create("all", getTransitionProps({
+        easing: void 0,
+        style: void 0,
+        timeout: transitionDuration
+      }, {
+        mode
+      }));
+    }
+    if (changeTransition) {
+      drawerStyle.webkitTransition = transition;
+      drawerStyle.transition = transition;
+    }
+    if (!disableBackdropTransition && !hideBackdrop) {
+      const backdropStyle = backdropRef.current.style;
+      backdropStyle.opacity = 1 - translate / getMaxTranslate(horizontalSwipe, paperRef.current);
+      if (changeTransition) {
+        backdropStyle.webkitTransition = transition;
+        backdropStyle.transition = transition;
+      }
+    }
+  }, [anchor, disableBackdropTransition, hideBackdrop, theme, transitionDuration]);
+  const handleBodyTouchEnd = useEventCallback((nativeEvent) => {
+    if (!touchDetected.current) {
+      return;
+    }
+    claimedSwipeInstance = null;
+    touchDetected.current = false;
+    ReactDOM.flushSync(() => {
+      setMaybeSwiping(false);
+    });
+    if (!swipeInstance.current.isSwiping) {
+      swipeInstance.current.isSwiping = null;
+      return;
+    }
+    swipeInstance.current.isSwiping = null;
+    const anchorRtl = getAnchor(theme, anchor);
+    const horizontal = isHorizontal(anchor);
+    let current;
+    if (horizontal) {
+      current = calculateCurrentX(anchorRtl, nativeEvent.changedTouches, ownerDocument(nativeEvent.currentTarget));
+    } else {
+      current = calculateCurrentY(anchorRtl, nativeEvent.changedTouches, ownerWindow(nativeEvent.currentTarget));
+    }
+    const startLocation = horizontal ? swipeInstance.current.startX : swipeInstance.current.startY;
+    const maxTranslate = getMaxTranslate(horizontal, paperRef.current);
+    const currentTranslate = getTranslate(current, startLocation, open, maxTranslate);
+    const translateRatio = currentTranslate / maxTranslate;
+    if (Math.abs(swipeInstance.current.velocity) > minFlingVelocity) {
+      calculatedDurationRef.current = Math.abs((maxTranslate - currentTranslate) / swipeInstance.current.velocity) * 1e3;
+    }
+    if (open) {
+      if (swipeInstance.current.velocity > minFlingVelocity || translateRatio > hysteresis) {
+        onClose();
+      } else {
+        setPosition(0, {
+          mode: "exit"
+        });
+      }
+      return;
+    }
+    if (swipeInstance.current.velocity < -minFlingVelocity || 1 - translateRatio > hysteresis) {
+      onOpen();
+    } else {
+      setPosition(getMaxTranslate(horizontal, paperRef.current), {
+        mode: "enter"
+      });
+    }
+  });
+  const startMaybeSwiping = (force = false) => {
+    if (!maybeSwiping) {
+      if (force || !(disableDiscovery && allowSwipeInChildren)) {
+        ReactDOM.flushSync(() => {
+          setMaybeSwiping(true);
+        });
+      }
+      const horizontalSwipe = isHorizontal(anchor);
+      if (!open && paperRef.current) {
+        setPosition(getMaxTranslate(horizontalSwipe, paperRef.current) + (disableDiscovery ? 15 : -DRAG_STARTED_SIGNAL), {
+          changeTransition: false
+        });
+      }
+      swipeInstance.current.velocity = 0;
+      swipeInstance.current.lastTime = null;
+      swipeInstance.current.lastTranslate = null;
+      swipeInstance.current.paperHit = false;
+      touchDetected.current = true;
+    }
+  };
+  const handleBodyTouchMove = useEventCallback((nativeEvent) => {
+    if (!paperRef.current || !touchDetected.current) {
+      return;
+    }
+    if (claimedSwipeInstance !== null && claimedSwipeInstance !== swipeInstance.current) {
+      return;
+    }
+    startMaybeSwiping(true);
+    const anchorRtl = getAnchor(theme, anchor);
+    const horizontalSwipe = isHorizontal(anchor);
+    const currentX = calculateCurrentX(anchorRtl, nativeEvent.touches, ownerDocument(nativeEvent.currentTarget));
+    const currentY = calculateCurrentY(anchorRtl, nativeEvent.touches, ownerWindow(nativeEvent.currentTarget));
+    if (open && paperRef.current.contains(nativeEvent.target) && claimedSwipeInstance === null) {
+      const domTreeShapes = getDomTreeShapes(nativeEvent.target, paperRef.current);
+      const hasNativeHandler = computeHasNativeHandler({
+        domTreeShapes,
+        start: horizontalSwipe ? swipeInstance.current.startX : swipeInstance.current.startY,
+        current: horizontalSwipe ? currentX : currentY,
+        anchor
+      });
+      if (hasNativeHandler) {
+        claimedSwipeInstance = true;
+        return;
+      }
+      claimedSwipeInstance = swipeInstance.current;
+    }
+    if (swipeInstance.current.isSwiping == null) {
+      const dx = Math.abs(currentX - swipeInstance.current.startX);
+      const dy = Math.abs(currentY - swipeInstance.current.startY);
+      const definitelySwiping = horizontalSwipe ? dx > dy && dx > UNCERTAINTY_THRESHOLD : dy > dx && dy > UNCERTAINTY_THRESHOLD;
+      if (definitelySwiping && nativeEvent.cancelable) {
+        nativeEvent.preventDefault();
+      }
+      if (definitelySwiping === true || (horizontalSwipe ? dy > UNCERTAINTY_THRESHOLD : dx > UNCERTAINTY_THRESHOLD)) {
+        swipeInstance.current.isSwiping = definitelySwiping;
+        if (!definitelySwiping) {
+          handleBodyTouchEnd(nativeEvent);
+          return;
+        }
+        swipeInstance.current.startX = currentX;
+        swipeInstance.current.startY = currentY;
+        if (!disableDiscovery && !open) {
+          if (horizontalSwipe) {
+            swipeInstance.current.startX -= DRAG_STARTED_SIGNAL;
+          } else {
+            swipeInstance.current.startY -= DRAG_STARTED_SIGNAL;
+          }
+        }
+      }
+    }
+    if (!swipeInstance.current.isSwiping) {
+      return;
+    }
+    const maxTranslate = getMaxTranslate(horizontalSwipe, paperRef.current);
+    let startLocation = horizontalSwipe ? swipeInstance.current.startX : swipeInstance.current.startY;
+    if (open && !swipeInstance.current.paperHit) {
+      startLocation = Math.min(startLocation, maxTranslate);
+    }
+    const translate = getTranslate(horizontalSwipe ? currentX : currentY, startLocation, open, maxTranslate);
+    if (open) {
+      if (!swipeInstance.current.paperHit) {
+        const paperHit = horizontalSwipe ? currentX < maxTranslate : currentY < maxTranslate;
+        if (paperHit) {
+          swipeInstance.current.paperHit = true;
+          swipeInstance.current.startX = currentX;
+          swipeInstance.current.startY = currentY;
+        } else {
+          return;
+        }
+      } else if (translate === 0) {
+        swipeInstance.current.startX = currentX;
+        swipeInstance.current.startY = currentY;
+      }
+    }
+    if (swipeInstance.current.lastTranslate === null) {
+      swipeInstance.current.lastTranslate = translate;
+      swipeInstance.current.lastTime = performance.now() + 1;
+    }
+    const velocity = (translate - swipeInstance.current.lastTranslate) / (performance.now() - swipeInstance.current.lastTime) * 1e3;
+    swipeInstance.current.velocity = swipeInstance.current.velocity * 0.4 + velocity * 0.6;
+    swipeInstance.current.lastTranslate = translate;
+    swipeInstance.current.lastTime = performance.now();
+    if (nativeEvent.cancelable) {
+      nativeEvent.preventDefault();
+    }
+    setPosition(translate);
+  });
+  const handleBodyTouchStart = useEventCallback((nativeEvent) => {
+    if (nativeEvent.defaultPrevented) {
+      return;
+    }
+    if (nativeEvent.defaultMuiPrevented) {
+      return;
+    }
+    if (open && (hideBackdrop || !backdropRef.current.contains(nativeEvent.target)) && !paperRef.current.contains(nativeEvent.target)) {
+      return;
+    }
+    const anchorRtl = getAnchor(theme, anchor);
+    const horizontalSwipe = isHorizontal(anchor);
+    const currentX = calculateCurrentX(anchorRtl, nativeEvent.touches, ownerDocument(nativeEvent.currentTarget));
+    const currentY = calculateCurrentY(anchorRtl, nativeEvent.touches, ownerWindow(nativeEvent.currentTarget));
+    if (!open) {
+      var _paperRef$current;
+      if (disableSwipeToOpen || !(nativeEvent.target === swipeAreaRef.current || (_paperRef$current = paperRef.current) != null && _paperRef$current.contains(nativeEvent.target) && (typeof allowSwipeInChildren === "function" ? allowSwipeInChildren(nativeEvent, swipeAreaRef.current, paperRef.current) : allowSwipeInChildren))) {
+        return;
+      }
+      if (horizontalSwipe) {
+        if (currentX > swipeAreaWidth) {
+          return;
+        }
+      } else if (currentY > swipeAreaWidth) {
+        return;
+      }
+    }
+    nativeEvent.defaultMuiPrevented = true;
+    claimedSwipeInstance = null;
+    swipeInstance.current.startX = currentX;
+    swipeInstance.current.startY = currentY;
+    startMaybeSwiping();
+  });
+  React.useEffect(() => {
+    if (variant === "temporary") {
+      const doc = ownerDocument(paperRef.current);
+      doc.addEventListener("touchstart", handleBodyTouchStart);
+      doc.addEventListener("touchmove", handleBodyTouchMove, {
+        passive: !open
+      });
+      doc.addEventListener("touchend", handleBodyTouchEnd);
+      return () => {
+        doc.removeEventListener("touchstart", handleBodyTouchStart);
+        doc.removeEventListener("touchmove", handleBodyTouchMove, {
+          passive: !open
+        });
+        doc.removeEventListener("touchend", handleBodyTouchEnd);
+      };
+    }
+    return void 0;
+  }, [variant, open, handleBodyTouchStart, handleBodyTouchMove, handleBodyTouchEnd]);
+  React.useEffect(() => () => {
+    if (claimedSwipeInstance === swipeInstance.current) {
+      claimedSwipeInstance = null;
+    }
+  }, []);
+  React.useEffect(() => {
+    if (!open) {
+      setMaybeSwiping(false);
+    }
+  }, [open]);
+  return /* @__PURE__ */ jsxs(React.Fragment, {
+    children: [/* @__PURE__ */ jsx(Drawer, _extends({
+      open: variant === "temporary" && maybeSwiping ? true : open,
+      variant,
+      ModalProps: _extends({
+        BackdropProps: _extends({}, BackdropProps, {
+          ref: backdropRef
+        })
+      }, variant === "temporary" && {
+        keepMounted: true
+      }, ModalPropsProp),
+      hideBackdrop,
+      PaperProps: _extends({}, PaperProps, {
+        style: _extends({
+          pointerEvents: variant === "temporary" && !open && !allowSwipeInChildren ? "none" : ""
+        }, PaperProps.style),
+        ref: handleRef
+      }),
+      anchor,
+      transitionDuration: calculatedDurationRef.current || transitionDuration,
+      onClose,
+      ref
+    }, other)), !disableSwipeToOpen && variant === "temporary" && /* @__PURE__ */ jsx(NoSsr, {
+      children: /* @__PURE__ */ jsx(SwipeArea, _extends({
+        anchor,
+        ref: swipeAreaRef,
+        width: swipeAreaWidth
+      }, SwipeAreaProps))
+    })]
+  });
+});
+define_process_env_default.NODE_ENV !== "production" ? SwipeableDrawer.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * If set to true, the swipe event will open the drawer even if the user begins the swipe on one of the drawer's children.
+   * This can be useful in scenarios where the drawer is partially visible.
+   * You can customize it further with a callback that determines which children the user can drag over to open the drawer
+   * (for example, to ignore other elements that handle touch move events, like sliders).
+   *
+   * @param {TouchEvent} event The 'touchstart' event
+   * @param {HTMLDivElement} swipeArea The swipe area element
+   * @param {HTMLDivElement} paper The drawer's paper element
+   *
+   * @default false
+   */
+  allowSwipeInChildren: PropTypes.oneOfType([PropTypes.func, PropTypes.bool]),
+  /**
+   * @ignore
+   */
+  anchor: PropTypes.oneOf(["bottom", "left", "right", "top"]),
+  /**
+   * The content of the component.
+   */
+  children: PropTypes.node,
+  /**
+   * Disable the backdrop transition.
+   * This can improve the FPS on low-end devices.
+   * @default false
+   */
+  disableBackdropTransition: PropTypes.bool,
+  /**
+   * If `true`, touching the screen near the edge of the drawer will not slide in the drawer a bit
+   * to promote accidental discovery of the swipe gesture.
+   * @default false
+   */
+  disableDiscovery: PropTypes.bool,
+  /**
+   * If `true`, swipe to open is disabled. This is useful in browsers where swiping triggers
+   * navigation actions. Swipe to open is disabled on iOS browsers by default.
+   * @default typeof navigator !== 'undefined' && /iPad|iPhone|iPod/.test(navigator.userAgent)
+   */
+  disableSwipeToOpen: PropTypes.bool,
+  /**
+   * @ignore
+   */
+  hideBackdrop: PropTypes.bool,
+  /**
+   * Affects how far the drawer must be opened/closed to change its state.
+   * Specified as percent (0-1) of the width of the drawer
+   * @default 0.52
+   */
+  hysteresis: PropTypes.number,
+  /**
+   * Defines, from which (average) velocity on, the swipe is
+   * defined as complete although hysteresis isn't reached.
+   * Good threshold is between 250 - 1000 px/s
+   * @default 450
+   */
+  minFlingVelocity: PropTypes.number,
+  /**
+   * @ignore
+   */
+  ModalProps: PropTypes.shape({
+    BackdropProps: PropTypes.shape({
+      component: elementTypeAcceptingRef
+    })
+  }),
+  /**
+   * Callback fired when the component requests to be closed.
+   *
+   * @param {React.SyntheticEvent<{}>} event The event source of the callback.
+   */
+  onClose: PropTypes.func.isRequired,
+  /**
+   * Callback fired when the component requests to be opened.
+   *
+   * @param {React.SyntheticEvent<{}>} event The event source of the callback.
+   */
+  onOpen: PropTypes.func.isRequired,
+  /**
+   * If `true`, the component is shown.
+   * @default false
+   */
+  open: PropTypes.bool,
+  /**
+   * @ignore
+   */
+  PaperProps: PropTypes.shape({
+    component: elementTypeAcceptingRef,
+    style: PropTypes.object
+  }),
+  /**
+   * The element is used to intercept the touch events on the edge.
+   */
+  SwipeAreaProps: PropTypes.object,
+  /**
+   * The width of the left most (or right most) area in `px` that
+   * the drawer can be swiped open from.
+   * @default 20
+   */
+  swipeAreaWidth: PropTypes.number,
+  /**
+   * The duration for the transition, in milliseconds.
+   * You may specify a single timeout for all transitions, or individually with an object.
+   * @default {
+   *   enter: theme.transitions.duration.enteringScreen,
+   *   exit: theme.transitions.duration.leavingScreen,
+   * }
+   */
+  transitionDuration: PropTypes.oneOfType([PropTypes.number, PropTypes.shape({
+    appear: PropTypes.number,
+    enter: PropTypes.number,
+    exit: PropTypes.number
+  })]),
+  /**
+   * @ignore
+   */
+  variant: PropTypes.oneOf(["permanent", "persistent", "temporary"])
+} : void 0;
+export {
+  SwipeableDrawer as default
+};
+//# sourceMappingURL=index.esm.js.map