@pstdio/ui 0.0.2 → 0.0.4

package/dist/EquationComponent-DeDYHvqY.js

@@ -0,0 +1,62 @@
+import { jsxs as f, Fragment as p, jsx as a } from "react/jsx-runtime";
+import { c as u } from "react/compiler-runtime";
+import { useLexicalComposerContext as d } from "@lexical/react/LexicalComposerContext";
+import { useRef as E, useEffect as h, useState as x, Component as C } from "react";
+import "katex/dist/katex.css";
+import q from "katex";
+function g(c) {
+  const e = u(5), {
+    equation: i,
+    inline: o
+  } = c, l = E(null);
+  let n, t;
+  e[0] !== i || e[1] !== o ? (n = () => {
+    const s = l.current;
+    s !== null && q.render(i, s, {
+      displayMode: !o,
+      errorColor: "#cc0000",
+      output: "html",
+      strict: "warn",
+      throwOnError: !1,
+      trust: !1
+    });
+  }, t = [i, o], e[0] = i, e[1] = o, e[2] = n, e[3] = t) : (n = e[2], t = e[3]), h(n, t);
+  let r;
+  return e[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (r = /* @__PURE__ */ f(p, { children: [
+    /* @__PURE__ */ a("img", { src: "#", alt: "" }),
+    /* @__PURE__ */ a("span", { ref: l }),
+    /* @__PURE__ */ a("img", { src: "#", alt: "" })
+  ] }), e[4] = r) : r = e[4], r;
+}
+class k extends C {
+  state = {
+    hasError: !1
+  };
+  static getDerivedStateFromError() {
+    return {
+      hasError: !0
+    };
+  }
+  componentDidCatch(e) {
+    this.props.onError(e);
+  }
+  render() {
+    return this.state.hasError ? null : this.props.children;
+  }
+}
+function D(c) {
+  const e = u(8), {
+    equation: i,
+    inline: o
+  } = c, [l] = d(), [n] = x(i);
+  let t;
+  e[0] !== l ? (t = (m) => l._onError(m), e[0] = l, e[1] = t) : t = e[1];
+  let r;
+  e[2] !== n || e[3] !== o ? (r = /* @__PURE__ */ a(g, { equation: n, inline: o }), e[2] = n, e[3] = o, e[4] = r) : r = e[4];
+  let s;
+  return e[5] !== t || e[6] !== r ? (s = /* @__PURE__ */ a(k, { onError: t, children: r }), e[5] = t, e[6] = r, e[7] = s) : s = e[7], s;
+}
+export {
+  D as default
+};
+//# sourceMappingURL=EquationComponent-DeDYHvqY.js.map

package/dist/EquationComponent-DeDYHvqY.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EquationComponent-DeDYHvqY.js","sources":["../src/components/rich-text/shared/plugins/EquationPlugin/KatexRenderer.tsx","../src/components/rich-text/shared/plugins/EquationPlugin/EquationComponent.tsx"],"sourcesContent":["import \"katex/dist/katex.css\";\n\nimport katex from \"katex\";\nimport { useEffect, useRef } from \"react\";\n\nexport default function KatexRenderer({\n  equation,\n  inline,\n}: Readonly<{\n  equation: string;\n  inline: boolean;\n}>) {\n  const katexElementRef = useRef(null);\n\n  useEffect(() => {\n    const katexElement = katexElementRef.current;\n\n    if (katexElement !== null) {\n      katex.render(equation, katexElement, {\n        displayMode: !inline, // true === block display //\n        errorColor: \"#cc0000\",\n        output: \"html\",\n        strict: \"warn\",\n        throwOnError: false,\n        trust: false,\n      });\n    }\n  }, [equation, inline]);\n\n  return (\n    // We use an empty image tag either side to ensure Android doesn't try and compose from the\n    // inner text from Katex. There didn't seem to be any other way of making this work,\n    // without having a physical space.\n    <>\n      <img src=\"#\" alt=\"\" />\n      <span ref={katexElementRef} />\n      <img src=\"#\" alt=\"\" />\n    </>\n  );\n}\n","import { useLexicalComposerContext } from \"@lexical/react/LexicalComposerContext\";\nimport type { ReactNode } from \"react\";\nimport { Component, useState } from \"react\";\n\nimport KatexRenderer from \"./KatexRenderer\";\n\ntype EquationComponentProps = {\n  equation: string;\n  inline: boolean;\n};\n\ninterface EditorErrorBoundaryProps {\n  children: ReactNode;\n  onError: (error: Error) => void;\n}\n\ninterface EditorErrorBoundaryState {\n  hasError: boolean;\n}\n\nclass EditorErrorBoundary extends Component<EditorErrorBoundaryProps, EditorErrorBoundaryState> {\n  state = { hasError: false };\n\n  static getDerivedStateFromError() {\n    return { hasError: true };\n  }\n\n  componentDidCatch(error: Error) {\n    this.props.onError(error);\n  }\n\n  render() {\n    if (this.state.hasError) return null;\n    return this.props.children;\n  }\n}\n\nexport default function EquationComponent({ equation, inline }: EquationComponentProps) {\n  const [editor] = useLexicalComposerContext();\n  const [equationValue, _setEquationValue] = useState(equation);\n  return (\n    <EditorErrorBoundary onError={(e) => editor._onError(e)}>\n      <KatexRenderer equation={equationValue} inline={inline} />\n    </EditorErrorBoundary>\n  );\n}\n"],"names":["KatexRenderer","t0","$","_c","equation","inline","katexElementRef","useRef","t1","t2","katexElement","current","katex","render","displayMode","errorColor","output","strict","throwOnError","trust","useEffect","t3","Symbol","for","jsxs","Fragment","jsx","EditorErrorBoundary","Component","state","hasError","getDerivedStateFromError","componentDidCatch","error","props","onError","children","EquationComponent","editor","useLexicalComposerContext","equationValue","useState","e","_onError"],"mappings":";;;;;;AAKA,SAAeA,EAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA,GAAuB;AAAA,IAAAC,UAAAA;AAAAA,IAAAC,QAAAA;AAAAA,EAAAA,IAAAJ,GAOpCK,IAAwBC,EAAO,IAAI;AAAE,MAAAC,GAAAC;AAAA,EAAAP,EAAA,CAAA,MAAAE,KAAAF,SAAAG,KAE3BG,IAAAA,MAAA;AACR,UAAAE,IAAqBJ,EAAeK;AAEpC,IAAID,MAAiB,QACnBE,EAAKC,OAAQT,GAAUM,GAAc;AAAA,MAAAI,aACtB,CAACT;AAAAA,MAAMU,YACR;AAAA,MAASC,QACb;AAAA,MAAMC,QACN;AAAA,MAAMC,cACA;AAAA,MAAKC,OACZ;AAAA,IAAA,CACR;AAAA,EACF,GACAV,IAAA,CAACL,GAAUC,CAAM,GAACH,OAAAE,GAAAF,OAAAG,GAAAH,OAAAM,GAAAN,OAAAO,MAAAD,IAAAN,EAAA,CAAA,GAAAO,IAAAP,EAAA,CAAA,IAbrBkB,EAAUZ,GAaPC,CAAkB;AAAC,MAAAY;AAAA,SAAAnB,EAAA,CAAA,MAAAoB,uBAAAC,IAAA,2BAAA,KAMpBF,IAAA,gBAAAG,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC,EAAA,OAAA,EAAS,KAAA,KAAQ,KAAA,IAAE;AAAA,IACnB,gBAAAA,EAAA,QAAA,EAAWpB,KAAAA,EAAAA,CAAe;AAAA,IAC1B,gBAAAoB,EAAA,OAAA,EAAS,KAAA,KAAQ,KAAA,GAAA,CAAE;AAAA,EAAA,GAAG,GACrBxB,OAAAmB,KAAAA,IAAAnB,EAAA,CAAA,GAJHmB;AAIG;ACjBP,MAAMM,UAA4BC,EAA8D;AAAA,EAC9FC,QAAQ;AAAA,IAAEC,UAAU;AAAA,EAAA;AAAA,EAEpB,OAAOC,2BAA2B;AAChC,WAAO;AAAA,MAAED,UAAU;AAAA,IAAA;AAAA,EACrB;AAAA,EAEAE,kBAAkBC,GAAc;AAC9B,SAAKC,MAAMC,QAAQF,CAAK;AAAA,EAC1B;AAAA,EAEApB,SAAS;AACP,WAAI,KAAKgB,MAAMC,WAAiB,OACzB,KAAKI,MAAME;AAAAA,EACpB;AACF;AAEA,SAAeC,EAAApC,GAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA,GAA2B;AAAA,IAAAC,UAAAA;AAAAA,IAAAC,QAAAA;AAAAA,EAAAA,IAAAJ,GACxC,CAAAqC,CAAA,IAAiBC,EAAAA,GACjB,CAAAC,CAAA,IAA2CC,EAASrC,CAAQ;AAAE,MAAAI;AAAA,EAAAN,SAAAoC,KAE9B9B,IAAAkC,CAAAA,MAAOJ,EAAMK,SAAUD,CAAC,GAACxC,OAAAoC,GAAApC,OAAAM,KAAAA,IAAAN,EAAA,CAAA;AAAA,MAAAO;AAAA,EAAAP,EAAA,CAAA,MAAAsC,KAAAtC,SAAAG,KACrDI,IAAA,gBAAAiB,EAAC1B,GAAA,EAAwBwC,UAAAA,GAAuBnC,QAAAA,GAAM,GAAIH,OAAAsC,GAAAtC,OAAAG,GAAAH,OAAAO,KAAAA,IAAAP,EAAA,CAAA;AAAA,MAAAmB;AAAA,SAAAnB,EAAA,CAAA,MAAAM,KAAAN,SAAAO,KAD5DY,IAAA,gBAAAK,EAACC,GAAA,EAA6B,SAAAnB,GAC5BC,UAAAA,GACF,GAAsBP,OAAAM,GAAAN,OAAAO,GAAAP,OAAAmB,KAAAA,IAAAnB,EAAA,CAAA,GAFtBmB;AAEsB;"}

package/dist/chat-ui.js

@@ -0,0 +1,347 @@
+import { defineSlotRecipe as ht, createSlotRecipeContext as bt, chakra as at, AbsoluteCenter as gt, IconButton as ct, Tooltip as $, Portal as St, Kbd as xt, Text as Ct, Spacer as vt, HStack as yt, Flex as wt, Box as Rt } from "@chakra-ui/react";
+import { jsx as l, jsxs as K, Fragment as _t } from "react/jsx-runtime";
+import { c as N } from "react/compiler-runtime";
+import { ArrowDownIcon as zt, Square as Bt, ArrowUp as Tt } from "lucide-react";
+import { StickToBottom as dt, useStickToBottomContext as mt } from "use-stick-to-bottom";
+import { useRef as ut, useEffect as ft, useState as q } from "react";
+import { g as rt, P as Pt, a as Et } from "./rich-message-CiA3ripk.js";
+import "@lexical/react/LexicalCollaborationContext";
+import "@lexical/react/LexicalCollaborationPlugin";
+import "@lexical/react/LexicalComposer";
+import "@lexical/react/LexicalErrorBoundary";
+import "@lexical/react/LexicalHorizontalRulePlugin";
+import "@lexical/react/LexicalLinkPlugin";
+import "@lexical/react/LexicalListPlugin";
+import "@lexical/react/LexicalRichTextPlugin";
+import "y-websocket";
+import "yjs";
+import "@lexical/code";
+import "@lexical/react/LexicalComposerContext";
+import "lexical";
+import "@lexical/list";
+import "@lexical/rich-text";
+import "@lexical/selection";
+import "@lexical/utils";
+import "react-dom";
+import "./tooltip-Gm7PLwZG.js";
+import "@lexical/markdown";
+import "@lexical/react/LexicalHistoryPlugin";
+import "@lexical/react/LexicalOnChangePlugin";
+import "@lexical/react/LexicalTreeView";
+const kt = ht({
+  className: "ai-message",
+  slots: ["root", "content"],
+  base: {
+    root: {
+      display: "flex",
+      width: "full",
+      alignItems: "end",
+      justifyContent: "end",
+      gap: "sm"
+    },
+    content: {
+      display: "flex",
+      flexDirection: "column",
+      gap: "sm",
+      textStyle: "sm",
+      overflow: "hidden"
+    }
+  },
+  variants: {
+    from: {
+      user: {
+        root: {
+          mb: "md",
+          flexDirection: "row",
+          "& > div": {
+            marginLeft: "lg"
+          }
+        },
+        content: {
+          bg: "bg.muted",
+          borderBottomRightRadius: 0
+        }
+      },
+      assistant: {
+        root: {
+          mb: "md",
+          flexDirection: "row",
+          justifyContent: "start",
+          "& > div": {
+            marginRight: "lg"
+          }
+        }
+      },
+      developer: {
+        root: {
+          width: "full",
+          flexDirection: "row-reverse"
+        },
+        content: {
+          width: "full"
+        }
+      }
+    },
+    size: {
+      sm: {
+        root: {
+          gap: "xs"
+        },
+        content: {
+          px: "xs",
+          py: "xs",
+          textStyle: "xs"
+        }
+      },
+      md: {
+        content: {
+          px: "xs",
+          py: "xs"
+        }
+      },
+      lg: {
+        root: {
+          gap: "md"
+        },
+        content: {
+          px: "sm",
+          py: "xs",
+          textStyle: "md"
+        }
+      }
+    },
+    shape: {
+      rounded: {
+        content: {
+          rounded: "lg"
+        }
+      },
+      pill: {
+        content: {
+          rounded: "full"
+        }
+      },
+      square: {
+        content: {
+          rounded: "none"
+        }
+      }
+    }
+  },
+  defaultVariants: {
+    from: "user",
+    size: "md",
+    shape: "rounded"
+  }
+}), {
+  withProvider: Dt,
+  withContext: Mt
+} = bt({
+  recipe: kt
+}), It = Dt("div", "root"), At = Mt("div", "content"), ve = {
+  Root: It,
+  Content: At
+}, jt = {
+  "aria-roledescription": "conversation",
+  initial: "instant",
+  resize: "instant",
+  role: "log"
+}, Ft = at(dt, {
+  base: {
+    position: "relative",
+    flex: 1,
+    overflowY: "auto",
+    height: "full"
+  }
+}, {
+  forwardProps: ["resize"],
+  defaultProps: jt
+}), Lt = at(dt.Content, {
+  base: {
+    p: "0"
+  }
+}, {
+  defaultProps: {
+    "aria-live": "polite",
+    role: "list"
+  }
+}), Wt = (n) => {
+  const t = N(4), {
+    isAtBottom: e,
+    scrollToBottom: i
+  } = mt();
+  let o;
+  return t[0] !== e || t[1] !== n || t[2] !== i ? (o = !e && /* @__PURE__ */ l(gt, { axis: "horizontal", bottom: "md", children: /* @__PURE__ */ l(ct, { rounded: "full", onClick: () => i(), variant: "outline", size: "xs", ...n, children: /* @__PURE__ */ l(zt, { size: 16 }) }) }), t[0] = e, t[1] = n, t[2] = i, t[3] = o) : o = t[3], o;
+}, ye = {
+  Root: Ft,
+  Viewport: Lt,
+  ScrollToBottom: Wt
+}, $t = (n) => {
+  const {
+    previousUserMessageCount: t,
+    userMessageCount: e
+  } = n;
+  return t === 0 ? !1 : e > t;
+};
+function we(n) {
+  const t = N(4), {
+    userMessageCount: e
+  } = n, {
+    scrollToBottom: i
+  } = mt(), o = ut(e);
+  let r, d;
+  return t[0] !== i || t[1] !== e ? (r = () => {
+    $t({
+      previousUserMessageCount: o.current,
+      userMessageCount: e
+    }) && i(), o.current = e;
+  }, d = [e, i], t[0] = i, t[1] = e, t[2] = r, t[3] = d) : (r = t[2], d = t[3]), ft(r, d), null;
+}
+const qt = (n) => {
+  const t = N(22);
+  let e, i, o, r;
+  t[0] !== n ? ({
+    title: r,
+    shortcut: o,
+    canInterrupt: e,
+    ...i
+  } = n, t[0] = n, t[1] = e, t[2] = i, t[3] = o, t[4] = r) : (e = t[1], i = t[2], o = t[3], r = t[4]);
+  const d = i["aria-label"] ?? r;
+  let p;
+  t[5] !== e ? (p = e ? /* @__PURE__ */ l(Bt, { size: 16, strokeWidth: 2, fill: "currentColor" }) : /* @__PURE__ */ l(Tt, { size: 16, strokeWidth: 2 }), t[5] = e, t[6] = p) : p = t[6];
+  const x = p;
+  let a;
+  t[7] !== d || t[8] !== x || t[9] !== i || t[10] !== r ? (a = /* @__PURE__ */ l(ct, { size: "sm", variant: "solid", borderRadius: "full", colorPalette: "primary", "aria-label": d, title: r, ...i, children: x }), t[7] = d, t[8] = x, t[9] = i, t[10] = r, t[11] = a) : a = t[11];
+  const u = a;
+  if (r) {
+    let h;
+    t[12] !== o || t[13] !== r ? (h = o ? /* @__PURE__ */ K(_t, { children: [
+      r,
+      " ",
+      /* @__PURE__ */ l(xt, { fontSize: "xs", children: o })
+    ] }) : r, t[12] = o, t[13] = r, t[14] = h) : h = t[14];
+    const b = h;
+    let m;
+    t[15] !== u ? (m = /* @__PURE__ */ l($.Trigger, { asChild: !0, children: u }), t[15] = u, t[16] = m) : m = t[16];
+    let s;
+    t[17] !== b ? (s = /* @__PURE__ */ l(St, { children: /* @__PURE__ */ l($.Positioner, { children: /* @__PURE__ */ l($.Content, { children: b }) }) }), t[17] = b, t[18] = s) : s = t[18];
+    let f;
+    return t[19] !== m || t[20] !== s ? (f = /* @__PURE__ */ K($.Root, { closeDelay: 50, openDelay: 100, children: [
+      m,
+      s
+    ] }), t[19] = m, t[20] = s, t[21] = f) : f = t[21], f;
+  }
+  return u;
+}, Re = (n) => {
+  const t = N(60), {
+    defaultState: e,
+    onSubmit: i,
+    onInterrupt: o,
+    streaming: r,
+    attachedResources: d,
+    onClearAttachments: p,
+    isDisabled: x,
+    onChange: a,
+    placeholder: u,
+    attachmentList: h,
+    actions: b
+  } = n, m = i === void 0 ? Kt : i, s = r === void 0 ? !1 : r;
+  let f;
+  t[0] !== d ? (f = d === void 0 ? [] : d, t[0] = d, t[1] = f) : f = t[1];
+  const U = f, g = x === void 0 ? !1 : x, [H, nt] = q(!1), [V, it] = q(e), [Y, st] = q(0);
+  let P;
+  t[2] !== e ? (P = () => rt(e), t[2] = e, t[3] = P) : P = t[3];
+  const [C, J] = q(P), lt = ut(null);
+  let E, k;
+  t[4] !== e || t[5] !== a ? (E = () => {
+    const c = rt(e);
+    it(e), st(Nt), J(c), a?.(c);
+  }, k = [e, a], t[4] = e, t[5] = a, t[6] = E, t[7] = k) : (E = t[6], k = t[7]), ft(E, k);
+  let D;
+  t[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (D = () => {
+    nt(!0);
+    const c = lt.current?.querySelector('[contenteditable="true"]');
+    c instanceof HTMLElement && c.focus();
+  }, t[8] = D) : D = t[8];
+  const pt = D;
+  let M;
+  t[9] !== e || t[10] !== a ? (M = () => {
+    it(e), st(Ut);
+    const c = rt(e);
+    J(c), a?.(c);
+  }, t[9] = e, t[10] = a, t[11] = M) : M = t[11];
+  const O = M;
+  let I;
+  t[12] !== U || t[13] !== g || t[14] !== p || t[15] !== o || t[16] !== m || t[17] !== O || t[18] !== s || t[19] !== C ? (I = () => {
+    if (g)
+      return;
+    if (s) {
+      o?.();
+      return;
+    }
+    const c = C.trim();
+    c && (m(c, U), O(), p?.());
+  }, t[12] = U, t[13] = g, t[14] = p, t[15] = o, t[16] = m, t[17] = O, t[18] = s, t[19] = C, t[20] = I) : I = t[20];
+  const v = I, S = s && !!o;
+  let A;
+  t[21] !== u ? (A = u ? /* @__PURE__ */ l(Ct, { textStyle: "label/M/regular", color: "fg.subtle", pointerEvents: "none", position: "absolute", top: "0", children: u }) : void 0, t[21] = u, t[22] = A) : A = t[22];
+  const X = A, G = H ? "blue.border" : "border.muted", Q = H ? "mid" : "low", Z = H ? "blue.border" : "border";
+  let y;
+  t[23] !== Z ? (y = {
+    borderColor: Z,
+    boxShadow: "mid"
+  }, t[23] = Z, t[24] = y) : y = t[24];
+  let j;
+  t[25] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (j = {
+    borderColor: "blue.border",
+    boxShadow: "mid"
+  }, t[25] = j) : j = t[25];
+  let F;
+  t[26] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (F = () => nt(!1), t[26] = F) : F = t[26];
+  const tt = !g;
+  let w;
+  t[27] !== a ? (w = (c) => {
+    J(c), a?.(c);
+  }, t[27] = a, t[28] = w) : w = t[28];
+  let R;
+  t[29] !== Y || t[30] !== V || t[31] !== v || t[32] !== X || t[33] !== tt || t[34] !== w ? (R = /* @__PURE__ */ l(Pt, { defaultState: V, isEditable: tt, placeholder: X, onChange: w, onSubmit: v }, Y), t[29] = Y, t[30] = V, t[31] = v, t[32] = X, t[33] = tt, t[34] = w, t[35] = R) : R = t[35];
+  let L;
+  t[36] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (L = /* @__PURE__ */ l(vt, {}), t[36] = L) : L = t[36];
+  const et = S ? "Stop Response" : "Message Sending", ot = s ? void 0 : "Enter";
+  let _;
+  t[37] !== S || t[38] !== g || t[39] !== s || t[40] !== C ? (_ = s && !S || !s && !C.trim() || g, t[37] = S, t[38] = g, t[39] = s, t[40] = C, t[41] = _) : _ = t[41];
+  let z;
+  t[42] !== S || t[43] !== v || t[44] !== et || t[45] !== ot || t[46] !== _ ? (z = /* @__PURE__ */ l(qt, { canInterrupt: S, title: et, shortcut: ot, onClick: v, disabled: _ }), t[42] = S, t[43] = v, t[44] = et, t[45] = ot, t[46] = _, t[47] = z) : z = t[47];
+  let B;
+  t[48] !== b || t[49] !== z ? (B = /* @__PURE__ */ K(yt, { gap: "1", mt: "md", children: [
+    b,
+    L,
+    z
+  ] }), t[48] = b, t[49] = z, t[50] = B) : B = t[50];
+  let T;
+  t[51] !== h || t[52] !== R || t[53] !== B ? (T = /* @__PURE__ */ K(wt, { direction: "column", color: "fg", children: [
+    h,
+    R,
+    B
+  ] }), t[51] = h, t[52] = R, t[53] = B, t[54] = T) : T = t[54];
+  let W;
+  return t[55] !== G || t[56] !== Q || t[57] !== y || t[58] !== T ? (W = /* @__PURE__ */ l(Rt, { ref: lt, width: "100%", paddingX: "lg", paddingY: "md", bg: "bg", borderRadius: "md", borderWidth: "1px", borderStyle: "solid", borderColor: G, boxShadow: Q, transition: "box-shadow 0.2s ease-in-out, border-color 0.2s ease-in-out", _hover: y, _focusWithin: j, onClick: pt, onBlur: F, children: T }), t[55] = G, t[56] = Q, t[57] = y, t[58] = T, t[59] = W) : W = t[59], W;
+};
+function Kt() {
+}
+function Nt(n) {
+  return n + 1;
+}
+function Ut(n) {
+  return n + 1;
+}
+const _e = (n = "") => JSON.stringify(Et(n));
+export {
+  we as AutoScroll,
+  Re as ChatInput,
+  ve as ChatMessage,
+  ye as ChatPrimitives,
+  qt as SendButton,
+  _e as createSerializedPromptState
+};
+//# sourceMappingURL=chat-ui.js.map

package/dist/chat-ui.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-ui.js","sources":["../src/components/chat-ui/components/ai-message.tsx","../src/components/chat-ui/components/ai-conversation.tsx","../src/components/chat-ui/components/auto-scroll.tsx","../src/components/chat-ui/components/send-button.tsx","../src/components/chat-ui/components/chat-input.tsx","../src/components/chat-ui/utils/editor-state.ts"],"sourcesContent":["import type { HTMLChakraProps, RecipeVariantProps } from \"@chakra-ui/react\";\nimport { createSlotRecipeContext, defineSlotRecipe } from \"@chakra-ui/react\";\n\nconst recipe = defineSlotRecipe({\n  className: \"ai-message\",\n  slots: [\"root\", \"content\"],\n  base: {\n    root: {\n      display: \"flex\",\n      width: \"full\",\n      alignItems: \"end\",\n      justifyContent: \"end\",\n      gap: \"sm\",\n    },\n    content: {\n      display: \"flex\",\n      flexDirection: \"column\",\n      gap: \"sm\",\n      textStyle: \"sm\",\n      overflow: \"hidden\",\n    },\n  },\n  variants: {\n    from: {\n      user: {\n        root: {\n          mb: \"md\",\n          flexDirection: \"row\",\n          \"& > div\": {\n            marginLeft: \"lg\",\n          },\n        },\n        content: {\n          bg: \"bg.muted\",\n          borderBottomRightRadius: 0,\n        },\n      },\n      assistant: {\n        root: {\n          mb: \"md\",\n          flexDirection: \"row\",\n          justifyContent: \"start\",\n          \"& > div\": {\n            marginRight: \"lg\",\n          },\n        },\n      },\n      developer: {\n        root: {\n          width: \"full\",\n          flexDirection: \"row-reverse\",\n        },\n        content: {\n          width: \"full\",\n        },\n      },\n    },\n    size: {\n      sm: {\n        root: { gap: \"xs\" },\n        content: { px: \"xs\", py: \"xs\", textStyle: \"xs\" },\n      },\n      md: {\n        content: { px: \"xs\", py: \"xs\" },\n      },\n      lg: {\n        root: { gap: \"md\" },\n        content: { px: \"sm\", py: \"xs\", textStyle: \"md\" },\n      },\n    },\n    shape: {\n      rounded: {\n        content: { rounded: \"lg\" },\n      },\n      pill: {\n        content: { rounded: \"full\" },\n      },\n      square: {\n        content: { rounded: \"none\" },\n      },\n    },\n  },\n  defaultVariants: {\n    from: \"user\",\n    size: \"md\",\n    shape: \"rounded\",\n  },\n});\n\nconst { withProvider, withContext } = createSlotRecipeContext({ recipe });\n\ntype VariantProps = RecipeVariantProps<typeof recipe>;\n\nexport interface MessageRootProps extends HTMLChakraProps<\"div\">, VariantProps {}\nexport const MessageRoot = withProvider<HTMLDivElement, MessageRootProps>(\"div\", \"root\");\n\nexport interface MessageContentProps extends HTMLChakraProps<\"div\">, VariantProps {}\nexport const MessageContent = withContext<HTMLDivElement, MessageContentProps>(\"div\", \"content\");\n\nexport const ChatMessage = {\n  Root: MessageRoot,\n  Content: MessageContent,\n} as const;\n","import type { HTMLChakraProps, IconButtonProps } from \"@chakra-ui/react\";\nimport { AbsoluteCenter, chakra, IconButton } from \"@chakra-ui/react\";\nimport { ArrowDownIcon } from \"lucide-react\";\nimport { StickToBottom as StickToBottomEl, useStickToBottomContext } from \"use-stick-to-bottom\";\n\nexport type ConversationRootProps = HTMLChakraProps<\"div\", React.ComponentProps<typeof StickToBottomEl>>;\n\nexport const conversationRootDefaultProps = {\n  \"aria-roledescription\": \"conversation\",\n  initial: \"instant\",\n  resize: \"instant\",\n  role: \"log\",\n} as const;\n\nexport const ConversationRoot = chakra(\n  StickToBottomEl,\n  {\n    base: {\n      position: \"relative\",\n      flex: 1,\n      overflowY: \"auto\",\n      height: \"full\",\n    },\n  },\n  {\n    forwardProps: [\"resize\"],\n    defaultProps: conversationRootDefaultProps,\n  },\n);\n\nexport type ConversationContentProps = HTMLChakraProps<\"div\">;\n\nexport const ConversationContent = chakra(\n  StickToBottomEl.Content,\n  {\n    base: {\n      p: \"0\",\n    },\n  },\n  {\n    defaultProps: {\n      \"aria-live\": \"polite\",\n      role: \"list\",\n    },\n  },\n);\n\nexport type ConversationScrollButtonProps = IconButtonProps;\n\nexport const ConversationScrollButton = (props: ConversationScrollButtonProps) => {\n  const { isAtBottom, scrollToBottom } = useStickToBottomContext();\n\n  return (\n    !isAtBottom && (\n      <AbsoluteCenter axis=\"horizontal\" bottom=\"md\">\n        <IconButton rounded=\"full\" onClick={() => scrollToBottom()} variant=\"outline\" size=\"xs\" {...props}>\n          <ArrowDownIcon size={16} />\n        </IconButton>\n      </AbsoluteCenter>\n    )\n  );\n};\n\nexport const ChatPrimitives = {\n  Root: ConversationRoot,\n  Viewport: ConversationContent,\n  ScrollToBottom: ConversationScrollButton,\n} as const;\n","import { useEffect, useRef } from \"react\";\nimport { useStickToBottomContext } from \"use-stick-to-bottom\";\n\nexport interface AutoScrollProps {\n  userMessageCount: number;\n}\n\ninterface ShouldAutoScrollArgs {\n  previousUserMessageCount: number;\n  userMessageCount: number;\n}\n\nexport const shouldAutoScroll = (args: ShouldAutoScrollArgs) => {\n  const { previousUserMessageCount, userMessageCount } = args;\n\n  if (previousUserMessageCount === 0) {\n    return false;\n  }\n\n  return userMessageCount > previousUserMessageCount;\n};\n\nexport function AutoScroll(props: AutoScrollProps) {\n  const { userMessageCount } = props;\n  const { scrollToBottom } = useStickToBottomContext();\n  const previousCountRef = useRef(userMessageCount);\n\n  useEffect(() => {\n    if (\n      shouldAutoScroll({\n        previousUserMessageCount: previousCountRef.current,\n        userMessageCount,\n      })\n    ) {\n      scrollToBottom();\n    }\n\n    previousCountRef.current = userMessageCount;\n  }, [userMessageCount, scrollToBottom]);\n\n  return null;\n}\n","import { IconButton, type IconButtonProps, Kbd, Portal, Tooltip } from \"@chakra-ui/react\";\nimport { ArrowUp, Square } from \"lucide-react\";\n\nexport interface SendButtonProps extends IconButtonProps {\n  shortcut?: string;\n  title?: string;\n  canInterrupt: boolean;\n}\n\nexport const SendButton = (props: SendButtonProps) => {\n  const { title, shortcut, canInterrupt, ...rest } = props;\n  const ariaLabel = rest[\"aria-label\"] ?? title;\n\n  const icon = canInterrupt ? (\n    <Square size={16} strokeWidth={2} fill=\"currentColor\" />\n  ) : (\n    <ArrowUp size={16} strokeWidth={2} />\n  );\n\n  const button = (\n    <IconButton\n      size=\"sm\"\n      variant=\"solid\"\n      borderRadius=\"full\"\n      colorPalette=\"primary\"\n      aria-label={ariaLabel}\n      title={title}\n      {...rest}\n    >\n      {icon}\n    </IconButton>\n  );\n\n  if (title) {\n    const tooltipContent = shortcut ? (\n      <>\n        {title} <Kbd fontSize=\"xs\">{shortcut}</Kbd>\n      </>\n    ) : (\n      title\n    );\n\n    return (\n      <Tooltip.Root closeDelay={50} openDelay={100}>\n        <Tooltip.Trigger asChild>{button}</Tooltip.Trigger>\n        <Portal>\n          <Tooltip.Positioner>\n            <Tooltip.Content>{tooltipContent}</Tooltip.Content>\n          </Tooltip.Positioner>\n        </Portal>\n      </Tooltip.Root>\n    );\n  }\n\n  return button;\n};\n","import { Box, Flex, HStack, Spacer, Text } from \"@chakra-ui/react\";\nimport { type ReactNode, useEffect, useRef, useState } from \"react\";\nimport { getTextFromSerializedEditorState, PromptEditor } from \"../../rich-text\";\nimport { SendButton } from \"./send-button\";\n\ninterface ChatInputProps {\n  defaultState: string;\n  placeholder?: string;\n  onSubmit?: (text: string, attachments: string[]) => void;\n  onInterrupt?: () => void;\n  streaming?: boolean;\n  attachedResources?: string[];\n  onClearAttachments?: () => void;\n  isDisabled?: boolean;\n  onChange?: (text: string) => void;\n  attachmentList?: ReactNode;\n  actions?: ReactNode;\n}\n\nexport const ChatInput = (props: ChatInputProps) => {\n  const {\n    defaultState,\n    onSubmit = () => {},\n    onInterrupt,\n    streaming = false,\n    attachedResources = [],\n    onClearAttachments,\n    isDisabled = false,\n    onChange,\n    placeholder,\n    attachmentList,\n    actions,\n  } = props;\n\n  const [isSelected, setIsSelected] = useState(false);\n  const [editorState, setEditorState] = useState(defaultState);\n  const [editorKey, setEditorKey] = useState(0);\n  const [text, setText] = useState(() => getTextFromSerializedEditorState(defaultState));\n  const containerRef = useRef<HTMLDivElement | null>(null);\n\n  useEffect(() => {\n    const resetText = getTextFromSerializedEditorState(defaultState);\n    setEditorState(defaultState);\n    setEditorKey((key) => key + 1);\n    setText(resetText);\n    onChange?.(resetText);\n  }, [defaultState, onChange]);\n\n  const handleContainerClick = () => {\n    setIsSelected(true);\n    const editable = containerRef.current?.querySelector('[contenteditable=\"true\"]');\n    if (editable instanceof HTMLElement) {\n      editable.focus();\n    }\n  };\n\n  const resetEditor = () => {\n    setEditorState(defaultState);\n    setEditorKey((key) => key + 1);\n    const resetText = getTextFromSerializedEditorState(defaultState);\n    setText(resetText);\n    onChange?.(resetText);\n  };\n\n  const handleSend = () => {\n    if (isDisabled) return;\n\n    if (streaming) {\n      onInterrupt?.();\n      return;\n    }\n\n    const trimmed = text.trim();\n    if (!trimmed) return;\n\n    onSubmit(trimmed, attachedResources);\n\n    resetEditor();\n\n    onClearAttachments?.();\n  };\n\n  const canInterrupt = streaming && Boolean(onInterrupt);\n\n  const placeholderNode = placeholder ? (\n    <Text textStyle=\"label/M/regular\" color=\"fg.subtle\" pointerEvents=\"none\" position=\"absolute\" top=\"0\">\n      {placeholder}\n    </Text>\n  ) : undefined;\n\n  return (\n    <Box\n      ref={containerRef}\n      width=\"100%\"\n      paddingX=\"lg\"\n      paddingY=\"md\"\n      bg=\"bg\"\n      borderRadius=\"md\"\n      borderWidth=\"1px\"\n      borderStyle=\"solid\"\n      borderColor={isSelected ? \"blue.border\" : \"border.muted\"}\n      boxShadow={isSelected ? \"mid\" : \"low\"}\n      transition=\"box-shadow 0.2s ease-in-out, border-color 0.2s ease-in-out\"\n      _hover={{\n        borderColor: isSelected ? \"blue.border\" : \"border\",\n        boxShadow: \"mid\",\n      }}\n      _focusWithin={{\n        borderColor: \"blue.border\",\n        boxShadow: \"mid\",\n      }}\n      onClick={handleContainerClick}\n      onBlur={() => setIsSelected(false)}\n    >\n      <Flex direction=\"column\" color=\"fg\">\n        {attachmentList}\n        <PromptEditor\n          key={editorKey}\n          defaultState={editorState}\n          isEditable={!isDisabled}\n          placeholder={placeholderNode}\n          onChange={(t) => {\n            setText(t);\n            onChange?.(t);\n          }}\n          onSubmit={handleSend}\n        />\n        <HStack gap=\"1\" mt=\"md\">\n          {actions}\n          <Spacer />\n          <SendButton\n            canInterrupt={canInterrupt}\n            title={canInterrupt ? \"Stop Response\" : \"Message Sending\"}\n            shortcut={streaming ? undefined : \"Enter\"}\n            onClick={handleSend}\n            disabled={(streaming && !canInterrupt) || (!streaming && !text.trim()) || isDisabled}\n          />\n        </HStack>\n      </Flex>\n    </Box>\n  );\n};\n","import { generateEditorStateFromString } from \"../../rich-text\";\n\nexport const createSerializedPromptState = (input = \"\") => {\n  return JSON.stringify(generateEditorStateFromString(input));\n};\n"],"names":["recipe","defineSlotRecipe","className","slots","base","root","display","width","alignItems","justifyContent","gap","content","flexDirection","textStyle","overflow","variants","from","user","mb","marginLeft","bg","borderBottomRightRadius","assistant","marginRight","developer","size","sm","px","py","md","lg","shape","rounded","pill","square","defaultVariants","withProvider","withContext","createSlotRecipeContext","MessageRoot","MessageContent","ChatMessage","Root","Content","conversationRootDefaultProps","initial","resize","role","ConversationRoot","chakra","StickToBottomEl","position","flex","overflowY","height","forwardProps","defaultProps","ConversationContent","p","ConversationScrollButton","props","$","_c","isAtBottom","scrollToBottom","useStickToBottomContext","t0","jsx","AbsoluteCenter","IconButton","ArrowDownIcon","ChatPrimitives","Viewport","ScrollToBottom","shouldAutoScroll","args","previousUserMessageCount","userMessageCount","AutoScroll","previousCountRef","useRef","t1","current","useEffect","SendButton","canInterrupt","rest","shortcut","title","ariaLabel","Square","ArrowUp","icon","button","t2","jsxs","Fragment","Kbd","tooltipContent","t3","Tooltip","t4","Portal","t5","ChatInput","defaultState","onSubmit","onInterrupt","streaming","attachedResources","onClearAttachments","isDisabled","onChange","placeholder","attachmentList","actions","undefined","_temp","isSelected","setIsSelected","useState","editorState","setEditorState","editorKey","setEditorKey","getTextFromSerializedEditorState","text","setText","containerRef","t6","t7","resetText","_temp2","t8","Symbol","for","editable","querySelector","HTMLElement","focus","handleContainerClick","t9","_temp3","resetText_0","resetEditor","t10","trimmed","trim","handleSend","Boolean","t11","Text","placeholderNode","t12","t13","t14","t15","borderColor","boxShadow","t16","t17","t18","t19","t","t20","PromptEditor","t21","Spacer","t22","t23","t24","t25","t26","HStack","t27","Flex","t28","Box","key","key_0","createSerializedPromptState","input","JSON","stringify","generateEditorStateFromString"],"mappings":"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"}

package/dist/components/button.stories.d.ts

@@ -0,0 +1,18 @@
+import { ButtonProps } from '@chakra-ui/react';
+import { ReactNode } from 'react';
+type StoryFn = () => ReactNode;
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<ButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
+    decorators: ((Story: StoryFn) => import("react/jsx-runtime").JSX.Element)[];
+};
+export default meta;
+export declare const Variants: {
+    render: () => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Sizes: {
+    render: () => import("react/jsx-runtime").JSX.Element;
+};
+export declare const IconOnly: {
+    render: () => import("react/jsx-runtime").JSX.Element;
+};