@oliasoft-open-source/react-ui-library 4.2.4 → 4.2.5-beta-1

package/dist/global.css

@@ -3094,80 +3094,80 @@ html[data-theme='dark'] {
 ._details_477i5_53 {
   margin-top: var(--padding-xs);
 }
-._inputInTable_s49vk_1 {
+._inputInTable_1w5ra_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_s49vk_1:not(:hover) {
+._inputInTable_1w5ra_1:not(:hover) {
   border-color: transparent;
 }
-._inputInTable_s49vk_1:not(:focus) {
+._inputInTable_1w5ra_1:not(:focus) {
   box-shadow: none;
 }
-._inputHover_s49vk_13 {
+._inputHover_1w5ra_13 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_s49vk_18 {
+._inputFocus_1w5ra_18 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_s49vk_25,
-._inputWarning_s49vk_26 {
+._inputError_1w5ra_25,
+._inputWarning_1w5ra_26 {
   position: relative;
 }
-._inputError_s49vk_25 {
+._inputError_1w5ra_25 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error-muted);
 }
-._inputError_s49vk_25:hover {
+._inputError_1w5ra_25:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_s49vk_25:focus {
+._inputError_1w5ra_25:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_s49vk_26 {
+._inputWarning_1w5ra_26 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning-muted);
 }
-._inputWarning_s49vk_26:hover {
+._inputWarning_1w5ra_26:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_s49vk_26:focus {
+._inputWarning_1w5ra_26:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_s49vk_61 {
+._inputDisabled_1w5ra_61 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_s49vk_67 {
+._hideScrollbars_1w5ra_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_s49vk_67::-webkit-scrollbar {
+._hideScrollbars_1w5ra_67::-webkit-scrollbar {
   display: none;
 }
 :root {
@@ -3176,8 +3176,8 @@ html[data-theme='dark'] {
 html[data-theme='dark'] {
   --color-border-message: rgba(255, 255, 255, 0.1);
 }
-._container_s49vk_83 {
-  padding: var(--padding-sm);
+._container_1w5ra_83 {
+  padding: var(--padding-input);
   border-radius: var(--border-radius);
   display: inline-flex;
   align-items: flex-start;
@@ -3190,41 +3190,39 @@ html[data-theme='dark'] {
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
+  color: var(--color-text-muted);
+  background-color: var(--color-neutral-100);
 }
-._container_s49vk_83::-webkit-scrollbar {
+._container_1w5ra_83::-webkit-scrollbar {
   display: none;
 }
-._container_s49vk_83._block_s49vk_101 {
+._container_1w5ra_83._block_1w5ra_103 {
   display: flex;
 }
-._container_s49vk_83._info_s49vk_104 {
-  color: var(--color-text-info);
-  background-color: var(--color-background-info-muted);
-}
-._container_s49vk_83._success_s49vk_108 {
+._container_1w5ra_83._success_1w5ra_106 {
   color: var(--color-text-success);
   background-color: var(--color-background-success-muted);
 }
-._container_s49vk_83._warning_s49vk_112 {
+._container_1w5ra_83._warning_1w5ra_110 {
   color: var(--color-text-warning);
   background-color: var(--color-background-warning-muted);
 }
-._container_s49vk_83._error_s49vk_116 {
+._container_1w5ra_83._error_1w5ra_114 {
   color: var(--color-text-error);
   background-color: var(--color-background-error-muted);
 }
-._content_s49vk_120 {
+._content_1w5ra_118 {
   flex: 1;
   min-width: 0;
 }
-._heading_s49vk_124 {
+._heading_1w5ra_122 {
   font-weight: bold;
   letter-spacing: var(--letter-spacing-wide);
   text-transform: uppercase;
   font-size: var(--font-size-sm);
   line-height: var(--line-height);
 }
-._icon_s49vk_131 {
+._icon_1w5ra_129 {
   display: flex;
   justify-content: center;
   align-items: center;
@@ -3232,41 +3230,29 @@ html[data-theme='dark'] {
   margin-right: var(--padding-xs);
   font-size: var(--size-xs);
 }
-._dismiss_s49vk_139 {
-  margin-left: var(--padding);
-  color: var(--color-text);
+._dismiss_1w5ra_137 {
+  --offset-message-dismiss-x: calc(-1 * var(--padding-input-x) + var(--padding-xxs));
+  --offset-message-dismiss-y: calc((var(--line-height) - var(--size-sm)) / 2);
+  display: flex;
+  margin-top: var(--offset-message-dismiss-y);
+  margin-bottom: var(--offset-message-dismiss-y);
+  margin-left: var(--padding-sm);
+  margin-right: var(--offset-message-dismiss-x);
 }
-._dismiss_s49vk_139._absolute_s49vk_143 {
+._dismiss_1w5ra_137._absolute_1w5ra_146 {
   position: absolute;
   top: var(--padding-sm);
   right: var(--padding-sm);
 }
-._dismiss_s49vk_139 {
-  --offset-message-dismiss: calc((var(--line-height) - var(--size-sm)) / 2);
-  display: flex;
-  margin-top: var(--offset-message-dismiss);
-  margin-bottom: var(--offset-message-dismiss);
-  margin-right: var(--offset-message-dismiss);
-}
-._legendToggle_s49vk_155 {
-  opacity: 0.6;
-}
-._legendToggle_s49vk_155:hover {
-  opacity: 0.8;
-  cursor: pointer;
-}
-._legendToggle_s49vk_155:active {
-  opacity: 1;
-}
-._detailsText_s49vk_165 {
-  margin-top: var(--padding-xxs);
+._detailsText_1w5ra_151 {
   word-break: break-word;
 }
-._footer_s49vk_169 {
+._footer_1w5ra_154 {
   display: flex;
   flex-wrap: wrap;
-  gap: var(--padding-sm);
+  gap: var(--padding-xs);
   margin-top: var(--padding-xxs);
+  padding-bottom: var(--padding-xxs);
 }
 ._wrapper_sb0hc_1 {
   z-index: var(--zindex-modal);

package/dist/index.html

@@ -1 +1 @@
-<!doctype html><head><title>React UI Library</title><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1" user-scalable="no"><meta name="apple-mobile-web-app-capable" content="yes"><script type="module" crossorigin src="/react-ui-library/assets/index-26f804a8.js"></script><link rel="stylesheet" href="/react-ui-library/assets/index-0d78a198.css"></head><body><div id="content"></div></body>
+<!doctype html><head><title>React UI Library</title><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1" user-scalable="no"><meta name="apple-mobile-web-app-capable" content="yes"><script type="module" crossorigin src="/react-ui-library/assets/index-916a574f.js"></script><link rel="stylesheet" href="/react-ui-library/assets/index-2d24bc5e.css"></head><body><div id="content"></div></body>

package/dist/index.js

@@ -9330,7 +9330,7 @@ const Label$2 = ({
     tooltip: "",
     testId: void 0
   },
-  info: info2,
+  info,
   libraryIcon,
   labelLeft: labelLeft2 = false
 }) => {
@@ -9345,7 +9345,7 @@ const Label$2 = ({
           maxWidth: helpTextMaxWidth
         }
       ),
-      info2 && /* @__PURE__ */ jsx(HelpIcon, { text: info2, icon: IconType.INFO }),
+      info && /* @__PURE__ */ jsx(HelpIcon, { text: info, icon: IconType.INFO }),
       lock && lock.visible && lock.onClick && /* @__PURE__ */ jsx(
         HelpIcon,
         {
@@ -9395,7 +9395,7 @@ const Field = ({
     tooltip: "",
     testId: void 0
   },
-  info: info2,
+  info,
   libraryIcon,
   testId
 }) => {
@@ -9414,7 +9414,7 @@ const Field = ({
             helpTextMaxWidth,
             onClickHelp,
             lock,
-            info: info2,
+            info,
             libraryIcon,
             labelLeft: labelLeft2
           }
@@ -19302,27 +19302,25 @@ const List = ({
     }
   );
 };
-const inputInTable$7 = "_inputInTable_s49vk_1";
-const inputHover$7 = "_inputHover_s49vk_13";
-const inputFocus$7 = "_inputFocus_s49vk_18";
-const inputError$7 = "_inputError_s49vk_25";
-const inputWarning$7 = "_inputWarning_s49vk_26";
-const inputDisabled$7 = "_inputDisabled_s49vk_61";
-const hideScrollbars$7 = "_hideScrollbars_s49vk_67";
-const container$1 = "_container_s49vk_83";
-const block$1 = "_block_s49vk_101";
-const info = "_info_s49vk_104";
-const success = "_success_s49vk_108";
-const warning$6 = "_warning_s49vk_112";
-const error$4 = "_error_s49vk_116";
-const content$1 = "_content_s49vk_120";
-const heading$2 = "_heading_s49vk_124";
-const icon$3 = "_icon_s49vk_131";
-const dismiss$1 = "_dismiss_s49vk_139";
-const absolute = "_absolute_s49vk_143";
-const legendToggle = "_legendToggle_s49vk_155";
-const detailsText = "_detailsText_s49vk_165";
-const footer$1 = "_footer_s49vk_169";
+const inputInTable$7 = "_inputInTable_1w5ra_1";
+const inputHover$7 = "_inputHover_1w5ra_13";
+const inputFocus$7 = "_inputFocus_1w5ra_18";
+const inputError$7 = "_inputError_1w5ra_25";
+const inputWarning$7 = "_inputWarning_1w5ra_26";
+const inputDisabled$7 = "_inputDisabled_1w5ra_61";
+const hideScrollbars$7 = "_hideScrollbars_1w5ra_67";
+const container$1 = "_container_1w5ra_83";
+const block$1 = "_block_1w5ra_103";
+const success = "_success_1w5ra_106";
+const warning$6 = "_warning_1w5ra_110";
+const error$4 = "_error_1w5ra_114";
+const content$1 = "_content_1w5ra_118";
+const heading$2 = "_heading_1w5ra_122";
+const icon$3 = "_icon_1w5ra_129";
+const dismiss$1 = "_dismiss_1w5ra_137";
+const absolute = "_absolute_1w5ra_146";
+const detailsText = "_detailsText_1w5ra_151";
+const footer$1 = "_footer_1w5ra_154";
 const styles$s = {
   inputInTable: inputInTable$7,
   inputHover: inputHover$7,
@@ -19333,7 +19331,6 @@ const styles$s = {
   hideScrollbars: hideScrollbars$7,
   container: container$1,
   block: block$1,
-  info,
   success,
   warning: warning$6,
   error: error$4,
@@ -19342,7 +19339,6 @@ const styles$s = {
   icon: icon$3,
   dismiss: dismiss$1,
   absolute,
-  legendToggle,
   detailsText,
   footer: footer$1
 };
@@ -19364,12 +19360,31 @@ const Dismiss = ({ type, onClose, isInToast }) => {
       className: cx$2(
         styles$s.dismiss,
         isInToast ? styles$s.absolute : "",
-        type === MessageType.INFO ? styles$s.info : type === MessageType.SUCCESS ? styles$s.success : type === MessageType.WARNING ? styles$s.warning : type === MessageType.ERROR ? styles$s.error : null
+        type === MessageType.SUCCESS ? styles$s.success : type === MessageType.WARNING ? styles$s.warning : type === MessageType.ERROR ? styles$s.error : null
       ),
-      children: /* @__PURE__ */ jsx(Icon, { icon: IconType.CLOSE, onClick: onClose })
+      children: /* @__PURE__ */ jsx(
+        Button$1,
+        {
+          small: true,
+          round: true,
+          basic: true,
+          colored: "muted",
+          icon: IconType.CLOSE,
+          onClick: onClose
+        }
+      )
     }
   );
 };
+const TextLink = ({
+  children,
+  href = void 0,
+  target = void 0,
+  testId,
+  onClick
+}) => {
+  return /* @__PURE__ */ jsx("a", { href, target, onClick, "data-testid": testId, children: /* @__PURE__ */ jsx(Text, { link: true, children }) });
+};
 const initialState$4 = {
   detailsVisible: false
 };
@@ -19386,7 +19401,7 @@ const reducer$1 = (state, action2) => {
 };
 const Details = ({ details: details2, visible, dispatch }) => {
   return /* @__PURE__ */ jsxs("div", { children: [
-    /* @__PURE__ */ jsx("div", { className: cx$2(styles$s.legendToggle), onClick: dispatch, children: visible ? "Hide details" : "Show details" }),
+    /* @__PURE__ */ jsx(TextLink, { onClick: dispatch, children: visible ? "Hide details" : "Show details" }),
     visible ? /* @__PURE__ */ jsx("div", { className: styles$s.detailsText, children: details2 }) : null
   ] });
 };
@@ -50320,16 +50335,16 @@ var moo = { exports: {} };
       this.stack = [];
       this.reset();
     };
-    Lexer2.prototype.reset = function(data, info2) {
+    Lexer2.prototype.reset = function(data, info) {
       this.buffer = data || "";
       this.index = 0;
-      this.line = info2 ? info2.line : 1;
-      this.col = info2 ? info2.col : 1;
-      this.queuedToken = info2 ? info2.queuedToken : null;
-      this.queuedText = info2 ? info2.queuedText : "";
-      this.queuedThrow = info2 ? info2.queuedThrow : null;
-      this.setState(info2 ? info2.state : this.startState);
-      this.stack = info2 && info2.stack ? info2.stack.slice() : [];
+      this.line = info ? info.line : 1;
+      this.col = info ? info.col : 1;
+      this.queuedToken = info ? info.queuedToken : null;
+      this.queuedText = info ? info.queuedText : "";
+      this.queuedThrow = info ? info.queuedThrow : null;
+      this.setState(info ? info.state : this.startState);
+      this.stack = info && info.stack ? info.stack.slice() : [];
       return this;
     };
     Lexer2.prototype.save = function() {
@@ -50347,11 +50362,11 @@ var moo = { exports: {} };
       if (!state || this.state === state)
         return;
       this.state = state;
-      var info2 = this.states[state];
-      this.groups = info2.groups;
-      this.error = info2.error;
-      this.re = info2.regexp;
-      this.fast = info2.fast;
+      var info = this.states[state];
+      this.groups = info.groups;
+      this.error = info.error;
+      this.re = info.regexp;
+      this.fast = info.fast;
     };
     Lexer2.prototype.popState = function() {
       this.setState(this.stack.pop());
@@ -56710,15 +56725,6 @@ const Tabs = ({
   }
   return null;
 };
-const TextLink = ({
-  children,
-  href = void 0,
-  target = void 0,
-  testId,
-  onClick
-}) => {
-  return /* @__PURE__ */ jsx("a", { href, target, onClick, "data-testid": testId, children: /* @__PURE__ */ jsx(Text, { link: true, children }) });
-};
 const inputInTable = "_inputInTable_66zck_1";
 const inputHover = "_inputHover_66zck_13";
 const inputFocus = "_inputFocus_66zck_18";
@@ -63105,12 +63111,12 @@ function isDragActive() {
   return false;
 }
 function createHoverEvent(visualElement2, isActive, callback) {
-  return function(event, info2) {
+  return function(event, info) {
     var _a;
     if (!isMouseEvent(event) || isDragActive())
       return;
     (_a = visualElement2.animationState) === null || _a === void 0 ? void 0 : _a.setActive(AnimationType.Hover, isActive);
-    callback === null || callback === void 0 ? void 0 : callback(event, info2);
+    callback === null || callback === void 0 ? void 0 : callback(event, info);
   };
 }
 function useHoverGesture(_a) {
@@ -63958,17 +63964,17 @@ function useTapGesture(_a) {
     (_a2 = visualElement2.animationState) === null || _a2 === void 0 ? void 0 : _a2.setActive(AnimationType.Tap, false);
     return !isDragActive();
   }
-  function onPointerUp(event, info2) {
+  function onPointerUp(event, info) {
     if (!checkPointerEnd())
       return;
-    !isNodeOrChild(visualElement2.getInstance(), event.target) ? onTapCancel === null || onTapCancel === void 0 ? void 0 : onTapCancel(event, info2) : onTap === null || onTap === void 0 ? void 0 : onTap(event, info2);
+    !isNodeOrChild(visualElement2.getInstance(), event.target) ? onTapCancel === null || onTapCancel === void 0 ? void 0 : onTapCancel(event, info) : onTap === null || onTap === void 0 ? void 0 : onTap(event, info);
   }
-  function onPointerCancel(event, info2) {
+  function onPointerCancel(event, info) {
     if (!checkPointerEnd())
       return;
-    onTapCancel === null || onTapCancel === void 0 ? void 0 : onTapCancel(event, info2);
+    onTapCancel === null || onTapCancel === void 0 ? void 0 : onTapCancel(event, info);
   }
-  function onPointerDown(event, info2) {
+  function onPointerDown(event, info) {
     var _a2;
     removePointerEndListener();
     if (isPressing.current)
@@ -63976,7 +63982,7 @@ function useTapGesture(_a) {
     isPressing.current = true;
     cancelPointerEndListeners.current = pipe(addPointerEvent(window, "pointerup", onPointerUp, eventOptions), addPointerEvent(window, "pointercancel", onPointerCancel, eventOptions));
     (_a2 = visualElement2.animationState) === null || _a2 === void 0 ? void 0 : _a2.setActive(AnimationType.Tap, true);
-    onTapStart === null || onTapStart === void 0 ? void 0 : onTapStart(event, info2);
+    onTapStart === null || onTapStart === void 0 ? void 0 : onTapStart(event, info);
   }
   usePointerEvent(visualElement2, "pointerdown", hasPressListeners ? onPointerDown : void 0, eventOptions);
   useUnmountEffect(removePointerEndListener);
@@ -64993,34 +64999,34 @@ var PanSession = (
       this.updatePoint = function() {
         if (!(_this.lastMoveEvent && _this.lastMoveEventInfo))
           return;
-        var info3 = getPanInfo(_this.lastMoveEventInfo, _this.history);
+        var info2 = getPanInfo(_this.lastMoveEventInfo, _this.history);
         var isPanStarted = _this.startEvent !== null;
-        var isDistancePastThreshold = distance$1(info3.offset, { x: 0, y: 0 }) >= 3;
+        var isDistancePastThreshold = distance$1(info2.offset, { x: 0, y: 0 }) >= 3;
         if (!isPanStarted && !isDistancePastThreshold)
           return;
-        var point2 = info3.point;
+        var point2 = info2.point;
         var timestamp2 = getFrameData().timestamp;
         _this.history.push(__assign$3(__assign$3({}, point2), { timestamp: timestamp2 }));
         var _a2 = _this.handlers, onStart = _a2.onStart, onMove = _a2.onMove;
         if (!isPanStarted) {
-          onStart && onStart(_this.lastMoveEvent, info3);
+          onStart && onStart(_this.lastMoveEvent, info2);
           _this.startEvent = _this.lastMoveEvent;
         }
-        onMove && onMove(_this.lastMoveEvent, info3);
+        onMove && onMove(_this.lastMoveEvent, info2);
       };
-      this.handlePointerMove = function(event2, info3) {
+      this.handlePointerMove = function(event2, info2) {
         _this.lastMoveEvent = event2;
-        _this.lastMoveEventInfo = transformPoint(info3, _this.transformPagePoint);
+        _this.lastMoveEventInfo = transformPoint(info2, _this.transformPagePoint);
         if (isMouseEvent(event2) && event2.buttons === 0) {
-          _this.handlePointerUp(event2, info3);
+          _this.handlePointerUp(event2, info2);
           return;
         }
         sync.update(_this.updatePoint, true);
       };
-      this.handlePointerUp = function(event2, info3) {
+      this.handlePointerUp = function(event2, info2) {
         _this.end();
         var _a2 = _this.handlers, onEnd = _a2.onEnd, onSessionEnd = _a2.onSessionEnd;
-        var panInfo = getPanInfo(transformPoint(info3, _this.transformPagePoint), _this.history);
+        var panInfo = getPanInfo(transformPoint(info2, _this.transformPagePoint), _this.history);
         if (_this.startEvent && onEnd) {
           onEnd(event2, panInfo);
         }
@@ -65030,8 +65036,8 @@ var PanSession = (
         return;
       this.handlers = handlers2;
       this.transformPagePoint = transformPagePoint;
-      var info2 = extractEventInfo(event);
-      var initialInfo = transformPoint(info2, this.transformPagePoint);
+      var info = extractEventInfo(event);
+      var initialInfo = transformPoint(info, this.transformPagePoint);
       var point = initialInfo.point;
       var timestamp = getFrameData().timestamp;
       this.history = [__assign$3(__assign$3({}, point), { timestamp })];
@@ -65049,8 +65055,8 @@ var PanSession = (
     return PanSession2;
   }()
 );
-function transformPoint(info2, transformPagePoint) {
-  return transformPagePoint ? { point: transformPagePoint(info2.point) } : info2;
+function transformPoint(info, transformPagePoint) {
+  return transformPagePoint ? { point: transformPagePoint(info.point) } : info;
 }
 function subtractPoint(a2, b2) {
   return { x: a2.x - b2.x, y: a2.y - b2.y };
@@ -65401,7 +65407,7 @@ var VisualElementDragControls = (
           _this.snapToCursor(extractEventInfo(event, "page").point);
         }
       };
-      var onStart = function(event, info2) {
+      var onStart = function(event, info) {
         var _a2;
         var _b2 = _this.getProps(), drag2 = _b2.drag, dragPropagation = _b2.dragPropagation, onDragStart3 = _b2.onDragStart;
         if (drag2 && !dragPropagation) {
@@ -65430,14 +65436,14 @@ var VisualElementDragControls = (
           }
           _this.originPoint[axis] = current;
         });
-        onDragStart3 === null || onDragStart3 === void 0 ? void 0 : onDragStart3(event, info2);
+        onDragStart3 === null || onDragStart3 === void 0 ? void 0 : onDragStart3(event, info);
         (_a2 = _this.visualElement.animationState) === null || _a2 === void 0 ? void 0 : _a2.setActive(AnimationType.Drag, true);
       };
-      var onMove = function(event, info2) {
+      var onMove = function(event, info) {
         var _a2 = _this.getProps(), dragPropagation = _a2.dragPropagation, dragDirectionLock = _a2.dragDirectionLock, onDirectionLock = _a2.onDirectionLock, onDrag = _a2.onDrag;
         if (!dragPropagation && !_this.openGlobalLock)
           return;
-        var offset3 = info2.offset;
+        var offset3 = info.offset;
         if (dragDirectionLock && _this.currentDirection === null) {
           _this.currentDirection = getCurrentDirection(offset3);
           if (_this.currentDirection !== null) {
@@ -65445,13 +65451,13 @@ var VisualElementDragControls = (
           }
           return;
         }
-        _this.updateAxis("x", info2.point, offset3);
-        _this.updateAxis("y", info2.point, offset3);
+        _this.updateAxis("x", info.point, offset3);
+        _this.updateAxis("y", info.point, offset3);
         _this.visualElement.syncRender();
-        onDrag === null || onDrag === void 0 ? void 0 : onDrag(event, info2);
+        onDrag === null || onDrag === void 0 ? void 0 : onDrag(event, info);
       };
-      var onSessionEnd = function(event, info2) {
-        return _this.stop(event, info2);
+      var onSessionEnd = function(event, info) {
+        return _this.stop(event, info);
       };
       this.panSession = new PanSession(originEvent, {
         onSessionStart,
@@ -65460,15 +65466,15 @@ var VisualElementDragControls = (
         onSessionEnd
       }, { transformPagePoint: this.visualElement.getTransformPagePoint() });
     };
-    VisualElementDragControls2.prototype.stop = function(event, info2) {
+    VisualElementDragControls2.prototype.stop = function(event, info) {
       var isDragging = this.isDragging;
       this.cancel();
       if (!isDragging)
         return;
-      var velocity = info2.velocity;
+      var velocity = info.velocity;
       this.startAnimation(velocity);
       var onDragEnd3 = this.getProps().onDragEnd;
-      onDragEnd3 === null || onDragEnd3 === void 0 ? void 0 : onDragEnd3(event, info2);
+      onDragEnd3 === null || onDragEnd3 === void 0 ? void 0 : onDragEnd3(event, info);
     };
     VisualElementDragControls2.prototype.cancel = function() {
       var _a, _b;
@@ -65707,9 +65713,9 @@ function usePanGesture(_a) {
     onSessionStart: onPanSessionStart,
     onStart: onPanStart,
     onMove: onPan,
-    onEnd: function(event, info2) {
+    onEnd: function(event, info) {
       panSession.current = null;
-      onPanEnd && onPanEnd(event, info2);
+      onPanEnd && onPanEnd(event, info);
     }
   };
   useEffect(function() {