@doenet/doenetml 0.6.0-alpha3 → 0.6.0-alpha5

package/dist/{regionBetweenCurveXAxis-fb8a3c9c.js → regionBetweenCurveXAxis-fa31ef83.js}

@@ -1,11 +1,8 @@
-import { u as R, d as x, e as S, h as p, j as l } from "./index-85d4fdb6.js";
+import { u as R, d as x, e as S, h as p, j as l } from "./index-7912373f.js";
 import F, { useContext as O, useRef as v, useEffect as L } from "react";
-import { BoardContext as _, LINE_LAYER_OFFSET as y } from "./graph-102e9613.js";
-import "react-dom";
-import "styled-components";
-import "./css-ab4d83ca.js";
-const G = F.memo(function h(m) {
-  let { name: j, id: o, SVs: e } = R(m);
+import { BoardContext as _, LINE_LAYER_OFFSET as y } from "./graph-d69449f2.js";
+const E = F.memo(function h(b) {
+  let { name: j, id: o, SVs: e } = R(b);
   h.ignoreActionsWithoutCore = () => !0;
   const t = O(_);
   let n = v(null), r = v(null);
@@ -13,7 +10,7 @@ const G = F.memo(function h(m) {
   L(() => () => {
     r.current !== null && s();
   }, []);
-  function b() {
+  function g() {
     if (!e.haveFunction || e.boundaryValues.length !== 2 || !e.boundaryValues.every(Number.isFinite))
       return null;
     let i = c === "dark" ? e.selectedStyle.fillColorDarkMode : e.selectedStyle.fillColor, u = {
@@ -44,16 +41,16 @@ const G = F.memo(function h(m) {
   }
   if (t) {
     if (r.current === null)
-      r.current = b();
+      r.current = g();
     else if (!e.haveFunction || e.boundaryValues.length !== 2 || !e.boundaryValues.every(Number.isFinite))
       s();
     else {
       let i = p(e.fDefinition);
       n.current.Y = i, r.current.visProp.visible = !e.hidden, r.current.visPropCalc.visible = !e.hidden;
-      let [u, a] = e.boundaryValues, [g, C] = e.boundaryValues.map(i);
+      let [u, a] = e.boundaryValues, [m, C] = e.boundaryValues.map(i);
       r.current.curveLeft.coords.setCoordinates(JXG.COORDS_BY_USER, [
         u,
-        g
+        m
       ]), r.current.curveRight.coords.setCoordinates(JXG.COORDS_BY_USER, [
         a,
         C
@@ -68,5 +65,5 @@ const G = F.memo(function h(m) {
   return e.hidden ? null : /* @__PURE__ */ l.jsx(l.Fragment, { children: /* @__PURE__ */ l.jsx("a", { name: o }) });
 });
 export {
-  G as default
+  E as default
 };

package/dist/{renderDoenetML-3a37978d.js → renderDoenetML-5fbe5a5f.js}

@@ -1,9 +1,7 @@
-import { u as n, j as s, V as u, I as c } from "./index-85d4fdb6.js";
+import { u as n, j as s, V as u, J as c } from "./index-7912373f.js";
 import d, { useEffect as f } from "react";
-import "react-dom";
-import "styled-components";
-const w = d.memo(function(o) {
-  let { name: g, id: i, SVs: t, children: m, actions: e, callAction: a } = n(o), r = (l) => {
+const p = d.memo(function(o) {
+  let { name: g, id: i, SVs: t, children: h, actions: e, callAction: a } = n(o), r = (l) => {
     e.recordVisibilityChange && a({
       action: e.recordVisibilityChange,
       args: { isVisible: l }
@@ -37,5 +35,5 @@ const w = d.memo(function(o) {
   ) });
 });
 export {
-  w as default
+  p as default
 };

package/dist/{row-6e13f678.js → row-3a111c29.js}

@@ -1,14 +1,12 @@
-import { u as o, j as n } from "./index-85d4fdb6.js";
+import { u as n, j as o } from "./index-7912373f.js";
 import d from "react";
-import "react-dom";
-import "styled-components";
-const c = d.memo(function(i) {
-  let { name: m, id: r, SVs: e, children: l } = o(i);
+const a = d.memo(function(i) {
+  let { name: m, id: r, SVs: e, children: l } = n(i);
   if (e.hidden)
     return null;
   let t = {};
-  return e.valign !== null && (t.verticalAlign = e.valign), e.left !== "none" && (t.borderLeftStyle = "solid", e.left === "minor" ? t.borderLeftWidth = "thin" : e.left === "medium" ? t.borderLeftWidth = "medium" : t.borderLeftWidth = "thick"), /* @__PURE__ */ n.jsx("tr", { id: r, style: t, children: l });
+  return e.valign !== null && (t.verticalAlign = e.valign), e.left !== "none" && (t.borderLeftStyle = "solid", e.left === "minor" ? t.borderLeftWidth = "thin" : e.left === "medium" ? t.borderLeftWidth = "medium" : t.borderLeftWidth = "thick"), /* @__PURE__ */ o.jsx("tr", { id: r, style: t, children: l });
 });
 export {
-  c as default
+  a as default
 };

package/dist/{rq-e36238a4.js → rq-be748d03.js}

@@ -1,11 +1,9 @@
-import { u as n, j as e } from "./index-85d4fdb6.js";
+import { u as n, j as e } from "./index-7912373f.js";
 import o from "react";
-import "react-dom";
-import "styled-components";
-const f = o.memo(function(r) {
+const m = o.memo(function(r) {
   let { SVs: t } = n(r, !1);
   return t.hidden ? null : /* @__PURE__ */ e.jsx(e.Fragment, { children: "”" });
 });
 export {
-  f as default
+  m as default
 };

package/dist/rsq-2ec34103.js

@@ -0,0 +1,9 @@
+import { u as n, j as e } from "./index-7912373f.js";
+import s from "react";
+const m = s.memo(function(r) {
+  let { SVs: t } = n(r, !1);
+  return t.hidden ? null : /* @__PURE__ */ e.jsx(e.Fragment, { children: "’" });
+});
+export {
+  m as default
+};

package/dist/{section-4746da87.js → section-5a53d600.js}

@@ -1,10 +1,8 @@
-import { u as R, j as e, F as p, J as B, K as w, V as f, f as S, a as A, b as V, c as T } from "./index-85d4fdb6.js";
+import { u as R, j as e, F as p, K as B, N as w, V as f, f as S, a as A, b as V, c as T } from "./index-7912373f.js";
 import _, { useEffect as F, useRef as L } from "react";
-import "react-dom";
-import "styled-components";
-const W = _.memo(function(v) {
+const G = _.memo(function(v) {
   var g;
-  let { name: E, id: n, SVs: i, children: l, actions: x, callAction: m } = R(v), b = (r) => {
+  let { name: N, id: t, SVs: i, children: l, actions: x, callAction: m } = R(v), b = (r) => {
     m({
       action: x.recordVisibilityChange,
       args: { isVisible: r }
@@ -23,28 +21,28 @@ const W = _.memo(function(v) {
   };
   let j = () => m({
     action: x.submitAllAnswers
-  }), t;
+  }), n;
   if (i.titleChildName) {
     for (let [r, h] of l.entries())
       if (((g = h == null ? void 0 : h.props) == null ? void 0 : g.componentInstructions.componentName) === i.titleChildName) {
-        t = l[r], l.splice(r, 1);
+        n = l[r], l.splice(r, 1);
         break;
       }
   }
-  t ? t = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+  n ? n = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     i.titlePrefix,
-    t
-  ] }) : i.inAList || (t = i.title);
-  let a = null, u = n + "_title";
-  i.collapsible && (i.open ? t = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    n
+  ] }) : i.inAList || (n = i.title);
+  let a = null, u = t + "_title";
+  i.collapsible && (i.open ? n = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx(p, { icon: B }),
     " ",
-    t,
+    n,
     " (click to close)"
-  ] }) : t = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+  ] }) : n = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx(p, { icon: w }),
     " ",
-    t,
+    n,
     " (click to open)"
   ] }));
   let c = {};
@@ -53,22 +51,22 @@ const W = _.memo(function(v) {
     marginBlockEnd: 0
   }), i.level) {
     case 0:
-      a = /* @__PURE__ */ e.jsx("h1", { id: u, style: c, children: t });
+      a = /* @__PURE__ */ e.jsx("h1", { id: u, style: c, children: n });
       break;
     case 1:
-      a = /* @__PURE__ */ e.jsx("h2", { id: u, style: c, children: t });
+      a = /* @__PURE__ */ e.jsx("h2", { id: u, style: c, children: n });
       break;
     case 2:
-      a = /* @__PURE__ */ e.jsx("h3", { id: u, style: c, children: t });
+      a = /* @__PURE__ */ e.jsx("h3", { id: u, style: c, children: n });
       break;
     case 3:
-      a = /* @__PURE__ */ e.jsx("h4", { id: u, style: c, children: t });
+      a = /* @__PURE__ */ e.jsx("h4", { id: u, style: c, children: n });
       break;
     case 4:
-      a = /* @__PURE__ */ e.jsx("h5", { id: u, style: c, children: t });
+      a = /* @__PURE__ */ e.jsx("h5", { id: u, style: c, children: n });
       break;
     default:
-      a = /* @__PURE__ */ e.jsx("h6", { id: u, style: c, children: t });
+      a = /* @__PURE__ */ e.jsx("h6", { id: u, style: c, children: n });
       break;
   }
   let s = null;
@@ -87,7 +85,7 @@ const W = _.memo(function(v) {
     if (i.showCorrectness || (h = i.submitLabelNoCorrectness), s = /* @__PURE__ */ e.jsxs(
       "button",
       {
-        id: n + "_submit",
+        id: t + "_submit",
         tabIndex: "0",
         style: r,
         onClick: j,
@@ -102,22 +100,22 @@ const W = _.memo(function(v) {
       }
     ), i.showCorrectness) {
       if (o.current === "correct")
-        r.backgroundColor = "var(--mainGreen)", s = /* @__PURE__ */ e.jsxs("span", { id: n + "_correct", style: r, children: [
+        r.backgroundColor = "var(--mainGreen)", s = /* @__PURE__ */ e.jsxs("span", { id: t + "_correct", style: r, children: [
           /* @__PURE__ */ e.jsx(p, { icon: A }),
           "  Correct"
         ] });
       else if (o.current === "incorrect")
-        r.backgroundColor = "var(--mainRed)", s = /* @__PURE__ */ e.jsxs("span", { id: n + "_incorrect", style: r, children: [
+        r.backgroundColor = "var(--mainRed)", s = /* @__PURE__ */ e.jsxs("span", { id: t + "_incorrect", style: r, children: [
           /* @__PURE__ */ e.jsx(p, { icon: V }),
           "  Incorrect"
         ] });
       else if (o.current === "partialcorrect") {
         r.backgroundColor = "var(--mainYellow)";
         let C = `${Math.round(i.creditAchieved * 100)}% Correct`;
-        s = /* @__PURE__ */ e.jsx("span", { id: n + "_partial", style: r, children: C });
+        s = /* @__PURE__ */ e.jsx("span", { id: t + "_partial", style: r, children: C });
       }
     } else
-      o.current !== "unvalidated" && (r.backgroundColor = "var(--mainPurple)", s = /* @__PURE__ */ e.jsxs("span", { id: n + "_saved", style: r, children: [
+      o.current !== "unvalidated" && (r.backgroundColor = "var(--mainPurple)", s = /* @__PURE__ */ e.jsxs("span", { id: t + "_saved", style: r, children: [
         /* @__PURE__ */ e.jsx(p, { icon: T }),
         "  Response Saved"
       ] }));
@@ -125,7 +123,7 @@ const W = _.memo(function(v) {
   }
   i.asList && (l = /* @__PURE__ */ e.jsx("ol", { children: l.map((r) => /* @__PURE__ */ e.jsx("li", { children: r })) }));
   let d = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx("a", { name: n }),
+    /* @__PURE__ */ e.jsx("a", { name: t }),
     a,
     l,
     s
@@ -159,7 +157,7 @@ const W = _.memo(function(v) {
                 action: i.open ? x.closeSection : x.revealSection
               }),
               children: [
-                /* @__PURE__ */ e.jsx("a", { name: n }),
+                /* @__PURE__ */ e.jsx("a", { name: t }),
                 a
               ]
             }
@@ -189,7 +187,7 @@ const W = _.memo(function(v) {
                 borderTopRightRadius: "var(--mainBorderRadius)"
               },
               children: [
-                /* @__PURE__ */ e.jsx("a", { name: n }),
+                /* @__PURE__ */ e.jsx("a", { name: t }),
                 a
               ]
             }
@@ -208,7 +206,7 @@ const W = _.memo(function(v) {
         {
           partialVisibility: !0,
           onChange: b,
-          children: /* @__PURE__ */ e.jsxs("aside", { id: n, style: { margin: "12px 0" }, children: [
+          children: /* @__PURE__ */ e.jsxs("aside", { id: t, style: { margin: "12px 0" }, children: [
             " ",
             d,
             " "
@@ -221,7 +219,7 @@ const W = _.memo(function(v) {
         {
           partialVisibility: !0,
           onChange: b,
-          children: /* @__PURE__ */ e.jsxs("article", { id: n, style: { margin: "12px 0" }, children: [
+          children: /* @__PURE__ */ e.jsxs("article", { id: t, style: { margin: "12px 0" }, children: [
             " ",
             d,
             " "
@@ -234,7 +232,7 @@ const W = _.memo(function(v) {
         {
           partialVisibility: !0,
           onChange: b,
-          children: /* @__PURE__ */ e.jsxs("div", { id: n, style: { margin: "12px 0" }, children: [
+          children: /* @__PURE__ */ e.jsxs("div", { id: t, style: { margin: "12px 0" }, children: [
             " ",
             d,
             " "
@@ -249,7 +247,7 @@ const W = _.memo(function(v) {
         {
           partialVisibility: !0,
           onChange: b,
-          children: /* @__PURE__ */ e.jsxs("section", { id: n, style: { margin: "12px 0" }, children: [
+          children: /* @__PURE__ */ e.jsxs("section", { id: t, style: { margin: "12px 0" }, children: [
             " ",
             d,
             " "
@@ -259,5 +257,5 @@ const W = _.memo(function(v) {
   }
 });
 export {
-  W as default
+  G as default
 };

package/dist/{sideBySide-247e2dc5.js → sideBySide-8b21239b.js}

@@ -1,9 +1,7 @@
-import { u as y, j as t, V as x } from "./index-85d4fdb6.js";
+import { u as y, j as t, V as x } from "./index-7912373f.js";
 import V, { useEffect as b } from "react";
-import "react-dom";
-import "styled-components";
-const W = V.memo(function(g) {
-  let { name: C, id: n, SVs: i, children: s, actions: r, callAction: a } = y(g), m = (e) => {
+const w = V.memo(function(g) {
+  let { name: C, id: n, SVs: i, children: s, actions: r, callAction: a } = y(g), c = (e) => {
     a({
       action: r.recordVisibilityChange,
       args: { isVisible: e }
@@ -17,9 +15,9 @@ const W = V.memo(function(g) {
   }, []), i.hidden)
     return null;
   let l = [];
-  const c = i.margins[0], f = i.margins[1], u = s.length;
+  const m = i.margins[0], f = i.margins[1], u = s.length;
   for (let [e, d] of s.entries()) {
-    let p = i.widths[e], o = c, h = f;
+    let p = i.widths[e], o = m, h = f;
     e > 0 && (o += i.gapWidth / 2), e < u - 1 && (h += i.gapWidth / 2), l.push(
       /* @__PURE__ */ t.jsx(
         "span",
@@ -35,7 +33,7 @@ const W = V.memo(function(g) {
       )
     );
   }
-  return /* @__PURE__ */ t.jsx(x, { partialVisibility: !0, onChange: m, children: /* @__PURE__ */ t.jsxs(
+  return /* @__PURE__ */ t.jsx(x, { partialVisibility: !0, onChange: c, children: /* @__PURE__ */ t.jsxs(
     "div",
     {
       id: n,
@@ -48,5 +46,5 @@ const W = V.memo(function(g) {
   ) });
 });
 export {
-  W as default
+  w as default
 };

package/dist/{slider-e55a8838.js → slider-bc9bd636.js}

@@ -1,8 +1,6 @@
-import { u as ne, R as re, r as se, j as l, E, M as H, C as ie } from "./index-85d4fdb6.js";
+import { u as ne, R as re, r as se, j as l, s as D, G as E, M as H, C as ie } from "./index-7912373f.js";
 import ue, { useRef as K, useState as B, useEffect as J } from "react";
-import D from "styled-components";
-import { A as q } from "./ActionButtonGroup-f9a56616.js";
-import "react-dom";
+import { A as q } from "./ActionButtonGroup-cce60f98.js";
 let I = (a, u) => ie.round_numbers_to_decimals(a, u).tree;
 const Q = D.div`
   width: fit-content;
@@ -50,17 +48,17 @@ const Q = D.div`
   user-select: none;
 `;
 function S(a, u, b, t) {
-  let e, s = Math.max(Math.abs(t.firstItem), Math.abs(t.lastItem)), h = Math.round(Math.log(s) / Math.log(10));
-  s === 0 && (h = 1);
-  let O = 5 - h;
+  let e, s = Math.max(Math.abs(t.firstItem), Math.abs(t.lastItem)), m = Math.round(Math.log(s) / Math.log(10));
+  s === 0 && (m = 1);
+  let O = 5 - m;
   if (a.length === 0) {
     let r = [
       I(t.firstItem, O),
       I(t.lastItem, O)
     ], n = Math.min(t.numItems, 100), c = Math.floor(t.numItems / n);
-    for (let m = 1; m < n; m++)
+    for (let h = 1; h < n; h++)
       r.push(
-        I(t.from + t.step * m * c, O)
+        I(t.from + t.step * h * c, O)
       );
     e = F(r);
   } else {
@@ -70,9 +68,9 @@ function S(a, u, b, t) {
   const M = t.numItems;
   if (t.width.size > e * M)
     if (a.length === 0) {
-      let r = [], n = [], c = Math.max(Math.abs(t.firstItem), Math.abs(t.lastItem)), m = Math.round(Math.log(c) / Math.log(10));
-      c === 0 && (m = 1);
-      let v = 5 - m;
+      let r = [], n = [], c = Math.max(Math.abs(t.firstItem), Math.abs(t.lastItem)), h = Math.round(Math.log(c) / Math.log(10));
+      c === 0 && (h = 1);
+      let v = 5 - h;
       for (let p = 0; p < t.numItems; p++) {
         let w = I(
           t.from + t.step * p,
@@ -105,10 +103,10 @@ function S(a, u, b, t) {
   } else if (t.width.size < e * M) {
     let r, n;
     if (a.length === 0) {
-      let c = Math.floor(t.width.size / e), m = t.lastItem - t.firstItem, v = m / (c + 1), p = Math.max(Math.abs(t.firstItem), Math.abs(t.lastItem)), w = Math.round(Math.log(p) / Math.log(10)), $ = 1 - w, f = Math.max(
+      let c = Math.floor(t.width.size / e), h = t.lastItem - t.firstItem, v = h / (c + 1), p = Math.max(Math.abs(t.firstItem), Math.abs(t.lastItem)), w = Math.round(Math.log(p) / Math.log(10)), $ = 1 - w, f = Math.max(
         I(v, $),
         10 ** -$
-      ), j = Math.floor(m / f) + 1, y = 5 - w;
+      ), j = Math.floor(h / f) + 1, y = 5 - w;
       n = [...Array(j).keys()].map(
         (A) => t.from + f * A
       ), r = n.map(
@@ -118,11 +116,11 @@ function S(a, u, b, t) {
       let c = Math.max(
         2,
         Math.floor(t.width.size / e)
-      ), m = Math.ceil(
+      ), h = Math.ceil(
         (t.numItems - 1) / (c - 1) - 1e-10
-      ), v = Math.floor((t.numItems - 1) / m + 1e-10) + 1;
+      ), v = Math.floor((t.numItems - 1) / h + 1e-10) + 1;
       r = [...Array(v).keys()].map(
-        (f) => Math.round(m * f)
+        (f) => Math.round(h * f)
       );
       let p = Math.max(Math.abs(t.firstItem), Math.abs(t.lastItem)), $ = 2 - Math.round(Math.log(p) / Math.log(10));
       n = r.map(
@@ -130,8 +128,8 @@ function S(a, u, b, t) {
       );
     }
     return [
-      r.map((c, m) => /* @__PURE__ */ l.jsx(T, { x: `${c * u}px` }, n[m])),
-      r.map((c, m) => /* @__PURE__ */ l.jsx(k, { x: `${c * u}px`, children: n[m] }, n[m]))
+      r.map((c, h) => /* @__PURE__ */ l.jsx(T, { x: `${c * u}px` }, n[h])),
+      r.map((c, h) => /* @__PURE__ */ l.jsx(k, { x: `${c * u}px`, children: n[h] }, n[h]))
     ];
   } else
     return [
@@ -149,23 +147,23 @@ function ee(a, u, b) {
   const e = Object.keys(a).length;
   if (b.width.size > t * e)
     return [
-      a.map((s, h) => /* @__PURE__ */ l.jsx(T, { x: `${h * u}px` }, s)),
-      a.map((s, h) => /* @__PURE__ */ l.jsx(k, { x: `${h * u - 3}px`, children: s }, s))
+      a.map((s, m) => /* @__PURE__ */ l.jsx(T, { x: `${m * u}px` }, s)),
+      a.map((s, m) => /* @__PURE__ */ l.jsx(k, { x: `${m * u - 3}px`, children: s }, s))
     ];
   if (b.width.size < t)
     return [
-      a.map((s, h) => h == 0 ? /* @__PURE__ */ l.jsx(T, { x: `${h * u}px` }, s) : ""),
-      a.map((s, h) => {
-        if (h == 0)
-          return /* @__PURE__ */ l.jsx(k, { x: `${h * u - 3}px`, children: s }, s);
-        if (h == 2)
-          return /* @__PURE__ */ l.jsx(k, { x: `${h * u - 3}px`, children: "..." }, s);
+      a.map((s, m) => m == 0 ? /* @__PURE__ */ l.jsx(T, { x: `${m * u}px` }, s) : ""),
+      a.map((s, m) => {
+        if (m == 0)
+          return /* @__PURE__ */ l.jsx(k, { x: `${m * u - 3}px`, children: s }, s);
+        if (m == 2)
+          return /* @__PURE__ */ l.jsx(k, { x: `${m * u - 3}px`, children: "..." }, s);
       })
     ];
   if (b.width.size < t * e)
     return [
-      a.map((s, h) => /* @__PURE__ */ l.jsx(T, { x: `${h * u}px` }, s)),
-      a.map((s, h) => h == 0 || e === h + 1 ? /* @__PURE__ */ l.jsx(k, { x: `${h * u - 3}px`, children: s }, s) : /* @__PURE__ */ l.jsx(k, { x: `${h * u - 3}px`, children: s.length < 3 ? s : s.substr(0, 3) + "..." }, s))
+      a.map((s, m) => /* @__PURE__ */ l.jsx(T, { x: `${m * u}px` }, s)),
+      a.map((s, m) => m == 0 || e === m + 1 ? /* @__PURE__ */ l.jsx(k, { x: `${m * u - 3}px`, children: s }, s) : /* @__PURE__ */ l.jsx(k, { x: `${m * u - 3}px`, children: s.length < 3 ? s : s.substr(0, 3) + "..." }, s))
     ];
 }
 function te(a, u, b) {
@@ -178,10 +176,10 @@ function N(a, u, b) {
   ), e;
   return u.length === 0 ? e = b.from + b.step * t : e = u[t], [e, t];
 }
-const de = ue.memo(function a(u) {
-  let { name: b, id: t, SVs: e, actions: s, ignoreUpdate: h, rendererName: O, callAction: M } = ne(u);
+const he = ue.memo(function a(u) {
+  let { name: b, id: t, SVs: e, actions: s, ignoreUpdate: m, rendererName: O, callAction: M } = ne(u);
   a.baseStateVariable = "index";
-  const r = K(null), n = re(se(O)), [c, m] = B(0), v = K(!1), [p, w] = B(0), $ = e.type === "text" ? 0 : e.firstItem;
+  const r = K(null), n = re(se(O)), [c, h] = B(0), v = K(!1), [p, w] = B(0), $ = e.type === "text" ? 0 : e.firstItem;
   let f = e.width.size / (e.numItems - 1);
   const [j, y] = B(0);
   if (J(() => {
@@ -190,7 +188,7 @@ const de = ue.memo(function a(u) {
       w(x.left);
     }
   }, []), J(() => {
-    !v.current && !h && (y(e.index), e.type !== "text" ? m(e.index / (e.numItems - 1) * e.width.size) : m(e.index * f));
+    !v.current && !m && (y(e.index), e.type !== "text" ? h(e.index / (e.numItems - 1) * e.width.size) : h(e.index * f));
   }, [e.index]), e.hidden)
     return null;
   if (e.disabled) {
@@ -251,7 +249,7 @@ const de = ue.memo(function a(u) {
     );
   }
   function A(x) {
-    if (v.current = !0, document.addEventListener("mousemove", W), document.addEventListener("mouseup", V), m(x.nativeEvent.clientX - p), e.type !== "text") {
+    if (v.current = !0, document.addEventListener("mousemove", W), document.addEventListener("mouseup", V), h(x.nativeEvent.clientX - p), e.type !== "text") {
       let i = te(
         x.nativeEvent.clientX - p,
         f,
@@ -287,7 +285,7 @@ const de = ue.memo(function a(u) {
           f,
           $
         ), o = N(d, e.items, e);
-        y(o[1]), m(o[1] * f), n((g) => {
+        y(o[1]), h(o[1] * f), n((g) => {
           let z = { ...g };
           return z.ignoreUpdate = !0, z;
         }), M({
@@ -297,7 +295,7 @@ const de = ue.memo(function a(u) {
         });
       } else {
         let i = Math.round((x.clientX - p) / f);
-        i = Math.max(0, Math.min(e.numItems - 1, i)), y(i), m(i * f), n((d) => {
+        i = Math.max(0, Math.min(e.numItems - 1, i)), y(i), h(i * f), n((d) => {
           let o = { ...d };
           return o.ignoreUpdate = !0, o;
         }), M({
@@ -309,7 +307,7 @@ const de = ue.memo(function a(u) {
   }
   function W(x) {
     if (v.current)
-      if (m(
+      if (h(
         Math.max(0, Math.min(e.width.size, x.clientX - p))
       ), e.type !== "text") {
         let i = te(
@@ -434,5 +432,5 @@ const de = ue.memo(function a(u) {
   );
 });
 export {
-  de as default
+  he as default
 };

package/dist/{solution-ed56d868.js → solution-61675899.js}

@@ -1,8 +1,6 @@
-import { u as g, j as e, V as y, F as c, L as u } from "./index-85d4fdb6.js";
-import h, { useEffect as k } from "react";
-import R from "styled-components";
-import "react-dom";
-const S = R.span`
+import { u as g, j as e, V as y, s as h, F as c, O as u } from "./index-7912373f.js";
+import k, { useEffect as R } from "react";
+const S = h.span`
   // display: block;
   // margin: SVs.open ? 12px 4px 0px 4px : 12px 4px 12px 4px;
   // padding: 6px;
@@ -17,24 +15,24 @@ const S = R.span`
     outline: 2px solid var(--canvastext);
     outline-offset: 2px;
   }
-`, E = h.memo(function(b) {
-  let { name: V, id: a, SVs: o, children: m, actions: i, callAction: t } = g(b), f = (n) => {
-    t({
+`, B = k.memo(function(b) {
+  let { name: V, id: s, SVs: o, children: m, actions: i, callAction: n } = g(b), f = (t) => {
+    n({
       action: i.recordVisibilityChange,
-      args: { isVisible: n }
+      args: { isVisible: t }
     });
   };
-  k(() => () => {
-    t({
+  R(() => () => {
+    n({
       action: i.recordVisibilityChange,
       args: { isVisible: !1 }
     });
   }, []);
-  let l = "open";
+  let p = "open";
   if (o.hidden)
     return null;
-  let s, d = null, x = { display: "none" }, r, p;
-  return o.open ? (s = /* @__PURE__ */ e.jsx(c, { icon: u }), l = "close", d = m, x = {
+  let a, d = null, x = { display: "none" }, r, l;
+  return o.open ? (a = /* @__PURE__ */ e.jsx(c, { icon: u }), p = "close", d = m, x = {
     display: "block",
     margin: "0px 4px 12px 4px",
     padding: "6px",
@@ -43,25 +41,25 @@ const S = R.span`
     borderBottomLeftRadius: "5px",
     borderBottomRightRadius: "5px",
     backgroundColor: "var(--canvas)"
-  }, p = (n) => {
-    n.key === "Enter" && t({
+  }, l = (t) => {
+    t.key === "Enter" && n({
       action: i.closeSolution
     });
   }, o.canBeClosed ? r = () => {
-    t({
+    n({
       action: i.closeSolution
     });
   } : r = () => {
-  }) : (s = /* @__PURE__ */ e.jsx(c, { icon: u, rotation: 90 }), r = () => {
-    t({
+  }) : (a = /* @__PURE__ */ e.jsx(c, { icon: u, rotation: 90 }), r = () => {
+    n({
       action: i.revealSolution
     });
-  }, p = (n) => {
-    n.key === "Enter" && t({
+  }, l = (t) => {
+    t.key === "Enter" && n({
       action: i.revealSolution
     });
-  }), /* @__PURE__ */ e.jsx(y, { partialVisibility: !0, onChange: f, children: /* @__PURE__ */ e.jsxs("aside", { id: a, style: { margin: "12px 0" }, children: [
-    /* @__PURE__ */ e.jsx("a", { name: a }),
+  }), /* @__PURE__ */ e.jsx(y, { partialVisibility: !0, onChange: f, children: /* @__PURE__ */ e.jsxs("aside", { id: s, style: { margin: "12px 0" }, children: [
+    /* @__PURE__ */ e.jsx("a", { name: s }),
     /* @__PURE__ */ e.jsxs(
       S,
       {
@@ -78,17 +76,17 @@ const S = R.span`
           cursor: "pointer"
         },
         tabIndex: "0",
-        id: a + "_button",
+        id: s + "_button",
         onClick: r,
-        onKeyDown: p,
+        onKeyDown: l,
         children: [
-          s,
+          a,
           " ",
           o.sectionName,
           " ",
           o.message,
           " (click to ",
-          l,
+          p,
           ")"
         ]
       }
@@ -97,5 +95,5 @@ const S = R.span`
   ] }) });
 });
 export {
-  E as default
+  B as default
 };