@servicetitan/anvil2 1.30.0 → 1.31.1

package/dist/DndSort.js

@@ -1,12 +1,12 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import * as React from 'react';
-import React__default, { useLayoutEffect, useEffect, useRef, useCallback, useMemo, useState, createContext, useContext, memo, useReducer, cloneElement, forwardRef } from 'react';
+import React__default, { useLayoutEffect, useEffect, useMemo, useRef, useCallback, useState, memo, useContext, createContext, useReducer, forwardRef, cloneElement } from 'react';
 import { unstable_batchedUpdates, createPortal } from 'react-dom';
 import { c as cx } from './index-tZvMCc77.js';
-import { F as Flex } from './Flex-DbC3MGto-Cby3Kmzl.js';
-import { B as ButtonCompound } from './ButtonCompound-DBnxT5Qg-BeCgteJh.js';
-import { C as Card } from './Card-BMCXcu4G-1lTzfu7j.js';
-import { I as Icon } from './Icon-CBPJUFc8-vsWbtf2w.js';
+import { F as Flex } from './Flex-DlNiHX1G-DiUzqGqj.js';
+import { B as ButtonCompound } from './ButtonCompound-DbOF1Uyo-D4_cdbXr.js';
+import { C as Card } from './Card-DukbBYaA-JN-eYW_v.js';
+import { I as Icon } from './Icon-DuwR7O2z-DwPHQiBF.js';
 
 import './DndSort.css';function useCombinedRefs() {
   for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
@@ -47,7 +47,7 @@ function getWindow(target) {
     return window;
   }
 
-  return (_target$ownerDocument = (_target$ownerDocument2 = target.ownerDocument) == null ? undefined : _target$ownerDocument2.defaultView) != null ? _target$ownerDocument : window;
+  return (_target$ownerDocument = (_target$ownerDocument2 = target.ownerDocument) == null ? void 0 : _target$ownerDocument2.defaultView) != null ? _target$ownerDocument : window;
 }
 
 function isDocument(node) {
@@ -110,7 +110,7 @@ function useEvent(handler) {
       args[_key] = arguments[_key];
     }
 
-    return handlerRef.current == null ? undefined : handlerRef.current(...args);
+    return handlerRef.current == null ? void 0 : handlerRef.current(...args);
   }, []);
 }
 
@@ -129,7 +129,7 @@ function useInterval() {
 }
 
 function useLatestValue(value, dependencies) {
-  if (dependencies === undefined) {
+  if (dependencies === void 0) {
     dependencies = [value];
   }
 
@@ -157,7 +157,7 @@ function useNodeRef(onChange) {
   const node = useRef(null);
   const setNodeRef = useCallback(element => {
     if (element !== node.current) {
-      onChangeHandler == null ? undefined : onChangeHandler(element, node.current);
+      onChangeHandler == null ? void 0 : onChangeHandler(element, node.current);
     }
 
     node.current = element;
@@ -422,7 +422,7 @@ function useDndMonitorProvider() {
     listeners.forEach(listener => {
       var _listener$type;
 
-      return (_listener$type = listener[type]) == null ? undefined : _listener$type.call(listener, event);
+      return (_listener$type = listener[type]) == null ? void 0 : _listener$type.call(listener, event);
     });
   }, [listeners]);
   return [dispatch, registerListener];
@@ -787,7 +787,7 @@ const defaultOptions = {
  */
 
 function getClientRect(element, options) {
-  if (options === undefined) {
+  if (options === void 0) {
     options = defaultOptions;
   }
 
@@ -850,7 +850,7 @@ function getWindowClientRect(element) {
 }
 
 function isFixed(node, computedStyle) {
-  if (computedStyle === undefined) {
+  if (computedStyle === void 0) {
     computedStyle = getWindow(node).getComputedStyle(node);
   }
 
@@ -858,7 +858,7 @@ function isFixed(node, computedStyle) {
 }
 
 function isScrollable(element, computedStyle) {
-  if (computedStyle === undefined) {
+  if (computedStyle === void 0) {
     computedStyle = getWindow(element).getComputedStyle(element);
   }
 
@@ -1023,11 +1023,11 @@ function getScrollDirectionAndSpeed(scrollContainer, scrollContainerRect, _ref,
     bottom
   } = _ref;
 
-  if (acceleration === undefined) {
+  if (acceleration === void 0) {
     acceleration = 10;
   }
 
-  if (thresholdPercentage === undefined) {
+  if (thresholdPercentage === void 0) {
     thresholdPercentage = defaultThreshold;
   }
 
@@ -1125,7 +1125,7 @@ function getScrollYOffset(scrollableAncestors) {
 }
 
 function scrollIntoViewIfNeeded(element, measure) {
-  if (measure === undefined) {
+  if (measure === void 0) {
     measure = getClientRect;
   }
 
@@ -1156,13 +1156,13 @@ function scrollIntoViewIfNeeded(element, measure) {
 const properties = [['x', ['left', 'right'], getScrollXOffset], ['y', ['top', 'bottom'], getScrollYOffset]];
 class Rect {
   constructor(rect, element) {
-    this.rect = undefined;
-    this.width = undefined;
-    this.height = undefined;
-    this.top = undefined;
-    this.bottom = undefined;
-    this.right = undefined;
-    this.left = undefined;
+    this.rect = void 0;
+    this.width = void 0;
+    this.height = void 0;
+    this.top = void 0;
+    this.bottom = void 0;
+    this.right = void 0;
+    this.left = void 0;
     const scrollableAncestors = getScrollableAncestors(element);
     const scrollOffsets = getScrollOffsets(scrollableAncestors);
     this.rect = { ...rect
@@ -1192,14 +1192,14 @@ class Rect {
 
 class Listeners {
   constructor(target) {
-    this.target = undefined;
+    this.target = void 0;
     this.listeners = [];
 
     this.removeAll = () => {
       this.listeners.forEach(listener => {
         var _this$target;
 
-        return (_this$target = this.target) == null ? undefined : _this$target.removeEventListener(...listener);
+        return (_this$target = this.target) == null ? void 0 : _this$target.removeEventListener(...listener);
       });
     };
 
@@ -1209,7 +1209,7 @@ class Listeners {
   add(eventName, handler, options) {
     var _this$target2;
 
-    (_this$target2 = this.target) == null ? undefined : _this$target2.addEventListener(eventName, handler, options);
+    (_this$target2 = this.target) == null ? void 0 : _this$target2.addEventListener(eventName, handler, options);
     this.listeners.push([eventName, handler, options]);
   }
 
@@ -1319,11 +1319,11 @@ const defaultKeyboardCoordinateGetter = (event, _ref) => {
 
 class KeyboardSensor {
   constructor(props) {
-    this.props = undefined;
+    this.props = void 0;
     this.autoScrollEnabled = false;
-    this.referenceCoordinates = undefined;
-    this.listeners = undefined;
-    this.windowListeners = undefined;
+    this.referenceCoordinates = void 0;
+    this.listeners = void 0;
+    this.windowListeners = void 0;
     this.props = props;
     const {
       event: {
@@ -1549,7 +1549,7 @@ KeyboardSensor.activators = [{
       }
 
       event.preventDefault();
-      onActivation == null ? undefined : onActivation({
+      onActivation == null ? void 0 : onActivation({
         event: event.nativeEvent
       });
       return true;
@@ -1571,20 +1571,20 @@ class AbstractPointerSensor {
   constructor(props, events, listenerTarget) {
     var _getEventCoordinates;
 
-    if (listenerTarget === undefined) {
+    if (listenerTarget === void 0) {
       listenerTarget = getEventListenerTarget(props.event.target);
     }
 
-    this.props = undefined;
-    this.events = undefined;
+    this.props = void 0;
+    this.events = void 0;
     this.autoScrollEnabled = true;
-    this.document = undefined;
+    this.document = void 0;
     this.activated = false;
-    this.initialCoordinates = undefined;
+    this.initialCoordinates = void 0;
     this.timeoutId = null;
-    this.listeners = undefined;
-    this.documentListeners = undefined;
-    this.windowListeners = undefined;
+    this.listeners = void 0;
+    this.documentListeners = void 0;
+    this.windowListeners = void 0;
     this.props = props;
     this.events = events;
     const {
@@ -1788,7 +1788,7 @@ class AbstractPointerSensor {
   removeTextSelection() {
     var _this$document$getSel;
 
-    (_this$document$getSel = this.document.getSelection()) == null ? undefined : _this$document$getSel.removeAllRanges();
+    (_this$document$getSel = this.document.getSelection()) == null ? void 0 : _this$document$getSel.removeAllRanges();
   }
 
 }
@@ -1830,7 +1830,7 @@ PointerSensor.activators = [{
       return false;
     }
 
-    onActivation == null ? undefined : onActivation({
+    onActivation == null ? void 0 : onActivation({
       event
     });
     return true;
@@ -1871,7 +1871,7 @@ MouseSensor.activators = [{
       return false;
     }
 
-    onActivation == null ? undefined : onActivation({
+    onActivation == null ? void 0 : onActivation({
       event
     });
     return true;
@@ -1928,7 +1928,7 @@ TouchSensor.activators = [{
       return false;
     }
 
-    onActivation == null ? undefined : onActivation({
+    onActivation == null ? void 0 : onActivation({
       event
     });
     return true;
@@ -2011,7 +2011,7 @@ function useAutoScroller(_ref) {
     }
 
     for (const scrollContainer of sortedScrollableAncestors) {
-      if ((canScroll == null ? undefined : canScroll(scrollContainer)) === false) {
+      if ((canScroll == null ? void 0 : canScroll(scrollContainer)) === false) {
         continue;
       }
 
@@ -2161,7 +2161,7 @@ function useDroppableMeasuring(containers, _ref) {
   const disabled = isDisabled();
   const disabledRef = useLatestValue(disabled);
   const measureDroppableContainers = useCallback(function (ids) {
-    if (ids === undefined) {
+    if (ids === void 0) {
       ids = [];
     }
 
@@ -2299,7 +2299,7 @@ function useMutationObserver(_ref) {
     return new MutationObserver(handleMutations);
   }, [handleMutations, disabled]);
   useEffect(() => {
-    return () => mutationObserver == null ? undefined : mutationObserver.disconnect();
+    return () => mutationObserver == null ? void 0 : mutationObserver.disconnect();
   }, [mutationObserver]);
   return mutationObserver;
 }
@@ -2327,7 +2327,7 @@ function useResizeObserver(_ref) {
   }, // eslint-disable-next-line react-hooks/exhaustive-deps
   [disabled]);
   useEffect(() => {
-    return () => resizeObserver == null ? undefined : resizeObserver.disconnect();
+    return () => resizeObserver == null ? void 0 : resizeObserver.disconnect();
   }, [resizeObserver]);
   return resizeObserver;
 }
@@ -2337,7 +2337,7 @@ function defaultMeasure(element) {
 }
 
 function useRect(element, measure, fallbackRect) {
-  if (measure === undefined) {
+  if (measure === void 0) {
     measure = defaultMeasure;
   }
 
@@ -2394,14 +2394,14 @@ function useRect(element, measure, fallbackRect) {
     measureRect();
 
     if (element) {
-      resizeObserver == null ? undefined : resizeObserver.observe(element);
-      mutationObserver == null ? undefined : mutationObserver.observe(document.body, {
+      resizeObserver == null ? void 0 : resizeObserver.observe(element);
+      mutationObserver == null ? void 0 : mutationObserver.observe(document.body, {
         childList: true,
         subtree: true
       });
     } else {
-      resizeObserver == null ? undefined : resizeObserver.disconnect();
-      mutationObserver == null ? undefined : mutationObserver.disconnect();
+      resizeObserver == null ? void 0 : resizeObserver.disconnect();
+      mutationObserver == null ? void 0 : mutationObserver.disconnect();
     }
   }, [element]);
   return rect;
@@ -2481,7 +2481,7 @@ function useScrollOffsets(elements) {
     function cleanup(elements) {
       elements.forEach(element => {
         const scrollableElement = getScrollableElement(element);
-        scrollableElement == null ? undefined : scrollableElement.removeEventListener('scroll', handleScroll);
+        scrollableElement == null ? void 0 : scrollableElement.removeEventListener('scroll', handleScroll);
       });
     }
   }, [handleScroll, elements]);
@@ -2495,7 +2495,7 @@ function useScrollOffsets(elements) {
 }
 
 function useScrollOffsetsDelta(scrollOffsets, dependencies) {
-  if (dependencies === undefined) {
+  if (dependencies === void 0) {
     dependencies = [];
   }
 
@@ -2528,11 +2528,11 @@ function useSensorSetup(sensors) {
       let {
         sensor
       } = _ref;
-      return sensor.setup == null ? undefined : sensor.setup();
+      return sensor.setup == null ? void 0 : sensor.setup();
     });
     return () => {
       for (const teardown of teardownFns) {
-        teardown == null ? undefined : teardown();
+        teardown == null ? void 0 : teardown();
       }
     };
   }, // TO-DO: Sensors length could theoretically change which would not be a valid dependency
@@ -2568,7 +2568,7 @@ function useWindowRect(element) {
 
 const defaultValue$2 = [];
 function useRects(elements, measure) {
-  if (measure === undefined) {
+  if (measure === void 0) {
     measure = getClientRect;
   }
 
@@ -2590,9 +2590,9 @@ function useRects(elements, measure) {
     callback: measureRects
   });
   useIsomorphicLayoutEffect(() => {
-    resizeObserver == null ? undefined : resizeObserver.disconnect();
+    resizeObserver == null ? void 0 : resizeObserver.disconnect();
     measureRects();
-    elements.forEach(element => resizeObserver == null ? undefined : resizeObserver.observe(element));
+    elements.forEach(element => resizeObserver == null ? void 0 : resizeObserver.observe(element));
   }, [elements]);
   return rects;
 }
@@ -2636,10 +2636,10 @@ function useDragOverlayMeasuring(_ref) {
   });
   const handleNodeChange = useCallback(element => {
     const node = getMeasurableNode(element);
-    resizeObserver == null ? undefined : resizeObserver.disconnect();
+    resizeObserver == null ? void 0 : resizeObserver.disconnect();
 
     if (node) {
-      resizeObserver == null ? undefined : resizeObserver.observe(node);
+      resizeObserver == null ? void 0 : resizeObserver.observe(node);
     }
 
     setRect(node ? measure(node) : null);
@@ -2699,7 +2699,7 @@ class DroppableContainersMap extends Map {
   getNodeFor(id) {
     var _this$get$node$curren, _this$get;
 
-    return (_this$get$node$curren = (_this$get = this.get(id)) == null ? undefined : _this$get.node.current) != null ? _this$get$node$curren : undefined;
+    return (_this$get$node$curren = (_this$get = this.get(id)) == null ? void 0 : _this$get.node.current) != null ? _this$get$node$curren : undefined;
   }
 
 }
@@ -2883,7 +2883,7 @@ function RestoreFocus(_ref) {
     draggableNodes
   } = useContext(InternalContext);
   const previousActivatorEvent = usePrevious(activatorEvent);
-  const previousActiveId = usePrevious(active == null ? undefined : active.id); // Restore keyboard focus on the activator node
+  const previousActiveId = usePrevious(active == null ? void 0 : active.id); // Restore keyboard focus on the activator node
 
   useEffect(() => {
     if (disabled) {
@@ -2950,16 +2950,16 @@ function applyModifiers(modifiers, _ref) {
 function useMeasuringConfiguration(config) {
   return useMemo(() => ({
     draggable: { ...defaultMeasuringConfiguration.draggable,
-      ...(config == null ? undefined : config.draggable)
+      ...(config == null ? void 0 : config.draggable)
     },
     droppable: { ...defaultMeasuringConfiguration.droppable,
-      ...(config == null ? undefined : config.droppable)
+      ...(config == null ? void 0 : config.droppable)
     },
     dragOverlay: { ...defaultMeasuringConfiguration.dragOverlay,
-      ...(config == null ? undefined : config.dragOverlay)
+      ...(config == null ? void 0 : config.dragOverlay)
     }
   }), // eslint-disable-next-line react-hooks/exhaustive-deps
-  [config == null ? undefined : config.draggable, config == null ? undefined : config.droppable, config == null ? undefined : config.dragOverlay]);
+  [config == null ? void 0 : config.draggable, config == null ? void 0 : config.droppable, config == null ? void 0 : config.dragOverlay]);
 }
 
 function useLayoutShiftScrollCompensation(_ref) {
@@ -2992,7 +2992,7 @@ function useLayoutShiftScrollCompensation(_ref) {
     } // Get the most up to date node ref for the active draggable
 
 
-    const node = activeNode == null ? undefined : activeNode.node.current;
+    const node = activeNode == null ? void 0 : activeNode.node.current;
 
     if (!node || node.isConnected === false) {
       // Return early if there is no attached node ref or if the node is
@@ -3079,7 +3079,7 @@ const DndContext = /*#__PURE__*/memo(function DndContext(_ref) {
     return activeId != null ? {
       id: activeId,
       // It's possible for the active node to unmount while dragging
-      data: (_node$data = node == null ? undefined : node.data) != null ? _node$data : defaultData,
+      data: (_node$data = node == null ? void 0 : node.data) != null ? _node$data : defaultData,
       rect: activeRects
     } : null;
   }, [activeId, node]);
@@ -3126,7 +3126,7 @@ const DndContext = /*#__PURE__*/memo(function DndContext(_ref) {
     scrollableAncestors: [],
     scrollAdjustedTranslate: null
   });
-  const overNode = droppableContainers.getNodeFor((_sensorContext$curren = sensorContext.current.over) == null ? undefined : _sensorContext$curren.id);
+  const overNode = droppableContainers.getNodeFor((_sensorContext$curren = sensorContext.current.over) == null ? void 0 : _sensorContext$curren.id);
   const dragOverlay = useDragOverlayMeasuring({
     measure: measuringConfiguration.dragOverlay.measure
   }); // Use the rect of the drag overlay if it is mounted
@@ -3181,7 +3181,7 @@ const DndContext = /*#__PURE__*/memo(function DndContext(_ref) {
   // window scroll delta
 
   const appliedTranslate = usesDragOverlay ? modifiedTranslate : add(modifiedTranslate, activeNodeScrollDelta);
-  const transform = adjustScale(appliedTranslate, (_over$rect = over == null ? undefined : over.rect) != null ? _over$rect : null, activeNodeRect);
+  const transform = adjustScale(appliedTranslate, (_over$rect = over == null ? void 0 : over.rect) != null ? _over$rect : null, activeNodeRect);
   const activeSensorRef = useRef(null);
   const instantiateSensor = useCallback((event, _ref2) => {
     let {
@@ -3222,7 +3222,7 @@ const DndContext = /*#__PURE__*/memo(function DndContext(_ref) {
         const event = {
           id
         };
-        onDragAbort == null ? undefined : onDragAbort(event);
+        onDragAbort == null ? void 0 : onDragAbort(event);
         dispatchMonitorEvent({
           type: 'onDragAbort',
           event
@@ -3245,7 +3245,7 @@ const DndContext = /*#__PURE__*/memo(function DndContext(_ref) {
           initialCoordinates,
           offset
         };
-        onDragPending == null ? undefined : onDragPending(event);
+        onDragPending == null ? void 0 : onDragPending(event);
         dispatchMonitorEvent({
           type: 'onDragPending',
           event
@@ -3277,7 +3277,7 @@ const DndContext = /*#__PURE__*/memo(function DndContext(_ref) {
           }
         };
         unstable_batchedUpdates(() => {
-          onDragStart == null ? undefined : onDragStart(event);
+          onDragStart == null ? void 0 : onDragStart(event);
           setStatus(Status.Initializing);
           dispatch({
             type: Action.DragStart,
@@ -3350,7 +3350,7 @@ const DndContext = /*#__PURE__*/memo(function DndContext(_ref) {
 
           if (event) {
             const handler = latestProps.current[eventName];
-            handler == null ? undefined : handler(event);
+            handler == null ? void 0 : handler(event);
             dispatchMonitorEvent({
               type: eventName,
               event
@@ -3420,7 +3420,7 @@ const DndContext = /*#__PURE__*/memo(function DndContext(_ref) {
       over
     };
     unstable_batchedUpdates(() => {
-      onDragMove == null ? undefined : onDragMove(event);
+      onDragMove == null ? void 0 : onDragMove(event);
       dispatchMonitorEvent({
         type: 'onDragMove',
         event
@@ -3463,7 +3463,7 @@ const DndContext = /*#__PURE__*/memo(function DndContext(_ref) {
     };
     unstable_batchedUpdates(() => {
       setOver(over);
-      onDragOver == null ? undefined : onDragOver(event);
+      onDragOver == null ? void 0 : onDragOver(event);
       dispatchMonitorEvent({
         type: 'onDragOver',
         event
@@ -3546,13 +3546,13 @@ const DndContext = /*#__PURE__*/memo(function DndContext(_ref) {
   }, React__default.createElement(ActiveDraggableContext.Provider, {
     value: transform
   }, children)), React__default.createElement(RestoreFocus, {
-    disabled: (accessibility == null ? undefined : accessibility.restoreFocus) === false
+    disabled: (accessibility == null ? void 0 : accessibility.restoreFocus) === false
   })), React__default.createElement(Accessibility, { ...accessibility,
     hiddenTextDescribedById: draggableDescribedById
   }));
 
   function getAutoScrollerOptions() {
-    const activeSensorDisablesAutoscroll = (activeSensor == null ? undefined : activeSensor.autoScrollEnabled) === false;
+    const activeSensorDisablesAutoscroll = (activeSensor == null ? void 0 : activeSensor.autoScrollEnabled) === false;
     const autoScrollGloballyDisabled = typeof autoScroll === 'object' ? autoScroll.enabled === false : autoScroll === false;
     const enabled = isInitialized && !activeSensorDisablesAutoscroll && !autoScrollGloballyDisabled;
 
@@ -3593,7 +3593,7 @@ function useDraggable(_ref) {
     roleDescription = 'draggable',
     tabIndex = 0
   } = attributes != null ? attributes : {};
-  const isDragging = (active == null ? undefined : active.id) === id;
+  const isDragging = (active == null ? void 0 : active.id) === id;
   const transform = useContext(isDragging ? ActiveDraggableContext : NullContext);
   const [node, setNodeRef] = useNodeRef();
   const [activatorNode, setActivatorNodeRef] = useNodeRef();
@@ -3755,7 +3755,7 @@ function useDroppable(_ref) {
   return {
     active,
     rect,
-    isOver: (over == null ? undefined : over.id) === id,
+    isOver: (over == null ? void 0 : over.id) === id,
     node: nodeRef,
     over,
     setNodeRef
@@ -3780,8 +3780,8 @@ function AnimationManager(_ref) {
       return;
     }
 
-    const key = clonedChildren == null ? undefined : clonedChildren.key;
-    const id = clonedChildren == null ? undefined : clonedChildren.props.id;
+    const key = clonedChildren == null ? void 0 : clonedChildren.key;
+    const id = clonedChildren == null ? void 0 : clonedChildren.props.id;
 
     if (key == null || id == null) {
       setClonedChildren(null);
@@ -4050,7 +4050,7 @@ function createDefaultDropAnimation(options) {
       return;
     }
 
-    const cleanup = sideEffects == null ? undefined : sideEffects({
+    const cleanup = sideEffects == null ? void 0 : sideEffects({
       active,
       dragOverlay,
       ...rest
@@ -4062,7 +4062,7 @@ function createDefaultDropAnimation(options) {
     });
     return new Promise(resolve => {
       animation.onfinish = () => {
-        cleanup == null ? undefined : cleanup();
+        cleanup == null ? void 0 : cleanup();
         resolve();
       };
     });
@@ -4108,7 +4108,7 @@ const DragOverlay = /*#__PURE__*/React__default.memo(_ref => {
     windowRect
   } = useDndContext();
   const transform = useContext(ActiveDraggableContext);
-  const key = useKey(active == null ? undefined : active.id);
+  const key = useKey(active == null ? void 0 : active.id);
   const modifiedTransform = applyModifiers(modifiers, {
     activatorEvent,
     active,
@@ -4204,13 +4204,13 @@ const DndZone = forwardRef(
       Flex,
       {
         "data-testid": `drag-and-drop-zone-${id}`,
-        direction: orientationToDirection[orientation ?? ""] || undefined,
+        direction: orientationToDirection[orientation ?? ""] || void 0,
         ...rest,
         ref,
         className: classes,
         gap,
         style: {
-          padding: (Number(gap) ?? DEFAULT_GAP) * 0.25 + "rem",
+          padding: (isNaN(Number(gap)) ? DEFAULT_GAP : Number(gap)) * 0.25 + "rem",
           ...style,
           "--drop-zone-gap": gap
         },
@@ -4222,7 +4222,6 @@ const DndZone = forwardRef(
 DndZone.displayName = "DndZoneBase";
 
 const Dnd = {
-  SortLine: DndSortLine,
   Zone: DndZone
 };
 
@@ -4705,7 +4704,7 @@ function useSortable(_ref) {
     activeIndex,
     overIndex
   }) : index;
-  const activeId = active == null ? undefined : active.id;
+  const activeId = active == null ? void 0 : active.id;
   const previous = useRef({
     activeId,
     items,
@@ -4818,8 +4817,8 @@ function normalizeLocalDisabled(localDisabled, globalDisabled) {
   }
 
   return {
-    draggable: (_localDisabled$dragga = localDisabled == null ? undefined : localDisabled.draggable) != null ? _localDisabled$dragga : globalDisabled.draggable,
-    droppable: (_localDisabled$droppa = localDisabled == null ? undefined : localDisabled.droppable) != null ? _localDisabled$droppa : globalDisabled.droppable
+    draggable: (_localDisabled$dragga = localDisabled == null ? void 0 : localDisabled.draggable) != null ? _localDisabled$dragga : globalDisabled.draggable,
+    droppable: (_localDisabled$droppa = localDisabled == null ? void 0 : localDisabled.droppable) != null ? _localDisabled$droppa : globalDisabled.droppable
   };
 }
 
@@ -5036,10 +5035,10 @@ const getCollisions = (currentDroppable, allDroppables) => {
 const arrowKeys = ["ArrowRight", "ArrowLeft", "ArrowDown", "ArrowUp"];
 const getNextCoordinates = (event, args) => {
   if (!arrowKeys.includes(event.code)) {
-    return undefined;
+    return void 0;
   }
   if (!args.context.droppableContainers.get(window[WINDOW_PROPERTY_SORT_POSITION])) {
-    window[WINDOW_PROPERTY_SORT_POSITION] = undefined;
+    window[WINDOW_PROPERTY_SORT_POSITION] = void 0;
   }
   const zones = args.context.droppableContainers.values().filter((value) => value.data.current?.isZone).toArray();
   const order = {
@@ -5057,24 +5056,24 @@ const getNextCoordinates = (event, args) => {
     // current position ID or initial position ID
     args.context
   );
-  if (!currentPositionDroppable) return undefined;
+  if (!currentPositionDroppable) return void 0;
   const currentZoneId = getZoneIdOfDroppable(currentPositionDroppable);
   if (event.code === "ArrowLeft" || event.code === "ArrowRight") {
     const newPositionId = event.code === "ArrowRight" ? getNextZoneIdFromZoneId(currentZoneId, order) : getPreviousZoneIdFromZoneId(currentZoneId, order);
-    if (!newPositionId) return undefined;
+    if (!newPositionId) return void 0;
     const newZone = getDroppableOfId(newPositionId, args.context);
-    if (!newZone) return undefined;
+    if (!newZone) return void 0;
     window[WINDOW_PROPERTY_SORT_POSITION] = newPositionId;
     return getCoordsFromZone(newZone, args.context.active);
   }
   if (event.code === "ArrowDown" || event.code === "ArrowUp") {
     const currentZone = getDroppableOfId(currentZoneId, args.context);
-    if (!currentZone || !currentZone.data.current?.sortable) return undefined;
+    if (!currentZone || !currentZone.data.current?.sortable) return void 0;
     if (currentPositionDroppable.data.current?.isZone) {
       const zoneItems = currentZone.data.current?.sortedIds ?? [];
       const newPositionId = event.code === "ArrowDown" ? zoneItems[0] : zoneItems[zoneItems.length - 1];
       const newPosition = getDroppableOfId(newPositionId, args.context);
-      if (!newPosition) return undefined;
+      if (!newPosition) return void 0;
       window[WINDOW_PROPERTY_SORT_POSITION] = newPositionId;
       return getCoordsFromItem(newPosition);
     } else {
@@ -5085,12 +5084,12 @@ const getNextCoordinates = (event, args) => {
         return getCoordsFromZone(currentZone, args.context.active);
       }
       const newPosition = getDroppableOfId(newPositionId, args.context);
-      if (!newPosition) return undefined;
+      if (!newPosition) return void 0;
       window[WINDOW_PROPERTY_SORT_POSITION] = newPositionId;
       return getCoordsFromItem(newPosition);
     }
   }
-  return undefined;
+  return void 0;
 };
 const getNextItemId = (id, order, active) => {
   if (order.looseItems.includes(id)) {
@@ -5252,7 +5251,6 @@ const cardDraggableStyles = {
 	"draggable-card": "_draggable-card_18e23_4",
 	"drag-indicator-button": "_drag-indicator-button_18e23_15",
 	"drag-indicator-icon": "_drag-indicator-icon_18e23_16",
-	"button-compound": "_button-compound_18e23_24",
 	ghost: ghost
 };
 
@@ -5300,7 +5298,7 @@ function DndSortItem({
   });
   useDndMonitor({
     onDragStart() {
-      window[WINDOW_PROPERTY_SORT_POSITION] = undefined;
+      window[WINDOW_PROPERTY_SORT_POSITION] = void 0;
     },
     onDragEnd(event) {
       if (active?.id !== id) {