@marimo-team/islands 0.16.5 → 0.17.1

package/dist/{blockDiagram-QIGZ2CNN-DZOqLMYa.js → blockDiagram-QIGZ2CNN-BJOEyO6w.js}

@@ -1,32 +1,33 @@
 var _a, _b;
-import "./isArrayLikeObject-DiDsNamC.js";
-import "./isSymbol-BxF-_8BA.js";
-import "./toString-BvCd3yJc.js";
-import "./_baseIsEqual-oN7pRNcM.js";
-import "./_baseUniq-B5gfSl8S.js";
-import "./_baseProperty-DGUdIBuu.js";
-import "./memoize-Dq87l1O_.js";
-import "./merge-BPDCIm8P.js";
-import "./_arrayReduce-CVwxyrBP.js";
-import { t as clone_default } from "./clone-Dk4FkKH0.js";
-import "./isEmpty-BBG-u1GM.js";
-import { t as Graph } from "./graphlib-BGmr7CYF.js";
-import "./marked.esm-3RjvXPoO.js";
-import "./path-VDkDgx1I.js";
-import "./math-C7wLpe9K.js";
-import "./array-aAxy08hN.js";
-import { _ as basis_default } from "./step-IHYrujTc.js";
-import { t as line_default } from "./line-C6-zz71o.js";
-import { a as decodeEntities, g as utils_default, l as getStylesFromArray } from "./chunk-S3R3BYOJ-DMQ1yeyq.js";
-import "./timer-D3Zlu9ow.js";
-import { i as log, r as __name, t as select_default } from "./src-BNNJRxz3.js";
-import { E as getUrl, I as sanitizeText, a as clear, b as getConfig2, c as configureSvgSize, et as rgba_default, h as evaluate, s as common_default, y as getConfig } from "./chunk-ABZYJK2D-CLlso8tj.js";
-import { t as channel_default } from "./channel-Uh0KpgGW.js";
-import { t as getLineFunctionsWithOffset } from "./chunk-7GE3RBXV-B1-tsIPP.js";
-import { t as getSubGraphTitleMargins } from "./chunk-CVBHYZKI-BONeiloK.js";
-import "./dist-CK8Gj3GX.js";
-import { a as replaceIconSubstring, n as createText } from "./chunk-JA3XYJ7Z-C9A1076P.js";
-import { t as getIconStyles } from "./chunk-FMBD7UC4-DyV3BR_I.js";
+import "./purify.es-CrfFzTyi.js";
+import "./isArrayLikeObject-DU5MCuQM.js";
+import "./isSymbol-CtkA8Y0a.js";
+import "./toString-CbuxCRDG.js";
+import "./_baseIsEqual-BFlyFUxC.js";
+import "./_baseUniq-CKN9mEDq.js";
+import "./_baseProperty-BuqBC0Ie.js";
+import "./memoize-D7eDkf3R.js";
+import "./merge-C_6cGM6o.js";
+import "./_arrayReduce-Cd9xQjbl.js";
+import { t as clone_default } from "./clone-CCgVUJ6x.js";
+import "./isEmpty-Do_v2sls.js";
+import { t as Graph } from "./graphlib-DRS8CrjA.js";
+import "./marked.esm-DkVwEwtO.js";
+import "./path-Bbv2tLY1.js";
+import "./math-qsHyz2Eo.js";
+import "./array-DYSXIreg.js";
+import { _ as basis_default } from "./step-2RJrMSSG.js";
+import { t as line_default } from "./line-B7-GoF1m.js";
+import { a as decodeEntities, g as utils_default, l as getStylesFromArray } from "./chunk-S3R3BYOJ-C5zmcMvn.js";
+import "./timer-CcUhugb0.js";
+import { i as log, r as __name, t as select_default } from "./src-BTqT1mA1.js";
+import { $ as rgba_default, E as getUrl, I as sanitizeText, a as clear, b as getConfig2, c as configureSvgSize, h as evaluate, s as common_default, y as getConfig } from "./chunk-ABZYJK2D-B6ZsU6SR.js";
+import { t as channel_default } from "./channel-X-wRUxX6.js";
+import { t as getLineFunctionsWithOffset } from "./chunk-7GE3RBXV-CT47hCrL.js";
+import { t as getSubGraphTitleMargins } from "./chunk-CVBHYZKI-BuzDGXz0.js";
+import "./dist-C76MUPD3.js";
+import { a as replaceIconSubstring, n as createText } from "./chunk-JA3XYJ7Z-DcxfkcDC.js";
+import { t as getIconStyles } from "./chunk-FMBD7UC4-CYKEpuPr.js";
 var parser = (function() {
   var e = /* @__PURE__ */ __name(function(e2, S2, C2, w2) {
     for (C2 || (C2 = {}), w2 = e2.length; w2--; C2[e2[w2]] = S2) ;
@@ -1414,8 +1415,8 @@ var cnt = 0, blockDB_default = {
   clear: clear2,
   generateId: /* @__PURE__ */ __name(() => (cnt++, "id-" + Math.random().toString(36).substr(2, 12) + "-" + cnt), "generateId")
 }, fade = /* @__PURE__ */ __name((e, S) => {
-  let C = channel_default, w = C(e, "r"), T = C(e, "g"), E = C(e, "b");
-  return rgba_default(w, T, E, S);
+  let C = channel_default;
+  return rgba_default(C(e, "r"), C(e, "g"), C(e, "b"), S);
 }, "fade"), styles_default = /* @__PURE__ */ __name((e) => `.label {
     font-family: ${e.fontFamily};
     color: ${e.nodeTextColor || e.textColor};
@@ -1565,18 +1566,15 @@ var cnt = 0, blockDB_default = {
 function calculateBlockPosition(e, S) {
   if (e === 0 || !Number.isInteger(e)) throw Error("Columns must be an integer !== 0.");
   if (S < 0 || !Number.isInteger(S)) throw Error("Position must be a non-negative integer." + S);
-  if (e < 0) return {
+  return e < 0 ? {
     px: S,
     py: 0
-  };
-  if (e === 1) return {
+  } : e === 1 ? {
     px: 0,
     py: S
-  };
-  let C = S % e, w = Math.floor(S / e);
-  return {
-    px: C,
-    py: w
+  } : {
+    px: S % e,
+    py: Math.floor(S / e)
   };
 }
 __name(calculateBlockPosition, "calculateBlockPosition");
@@ -1695,11 +1693,11 @@ function layout(e) {
   let S = e.getBlock("root");
   if (!S) return;
   setBlockSizes(S, e, 0, 0), layoutBlocks(S, e), log.debug("getBlocks", JSON.stringify(S, null, 2));
-  let { minX: C, minY: w, maxX: T, maxY: E } = findBounds(S), D = E - w, k = T - C;
+  let { minX: C, minY: w, maxX: T, maxY: E } = findBounds(S), D = E - w;
   return {
     x: C,
     y: w,
-    width: k,
+    width: T - C,
     height: D
   };
 }
@@ -1717,15 +1715,12 @@ var createLabel_default = /* @__PURE__ */ __name(async (e, S, C, w) => {
   let E = e || "";
   typeof E == "object" && (E = E[0]);
   let D = getConfig2();
-  if (evaluate(D.flowchart.htmlLabels)) {
-    E = E.replace(/\\n|\n/g, "<br />"), log.debug("vertexText" + E);
-    let e2 = await replaceIconSubstring(decodeEntities(E)), C2 = {
-      isNode: w,
-      label: e2,
-      labelStyle: S.replace("fill:", "color:")
-    };
-    return addHtmlLabel(C2, D);
-  } else {
+  if (evaluate(D.flowchart.htmlLabels)) return E = E.replace(/\\n|\n/g, "<br />"), log.debug("vertexText" + E), addHtmlLabel({
+    isNode: w,
+    label: await replaceIconSubstring(decodeEntities(E)),
+    labelStyle: S.replace("fill:", "color:")
+  }, D);
+  {
     let e2 = document.createElementNS("http://www.w3.org/2000/svg", "text");
     e2.setAttribute("style", S.replace("color:", "fill:"));
     let w2 = [];
@@ -1802,46 +1797,46 @@ function setTerminalWidth(e, S) {
 __name(setTerminalWidth, "setTerminalWidth");
 var positionEdgeLabel = /* @__PURE__ */ __name((e, S) => {
   log.debug("Moving label abc88 ", e.id, e.label, edgeLabels[e.id], S);
-  let C = S.updatedPath ? S.updatedPath : S.originalPath, w = getConfig2(), { subGraphTitleTotalMargin: T } = getSubGraphTitleMargins(w);
+  let C = S.updatedPath ? S.updatedPath : S.originalPath, { subGraphTitleTotalMargin: w } = getSubGraphTitleMargins(getConfig2());
   if (e.label) {
-    let w2 = edgeLabels[e.id], D = e.x, k = e.y;
+    let T = edgeLabels[e.id], D = e.x, k = e.y;
     if (C) {
-      let w3 = utils_default.calcLabelPosition(C);
-      log.debug("Moving label " + e.label + " from (", D, ",", k, ") to (", w3.x, ",", w3.y, ") abc88"), S.updatedPath && (D = w3.x, k = w3.y);
+      let w2 = utils_default.calcLabelPosition(C);
+      log.debug("Moving label " + e.label + " from (", D, ",", k, ") to (", w2.x, ",", w2.y, ") abc88"), S.updatedPath && (D = w2.x, k = w2.y);
     }
-    w2.attr("transform", `translate(${D}, ${k + T / 2})`);
+    T.attr("transform", `translate(${D}, ${k + w / 2})`);
   }
   if (e.startLabelLeft) {
-    let S2 = terminalLabels[e.id].startLeft, w2 = e.x, T2 = e.y;
+    let S2 = terminalLabels[e.id].startLeft, w2 = e.x, T = e.y;
     if (C) {
       let S3 = utils_default.calcTerminalLabelPosition(e.arrowTypeStart ? 10 : 0, "start_left", C);
-      w2 = S3.x, T2 = S3.y;
+      w2 = S3.x, T = S3.y;
     }
-    S2.attr("transform", `translate(${w2}, ${T2})`);
+    S2.attr("transform", `translate(${w2}, ${T})`);
   }
   if (e.startLabelRight) {
-    let S2 = terminalLabels[e.id].startRight, w2 = e.x, T2 = e.y;
+    let S2 = terminalLabels[e.id].startRight, w2 = e.x, T = e.y;
     if (C) {
       let S3 = utils_default.calcTerminalLabelPosition(e.arrowTypeStart ? 10 : 0, "start_right", C);
-      w2 = S3.x, T2 = S3.y;
+      w2 = S3.x, T = S3.y;
     }
-    S2.attr("transform", `translate(${w2}, ${T2})`);
+    S2.attr("transform", `translate(${w2}, ${T})`);
   }
   if (e.endLabelLeft) {
-    let S2 = terminalLabels[e.id].endLeft, w2 = e.x, T2 = e.y;
+    let S2 = terminalLabels[e.id].endLeft, w2 = e.x, T = e.y;
     if (C) {
       let S3 = utils_default.calcTerminalLabelPosition(e.arrowTypeEnd ? 10 : 0, "end_left", C);
-      w2 = S3.x, T2 = S3.y;
+      w2 = S3.x, T = S3.y;
     }
-    S2.attr("transform", `translate(${w2}, ${T2})`);
+    S2.attr("transform", `translate(${w2}, ${T})`);
   }
   if (e.endLabelRight) {
-    let S2 = terminalLabels[e.id].endRight, w2 = e.x, T2 = e.y;
+    let S2 = terminalLabels[e.id].endRight, w2 = e.x, T = e.y;
     if (C) {
       let S3 = utils_default.calcTerminalLabelPosition(e.arrowTypeEnd ? 10 : 0, "end_right", C);
-      w2 = S3.x, T2 = S3.y;
+      w2 = S3.x, T = S3.y;
     }
-    S2.attr("transform", `translate(${w2}, ${T2})`);
+    S2.attr("transform", `translate(${w2}, ${T})`);
   }
 }, "positionEdgeLabel"), outsideNode = /* @__PURE__ */ __name((e, S) => {
   let C = e.x, w = e.y, T = Math.abs(S.x - C), E = Math.abs(S.y - w), D = e.width / 2, O = e.height / 2;
@@ -1883,12 +1878,12 @@ var positionEdgeLabel = /* @__PURE__ */ __name((e, S) => {
     } else w = e2, T || C.push(e2);
   }), C;
 }, "cutPathAtIntersect"), insertEdge = /* @__PURE__ */ __name(function(e, S, T, E, D, k, A) {
-  let M = T.points;
+  let j = T.points;
   log.debug("abc88 InsertEdge: edge=", T, "e=", S);
-  let N = false, F = k.node(S.v);
+  let N = false, P = k.node(S.v);
   var I = k.node(S.w);
-  (I == null ? void 0 : I.intersect) && (F == null ? void 0 : F.intersect) && (M = M.slice(1, T.points.length - 1), M.unshift(F.intersect(M[0])), M.push(I.intersect(M[M.length - 1]))), T.toCluster && (log.debug("to cluster abc88", E[T.toCluster]), M = cutPathAtIntersect(T.points, E[T.toCluster].node), N = true), T.fromCluster && (log.debug("from cluster abc88", E[T.fromCluster]), M = cutPathAtIntersect(M.reverse(), E[T.fromCluster].node).reverse(), N = true);
-  let L = M.filter((e2) => !Number.isNaN(e2.y)), R = basis_default;
+  (I == null ? void 0 : I.intersect) && (P == null ? void 0 : P.intersect) && (j = j.slice(1, T.points.length - 1), j.unshift(P.intersect(j[0])), j.push(I.intersect(j[j.length - 1]))), T.toCluster && (log.debug("to cluster abc88", E[T.toCluster]), j = cutPathAtIntersect(T.points, E[T.toCluster].node), N = true), T.fromCluster && (log.debug("from cluster abc88", E[T.fromCluster]), j = cutPathAtIntersect(j.reverse(), E[T.fromCluster].node).reverse(), N = true);
+  let L = j.filter((e2) => !Number.isNaN(e2.y)), R = basis_default;
   T.curve && (D === "graph" || D === "flowchart") && (R = T.curve);
   let { x: z, y: B } = getLineFunctionsWithOffset(T), H = line_default().x(z).y(B).curve(R), U;
   switch (T.thickness) {
@@ -1918,7 +1913,7 @@ var positionEdgeLabel = /* @__PURE__ */ __name((e, S) => {
   let W = e.append("path").attr("d", H(L)).attr("id", T.id).attr("class", " " + U + (T.classes ? " " + T.classes : "")).attr("style", T.style), G = "";
   (getConfig2().flowchart.arrowMarkerAbsolute || getConfig2().state.arrowMarkerAbsolute) && (G = getUrl(true)), addEdgeMarkers(W, T, G, A, D);
   let K = {};
-  return N && (K.updatedPath = M), K.originalPath = T.points, K;
+  return N && (K.updatedPath = j), K.originalPath = T.points, K;
 }, "insertEdge"), expandAndDeduplicateDirections = /* @__PURE__ */ __name((e) => {
   let S = /* @__PURE__ */ new Set();
   for (let C of e) switch (C) {
@@ -2409,19 +2404,19 @@ var intersect_default = {
 }, labelHelper = /* @__PURE__ */ __name(async (e, S, C, w) => {
   let E = getConfig2(), D, O = S.useHtmlLabels || evaluate(E.flowchart.htmlLabels);
   D = C || "node default";
-  let j = e.insert("g").attr("class", D).attr("id", S.domId || S.id), N = j.insert("g").attr("class", "label").attr("style", S.labelStyle), F;
-  F = S.labelText === void 0 ? "" : typeof S.labelText == "string" ? S.labelText : S.labelText[0];
-  let I = N.node(), R;
-  R = S.labelType === "markdown" ? createText(N, sanitizeText(decodeEntities(F), E), {
+  let j = e.insert("g").attr("class", D).attr("id", S.domId || S.id), M = j.insert("g").attr("class", "label").attr("style", S.labelStyle), P;
+  P = S.labelText === void 0 ? "" : typeof S.labelText == "string" ? S.labelText : S.labelText[0];
+  let I = M.node(), R;
+  R = S.labelType === "markdown" ? createText(M, sanitizeText(decodeEntities(P), E), {
     useHtmlLabels: O,
     width: S.width || E.flowchart.wrappingWidth,
     classes: "markdown-node-label"
-  }, E) : I.appendChild(await createLabel_default(sanitizeText(decodeEntities(F), E), S.labelStyle, false, w));
+  }, E) : I.appendChild(await createLabel_default(sanitizeText(decodeEntities(P), E), S.labelStyle, false, w));
   let z = R.getBBox(), B = S.padding / 2;
   if (evaluate(E.flowchart.htmlLabels)) {
     let e2 = R.children[0], S2 = select_default(R), C2 = e2.getElementsByTagName("img");
     if (C2) {
-      let e3 = F.replace(/<img[^>]*>/g, "").trim() === "";
+      let e3 = P.replace(/<img[^>]*>/g, "").trim() === "";
       await Promise.all([...C2].map((S3) => new Promise((C3) => {
         function w2() {
           if (S3.style.display = "flex", S3.style.flexDirection = "column", e3) {
@@ -2437,11 +2432,11 @@ var intersect_default = {
     }
     z = e2.getBoundingClientRect(), S2.attr("width", z.width), S2.attr("height", z.height);
   }
-  return O ? N.attr("transform", "translate(" + -z.width / 2 + ", " + -z.height / 2 + ")") : N.attr("transform", "translate(0, " + -z.height / 2 + ")"), S.centerLabel && N.attr("transform", "translate(" + -z.width / 2 + ", " + -z.height / 2 + ")"), N.insert("rect", ":first-child"), {
+  return O ? M.attr("transform", "translate(" + -z.width / 2 + ", " + -z.height / 2 + ")") : M.attr("transform", "translate(0, " + -z.height / 2 + ")"), S.centerLabel && M.attr("transform", "translate(" + -z.width / 2 + ", " + -z.height / 2 + ")"), M.insert("rect", ":first-child"), {
     shapeSvg: j,
     bbox: z,
     halfPadding: B,
-    label: N
+    label: M
   };
 }, "labelHelper"), updateNodeBounds = /* @__PURE__ */ __name((e, S) => {
   let C = S.node().getBBox();
@@ -2462,28 +2457,28 @@ var note_default = /* @__PURE__ */ __name(async (e, S) => {
     return intersect_default.rect(S, e2);
   }, C;
 }, "note"), formatClass = /* @__PURE__ */ __name((e) => e ? " " + e : "", "formatClass"), getClassesFromNode = /* @__PURE__ */ __name((e, S) => `${S || "node default"}${formatClass(e.classes)} ${formatClass(e.class)}`, "getClassesFromNode"), question = /* @__PURE__ */ __name(async (e, S) => {
-  let { shapeSvg: C, bbox: w } = await labelHelper(e, S, getClassesFromNode(S, void 0), true), T = w.width + S.padding, E = w.height + S.padding, D = T + E, k = [
+  let { shapeSvg: C, bbox: w } = await labelHelper(e, S, getClassesFromNode(S, void 0), true), T = w.width + S.padding + (w.height + S.padding), E = [
     {
-      x: D / 2,
+      x: T / 2,
       y: 0
     },
     {
-      x: D,
-      y: -D / 2
+      x: T,
+      y: -T / 2
     },
     {
-      x: D / 2,
-      y: -D
+      x: T / 2,
+      y: -T
     },
     {
       x: 0,
-      y: -D / 2
+      y: -T / 2
     }
   ];
   log.info("Question main (Circle)");
-  let A = insertPolygonShape(C, D, D, k);
-  return A.attr("style", S.style), updateNodeBounds(S, A), S.intersect = function(e2) {
-    return log.warn("Intersect called"), intersect_default.polygon(S, k, e2);
+  let D = insertPolygonShape(C, T, T, E);
+  return D.attr("style", S.style), updateNodeBounds(S, D), S.intersect = function(e2) {
+    return log.warn("Intersect called"), intersect_default.polygon(S, E, e2);
   }, C;
 }, "question"), choice = /* @__PURE__ */ __name((e, S) => {
   let C = e.insert("g").attr("class", "node default").attr("id", S.domId || S.id);
@@ -2685,8 +2680,8 @@ var note_default = /* @__PURE__ */ __name(async (e, S) => {
     return intersect_default.polygon(S, D, e2);
   }, C;
 }, "rect_right_inv_arrow"), cylinder = /* @__PURE__ */ __name(async (e, S) => {
-  let { shapeSvg: C, bbox: w } = await labelHelper(e, S, getClassesFromNode(S, void 0), true), T = w.width + S.padding, E = T / 2, D = E / (2.5 + T / 50), O = w.height + D + S.padding, k = "M 0," + D + " a " + E + "," + D + " 0,0,0 " + T + " 0 a " + E + "," + D + " 0,0,0 " + -T + " 0 l 0," + O + " a " + E + "," + D + " 0,0,0 " + T + " 0 l 0," + -O, A = C.attr("label-offset-y", D).insert("path", ":first-child").attr("style", S.style).attr("d", k).attr("transform", "translate(" + -T / 2 + "," + -(O / 2 + D) + ")");
-  return updateNodeBounds(S, A), S.intersect = function(e2) {
+  let { shapeSvg: C, bbox: w } = await labelHelper(e, S, getClassesFromNode(S, void 0), true), T = w.width + S.padding, E = T / 2, D = E / (2.5 + T / 50), O = w.height + D + S.padding, k = "M 0," + D + " a " + E + "," + D + " 0,0,0 " + T + " 0 a " + E + "," + D + " 0,0,0 " + -T + " 0 l 0," + O + " a " + E + "," + D + " 0,0,0 " + T + " 0 l 0," + -O;
+  return updateNodeBounds(S, C.attr("label-offset-y", D).insert("path", ":first-child").attr("style", S.style).attr("d", k).attr("transform", "translate(" + -T / 2 + "," + -(O / 2 + D) + ")")), S.intersect = function(e2) {
     let C2 = intersect_default.rect(S, e2), w2 = C2.x - S.x;
     if (E != 0 && (Math.abs(w2) < S.width / 2 || Math.abs(w2) == S.width / 2 && Math.abs(C2.y - S.y) > S.height / 2 - D)) {
       let T2 = D * D * (1 - w2 * w2 / (E * E));
@@ -2753,7 +2748,7 @@ var rectWithTitle = /* @__PURE__ */ __name(async (e, S) => {
     N = e2.getBoundingClientRect(), S2.attr("width", N.width), S2.attr("height", N.height);
   }
   log.info("Text 2", k);
-  let F = k.slice(1, k.length), I = M.getBBox(), R = D.node().appendChild(await createLabel_default(F.join ? F.join("<br/>") : F, S.labelStyle, true, true));
+  let P = k.slice(1, k.length), I = M.getBBox(), R = D.node().appendChild(await createLabel_default(P.join ? P.join("<br/>") : P, S.labelStyle, true, true));
   if (evaluate(getConfig2().flowchart.htmlLabels)) {
     let e2 = R.children[0], S2 = select_default(R);
     N = e2.getBoundingClientRect(), S2.attr("width", N.width), S2.attr("height", N.height);
@@ -2763,8 +2758,8 @@ var rectWithTitle = /* @__PURE__ */ __name(async (e, S) => {
     return intersect_default.rect(S, e2);
   }, w;
 }, "rectWithTitle"), stadium = /* @__PURE__ */ __name(async (e, S) => {
-  let { shapeSvg: C, bbox: w } = await labelHelper(e, S, getClassesFromNode(S, void 0), true), T = w.height + S.padding, E = w.width + T / 4 + S.padding, D = C.insert("rect", ":first-child").attr("style", S.style).attr("rx", T / 2).attr("ry", T / 2).attr("x", -E / 2).attr("y", -T / 2).attr("width", E).attr("height", T);
-  return updateNodeBounds(S, D), S.intersect = function(e2) {
+  let { shapeSvg: C, bbox: w } = await labelHelper(e, S, getClassesFromNode(S, void 0), true), T = w.height + S.padding, E = w.width + T / 4 + S.padding;
+  return updateNodeBounds(S, C.insert("rect", ":first-child").attr("style", S.style).attr("rx", T / 2).attr("ry", T / 2).attr("x", -E / 2).attr("y", -T / 2).attr("width", E).attr("height", T)), S.intersect = function(e2) {
     return intersect_default.rect(S, e2);
   }, C;
 }, "stadium"), circle2 = /* @__PURE__ */ __name(async (e, S) => {
@@ -2830,9 +2825,7 @@ var rectWithTitle = /* @__PURE__ */ __name(async (e, S) => {
   }, C;
 }, "start"), forkJoin = /* @__PURE__ */ __name((e, S, C) => {
   let w = e.insert("g").attr("class", "node default").attr("id", S.domId || S.id), T = 70, E = 10;
-  C === "LR" && (T = 10, E = 70);
-  let D = w.append("rect").attr("x", -1 * T / 2).attr("y", -1 * E / 2).attr("width", T).attr("height", E).attr("class", "fork-join");
-  return updateNodeBounds(S, D), S.height += S.padding / 2, S.width += S.padding / 2, S.intersect = function(e2) {
+  return C === "LR" && (T = 10, E = 70), updateNodeBounds(S, w.append("rect").attr("x", -1 * T / 2).attr("y", -1 * E / 2).attr("width", T).attr("height", E).attr("class", "fork-join")), S.height += S.padding / 2, S.width += S.padding / 2, S.intersect = function(e2) {
     return intersect_default.rect(S, e2);
   }, w;
 }, "forkJoin"), shapes = {
@@ -2870,7 +2863,7 @@ var rectWithTitle = /* @__PURE__ */ __name(async (e, S) => {
     var _a2;
     let C = S.padding / 2, w;
     w = S.classes ? "node " + S.classes : "node default";
-    let T = e.insert("g").attr("class", w).attr("id", S.domId || S.id), E = T.insert("rect", ":first-child"), D = T.insert("line"), O = T.insert("line"), k = 0, j = 4, M = T.insert("g").attr("class", "label"), N = 0, F = (_a2 = S.classData.annotations) == null ? void 0 : _a2[0], I = S.classData.annotations[0] ? "\xAB" + S.classData.annotations[0] + "\xBB" : "", R = M.node().appendChild(await createLabel_default(I, S.labelStyle, true, true)), z = R.getBBox();
+    let T = e.insert("g").attr("class", w).attr("id", S.domId || S.id), E = T.insert("rect", ":first-child"), D = T.insert("line"), O = T.insert("line"), k = 0, j = 4, M = T.insert("g").attr("class", "label"), N = 0, P = (_a2 = S.classData.annotations) == null ? void 0 : _a2[0], I = S.classData.annotations[0] ? "\xAB" + S.classData.annotations[0] + "\xBB" : "", R = M.node().appendChild(await createLabel_default(I, S.labelStyle, true, true)), z = R.getBBox();
     if (evaluate(getConfig2().flowchart.htmlLabels)) {
       let e2 = R.children[0], S2 = select_default(R);
       z = e2.getBoundingClientRect(), S2.attr("width", z.width), S2.attr("height", z.height);
@@ -2907,7 +2900,7 @@ var rectWithTitle = /* @__PURE__ */ __name(async (e, S) => {
         E2 = e3.getBoundingClientRect(), S2.attr("width", E2.width), S2.attr("height", E2.height);
       }
       E2.width > k && (k = E2.width), j += E2.height + 4, W.push(T2);
-    }), j += 8, F) {
+    }), j += 8, P) {
       let e2 = (k - z.width) / 2;
       select_default(R).attr("transform", "translate( " + (-1 * k / 2 + e2) + ", " + -1 * j / 2 + ")"), N = z.height + 4;
     }
@@ -3033,22 +3026,19 @@ __name(getNodeFromBlock, "getNodeFromBlock");
 async function calculateBlockSize(e, S, C) {
   let w = getNodeFromBlock(S, C, false);
   if (w.type === "group") return;
-  let T = getConfig(), E = await insertNode(e, w, { config: T }), D = E.node().getBBox(), O = C.getBlock(w.id);
-  O.size = {
-    width: D.width,
-    height: D.height,
+  let T = await insertNode(e, w, { config: getConfig() }), E = T.node().getBBox(), D = C.getBlock(w.id);
+  D.size = {
+    width: E.width,
+    height: E.height,
     x: 0,
     y: 0,
-    node: E
-  }, C.setBlock(O), E.remove();
+    node: T
+  }, C.setBlock(D), T.remove();
 }
 __name(calculateBlockSize, "calculateBlockSize");
 async function insertBlockPositioned(e, S, C) {
   let w = getNodeFromBlock(S, C, true);
-  if (C.getBlock(w.id).type !== "space") {
-    let C2 = getConfig();
-    await insertNode(e, w, { config: C2 }), S.intersect = w == null ? void 0 : w.intersect, positionNode(w);
-  }
+  C.getBlock(w.id).type !== "space" && (await insertNode(e, w, { config: getConfig() }), S.intersect = w == null ? void 0 : w.intersect, positionNode(w));
 }
 __name(insertBlockPositioned, "insertBlockPositioned");
 async function performOperations(e, S, C, w) {
@@ -3137,10 +3127,10 @@ var diagram = {
         "circle",
         "cross"
       ], w.type, S);
-      let N = D.getBlocks(), P = D.getBlocksFlat(), I = D.getEdges(), L = M.insert("g").attr("class", "block");
+      let N = D.getBlocks(), P = D.getBlocksFlat(), F = D.getEdges(), L = M.insert("g").attr("class", "block");
       await calculateBlockSizes(L, N, D);
       let R = layout(D);
-      if (await insertBlocks(L, N, D), await insertEdges(L, I, P, D, S), R) {
+      if (await insertBlocks(L, N, D), await insertEdges(L, F, P, D, S), R) {
         let e2 = R, S2 = Math.max(1, Math.round(0.125 * (e2.width / e2.height))), C2 = e2.height + S2 + 10, w2 = e2.width + 10, { useMaxWidth: T2 } = E;
         configureSvgSize(M, C2, w2, !!T2), log.debug("Here Bounds", R, e2), M.attr("viewBox", `${e2.x - 5} ${e2.y - 5} ${e2.width + 10} ${e2.height + 10}`);
       }

package/dist/brainfuck-ClvDI1dq.js

@@ -0,0 +1,4 @@
+import { t as brainfuck } from "./brainfuck-Ch9vjun0.js";
+export {
+  brainfuck
+};

package/dist/{button-CEcjneWG.js → button-ADXOb_gX.js}

@@ -1,7 +1,7 @@
 import { s as __toESM } from "./chunk-DgPTj83v.js";
 import { t as require_react } from "./react-DHL_F5hS.js";
 import { n as require_compiler_runtime, t as require_jsx_runtime } from "./jsx-runtime-DZyWJV5b.js";
-import { i as parseShortcut } from "./hotkeys-yFrUwyJK.js";
+import { i as parseShortcut } from "./hotkeys-DVxFjl2s.js";
 function r(e) {
   var _, v, y = "";
   if (typeof e == "string" || typeof e == "number") y += e;
@@ -78,10 +78,7 @@ var clsx_default = clsx, CLASS_PART_SEPARATOR = "-", createClassGroupUtils = (e)
       validators: []
     }), v = v.nextPart.get(e2);
   }), v;
-}, isThemeGetter = (e) => e.isThemeGetter, getPrefixedClassGroupEntries = (e, _) => _ ? e.map(([e2, v]) => {
-  let y = v.map((e3) => typeof e3 == "string" ? _ + e3 : typeof e3 == "object" ? Object.fromEntries(Object.entries(e3).map(([e4, v2]) => [_ + e4, v2])) : e3);
-  return [e2, y];
-}) : e, createLruCache = (e) => {
+}, isThemeGetter = (e) => e.isThemeGetter, getPrefixedClassGroupEntries = (e, _) => _ ? e.map(([e2, v]) => [e2, v.map((e3) => typeof e3 == "string" ? _ + e3 : typeof e3 == "object" ? Object.fromEntries(Object.entries(e3).map(([e4, v2]) => [_ + e4, v2])) : e3)]) : e, createLruCache = (e) => {
   if (e < 1) return {
     get: () => void 0,
     set: () => {
@@ -117,12 +114,12 @@ var clsx_default = clsx, CLASS_PART_SEPARATOR = "-", createClassGroupUtils = (e)
       }
       E2 === "[" ? S2++ : E2 === "]" && S2--;
     }
-    let T = v2.length === 0 ? e2 : e2.substring(C), E = T.startsWith(IMPORTANT_MODIFIER), D = E ? T.substring(1) : T, O = w && w > C ? w - C : void 0;
+    let T = v2.length === 0 ? e2 : e2.substring(C), E = T.startsWith(IMPORTANT_MODIFIER);
     return {
       modifiers: v2,
       hasImportantModifier: E,
-      baseClassName: D,
-      maybePostfixModifierPosition: O
+      baseClassName: E ? T.substring(1) : T,
+      maybePostfixModifierPosition: w && w > C ? w - C : void 0
     };
   };
   return v ? (e2) => v({
@@ -180,8 +177,7 @@ var toValue = (e) => {
 function createTailwindMerge(e, ..._) {
   let v, y, b, x = S;
   function S(S2) {
-    let w = _.reduce((e2, _2) => _2(e2), e());
-    return v = createConfigUtils(w), y = v.cache.get, b = v.cache.set, x = C, C(S2);
+    return v = createConfigUtils(_.reduce((e2, _2) => _2(e2), e())), y = v.cache.get, b = v.cache.set, x = C, C(S2);
   }
   function C(e2) {
     let _2 = y(e2);
@@ -1347,6 +1343,29 @@ function getElementRef(e) {
   let _ = (_a = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : _a.get, v = _ && "isReactWarning" in _ && _.isReactWarning;
   return v ? e.ref : (_ = (_b = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : _b.get, v = _ && "isReactWarning" in _ && _.isReactWarning, v ? e.props.ref : e.props.ref || e.ref);
 }
+var import_compiler_runtime$1 = /* @__PURE__ */ __toESM(require_compiler_runtime(), 1);
+function isRefObject(e) {
+  return typeof e == "object" && !!e && "current" in e;
+}
+function useEventListener(e, _, v, y) {
+  let b = (0, import_compiler_runtime$1.c)(8), x = (0, import_react.useRef)(v), S, C;
+  b[0] === v ? (S = b[1], C = b[2]) : (S = () => {
+    x.current = v;
+  }, C = [v], b[0] = v, b[1] = S, b[2] = C), (0, import_react.useEffect)(S, C);
+  let w, T;
+  b[3] !== y || b[4] !== e || b[5] !== _ ? (w = () => {
+    let v2 = isRefObject(e) ? e.current : e;
+    if (!v2) return;
+    let b2 = (e2) => x.current(e2);
+    return v2.addEventListener(_, b2, y), () => {
+      v2.removeEventListener(_, b2, y);
+    };
+  }, T = [
+    _,
+    e,
+    y
+  ], b[3] = y, b[4] = e, b[5] = _, b[6] = w, b[7] = T) : (w = b[6], T = b[7]), (0, import_react.useEffect)(w, T);
+}
 var falsyToString = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e;
 const cx = clsx, cva = (e, _) => (v) => {
   var _a;
@@ -1359,7 +1378,8 @@ const cx = clsx, cva = (e, _) => (v) => {
   }), S = v && Object.entries(v).reduce((e2, _2) => {
     let [v2, y2] = _2;
     return y2 === void 0 || (e2[v2] = y2), e2;
-  }, {}), C = (_a = _ == null ? void 0 : _.compoundVariants) == null ? void 0 : _a.reduce((e2, _2) => {
+  }, {});
+  return cx(e, x, (_a = _ == null ? void 0 : _.compoundVariants) == null ? void 0 : _a.reduce((e2, _2) => {
     let { class: v2, className: y2, ...x2 } = _2;
     return Object.entries(x2).every((e3) => {
       let [_3, v3] = e3;
@@ -1375,33 +1395,9 @@ const cx = clsx, cva = (e, _) => (v) => {
       v2,
       y2
     ] : e2;
-  }, []);
-  return cx(e, x, C, v == null ? void 0 : v.class, v == null ? void 0 : v.className);
+  }, []), v == null ? void 0 : v.class, v == null ? void 0 : v.className);
 };
-var import_compiler_runtime$1 = /* @__PURE__ */ __toESM(require_compiler_runtime());
-function isRefObject(e) {
-  return typeof e == "object" && !!e && "current" in e;
-}
-function useEventListener(e, _, v, y) {
-  let b = (0, import_compiler_runtime$1.c)(8), x = (0, import_react.useRef)(v), S, C;
-  b[0] === v ? (S = b[1], C = b[2]) : (S = () => {
-    x.current = v;
-  }, C = [v], b[0] = v, b[1] = S, b[2] = C), (0, import_react.useEffect)(S, C);
-  let w, T;
-  b[3] !== y || b[4] !== e || b[5] !== _ ? (w = () => {
-    let v2 = isRefObject(e) ? e.current : e;
-    if (!v2) return;
-    let b2 = (e2) => x.current(e2);
-    return v2.addEventListener(_, b2, y), () => {
-      v2.removeEventListener(_, b2, y);
-    };
-  }, T = [
-    _,
-    e,
-    y
-  ], b[3] = y, b[4] = e, b[5] = _, b[6] = w, b[7] = T) : (w = b[6], T = b[7]), (0, import_react.useEffect)(w, T);
-}
-var import_compiler_runtime = /* @__PURE__ */ __toESM(require_compiler_runtime()), activeCommon = "active:shadow-none", buttonVariants = cva(cn("disabled:opacity-50 disabled:pointer-events-none", "inline-flex items-center justify-center rounded-md text-sm font-medium focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-2 ring-offset-background"), {
+var import_compiler_runtime = /* @__PURE__ */ __toESM(require_compiler_runtime(), 1), activeCommon = "active:shadow-none", buttonVariants = cva(cn("disabled:opacity-50 disabled:pointer-events-none", "inline-flex items-center justify-center rounded-md text-sm font-medium focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-2 ring-offset-background"), {
   variants: {
     variant: {
       default: cn("bg-primary text-primary-foreground hover:bg-primary/90 shadow-xs border border-primary", activeCommon),
@@ -1414,7 +1410,8 @@ var import_compiler_runtime = /* @__PURE__ */ __toESM(require_compiler_runtime()
       text: cn("opacity-80 hover:opacity-100", "active:opacity-100"),
       ghost: cn("border border-transparent", "hover:bg-accent hover:text-accent-foreground hover:shadow-xs", activeCommon, "active:text-accent-foreground"),
       link: "underline-offset-4 hover:underline text-link",
-      linkDestructive: "underline-offset-4 hover:underline text-destructive underline-destructive"
+      linkDestructive: "underline-offset-4 hover:underline text-destructive underline-destructive",
+      outlineDestructive: "border border-destructive text-destructive hover:bg-destructive/10"
     },
     size: {
       default: "h-10 py-2 px-4",
@@ -1456,11 +1453,11 @@ export {
   composeRefs as c,
   cn as d,
   clsx_default as f,
-  cva as i,
+  useEventListener as i,
   useComposedRefs as l,
   buttonVariants as n,
   createSlot as o,
-  useEventListener as r,
+  cva as r,
   createSlottable as s,
   Button as t,
   Events as u