@remit/ui 0.0.114 → 0.0.115

package/src/lib/use-match-media.ts

@@ -0,0 +1,25 @@
+import { useEffect, useState } from "react";
+
+/**
+ * A media query read from JS and kept in step with the browser's answer. The
+ * same conditions the CSS gates on — the desktop query above all — decide
+ * behaviour that has no CSS form: which surface a menu opens in, whether a
+ * gesture is bound at all.
+ */
+export const useMatchMedia = (query: string): boolean => {
+	const [matches, setMatches] = useState(() => {
+		if (typeof window === "undefined" || !window.matchMedia) return false;
+		return window.matchMedia(query).matches;
+	});
+
+	useEffect(() => {
+		if (typeof window === "undefined" || !window.matchMedia) return;
+		const media = window.matchMedia(query);
+		setMatches(media.matches);
+		const handler = (event: MediaQueryListEvent) => setMatches(event.matches);
+		media.addEventListener("change", handler);
+		return () => media.removeEventListener("change", handler);
+	}, [query]);
+
+	return matches;
+};

package/src/rich-text.ts

@@ -24,6 +24,11 @@ export {
 	PlainTextEditor,
 	type PlainTextEditorProps,
 } from "./components/plain-text-editor.js";
+export {
+	type CorrectionMenuAnchor,
+	RichTextCorrectionMenu,
+	type RichTextCorrectionMenuProps,
+} from "./components/rich-text-correction-menu.js";
 export {
 	htmlToMarkdown,
 	markdownToHtml,
@@ -42,11 +47,18 @@ export type {
 	ProviderStatus,
 	SpellcheckOptions,
 	SpellProvider,
+	SuggestRequest,
+	SuggestResponse,
 } from "./components/rich-text-spellcheck.js";
 export {
 	openSpellProvider,
 	type SpellWorkerPort,
 } from "./components/rich-text-spellcheck-provider.js";
+export {
+	normaliseWord,
+	SUGGESTION_LIMIT,
+	suggestionsFor,
+} from "./components/rich-text-spellcheck-words.js";
 export {
 	type ComposeCaret,
 	EMPTY_RICH_TEXT,