@doenet/doenetml 0.6.0-alpha3 → 0.6.0-alpha5

package/dist/{choiceInput-8b419109.js → choiceInput-06f9fe0d.js}

@@ -1,8 +1,7 @@
-import { u as P, R as W, r as T, j as e, F as x, f as _, a as I, b as w, c as L, M as H } from "./index-85d4fdb6.js";
-import N, { useState as O, useRef as G } from "react";
-import U from "styled-components";
-import "react-dom";
-const u = U.button`
+import "./choiceInput.css";
+import { u as P, R as W, r as T, j as e, F as x, f as _, a as I, b as w, c as L, s as H, M as O } from "./index-7912373f.js";
+import N, { useState as G, useRef as U } from "react";
+const u = H.button`
   position: relative;
   /* width: 24px; */
   height: 24px;
@@ -21,7 +20,7 @@ const u = U.button`
     background-color: var(--lightBlue);
     color: black;
   }
-`, X = N.memo(function F(R) {
+`, Q = N.memo(function F(R) {
   let {
     name: K,
     id: s,
@@ -34,10 +33,10 @@ const u = U.button`
     callAction: g
   } = P(R);
   F.baseStateVariable = "selectedIndices";
-  const [f, A] = O(
+  const [f, A] = G(
     t.selectedIndices
   ), B = W(T(E));
-  let y = G(null);
+  let y = U(null);
   !V && y.current !== t.selectedIndices ? (A(t.selectedIndices), y.current = t.selectedIndices) : y.current = null;
   let d = "unvalidated";
   (t.valueHasBeenValidated || t.numAttemptsLeft < 1) && (t.creditAchieved === 1 ? d = "correct" : t.creditAchieved === 0 ? d = "incorrect" : d = "partialcorrect");
@@ -46,21 +45,21 @@ const u = U.button`
     if (t.inline)
       i.target.value && (n = Array.from(
         i.target.selectedOptions,
-        (r) => Number(r.value)
+        (l) => Number(l.value)
       ));
     else if (t.selectMultiple) {
       n = [...f];
-      let r = Number(i.target.value);
+      let l = Number(i.target.value);
       if (i.target.checked)
-        n.includes(r) || (n.push(r), n.sort((a, c) => a - c));
+        n.includes(l) || (n.push(l), n.sort((a, c) => a - c));
       else {
-        let a = n.indexOf(r);
+        let a = n.indexOf(l);
         a !== -1 && n.splice(a, 1);
       }
     } else
       n = [Number(i.target.value)];
-    (f.length !== n.length || f.some((r, a) => r != n[a])) && (A(n), y.current = t.selectedIndices, B((r) => {
-      let a = { ...r };
+    (f.length !== n.length || f.some((l, a) => l != n[a])) && (A(n), y.current = t.selectedIndices, B((l) => {
+      let a = { ...l };
       return a.ignoreUpdate = !0, a;
     }), g({
       action: b.updateSelectedIndices,
@@ -73,7 +72,7 @@ const u = U.button`
   if (t.hidden)
     return null;
   let m = t.disabled, C = t.label;
-  if (t.labelHasLatex && (C = /* @__PURE__ */ e.jsx(H, { hideUntilTypeset: "first", inline: !0, dynamic: !0, children: C })), t.inline) {
+  if (t.labelHasLatex && (C = /* @__PURE__ */ e.jsx(O, { hideUntilTypeset: "first", inline: !0, dynamic: !0, children: C })), t.inline) {
     let i = {
       cursor: "pointer",
       padding: "1px 6px 1px 6px",
@@ -139,8 +138,8 @@ const u = U.button`
         ] })
       ] }));
     }
-    let r = t, a = t.choiceTexts.map(function(p, o) {
-      return r.choicesHidden[o] ? null : /* @__PURE__ */ e.jsx("option", { value: o + 1, disabled: r.choicesDisabled[o], children: p }, o + 1);
+    let l = t, a = t.choiceTexts.map(function(p, o) {
+      return l.choicesHidden[o] ? null : /* @__PURE__ */ e.jsx("option", { value: o + 1, disabled: l.choicesDisabled[o], children: p }, o + 1);
     }), c = f;
     return c === void 0 ? c = "" : t.selectMultiple || (c = c[0], c === void 0 && (c = "")), /* @__PURE__ */ e.jsxs(N.Fragment, { children: [
       /* @__PURE__ */ e.jsx("a", { name: s }),
@@ -194,8 +193,8 @@ const u = U.button`
             onClick: () => g({
               action: b.submitAnswer
             }),
-            onKeyPress: (l) => {
-              l.key === "Enter" && g({
+            onKeyPress: (r) => {
+              r.key === "Enter" && g({
                 action: b.submitAnswer
               });
             },
@@ -232,8 +231,8 @@ const u = U.button`
           ] });
         else if (d === "partialcorrect") {
           i.backgroundColor = "#efab34";
-          let l = `${Math.round(t.creditAchieved * 100)}% Correct`;
-          n = /* @__PURE__ */ e.jsx(u, { id: s + "_partial", style: i, children: l });
+          let r = `${Math.round(t.creditAchieved * 100)}% Correct`;
+          n = /* @__PURE__ */ e.jsx(u, { id: s + "_partial", style: i, children: r });
         }
       } else
         i.backgroundColor = "rgb(74, 3, 217)", n = /* @__PURE__ */ e.jsxs(u, { id: s + "_saved", style: i, children: [
@@ -254,15 +253,15 @@ const u = U.button`
         " attempts remaining)"
       ] })
     ] }));
-    let r = s, a = {
+    let l = s, a = {
       listStyleType: "none"
-    }, c = r + "_choice", p = "radio";
+    }, c = l + "_choice", p = "radio";
     t.selectMultiple && (p = "checkbox");
-    let o = t, M = t.choiceOrder.map((h) => D[h - 1]).map(function(h, l) {
-      if (o.choicesHidden[l])
+    let o = t, M = t.choiceOrder.map((h) => D[h - 1]).map(function(h, r) {
+      if (o.choicesHidden[r])
         return null;
       if (p == "radio") {
-        let v = m || o.choicesDisabled[l], k = "radio-container", j = "radio-checkmark";
+        let v = m || o.choicesDisabled[r], k = "radio-container", j = "radio-checkmark";
         return v && (k += " radio-container-disabled", j += " radio-checkmark-disabled"), /* @__PURE__ */ e.jsxs(
           "label",
           {
@@ -272,10 +271,10 @@ const u = U.button`
                 "input",
                 {
                   type: "radio",
-                  id: c + (l + 1) + "_input",
-                  name: r,
-                  value: l + 1,
-                  checked: f.includes(l + 1),
+                  id: c + (r + 1) + "_input",
+                  name: l,
+                  value: r + 1,
+                  checked: f.includes(r + 1),
                   onChange: S,
                   disabled: v
                 }
@@ -284,17 +283,17 @@ const u = U.button`
               /* @__PURE__ */ e.jsx(
                 "label",
                 {
-                  htmlFor: c + (l + 1) + "_input",
+                  htmlFor: c + (r + 1) + "_input",
                   style: { marginLeft: "2px" },
                   children: h
                 }
               )
             ]
           },
-          r + "_choice" + (l + 1)
+          l + "_choice" + (r + 1)
         );
       } else if (p == "checkbox") {
-        let v = m || o.choicesDisabled[l], k = "checkbox-container", j = "checkbox-checkmark";
+        let v = m || o.choicesDisabled[r], k = "checkbox-container", j = "checkbox-checkmark";
         return v && (k += " checkbox-container-disabled", j += " checkbox-checkmark-disabled"), /* @__PURE__ */ e.jsxs(
           "label",
           {
@@ -304,32 +303,32 @@ const u = U.button`
                 "input",
                 {
                   type: "checkbox",
-                  id: c + (l + 1) + "_input",
-                  name: r,
-                  value: l + 1,
-                  checked: f.includes(l + 1),
+                  id: c + (r + 1) + "_input",
+                  name: l,
+                  value: r + 1,
+                  checked: f.includes(r + 1),
                   onChange: S,
-                  disabled: m || o.choicesDisabled[l]
+                  disabled: m || o.choicesDisabled[r]
                 }
               ),
               /* @__PURE__ */ e.jsx("span", { className: j }),
               /* @__PURE__ */ e.jsx(
                 "label",
                 {
-                  htmlFor: c + (l + 1) + "_input",
+                  htmlFor: c + (r + 1) + "_input",
                   style: { marginLeft: "2px" },
                   children: h
                 }
               )
             ]
           },
-          r + "_choice" + (l + 1)
+          l + "_choice" + (r + 1)
         );
       }
     });
-    return /* @__PURE__ */ e.jsxs("div", { id: r + "-label", children: [
+    return /* @__PURE__ */ e.jsxs("div", { id: l + "-label", children: [
       C,
-      /* @__PURE__ */ e.jsxs("ol", { id: r, style: a, children: [
+      /* @__PURE__ */ e.jsxs("ol", { id: l, style: a, children: [
         /* @__PURE__ */ e.jsx("a", { name: s }),
         M
       ] }),
@@ -338,5 +337,5 @@ const u = U.button`
   }
 });
 export {
-  X as default
+  Q as default
 };

package/dist/choiceInput.css

@@ -0,0 +1 @@
+.radio-container{display:block;position:relative;padding-left:24px;margin-bottom:4px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.radio-container label{cursor:pointer}.radio-container-disabled,.radio-container-disabled label{cursor:not-allowed}.radio-container input{position:absolute;opacity:0;cursor:pointer;height:1;width:1}.radio-container-disabled input{cursor:not-allowed}.radio-checkmark{position:absolute;top:0;left:0;height:18px;width:18px;background-color:var(--mainGray);border-style:solid;border-color:var(--canvastext);border-radius:50%}.radio-checkmark-disabled{background-color:var(--mainGray);border-color:var(--mainGray);cursor:not-allowed}.radio-container:hover input~.radio-checkmark{background-color:var(--lightBlue)}.radio-container:hover input~.radio-checkmark-disabled{background-color:var(--mainGray)}.radio-container input:checked~.radio-checkmark{background-color:var(--mainBlue)}.radio-container:focus-within input~.radio-checkmark{outline:2px solid var(--mainBlue);outline-offset:2px}.radio-checkmark:after{content:"";position:absolute;display:none}.radio-container input:checked~.radio-checkmark:after{display:block}.radio-container .radio-checkmark:after{top:6px;left:6px;width:6px;height:6px;border-radius:50%;background:var(--canvas)}.checkbox-container{display:block;position:relative;padding-left:24px;margin-bottom:4px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.checkbox-container label{cursor:pointer}.checkbox-container-disabled,.checkbox-container-disabled label{cursor:not-allowed}.checkbox-container input{position:absolute;opacity:0;cursor:pointer;height:1;width:1}.checkbox-container-disabled input{cursor:not-allowed}.checkbox-checkmark{position:absolute;top:0;left:0;height:18px;width:18px;background-color:var(--mainGray);border-style:solid;border-color:var(--canvastext);border-radius:var(--mainBorderRadius)}.checkbox-checkmark-disabled{background-color:var(--mainGray);border-color:var(--mainGray);cursor:not-allowed}.checkbox-container:hover input~.checkbox-checkmark{background-color:var(--lightBlue)}.checkbox-container:hover input~.checkbox-checkmark-disabled{background-color:var(--mainGray)}.checkbox-container input:checked~.checkbox-checkmark{background-color:var(--mainBlue)}.checkbox-container:focus-within input~.checkbox-checkmark{outline:2px solid var(--mainBlue);outline-offset:2px}.checkbox-checkmark:after{content:"";position:absolute;display:none}.checkbox-container input:checked~.checkbox-checkmark:after{display:block}.checkbox-container .checkbox-checkmark:after{left:5px;top:1px;width:5px;height:10px;border:solid var(--canvas);border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.custom-select{border:var(--mainBorder);border-radius:var(--mainBorderRadius);height:24px;margin:0 4px 4px}.custom-select:hover{background:var(--lightBlue)}.custom-select:focus-within{outline:var(--mainBorder);outline-offset:2px}

package/dist/{circle-4ade8a0f.js → circle-58b448e4.js}

@@ -1,11 +1,8 @@
-import { u as se, d as de, e as fe, j as he } from "./index-85d4fdb6.js";
+import { u as se, d as de, e as fe, j as he } from "./index-7912373f.js";
 import pe, { useContext as ye, useRef as a, useEffect as V } from "react";
-import { BoardContext as ge, LINE_LAYER_OFFSET as K, POINT_LAYER_OFFSET as Z } from "./graph-102e9613.js";
+import { BoardContext as ge, LINE_LAYER_OFFSET as K, POINT_LAYER_OFFSET as Z } from "./graph-d69449f2.js";
 import { c as x, g as $, a as Y, b as z, n as ee, d as re, e as te, f as ne } from "./offGraphIndicators-6eabeb84.js";
-import "react-dom";
-import "styled-components";
-import "./css-ab4d83ca.js";
-const Re = pe.memo(function M(ie) {
+const Se = pe.memo(function M(ie) {
   let { name: A, id: j, SVs: e, actions: d, callAction: f } = se(ie);
   M.ignoreActionsWithoutCore = () => !0;
   const l = ye(ge);
@@ -418,5 +415,5 @@ function le(M) {
   return M === "solid" ? 0 : M === "dashed" ? 2 : M === "dotted" ? 1 : 0;
 }
 export {
-  Re as default
+  Se as default
 };

package/dist/{cobwebPolyline-18a1467d.js → cobwebPolyline-97c318ac.js}

@@ -1,10 +1,7 @@
-import { u as N, h as V, j as F } from "./index-85d4fdb6.js";
+import { u as N, h as V, j as F } from "./index-7912373f.js";
 import L, { useContext as U, useRef as m, useEffect as Y } from "react";
-import { BoardContext as W, LINE_LAYER_OFFSET as _, VERTEX_LAYER_OFFSET as B } from "./graph-102e9613.js";
-import "react-dom";
-import "styled-components";
-import "./css-ab4d83ca.js";
-const Z = L.memo(function b(D) {
+import { BoardContext as W, LINE_LAYER_OFFSET as _, VERTEX_LAYER_OFFSET as B } from "./graph-d69449f2.js";
+const q = L.memo(function b(D) {
   let { name: $, id: G, SVs: e, actions: k, sourceOfUpdate: S, callAction: x } = N(D);
   b.ignoreActionsWithoutCore = () => !0;
   const u = U(W);
@@ -201,5 +198,5 @@ function H(b) {
   return b === "triangle" ? "triangleup" : b;
 }
 export {
-  Z as default
+  q as default
 };

package/dist/{codeEditor-af9a5cf1.js → codeEditor-a6457ef2.js}

@@ -1,12 +1,10 @@
-import { u as L, R as _, r as E, j as i, i as F, V as I } from "./index-85d4fdb6.js";
+import { u as L, R as _, r as E, j as i, i as F, V as I } from "./index-7912373f.js";
 import D, { useRef as c, useEffect as H } from "react";
 import { s as o } from "./css-ab4d83ca.js";
-import "react-dom";
-import "styled-components";
-const X = D.memo(function y(j) {
+const M = D.memo(function y(j) {
   let {
     name: O,
-    id: m,
+    id: h,
     SVs: e,
     children: x,
     actions: l,
@@ -16,8 +14,8 @@ const X = D.memo(function y(j) {
   } = L(j);
   y.baseStateVariable = "immediateValue";
   const v = _(E(w));
-  let r = c(e.immediateValue), a = c(null), S = c(null), b = c(e.immediateValue), W = { ...e.height }, h = { ...e.height };
-  e.showResults && e.resultsLocation === "bottom" && (h.size *= 1 - e.viewerRatio);
+  let r = c(e.immediateValue), a = c(null), S = c(null), b = c(e.immediateValue), W = { ...e.height }, m = { ...e.height };
+  e.showResults && e.resultsLocation === "bottom" && (m.size *= 1 - e.viewerRatio);
   let C = (d) => {
     n({
       action: l.recordVisibilityChange,
@@ -34,11 +32,11 @@ const X = D.memo(function y(j) {
     }));
   }, []), e.hidden)
     return null;
-  const g = m + "_editor";
+  const g = h + "_editor";
   !R && e.immediateValue !== r.current && (r.current = e.immediateValue, b.current = e.immediateValue);
-  let s = null, T = e.width, p = e.width, z = {
+  let s = null, T = e.width, V = e.width, z = {
     width: o(T),
-    height: o(h),
+    height: o(m),
     maxWidth: "100%",
     padding: "0px",
     // padding: "2px",
@@ -47,12 +45,12 @@ const X = D.memo(function y(j) {
     overflowY: "scroll"
   };
   e.showResults && (e.resultsLocation === "bottom" ? s = /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
-    /* @__PURE__ */ i.jsx("hr", { style: { width: o(p), maxWidth: "100%" } }),
+    /* @__PURE__ */ i.jsx("hr", { style: { width: o(V), maxWidth: "100%" } }),
     /* @__PURE__ */ i.jsx("div", { children: x })
   ] }) : s = /* @__PURE__ */ i.jsx("div", { children: x }));
-  let u = { ...h };
+  let u = { ...m };
   u.size /= 2, u = o(u);
-  let V = /* @__PURE__ */ i.jsx("div", { id: g, style: z, children: /* @__PURE__ */ i.jsx(
+  let f = /* @__PURE__ */ i.jsx("div", { id: g, style: z, children: /* @__PURE__ */ i.jsx(
     F,
     {
       editorRef: S,
@@ -68,8 +66,8 @@ const X = D.memo(function y(j) {
       },
       onBeforeChange: (d) => {
         r.current !== d && (r.current = d, v((B) => {
-          let f = { ...B };
-          return f.ignoreUpdate = !0, f;
+          let p = { ...B };
+          return p.ignoreUpdate = !0, p;
         }), n({
           action: l.updateImmediateValue,
           args: { text: d },
@@ -83,12 +81,12 @@ const X = D.memo(function y(j) {
       },
       paddingBottom: u
     }
-  ) }, g), t = V;
+  ) }, g), t = f;
   return e.showResults && e.resultsLocation === "bottom" && (t = /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
-    V,
+    f,
     s
   ] })), t = /* @__PURE__ */ i.jsxs("div", { style: { margin: "12px 0" }, children: [
-    /* @__PURE__ */ i.jsx("a", { name: m }),
+    /* @__PURE__ */ i.jsx("a", { name: h }),
     /* @__PURE__ */ i.jsx(
       "div",
       {
@@ -97,12 +95,12 @@ const X = D.memo(function y(j) {
           border: "var(--mainBorder)",
           borderRadius: "var(--mainBorderRadius)",
           height: o(W),
-          width: o(p),
+          width: o(V),
           maxWidth: "100%",
           display: "flex",
           flexDirection: "column"
         },
-        id: m,
+        id: h,
         children: t
       }
     )
@@ -153,5 +151,5 @@ const X = D.memo(function y(j) {
   ] }))), /* @__PURE__ */ i.jsx(I, { partialVisibility: !0, onChange: C, children: t });
 });
 export {
-  X as default
+  M as default
 };

package/dist/{codeViewer-df817eee.js → codeViewer-861c4813.js}

@@ -1,13 +1,11 @@
-import { u as g, j as e, B as p, V as b } from "./index-85d4fdb6.js";
+import { u as g, j as e, B as p, V as b } from "./index-7912373f.js";
 import f, { useEffect as y } from "react";
 import { s as t } from "./css-ab4d83ca.js";
-import "react-dom";
-import "styled-components";
-const B = f.memo(function(h) {
+const C = f.memo(function(h) {
   let { name: v, id: r, SVs: i, children: c, actions: o, callAction: n } = g(
     h,
     !1
-  ), m = (u) => {
+  ), x = (u) => {
     n({
       action: o.recordVisibilityChange,
       args: { isVisible: u }
@@ -29,7 +27,7 @@ const B = f.memo(function(h) {
     maxWidth: "100%"
   };
   i.locationFromParent !== "bottom" && (d.border = "var(--mainBorder)", d.borderRadius = "var(--mainBorderRadius)");
-  let x = /* @__PURE__ */ e.jsxs(
+  let m = /* @__PURE__ */ e.jsxs(
     "div",
     {
       style: {
@@ -71,7 +69,7 @@ const B = f.memo(function(h) {
       ]
     }
   ), l = {};
-  return i.locationFromParent !== "bottom" && (l = { margin: "12px 0" }), /* @__PURE__ */ e.jsx(b, { partialVisibility: !0, onChange: m, children: /* @__PURE__ */ e.jsxs("div", { style: l, children: [
+  return i.locationFromParent !== "bottom" && (l = { margin: "12px 0" }), /* @__PURE__ */ e.jsx(b, { partialVisibility: !0, onChange: x, children: /* @__PURE__ */ e.jsxs("div", { style: l, children: [
     /* @__PURE__ */ e.jsx("a", { name: r }),
     /* @__PURE__ */ e.jsx(
       "div",
@@ -79,11 +77,11 @@ const B = f.memo(function(h) {
         style: d,
         className: "codeViewerSurroundingBox",
         id: r,
-        children: x
+        children: m
       }
     )
   ] }) });
 });
 export {
-  B as default
+  C as default
 };

package/dist/containerBlock-c729c3c7.js

@@ -0,0 +1,22 @@
+import { u as c, j as e, V as d } from "./index-7912373f.js";
+import u, { useEffect as f } from "react";
+const g = u.memo(function(t) {
+  let { name: V, id: n, SVs: s, children: a, actions: i, callAction: r } = c(t), o = (l) => {
+    i.recordVisibilityChange && r({
+      action: i.recordVisibilityChange,
+      args: { isVisible: l }
+    });
+  };
+  return f(() => () => {
+    i.recordVisibilityChange && r({
+      action: i.recordVisibilityChange,
+      args: { isVisible: !1 }
+    });
+  }, []), s.hidden ? null : /* @__PURE__ */ e.jsx(d, { partialVisibility: !0, onChange: o, children: /* @__PURE__ */ e.jsxs("div", { id: n, children: [
+    /* @__PURE__ */ e.jsx("a", { name: n }),
+    a
+  ] }) });
+});
+export {
+  g as default
+};

package/dist/containerInline-5f5c3422.js

@@ -0,0 +1,12 @@
+import { u as a, j as n } from "./index-7912373f.js";
+import o from "react";
+const d = o.memo(function(r) {
+  let { name: l, id: e, SVs: t, children: i } = a(r);
+  return t.hidden ? null : /* @__PURE__ */ n.jsxs("span", { id: e, children: [
+    /* @__PURE__ */ n.jsx("a", { name: e }),
+    i
+  ] });
+});
+export {
+  d as default
+};

package/dist/{contentBrowser-470db41c.js → contentBrowser-df4ee62e.js}

@@ -1,9 +1,7 @@
-import { u as B, j as t, k as x, V as F } from "./index-85d4fdb6.js";
-import R, { useEffect as p } from "react";
-import { L as f } from "./index-d3e0f79a.js";
-import "react-dom";
-import "styled-components";
-const W = R.memo(function(b) {
+import { u as B, j as t, k as m, V as F } from "./index-7912373f.js";
+import R, { useEffect as f } from "react";
+import { L as p } from "./index-7481592c.js";
+const O = R.memo(function(b) {
   let { name: E, id: s, SVs: i, children: u, actions: n, callAction: o, location: c } = B(b), g = c.search || "", d = c.hash || "", y = (e) => {
     n.recordVisibilityChange && o({
       action: n.recordVisibilityChange,
@@ -15,12 +13,12 @@ const W = R.memo(function(b) {
       args: { ind: e }
     });
   };
-  if (p(() => () => {
+  if (f(() => () => {
     n.recordVisibilityChange && o({
       action: n.recordVisibilityChange,
       args: { isVisible: !1 }
     });
-  }, []), p(() => {
+  }, []), f(() => {
     let e = d.indexOf("\\/");
     if (e !== -1) {
       let a = d.substring(e), l = i.indByEscapedComponentName[a];
@@ -29,7 +27,7 @@ const W = R.memo(function(b) {
   }, [d]), i.hidden)
     return null;
   let I = s.indexOf("\\/"), v = s.substring(0, I), h = g + "#" + v, w = i.allInitials.map((e) => /* @__PURE__ */ t.jsx(
-    f,
+    p,
     {
       style: {
         padding: "0 5px",
@@ -38,11 +36,11 @@ const W = R.memo(function(b) {
         color: "var(--mainBlue)",
         textDecoration: e === i.initial ? "underline" : "none"
       },
-      to: h + x(i.firstComponentNameByInitial[e]),
+      to: h + m(i.firstComponentNameByInitial[e]),
       children: e
     },
     e
-  )), m = [], C = i.itemInfoForInitial.length, V = Math.ceil(C / 3);
+  )), x = [], C = i.itemInfoForInitial.length, V = Math.ceil(C / 3);
   for (let e = 0; e < V; e++) {
     let a = [];
     for (let l = e * 3; l < (e + 1) * 3; l++) {
@@ -51,7 +49,7 @@ const W = R.memo(function(b) {
         break;
       a.push(
         /* @__PURE__ */ t.jsx("td", { width: "33%", children: /* @__PURE__ */ t.jsx(
-          f,
+          p,
           {
             style: {
               display: "block",
@@ -62,16 +60,16 @@ const W = R.memo(function(b) {
               textDecoration: "none",
               backgroundColor: r.selected ? "var(--mainGray)" : "var(--canvas)"
             },
-            to: h + x(r.componentName),
+            to: h + m(r.componentName),
             children: r.label
           },
           r.ind
         ) })
       );
     }
-    m.push(/* @__PURE__ */ t.jsx("tr", { children: a }, e));
+    x.push(/* @__PURE__ */ t.jsx("tr", { children: a }, e));
   }
-  let S = /* @__PURE__ */ t.jsx("table", { children: m }), k = /* @__PURE__ */ t.jsxs("div", { style: { width: "100%" }, "data-test": "labelPicker", children: [
+  let S = /* @__PURE__ */ t.jsx("table", { children: x }), k = /* @__PURE__ */ t.jsxs("div", { style: { width: "100%" }, "data-test": "labelPicker", children: [
     /* @__PURE__ */ t.jsx(
       "div",
       {
@@ -111,5 +109,5 @@ const W = R.memo(function(b) {
   ] }) });
 });
 export {
-  W as default
+  O as default
 };

package/dist/{contentPicker-ecce4a79.js → contentPicker-d3e4b364.js}

@@ -1,8 +1,6 @@
-import { u as R, R as C, r as v, j as n, V as _ } from "./index-85d4fdb6.js";
+import { u as R, R as C, r as v, j as n, V as _ } from "./index-7912373f.js";
 import k, { useState as B, useRef as N, useEffect as T } from "react";
-import "react-dom";
-import "styled-components";
-const U = k.memo(function f(b) {
+const O = k.memo(function f(b) {
   let {
     name: w,
     id: c,
@@ -14,11 +12,11 @@ const U = k.memo(function f(b) {
     callAction: d
   } = R(b);
   f.baseStateVariable = "selectedIndices";
-  const [o, p] = B(
+  const [o, h] = B(
     e.selectedIndices
   ), x = C(v(I));
   let r = N(null);
-  !g && r.current !== e.selectedIndices ? (p(e.selectedIndices), r.current = e.selectedIndices) : r.current = null;
+  !g && r.current !== e.selectedIndices ? (h(e.selectedIndices), r.current = e.selectedIndices) : r.current = null;
   let j = (t) => {
     d({
       action: a.recordVisibilityChange,
@@ -36,7 +34,7 @@ const U = k.memo(function f(b) {
     t.target.value && (i = Array.from(
       t.target.selectedOptions,
       (s) => Number(s.value)
-    )), (o.length !== i.length || o.some((s, l) => s != i[l])) && (p(i), r.current = e.selectedIndices, x((s) => {
+    )), (o.length !== i.length || o.some((s, l) => s != i[l])) && (h(i), r.current = e.selectedIndices, x((s) => {
       let l = { ...s };
       return l.ignoreUpdate = !0, l;
     }), d({
@@ -63,10 +61,10 @@ const U = k.memo(function f(b) {
     u = e.childInfo.map(function(t, i) {
       return /* @__PURE__ */ n.jsx("option", { value: i + 1, children: t.title }, i + 1);
     });
-  let V = o[0], h = null;
-  e.label && (h = e.label + ": ");
+  let V = o[0], p = null;
+  e.label && (p = e.label + ": ");
   let y = /* @__PURE__ */ n.jsx("p", { children: /* @__PURE__ */ n.jsxs("label", { children: [
-    h,
+    p,
     /* @__PURE__ */ n.jsx(
       "select",
       {
@@ -86,5 +84,5 @@ const U = k.memo(function f(b) {
   ] }) });
 });
 export {
-  U as default
+  O as default
 };

package/dist/{curve-a6592419.js → curve-17572fc3.js}

@@ -1,10 +1,7 @@
-import { u as Oe, d as Me, e as Se, h as k, j as y } from "./index-85d4fdb6.js";
+import { u as Oe, d as Me, e as Se, h as k, j as y } from "./index-7912373f.js";
 import De, { useContext as Re, useRef as f, useEffect as ye } from "react";
-import { BoardContext as Xe, LINE_LAYER_OFFSET as Ce, VERTEX_LAYER_OFFSET as Z, CONTROL_POINT_LAYER_OFFSET as xe } from "./graph-102e9613.js";
-import "react-dom";
-import "styled-components";
-import "./css-ab4d83ca.js";
-const Ee = De.memo(function G($) {
+import { BoardContext as Xe, LINE_LAYER_OFFSET as Ce, VERTEX_LAYER_OFFSET as Z, CONTROL_POINT_LAYER_OFFSET as xe } from "./graph-d69449f2.js";
+const _e = De.memo(function G($) {
   let { name: F, id: O, SVs: e, actions: m, sourceOfUpdate: Y, callAction: b } = Oe($);
   G.ignoreActionsWithoutCore = () => !0;
   const o = Re(Xe);
@@ -442,5 +439,5 @@ function we(G, $) {
   return G === "dashed" || $ ? 2 : G === "solid" ? 0 : G === "dotted" ? 1 : 0;
 }
 export {
-  Ee as default
+  _e as default
 };

package/dist/doenetml.js

@@ -1,20 +1,17 @@
-import { i as s, a3 as o, S as n, X as m, U as d, e as l, Y as p, T as c, Z as C, W as v, a2 as A, $ as f, a0 as u, a1 as x } from "./index-85d4fdb6.js";
-import "react";
-import "react-dom";
-import "styled-components";
+import { i as r, a5 as i, U as s, Z as t, X as o, e as n, $ as d, W as l, a0 as m, Y as c, a4 as C, a1 as v, a2 as A, a3 as f } from "./index-7912373f.js";
 export {
-  s as CodeMirror,
-  o as DarkmodeController,
-  n as DoenetML,
-  m as calculateOrderAndVariants,
-  d as cidFromText,
-  l as darkModeAtom,
-  p as determineNumberOfActivityVariants,
-  c as mathjaxConfig,
-  C as parseActivityDefinition,
-  v as retrieveTextFileForCid,
-  A as returnAllPossibleVariants,
-  f as returnNumberOfActivityVariantsForCid,
-  u as serializedComponentsReplacer,
-  x as serializedComponentsReviver
+  r as CodeMirror,
+  i as DarkmodeController,
+  s as DoenetML,
+  t as calculateOrderAndVariants,
+  o as cidFromText,
+  n as darkModeAtom,
+  d as determineNumberOfActivityVariants,
+  l as mathjaxConfig,
+  m as parseActivityDefinition,
+  c as retrieveTextFileForCid,
+  C as returnAllPossibleVariants,
+  v as returnNumberOfActivityVariantsForCid,
+  A as serializedComponentsReplacer,
+  f as serializedComponentsReviver
 };