@doenet/doenetml 0.7.0-alpha53 → 0.7.0-alpha54

package/checkwork-Bq0PLxIc.js

@@ -1,1320 +0,0 @@
-import { x as createPopoverStore, y as __spreadProps, z as defaultValue, G as __spreadValues, H as createStore, I as useStoreProps, J as usePopoverStoreProps, K as createStoreContext, P as PopoverScopedContextProvider, L as PopoverContextProvider, N as createHook, O as __objRest, Q as invariant, R as usePortalRef, S as useIsMouseMoving, U as useBooleanEvent, V as chain, W as addGlobalEventListener, X as useLiveRef, Y as useSafeLayoutEffect, Z as useWrapElement, j as jsxRuntimeExports, $ as __spreadProps$1, a0 as useMergeRefs, a1 as __spreadValues$1, a2 as usePopover, a3 as isFalsyBooleanCallback, a4 as contains, a5 as useEvent, a6 as sync, a7 as hasFocusWithin, a8 as createDialogComponent, a9 as forwardRef2, aa as createElement, ab as disabledFromProps, ac as useFocusable, ad as CompositeScopedContextProvider, ae as CompositeContextProvider, af as __objRest$1, ag as mergeStore, ah as omit2, ai as pick2, aj as throwOnConflictingProps, ak as createCompositeStore, al as setup, am as applyState, an as useComboboxProviderContext, ao as useStore, ap as useUpdateEffect, aq as useCompositeStoreProps, ar as useId, as as useStoreState, at as isHidden, au as useComposite, av as useCompositeTypeahead, aw as fireEvent, ax as Role, ay as getPopupItemRole, az as getPopupRole, aA as usePopoverDisclosure, aB as memo2, aC as isDownloading, aD as isOpeningInNewTab, aE as useCompositeItem, aF as useCompositeHover, aG as getDocument } from "./doenetml-BxYCfP3q.js";
-import { useRef, useState, useEffect, useContext, createContext, useCallback, createRef, useMemo } from "react";
-import { F as FontAwesomeIcon } from "./index.es-D22JmNgX.js";
-import { a as faLevelDownAlt, b as faCheck, c as faTimes, d as faCloud } from "./index-CS9Bi7Fd.js";
-import styled from "styled-components";
-function createHovercardStore(props = {}) {
-  var _a;
-  const syncState = (_a = props.store) == null ? void 0 : _a.getState();
-  const popover = createPopoverStore(__spreadProps(__spreadValues({}, props), {
-    placement: defaultValue(
-      props.placement,
-      syncState == null ? void 0 : syncState.placement,
-      "bottom"
-    )
-  }));
-  const timeout = defaultValue(props.timeout, syncState == null ? void 0 : syncState.timeout, 500);
-  const initialState = __spreadProps(__spreadValues({}, popover.getState()), {
-    timeout,
-    showTimeout: defaultValue(props.showTimeout, syncState == null ? void 0 : syncState.showTimeout),
-    hideTimeout: defaultValue(props.hideTimeout, syncState == null ? void 0 : syncState.hideTimeout),
-    autoFocusOnShow: defaultValue(syncState == null ? void 0 : syncState.autoFocusOnShow, false)
-  });
-  const hovercard = createStore(initialState, popover, props.store);
-  return __spreadProps(__spreadValues(__spreadValues({}, popover), hovercard), {
-    setAutoFocusOnShow: (value) => hovercard.setState("autoFocusOnShow", value)
-  });
-}
-function useHovercardStoreProps(store, update, props) {
-  useStoreProps(store, props, "timeout");
-  useStoreProps(store, props, "showTimeout");
-  useStoreProps(store, props, "hideTimeout");
-  return usePopoverStoreProps(store, update, props);
-}
-var ctx = createStoreContext(
-  [PopoverContextProvider],
-  [PopoverScopedContextProvider]
-);
-ctx.useContext;
-ctx.useScopedContext;
-var useHovercardProviderContext = ctx.useProviderContext;
-var HovercardContextProvider = ctx.ContextProvider;
-var HovercardScopedContextProvider = ctx.ScopedContextProvider;
-function getEventPoint(event) {
-  return [event.clientX, event.clientY];
-}
-function isPointInPolygon(point, polygon) {
-  const [x, y] = point;
-  let inside = false;
-  const length = polygon.length;
-  for (let l = length, i = 0, j = l - 1; i < l; j = i++) {
-    const [xi, yi] = polygon[i];
-    const [xj, yj] = polygon[j];
-    const [, vy] = polygon[j === 0 ? l - 1 : j - 1] || [0, 0];
-    const where = (yi - yj) * (x - xi) - (xi - xj) * (y - yi);
-    if (yj < yi) {
-      if (y >= yj && y < yi) {
-        if (where === 0) return true;
-        if (where > 0) {
-          if (y === yj) {
-            if (y > vy) {
-              inside = !inside;
-            }
-          } else {
-            inside = !inside;
-          }
-        }
-      }
-    } else if (yi < yj) {
-      if (y > yi && y <= yj) {
-        if (where === 0) return true;
-        if (where < 0) {
-          if (y === yj) {
-            if (y < vy) {
-              inside = !inside;
-            }
-          } else {
-            inside = !inside;
-          }
-        }
-      }
-    } else if (y === yi && (x >= xj && x <= xi || x >= xi && x <= xj)) {
-      return true;
-    }
-  }
-  return inside;
-}
-function getEnterPointPlacement(enterPoint, rect) {
-  const { top, right, bottom, left } = rect;
-  const [x, y] = enterPoint;
-  const placementX = x < left ? "left" : x > right ? "right" : null;
-  const placementY = y < top ? "top" : y > bottom ? "bottom" : null;
-  return [placementX, placementY];
-}
-function getElementPolygon(element, enterPoint) {
-  const rect = element.getBoundingClientRect();
-  const { top, right, bottom, left } = rect;
-  const [x, y] = getEnterPointPlacement(enterPoint, rect);
-  const polygon = [enterPoint];
-  if (x) {
-    if (y !== "top") {
-      polygon.push([x === "left" ? left : right, top]);
-    }
-    polygon.push([x === "left" ? right : left, top]);
-    polygon.push([x === "left" ? right : left, bottom]);
-    if (y !== "bottom") {
-      polygon.push([x === "left" ? left : right, bottom]);
-    }
-  } else if (y === "top") {
-    polygon.push([left, top]);
-    polygon.push([left, bottom]);
-    polygon.push([right, bottom]);
-    polygon.push([right, top]);
-  } else {
-    polygon.push([left, bottom]);
-    polygon.push([left, top]);
-    polygon.push([right, top]);
-    polygon.push([right, bottom]);
-  }
-  return polygon;
-}
-var TagName$5 = "div";
-function isMovingOnHovercard(target, card, anchor, nested) {
-  if (hasFocusWithin(card)) return true;
-  if (!target) return false;
-  if (contains(card, target)) return true;
-  if (anchor && contains(anchor, target)) return true;
-  if (nested == null ? void 0 : nested.some((card2) => isMovingOnHovercard(target, card2, anchor))) {
-    return true;
-  }
-  return false;
-}
-function useAutoFocusOnHide(_a) {
-  var _b = _a, {
-    store
-  } = _b, props = __objRest(_b, [
-    "store"
-  ]);
-  const [autoFocusOnHide, setAutoFocusOnHide] = useState(false);
-  const mounted = store.useState("mounted");
-  useEffect(() => {
-    if (!mounted) {
-      setAutoFocusOnHide(false);
-    }
-  }, [mounted]);
-  const onFocusProp = props.onFocus;
-  const onFocus = useEvent((event) => {
-    onFocusProp == null ? void 0 : onFocusProp(event);
-    if (event.defaultPrevented) return;
-    setAutoFocusOnHide(true);
-  });
-  const finalFocusRef = useRef(null);
-  useEffect(() => {
-    return sync(store, ["anchorElement"], (state) => {
-      finalFocusRef.current = state.anchorElement;
-    });
-  }, []);
-  props = __spreadProps$1(__spreadValues$1({
-    autoFocusOnHide,
-    finalFocus: finalFocusRef
-  }, props), {
-    onFocus
-  });
-  return props;
-}
-var NestedHovercardContext = createContext(null);
-var useHovercard = createHook(
-  function useHovercard2(_a) {
-    var _b = _a, {
-      store,
-      modal = false,
-      portal = !!modal,
-      hideOnEscape = true,
-      hideOnHoverOutside = true,
-      disablePointerEventsOnApproach = !!hideOnHoverOutside
-    } = _b, props = __objRest(_b, [
-      "store",
-      "modal",
-      "portal",
-      "hideOnEscape",
-      "hideOnHoverOutside",
-      "disablePointerEventsOnApproach"
-    ]);
-    const context = useHovercardProviderContext();
-    store = store || context;
-    invariant(
-      store,
-      process.env.NODE_ENV !== "production" && "Hovercard must receive a `store` prop or be wrapped in a HovercardProvider component."
-    );
-    const ref = useRef(null);
-    const [nestedHovercards, setNestedHovercards] = useState([]);
-    const hideTimeoutRef = useRef(0);
-    const enterPointRef = useRef(null);
-    const { portalRef, domReady } = usePortalRef(portal, props.portalRef);
-    const isMouseMoving = useIsMouseMoving();
-    const mayHideOnHoverOutside = !!hideOnHoverOutside;
-    const hideOnHoverOutsideProp = useBooleanEvent(hideOnHoverOutside);
-    const mayDisablePointerEvents = !!disablePointerEventsOnApproach;
-    const disablePointerEventsProp = useBooleanEvent(
-      disablePointerEventsOnApproach
-    );
-    const open = store.useState("open");
-    const mounted = store.useState("mounted");
-    useEffect(() => {
-      if (!domReady) return;
-      if (!mounted) return;
-      if (!mayHideOnHoverOutside && !mayDisablePointerEvents) return;
-      const element = ref.current;
-      if (!element) return;
-      const onMouseMove = (event) => {
-        if (!store) return;
-        if (!isMouseMoving()) return;
-        const { anchorElement, hideTimeout, timeout } = store.getState();
-        const enterPoint = enterPointRef.current;
-        const [target] = event.composedPath();
-        const anchor = anchorElement;
-        if (isMovingOnHovercard(target, element, anchor, nestedHovercards)) {
-          enterPointRef.current = target && anchor && contains(anchor, target) ? getEventPoint(event) : null;
-          window.clearTimeout(hideTimeoutRef.current);
-          hideTimeoutRef.current = 0;
-          return;
-        }
-        if (hideTimeoutRef.current) return;
-        if (enterPoint) {
-          const currentPoint = getEventPoint(event);
-          const polygon = getElementPolygon(element, enterPoint);
-          if (isPointInPolygon(currentPoint, polygon)) {
-            enterPointRef.current = currentPoint;
-            if (!disablePointerEventsProp(event)) return;
-            event.preventDefault();
-            event.stopPropagation();
-            return;
-          }
-        }
-        if (!hideOnHoverOutsideProp(event)) return;
-        hideTimeoutRef.current = window.setTimeout(() => {
-          hideTimeoutRef.current = 0;
-          store == null ? void 0 : store.hide();
-        }, hideTimeout != null ? hideTimeout : timeout);
-      };
-      return chain(
-        addGlobalEventListener("mousemove", onMouseMove, true),
-        () => clearTimeout(hideTimeoutRef.current)
-      );
-    }, [
-      store,
-      isMouseMoving,
-      domReady,
-      mounted,
-      mayHideOnHoverOutside,
-      mayDisablePointerEvents,
-      nestedHovercards,
-      disablePointerEventsProp,
-      hideOnHoverOutsideProp
-    ]);
-    useEffect(() => {
-      if (!domReady) return;
-      if (!mounted) return;
-      if (!mayDisablePointerEvents) return;
-      const disableEvent = (event) => {
-        const element = ref.current;
-        if (!element) return;
-        const enterPoint = enterPointRef.current;
-        if (!enterPoint) return;
-        const polygon = getElementPolygon(element, enterPoint);
-        if (isPointInPolygon(getEventPoint(event), polygon)) {
-          if (!disablePointerEventsProp(event)) return;
-          event.preventDefault();
-          event.stopPropagation();
-        }
-      };
-      return chain(
-        // Note: we may need to add pointer events here in the future.
-        addGlobalEventListener("mouseenter", disableEvent, true),
-        addGlobalEventListener("mouseover", disableEvent, true),
-        addGlobalEventListener("mouseout", disableEvent, true),
-        addGlobalEventListener("mouseleave", disableEvent, true)
-      );
-    }, [domReady, mounted, mayDisablePointerEvents, disablePointerEventsProp]);
-    useEffect(() => {
-      if (!domReady) return;
-      if (open) return;
-      store == null ? void 0 : store.setAutoFocusOnShow(false);
-    }, [store, domReady, open]);
-    const openRef = useLiveRef(open);
-    useEffect(() => {
-      if (!domReady) return;
-      return () => {
-        if (!openRef.current) {
-          store == null ? void 0 : store.setAutoFocusOnShow(false);
-        }
-      };
-    }, [store, domReady]);
-    const registerOnParent = useContext(NestedHovercardContext);
-    useSafeLayoutEffect(() => {
-      if (modal) return;
-      if (!portal) return;
-      if (!mounted) return;
-      if (!domReady) return;
-      const element = ref.current;
-      if (!element) return;
-      return registerOnParent == null ? void 0 : registerOnParent(element);
-    }, [modal, portal, mounted, domReady]);
-    const registerNestedHovercard = useCallback(
-      (element) => {
-        setNestedHovercards((prevElements) => [...prevElements, element]);
-        const parentUnregister = registerOnParent == null ? void 0 : registerOnParent(element);
-        return () => {
-          setNestedHovercards(
-            (prevElements) => prevElements.filter((item) => item !== element)
-          );
-          parentUnregister == null ? void 0 : parentUnregister();
-        };
-      },
-      [registerOnParent]
-    );
-    props = useWrapElement(
-      props,
-      (element) => /* @__PURE__ */ jsxRuntimeExports.jsx(HovercardScopedContextProvider, { value: store, children: /* @__PURE__ */ jsxRuntimeExports.jsx(NestedHovercardContext.Provider, { value: registerNestedHovercard, children: element }) }),
-      [store, registerNestedHovercard]
-    );
-    props = __spreadProps$1(__spreadValues$1({}, props), {
-      ref: useMergeRefs(ref, props.ref)
-    });
-    props = useAutoFocusOnHide(__spreadValues$1({ store }, props));
-    const autoFocusOnShow = store.useState(
-      (state) => modal || state.autoFocusOnShow
-    );
-    props = usePopover(__spreadProps$1(__spreadValues$1({
-      store,
-      modal,
-      portal,
-      autoFocusOnShow
-    }, props), {
-      portalRef,
-      hideOnEscape(event) {
-        if (isFalsyBooleanCallback(hideOnEscape, event)) return false;
-        requestAnimationFrame(() => {
-          requestAnimationFrame(() => {
-            store == null ? void 0 : store.hide();
-          });
-        });
-        return true;
-      }
-    }));
-    return props;
-  }
-);
-createDialogComponent(
-  forwardRef2(function Hovercard2(props) {
-    const htmlProps = useHovercard(props);
-    return createElement(TagName$5, htmlProps);
-  }),
-  useHovercardProviderContext
-);
-var TagName$4 = "a";
-var useHovercardAnchor = createHook(
-  function useHovercardAnchor2(_a) {
-    var _b = _a, { store, showOnHover = true } = _b, props = __objRest(_b, ["store", "showOnHover"]);
-    const context = useHovercardProviderContext();
-    store = store || context;
-    invariant(
-      store,
-      process.env.NODE_ENV !== "production" && "HovercardAnchor must receive a `store` prop or be wrapped in a HovercardProvider component."
-    );
-    const disabled = disabledFromProps(props);
-    const showTimeoutRef = useRef(0);
-    useEffect(() => () => window.clearTimeout(showTimeoutRef.current), []);
-    useEffect(() => {
-      const onMouseLeave = (event) => {
-        if (!store) return;
-        const { anchorElement } = store.getState();
-        if (!anchorElement) return;
-        if (event.target !== anchorElement) return;
-        window.clearTimeout(showTimeoutRef.current);
-        showTimeoutRef.current = 0;
-      };
-      return addGlobalEventListener("mouseleave", onMouseLeave, true);
-    }, [store]);
-    const onMouseMoveProp = props.onMouseMove;
-    const showOnHoverProp = useBooleanEvent(showOnHover);
-    const isMouseMoving = useIsMouseMoving();
-    const onMouseMove = useEvent((event) => {
-      onMouseMoveProp == null ? void 0 : onMouseMoveProp(event);
-      if (disabled) return;
-      if (!store) return;
-      if (event.defaultPrevented) return;
-      if (showTimeoutRef.current) return;
-      if (!isMouseMoving()) return;
-      if (!showOnHoverProp(event)) return;
-      const element = event.currentTarget;
-      store.setAnchorElement(element);
-      store.setDisclosureElement(element);
-      const { showTimeout, timeout } = store.getState();
-      const showHovercard = () => {
-        showTimeoutRef.current = 0;
-        if (!isMouseMoving()) return;
-        store == null ? void 0 : store.setAnchorElement(element);
-        store == null ? void 0 : store.show();
-        queueMicrotask(() => {
-          store == null ? void 0 : store.setDisclosureElement(element);
-        });
-      };
-      const timeoutMs = showTimeout != null ? showTimeout : timeout;
-      if (timeoutMs === 0) {
-        showHovercard();
-      } else {
-        showTimeoutRef.current = window.setTimeout(showHovercard, timeoutMs);
-      }
-    });
-    const onClickProp = props.onClick;
-    const onClick = useEvent((event) => {
-      onClickProp == null ? void 0 : onClickProp(event);
-      if (!store) return;
-      window.clearTimeout(showTimeoutRef.current);
-      showTimeoutRef.current = 0;
-    });
-    const ref = useCallback(
-      (element) => {
-        if (!store) return;
-        const { anchorElement } = store.getState();
-        if (anchorElement == null ? void 0 : anchorElement.isConnected) return;
-        store.setAnchorElement(element);
-      },
-      [store]
-    );
-    props = __spreadProps$1(__spreadValues$1({}, props), {
-      ref: useMergeRefs(ref, props.ref),
-      onMouseMove,
-      onClick
-    });
-    props = useFocusable(props);
-    return props;
-  }
-);
-forwardRef2(function HovercardAnchor2(props) {
-  const htmlProps = useHovercardAnchor(props);
-  return createElement(TagName$4, htmlProps);
-});
-var menubar = createStoreContext(
-  [CompositeContextProvider],
-  [CompositeScopedContextProvider]
-);
-var useMenubarContext = menubar.useContext;
-var useMenubarScopedContext = menubar.useScopedContext;
-createContext(
-  void 0
-);
-var menu = createStoreContext(
-  [CompositeContextProvider, HovercardContextProvider],
-  [CompositeScopedContextProvider, HovercardScopedContextProvider]
-);
-var useMenuContext = menu.useContext;
-var useMenuScopedContext = menu.useScopedContext;
-var useMenuProviderContext = menu.useProviderContext;
-var MenuContextProvider = menu.ContextProvider;
-var MenuScopedContextProvider = menu.ScopedContextProvider;
-createContext(
-  void 0
-);
-function createMenuStore(_a = {}) {
-  var _b = _a, {
-    combobox,
-    parent,
-    menubar: menubar2
-  } = _b, props = __objRest$1(_b, [
-    "combobox",
-    "parent",
-    "menubar"
-  ]);
-  const parentIsMenubar = !!menubar2 && !parent;
-  const store = mergeStore(
-    props.store,
-    pick2(parent, ["values"]),
-    omit2(combobox, [
-      "arrowElement",
-      "anchorElement",
-      "contentElement",
-      "popoverElement",
-      "disclosureElement"
-    ])
-  );
-  throwOnConflictingProps(props, store);
-  const syncState = store.getState();
-  const composite = createCompositeStore(__spreadProps(__spreadValues({}, props), {
-    store,
-    orientation: defaultValue(
-      props.orientation,
-      syncState.orientation,
-      "vertical"
-    )
-  }));
-  const hovercard = createHovercardStore(__spreadProps(__spreadValues({}, props), {
-    store,
-    placement: defaultValue(
-      props.placement,
-      syncState.placement,
-      "bottom-start"
-    ),
-    timeout: defaultValue(
-      props.timeout,
-      syncState.timeout,
-      parentIsMenubar ? 0 : 150
-    ),
-    hideTimeout: defaultValue(props.hideTimeout, syncState.hideTimeout, 0)
-  }));
-  const initialState = __spreadProps(__spreadValues(__spreadValues({}, composite.getState()), hovercard.getState()), {
-    initialFocus: defaultValue(syncState.initialFocus, "container"),
-    values: defaultValue(
-      props.values,
-      syncState.values,
-      props.defaultValues,
-      {}
-    )
-  });
-  const menu2 = createStore(initialState, composite, hovercard, store);
-  setup(
-    menu2,
-    () => sync(menu2, ["mounted"], (state) => {
-      if (state.mounted) return;
-      menu2.setState("activeId", null);
-    })
-  );
-  setup(
-    menu2,
-    () => sync(parent, ["orientation"], (state) => {
-      menu2.setState(
-        "placement",
-        state.orientation === "vertical" ? "right-start" : "bottom-start"
-      );
-    })
-  );
-  return __spreadProps(__spreadValues(__spreadValues(__spreadValues({}, composite), hovercard), menu2), {
-    combobox,
-    parent,
-    menubar: menubar2,
-    hideAll: () => {
-      hovercard.hide();
-      parent == null ? void 0 : parent.hideAll();
-    },
-    setInitialFocus: (value) => menu2.setState("initialFocus", value),
-    setValues: (values) => menu2.setState("values", values),
-    setValue: (name, value) => {
-      if (name === "__proto__") return;
-      if (name === "constructor") return;
-      if (Array.isArray(name)) return;
-      menu2.setState("values", (values) => {
-        const prevValue = values[name];
-        const nextValue = applyState(value, prevValue);
-        if (nextValue === prevValue) return values;
-        return __spreadProps(__spreadValues({}, values), {
-          [name]: nextValue !== void 0 && nextValue
-        });
-      });
-    }
-  });
-}
-function useMenuStoreProps(store, update, props) {
-  useUpdateEffect(update, [props.combobox, props.parent, props.menubar]);
-  useStoreProps(store, props, "values", "setValues");
-  return Object.assign(
-    useHovercardStoreProps(
-      useCompositeStoreProps(store, update, props),
-      update,
-      props
-    ),
-    {
-      combobox: props.combobox,
-      parent: props.parent,
-      menubar: props.menubar
-    }
-  );
-}
-function useMenuStore(props = {}) {
-  const parent = useMenuContext();
-  const menubar2 = useMenubarContext();
-  const combobox = useComboboxProviderContext();
-  props = __spreadProps$1(__spreadValues$1({}, props), {
-    parent: props.parent !== void 0 ? props.parent : parent,
-    menubar: props.menubar !== void 0 ? props.menubar : menubar2,
-    combobox: props.combobox !== void 0 ? props.combobox : combobox
-  });
-  const [store, update] = useStore(createMenuStore, props);
-  return useMenuStoreProps(store, update, props);
-}
-var TagName$3 = "div";
-function useAriaLabelledBy(_a) {
-  var _b = _a, { store } = _b, props = __objRest(_b, ["store"]);
-  const [id, setId] = useState(void 0);
-  const label = props["aria-label"];
-  const disclosureElement = useStoreState(store, "disclosureElement");
-  const contentElement = useStoreState(store, "contentElement");
-  useEffect(() => {
-    const disclosure = disclosureElement;
-    if (!disclosure) return;
-    const menu2 = contentElement;
-    if (!menu2) return;
-    const menuLabel = label || menu2.hasAttribute("aria-label");
-    if (menuLabel) {
-      setId(void 0);
-    } else if (disclosure.id) {
-      setId(disclosure.id);
-    }
-  }, [label, disclosureElement, contentElement]);
-  return id;
-}
-var useMenuList = createHook(
-  function useMenuList2(_a) {
-    var _b = _a, { store, alwaysVisible, composite } = _b, props = __objRest(_b, ["store", "alwaysVisible", "composite"]);
-    const context = useMenuProviderContext();
-    store = store || context;
-    invariant(
-      store,
-      process.env.NODE_ENV !== "production" && "MenuList must receive a `store` prop or be wrapped in a MenuProvider component."
-    );
-    const parentMenu = store.parent;
-    const parentMenubar = store.menubar;
-    const hasParentMenu = !!parentMenu;
-    const id = useId(props.id);
-    const onKeyDownProp = props.onKeyDown;
-    const dir = store.useState(
-      (state) => state.placement.split("-")[0]
-    );
-    const orientation = store.useState(
-      (state) => state.orientation === "both" ? void 0 : state.orientation
-    );
-    const isHorizontal = orientation !== "vertical";
-    const isMenubarHorizontal = useStoreState(
-      parentMenubar,
-      (state) => !!state && state.orientation !== "vertical"
-    );
-    const onKeyDown = useEvent((event) => {
-      onKeyDownProp == null ? void 0 : onKeyDownProp(event);
-      if (event.defaultPrevented) return;
-      if (hasParentMenu || parentMenubar && !isHorizontal) {
-        const hideMap = {
-          ArrowRight: () => dir === "left" && !isHorizontal,
-          ArrowLeft: () => dir === "right" && !isHorizontal,
-          ArrowUp: () => dir === "bottom" && isHorizontal,
-          ArrowDown: () => dir === "top" && isHorizontal
-        };
-        const action = hideMap[event.key];
-        if (action == null ? void 0 : action()) {
-          event.stopPropagation();
-          event.preventDefault();
-          return store == null ? void 0 : store.hide();
-        }
-      }
-      if (parentMenubar) {
-        const keyMap = {
-          ArrowRight: () => {
-            if (!isMenubarHorizontal) return;
-            return parentMenubar.next();
-          },
-          ArrowLeft: () => {
-            if (!isMenubarHorizontal) return;
-            return parentMenubar.previous();
-          },
-          ArrowDown: () => {
-            if (isMenubarHorizontal) return;
-            return parentMenubar.next();
-          },
-          ArrowUp: () => {
-            if (isMenubarHorizontal) return;
-            return parentMenubar.previous();
-          }
-        };
-        const action = keyMap[event.key];
-        const id2 = action == null ? void 0 : action();
-        if (id2 !== void 0) {
-          event.stopPropagation();
-          event.preventDefault();
-          parentMenubar.move(id2);
-        }
-      }
-    });
-    props = useWrapElement(
-      props,
-      (element) => /* @__PURE__ */ jsxRuntimeExports.jsx(MenuScopedContextProvider, { value: store, children: element }),
-      [store]
-    );
-    const ariaLabelledBy = useAriaLabelledBy(__spreadValues$1({ store }, props));
-    const mounted = store.useState("mounted");
-    const hidden = isHidden(mounted, props.hidden, alwaysVisible);
-    const style = hidden ? __spreadProps$1(__spreadValues$1({}, props.style), { display: "none" }) : props.style;
-    props = __spreadProps$1(__spreadValues$1({
-      id,
-      "aria-labelledby": ariaLabelledBy,
-      hidden
-    }, props), {
-      ref: useMergeRefs(id ? store.setContentElement : null, props.ref),
-      style,
-      onKeyDown
-    });
-    const hasCombobox = !!store.combobox;
-    composite = composite != null ? composite : !hasCombobox;
-    if (composite) {
-      props = __spreadValues$1({
-        role: "menu",
-        "aria-orientation": orientation
-      }, props);
-    }
-    props = useComposite(__spreadValues$1({ store, composite }, props));
-    props = useCompositeTypeahead(__spreadValues$1({ store, typeahead: !hasCombobox }, props));
-    return props;
-  }
-);
-forwardRef2(function MenuList2(props) {
-  const htmlProps = useMenuList(props);
-  return createElement(TagName$3, htmlProps);
-});
-var TagName$2 = "div";
-var useMenu = createHook(function useMenu2(_a) {
-  var _b = _a, {
-    store,
-    modal: modalProp = false,
-    portal = !!modalProp,
-    hideOnEscape = true,
-    autoFocusOnShow = true,
-    hideOnHoverOutside,
-    alwaysVisible
-  } = _b, props = __objRest(_b, [
-    "store",
-    "modal",
-    "portal",
-    "hideOnEscape",
-    "autoFocusOnShow",
-    "hideOnHoverOutside",
-    "alwaysVisible"
-  ]);
-  const context = useMenuProviderContext();
-  store = store || context;
-  invariant(
-    store,
-    process.env.NODE_ENV !== "production" && "Menu must receive a `store` prop or be wrapped in a MenuProvider component."
-  );
-  const ref = useRef(null);
-  const parentMenu = store.parent;
-  const parentMenubar = store.menubar;
-  const hasParentMenu = !!parentMenu;
-  const parentIsMenubar = !!parentMenubar && !hasParentMenu;
-  props = __spreadProps$1(__spreadValues$1({}, props), {
-    ref: useMergeRefs(ref, props.ref)
-  });
-  const _a2 = useMenuList(__spreadValues$1({
-    store,
-    alwaysVisible
-  }, props)), { "aria-labelledby": ariaLabelledBy } = _a2, menuListProps = __objRest(_a2, ["aria-labelledby"]);
-  props = menuListProps;
-  const [initialFocusRef, setInitialFocusRef] = useState();
-  const autoFocusOnShowState = store.useState("autoFocusOnShow");
-  const initialFocus = store.useState("initialFocus");
-  const baseElement = store.useState("baseElement");
-  const items = store.useState("renderedItems");
-  useEffect(() => {
-    let cleaning = false;
-    setInitialFocusRef((prevInitialFocusRef) => {
-      var _a3, _b2, _c;
-      if (cleaning) return;
-      if (!autoFocusOnShowState) return;
-      if ((_a3 = prevInitialFocusRef == null ? void 0 : prevInitialFocusRef.current) == null ? void 0 : _a3.isConnected) return prevInitialFocusRef;
-      const ref2 = createRef();
-      switch (initialFocus) {
-        // TODO: Refactor
-        case "first":
-          ref2.current = ((_b2 = items.find((item) => !item.disabled && item.element)) == null ? void 0 : _b2.element) || null;
-          break;
-        case "last":
-          ref2.current = ((_c = [...items].reverse().find((item) => !item.disabled && item.element)) == null ? void 0 : _c.element) || null;
-          break;
-        default:
-          ref2.current = baseElement;
-      }
-      return ref2;
-    });
-    return () => {
-      cleaning = true;
-    };
-  }, [store, autoFocusOnShowState, initialFocus, items, baseElement]);
-  const modal = hasParentMenu ? false : modalProp;
-  const mayAutoFocusOnShow = !!autoFocusOnShow;
-  const canAutoFocusOnShow = !!initialFocusRef || !!props.initialFocus || !!modal;
-  const contentElement = useStoreState(
-    store.combobox || store,
-    "contentElement"
-  );
-  const parentContentElement = useStoreState(
-    (parentMenu == null ? void 0 : parentMenu.combobox) || parentMenu,
-    "contentElement"
-  );
-  const preserveTabOrderAnchor = useMemo(() => {
-    if (!parentContentElement) return;
-    if (!contentElement) return;
-    const role = contentElement.getAttribute("role");
-    const parentRole = parentContentElement.getAttribute("role");
-    const parentIsMenuOrMenubar = parentRole === "menu" || parentRole === "menubar";
-    if (parentIsMenuOrMenubar && role === "menu") return;
-    return parentContentElement;
-  }, [contentElement, parentContentElement]);
-  if (preserveTabOrderAnchor !== void 0) {
-    props = __spreadValues$1({
-      preserveTabOrderAnchor
-    }, props);
-  }
-  props = useHovercard(__spreadProps$1(__spreadValues$1({
-    store,
-    alwaysVisible,
-    initialFocus: initialFocusRef,
-    autoFocusOnShow: mayAutoFocusOnShow ? canAutoFocusOnShow && autoFocusOnShow : autoFocusOnShowState || !!modal
-  }, props), {
-    hideOnEscape(event) {
-      if (isFalsyBooleanCallback(hideOnEscape, event)) return false;
-      store == null ? void 0 : store.hideAll();
-      return true;
-    },
-    hideOnHoverOutside(event) {
-      const disclosureElement = store == null ? void 0 : store.getState().disclosureElement;
-      const getHideOnHoverOutside = () => {
-        if (typeof hideOnHoverOutside === "function") {
-          return hideOnHoverOutside(event);
-        }
-        if (hideOnHoverOutside != null) return hideOnHoverOutside;
-        if (hasParentMenu) return true;
-        if (!parentIsMenubar) return false;
-        if (!disclosureElement) return true;
-        if (hasFocusWithin(disclosureElement)) return false;
-        return true;
-      };
-      if (!getHideOnHoverOutside()) return false;
-      if (event.defaultPrevented) return true;
-      if (!hasParentMenu) return true;
-      if (!disclosureElement) return true;
-      fireEvent(disclosureElement, "mouseout", event);
-      if (!hasFocusWithin(disclosureElement)) return true;
-      requestAnimationFrame(() => {
-        if (hasFocusWithin(disclosureElement)) return;
-        store == null ? void 0 : store.hide();
-      });
-      return false;
-    },
-    modal,
-    portal,
-    backdrop: hasParentMenu ? false : props.backdrop
-  }));
-  props = __spreadValues$1({
-    "aria-labelledby": ariaLabelledBy
-  }, props);
-  return props;
-});
-var Menu = createDialogComponent(
-  forwardRef2(function Menu2(props) {
-    const htmlProps = useMenu(props);
-    return createElement(TagName$2, htmlProps);
-  }),
-  useMenuProviderContext
-);
-function MenuProvider(props = {}) {
-  const store = useMenuStore(props);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(MenuContextProvider, { value: store, children: props.children });
-}
-var TagName$1 = "button";
-function getInitialFocus(event, dir) {
-  const keyMap = {
-    ArrowDown: dir === "bottom" || dir === "top" ? "first" : false,
-    ArrowUp: dir === "bottom" || dir === "top" ? "last" : false,
-    ArrowRight: dir === "right" ? "first" : false,
-    ArrowLeft: dir === "left" ? "first" : false
-  };
-  return keyMap[event.key];
-}
-function hasActiveItem(items, excludeElement) {
-  return !!(items == null ? void 0 : items.some((item) => {
-    if (!item.element) return false;
-    if (item.element === excludeElement) return false;
-    return item.element.getAttribute("aria-expanded") === "true";
-  }));
-}
-var useMenuButton = createHook(
-  function useMenuButton2(_a) {
-    var _b = _a, {
-      store,
-      focusable,
-      accessibleWhenDisabled,
-      showOnHover
-    } = _b, props = __objRest(_b, [
-      "store",
-      "focusable",
-      "accessibleWhenDisabled",
-      "showOnHover"
-    ]);
-    const context = useMenuProviderContext();
-    store = store || context;
-    invariant(
-      store,
-      process.env.NODE_ENV !== "production" && "MenuButton must receive a `store` prop or be wrapped in a MenuProvider component."
-    );
-    const ref = useRef(null);
-    const parentMenu = store.parent;
-    const parentMenubar = store.menubar;
-    const hasParentMenu = !!parentMenu;
-    const parentIsMenubar = !!parentMenubar && !hasParentMenu;
-    const disabled = disabledFromProps(props);
-    const showMenu = () => {
-      const trigger = ref.current;
-      if (!trigger) return;
-      store == null ? void 0 : store.setDisclosureElement(trigger);
-      store == null ? void 0 : store.setAnchorElement(trigger);
-      store == null ? void 0 : store.show();
-    };
-    const onFocusProp = props.onFocus;
-    const onFocus = useEvent((event) => {
-      onFocusProp == null ? void 0 : onFocusProp(event);
-      if (disabled) return;
-      if (event.defaultPrevented) return;
-      store == null ? void 0 : store.setAutoFocusOnShow(false);
-      store == null ? void 0 : store.setActiveId(null);
-      if (!parentMenubar) return;
-      if (!parentIsMenubar) return;
-      const { items } = parentMenubar.getState();
-      if (hasActiveItem(items, event.currentTarget)) {
-        showMenu();
-      }
-    });
-    const dir = useStoreState(
-      store,
-      (state) => state.placement.split("-")[0]
-    );
-    const onKeyDownProp = props.onKeyDown;
-    const onKeyDown = useEvent((event) => {
-      onKeyDownProp == null ? void 0 : onKeyDownProp(event);
-      if (disabled) return;
-      if (event.defaultPrevented) return;
-      const initialFocus = getInitialFocus(event, dir);
-      if (initialFocus) {
-        event.preventDefault();
-        showMenu();
-        store == null ? void 0 : store.setAutoFocusOnShow(true);
-        store == null ? void 0 : store.setInitialFocus(initialFocus);
-      }
-    });
-    const onClickProp = props.onClick;
-    const onClick = useEvent((event) => {
-      onClickProp == null ? void 0 : onClickProp(event);
-      if (event.defaultPrevented) return;
-      if (!store) return;
-      const isKeyboardClick = !event.detail;
-      const { open } = store.getState();
-      if (!open || isKeyboardClick) {
-        if (!hasParentMenu || isKeyboardClick) {
-          store.setAutoFocusOnShow(true);
-        }
-        store.setInitialFocus(isKeyboardClick ? "first" : "container");
-      }
-      if (hasParentMenu) {
-        showMenu();
-      }
-    });
-    props = useWrapElement(
-      props,
-      (element) => /* @__PURE__ */ jsxRuntimeExports.jsx(MenuContextProvider, { value: store, children: element }),
-      [store]
-    );
-    if (hasParentMenu) {
-      props = __spreadProps$1(__spreadValues$1({}, props), {
-        render: /* @__PURE__ */ jsxRuntimeExports.jsx(Role.div, { render: props.render })
-      });
-    }
-    const id = useId(props.id);
-    const parentContentElement = useStoreState(
-      (parentMenu == null ? void 0 : parentMenu.combobox) || parentMenu,
-      "contentElement"
-    );
-    const role = hasParentMenu || parentIsMenubar ? getPopupItemRole(parentContentElement, "menuitem") : void 0;
-    const contentElement = store.useState("contentElement");
-    props = __spreadProps$1(__spreadValues$1({
-      id,
-      role,
-      "aria-haspopup": getPopupRole(contentElement, "menu")
-    }, props), {
-      ref: useMergeRefs(ref, props.ref),
-      onFocus,
-      onKeyDown,
-      onClick
-    });
-    props = useHovercardAnchor(__spreadProps$1(__spreadValues$1({
-      store,
-      focusable,
-      accessibleWhenDisabled
-    }, props), {
-      showOnHover: (event) => {
-        const getShowOnHover = () => {
-          if (typeof showOnHover === "function") return showOnHover(event);
-          if (showOnHover != null) return showOnHover;
-          if (hasParentMenu) return true;
-          if (!parentMenubar) return false;
-          const { items } = parentMenubar.getState();
-          return parentIsMenubar && hasActiveItem(items);
-        };
-        const canShowOnHover = getShowOnHover();
-        if (!canShowOnHover) return false;
-        const parent = parentIsMenubar ? parentMenubar : parentMenu;
-        if (!parent) return true;
-        parent.setActiveId(event.currentTarget.id);
-        return true;
-      }
-    }));
-    props = usePopoverDisclosure(__spreadValues$1({
-      store,
-      toggleOnClick: !hasParentMenu,
-      focusable,
-      accessibleWhenDisabled
-    }, props));
-    props = useCompositeTypeahead(__spreadValues$1({
-      store,
-      typeahead: parentIsMenubar
-    }, props));
-    return props;
-  }
-);
-var MenuButton = forwardRef2(function MenuButton2(props) {
-  const htmlProps = useMenuButton(props);
-  return createElement(TagName$1, htmlProps);
-});
-var TagName = "div";
-function menuHasFocus(baseElement, items, currentTarget) {
-  var _a;
-  if (!baseElement) return false;
-  if (hasFocusWithin(baseElement)) return true;
-  const expandedItem = items == null ? void 0 : items.find((item) => {
-    var _a2;
-    if (item.element === currentTarget) return false;
-    return ((_a2 = item.element) == null ? void 0 : _a2.getAttribute("aria-expanded")) === "true";
-  });
-  const expandedMenuId = (_a = expandedItem == null ? void 0 : expandedItem.element) == null ? void 0 : _a.getAttribute("aria-controls");
-  if (!expandedMenuId) return false;
-  const doc = getDocument(baseElement);
-  const expandedMenu = doc.getElementById(expandedMenuId);
-  if (!expandedMenu) return false;
-  if (hasFocusWithin(expandedMenu)) return true;
-  return !!expandedMenu.querySelector("[role=menuitem][aria-expanded=true]");
-}
-var useMenuItem = createHook(
-  function useMenuItem2(_a) {
-    var _b = _a, {
-      store,
-      hideOnClick = true,
-      preventScrollOnKeyDown = true,
-      focusOnHover,
-      blurOnHoverEnd
-    } = _b, props = __objRest(_b, [
-      "store",
-      "hideOnClick",
-      "preventScrollOnKeyDown",
-      "focusOnHover",
-      "blurOnHoverEnd"
-    ]);
-    const menuContext = useMenuScopedContext(true);
-    const menubarContext = useMenubarScopedContext();
-    store = store || menuContext || menubarContext;
-    invariant(
-      store,
-      process.env.NODE_ENV !== "production" && "MenuItem must be wrapped in a MenuList, Menu or Menubar component"
-    );
-    const onClickProp = props.onClick;
-    const hideOnClickProp = useBooleanEvent(hideOnClick);
-    const hideMenu = "hideAll" in store ? store.hideAll : void 0;
-    const isWithinMenu = !!hideMenu;
-    const onClick = useEvent((event) => {
-      onClickProp == null ? void 0 : onClickProp(event);
-      if (event.defaultPrevented) return;
-      if (isDownloading(event)) return;
-      if (isOpeningInNewTab(event)) return;
-      if (!hideMenu) return;
-      const popupType = event.currentTarget.getAttribute("aria-haspopup");
-      if (popupType === "menu") return;
-      if (!hideOnClickProp(event)) return;
-      hideMenu();
-    });
-    const contentElement = useStoreState(
-      store,
-      (state) => "contentElement" in state ? state.contentElement : null
-    );
-    const role = getPopupItemRole(contentElement, "menuitem");
-    props = __spreadProps$1(__spreadValues$1({
-      role
-    }, props), {
-      onClick
-    });
-    props = useCompositeItem(__spreadValues$1({
-      store,
-      preventScrollOnKeyDown
-    }, props));
-    props = useCompositeHover(__spreadProps$1(__spreadValues$1({
-      store
-    }, props), {
-      focusOnHover(event) {
-        const getFocusOnHover = () => {
-          if (typeof focusOnHover === "function") return focusOnHover(event);
-          if (focusOnHover != null) return focusOnHover;
-          return true;
-        };
-        if (!store) return false;
-        if (!getFocusOnHover()) return false;
-        const { baseElement, items } = store.getState();
-        if (isWithinMenu) {
-          if (event.currentTarget.hasAttribute("aria-expanded")) {
-            event.currentTarget.focus();
-          }
-          return true;
-        }
-        if (menuHasFocus(baseElement, items, event.currentTarget)) {
-          event.currentTarget.focus();
-          return true;
-        }
-        return false;
-      },
-      blurOnHoverEnd(event) {
-        if (typeof blurOnHoverEnd === "function") return blurOnHoverEnd(event);
-        if (blurOnHoverEnd != null) return blurOnHoverEnd;
-        return isWithinMenu;
-      }
-    }));
-    return props;
-  }
-);
-var MenuItem = memo2(
-  forwardRef2(function MenuItem2(props) {
-    const htmlProps = useMenuItem(props);
-    return createElement(TagName, htmlProps);
-  })
-);
-function AnswerResponseMenu({
-  answerId,
-  answerComponentIdx,
-  activityId,
-  docId,
-  numResponses = 0
-}) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(MenuProvider, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(MenuButton, { className: "doenet-button action-button answer-response-menu-trigger", children: numResponses }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Menu, { className: "answer-response-menu", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
-      MenuItem,
-      {
-        className: "answer-response-menu-item",
-        onClick: () => {
-          window.postMessage({
-            subject: "requestAnswerResponses",
-            answerComponentIdx,
-            answerId,
-            activityId,
-            docId
-          });
-        },
-        children: [
-          "Show ",
-          numResponses,
-          " response",
-          numResponses === 1 ? "" : "s",
-          " to ",
-          answerId
-        ]
-      }
-    ) })
-  ] });
-}
-const Button = styled.button`
-    position: relative;
-    height: 24px;
-    display: inline-block;
-    color: white;
-    background-color: var(--mainBlue);
-    padding: 2px;
-    /* border: var(--mainBorder); */
-    border: none;
-    border-radius: var(--mainBorderRadius);
-    margin: 0px 4px 4px 0px;
-
-    &:hover {
-        background-color: var(--lightBlue);
-        color: black;
-    }
-`;
-function createCheckworkComponent(SVs, disabled, id, submitAnswer) {
-  let validationState = "unvalidated";
-  if (SVs.justSubmitted || SVs.numAttemptsLeft < 1) {
-    if (SVs.creditAchieved === 1) {
-      validationState = "correct";
-    } else if (SVs.creditAchieved === 0) {
-      validationState = "incorrect";
-    } else {
-      validationState = "partialcorrect";
-    }
-  }
-  let checkWorkStyle = {
-    cursor: "pointer",
-    padding: "1px 6px 1px 6px"
-  };
-  let checkWorkTabIndex = "0";
-  if (disabled) {
-    checkWorkStyle.backgroundColor = getComputedStyle(
-      document.documentElement
-    ).getPropertyValue("--mainGray");
-    checkWorkStyle.color = "black";
-    checkWorkStyle.cursor = "not-allowed";
-    checkWorkTabIndex = "-1";
-  }
-  let checkWorkText = SVs.submitLabel;
-  if (!SVs.showCorrectness) {
-    checkWorkText = SVs.submitLabelNoCorrectness;
-  }
-  let checkworkComponent = /* @__PURE__ */ jsxRuntimeExports.jsxs(
-    Button,
-    {
-      id: id + "_submit",
-      tabIndex: +checkWorkTabIndex,
-      disabled,
-      style: checkWorkStyle,
-      onClick: submitAnswer,
-      children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          FontAwesomeIcon,
-          {
-            icon: faLevelDownAlt,
-            transform: { rotate: 90 }
-          }
-        ),
-        " ",
-        checkWorkText
-      ]
-    }
-  );
-  if (SVs.showCorrectness) {
-    if (validationState === "correct") {
-      checkWorkStyle.backgroundColor = getComputedStyle(
-        document.documentElement
-      ).getPropertyValue("--mainGreen");
-      checkworkComponent = /* @__PURE__ */ jsxRuntimeExports.jsxs(
-        Button,
-        {
-          id: id + "_correct",
-          style: checkWorkStyle,
-          tabIndex: +checkWorkTabIndex,
-          children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx(FontAwesomeIcon, { icon: faCheck }),
-            "  Correct"
-          ]
-        }
-      );
-    } else if (validationState === "incorrect") {
-      checkWorkStyle.backgroundColor = getComputedStyle(
-        document.documentElement
-      ).getPropertyValue("--mainRed");
-      checkworkComponent = /* @__PURE__ */ jsxRuntimeExports.jsxs(
-        Button,
-        {
-          id: id + "_incorrect",
-          style: checkWorkStyle,
-          tabIndex: +checkWorkTabIndex,
-          children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx(FontAwesomeIcon, { icon: faTimes }),
-            "  Incorrect"
-          ]
-        }
-      );
-    } else if (validationState === "partialcorrect") {
-      checkWorkStyle.backgroundColor = "#efab34";
-      let percent = Math.round(SVs.creditAchieved * 100);
-      let partialCreditContents = `${percent}% Correct`;
-      checkworkComponent = /* @__PURE__ */ jsxRuntimeExports.jsx(
-        Button,
-        {
-          id: id + "_partial",
-          style: checkWorkStyle,
-          tabIndex: +checkWorkTabIndex,
-          children: partialCreditContents
-        }
-      );
-    }
-  } else {
-    if (validationState !== "unvalidated") {
-      checkWorkStyle.backgroundColor = "rgb(74, 3, 217)";
-      checkworkComponent = /* @__PURE__ */ jsxRuntimeExports.jsxs(
-        Button,
-        {
-          id: id + "_saved",
-          style: checkWorkStyle,
-          tabIndex: +checkWorkTabIndex,
-          children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx(FontAwesomeIcon, { icon: faCloud }),
-            "  Response Saved"
-          ]
-        }
-      );
-    }
-  }
-  if (SVs.numAttemptsLeft < 0) {
-    checkworkComponent = /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-      checkworkComponent,
-      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "(no attempts remaining)" })
-    ] });
-  } else if (SVs.numAttemptsLeft == 1) {
-    checkworkComponent = /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-      checkworkComponent,
-      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "(1 attempt remaining)" })
-    ] });
-  } else if (Number.isFinite(SVs.numAttemptsLeft)) {
-    checkworkComponent = /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-      checkworkComponent,
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
-        "(",
-        SVs.numAttemptsLeft,
-        " attempts remaining)"
-      ] })
-    ] });
-  }
-  return checkworkComponent;
-}
-export {
-  AnswerResponseMenu as A,
-  createCheckworkComponent as c
-};