@factorialco/f0-react 4.44.0 → 4.46.0

package/dist/index-BuP079h-.js

@@ -0,0 +1,545 @@
+import { S as L, o as ye, u as Z, q as ne, r as Se, s as Re, i as ke, j as _e, k as Ne, t as Ce, l as Le, w as Fe, v as Ve, x as Te } from "./F0CanvasPanel-BDwye32b.js";
+import { jsx as t, jsxs as y } from "react/jsx-runtime";
+import { lazy as J, forwardRef as ae, Suspense as He, useState as V, useRef as A, useMemo as te, useCallback as w, useEffect as T } from "react";
+import { e as Ee, D as Ue, P as je, c as De } from "./pdfWorker-XwYoO_oV.js";
+import { F as We } from "./Printer-B7iDPx2r.js";
+import './index.css';const Oe = ({
+  label: o,
+  width: a,
+  height: e
+}) => /* @__PURE__ */ t(
+  "div",
+  {
+    role: "status",
+    "aria-label": o,
+    "aria-live": "polite",
+    "aria-busy": !0,
+    className: "F0PdfViewer__page mx-auto w-fit px-4 pt-4 last:pb-4",
+    children: /* @__PURE__ */ t(
+      L,
+      {
+        style: { width: a, height: e },
+        className: "rounded-lg border border-solid border-f1-border-secondary shadow-md"
+      }
+    )
+  }
+), R = ({
+  label: o,
+  icon: a,
+  onClick: e,
+  size: i = "md"
+}) => /* @__PURE__ */ t(
+  ye,
+  {
+    label: o,
+    icon: a,
+    onClick: e,
+    hideLabel: !0,
+    variant: "outline",
+    size: i
+  }
+), q = "flex flex-row items-center gap-2", $e = ({
+  toolbarRef: o,
+  currentPage: a,
+  totalPages: e,
+  hasDocument: i,
+  selectedScale: l,
+  scaleOptions: s,
+  onPreviousPage: d,
+  onNextPage: m,
+  onZoomIn: g,
+  onZoomOut: v,
+  onScaleChange: k,
+  rotatable: P,
+  onRotate: p,
+  onPrint: H,
+  onDownload: x,
+  actions: h
+}) => {
+  const { pdfViewer: c } = Z();
+  return /* @__PURE__ */ y(
+    "div",
+    {
+      ref: o,
+      role: "toolbar",
+      "aria-label": c.toolbar,
+      className: ne(
+        "F0PdfViewer__surface sticky top-0 z-10 flex flex-row items-center justify-between gap-2",
+        "px-6 py-4"
+      ),
+      children: [
+        /* @__PURE__ */ y("div", { className: q, children: [
+          i && /* @__PURE__ */ y(
+            "span",
+            {
+              "aria-live": "polite",
+              className: "whitespace-nowrap text-sm font-medium text-f1-foreground-secondary",
+              children: [
+                a,
+                " / ",
+                e
+              ]
+            }
+          ),
+          /* @__PURE__ */ t(
+            R,
+            {
+              label: c.previousPage,
+              onClick: d,
+              icon: Se,
+              size: "sm"
+            }
+          ),
+          /* @__PURE__ */ t(
+            R,
+            {
+              label: c.nextPage,
+              onClick: m,
+              icon: Re,
+              size: "sm"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ y("div", { className: q, children: [
+          /* @__PURE__ */ t(
+            R,
+            {
+              label: c.zoomOut,
+              onClick: v,
+              icon: ke
+            }
+          ),
+          /* @__PURE__ */ t(
+            R,
+            {
+              label: c.zoomIn,
+              onClick: g,
+              icon: _e
+            }
+          ),
+          /* @__PURE__ */ t(
+            Ne,
+            {
+              hideLabel: !0,
+              label: c.scaleSelector,
+              options: s,
+              value: l,
+              onChange: (b) => k(b)
+            }
+          )
+        ] }),
+        /* @__PURE__ */ y("div", { className: q, children: [
+          P && /* @__PURE__ */ t(
+            R,
+            {
+              label: c.rotate,
+              onClick: p,
+              icon: Ce
+            }
+          ),
+          /* @__PURE__ */ t(
+            R,
+            {
+              label: c.print,
+              onClick: H,
+              icon: We
+            }
+          ),
+          /* @__PURE__ */ t(
+            R,
+            {
+              label: c.download,
+              onClick: x,
+              icon: Le
+            }
+          ),
+          h?.map((b, _) => /* @__PURE__ */ t(
+            R,
+            {
+              label: b.label,
+              onClick: b.onClick,
+              icon: b.icon
+            },
+            `${b.label}-${_}`
+          ))
+        ] })
+      ]
+    }
+  );
+}, re = async (o) => {
+  const a = await o.saveDocument();
+  return new Blob([new Uint8Array(a)], { type: "application/pdf" });
+}, Be = async (o) => {
+  if (!o) return;
+  const a = URL.createObjectURL(await re(o)), e = document.createElement("iframe");
+  e.style.display = "none", e.src = a, e.onload = () => {
+    e.focus(), e.contentWindow?.print();
+    const i = () => {
+      URL.revokeObjectURL(a), e.remove();
+    };
+    e.contentWindow?.addEventListener("afterprint", i), setTimeout(i, 6e4);
+  }, document.body.appendChild(e);
+}, ze = async (o, a) => {
+  if (!o) return;
+  const e = URL.createObjectURL(await re(o)), i = document.createElement("a");
+  i.href = e, i.download = a.length > 0 ? a : "document.pdf", document.body.appendChild(i), i.click(), i.remove(), URL.revokeObjectURL(e);
+}, nt = async (o, a, e = !0) => {
+  let i = o, l;
+  try {
+    const d = await fetch(o, {
+      credentials: e ? "include" : "same-origin"
+    });
+    if (!d.ok) throw new Error(`${d.status}`);
+    l = URL.createObjectURL(await d.blob()), i = l;
+  } catch {
+  }
+  const s = document.createElement("a");
+  s.href = i, s.download = a ?? "", s.rel = "noreferrer", l || (s.target = "_blank"), document.body.appendChild(s), s.click(), s.remove(), l && URL.revokeObjectURL(l);
+}, G = [
+  "0.5",
+  "0.75",
+  "1",
+  "1.25",
+  "1.5",
+  "2",
+  "3",
+  "4"
+], ie = G.map(Number), Me = (o) => ie.find((a) => a > o), Ie = (o) => [...ie].reverse().find((a) => a < o), Ae = (o, a, e) => {
+  let i = null, l = 0;
+  return a.forEach((s, d) => {
+    if (!s) return;
+    const m = s.offsetHeight, g = s.offsetTop, v = g + m, k = o.offsetHeight - e, P = o.scrollTop + e, p = P + k;
+    if (!(P < v && p > g)) return;
+    let x;
+    if (P <= g)
+      x = p > v ? m : p - g;
+    else {
+      let h = P - g;
+      p < v && (h += v - p), x = m - h;
+    }
+    x > l && (l = x, i = d + 1);
+  }), i;
+};
+Ee();
+const qe = J(() => import("./SheetViewer-1AsPdzFt.js")), Ge = J(() => import("./DocxViewer-C0K6oFym.js")), Ze = J(() => import("./TextViewer-Ba0xZQdy.js")), oe = 48, se = ae(
+  (o, a) => {
+    const { kind: e = "pdf", mimeType: i, ...l } = o;
+    if (e === "pdf") return /* @__PURE__ */ t(le, { ref: a, ...l });
+    const {
+      url: s,
+      filename: d,
+      actions: m,
+      withCredentials: g = !0,
+      page: v,
+      pagesToDisplay: k,
+      initialScale: P,
+      rotatable: p,
+      initialRotation: H,
+      onRotationChange: x,
+      onPdfLoaded: h,
+      onPageChange: c,
+      ...b
+    } = l;
+    return /* @__PURE__ */ t(
+      "div",
+      {
+        ref: a,
+        ...b,
+        className: "F0PdfViewer__surface relative flex h-full w-full flex-col overflow-hidden border border-solid border-f1-border-secondary",
+        children: /* @__PURE__ */ y(
+          He,
+          {
+            fallback: /* @__PURE__ */ t(L, { className: "h-full w-full rounded-none" }),
+            children: [
+              e === "sheet" && /* @__PURE__ */ t(
+                qe,
+                {
+                  url: s,
+                  filename: d,
+                  withCredentials: g,
+                  actions: m
+                }
+              ),
+              e === "docx" && /* @__PURE__ */ t(
+                Ge,
+                {
+                  url: s,
+                  filename: d,
+                  withCredentials: g,
+                  actions: m
+                }
+              ),
+              e === "text" && /* @__PURE__ */ t(
+                Ze,
+                {
+                  url: s,
+                  name: d ?? "",
+                  mimeType: i,
+                  withCredentials: g,
+                  actions: m
+                }
+              )
+            ]
+          }
+        )
+      }
+    );
+  }
+);
+se.displayName = "F0PdfViewer";
+const le = ae((o, a) => {
+  const {
+    url: e,
+    filename: i = "document.pdf",
+    page: l = 0,
+    pagesToDisplay: s = [],
+    initialScale: d = "page-width",
+    withCredentials: m = !0,
+    rotatable: g = !1,
+    initialRotation: v = 0,
+    onRotationChange: k,
+    onPdfLoaded: P,
+    onPageChange: p,
+    actions: H,
+    ...x
+  } = o, { pdfViewer: h } = Z(), [c, b] = V(null), [_, K] = V([]), [N, z] = V(1), [S, Q] = V(0), [U, M] = V(d), [E, ce] = V(v), I = A(null), j = A(null), D = A([]), W = s.length > 0 ? s.length : c?.numPages, X = _.find(Boolean), Y = (X?.originalWidth ?? 595) * N, ee = (X?.originalHeight ?? 842) * N, de = te(
+    () => [
+      { value: "page-width", label: h.pageWidth },
+      { value: "page-fit", label: h.pageFit },
+      ...G.map((n) => ({
+        value: n,
+        label: `${Number(n) * 100}%`
+      }))
+    ],
+    [h.pageWidth, h.pageFit]
+  ), fe = te(() => ({ url: e, withCredentials: m }), [e, m]), F = w(
+    (n) => {
+      const r = (W ?? 1) - 1, f = Math.min(Math.max(n, 0), r), u = D.current[f], C = u?.offsetParent;
+      u && C instanceof HTMLElement && (C.scrollTop = u.offsetTop - (j.current?.offsetHeight ?? 0) - 10);
+    },
+    [W]
+  ), O = w(
+    (n) => {
+      const r = _[S - 1], f = I.current;
+      if (!r || !f) return;
+      const u = j.current?.offsetHeight ?? 0, C = E === 90 || E === 270, B = C ? r.originalHeight : r.originalWidth, ve = C ? r.originalWidth : r.originalHeight, xe = n === "page-width" ? (f.clientWidth - oe) / B : (f.clientHeight - u - oe) / ve;
+      z(xe), M(n);
+    },
+    [_, S, E]
+  ), ue = w(
+    (n) => {
+      if (n === "page-width" || n === "page-fit") {
+        O(n);
+        return;
+      }
+      z(Number(n)), M(n);
+    },
+    [O]
+  ), $ = w((n) => {
+    if (n === void 0) return;
+    z(n);
+    const r = G.find((f) => Number(f) === n);
+    r && M(r);
+  }, []), ge = w(
+    () => $(Me(N)),
+    [N, $]
+  ), me = w(
+    () => $(Ie(N)),
+    [N, $]
+  ), pe = w(() => {
+    ce((n) => {
+      const r = (n + 90) % 360;
+      return k?.(r), r;
+    });
+  }, [k]), he = w(
+    (n) => {
+      b(n), P?.(n), setTimeout(() => {
+        Q(l + 1), F(l);
+      }, 0);
+    },
+    [P, l, F]
+  ), be = w((n) => {
+    const r = n.target;
+    if (!(r instanceof HTMLElement)) return;
+    const f = Ae(
+      r,
+      D.current,
+      j.current?.offsetHeight ?? 0
+    );
+    f && Q(f);
+  }, []), we = w(() => {
+    Be(c);
+  }, [c]), Pe = w(() => {
+    ze(c, i);
+  }, [c, i]);
+  return T(() => {
+    b(null), K([]), D.current = [];
+  }, [e]), T(() => {
+    F(l);
+  }, [l, F]), T(() => {
+    S > 0 && p?.(S);
+  }, [S, p]), T(() => {
+    _.length > 0 && (d === "page-width" || d === "page-fit") && O(d);
+  }, [_.length, d]), T(() => {
+    (U === "page-width" || U === "page-fit") && O(U);
+  }, [E]), T(() => {
+    const n = I.current;
+    if (!n) return;
+    const r = (f) => {
+      const u = f.target;
+      u instanceof HTMLAnchorElement && (u.target = "_blank", u.rel = "noopener noreferrer");
+    };
+    return n.addEventListener("click", r, !0), () => n.removeEventListener("click", r, !0);
+  }, []), /* @__PURE__ */ t(
+    "div",
+    {
+      ref: a,
+      ...x,
+      className: "F0PdfViewer__surface relative flex h-full w-full flex-col overflow-hidden border border-solid border-f1-border-secondary",
+      children: /* @__PURE__ */ y(
+        "div",
+        {
+          ref: I,
+          onScroll: be,
+          className: "F0PdfViewer__surface relative flex h-full flex-col overflow-auto [scrollbar-gutter:stable_both-edges]",
+          children: [
+            /* @__PURE__ */ t(
+              $e,
+              {
+                toolbarRef: j,
+                currentPage: S,
+                totalPages: W,
+                hasDocument: !!c?.numPages,
+                selectedScale: U,
+                scaleOptions: de,
+                onPreviousPage: () => F(S - 2),
+                onNextPage: () => F(S),
+                onZoomIn: ge,
+                onZoomOut: me,
+                onScaleChange: ue,
+                rotatable: g,
+                onRotate: pe,
+                onPrint: we,
+                onDownload: Pe,
+                actions: H
+              }
+            ),
+            e && /* @__PURE__ */ t(
+              Ue,
+              {
+                file: fe,
+                onLoadSuccess: he,
+                loading: /* @__PURE__ */ t(
+                  Oe,
+                  {
+                    label: h.loading,
+                    width: Y,
+                    height: ee
+                  }
+                ),
+                children: c && Array.from({ length: W ?? 0 }).map((n, r) => {
+                  const f = (s.length > 0 ? s[r] : r) + 1;
+                  return /* @__PURE__ */ t(
+                    "div",
+                    {
+                      className: "F0PdfViewer__page mx-auto w-fit px-4 pt-4 last:pb-4",
+                      children: /* @__PURE__ */ t(
+                        je,
+                        {
+                          className: "overflow-hidden rounded-lg border border-solid border-f1-border-secondary shadow-md",
+                          pageNumber: f,
+                          scale: N,
+                          rotate: E,
+                          loading: /* @__PURE__ */ t(
+                            L,
+                            {
+                              style: {
+                                width: Y,
+                                height: ee
+                              }
+                            }
+                          ),
+                          renderForms: !0,
+                          renderTextLayer: !0,
+                          inputRef: (u) => {
+                            D.current[r] = u;
+                          },
+                          onLoadSuccess: (u) => {
+                            K((C) => {
+                              const B = [...C];
+                              return B[r] = {
+                                originalWidth: u.originalWidth,
+                                originalHeight: u.originalHeight
+                              }, B;
+                            });
+                          }
+                        }
+                      )
+                    },
+                    r
+                  );
+                })
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+});
+le.displayName = "PdfViewerBase";
+const Je = () => {
+  const { pdfViewer: o } = Z();
+  return /* @__PURE__ */ y(
+    "div",
+    {
+      role: "status",
+      "aria-busy": "true",
+      "aria-live": "polite",
+      "aria-label": o.loading,
+      className: ne(
+        "F0PdfViewer__surface flex h-full w-full flex-col overflow-hidden",
+        "border border-solid border-f1-border-secondary"
+      ),
+      children: [
+        /* @__PURE__ */ y("div", { className: "flex flex-row items-center justify-between gap-2 px-6 py-4", children: [
+          /* @__PURE__ */ t(L, { className: "h-8 w-24 rounded-md" }),
+          /* @__PURE__ */ t(L, { className: "h-8 w-40 rounded-md" }),
+          /* @__PURE__ */ t(L, { className: "h-8 w-20 rounded-md" })
+        ] }),
+        /* @__PURE__ */ t("div", { className: "flex flex-1 justify-center p-4", children: /* @__PURE__ */ t(L, { className: "h-full w-full max-w-[600px] rounded-md" }) })
+      ]
+    }
+  );
+}, Ke = [
+  "page-width",
+  "page-fit",
+  "0.5",
+  "0.75",
+  "1",
+  "1.25",
+  "1.5",
+  "2",
+  "3",
+  "4"
+], Qe = Fe(
+  Ve(
+    "F0PdfViewer",
+    Te(se, Je)
+  )
+), at = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  F0PdfViewer: Qe,
+  configurePdfWorker: De,
+  pdfScales: Ke
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  Qe as F,
+  R as T,
+  Ie as a,
+  nt as d,
+  G as f,
+  at as i,
+  Me as n,
+  Ke as p
+};

package/dist/index.css

@@ -1 +1 @@
-.f0-graph{--f0-graph-spark: hsl(var(--neutral-solid-40));--f0-graph-bg-dot: hsl(var(--neutral-10));--f0-graph-edge-default: #cdd4dd;--f0-graph-edge-hover: hsl(var(--neutral-40));--f0-graph-edge-highlighted: hsl( var(--selected-50) )}.f0-graph .react-flow__pane.draggable,.f0-graph .react-flow__pane.dragging{cursor:default}.f0-graph .react-flow__node,.f0-graph .react-flow__node.selectable,.f0-graph .react-flow__node.draggable{cursor:pointer}@media(prefers-reduced-motion:reduce){.f0-graph [data-zoom-level],.f0-graph [data-zoom-level] *{transition-duration:0s!important}}._rfx31ssb:before{border-radius:50%}._15m6ys7w:before{border-color:var(--stroke-color)}._3l8810ly:before{border-width:var(--stroke-width)}._kzdanqa1:before{border-style:solid}._13y0usvi:before{box-sizing:border-box}._154ifghn{top:var(--line-main-axis-start)}._154ihv0e{top:var(--main-axis-offset)}._19wo70hn:before{bottom:var(--terminal-cross-axis-offset)}._1auk70hn:before{top:var(--terminal-cross-axis-offset)}._1aukuj5p:before{top:var(--terminal-main-axis-start)}._1bsb10ly{width:var(--stroke-width)}._1cs8stnw:before{position:absolute}._1e02fghn{inset-inline-start:var(--line-main-axis-start)}._1e0c1ule{display:block}._1kt9b3bt:before{content:""}._1ltvhv0e{left:var(--main-axis-offset)}._1mp4vjfa:before{width:var(--terminal-diameter)}._1pbykb7n{z-index:1}._1xi2hv0e{right:var(--main-axis-offset)}._4t3i10ly{height:var(--stroke-width)}._94n5hv0e{bottom:var(--main-axis-offset)}._94n5idpf{bottom:0}._bfhkys7w{background-color:var(--stroke-color)}._cfu11ld9:before{display:var(--terminal-display)}._kfgtvjfa:before{height:var(--terminal-diameter)}._kqswstnw{position:absolute}._lcxvglyw{pointer-events:none}._ooun70hn:before{right:var(--terminal-cross-axis-offset)}._qnec70hn:before{left:var(--terminal-cross-axis-offset)}._rjxpidpf{inset-inline-end:0}._z5wtuj5p:before{inset-inline-start:var(--terminal-main-axis-start)}em-emoji-picker{--background-rgb: 255, 255, 255;--border-radius: 12px;--category-icon-size: 20px;--color-border-over: hsl(var(--neutral-10));--color-border: hsl(var(--neutral-10));--font-size: 14px;--rgb-accent: 1, 22, 55;--rgb-background: 255, 255, 255;--rgb-color: 1, 22, 55;--rgb-input: 255, 255, 255;width:372px!important;max-height:518px!important;--shadow: 0px 4px 20px 0px #0d162514}.notes-text-editor-title::-moz-selection{background-color:hsl(var(--selected-50) / .2)}.preserved-selection,.notes-text-editor-title::selection{background-color:hsl(var(--selected-50) / .2)}.notes-text-editor *::-moz-selection{background-color:transparent!important}.notes-text-editor *::selection{background-color:transparent!important}.notes-text-editor p{position:relative;margin-bottom:8px;padding:0;font-size:16px;font-weight:400;line-height:24px;letter-spacing:-.16px}.notes-text-editor p:last-child{margin-bottom:0}.notes-text-editor h1{margin-bottom:10px;padding:0;font-size:29px;font-weight:600;line-height:39px;letter-spacing:-.58px}.notes-text-editor h2{margin-bottom:8px;padding:0;font-size:24px;font-weight:600;line-height:32px;letter-spacing:-.48px}.notes-text-editor h3{margin-bottom:7px;padding:0;font-size:19px;font-weight:600;line-height:26px;letter-spacing:-.19px}.notes-text-editor ul{margin:0 0 8px;list-style-type:disc}.notes-text-editor ol{margin:0 0 8px;list-style-type:decimal}.notes-text-editor a:not([data-type=mention]):not(.mention){cursor:pointer;font-weight:500;color:hsl(var(--neutral-100));text-decoration-line:underline;text-decoration-color:hsl(var(--neutral-40));text-decoration-thickness:1px;text-underline-offset:5px}.notes-text-editor a:not([data-type=mention]):not(.mention):hover{text-decoration-color:hsl(var(--neutral-100))}.notes-text-editor a.mention:not([data-type=mention]){border-radius:.375rem;background-color:hsl(var(--neutral-10));padding-left:6px!important;padding-right:6px!important;font-weight:500;color:hsl(var(--neutral-100));text-decoration-line:none;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.notes-text-editor a.mention:not([data-type=mention]):hover{background-color:hsl(var(--neutral-20))}.notes-text-editor a.mention:not([data-type=mention]):focus{outline-style:solid;outline-width:1px;outline-offset:1px;outline-color:hsl(var(--selected-50))}.notes-text-editor strong{font-weight:600}.notes-text-editor em{font-style:italic}.notes-text-editor u{text-decoration-line:underline}.notes-text-editor s{text-decoration-line:line-through}.notes-text-editor .f1-bullet-list{list-style-type:disc}.notes-text-editor .f1-ordered-list{list-style-type:decimal}.notes-text-editor ul,.notes-text-editor ol{padding-left:20px}.notes-text-editor .f1-ordered-list p,.notes-text-editor .f1-bullet-list p{margin-left:8px}.notes-text-editor li{margin-bottom:8px}.notes-text-editor pre{position:relative;margin:16px 0;overflow-x:auto;white-space:pre-wrap;border-radius:.75rem;background-color:hsl(var(--neutral-10));padding:8px}.notes-text-editor code{font-size:.75rem;line-height:1rem;font-family:Menlo,Consolas,Monaco,monospace}.notes-text-editor blockquote{margin:0 0 10px;border-width:0px;border-left-width:4px;border-style:solid;border-color:hsl(var(--neutral-30));padding-left:16px}.notes-text-editor:focus{outline:2px solid transparent;outline-offset:2px}.notes-text-editor .ProseMirror-selectednode,.ProseMirror .ProseMirror-selectednode,.ProseMirror-selectednode,.node-image.ProseMirror-selectednode{outline:none!important}.notes-text-editor hr{margin-top:12px;margin-bottom:12px;border-width:0px;border-top-width:1px;border-color:hsl(var(--neutral-30))}.notes-text-editor mark{border-radius:.375rem;background-color:hsl(var(--promote-50) / .3);padding:2px;color:hsl(var(--neutral-100))}.notes-text-editor p:empty:before{content:" "}.notes-text-editor ul[data-type=taskList]{padding-left:0}.f1-task-item{margin-bottom:8px;display:flex;list-style-type:none;gap:8px}.f1-task-item div{flex:1 1 0%}.f1-task-item input{-moz-appearance:none;appearance:none;-webkit-appearance:none;position:relative;height:1.25rem;width:1.25rem;flex-shrink:0;cursor:pointer;border-radius:.375rem;border-width:1px;border-style:solid;border-color:hsl(var(--neutral-30));background-color:hsl(var(--neutral-0));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.f1-task-item input:hover{border-color:hsl(var(--neutral-40))}.f1-task-item input:checked{border-color:hsl(var(--selected-50) / .4);background-color:hsl(var(--selected-60))}.f1-task-item[data-checked=true]>div>p{color:hsl(var(--neutral-50));text-decoration-line:line-through}.f1-task-item input:checked:after{position:absolute;left:50%;top:50%;height:1rem;width:1rem;--tw-translate-x: -50%;--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));content:"";background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.75 16.75L17.75 7.25004' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.25 11.75L10.75 16.75' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:center;background-repeat:no-repeat;background-size:contain}.f1-task-item-content{min-width:0px;flex:1 1 0%;outline:none}.f1-task-item[data-checked=true] .f1-task-item-content{color:hsl(var(--neutral-50));text-decoration-line:line-through}.f1-task-item-content p{margin:0}.tiptap p.is-empty:before{pointer-events:none;float:left;display:block;height:0px;max-width:100%;text-overflow:ellipsis;white-space:nowrap;color:hsl(var(--neutral-40));content:attr(data-placeholder)}.editor-mood-tracker p{margin:0}.rich-text-details{margin-top:0;margin-bottom:0;display:flex;gap:8px;padding-top:4px;padding-bottom:4px;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.rich-text-details summary{font-size:1rem;line-height:1.5rem;letter-spacing:-.01em;font-weight:600}.rich-text-details summary::marker{content:""}.rich-text-details>button{display:flex;height:1.5rem;width:1.5rem;align-items:center;justify-content:center;border-radius:.375rem;background-color:hsl(var(--neutral-0))}.rich-text-details>button:hover{background-color:hsl(var(--neutral-10))}.rich-text-details>button:before{font-size:.625rem;line-height:.75rem;color:hsl(var(--neutral-100));content:"▶"}.rich-text-details.is-open>button:before{--tw-rotate: 90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rich-text-details>div{display:flex;width:100%;flex-direction:column;gap:8px}.rich-text-details>div>[data-type=detailsContent]>:last-child{margin-bottom:8px}.rich-text-details.rich-text-details{margin-bottom:8px}.notes-text-editor table{margin:0;width:100%;table-layout:fixed;overflow:hidden;border-collapse:collapse}.notes-text-editor table td,.notes-text-editor table th{position:relative;box-sizing:border-box;min-width:1rem;border-width:1px;border-style:solid;border-color:hsl(var(--neutral-30));padding:10px 12px;vertical-align:top}.notes-text-editor table td>*,.notes-text-editor table th>*{margin-bottom:0}.notes-text-editor table th{text-align:left}.notes-text-editor table th>*{font-weight:500;color:hsl(var(--neutral-50))}.notes-text-editor table .selectedCell:after{pointer-events:none;position:absolute;inset:0;z-index:10;background-color:hsl(var(--selected-50) / .1);content:""}.notes-text-editor table .column-resize-handle{pointer-events:none;position:absolute;bottom:-2px;right:-2px;top:0;width:.25rem;cursor:col-resize;background-color:hsl(var(--selected-50))}.notes-text-editor .tableWrapper{margin-bottom:12px;overflow-x:auto}.notes-text-editor .resize-cursor{cursor:col-resize}.notes-text-editor-scroll [data-scroll-container]{overflow-anchor:none}
+.F0PdfViewer__surface{background-color:hsl(var(--neutral-0));background-image:linear-gradient(hsl(var(--neutral-5)),hsl(var(--neutral-5)))}.F0PdfViewer__page .react-pdf__Page__canvas{display:block;position:relative;z-index:0}.F0PdfViewer__page .react-pdf__Page__textContent{z-index:1;pointer-events:auto;-webkit-user-select:text;-moz-user-select:text;user-select:text}.F0PdfViewer__page .textLayer ::-moz-selection{background-color:hsl(var(--selected-50) / .3)}.F0PdfViewer__page .textLayer ::selection{background-color:hsl(var(--selected-50) / .3)}

package/dist/index2.css

@@ -0,0 +1 @@
+.f0-graph{--f0-graph-spark: hsl(var(--neutral-solid-40));--f0-graph-bg-dot: hsl(var(--neutral-10));--f0-graph-edge-default: #cdd4dd;--f0-graph-edge-hover: hsl(var(--neutral-40));--f0-graph-edge-highlighted: hsl( var(--selected-50) )}.f0-graph .react-flow__pane.draggable,.f0-graph .react-flow__pane.dragging{cursor:default}.f0-graph .react-flow__node,.f0-graph .react-flow__node.selectable,.f0-graph .react-flow__node.draggable{cursor:pointer}@media(prefers-reduced-motion:reduce){.f0-graph [data-zoom-level],.f0-graph [data-zoom-level] *{transition-duration:0s!important}}._rfx31ssb:before{border-radius:50%}._15m6ys7w:before{border-color:var(--stroke-color)}._3l8810ly:before{border-width:var(--stroke-width)}._kzdanqa1:before{border-style:solid}._13y0usvi:before{box-sizing:border-box}._154ifghn{top:var(--line-main-axis-start)}._154ihv0e{top:var(--main-axis-offset)}._19wo70hn:before{bottom:var(--terminal-cross-axis-offset)}._1auk70hn:before{top:var(--terminal-cross-axis-offset)}._1aukuj5p:before{top:var(--terminal-main-axis-start)}._1bsb10ly{width:var(--stroke-width)}._1cs8stnw:before{position:absolute}._1e02fghn{inset-inline-start:var(--line-main-axis-start)}._1e0c1ule{display:block}._1kt9b3bt:before{content:""}._1ltvhv0e{left:var(--main-axis-offset)}._1mp4vjfa:before{width:var(--terminal-diameter)}._1pbykb7n{z-index:1}._1xi2hv0e{right:var(--main-axis-offset)}._4t3i10ly{height:var(--stroke-width)}._94n5hv0e{bottom:var(--main-axis-offset)}._94n5idpf{bottom:0}._bfhkys7w{background-color:var(--stroke-color)}._cfu11ld9:before{display:var(--terminal-display)}._kfgtvjfa:before{height:var(--terminal-diameter)}._kqswstnw{position:absolute}._lcxvglyw{pointer-events:none}._ooun70hn:before{right:var(--terminal-cross-axis-offset)}._qnec70hn:before{left:var(--terminal-cross-axis-offset)}._rjxpidpf{inset-inline-end:0}._z5wtuj5p:before{inset-inline-start:var(--terminal-main-axis-start)}em-emoji-picker{--background-rgb: 255, 255, 255;--border-radius: 12px;--category-icon-size: 20px;--color-border-over: hsl(var(--neutral-10));--color-border: hsl(var(--neutral-10));--font-size: 14px;--rgb-accent: 1, 22, 55;--rgb-background: 255, 255, 255;--rgb-color: 1, 22, 55;--rgb-input: 255, 255, 255;width:372px!important;max-height:518px!important;--shadow: 0px 4px 20px 0px #0d162514}.notes-text-editor-title::-moz-selection{background-color:hsl(var(--selected-50) / .2)}.preserved-selection,.notes-text-editor-title::selection{background-color:hsl(var(--selected-50) / .2)}.notes-text-editor *::-moz-selection{background-color:transparent!important}.notes-text-editor *::selection{background-color:transparent!important}.notes-text-editor p{position:relative;margin-bottom:8px;padding:0;font-size:16px;font-weight:400;line-height:24px;letter-spacing:-.16px}.notes-text-editor p:last-child{margin-bottom:0}.notes-text-editor h1{margin-bottom:10px;padding:0;font-size:29px;font-weight:600;line-height:39px;letter-spacing:-.58px}.notes-text-editor h2{margin-bottom:8px;padding:0;font-size:24px;font-weight:600;line-height:32px;letter-spacing:-.48px}.notes-text-editor h3{margin-bottom:7px;padding:0;font-size:19px;font-weight:600;line-height:26px;letter-spacing:-.19px}.notes-text-editor ul{margin:0 0 8px;list-style-type:disc}.notes-text-editor ol{margin:0 0 8px;list-style-type:decimal}.notes-text-editor a:not([data-type=mention]):not(.mention){cursor:pointer;font-weight:500;color:hsl(var(--neutral-100));text-decoration-line:underline;text-decoration-color:hsl(var(--neutral-40));text-decoration-thickness:1px;text-underline-offset:5px}.notes-text-editor a:not([data-type=mention]):not(.mention):hover{text-decoration-color:hsl(var(--neutral-100))}.notes-text-editor a.mention:not([data-type=mention]){border-radius:.375rem;background-color:hsl(var(--neutral-10));padding-left:6px!important;padding-right:6px!important;font-weight:500;color:hsl(var(--neutral-100));text-decoration-line:none;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.notes-text-editor a.mention:not([data-type=mention]):hover{background-color:hsl(var(--neutral-20))}.notes-text-editor a.mention:not([data-type=mention]):focus{outline-style:solid;outline-width:1px;outline-offset:1px;outline-color:hsl(var(--selected-50))}.notes-text-editor strong{font-weight:600}.notes-text-editor em{font-style:italic}.notes-text-editor u{text-decoration-line:underline}.notes-text-editor s{text-decoration-line:line-through}.notes-text-editor .f1-bullet-list{list-style-type:disc}.notes-text-editor .f1-ordered-list{list-style-type:decimal}.notes-text-editor ul,.notes-text-editor ol{padding-left:20px}.notes-text-editor .f1-ordered-list p,.notes-text-editor .f1-bullet-list p{margin-left:8px}.notes-text-editor li{margin-bottom:8px}.notes-text-editor pre{position:relative;margin:16px 0;overflow-x:auto;white-space:pre-wrap;border-radius:.75rem;background-color:hsl(var(--neutral-10));padding:8px}.notes-text-editor code{font-size:.75rem;line-height:1rem;font-family:Menlo,Consolas,Monaco,monospace}.notes-text-editor blockquote{margin:0 0 10px;border-width:0px;border-left-width:4px;border-style:solid;border-color:hsl(var(--neutral-30));padding-left:16px}.notes-text-editor:focus{outline:2px solid transparent;outline-offset:2px}.notes-text-editor .ProseMirror-selectednode,.ProseMirror .ProseMirror-selectednode,.ProseMirror-selectednode,.node-image.ProseMirror-selectednode{outline:none!important}.notes-text-editor hr{margin-top:12px;margin-bottom:12px;border-width:0px;border-top-width:1px;border-color:hsl(var(--neutral-30))}.notes-text-editor mark{border-radius:.375rem;background-color:hsl(var(--promote-50) / .3);padding:2px;color:hsl(var(--neutral-100))}.notes-text-editor p:empty:before{content:" "}.notes-text-editor ul[data-type=taskList]{padding-left:0}.f1-task-item{margin-bottom:8px;display:flex;list-style-type:none;gap:8px}.f1-task-item div{flex:1 1 0%}.f1-task-item input{-moz-appearance:none;appearance:none;-webkit-appearance:none;position:relative;height:1.25rem;width:1.25rem;flex-shrink:0;cursor:pointer;border-radius:.375rem;border-width:1px;border-style:solid;border-color:hsl(var(--neutral-30));background-color:hsl(var(--neutral-0));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.f1-task-item input:hover{border-color:hsl(var(--neutral-40))}.f1-task-item input:checked{border-color:hsl(var(--selected-50) / .4);background-color:hsl(var(--selected-60))}.f1-task-item[data-checked=true]>div>p{color:hsl(var(--neutral-50));text-decoration-line:line-through}.f1-task-item input:checked:after{position:absolute;left:50%;top:50%;height:1rem;width:1rem;--tw-translate-x: -50%;--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));content:"";background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.75 16.75L17.75 7.25004' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.25 11.75L10.75 16.75' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:center;background-repeat:no-repeat;background-size:contain}.f1-task-item-content{min-width:0px;flex:1 1 0%;outline:none}.f1-task-item[data-checked=true] .f1-task-item-content{color:hsl(var(--neutral-50));text-decoration-line:line-through}.f1-task-item-content p{margin:0}.tiptap p.is-empty:before{pointer-events:none;float:left;display:block;height:0px;max-width:100%;text-overflow:ellipsis;white-space:nowrap;color:hsl(var(--neutral-40));content:attr(data-placeholder)}.editor-mood-tracker p{margin:0}.rich-text-details{margin-top:0;margin-bottom:0;display:flex;gap:8px;padding-top:4px;padding-bottom:4px;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.rich-text-details summary{font-size:1rem;line-height:1.5rem;letter-spacing:-.01em;font-weight:600}.rich-text-details summary::marker{content:""}.rich-text-details>button{display:flex;height:1.5rem;width:1.5rem;align-items:center;justify-content:center;border-radius:.375rem;background-color:hsl(var(--neutral-0))}.rich-text-details>button:hover{background-color:hsl(var(--neutral-10))}.rich-text-details>button:before{font-size:.625rem;line-height:.75rem;color:hsl(var(--neutral-100));content:"▶"}.rich-text-details.is-open>button:before{--tw-rotate: 90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rich-text-details>div{display:flex;width:100%;flex-direction:column;gap:8px}.rich-text-details>div>[data-type=detailsContent]>:last-child{margin-bottom:8px}.rich-text-details.rich-text-details{margin-bottom:8px}.notes-text-editor table{margin:0;width:100%;table-layout:fixed;overflow:hidden;border-collapse:collapse}.notes-text-editor table td,.notes-text-editor table th{position:relative;box-sizing:border-box;min-width:1rem;border-width:1px;border-style:solid;border-color:hsl(var(--neutral-30));padding:10px 12px;vertical-align:top}.notes-text-editor table td>*,.notes-text-editor table th>*{margin-bottom:0}.notes-text-editor table th{text-align:left}.notes-text-editor table th>*{font-weight:500;color:hsl(var(--neutral-50))}.notes-text-editor table .selectedCell:after{pointer-events:none;position:absolute;inset:0;z-index:10;background-color:hsl(var(--selected-50) / .1);content:""}.notes-text-editor table .column-resize-handle{pointer-events:none;position:absolute;bottom:-2px;right:-2px;top:0;width:.25rem;cursor:col-resize;background-color:hsl(var(--selected-50))}.notes-text-editor .tableWrapper{margin-bottom:12px;overflow-x:auto}.notes-text-editor .resize-cursor{cursor:col-resize}.notes-text-editor-scroll [data-scroll-container]{overflow-anchor:none}