dara-core 1.19.0__py3-none-any.whl → 1.19.1__py3-none-any.whl

dara/core/umd/dara.core.umd.js

@@ -1292,7 +1292,7 @@
     if (null == r2) return {};
     var t2 = {};
     for (var n2 in r2) if ({}.hasOwnProperty.call(r2, n2)) {
-      if (e2.includes(n2)) continue;
+      if (-1 !== e2.indexOf(n2)) continue;
       t2[n2] = r2[n2];
     }
     return t2;
@@ -1830,7 +1830,7 @@
       invariant$1();
     };
   }
-  function noop$4() {
+  function noop$5() {
   }
   var StaticRouter = /* @__PURE__ */ function(_React$Component) {
     _inheritsLoose$1(StaticRouter2, _React$Component);
@@ -1847,10 +1847,10 @@
         return _this.navigateTo(location2, "REPLACE");
       };
       _this.handleListen = function() {
-        return noop$4;
+        return noop$5;
       };
       _this.handleBlock = function() {
-        return noop$4;
+        return noop$5;
       };
       return _this;
     }
@@ -12446,14 +12446,14 @@
   function _nonIterableRest$2() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
-  var noop$3 = function noop2() {
+  var noop$4 = function noop2() {
   };
   var _WINDOW = {};
   var _DOCUMENT = {};
   var _MUTATION_OBSERVER = null;
   var _PERFORMANCE = {
-    mark: noop$3,
-    measure: noop$3
+    mark: noop$4,
+    measure: noop$4
   };
   try {
     if (typeof window !== "undefined") _WINDOW = window;
@@ -15789,7 +15789,7 @@
       }
     });
   }
-  function noop$2() {
+  function noop$3() {
   }
   function errorContext(cb) {
     {
@@ -15929,9 +15929,9 @@
   }
   var EMPTY_OBSERVER = {
     closed: true,
-    next: noop$2,
+    next: noop$3,
     error: defaultErrorHandler,
-    complete: noop$2
+    complete: noop$3
   };
   var observable = function() {
     return typeof Symbol === "function" && Symbol.observable || "@@observable";
@@ -19574,6 +19574,7 @@
     }
     return value instanceof ShadowRoot || value instanceof getWindow$1(value).ShadowRoot;
   }
+  const invalidOverflowDisplayValues = /* @__PURE__ */ new Set(["inline", "contents"]);
   function isOverflowElement(element) {
     const {
       overflow,
@@ -19581,24 +19582,29 @@
       overflowY,
       display
     } = getComputedStyle$2(element);
-    return /auto|scroll|overlay|hidden|clip/.test(overflow + overflowY + overflowX) && !["inline", "contents"].includes(display);
+    return /auto|scroll|overlay|hidden|clip/.test(overflow + overflowY + overflowX) && !invalidOverflowDisplayValues.has(display);
   }
+  const tableElements = /* @__PURE__ */ new Set(["table", "td", "th"]);
   function isTableElement$1(element) {
-    return ["table", "td", "th"].includes(getNodeName$1(element));
+    return tableElements.has(getNodeName$1(element));
   }
+  const topLayerSelectors = [":popover-open", ":modal"];
   function isTopLayer(element) {
-    return [":popover-open", ":modal"].some((selector2) => {
+    return topLayerSelectors.some((selector2) => {
       try {
         return element.matches(selector2);
-      } catch (e2) {
+      } catch (_e2) {
         return false;
       }
     });
   }
+  const transformProperties = ["transform", "translate", "scale", "rotate", "perspective"];
+  const willChangeValues = ["transform", "translate", "scale", "rotate", "perspective", "filter"];
+  const containValues = ["paint", "layout", "strict", "content"];
   function isContainingBlock(elementOrCss) {
     const webkit = isWebKit();
     const css2 = isElement$1(elementOrCss) ? getComputedStyle$2(elementOrCss) : elementOrCss;
-    return css2.transform !== "none" || css2.perspective !== "none" || (css2.containerType ? css2.containerType !== "normal" : false) || !webkit && (css2.backdropFilter ? css2.backdropFilter !== "none" : false) || !webkit && (css2.filter ? css2.filter !== "none" : false) || ["transform", "perspective", "filter"].some((value) => (css2.willChange || "").includes(value)) || ["paint", "layout", "strict", "content"].some((value) => (css2.contain || "").includes(value));
+    return transformProperties.some((value) => css2[value] ? css2[value] !== "none" : false) || (css2.containerType ? css2.containerType !== "normal" : false) || !webkit && (css2.backdropFilter ? css2.backdropFilter !== "none" : false) || !webkit && (css2.filter ? css2.filter !== "none" : false) || willChangeValues.some((value) => (css2.willChange || "").includes(value)) || containValues.some((value) => (css2.contain || "").includes(value));
   }
   function getContainingBlock$1(element) {
     let currentNode = getParentNode$1(element);
@@ -19616,8 +19622,9 @@
     if (typeof CSS === "undefined" || !CSS.supports) return false;
     return CSS.supports("-webkit-backdrop-filter", "none");
   }
+  const lastTraversableNodeNames = /* @__PURE__ */ new Set(["html", "body", "#document"]);
   function isLastTraversableNode(node) {
-    return ["html", "body", "#document"].includes(getNodeName$1(node));
+    return lastTraversableNodeNames.has(getNodeName$1(node));
   }
   function getComputedStyle$2(element) {
     return getWindow$1(element).getComputedStyle(element);
@@ -19817,8 +19824,9 @@
   function getAxisLength(axis) {
     return axis === "y" ? "height" : "width";
   }
+  const yAxisSides = /* @__PURE__ */ new Set(["top", "bottom"]);
   function getSideAxis(placement) {
-    return ["top", "bottom"].includes(getSide(placement)) ? "y" : "x";
+    return yAxisSides.has(getSide(placement)) ? "y" : "x";
   }
   function getAlignmentAxis(placement) {
     return getOppositeAxis(getSideAxis(placement));
@@ -19843,19 +19851,19 @@
   function getOppositeAlignmentPlacement(placement) {
     return placement.replace(/start|end/g, (alignment) => oppositeAlignmentMap[alignment]);
   }
+  const lrPlacement = ["left", "right"];
+  const rlPlacement = ["right", "left"];
+  const tbPlacement = ["top", "bottom"];
+  const btPlacement = ["bottom", "top"];
   function getSideList(side, isStart, rtl) {
-    const lr = ["left", "right"];
-    const rl = ["right", "left"];
-    const tb = ["top", "bottom"];
-    const bt2 = ["bottom", "top"];
     switch (side) {
       case "top":
       case "bottom":
-        if (rtl) return isStart ? rl : lr;
-        return isStart ? lr : rl;
+        if (rtl) return isStart ? rlPlacement : lrPlacement;
+        return isStart ? lrPlacement : rlPlacement;
       case "left":
       case "right":
-        return isStart ? tb : bt2;
+        return isStart ? tbPlacement : btPlacement;
       default:
         return [];
     }
@@ -20617,15 +20625,20 @@
           const nextIndex2 = (((_middlewareData$flip2 = middlewareData.flip) == null ? void 0 : _middlewareData$flip2.index) || 0) + 1;
           const nextPlacement = placements2[nextIndex2];
           if (nextPlacement) {
-            return {
-              data: {
-                index: nextIndex2,
-                overflows: overflowsData
-              },
-              reset: {
-                placement: nextPlacement
-              }
-            };
+            const ignoreCrossAxisOverflow = checkCrossAxis === "alignment" ? initialSideAxis !== getSideAxis(nextPlacement) : false;
+            if (!ignoreCrossAxisOverflow || // We leave the current main axis only if every placement on that axis
+            // overflows the main axis.
+            overflowsData.every((d2) => d2.overflows[0] > 0 && getSideAxis(d2.placement) === initialSideAxis)) {
+              return {
+                data: {
+                  index: nextIndex2,
+                  overflows: overflowsData
+                },
+                reset: {
+                  placement: nextPlacement
+                }
+              };
+            }
           }
           let resetPlacement = (_overflowsData$filter = overflowsData.filter((d2) => d2.overflows[0] <= 0).sort((a2, b2) => a2.overflows[1] - b2.overflows[1])[0]) == null ? void 0 : _overflowsData$filter.placement;
           if (!resetPlacement) {
@@ -20663,6 +20676,7 @@
       }
     };
   };
+  const originSides = /* @__PURE__ */ new Set(["left", "top"]);
   async function convertValueToCoords(state, options) {
     const {
       placement,
@@ -20673,7 +20687,7 @@
     const side = getSide(placement);
     const alignment = getAlignment(placement);
     const isVertical = getSideAxis(placement) === "y";
-    const mainAxisMulti = ["left", "top"].includes(side) ? -1 : 1;
+    const mainAxisMulti = originSides.has(side) ? -1 : 1;
     const crossAxisMulti = rtl && isVertical ? -1 : 1;
     const rawValue = evaluate(options, state);
     let {
@@ -21103,6 +21117,7 @@
       y
     };
   }
+  const absoluteOrFixed = /* @__PURE__ */ new Set(["absolute", "fixed"]);
   function getInnerBoundingClientRect$1(element, strategy) {
     const clientRect = getBoundingClientRect$1(element, true, strategy === "fixed");
     const top2 = clientRect.top + element.clientTop;
@@ -21160,7 +21175,7 @@
       if (!currentNodeIsContaining && computedStyle.position === "fixed") {
         currentContainingBlockComputedStyle = null;
       }
-      const shouldDropCurrentNode = elementIsFixed ? !currentNodeIsContaining && !currentContainingBlockComputedStyle : !currentNodeIsContaining && computedStyle.position === "static" && !!currentContainingBlockComputedStyle && ["absolute", "fixed"].includes(currentContainingBlockComputedStyle.position) || isOverflowElement(currentNode) && !currentNodeIsContaining && hasFixedPositionAncestor(element, currentNode);
+      const shouldDropCurrentNode = elementIsFixed ? !currentNodeIsContaining && !currentContainingBlockComputedStyle : !currentNodeIsContaining && computedStyle.position === "static" && !!currentContainingBlockComputedStyle && absoluteOrFixed.has(currentContainingBlockComputedStyle.position) || isOverflowElement(currentNode) && !currentNodeIsContaining && hasFixedPositionAncestor(element, currentNode);
       if (shouldDropCurrentNode) {
         result = result.filter((ancestor) => ancestor !== currentNode);
       } else {
@@ -21216,6 +21231,9 @@
       scrollTop: 0
     };
     const offsets = createCoords(0);
+    function setLeftRTLScrollbarOffset() {
+      offsets.x = getWindowScrollBarX$1(documentElement);
+    }
     if (isOffsetParentAnElement || !isOffsetParentAnElement && !isFixed) {
       if (getNodeName$1(offsetParent) !== "body" || isOverflowElement(documentElement)) {
         scroll = getNodeScroll$1(offsetParent);
@@ -21225,9 +21243,12 @@
         offsets.x = offsetRect.x + offsetParent.clientLeft;
         offsets.y = offsetRect.y + offsetParent.clientTop;
       } else if (documentElement) {
-        offsets.x = getWindowScrollBarX$1(documentElement);
+        setLeftRTLScrollbarOffset();
       }
     }
+    if (isFixed && !isOffsetParentAnElement && documentElement) {
+      setLeftRTLScrollbarOffset();
+    }
     const htmlOffset = documentElement && !isOffsetParentAnElement && !isFixed ? getHTMLOffset(documentElement, scroll) : createCoords(0);
     const x = rect.left + scroll.scrollLeft - offsets.x - htmlOffset.x;
     const y = rect.top + scroll.scrollTop - offsets.y - htmlOffset.y;
@@ -21307,6 +21328,9 @@
     isElement: isElement$1,
     isRTL
   };
+  function rectsAreEqual(a2, b2) {
+    return a2.x === b2.x && a2.y === b2.y && a2.width === b2.width && a2.height === b2.height;
+  }
   function observeMove(element, onMove) {
     let io = null;
     let timeoutId2;
@@ -21325,12 +21349,13 @@
         threshold = 1;
       }
       cleanup();
+      const elementRectForRootMargin = element.getBoundingClientRect();
       const {
         left: left2,
         top: top2,
         width,
         height
-      } = element.getBoundingClientRect();
+      } = elementRectForRootMargin;
       if (!skip) {
         onMove();
       }
@@ -21361,6 +21386,9 @@
             refresh(false, ratio);
           }
         }
+        if (ratio === 1 && !rectsAreEqual(elementRectForRootMargin, element.getBoundingClientRect())) {
+          refresh();
+        }
         isFirstUpdate = false;
       }
       try {
@@ -21369,7 +21397,7 @@
           // Handle <iframe>s
           root: root.ownerDocument
         });
-      } catch (e2) {
+      } catch (_e2) {
         io = new IntersectionObserver(handleObserve, options);
       }
       io.observe(element);
@@ -21424,7 +21452,7 @@
     }
     function frameLoop() {
       const nextRefRect = getBoundingClientRect$1(reference2);
-      if (prevRefRect && (nextRefRect.x !== prevRefRect.x || nextRefRect.y !== prevRefRect.y || nextRefRect.width !== prevRefRect.width || nextRefRect.height !== prevRefRect.height)) {
+      if (prevRefRect && !rectsAreEqual(prevRefRect, nextRefRect)) {
         update();
       }
       prevRefRect = nextRefRect;
@@ -21466,7 +21494,10 @@
       platform: platformWithCache
     });
   };
-  var index$2 = typeof document !== "undefined" ? React$1.useLayoutEffect : React$1.useEffect;
+  var isClient = typeof document !== "undefined";
+  var noop$2 = function noop2() {
+  };
+  var index$2 = isClient ? React$1.useLayoutEffect : noop$2;
   function deepEqual(a2, b2) {
     if (a2 === b2) {
       return true;
@@ -22045,11 +22076,11 @@
         performedPointerEventsMutationRef.current = false;
       }
     });
+    const isClickLikeOpenEvent = useEffectEvent(() => {
+      return dataRef.current.openEvent ? ["click", "mousedown"].includes(dataRef.current.openEvent.type) : false;
+    });
     React__namespace.useEffect(() => {
       if (!enabled) return;
-      function isClickLikeOpenEvent() {
-        return dataRef.current.openEvent ? ["click", "mousedown"].includes(dataRef.current.openEvent.type) : false;
-      }
       function onMouseEnter(event) {
         clearTimeout(timeoutRef.current);
         blockMouseMoveRef.current = false;
@@ -22063,7 +22094,7 @@
               onOpenChange(true, event, "hover");
             }
           }, openDelay);
-        } else {
+        } else if (!open2) {
           onOpenChange(true, event, "hover");
         }
       }
@@ -22085,7 +22116,9 @@
             onClose() {
               clearPointerEvents();
               cleanupMouseMoveHandler();
-              closeWithDelay(event, true, "safe-polygon");
+              if (!isClickLikeOpenEvent()) {
+                closeWithDelay(event, true, "safe-polygon");
+              }
             }
           });
           const handler = handlerRef.current;
@@ -22111,7 +22144,9 @@
           onClose() {
             clearPointerEvents();
             cleanupMouseMoveHandler();
-            closeWithDelay(event);
+            if (!isClickLikeOpenEvent()) {
+              closeWithDelay(event);
+            }
           }
         })(event);
       }
@@ -22134,7 +22169,7 @@
           ref.removeEventListener("mouseleave", onMouseLeave);
         };
       }
-    }, [elements, enabled, context2, mouseOnly, restMs, move, closeWithDelay, cleanupMouseMoveHandler, clearPointerEvents, onOpenChange, open2, openRef, tree, delayRef, handleCloseRef, dataRef]);
+    }, [elements, enabled, context2, mouseOnly, restMs, move, closeWithDelay, cleanupMouseMoveHandler, clearPointerEvents, onOpenChange, open2, openRef, tree, delayRef, handleCloseRef, dataRef, isClickLikeOpenEvent]);
     index$1(() => {
       var _handleCloseRef$curre;
       if (!enabled) return;
@@ -22217,9 +22252,11 @@
         clearTimeout(timeoutRef.current);
       },
       onMouseLeave(event) {
-        closeWithDelay(event.nativeEvent, false);
+        if (!isClickLikeOpenEvent()) {
+          closeWithDelay(event.nativeEvent, false);
+        }
       }
-    }), [closeWithDelay]);
+    }), [closeWithDelay, isClickLikeOpenEvent]);
     return React__namespace.useMemo(() => enabled ? {
       reference: reference2,
       floating
@@ -22503,7 +22540,8 @@
       event: eventOption = "click",
       toggle = true,
       ignoreMouse = false,
-      keyboardHandlers = true
+      keyboardHandlers = true,
+      stickIfOpen = true
     } = props;
     const pointerTypeRef = React__namespace.useRef();
     const didKeyDownRef = React__namespace.useRef(false);
@@ -22516,7 +22554,7 @@
         if (event.button !== 0) return;
         if (eventOption === "click") return;
         if (isMouseLikePointerType(pointerType, true) && ignoreMouse) return;
-        if (open2 && toggle && (dataRef.current.openEvent ? dataRef.current.openEvent.type === "mousedown" : true)) {
+        if (open2 && toggle && (dataRef.current.openEvent && stickIfOpen ? dataRef.current.openEvent.type === "mousedown" : true)) {
           onOpenChange(false, event.nativeEvent, "click");
         } else {
           event.preventDefault();
@@ -22530,7 +22568,7 @@
           return;
         }
         if (isMouseLikePointerType(pointerType, true) && ignoreMouse) return;
-        if (open2 && toggle && (dataRef.current.openEvent ? dataRef.current.openEvent.type === "click" : true)) {
+        if (open2 && toggle && (dataRef.current.openEvent && stickIfOpen ? dataRef.current.openEvent.type === "click" : true)) {
           onOpenChange(false, event.nativeEvent, "click");
         } else {
           onOpenChange(true, event.nativeEvent, "click");
@@ -22566,7 +22604,7 @@
           }
         }
       }
-    }), [dataRef, domReference, eventOption, ignoreMouse, keyboardHandlers, onOpenChange, open2, toggle]);
+    }), [dataRef, domReference, eventOption, ignoreMouse, keyboardHandlers, onOpenChange, open2, stickIfOpen, toggle]);
     return React__namespace.useMemo(() => enabled ? {
       reference: reference2
     } : {}, [enabled, reference2]);
@@ -23906,6 +23944,10 @@
 
     border: none;
     border-radius: 0.25rem;
+
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 150ms;
+    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
 `;
   function getOutlinedButtonStyle(buttonColor, disabled2, theme2) {
     return `
@@ -32390,6 +32432,112 @@
         cursor: not-allowed;
         color: ${(props) => props.theme.colors.grey2};
     }
+`;
+  styled.div`
+    overflow: hidden;
+    display: flex;
+    flex-direction: column;
+
+    background-color: ${(props) => props.theme.colors.blue1};
+    border-radius: 4px;
+    outline: none;
+    box-shadow: rgb(0 0 0 / 10%) 0 2px 5px;
+
+    & > button:first-child {
+        border-radius: 4px;
+    }
+
+    &.enter {
+        transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+        transition-duration: 100ms;
+        transition-property: opacity, transform;
+    }
+
+    &.enter-from {
+        transform: scale(0.95);
+        opacity: 0;
+    }
+
+    &.enter-to {
+        transform: scale(1);
+        opacity: 1;
+    }
+
+    &.leave {
+        transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
+        transition-duration: 75ms;
+        transition-property: opacity, transform;
+    }
+
+    &.leave-from {
+        transform: scale(1);
+        opacity: 1;
+    }
+
+    &.leave-to {
+        transform: scale(0.95);
+        opacity: 0;
+    }
+`;
+  styled.button`
+    cursor: pointer;
+
+    display: flex;
+    gap: 0.25rem;
+    align-items: center;
+    justify-content: space-between;
+
+    width: 100%;
+    min-width: 160px;
+    height: fit-content;
+    padding: 5px 8px;
+
+    font-size: 0.9rem;
+    color: ${(props) => props.theme.colors.text};
+    white-space: nowrap;
+
+    background-color: ${(props) => props.theme.colors.blue1};
+    border: none;
+    border-radius: 4px;
+    box-shadow: none;
+
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 150ms;
+    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
+
+    &:hover {
+        background-color: ${(props) => props.theme.colors.grey1};
+    }
+
+    &:active {
+        background-color: ${(props) => props.theme.colors.grey2};
+    }
+
+    &:disabled {
+        cursor: not-allowed;
+        color: ${(props) => props.theme.colors.grey3};
+
+        svg {
+            color: ${(props) => props.theme.colors.grey3};
+        }
+    }
+`;
+  styled.div`
+    padding: 4px;
+`;
+  styled.hr`
+    width: 100%;
+    margin: 0.25rem 0;
+    border: none;
+    border-top: 1px solid ${(props) => props.theme.colors.grey2};
+`;
+  styled.div`
+    display: flex;
+    gap: 0.5rem;
+    width: 100%;
+`;
+  styled.div`
+    color: ${(props) => props.theme.colors.grey3};
 `;
   var locale$1 = {
     localize: localize$1
@@ -43639,9 +43787,11 @@
   requireRound();
   const $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c = typeof document !== "undefined" ? React$1.useLayoutEffect : () => {
   };
+  var $8ae05eaa5c114e9c$var$_React_useInsertionEffect;
+  const $8ae05eaa5c114e9c$var$useEarlyEffect = ($8ae05eaa5c114e9c$var$_React_useInsertionEffect = React$1["useInsertionEffect"]) !== null && $8ae05eaa5c114e9c$var$_React_useInsertionEffect !== void 0 ? $8ae05eaa5c114e9c$var$_React_useInsertionEffect : $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c;
   function $8ae05eaa5c114e9c$export$7f54fc3180508a52(fn) {
     const ref = React$1.useRef(null);
-    $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
+    $8ae05eaa5c114e9c$var$useEarlyEffect(() => {
       ref.current = fn;
     }, [
       fn
@@ -43881,11 +44031,54 @@
     "ping",
     "referrerPolicy"
   ]);
+  const $65484d02dcb7eb3e$var$globalAttrs = /* @__PURE__ */ new Set([
+    "dir",
+    "lang",
+    "hidden",
+    "inert",
+    "translate"
+  ]);
+  const $65484d02dcb7eb3e$var$globalEvents = /* @__PURE__ */ new Set([
+    "onClick",
+    "onAuxClick",
+    "onContextMenu",
+    "onDoubleClick",
+    "onMouseDown",
+    "onMouseEnter",
+    "onMouseLeave",
+    "onMouseMove",
+    "onMouseOut",
+    "onMouseOver",
+    "onMouseUp",
+    "onTouchCancel",
+    "onTouchEnd",
+    "onTouchMove",
+    "onTouchStart",
+    "onPointerDown",
+    "onPointerMove",
+    "onPointerUp",
+    "onPointerCancel",
+    "onPointerEnter",
+    "onPointerLeave",
+    "onPointerOver",
+    "onPointerOut",
+    "onGotPointerCapture",
+    "onLostPointerCapture",
+    "onScroll",
+    "onWheel",
+    "onAnimationStart",
+    "onAnimationEnd",
+    "onAnimationIteration",
+    "onTransitionCancel",
+    "onTransitionEnd",
+    "onTransitionRun",
+    "onTransitionStart"
+  ]);
   const $65484d02dcb7eb3e$var$propRe = /^(data-.*)$/;
   function $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, opts = {}) {
-    let { labelable, isLink, propNames } = opts;
+    let { labelable, isLink, global: global2, events = global2, propNames } = opts;
     let filteredProps = {};
-    for (const prop in props) if (Object.prototype.hasOwnProperty.call(props, prop) && ($65484d02dcb7eb3e$var$DOMPropNames.has(prop) || labelable && $65484d02dcb7eb3e$var$labelablePropNames.has(prop) || isLink && $65484d02dcb7eb3e$var$linkPropNames.has(prop) || (propNames === null || propNames === void 0 ? void 0 : propNames.has(prop)) || $65484d02dcb7eb3e$var$propRe.test(prop))) filteredProps[prop] = props[prop];
+    for (const prop in props) if (Object.prototype.hasOwnProperty.call(props, prop) && ($65484d02dcb7eb3e$var$DOMPropNames.has(prop) || labelable && $65484d02dcb7eb3e$var$labelablePropNames.has(prop) || isLink && $65484d02dcb7eb3e$var$linkPropNames.has(prop) || global2 && $65484d02dcb7eb3e$var$globalAttrs.has(prop) || events && $65484d02dcb7eb3e$var$globalEvents.has(prop) || prop.endsWith("Capture") && $65484d02dcb7eb3e$var$globalEvents.has(prop.slice(0, -7)) || (propNames === null || propNames === void 0 ? void 0 : propNames.has(prop)) || $65484d02dcb7eb3e$var$propRe.test(prop))) filteredProps[prop] = props[prop];
     return filteredProps;
   }
   function $7215afc6de606d6b$export$de79e2c695e052f3(element) {
@@ -43943,7 +44136,8 @@
   function $c87311424ea30a05$var$testUserAgent(re) {
     var _window_navigator_userAgentData;
     if (typeof window === "undefined" || window.navigator == null) return false;
-    return ((_window_navigator_userAgentData = window.navigator["userAgentData"]) === null || _window_navigator_userAgentData === void 0 ? void 0 : _window_navigator_userAgentData.brands.some((brand) => re.test(brand.brand))) || re.test(window.navigator.userAgent);
+    let brands = (_window_navigator_userAgentData = window.navigator["userAgentData"]) === null || _window_navigator_userAgentData === void 0 ? void 0 : _window_navigator_userAgentData.brands;
+    return Array.isArray(brands) && brands.some((brand) => re.test(brand.brand)) || re.test(window.navigator.userAgent);
   }
   function $c87311424ea30a05$var$testPlatform(re) {
     var _window_navigator_userAgentData;
@@ -44133,9 +44327,8 @@
     return event.detail === 0 && !event.pointerType;
   }
   function $99facab73266f662$export$5add1d006293d136(ref, initialValue, onReset) {
-    let resetValue = React$1.useRef(initialValue);
     let handleReset2 = $8ae05eaa5c114e9c$export$7f54fc3180508a52(() => {
-      if (onReset) onReset(resetValue.current);
+      if (onReset) onReset(initialValue);
     });
     React$1.useEffect(() => {
       var _ref_current;
@@ -44196,9 +44389,14 @@
   }
   function $9446cca9a3875146$export$e1a7b8e69ef6c52f(value, step) {
     let roundedValue = value;
+    let precision = 0;
     let stepString = step.toString();
-    let pointIndex = stepString.indexOf(".");
-    let precision = pointIndex >= 0 ? stepString.length - pointIndex : 0;
+    let eIndex = stepString.toLowerCase().indexOf("e-");
+    if (eIndex > 0) precision = Math.abs(Math.floor(Math.log10(Math.abs(step)))) + eIndex;
+    else {
+      let pointIndex = stepString.indexOf(".");
+      if (pointIndex >= 0) precision = stepString.length - pointIndex;
+    }
     if (precision > 0) {
       let pow = Math.pow(10, precision);
       roundedValue = Math.round(roundedValue * pow) / pow;
@@ -44785,7 +44983,9 @@
   }
   function $6179b936705e76d3$var$setupGlobalTouchEvents() {
     if (typeof document === "undefined") return;
-    if (typeof PointerEvent !== "undefined") document.addEventListener("pointerup", $6179b936705e76d3$var$handleGlobalPointerEvent);
+    if ($6179b936705e76d3$var$hoverCount === 0) {
+      if (typeof PointerEvent !== "undefined") document.addEventListener("pointerup", $6179b936705e76d3$var$handleGlobalPointerEvent);
+    }
     $6179b936705e76d3$var$hoverCount++;
     return () => {
       $6179b936705e76d3$var$hoverCount--;
@@ -45320,7 +45520,8 @@
       step
     ]);
     let value = React$1.useMemo(() => restrictValues($28f99e3e86e6ec45$var$convertValue(props.value)), [
-      props.value
+      props.value,
+      restrictValues
     ]);
     let defaultValue = React$1.useMemo(() => {
       var _convertValue;
@@ -45329,11 +45530,13 @@
       ]);
     }, [
       props.defaultValue,
-      minValue
+      minValue,
+      restrictValues
     ]);
     let onChange2 = $28f99e3e86e6ec45$var$createOnChange(props.value, props.defaultValue, props.onChange);
     let onChangeEnd = $28f99e3e86e6ec45$var$createOnChange(props.value, props.defaultValue, props.onChangeEnd);
     const [values, setValuesState] = $458b0a5536c1a7cf$export$40bfa8c7b0832715(value, defaultValue, onChange2);
+    let [initialValues] = React$1.useState(values);
     const [isDraggings, setDraggingsState] = React$1.useState(new Array(values.length).fill(false));
     const isEditablesRef = React$1.useRef(new Array(values.length).fill(true));
     const [focusedIndex, setFocusedIndex] = React$1.useState(void 0);
@@ -45401,6 +45604,7 @@
     }
     return {
       values,
+      defaultValues: props.defaultValue !== void 0 ? defaultValue : initialValues,
       getThumbValue: (index2) => values[index2],
       setThumbValue: updateValue,
       setThumbPercent,
@@ -45619,7 +45823,7 @@
     };
   }
   function $47b897dc8cdb026b$export$8d15029008292ae(opts, state) {
-    let { index: index2 = 0, isRequired, validationState, isInvalid, trackRef, inputRef, orientation = state.orientation, name } = opts;
+    let { index: index2 = 0, isRequired, validationState, isInvalid, trackRef, inputRef, orientation = state.orientation, name, form } = opts;
     let isDisabled = opts.isDisabled || state.isDisabled;
     let isVertical = orientation === "vertical";
     let { direction } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7();
@@ -45738,7 +45942,7 @@
         onDown(e2.changedTouches[0].identifier);
       }
     }) : {};
-    $99facab73266f662$export$5add1d006293d136(inputRef, value, (v) => {
+    $99facab73266f662$export$5add1d006293d136(inputRef, state.defaultValues[index2], (v) => {
       state.setThumbValue(index2, v);
     });
     return {
@@ -45750,6 +45954,7 @@
         step: state.step,
         value,
         name,
+        form,
         disabled: isDisabled,
         "aria-orientation": orientation,
         "aria-valuetext": state.getThumbValueLabel(index2),
@@ -45810,7 +46015,9 @@
       },
       defaultClassName: "react-aria-Slider"
     });
-    let DOMProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props);
+    let DOMProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, {
+      global: true
+    });
     delete DOMProps.id;
     return /* @__PURE__ */ React$1.createElement($64fa3d84918910a7$export$2881499e37b75b9a, {
       values: [
@@ -45838,9 +46045,7 @@
         ]
       ]
     }, /* @__PURE__ */ React$1.createElement("div", {
-      ...DOMProps,
-      ...groupProps,
-      ...renderProps,
+      ...$3ef42575df84b30b$export$9d1611c77c2fe928(DOMProps, renderProps, groupProps),
       ref,
       slot: props.slot || void 0,
       "data-orientation": state.orientation,
@@ -45904,7 +46109,9 @@
         isDisabled
       }
     });
-    let DOMProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props);
+    let DOMProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, {
+      global: true
+    });
     delete DOMProps.id;
     return /* @__PURE__ */ React$1.createElement("div", {
       ...$3ef42575df84b30b$export$9d1611c77c2fe928(DOMProps, thumbProps, hoverProps),
@@ -56656,6 +56863,9 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
   function isSwitchVariable(variable) {
     return isVariable(variable) && variable.__typename === "SwitchVariable";
   }
+  function isStateVariable(variable) {
+    return isVariable(variable) && variable.__typename === "StateVariable";
+  }
   function isResolvedDerivedVariable(value) {
     return value && typeof value === "object" && "values" in value && "type" in value && value.type === "derived" && "uid" in value;
   }
@@ -58095,8 +58305,9 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     console.warn("No valid theme was found. Defaulting to light theme.");
     return theme;
   }
-  function useDeferLoadable(loadable) {
-    const { suspend } = useFallbackCtx();
+  function useDeferLoadable(loadable, suspendOverride) {
+    const { suspend: ctxSuspend } = useFallbackCtx();
+    const suspend = suspendOverride ?? ctxSuspend;
     const [availableState, setAvailableState] = React$1.useState(() => loadable.getValue());
     const timerId = React$1.useRef(null);
     const isFirstRender = React$1.useRef(true);
@@ -59472,6 +59683,9 @@ Inferred class string: "${iconClasses}."`
         default: resolvedDefault
       };
     }
+    if (isStateVariable(variable)) {
+      throw new Error("StateVariable should not be resolved - it should be handled by useVariable hook");
+    }
     return resolver(getOrRegisterPlainVariable(variable, client2, taskContext, extras));
   }
   function cleanValue(value, forceKeyOverride) {
@@ -60427,25 +60641,25 @@ Inferred class string: "${iconClasses}."`
     }
     throw new Error(`Unexpected operator ${String(operator)} passed to conditional (If) component`);
   }
-  function useConditionOrVariable(arg) {
+  function useConditionOrVariable(arg, opts = {}) {
     if (isCondition(arg)) {
-      const value = useVariable(arg.variable)[0];
-      const other = useVariable(arg.other)[0];
+      const value = useVariable(arg.variable, opts)[0];
+      const other = useVariable(arg.other, opts)[0];
       return isConditionTrue(arg.operator, value, other);
     }
-    return useVariable(arg)[0];
+    return useVariable(arg, opts)[0];
   }
   function useSwitchVariable(variable) {
-    const value = useConditionOrVariable(variable.value);
-    const [valueMap] = useVariable(variable.value_map);
-    const [defaultValue] = useVariable(variable.default);
+    const value = useConditionOrVariable(variable.value, { suspend: false });
+    const [valueMap] = useVariable(variable.value_map, { suspend: false });
+    const [defaultValue] = useVariable(variable.default, { suspend: false });
     const lookupKey = String(value);
     return valueMap[lookupKey] ?? defaultValue;
   }
   function warnUpdateOnDerivedState() {
     console.warn("You tried to call update on variable with derived state, this is a noop and will be ignored.");
   }
-  function useVariable(variable) {
+  function useVariable(variable, opts = {}) {
     const extras = useRequestExtras();
     const { client: wsClient } = React$1.useContext(websocketCtx);
     const taskContext = useTaskContext();
@@ -60477,7 +60691,7 @@ Inferred class string: "${iconClasses}."`
           bus.publish("DERIVED_VARIABLE_LOADED", { variable, value: selectorLoadable.contents });
         }
       }, [selectorLoadable]);
-      const deferred2 = useDeferLoadable(selectorLoadable);
+      const deferred2 = useDeferLoadable(selectorLoadable, opts.suspend);
       return [deferred2.value, warnUpdateOnDerivedState];
     }
     if (isUrlVariable(variable)) {
@@ -60490,6 +60704,25 @@ Inferred class string: "${iconClasses}."`
     if (isSwitchVariable(variable)) {
       return [useSwitchVariable(variable), warnUpdateOnDerivedState];
     }
+    if (isStateVariable(variable)) {
+      const parentSelector = useDerivedVariable(variable.parent_variable, wsClient, taskContext, extras);
+      const parentLoadable = Recoil_index_28(parentSelector);
+      let stateValue;
+      switch (variable.property_name) {
+        case "loading":
+          stateValue = parentLoadable.state === "loading";
+          break;
+        case "error":
+          stateValue = parentLoadable.state === "hasError";
+          break;
+        case "hasValue":
+          stateValue = parentLoadable.state === "hasValue";
+          break;
+        default:
+          stateValue = false;
+      }
+      return [stateValue, warnUpdateOnDerivedState];
+    }
     const recoilState = getOrRegisterPlainVariable(variable, wsClient, taskContext, extras);
     if (!isDerivedVariable(variable.default)) {
       const [value, setValue] = Recoil_index_22(recoilState);
@@ -60504,7 +60737,7 @@ Inferred class string: "${iconClasses}."`
         bus.publish("PLAIN_VARIABLE_LOADED", { variable, value: loadable.contents });
       }
     }, [loadable]);
-    const deferred = useDeferLoadable(loadable);
+    const deferred = useDeferLoadable(loadable, opts.suspend);
     return [deferred, setLoadable];
   }
   function flexStyles(props, displayCtx2, useDisplayContext) {
@@ -61090,7 +61323,9 @@ Inferred class string: "${iconClasses}."`
       }, [getData]);
       return data ?? void 0;
     }
-    return useVariable(variable)[0];
+    return useVariable(variable, {
+      suspend: false
+    })[0];
   }
   function getVariableValue(variable, shouldFetchVariable = false, ctx) {
     const resolved = resolveVariable(
@@ -62960,6 +63195,7 @@ Inferred class string: "${iconClasses}."`
         ctx.eventBus.publish("URL_VARIABLE_LOADED", { variable, value: variable.default });
       } else if (isDataVariable(variable)) ;
       else if (isSwitchVariable(variable)) ;
+      else if (isStateVariable(variable)) ;
       else {
         const plainAtom = getOrRegisterPlainVariable(variable, ctx.wsClient, ctx.taskCtx, ctx.extras);
         ctx.reset(plainAtom);
@@ -86205,10 +86441,34 @@ Inferred class string: "${iconClasses}."`
     return FileSaver_min$1.exports;
   }
   var FileSaver_minExports = requireFileSaver_min();
+  const restoreColumnName = (colName) => {
+    const colMatch = colName.match(/^__col__\d+__(.+)$/);
+    if (colMatch) {
+      return colMatch[1];
+    }
+    if (colName.startsWith("__index__")) {
+      return colName;
+    }
+    return colName;
+  };
+  const processDataForDownload = (content) => {
+    return content.map((row) => {
+      const processedRow = {};
+      Object.entries(row).forEach(([key, value]) => {
+        if (key === "__index__" || key.startsWith("__index__")) {
+          return;
+        }
+        const restoredKey = restoreColumnName(key);
+        processedRow[restoredKey] = value;
+      });
+      return processedRow;
+    });
+  };
   const createMatrixFromArrayOfObjects = (content) => {
+    const processedContent = processDataForDownload(content);
     const headings = [];
     const indexes = {};
-    content.forEach((c) => {
+    processedContent.forEach((c) => {
       Object.keys(c).forEach((k) => {
         if (!headings.includes(k)) {
           headings.push(k);
@@ -86218,7 +86478,7 @@ Inferred class string: "${iconClasses}."`
     });
     const headingsLength = headings.length;
     const matrix = [];
-    content.forEach((c) => {
+    processedContent.forEach((c) => {
       const row = new Array(headingsLength);
       Object.entries(c).forEach(([k, v]) => {
         row[indexes[k]] = v;
@@ -86301,11 +86561,7 @@ Inferred class string: "${iconClasses}."`
       value = await value;
     }
     if (actionImpl.variable.__typename === "DataVariable" || actionImpl.variable.__typename === "DerivedDataVariable") {
-      for (const row of value) {
-        if ("__index__" in row) {
-          delete row.__index__;
-        }
-      }
+      value = processDataForDownload(value);
     }
     const fileName = actionImpl.file_name || "Data";
     const fileNameWithExt = `${fileName}.${actionImpl.type}`;
@@ -86747,6 +87003,7 @@ Inferred class string: "${iconClasses}."`
   exports.isResolvedDerivedDataVariable = isResolvedDerivedDataVariable;
   exports.isResolvedDerivedVariable = isResolvedDerivedVariable;
   exports.isResolvedSwitchVariable = isResolvedSwitchVariable;
+  exports.isStateVariable = isStateVariable;
   exports.isSwitchVariable = isSwitchVariable;
   exports.isTaskResponse = isTaskResponse$1;
   exports.isUrlVariable = isUrlVariable;