@floegence/floe-webapp-core 0.35.42 → 0.35.44

package/dist/components/notes/NotesOverlay.js

@@ -0,0 +1,445 @@
+import { createComponent as o, insert as a, addEventListener as m, effect as f, setAttribute as S, Portal as u, memo as $, template as c, delegateEvents as k } from "solid-js/web";
+import { Show as s } from "solid-js";
+import { Motion as _ } from "../../node_modules/.pnpm/solid-motionone@1.0.4_solid-js@1.9.11/node_modules/solid-motionone/dist/index.js";
+import { easing as O, duration as T } from "../../utils/animations.js";
+import { useOverlayMask as x } from "../../hooks/useOverlayMask.js";
+import { X as D } from "../icons/index.js";
+import { NotesBoard as I } from "./NotesBoard.js";
+import { NotesContextMenu as F } from "./NotesContextMenu.js";
+import { NotesEditorFlyout as R, NotesManualPasteFlyout as L } from "./NotesEditorFlyout.js";
+import { NotesOverviewPanel as C } from "./NotesOverviewPanel.js";
+import { NotesTopicRail as P } from "./NotesTopicRail.js";
+import { NotesTrashFlyout as B } from "./NotesTrashFlyout.js";
+import { NotesTrashCanIcon as E } from "./notesAppearance.js";
+import { useNotesOverlayModel as Z } from "./useNotesOverlayModel.js";
+var z = /* @__PURE__ */ c('<header class=notes-overlay__header data-floe-canvas-interactive=true><div class=notes-overlay__header-brand><div class=notes-overlay__header-title>Notes</div><div class=notes-overlay__header-separator></div><div class=notes-overlay__header-stat> topics</div><div class=notes-overlay__header-stat> live note</div><div class=notes-overlay__header-stat> trash</div></div><div class=notes-overlay__header-actions><button type=button class=notes-overlay__close aria-label="Close notes overlay"data-floe-overlay-close=true>'), W = /* @__PURE__ */ c("<button type=button class=notes-trash__toggle><div class=notes-trash__toggle-mark>"), q = /* @__PURE__ */ c("<div class=notes-overlay__body><div class=notes-trash data-floe-canvas-interactive=true>"), V = /* @__PURE__ */ c("<div class=notes-overview-backdrop>"), A = /* @__PURE__ */ c("<div class=notes-overview-flyout>"), H = /* @__PURE__ */ c("<div class=notes-menu-backdrop>");
+function X(l) {
+  return l === "floating" ? {
+    mode: l,
+    ariaModal: void 0,
+    lockBodyScroll: !1,
+    trapFocus: !1,
+    closeOnEscape: "inside",
+    blockWheel: "none",
+    blockTouchMove: "none",
+    autoFocus: !1
+  } : {
+    mode: "modal",
+    ariaModal: !0,
+    lockBodyScroll: !0,
+    trapFocus: !0,
+    closeOnEscape: !0,
+    blockWheel: "outside",
+    blockTouchMove: "outside",
+    autoFocus: {
+      selector: '[data-floe-overlay-close="true"]'
+    }
+  };
+}
+function le(l) {
+  const e = Z(l);
+  let v;
+  const i = () => X(l.interactionMode);
+  return x({
+    open: () => l.open,
+    root: () => v,
+    onClose: () => e.handleCloseRequest(),
+    lockBodyScroll: i().lockBodyScroll,
+    trapFocus: i().trapFocus,
+    closeOnEscape: i().closeOnEscape,
+    blockHotkeys: !0,
+    blockWheel: i().blockWheel,
+    blockTouchMove: i().blockTouchMove,
+    autoFocus: i().autoFocus,
+    restoreFocus: !0
+  }), o(s, {
+    get when() {
+      return l.open;
+    },
+    get children() {
+      return o(_.section, {
+        ref(t) {
+          var n = v;
+          typeof n == "function" ? n(t) : v = t;
+        },
+        class: "notes-overlay",
+        role: "dialog",
+        get "aria-modal"() {
+          return i().ariaModal;
+        },
+        "aria-label": "Notes overlay",
+        get "data-notes-interaction-mode"() {
+          return i().mode;
+        },
+        tabIndex: -1,
+        initial: {
+          opacity: 0
+        },
+        animate: {
+          opacity: 1
+        },
+        get transition() {
+          return {
+            duration: T.fast
+          };
+        },
+        get children() {
+          return [o(_.div, {
+            class: "notes-overlay__frame",
+            initial: {
+              opacity: 0,
+              y: 18,
+              scale: 0.986
+            },
+            animate: {
+              opacity: 1,
+              y: 0,
+              scale: 1
+            },
+            get transition() {
+              return {
+                duration: T.normal,
+                easing: O.easeOut
+              };
+            },
+            get children() {
+              return [(() => {
+                var t = z(), n = t.firstChild, r = n.firstChild, g = r.nextSibling, p = g.nextSibling, y = p.firstChild, d = p.nextSibling, w = d.firstChild, b = d.nextSibling, M = b.firstChild, N = n.nextSibling, h = N.firstChild;
+                return a(p, () => e.header.topicCount(), y), a(d, () => e.header.totalLiveNotes(), w), a(d, () => e.header.totalLiveNotes() === 1 ? "" : "s", null), a(b, () => e.header.trashCount(), M), h.$$click = () => e.handleCloseRequest(), a(h, o(D, {
+                  class: "w-4 h-4"
+                })), t;
+              })(), (() => {
+                var t = q(), n = t.firstChild;
+                return a(t, o(P, {
+                  get topics() {
+                    return e.rail.topics();
+                  },
+                  get activeTopicID() {
+                    return e.rail.activeTopicID();
+                  },
+                  get draftTopicTitle() {
+                    return e.rail.draftTopicTitle();
+                  },
+                  get renamingTopicID() {
+                    return e.rail.renamingTopicID();
+                  },
+                  get renamingTopicTitle() {
+                    return e.rail.renamingTopicTitle();
+                  },
+                  get getLiveNoteCount() {
+                    return e.rail.getLiveNoteCount;
+                  },
+                  get onDraftTopicTitleChange() {
+                    return e.rail.setDraftTopicTitle;
+                  },
+                  onSubmitTopic: () => {
+                    e.rail.submitTopic();
+                  },
+                  get onSelectTopic() {
+                    return e.rail.selectTopic;
+                  },
+                  get onStartRename() {
+                    return e.rail.startTopicRename;
+                  },
+                  get onRenamingTopicTitleChange() {
+                    return e.rail.setRenamingTopicTitle;
+                  },
+                  onSaveRename: () => {
+                    e.rail.saveTopicRename();
+                  },
+                  get onCancelRename() {
+                    return e.rail.cancelTopicRename;
+                  },
+                  onDeleteTopic: (r) => {
+                    e.rail.deleteTopic(r);
+                  }
+                }), n), a(t, o(I, {
+                  get activeTopic() {
+                    return e.board.activeTopic();
+                  },
+                  get activeTopicLabel() {
+                    return e.board.activeTopicLabel();
+                  },
+                  get activeItems() {
+                    return e.board.activeItems();
+                  },
+                  get activeTopicID() {
+                    return e.board.activeTopicID();
+                  },
+                  get topics() {
+                    return e.board.topics();
+                  },
+                  get topZIndex() {
+                    return e.board.topZIndex();
+                  },
+                  get viewport() {
+                    return e.board.viewport();
+                  },
+                  get boardScaleLabel() {
+                    return e.board.boardScaleLabel();
+                  },
+                  get isMobile() {
+                    return e.board.isMobile();
+                  },
+                  get overviewOpen() {
+                    return e.board.overviewOpen();
+                  },
+                  get optimisticFrontNoteID() {
+                    return e.board.optimisticFrontNoteID();
+                  },
+                  get copiedNoteID() {
+                    return e.board.copiedNoteID();
+                  },
+                  get setCanvasFrameRef() {
+                    return e.board.setCanvasFrameRef;
+                  },
+                  get onViewportCommit() {
+                    return e.board.commitViewport;
+                  },
+                  get onCanvasContextMenu() {
+                    return e.board.openCanvasContextMenu;
+                  },
+                  get onZoomOut() {
+                    return e.board.zoomOut;
+                  },
+                  get onZoomIn() {
+                    return e.board.zoomIn;
+                  },
+                  get onOpenOverview() {
+                    return e.board.openOverview;
+                  },
+                  get onSelectTopic() {
+                    return e.board.selectTopic;
+                  },
+                  onMobileCreateNote: () => {
+                    e.board.mobileCreateNote();
+                  },
+                  onMobilePaste: () => {
+                    e.board.mobilePaste();
+                  },
+                  onCopyNote: (r) => {
+                    e.board.copyNote(r);
+                  },
+                  get onOpenNoteContextMenu() {
+                    return e.board.openNoteContextMenu;
+                  },
+                  get onOpenEditor() {
+                    return e.board.openEditor;
+                  },
+                  onMoveToTrash: (r) => {
+                    e.board.moveToTrash(r);
+                  },
+                  get onStartOptimisticFront() {
+                    return e.board.startOptimisticFront;
+                  },
+                  get onCommitFront() {
+                    return e.board.commitFront;
+                  },
+                  get onCommitMove() {
+                    return e.board.commitMove;
+                  }
+                }), n), a(t, o(s, {
+                  get when() {
+                    return !e.board.isMobile();
+                  },
+                  get children() {
+                    return o(C, {
+                      mode: "desktop",
+                      get items() {
+                        return e.overview.items();
+                      },
+                      get boardScaleLabel() {
+                        return e.board.boardScaleLabel();
+                      },
+                      get viewportStyle() {
+                        return e.overview.viewportStyle();
+                      },
+                      get navigationState() {
+                        return e.overview.navigationState();
+                      },
+                      get onPointerDown() {
+                        return e.overview.beginNavigation;
+                      },
+                      get onZoomOut() {
+                        return e.board.zoomOut;
+                      },
+                      get onZoomIn() {
+                        return e.board.zoomIn;
+                      }
+                    });
+                  }
+                }), n), a(n, o(s, {
+                  get when() {
+                    return !e.trash.open();
+                  },
+                  get children() {
+                    var r = W(), g = r.firstChild;
+                    return m(r, "click", e.trash.openDock, !0), a(g, o(E, {
+                      class: "notes-trash__toggle-icon"
+                    })), f(() => S(r, "aria-label", `Open trash dock${e.trash.count() > 0 ? `, ${e.trash.count()} items` : ""}`)), r;
+                  }
+                })), f(() => n.classList.toggle("is-open", !!e.trash.open())), t;
+              })()];
+            }
+          }), o(s, {
+            get when() {
+              return $(() => !!e.board.isMobile())() && e.board.overviewOpen();
+            },
+            get children() {
+              return o(u, {
+                get children() {
+                  return [(() => {
+                    var t = V();
+                    return m(t, "click", e.overview.close, !0), t;
+                  })(), (() => {
+                    var t = A();
+                    return a(t, o(C, {
+                      mode: "mobile",
+                      get items() {
+                        return e.overview.items();
+                      },
+                      get boardScaleLabel() {
+                        return e.board.boardScaleLabel();
+                      },
+                      get viewportStyle() {
+                        return e.overview.viewportStyle();
+                      },
+                      get navigationState() {
+                        return e.overview.navigationState();
+                      },
+                      get onPointerDown() {
+                        return e.overview.beginNavigation;
+                      },
+                      get onZoomOut() {
+                        return e.board.zoomOut;
+                      },
+                      get onZoomIn() {
+                        return e.board.zoomIn;
+                      },
+                      get onClose() {
+                        return e.overview.close;
+                      }
+                    })), t;
+                  })()];
+                }
+              });
+            }
+          }), o(u, {
+            get children() {
+              return o(B, {
+                get open() {
+                  return e.trash.open();
+                },
+                get groups() {
+                  return e.trash.groups();
+                },
+                get now() {
+                  return e.trash.now();
+                },
+                get canDeleteNow() {
+                  return e.trash.canDeleteNow;
+                },
+                get onClose() {
+                  return e.trash.close;
+                },
+                get onBackdropContextMenu() {
+                  return e.trash.backdropContextMenu;
+                },
+                onRestore: (t) => {
+                  e.trash.restore(t);
+                },
+                onDeleteNow: (t) => {
+                  e.trash.deleteNow(t);
+                },
+                onClearTopicTrash: (t) => {
+                  e.trash.clearTopic(t);
+                }
+              });
+            }
+          }), o(s, {
+            get when() {
+              return e.contextMenu.state();
+            },
+            get children() {
+              return o(u, {
+                get children() {
+                  return [(() => {
+                    var t = H();
+                    return m(t, "click", e.contextMenu.close, !0), t;
+                  })(), o(F, {
+                    get x() {
+                      return e.contextMenu.position()?.left ?? 0;
+                    },
+                    get y() {
+                      return e.contextMenu.position()?.top ?? 0;
+                    },
+                    get items() {
+                      return e.contextMenu.items();
+                    }
+                  })];
+                }
+              });
+            }
+          }), o(s, {
+            get when() {
+              return !!e.editor.note();
+            },
+            get children() {
+              return o(u, {
+                get children() {
+                  return o(R, {
+                    get note() {
+                      return e.editor.note();
+                    },
+                    get draftBody() {
+                      return e.editor.draftBody();
+                    },
+                    get draftColor() {
+                      return e.editor.draftColor();
+                    },
+                    get onDraftBodyChange() {
+                      return e.editor.setDraftBody;
+                    },
+                    get onDraftColorChange() {
+                      return e.editor.setDraftColor;
+                    },
+                    get onClose() {
+                      return e.editor.close;
+                    },
+                    onSave: () => {
+                      e.editor.save();
+                    }
+                  });
+                }
+              });
+            }
+          }), o(u, {
+            get children() {
+              return o(L, {
+                get open() {
+                  return e.manualPaste.open();
+                },
+                get text() {
+                  return e.manualPaste.text();
+                },
+                get onTextChange() {
+                  return e.manualPaste.setText;
+                },
+                get onClose() {
+                  return e.manualPaste.close;
+                },
+                onConfirm: () => {
+                  e.manualPaste.confirm();
+                }
+              });
+            }
+          })];
+        }
+      });
+    }
+  });
+}
+k(["click"]);
+export {
+  le as NotesOverlay
+};

package/dist/components/notes/NotesOverlayLegacy.d.ts

@@ -1,8 +1 @@
-import { type JSX } from 'solid-js';
-import { type NotesController } from './types';
-export interface NotesOverlayProps {
-    open: boolean;
-    onClose: () => void;
-    controller: NotesController;
-}
-export declare function NotesOverlay(props: NotesOverlayProps): JSX.Element;
+export { NotesOverlay, type NotesOverlayProps } from './NotesOverlay';

package/dist/components/notes/NotesOverviewPanel.d.ts

@@ -0,0 +1,22 @@
+import { type JSX } from 'solid-js';
+import type { NotesOverviewNavigationState } from './notesOverlayHelpers';
+export interface NotesOverviewItemView {
+    id: string;
+    className: string;
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
+export interface NotesOverviewPanelProps {
+    mode: 'desktop' | 'mobile';
+    items: readonly NotesOverviewItemView[];
+    boardScaleLabel: string;
+    viewportStyle: JSX.CSSProperties;
+    navigationState: NotesOverviewNavigationState | null;
+    onPointerDown: JSX.EventHandler<HTMLDivElement, PointerEvent>;
+    onZoomOut: () => void;
+    onZoomIn: () => void;
+    onClose?: () => void;
+}
+export declare function NotesOverviewPanel(props: NotesOverviewPanelProps): JSX.Element;

package/dist/components/notes/NotesOverviewPanel.js

@@ -0,0 +1,52 @@
+import { insert as l, createComponent as r, effect as h, className as b, setStyleProperty as d, style as S, template as u, delegateEvents as y } from "solid-js/web";
+import { For as C, Show as x } from "solid-js";
+import { Minus as P, Plus as k, X as Z } from "../icons/index.js";
+var z = /* @__PURE__ */ u('<div class=notes-overview__controls><div class=notes-overview__zoom-group><button type=button class=notes-overview__zoom-button aria-label="Zoom out"></button><button type=button class=notes-overview__zoom-button aria-label="Zoom in"></button></div><button type=button class=notes-overview__close aria-label="Close overview">'), N = /* @__PURE__ */ u("<div data-floe-canvas-interactive=true><div class=notes-overview__surface data-floe-canvas-interactive=true><div class=notes-overview__grid aria-hidden=true></div><div class=notes-overview__viewport></div><div class=notes-overview__hud aria-hidden=true><div class=notes-overview__scale>"), L = /* @__PURE__ */ u("<div>");
+function F(i) {
+  return (() => {
+    var s = N(), v = s.firstChild, m = v.firstChild, c = m.nextSibling, g = c.nextSibling, f = g.firstChild;
+    return s.$$pointerdown = (e) => e.stopPropagation(), v.$$pointerdown = (e) => i.onPointerDown(e), l(v, r(C, {
+      get each() {
+        return i.items;
+      },
+      children: (e) => (() => {
+        var o = L();
+        return h((t) => {
+          var n = `notes-overview__note ${e.className}`, a = `${e.x}%`, _ = `${e.y}%`, w = `${e.width}%`, $ = `${e.height}%`;
+          return n !== t.e && b(o, t.e = n), a !== t.t && d(o, "left", t.t = a), _ !== t.a && d(o, "top", t.a = _), w !== t.o && d(o, "width", t.o = w), $ !== t.i && d(o, "height", t.i = $), t;
+        }, {
+          e: void 0,
+          t: void 0,
+          a: void 0,
+          o: void 0,
+          i: void 0
+        }), o;
+      })()
+    }), c), l(f, () => i.boardScaleLabel), l(v, r(x, {
+      get when() {
+        return i.mode === "mobile";
+      },
+      get children() {
+        var e = z(), o = e.firstChild, t = o.firstChild, n = t.nextSibling, a = o.nextSibling;
+        return t.$$click = () => i.onZoomOut(), l(t, r(P, {
+          class: "w-3.5 h-3.5"
+        })), n.$$click = () => i.onZoomIn(), l(n, r(k, {
+          class: "w-3.5 h-3.5"
+        })), a.$$click = () => i.onClose?.(), l(a, r(Z, {
+          class: "w-4 h-4"
+        })), e;
+      }
+    }), null), h((e) => {
+      var o = `notes-overview notes-overview--${i.mode}`, t = i.navigationState !== null, n = i.viewportStyle;
+      return o !== e.e && b(s, e.e = o), t !== e.t && v.classList.toggle("is-navigating", e.t = t), e.a = S(c, n, e.a), e;
+    }, {
+      e: void 0,
+      t: void 0,
+      a: void 0
+    }), s;
+  })();
+}
+y(["pointerdown", "click"]);
+export {
+  F as NotesOverviewPanel
+};

package/dist/components/notes/NotesTopicRail.d.ts

@@ -0,0 +1,18 @@
+import type { NotesTopic } from './types';
+export interface NotesTopicRailProps {
+    topics: readonly NotesTopic[];
+    activeTopicID: string;
+    draftTopicTitle: string;
+    renamingTopicID: string | null;
+    renamingTopicTitle: string;
+    getLiveNoteCount: (topicID: string) => number;
+    onDraftTopicTitleChange: (value: string) => void;
+    onSubmitTopic: () => void;
+    onSelectTopic: (topicID: string) => void;
+    onStartRename: (topic: NotesTopic) => void;
+    onRenamingTopicTitleChange: (value: string) => void;
+    onSaveRename: () => void;
+    onCancelRename: () => void;
+    onDeleteTopic: (topic: NotesTopic) => void;
+}
+export declare function NotesTopicRail(props: NotesTopicRailProps): import("solid-js").JSX.Element;

package/dist/components/notes/NotesTopicRail.js

@@ -0,0 +1,94 @@
+import { insert as n, createComponent as a, className as T, effect as I, setAttribute as y, template as v, delegateEvents as R } from "solid-js/web";
+import { For as A, Show as L } from "solid-js";
+import { Plus as N, Check as z, X as K, Pencil as F, Trash as X } from "../icons/index.js";
+import { NotesAnimalIcon as j } from "./notesAppearance.js";
+import { topicAccentClass as q } from "./notesOverlayHelpers.js";
+import { Input as k } from "../ui/Input.js";
+var B = /* @__PURE__ */ v('<aside class=notes-overlay__rail data-floe-canvas-interactive=true><section class=notes-overlay__rail-header><div class=notes-overlay__rail-heading>Topics</div><div class=notes-overlay__rail-total></div></section><form class="notes-topic-composer notes-overlay__topic-composer"data-floe-canvas-interactive=true><button type=submit class=notes-topic-composer__button aria-label="Add topic"></button></form><div class=notes-topic-list data-floe-canvas-interactive=true>'), G = /* @__PURE__ */ v('<form class=notes-topic-row__editor><button type=submit class=notes-topic-row__edit-button aria-label="Save topic name"></button><button type=button class=notes-topic-row__edit-button aria-label="Cancel topic edit">'), H = /* @__PURE__ */ v('<div role=button tabindex=0><div></div><div class=notes-topic-row__copy><div class=notes-topic-row__meta> live note</div></div><div class=notes-topic-row__tail><div class=notes-topic-row__count></div><button type=button class=notes-topic-row__edit></button><button type=button class="notes-topic-row__edit notes-topic-row__delete">'), J = /* @__PURE__ */ v("<div class=notes-topic-row__title-line><div class=notes-topic-row__title>");
+function Y(e) {
+  return (() => {
+    var $ = B(), g = $.firstChild, S = g.firstChild, x = S.nextSibling, s = g.nextSibling, f = s.firstChild, D = s.nextSibling;
+    return n(x, () => e.topics.length), s.addEventListener("submit", (i) => {
+      i.preventDefault(), e.onSubmitTopic();
+    }), n(s, a(k, {
+      size: "sm",
+      get value() {
+        return e.draftTopicTitle;
+      },
+      onInput: (i) => e.onDraftTopicTitleChange(i.currentTarget.value),
+      placeholder: "Add topic"
+    }), f), n(f, a(N, {
+      class: "w-3.5 h-3.5"
+    })), n(D, a(A, {
+      get each() {
+        return e.topics;
+      },
+      children: (i) => {
+        const m = () => e.getLiveNoteCount(i.topic_id), h = q(i.icon_accent);
+        return (() => {
+          var c = H(), p = c.firstChild, b = p.nextSibling, d = b.firstChild, P = d.firstChild, E = b.nextSibling, w = E.firstChild, _ = w.nextSibling, u = _.nextSibling;
+          return c.$$keydown = (t) => {
+            t.key !== "Enter" && t.key !== " " || (t.preventDefault(), e.onSelectTopic(i.topic_id));
+          }, c.$$click = () => e.onSelectTopic(i.topic_id), T(c, `notes-topic-row ${h}`), T(p, `notes-topic-mark ${h}`), n(p, a(j, {
+            get iconKey() {
+              return i.icon_key;
+            },
+            class: "notes-topic-mark__icon"
+          })), n(b, a(L, {
+            get when() {
+              return e.renamingTopicID === i.topic_id;
+            },
+            get fallback() {
+              return (() => {
+                var t = J(), l = t.firstChild;
+                return n(l, () => i.name), t;
+              })();
+            },
+            get children() {
+              var t = G(), l = t.firstChild, r = l.nextSibling;
+              return t.$$click = (o) => o.stopPropagation(), t.addEventListener("submit", (o) => {
+                o.preventDefault(), o.stopPropagation(), e.onSaveRename();
+              }), n(t, a(k, {
+                size: "sm",
+                get value() {
+                  return e.renamingTopicTitle;
+                },
+                onInput: (o) => e.onRenamingTopicTitleChange(o.currentTarget.value),
+                onKeyDown: (o) => {
+                  o.key === "Escape" && (o.preventDefault(), o.stopPropagation(), e.onCancelRename());
+                },
+                placeholder: "Topic name"
+              }), l), n(l, a(z, {
+                class: "w-3.5 h-3.5"
+              })), r.$$click = (o) => {
+                o.stopPropagation(), e.onCancelRename();
+              }, n(r, a(K, {
+                class: "w-3.5 h-3.5"
+              })), t;
+            }
+          }), d), n(d, m, P), n(d, () => m() === 1 ? "" : "s", null), n(w, m), _.$$click = (t) => {
+            t.stopPropagation(), e.onStartRename(i);
+          }, n(_, a(F, {
+            class: "w-3.5 h-3.5"
+          })), u.$$click = (t) => {
+            t.stopPropagation(), e.onDeleteTopic(i);
+          }, n(u, a(X, {
+            class: "w-3.5 h-3.5"
+          })), I((t) => {
+            var l = i.topic_id === e.activeTopicID, r = `Edit topic ${i.name}`, o = `Delete topic ${i.name}`, C = e.topics.length <= 1;
+            return l !== t.e && c.classList.toggle("is-active", t.e = l), r !== t.t && y(_, "aria-label", t.t = r), o !== t.a && y(u, "aria-label", t.a = o), C !== t.o && (u.disabled = t.o = C), t;
+          }, {
+            e: void 0,
+            t: void 0,
+            a: void 0,
+            o: void 0
+          }), c;
+        })();
+      }
+    })), $;
+  })();
+}
+R(["click", "keydown"]);
+export {
+  Y as NotesTopicRail
+};

package/dist/components/notes/NotesTrashFlyout.d.ts

@@ -0,0 +1,13 @@
+import type { NotesTrashGroup } from './types';
+export interface NotesTrashFlyoutProps {
+    open: boolean;
+    groups: readonly NotesTrashGroup[];
+    now: number;
+    canDeleteNow: boolean;
+    onClose: () => void;
+    onBackdropContextMenu?: (event: MouseEvent) => void;
+    onRestore: (noteID: string) => void;
+    onDeleteNow: (noteID: string) => void;
+    onClearTopicTrash: (topicID: string) => void;
+}
+export declare function NotesTrashFlyout(props: NotesTrashFlyoutProps): import("solid-js").JSX.Element;