@doenet/doenetml 0.6.0-alpha3 → 0.6.0-alpha5

package/dist/{ActionButtonGroup-f9a56616.js → ActionButtonGroup-cce60f98.js}

@@ -1,6 +1,5 @@
-import { j as i } from "./index-85d4fdb6.js";
-import l from "react";
-import r, { ThemeProvider as f } from "styled-components";
+import { s as r, j as l, L as f } from "./index-7912373f.js";
+import i from "react";
 const v = r.div`
   /* margin-left: 3px; */
   display: ${(e) => e.vertical ? "static" : "flex"};
@@ -30,22 +29,22 @@ const v = r.div`
   border: "1px solid var(--mainGray)",
   outlineOffset: "-6px"
 }, g = (e) => {
-  let c = e.vertical ? "first_vert" : "first", d = e.vertical ? "last_vert" : "last", n = e.width ? "no_overflow" : "overflow", t = l.Children.toArray(e.children);
+  let c = e.vertical ? "first_vert" : "first", s = e.vertical ? "last_vert" : "last", a = e.width ? "no_overflow" : "overflow", t = i.Children.toArray(e.children);
   t.length > 1 && (t = [
-    l.cloneElement(t[0], { num: c, overflow: n })
+    i.cloneElement(t[0], { num: c, overflow: a })
   ].concat(
-    t.slice(1, -1).map((m) => l.cloneElement(m, { overflow: n }))
+    t.slice(1, -1).map((m) => i.cloneElement(m, { overflow: a }))
   ).concat(
-    l.cloneElement(t[t.length - 1], {
-      num: d,
-      overflow: n
+    i.cloneElement(t[t.length - 1], {
+      num: s,
+      overflow: a
     })
   ));
-  const s = e.label ? "static" : "none";
-  var o = "", a = "flex", x = "center";
-  return e.label && (o = e.label, e.verticalLabel && (a = "static")), /* @__PURE__ */ i.jsx(i.Fragment, { children: /* @__PURE__ */ i.jsxs(p, { align: a, alignItems: x, width: e.width, children: [
-    /* @__PURE__ */ i.jsx(h, { labelVisible: s, align: a, children: o }),
-    /* @__PURE__ */ i.jsx(v, { vertical: e.vertical, children: /* @__PURE__ */ i.jsx(
+  const d = e.label ? "static" : "none";
+  var o = "", n = "flex", x = "center";
+  return e.label && (o = e.label, e.verticalLabel && (n = "static")), /* @__PURE__ */ l.jsx(l.Fragment, { children: /* @__PURE__ */ l.jsxs(p, { align: n, alignItems: x, width: e.width, children: [
+    /* @__PURE__ */ l.jsx(h, { labelVisible: d, align: n, children: o }),
+    /* @__PURE__ */ l.jsx(v, { vertical: e.vertical, children: /* @__PURE__ */ l.jsx(
       f,
       {
         theme: e.vertical ? b : u,
@@ -53,7 +52,7 @@ const v = r.div`
       }
     ) })
   ] }) });
-}, y = g;
+}, j = g;
 export {
-  y as A
+  j as A
 };

package/dist/{ToggleButton-8da16cc2.js → ToggleButton-67a72bb5.js}

@@ -1,7 +1,6 @@
-import { j as i, M as m } from "./index-85d4fdb6.js";
-import { useState as s, useEffect as f } from "react";
-import g from "styled-components";
-const u = g.button`
+import { s, j as i, M as m } from "./index-7912373f.js";
+import { useState as f, useEffect as g } from "react";
+const u = s.button`
   margin: ${(e) => e.theme.margin};
   height: 24px;
   border: ${(e) => e.alert ? "2px solid var(--mainRed)" : e.disabled ? "2px solid var(--mainGray)" : "2px solid var(--mainBlue)"};
@@ -33,11 +32,11 @@ u.defaultProps = {
     padding: "0px 10px 0px 10px"
   }
 };
-function B(e) {
-  const [r, c] = s(
+function y(e) {
+  const [r, c] = f(
     e.isSelected ? e.isSelected : !1
   ), v = e.label ? "static" : "none", n = e.vertical ? "static" : "flex", x = e.alert ? e.alert : null, o = e.disabled ? e.disabled : null;
-  f(() => {
+  g(() => {
     c(e.isSelected);
   }, [e.isSelected]);
   var a = {
@@ -84,5 +83,5 @@ function B(e) {
   ] }) });
 }
 export {
-  B as T
+  y as T
 };

package/dist/alert-33a70a3d.js

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

package/dist/{angle-40d0f6e5.js → angle-27255fe0.js}

@@ -1,10 +1,7 @@
-import { u as R, j as i, M as x } from "./index-85d4fdb6.js";
+import { u as R, j as i, M as x } from "./index-7912373f.js";
 import y, { useContext as C, useRef as o, useEffect as j } from "react";
-import { BoardContext as v, LINE_LAYER_OFFSET as f } from "./graph-102e9613.js";
-import "react-dom";
-import "styled-components";
-import "./css-ab4d83ca.js";
-const X = y.memo(function(b) {
+import { BoardContext as v, LINE_LAYER_OFFSET as f } from "./graph-d69449f2.js";
+const J = y.memo(function(b) {
   let { name: O, id: m, SVs: e } = R(b);
   const l = C(v);
   let u = o(null), s = o(null), c = o(null), r = o(null), h = o(null);
@@ -96,5 +93,5 @@ const X = y.memo(function(b) {
   ] });
 });
 export {
-  X as default
+  J as default
 };

package/dist/{answer-5f1c4979.js → answer-2afd88fa.js}

@@ -1,8 +1,6 @@
-import { u as g, j as e, F as a, f as C, a as j, b as k, c as y } from "./index-85d4fdb6.js";
-import A from "react";
-import v from "styled-components";
-import "react-dom";
-const s = v.button`
+import { u as g, j as e, F as a, f as C, a as j, b as k, c as y, s as A } from "./index-7912373f.js";
+import v from "react";
+const o = A.button`
   position: relative;
   height: 24px;
   display: inline-block;
@@ -18,11 +16,11 @@ const s = v.button`
     background-color: var(--lightBlue);
     color: black;
   }
-`, F = A.memo(function(x) {
-  let { name: L, id: o, SVs: t, actions: d, children: h, callAction: m } = g(x);
+`, R = v.memo(function(x) {
+  let { name: L, id: s, SVs: t, actions: d, children: h, callAction: m } = g(x);
   if (t.hidden)
     return null;
-  let p = t.disabled, l = () => m({
+  let u = t.disabled, l = () => m({
     action: d.submitAnswer
   });
   t.submitAllAnswersAtAncestor && (l = () => m({
@@ -45,17 +43,17 @@ const s = v.button`
       cursor: "pointer",
       padding: "1px 6px 1px 6px"
     };
-    p && (r.backgroundColor = getComputedStyle(
+    u && (r.backgroundColor = getComputedStyle(
       document.documentElement
     ).getPropertyValue("--mainGray"));
-    let u = t.submitLabel;
-    t.showCorrectness || (u = t.submitLabelNoCorrectness);
+    let p = t.submitLabel;
+    t.showCorrectness || (p = t.submitLabelNoCorrectness);
     let n = /* @__PURE__ */ e.jsxs(
-      s,
+      o,
       {
-        id: o + "_submit",
+        id: s + "_submit",
         tabIndex: "0",
-        disabled: p,
+        disabled: u,
         style: r,
         onClick: l,
         onKeyPress: (f) => {
@@ -73,7 +71,7 @@ const s = v.button`
             }
           ),
           " ",
-          u
+          p
         ]
       }
     );
@@ -81,24 +79,24 @@ const s = v.button`
       if (i === "correct")
         r.backgroundColor = getComputedStyle(
           document.documentElement
-        ).getPropertyValue("--mainGreen"), n = /* @__PURE__ */ e.jsxs(s, { id: o + "_correct", style: r, children: [
+        ).getPropertyValue("--mainGreen"), n = /* @__PURE__ */ e.jsxs(o, { id: s + "_correct", style: r, children: [
           /* @__PURE__ */ e.jsx(a, { icon: j }),
           "  Correct"
         ] });
       else if (i === "incorrect")
         r.backgroundColor = getComputedStyle(
           document.documentElement
-        ).getPropertyValue("--mainRed"), n = /* @__PURE__ */ e.jsxs(s, { id: o + "_incorrect", style: r, children: [
+        ).getPropertyValue("--mainRed"), n = /* @__PURE__ */ e.jsxs(o, { id: s + "_incorrect", style: r, children: [
           /* @__PURE__ */ e.jsx(a, { icon: k }),
           "  Incorrect"
         ] });
       else if (i === "partialcorrect") {
         r.backgroundColor = "#efab34";
         let b = `${Math.round(t.creditAchieved * 100)}% Correct`;
-        n = /* @__PURE__ */ e.jsx(s, { id: o + "_partial", style: r, children: b });
+        n = /* @__PURE__ */ e.jsx(o, { id: s + "_partial", style: r, children: b });
       }
     } else
-      i !== "unvalidated" && (r.backgroundColor = "rgb(74, 3, 217)", n = /* @__PURE__ */ e.jsxs(s, { id: o + "_saved", style: r, children: [
+      i !== "unvalidated" && (r.backgroundColor = "rgb(74, 3, 217)", n = /* @__PURE__ */ e.jsxs(o, { id: s + "_saved", style: r, children: [
         /* @__PURE__ */ e.jsx(a, { icon: y }),
         "  Response Saved"
       ] }));
@@ -115,17 +113,17 @@ const s = v.button`
         t.numAttemptsLeft,
         " attempts remaining)"
       ] })
-    ] })), /* @__PURE__ */ e.jsxs("span", { id: o, style: { marginBottom: "4px" }, children: [
-      /* @__PURE__ */ e.jsx("a", { name: o }),
+    ] })), /* @__PURE__ */ e.jsxs("span", { id: s, style: { marginBottom: "4px" }, children: [
+      /* @__PURE__ */ e.jsx("a", { name: s }),
       c,
       n
     ] });
   } else
-    return /* @__PURE__ */ e.jsxs("span", { id: o, style: { marginBottom: "4px" }, children: [
-      /* @__PURE__ */ e.jsx("a", { name: o }),
+    return /* @__PURE__ */ e.jsxs("span", { id: s, style: { marginBottom: "4px" }, children: [
+      /* @__PURE__ */ e.jsx("a", { name: s }),
       c
     ] });
 });
 export {
-  F as default
+  R as default
 };

package/dist/{asList-c80d2031.js → asList-b1a434a8.js}

@@ -1,19 +1,17 @@
-import { u, j as r } from "./index-85d4fdb6.js";
+import { u, j as r } from "./index-7912373f.js";
 import n from "react";
-import "react-dom";
-import "styled-components";
-const h = n.memo(function(s) {
+const x = n.memo(function(s) {
   let { name: d, id: e, SVs: i, children: t } = u(s);
   if (i.hidden)
     return null;
   if (t.length === 0)
     return /* @__PURE__ */ r.jsx(n.Fragment, {}, e);
-  let m = t.slice(1).reduce((a, o) => [...a, ", ", o], [t[0]]);
+  let a = t.slice(1).reduce((m, o) => [...m, ", ", o], [t[0]]);
   return /* @__PURE__ */ r.jsxs(n.Fragment, { children: [
     /* @__PURE__ */ r.jsx("a", { name: e }),
-    m
+    a
   ] }, e);
 });
 export {
-  h as default
+  x as default
 };

package/dist/blockQuote-8da178e1.js

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

package/dist/boolean-b742fe48.js

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

package/dist/{booleanInput-45df7ed1.js → booleanInput-9a61bf21.js}

@@ -1,11 +1,9 @@
-import { u as ue, R as de, r as fe, C as Q, g as Z, j as r, F as N, f as pe, a as me, b as he, c as xe, M as be } from "./index-85d4fdb6.js";
-import ee, { useState as ge, useRef as l, useContext as ve, useEffect as Ce } from "react";
-import { T as ye } from "./ToggleButton-8da16cc2.js";
-import ke from "styled-components";
-import { BoardContext as je } from "./graph-102e9613.js";
-import "react-dom";
-import "./css-ab4d83ca.js";
-const _ = ke.button`
+import "./booleanInput.css";
+import { u as ue, R as de, r as fe, C as Q, g as Z, j as r, F as N, f as pe, a as me, b as he, c as xe, s as be, M as ge } from "./index-7912373f.js";
+import ee, { useState as ve, useRef as l, useContext as Ce, useEffect as ye } from "react";
+import { T as ke } from "./ToggleButton-67a72bb5.js";
+import { BoardContext as je } from "./graph-d69449f2.js";
+const _ = be.button`
   position: relative;
   width: 24px;
   height: 24px;
@@ -24,17 +22,17 @@ const _ = ke.button`
     background-color: var(--lightBlue);
     color: black;
   }
-`, Ie = ee.memo(function T(Y) {
+`, Be = ee.memo(function T(Y) {
   let { name: Ae, id: f, SVs: e, actions: g, ignoreUpdate: te, rendererName: re, callAction: v } = ue(Y);
   T.baseStateVariable = "value", T.ignoreActionsWithoutCore = (n) => n === "moveInput";
-  const [C, H] = ge(e.value);
+  const [C, H] = ve(e.value);
   let W = l(null);
   W.current = C;
   const ne = de(fe(re));
   let R = l(null), t = l(null), S = l(null), P = l(null);
-  const a = ve(je);
+  const a = Ce(je);
   let k = l(!1), V = l(!1), p = l(!1), m = l(null), h = l(null), z = l(null), X = l(null), E = l(!1), j = l(!1);
-  E.current = e.fixed, j.current = !e.draggable || e.fixLocation || e.fixed, Ce(() => () => {
+  E.current = e.fixed, j.current = !e.draggable || e.fixLocation || e.fixed, ye(() => () => {
     t.current !== null && ie();
   }, []), !te && R.current !== e.value ? (H(e.value), R.current = e.value) : R.current = null;
   function w(n) {
@@ -261,9 +259,9 @@ const _ = ke.button`
     ] }));
   }
   let L, y = e.label;
-  if (e.labelHasLatex && (y = /* @__PURE__ */ r.jsx(be, { hideUntilTypeset: "first", inline: !0, dynamic: !0, children: y })), e.asToggleButton)
+  if (e.labelHasLatex && (y = /* @__PURE__ */ r.jsx(ge, { hideUntilTypeset: "first", inline: !0, dynamic: !0, children: y })), e.asToggleButton)
     L = /* @__PURE__ */ r.jsx(
-      ye,
+      ke,
       {
         id: B,
         isSelected: C,
@@ -300,5 +298,5 @@ const _ = ke.button`
   ] });
 });
 export {
-  Ie as default
+  Be as default
 };

package/dist/booleanInput.css

@@ -0,0 +1 @@
+.container{position:relative;padding-left:24px;margin-bottom:4px;margin-right:2px;margin-left:4px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.container-disabled{cursor:not-allowed}.container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.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);border-width:2px;box-sizing:content-box}.checkmark-disabled{background-color:var(--mainGray);border-color:var(--mainGray)}.container:hover input~.checkmark{background-color:var(--lightBlue)}.container:hover input~.checkmark-disabled{background-color:var(--mainGray)}.container input:checked~.checkmark{background-color:var(--mainBlue)}.container:focus-within input~.checkmark{outline:2px solid var(--canvastext);outline-offset:2px}.checkmark:after{content:"";position:absolute;display:none}.container input:checked~.checkmark:after{display:block}.container .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)}

package/dist/{button-9c4d0fd2.js → button-0f49bac0.js}

@@ -1,15 +1,12 @@
-import { u as q, C as U, g as Y, j as _, B as I } from "./index-85d4fdb6.js";
+import { u as q, C as U, g as Y, j as _, B as I } from "./index-7912373f.js";
 import K, { useRef as c, useContext as Q, useEffect as Z } from "react";
-import { BoardContext as $ } from "./graph-102e9613.js";
-import "react-dom";
-import "styled-components";
-import "./css-ab4d83ca.js";
-const ce = K.memo(function E(M) {
-  let { name: ee, id: b, SVs: t, actions: m, callAction: p } = q(M, !1);
+import { BoardContext as $ } from "./graph-d69449f2.js";
+const oe = K.memo(function E(M) {
+  let { name: ee, id: b, SVs: t, actions: m, callAction: x } = q(M, !1);
   E.ignoreActionsWithoutCore = (o) => o === "moveButton";
   let e = c(null), v = c(null), y = c(null);
   const i = Q($);
-  let x = c(!1), B = c(!1), a = c(!1), s = c(null), l = c(null), D = c(null), P = c(null), R = c(!1), X = c(!1);
+  let p = c(!1), B = c(!1), a = c(!1), s = c(null), l = c(null), D = c(null), P = c(null), R = c(!1), X = c(!1);
   R.current = t.fixed, X.current = !t.draggable || t.fixLocation || t.fixed;
   let C = t.label ? t.label : "Button";
   Z(() => () => {
@@ -42,15 +39,15 @@ const ce = K.memo(function E(M) {
     o.anchorx = f, o.anchory = h, y.current = [f, h];
     let u = i.create(
       "button",
-      [0, 0, C, () => p({ action: m[t.clickAction] })],
+      [0, 0, C, () => x({ action: m[t.clickAction] })],
       o
     );
     u.isDraggable = !X.current, u.on("down", function(n) {
-      x.current = [n.x, n.y], B.current = [...r.coords.scrCoords], a.current = !1;
+      p.current = [n.x, n.y], B.current = [...r.coords.scrCoords], a.current = !1;
     }), u.on("hit", function(n) {
       a.current = !1;
     }), u.on("up", function(n) {
-      a.current && (p({
+      a.current && (x({
         action: m.moveButton,
         args: {
           x: s.current,
@@ -58,7 +55,7 @@ const ce = K.memo(function E(M) {
         }
       }), a.current = !1);
     }), u.on("keyfocusout", function(n) {
-      a.current && (p({
+      a.current && (x({
         action: m.moveButton,
         args: {
           x: s.current,
@@ -67,7 +64,7 @@ const ce = K.memo(function E(M) {
       }), a.current = !1);
     }), u.on("drag", function(n) {
       let d = n.type === "pointermove";
-      (!d || Math.abs(n.x - x.current[0]) > 0.1 || Math.abs(n.y - x.current[1]) > 0.1) && (a.current = !0);
+      (!d || Math.abs(n.x - p.current[0]) > 0.1 || Math.abs(n.y - p.current[1]) > 0.1) && (a.current = !0);
       let [j, F, J, k] = i.getBoundingBox(), G = u.size[0] / i.unitX, w = u.size[1] / i.unitY, O = y.current[0], S = y.current[1], g = 0;
       O === "middle" ? g = -G / 2 : O === "right" && (g = -G);
       let A = 0;
@@ -75,7 +72,7 @@ const ce = K.memo(function E(M) {
       let T = j + 0.04 * (J - j) - g - G, z = J - 0.04 * (J - j) - g, V = k + 0.04 * (F - k) - A - w, W = F - 0.04 * (F - k) - A;
       if (d) {
         var N = i.origin.scrCoords;
-        s.current = (B.current[1] + n.x - x.current[0] - N[1]) / i.unitX, l.current = (N[2] - (B.current[2] + n.y - x.current[1])) / i.unitY;
+        s.current = (B.current[1] + n.x - p.current[0] - N[1]) / i.unitX, l.current = (N[2] - (B.current[2] + n.y - p.current[1])) / i.unitY;
       } else
         s.current = r.X() + u.relativeCoords.usrCoords[1], l.current = r.Y() + u.relativeCoords.usrCoords[2];
       s.current = Math.min(
@@ -84,7 +81,7 @@ const ce = K.memo(function E(M) {
       ), l.current = Math.min(
         W,
         Math.max(V, l.current)
-      ), p({
+      ), x({
         action: m.moveButton,
         args: {
           x: s.current,
@@ -97,7 +94,7 @@ const ce = K.memo(function E(M) {
         D.current
       );
     }), u.on("keydown", function(n) {
-      n.key === "Enter" && a.current && (p({
+      n.key === "Enter" && a.current && (x({
         action: m.moveButton,
         args: {
           x: s.current,
@@ -155,7 +152,7 @@ const ce = K.memo(function E(M) {
       I,
       {
         id: b + "_button",
-        onClick: () => p({ action: m[t.clickAction] }),
+        onClick: () => x({ action: m[t.clickAction] }),
         disabled: t.disabled,
         value: C,
         valueHasLatex: t.labelHasLatex
@@ -164,5 +161,5 @@ const ce = K.memo(function E(M) {
   ] });
 });
 export {
-  ce as default
+  oe as default
 };

package/dist/c-f11cfb55.js

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

package/dist/callAction-45217748.js

@@ -0,0 +1,12 @@
+import { u as o, j as e, B as s } from "./index-7912373f.js";
+import c from "react";
+const m = c.memo(function(n) {
+  let { name: l, SVs: t, actions: i, callAction: a } = o(n);
+  return t.hidden ? null : /* @__PURE__ */ e.jsxs("div", { style: { margin: "12px 0", display: "inline-block" }, children: [
+    /* @__PURE__ */ e.jsx("a", { name: l }),
+    /* @__PURE__ */ e.jsx(s, { id: l + "_button", onClick: () => a({ action: i.callAction }), disabled: t.disabled, value: t.label })
+  ] });
+});
+export {
+  m as default
+};

package/dist/{cell-fcd153d3.js → cell-0e133fa0.js}

@@ -1,16 +1,14 @@
-import { u as d, j as r } from "./index-85d4fdb6.js";
+import { u as d, j as l } from "./index-7912373f.js";
 import s from "react";
-import "react-dom";
-import "styled-components";
-const c = s.memo(function(l) {
-  let { name: h, id: o, SVs: t, children: n } = d(l);
+const a = s.memo(function(r) {
+  let { name: m, id: o, SVs: t, children: n } = d(r);
   if (t.hidden)
     return null;
   let e = { style: { padding: "3px 10px" } };
   t.colSpan !== 1 && (e.colSpan = t.colSpan), t.halign !== null && (e.style.textAlign = t.halign), t.bottom !== "none" && (e.style.borderBottomStyle = "solid", t.bottom === "minor" ? e.style.borderBottomWidth = "thin" : t.bottom === "medium" ? e.style.borderBottomWidth = "medium" : e.style.borderBottomWidth = "thick"), t.right !== "none" && (e.style.borderRightStyle = "solid", t.right === "minor" ? e.style.borderRightWidth = "thin" : t.right === "medium" ? e.style.borderRightWidth = "medium" : e.style.borderRightWidth = "thick");
   let i = n;
-  return i.length === 0 && (i = t.text), t.inHeader ? /* @__PURE__ */ r.jsx("th", { id: o, ...e, children: i }) : /* @__PURE__ */ r.jsx("td", { id: o, ...e, children: i });
+  return i.length === 0 && (i = t.text), t.inHeader ? /* @__PURE__ */ l.jsx("th", { id: o, ...e, children: i }) : /* @__PURE__ */ l.jsx("td", { id: o, ...e, children: i });
 });
 export {
-  c as default
+  a as default
 };

package/dist/{chart-3891d729.js → chart-3fb05dec.js}

@@ -1,9 +1,7 @@
-import { u as x, j as i, V as h } from "./index-85d4fdb6.js";
+import { u as x, j as i, V as h } from "./index-7912373f.js";
 import y, { useEffect as c, createContext as b } from "react";
-import "react-dom";
-import "styled-components";
-const j = b(), I = y.memo(function(r) {
-  let { name: l, id: a, SVs: e, actions: s, callAction: m } = x(r), f = (n) => {
+const V = b(), F = y.memo(function(r) {
+  let { name: l, id: t, SVs: e, actions: s, callAction: m } = x(r), f = (n) => {
     m({
       action: s.recordVisibilityChange,
       args: { isVisible: n }
@@ -17,31 +15,31 @@ const j = b(), I = y.memo(function(r) {
   }, []), c(() => {
     if (e.dataFrame !== null) {
       let n;
-      e.colInd !== null ? n = [e.colInd] : n = e.dataFrame.columnTypes.map((t, p) => t === "number" ? p : null).filter((t) => t !== null);
+      e.colInd !== null ? n = [e.colInd] : n = e.dataFrame.columnTypes.map((a, p) => a === "number" ? p : null).filter((a) => a !== null);
       let u = [];
-      for (let t of n)
+      for (let a of n)
         e.type === "box" ? u.push({
-          y: d(e.dataFrame.data, t),
+          y: d(e.dataFrame.data, a),
           type: "box",
-          name: e.dataFrame.columnNames[t]
+          name: e.dataFrame.columnNames[a]
         }) : u.push({
-          x: d(e.dataFrame.data, t),
+          x: d(e.dataFrame.data, a),
           type: "histogram",
-          name: e.dataFrame.columnNames[t]
+          name: e.dataFrame.columnNames[a]
         });
     }
   }, []), /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
-    /* @__PURE__ */ i.jsx("a", { name: a }),
-    /* @__PURE__ */ i.jsx(h, { partialVisibility: !0, onChange: f, children: /* @__PURE__ */ i.jsx("div", { id: a }) })
+    /* @__PURE__ */ i.jsx("a", { name: t }),
+    /* @__PURE__ */ i.jsx(h, { partialVisibility: !0, onChange: f, children: /* @__PURE__ */ i.jsx("div", { id: t }) })
   ] });
 });
 function d(o, r) {
   let l = [];
-  for (let a of o)
-    a[r] !== null && l.push(a[r]);
+  for (let t of o)
+    t[r] !== null && l.push(t[r]);
   return l;
 }
 export {
-  j as BoardContext,
-  I as default
+  V as BoardContext,
+  F as default
 };