@brianyu28/dialexis 0.5.2 → 0.7.0

package/dist/dialexis.mjs

@@ -1,255 +1,255 @@
-import { FontWeight as L, Color as t, Text as h, getTextContentLength as Co, Rectangle as k, Group as z, Mask as No, Line as To, Presentation as xo } from "presenter";
-const Ao = "#0a0a0a", ko = { "": { color: "#e6edf3", bold: !1 }, Error: { color: "#f85149", bold: !1 }, Keyword: { color: "#ff7b72", bold: !1 }, "Keyword.Constant": { color: "#79c0ff", bold: !1 }, "Keyword.Pseudo": { color: "#79c0ff", bold: !1 }, Name: { color: "#e6edf3", bold: !1 }, "Name.Class": { color: "#f0883e", bold: !0 }, "Name.Constant": { color: "#79c0ff", bold: !0 }, "Name.Decorator": { color: "#d2a8ff", bold: !0 }, "Name.Entity": { color: "#ffa657", bold: !1 }, "Name.Exception": { color: "#f0883e", bold: !0 }, "Name.Function": { color: "#d2a8ff", bold: !0 }, "Name.Label": { color: "#79c0ff", bold: !0 }, "Name.Namespace": { color: "#ff7b72", bold: !1 }, "Name.Property": { color: "#79c0ff", bold: !1 }, "Name.Tag": { color: "#7ee787", bold: !1 }, "Name.Variable": { color: "#79c0ff", bold: !1 }, Literal: { color: "#a5d6ff", bold: !1 }, "Literal.Date": { color: "#79c0ff", bold: !1 }, "Literal.String": { color: "#a5d6ff", bold: !1 }, "Literal.String.Affix": { color: "#79c0ff", bold: !1 }, "Literal.String.Delimiter": { color: "#79c0ff", bold: !1 }, "Literal.String.Escape": { color: "#79c0ff", bold: !1 }, "Literal.String.Heredoc": { color: "#79c0ff", bold: !1 }, "Literal.String.Regex": { color: "#79c0ff", bold: !1 }, "Literal.Number": { color: "#a5d6ff", bold: !1 }, Comment: { color: "#8b949e", bold: !1 }, "Comment.Preproc": { color: "#8b949e", bold: !0 }, "Comment.Special": { color: "#8b949e", bold: !0 }, Operator: { color: "#ff7b72", bold: !0 }, Generic: { color: "#e6edf3", bold: !1 }, "Generic.Deleted": { color: "#ffa198", bold: !1 }, "Generic.Emph": { color: null, bold: !1 }, "Generic.Error": { color: "#ffa198", bold: !1 }, "Generic.Heading": { color: "#79c0ff", bold: !0 }, "Generic.Inserted": { color: "#56d364", bold: !1 }, "Generic.Output": { color: "#8b949e", bold: !1 }, "Generic.Prompt": { color: "#8b949e", bold: !1 }, "Generic.Strong": { color: null, bold: !0 }, "Generic.EmphStrong": { color: null, bold: !0 }, "Generic.Subheading": { color: "#79c0ff", bold: !1 }, "Generic.Traceback": { color: "#ff7b72", bold: !1 }, "Generic.Underline": { color: null, bold: !1 }, "Text.Whitespace": { color: "#6e7681", bold: !1 } }, Po = {
-  backgroundColor: Ao,
+import { FontWeight as m, Color as r, Text as E, getTextContentLength as No, Rectangle as N, Group as T, Mask as To, Circle as Ao, Anchor as F, Line as ko, Presentation as Po } from "presenter";
+const yo = "#0a0a0a", Go = { "": { color: "#e6edf3", bold: !1 }, Error: { color: "#f85149", bold: !1 }, Keyword: { color: "#ff7b72", bold: !1 }, "Keyword.Constant": { color: "#79c0ff", bold: !1 }, "Keyword.Pseudo": { color: "#79c0ff", bold: !1 }, Name: { color: "#e6edf3", bold: !1 }, "Name.Class": { color: "#f0883e", bold: !0 }, "Name.Constant": { color: "#79c0ff", bold: !0 }, "Name.Decorator": { color: "#d2a8ff", bold: !0 }, "Name.Entity": { color: "#ffa657", bold: !1 }, "Name.Exception": { color: "#f0883e", bold: !0 }, "Name.Function": { color: "#d2a8ff", bold: !0 }, "Name.Label": { color: "#79c0ff", bold: !0 }, "Name.Namespace": { color: "#ff7b72", bold: !1 }, "Name.Property": { color: "#79c0ff", bold: !1 }, "Name.Tag": { color: "#7ee787", bold: !1 }, "Name.Variable": { color: "#79c0ff", bold: !1 }, Literal: { color: "#a5d6ff", bold: !1 }, "Literal.Date": { color: "#79c0ff", bold: !1 }, "Literal.String": { color: "#a5d6ff", bold: !1 }, "Literal.String.Affix": { color: "#79c0ff", bold: !1 }, "Literal.String.Delimiter": { color: "#79c0ff", bold: !1 }, "Literal.String.Escape": { color: "#79c0ff", bold: !1 }, "Literal.String.Heredoc": { color: "#79c0ff", bold: !1 }, "Literal.String.Regex": { color: "#79c0ff", bold: !1 }, "Literal.Number": { color: "#a5d6ff", bold: !1 }, Comment: { color: "#8b949e", bold: !1 }, "Comment.Preproc": { color: "#8b949e", bold: !0 }, "Comment.Special": { color: "#8b949e", bold: !0 }, Operator: { color: "#ff7b72", bold: !0 }, Generic: { color: "#e6edf3", bold: !1 }, "Generic.Deleted": { color: "#ffa198", bold: !1 }, "Generic.Emph": { color: null, bold: !1 }, "Generic.Error": { color: "#ffa198", bold: !1 }, "Generic.Heading": { color: "#79c0ff", bold: !0 }, "Generic.Inserted": { color: "#56d364", bold: !1 }, "Generic.Output": { color: "#8b949e", bold: !1 }, "Generic.Prompt": { color: "#8b949e", bold: !1 }, "Generic.Strong": { color: null, bold: !0 }, "Generic.EmphStrong": { color: null, bold: !0 }, "Generic.Subheading": { color: "#79c0ff", bold: !1 }, "Generic.Traceback": { color: "#ff7b72", bold: !1 }, "Generic.Underline": { color: null, bold: !1 }, "Text.Whitespace": { color: "#6e7681", bold: !1 } }, Oo = {
+  backgroundColor: yo,
   "//comment": "Pygments GitHub Dark theme with a darker background color.",
-  styles: ko
+  styles: Go
 };
-function K(o, e, r = !1) {
-  if (typeof o == "string") {
-    const c = P(e, "");
-    return o.split(`
-`).map((a) => [{ text: a, color: c, fontWeight: L.NORMAL }]);
+function Q(e, o, t = !1) {
+  if (typeof e == "string") {
+    const n = I(o, "");
+    return e.split(`
+`).map((c) => [{ text: c, color: n, fontWeight: m.NORMAL }]);
   }
-  return o.map(
-    (c) => c.map((a) => ({
-      text: a.content,
-      color: P(e, a.type),
-      fontWeight: r && j(e, a.type) ? L.BOLD : L.NORMAL
+  return e.map(
+    (n) => n.map((c) => ({
+      text: c.content,
+      color: I(o, c.type),
+      fontWeight: t && oo(o, c.type) ? m.BOLD : m.NORMAL
     }))
   );
 }
-function P(o, e) {
-  const r = o.styles[e];
-  if (r !== void 0 && r.color !== null)
-    return t(r.color);
-  if (e === "")
-    throw new Error(`Theme did not define a style for token type: ${e}`);
-  const c = e.split(".").slice(0, -1).join(".");
-  return P(o, c);
+function I(e, o) {
+  const t = e.styles[o];
+  if (t !== void 0 && t.color !== null)
+    return r(t.color);
+  if (o === "")
+    throw new Error(`Theme did not define a style for token type: ${o}`);
+  const n = o.split(".").slice(0, -1).join(".");
+  return I(e, n);
 }
-function j(o, e) {
-  const r = o.styles[e];
-  if (r !== void 0)
-    return r.bold;
-  if (e === "")
-    throw new Error(`Theme did not define a style for token type: ${e}`);
-  const c = e.split(".").slice(0, -1).join(".");
-  return j(o, c);
+function oo(e, o) {
+  const t = e.styles[o];
+  if (t !== void 0)
+    return t.bold;
+  if (o === "")
+    throw new Error(`Theme did not define a style for token type: ${o}`);
+  const n = o.split(".").slice(0, -1).join(".");
+  return oo(e, n);
 }
-const Go = "'Noto Sans Mono', monospace", A = 2, Oo = 0.29, yo = 0.6, Do = 1.07;
-function Wo(o, e) {
+const Mo = "'Noto Sans Mono', monospace", w = 2, Do = 0.29, Uo = 0.6, wo = 1;
+function Ko(e, o) {
   const {
-    areLineNumbersVisible: r = !1,
-    backgroundColor: c = null,
-    backgroundRounding: a = 10,
-    characterDescentHeight: O = Oo,
-    characterWidth: d = yo,
-    colCount: q = null,
-    firstLineNumber: y = 1,
-    focusColor: J = t(21, 52, 104),
-    focusLineStart: Q = 1,
-    focusLineEnd: Z = 1,
-    focusColStart: oo = 1,
-    focusColEnd: eo = 1,
-    focusPaddingX: D = 0,
-    focusPaddingY: M = 0,
-    focusOffsetX: F = 0,
-    focusOffsetY: U = 0,
-    focusRounding: to = 0,
-    fontFamily: S = Go,
-    fragments: no = [],
-    groupProps: ro = {},
-    isBackgroundVisible: lo = !0,
-    isFocusVisible: co = !1,
-    lineNumberColor: io = t.WHITE,
-    padding: f = 10,
-    scrollCol: ao = 1,
-    scrollLine: so = 1,
-    lineCount: fo = null,
-    lineHeight: u = Do,
-    textProps: m = {},
-    theme: C = Po
-  } = e, n = m.fontSize ?? 100, s = m.lineSpacing ?? 1.15, b = K(o, C), uo = String(y + b.length - 1), g = r ? uo.length + A : 0, bo = Math.max(
-    ...b.map((l) => l.reduce((i, E) => i + E.text.length, 0))
-  ), N = ((q ?? bo) + g) * d * n, T = V({
-    descenderHeight: O,
-    fontSize: n,
-    lineCount: fo ?? b.length,
-    lineHeight: u,
-    lineSpacing: s
+    areLineNumbersVisible: t = !1,
+    backgroundColor: n = null,
+    backgroundRounding: c = 10,
+    characterDescentHeight: u = Do,
+    characterWidth: s = Uo,
+    colCount: g = null,
+    firstLineNumber: h = 1,
+    focusColor: C = r(21, 52, 104),
+    focusLineStart: k = 1,
+    focusLineEnd: P = 1,
+    focusColStart: y = 1,
+    focusColEnd: ro = 1,
+    focusPaddingX: Y = 0,
+    focusPaddingY: _ = 0,
+    focusOffsetX: W = 0,
+    focusOffsetY: z = 0,
+    focusRounding: no = 0,
+    fontFamily: G = Mo,
+    fragments: lo = [],
+    groupProps: co = {},
+    isBackgroundVisible: io = !0,
+    isFocusVisible: so = !1,
+    lineNumberColor: ao = r.WHITE,
+    padding: b = 10,
+    scrollCol: fo = 1,
+    scrollLine: uo = 1,
+    lineCount: go = null,
+    lineHeight: p = wo,
+    textProps: S = {},
+    theme: O = Oo
+  } = o, l = S.fontSize ?? 100, d = S.lineSpacing ?? 1.15, L = Q(e, O), bo = String(h + L.length - 1), R = t ? bo.length + w : 0, ho = Math.max(
+    ...L.map((i) => i.reduce((a, x) => a + x.text.length, 0))
+  ), M = ((g ?? ho) + R) * s * l, D = Z({
+    descenderHeight: u,
+    fontSize: l,
+    lineCount: go ?? L.length,
+    lineHeight: p,
+    lineSpacing: d
   });
-  let x = null;
-  r && (x = h(
-    b.map((l, i) => [
+  let U = null;
+  t && (U = E(
+    L.map((i, a) => [
       {
-        text: String(y + i).padStart(
-          g - A,
+        text: String(h + a).padStart(
+          R - w,
           " "
-        ) + " ".repeat(A),
-        color: io
+        ) + " ".repeat(w),
+        color: ao
       }
     ]),
     {
-      fontFamily: S,
-      fontSize: n,
-      lineSpacing: s,
-      ...m,
+      fontFamily: G,
+      fontSize: l,
+      lineSpacing: d,
+      ...S,
       length: null,
       x: 0,
       y: 0
     }
   ));
-  const go = Co(b), w = h(b, {
-    fontFamily: S,
-    fontSize: n,
-    lineSpacing: s,
-    ...m,
-    x: g * d * n,
+  const po = No(L), K = E(L, {
+    fontFamily: G,
+    fontSize: l,
+    lineSpacing: d,
+    ...S,
+    x: R * s * l,
     y: 0
-  }), H = no.map((l) => {
-    const i = K(l.code, C);
-    return h(i, {
-      fontFamily: S,
-      fontSize: n,
-      lineSpacing: s,
-      ...l.textProps,
-      x: (g + l.startCol - 1) * d * n,
-      y: (l.startLine - 1) * u * s * n
+  }), X = lo.map((i) => {
+    const a = Q(i.code, O);
+    return E(a, {
+      fontFamily: G,
+      fontSize: l,
+      lineSpacing: d,
+      ...i.textProps,
+      x: (R + i.startCol - 1) * s * l,
+      y: (i.startLine - 1) * p * d * l
     });
   });
-  function ho(l, i) {
+  function Lo(i, a) {
     return {
-      x: (g + i - 1) * d * n,
-      y: (l - 1) * u * s * n
+      x: (R + a - 1) * s * l,
+      y: (i - 1) * p * d * l
     };
   }
-  const Lo = k({
-    width: N + f * 2,
-    height: T + f * 2,
-    fill: c ?? t(C.backgroundColor),
-    rounding: a,
-    opacity: lo ? 1 : 0
+  const Ro = N({
+    width: M + b * 2,
+    height: D + b * 2,
+    fillColor: n ?? r(O.backgroundColor),
+    cornerRadius: c,
+    opacity: io ? 1 : 0
   });
-  function I(l, i, E, mo, Eo) {
+  function v(i, a, x, Co, mo) {
     const {
-      focusPaddingX: W = D,
-      focusPaddingY: X = M,
-      focusOffsetX: Ro = F,
-      focusOffsetY: So = U
-    } = Eo ?? {};
+      focusPaddingX: q = Y,
+      focusPaddingY: J = _,
+      focusOffsetX: So = W,
+      focusOffsetY: xo = z
+    } = mo ?? {};
     return {
-      x: (g + E - 1) * d * n - W + Ro,
-      y: (l - 1) * u * s * n - X + So,
-      width: (mo - E + 1) * d * n + W * 2,
-      height: V({
-        descenderHeight: O,
-        fontSize: n,
-        lineCount: i - l + 1,
-        lineHeight: u,
-        lineSpacing: s
-      }) + X * 2
+      x: (R + x - 1) * s * l - q + So,
+      y: (i - 1) * p * d * l - J + xo,
+      width: (Co - x + 1) * s * l + q * 2,
+      height: Z({
+        descenderHeight: u,
+        fontSize: l,
+        lineCount: a - i + 1,
+        lineHeight: p,
+        lineSpacing: d
+      }) + J * 2
     };
   }
-  const Y = k({
-    ...I(Q, Z, oo, eo, {
-      focusOffsetX: F,
-      focusOffsetY: U,
-      focusPaddingX: D,
-      focusPaddingY: M
+  const V = N({
+    ...v(k, P, y, ro, {
+      focusOffsetX: W,
+      focusOffsetY: z,
+      focusPaddingX: Y,
+      focusPaddingY: _
     }),
-    fill: J,
-    rounding: to,
-    opacity: co ? 1 : 0
+    fillColor: C,
+    cornerRadius: no,
+    opacity: so ? 1 : 0
   });
-  function _(l, i = 1) {
+  function j(i, a = 1) {
     return {
-      x: f - (i - 1) * d * n,
-      y: f - (l - 1) * u * s * n
+      x: b - (a - 1) * s * l,
+      y: b - (i - 1) * p * d * l
     };
   }
-  const B = z(
-    [...x !== null ? [x] : [], Y, w, ...H],
+  const $ = T(
+    [...U !== null ? [U] : [], V, K, ...X],
     {
-      ..._(so, ao)
+      ...j(uo, fo)
     }
-  ), po = No([B], {
-    width: N + f * 2,
-    height: T + f * 2
+  ), Eo = To([$], {
+    width: M + b * 2,
+    height: D + b * 2
   });
   return {
-    block: z([Lo, po], {
-      height: T + f * 2,
-      width: N + f * 2,
-      ...ro
+    block: T([Ro, Eo], {
+      height: D + b * 2,
+      width: M + b * 2,
+      ...co
     }),
-    content: B,
-    focus: Y,
-    fragments: H,
-    getContentPosition: _,
-    getFocusPosition: I,
-    getFragmentPosition: ho,
-    length: go,
-    text: w
+    content: $,
+    focus: V,
+    fragments: X,
+    getContentPosition: j,
+    getFocusPosition: v,
+    getFragmentPosition: Lo,
+    length: po,
+    text: K
   };
 }
-function V({
-  descenderHeight: o = 0,
-  fontSize: e,
-  lineCount: r,
-  lineHeight: c,
-  lineSpacing: a
+function Z({
+  descenderHeight: e = 0,
+  fontSize: o,
+  lineCount: t,
+  lineHeight: n,
+  lineSpacing: c
 }) {
-  return e * // Each line takes up its height
-  (r * c + // Each line other than the last line takes up extra space for line spacing
-  Math.max(r - 1, 0) * c * (a - 1) + // Add space for descenders
-  o);
+  return o * // Each line takes up its height
+  (t * n + // Each line other than the last line takes up extra space for line spacing
+  Math.max(t - 1, 0) * n * (c - 1) + // Add space for descenders
+  e);
 }
-const p = {
-  BACKGROUND: t(28, 28, 28),
-  PRIMARY: t(255, 255, 255),
-  TEXT: t(255, 255, 255),
-  BLACK: t(0, 0, 0),
-  WHITE: t(255, 255, 255),
-  GRAY1: t(106, 106, 106),
+const f = {
+  BACKGROUND: r(28, 28, 28),
+  PRIMARY: r(255, 255, 255),
+  TEXT: r(255, 255, 255),
+  BLACK: r(0, 0, 0),
+  WHITE: r(255, 255, 255),
+  GRAY1: r(106, 106, 106),
   // Medium gray
-  GRAY2: t(65, 65, 65),
+  GRAY2: r(65, 65, 65),
   // Dark gray
-  GRAY3: t(224, 224, 224),
+  GRAY3: r(224, 224, 224),
   // Light gray
-  BLUE1: t(125, 157, 224),
+  BLUE1: r(125, 157, 224),
   // Light blue
-  BLUE2: t(51, 56, 215),
+  BLUE2: r(51, 56, 215),
   // Dark blue
-  GREEN1: t(102, 208, 89),
+  GREEN1: r(102, 208, 89),
   // Light green
-  GREEN2: t(73, 143, 64),
+  GREEN2: r(73, 143, 64),
   // Dark green
-  PURPLE1: t(136, 83, 173),
+  PURPLE1: r(136, 83, 173),
   // Medium purple
-  PURPLE2: t(178, 126, 215),
+  PURPLE2: r(178, 126, 215),
   // Light purple
-  RED1: t(225, 103, 103),
+  RED1: r(225, 103, 103),
   // Light red
-  RED2: t(182, 75, 75),
+  RED2: r(182, 75, 75),
   // Dark red
-  YELLOW1: t(240, 243, 90),
+  YELLOW1: r(240, 243, 90),
   // Medium yellow
-  YELLOW2: t(231, 249, 147)
+  YELLOW2: r(231, 249, 147)
   // Lighter yellow
-}, v = {
+}, eo = {
   PRIMARY: "'Open Sans', sans-serif",
   CODE: "'Noto Sans Mono', monospace"
-}, R = {
+}, A = {
   SMALL: 80,
   NORMAL: 110,
   MEDIUM: 160,
   LARGE: 200,
   XLARGE: 230
-}, $ = {
+}, to = {
   SMALL: 10,
   NORMAL: 20,
   LARGE: 30
-}, Mo = {
+}, Fo = {
   PRIMARY: {
     width: 3840,
     height: 2160
@@ -266,84 +266,144 @@ const p = {
     width: 7680,
     height: 4320
   }
+}, B = {
+  color: f.TEXT,
+  fontFamily: eo.PRIMARY,
+  fontSize: A.NORMAL
 };
-function Fo(o = null) {
-  return To({
-    color: p.PRIMARY,
-    isRounded: !0,
-    width: 20,
+function H(e, o = null) {
+  return E(e, {
+    ...B,
     ...o
   });
 }
-function Uo(o = null) {
-  return xo({
-    backgroundColor: p.BACKGROUND,
+function Io(e, o = null) {
+  return E(e, {
+    ...B,
+    fontSize: A.XLARGE,
+    fontWeight: m.BOLD,
     ...o
   });
 }
-function wo(o = null) {
-  return k({
-    fill: p.BLUE1,
-    rounding: $.NORMAL,
-    height: 500,
-    width: 500,
+function Bo(e, o = null) {
+  return E(e, {
+    ...B,
+    fontSize: A.LARGE,
+    fontWeight: m.BOLD,
     ...o
   });
 }
-const G = {
-  color: p.TEXT,
-  fontFamily: v.PRIMARY,
-  fontSize: R.NORMAL
-};
-function Ho(o, e = null) {
-  return h(o, {
-    ...G,
+function Xo(e = {}) {
+  const {
+    size: o = 200,
+    x: t = 0,
+    y: n = 0,
+    opacity: c = 1,
+    circleProps: u = {},
+    groupProps: s = {},
+    textProps: g = void 0
+  } = e, h = Ao({
+    radius: o / 2,
+    fillColor: f.PRIMARY,
+    strokeColor: f.BLUE1,
+    strokeWidth: o / 10,
+    x: o / 2,
+    y: o / 2,
+    ...u
+  }), C = g !== void 0 ? H(g.text ?? "", {
+    anchor: F.CENTER,
+    color: r.BLACK,
+    x: o / 2,
+    y: o / 2,
+    fontSize: o * 0.5,
+    ...g
+  }) : void 0, k = T([h, ...C !== void 0 ? [C] : []], {
+    width: o,
+    height: o,
+    x: t,
+    y: n,
+    anchor: F.CENTER,
+    opacity: c,
+    ...s
+  });
+  function P() {
+    return { x: t, y: n - o / 2 - 30 };
+  }
+  function y() {
+    return { x: t, y: n + o / 2 + 30 };
+  }
+  return { circle: h, text: C, group: k, x: t, y: n, size: o, top: P, bottom: y };
+}
+function vo(e, { groupProps: o = {}, rectProps: t = {}, textProps: n = {} } = {}) {
+  const c = t.height ?? 300, u = t.width ?? 800, s = N({
+    strokeColor: f.BLUE1,
+    strokeWidth: 20,
+    fillColor: f.PRIMARY,
+    cornerRadius: 20,
+    ...t,
+    height: c,
+    width: u
+  }), g = H(e, {
+    color: f.BLACK,
+    anchor: F.CENTER,
+    x: u / 2,
+    y: c / 2,
+    ...n
+  });
+  return { group: T([s, g], { width: u, height: c, ...o }), rect: s, text: g };
+}
+function Ho(e = null) {
+  return ko({
+    color: f.PRIMARY,
+    isRounded: !0,
+    width: 20,
     ...e
   });
 }
-function Io(o, e = null) {
-  return h(o, {
-    ...G,
-    fontSize: R.XLARGE,
-    fontWeight: L.BOLD,
+function Yo(e = null) {
+  return Po({
+    backgroundColor: f.BACKGROUND,
     ...e
   });
 }
-function Yo(o, e = null) {
-  return h(o, {
-    ...G,
-    fontSize: R.LARGE,
-    fontWeight: L.BOLD,
+function _o(e = null) {
+  return N({
+    fillColor: f.BLUE1,
+    cornerRadius: to.NORMAL,
+    height: 500,
+    width: 500,
     ...e
   });
 }
-const Xo = {
+const Vo = {
   // Constants
-  Color: p,
-  Font: v,
-  FontSize: R,
-  Rounding: $,
-  Size: Mo,
+  Color: f,
+  Font: eo,
+  FontSize: A,
+  Rounding: to,
+  Size: Fo,
   // Components
-  Line: Fo,
+  Line: Ho,
   MainTitleText: Io,
-  Rectangle: wo,
-  Text: Ho,
-  TitleText: Yo,
+  Rectangle: _o,
+  Text: H,
+  TitleText: Bo,
   // Presentation
-  Presentation: Uo
+  Presentation: Yo
 };
-function zo(o, e = {}) {
+function jo(e, o = {}) {
   return {
-    code: o,
+    code: e,
     startLine: 1,
     startCol: 1,
     textProps: {},
-    ...e
+    ...o
   };
 }
 export {
-  Wo as CodeBlock,
-  zo as CodeFragment,
-  Xo as Spark
+  Ko as CodeBlock,
+  jo as CodeFragment,
+  Xo as GraphNode,
+  Vo as Spark,
+  vo as TextRect
 };

package/dist/index.d.ts

@@ -1,4 +1,6 @@
 export { CodeBlock } from "./objects/CodeBlock";
+export { GraphNode } from "./objects/GraphNode";
+export { TextRect } from "./objects/TextRect";
 export { Spark } from "./themes/spark/Spark";
 export { type CodeBlockContent } from "./types/CodeBlockContent";
 export { type CodeBlockTheme } from "./types/CodeBlockTheme";

package/dist/objects/GraphNode.d.ts

@@ -0,0 +1,28 @@
+import { Circle, Group, Text } from "presenter";
+interface GraphNodeProps {
+    readonly size: number;
+    readonly x: number;
+    readonly y: number;
+    readonly opacity: number;
+    readonly circleProps: Partial<Circle>;
+    readonly groupProps: Partial<Group>;
+    readonly textProps: Partial<Text> | undefined;
+}
+interface Return {
+    readonly circle: Circle;
+    readonly text: Text | undefined;
+    readonly group: Group;
+    readonly x: number;
+    readonly y: number;
+    readonly size: number;
+    readonly top: () => {
+        x: number;
+        y: number;
+    };
+    readonly bottom: () => {
+        x: number;
+        y: number;
+    };
+}
+export declare function GraphNode(props?: Partial<GraphNodeProps>): Return;
+export {};

package/dist/objects/TextRect.d.ts

@@ -0,0 +1,13 @@
+import { Group, Rectangle, Text, type TextContent } from "presenter";
+export interface TextRect {
+    groupProps: Partial<Group>;
+    rectProps: Partial<Rectangle>;
+    textProps: Partial<Text>;
+}
+interface Return {
+    readonly group: Group;
+    readonly text: Text;
+    readonly rect: Rectangle;
+}
+export declare function TextRect(text: TextContent, { groupProps, rectProps, textProps }?: Partial<TextRect>): Return;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brianyu28/dialexis",
-  "version": "0.5.2",
+  "version": "0.7.0",
   "description": "Presentation library built with Presenter.js",
   "main": "dist/dialexis.mjs",
   "types": "dist/index.d.ts",
@@ -44,7 +44,7 @@
     "vite": "^6.1.5"
   },
   "peerDependencies": {
-    "presenter": "^0.7.3"
+    "presenter": "^0.9.1"
   },
   "lint-staged": {
     "**/*": [