@tulipfarm/sprout 0.3.0 → 0.4.0

package/dist/components/result-notice.d.ts

@@ -0,0 +1,18 @@
+import type { ComponentProps, ReactNode } from 'react';
+export interface ResultNoticeProps extends Omit<ComponentProps<'div'>, 'children'> {
+    /** How many items the view shows, such as 100. */
+    shown: number;
+    /** How many items exist, as a number or a capped count such as "10000+". */
+    total: number | string;
+    /** The plural name of the items, such as "rows" or "groups". */
+    noun: string;
+    /** A control at the end, such as a button that opens the result in Table. */
+    action?: ReactNode;
+}
+/**
+ * A quiet strip inside a view that says the view shows only part of the
+ * result, such as "Showing the first 100 of 2,431 rows." Mount it whenever a
+ * chart or timeline cuts its result short. It renders nothing when `total` is
+ * an exact count that is not above `shown`, so it never claims more exist.
+ */
+export declare function ResultNotice({ shown, total, noun, action, className, ...props }: ResultNoticeProps): import("react").JSX.Element | null;

package/dist/components/result-notice.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { InfoCircle } from 'reicon-react/icons/InfoCircle';
+import { cn } from '../internal/classes.js';
+const countPattern = /^(\d+)(\+?)$/;
+const formatCount = (value) => {
+    if (typeof value === 'number')
+        return value.toLocaleString('en-US');
+    const match = countPattern.exec(value.trim());
+    return match ? `${Number(match[1]).toLocaleString('en-US')}${match[2]}` : value;
+};
+/** The exact total, or undefined when it is capped ("10000+") or not a count. */
+const exactCount = (value) => {
+    if (typeof value === 'number')
+        return value;
+    const match = countPattern.exec(value.trim());
+    return match && !match[2] ? Number(match[1]) : undefined;
+};
+/**
+ * A quiet strip inside a view that says the view shows only part of the
+ * result, such as "Showing the first 100 of 2,431 rows." Mount it whenever a
+ * chart or timeline cuts its result short. It renders nothing when `total` is
+ * an exact count that is not above `shown`, so it never claims more exist.
+ */
+export function ResultNotice({ shown, total, noun, action, className, ...props }) {
+    const exact = exactCount(total);
+    if (exact !== undefined && exact <= shown)
+        return null;
+    return (_jsxs("div", { "data-slot": "result-notice", className: cn('sprout-result-notice', className), ...props, children: [_jsxs("div", { className: "sprout-result-notice-content", children: [_jsx(InfoCircle, { "aria-hidden": "true", className: "sprout-result-notice-icon" }), _jsxs("p", { role: "status", "data-slot": "result-notice-message", className: "sprout-result-notice-message", children: [shown === 1 ? ('Showing the first of ') : (_jsxs(_Fragment, { children: ["Showing the first ", _jsx("strong", { children: formatCount(shown) }), " of", ' '] })), _jsx("strong", { children: formatCount(total) }), " ", noun, "."] })] }), action != null && action !== false && (_jsx("div", { "data-slot": "result-notice-action", className: "sprout-result-notice-action", children: action }))] }));
+}

package/dist/components/review-card.d.ts

@@ -1,11 +1,11 @@
-import { type ComponentProps, type ReactNode } from "react";
+import { type ComponentProps, type ReactNode } from 'react';
 export declare const reviewCardBadgeVariantNames: readonly ["default", "success", "warning", "info", "secondary", "destructive", "outline"];
 export type ReviewCardBadgeVariant = (typeof reviewCardBadgeVariantNames)[number];
 export type ReviewCardBadge = {
     label: string;
     variant: ReviewCardBadgeVariant;
 };
-export interface ReviewCardProps extends Omit<ComponentProps<"section">, "title" | "children"> {
+export interface ReviewCardProps extends Omit<ComponentProps<'section'>, 'title' | 'children'> {
     /** A 14–16px icon shown in a tile before the title. */
     icon: ReactNode;
     title: string;
@@ -30,10 +30,10 @@ export interface ReviewCardProps extends Omit<ComponentProps<"section">, "title"
  * details; the footer holds the outcome and the decision buttons.
  */
 export declare function ReviewCard({ icon, title, badge, settled, status, actions, children, label, className, ...props }: ReviewCardProps): import("react").JSX.Element;
-export type ReviewRowsProps = ComponentProps<"dl">;
+export type ReviewRowsProps = ComponentProps<'dl'>;
 /** A bordered list of labeled facts, such as Change, Table, and Trigger. */
 export declare function ReviewRows({ className, ...props }: ReviewRowsProps): import("react").JSX.Element;
-export interface ReviewRowProps extends Omit<ComponentProps<"div">, "children"> {
+export interface ReviewRowProps extends Omit<ComponentProps<'div'>, 'children'> {
     label: string;
     /** The value: text, badges, or a stacked new and current value. */
     children: ReactNode;
@@ -44,7 +44,7 @@ export type ReviewStep = {
     summary: ReactNode;
     detail?: ReactNode;
 };
-export interface ReviewStepsProps extends Omit<ComponentProps<"div">, "title" | "children"> {
+export interface ReviewStepsProps extends Omit<ComponentProps<'div'>, 'title' | 'children'> {
     /** Short heading, such as “3 steps”. */
     title: string;
     steps: readonly ReviewStep[];
@@ -55,7 +55,7 @@ export type ReviewValue = {
     name: string;
     value: string;
 };
-export interface ReviewValuesProps extends Omit<ComponentProps<"dl">, "children"> {
+export interface ReviewValuesProps extends Omit<ComponentProps<'dl'>, 'children'> {
     values: readonly ReviewValue[];
 }
 /** Exact names and values in monospace, such as headers or written fields. */

package/dist/components/review-card.js

@@ -1,18 +1,18 @@
-"use client";
+'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useId, useState } from "react";
-import { ChevronDown } from "reicon-react/icons/ChevronDown";
-import { cn } from "../internal/classes.js";
-import { Badge } from "./badge.js";
-import { Collapsible, CollapsibleContent, CollapsibleTrigger, } from "./collapsible.js";
+import { useId, useState } from 'react';
+import { ChevronDown } from 'reicon-react/icons/ChevronDown';
+import { cn } from '../internal/classes.js';
+import { Badge } from './badge.js';
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from './collapsible.js';
 export const reviewCardBadgeVariantNames = [
-    "default",
-    "success",
-    "warning",
-    "info",
-    "secondary",
-    "destructive",
-    "outline",
+    'default',
+    'success',
+    'warning',
+    'info',
+    'secondary',
+    'destructive',
+    'outline',
 ];
 /**
  * A card that asks someone to review a proposed change before it happens:
@@ -29,21 +29,21 @@ export function ReviewCard({ icon, title, badge, settled = false, status, action
     }
     const showActions = open && actions != null && actions !== false;
     const showStatus = status != null && status !== false;
-    return (_jsxs("section", { "data-slot": "review-card", "data-settled": settled || undefined, "data-open": open || undefined, "aria-label": label, "aria-labelledby": label ? undefined : titleId, ...props, className: cn("sprout-review-card", className), children: [_jsxs(Collapsible, { open: open, onOpenChange: setOpen, children: [_jsxs("div", { className: "sprout-review-card-header", children: [_jsx("span", { "aria-hidden": "true", className: "sprout-review-card-icon", children: icon }), _jsx("h4", { id: titleId, className: "sprout-review-card-title", children: _jsx(CollapsibleTrigger, { className: "sprout-review-card-trigger", children: title }) }), _jsx(Badge, { variant: badge.variant, className: "sprout-review-card-badge", children: badge.label }), _jsx(ChevronDown, { size: 16, "aria-hidden": "true", "data-slot": "collapsible-indicator", className: "sprout-review-card-chevron" })] }), _jsx(CollapsibleContent, { variant: "card", children: _jsx("div", { className: "sprout-review-card-body", children: children }) })] }), (showStatus || showActions) && (_jsxs("div", { className: "sprout-review-card-footer", children: [status, showActions && (_jsx("div", { className: "sprout-review-card-actions", children: actions }))] }))] }));
+    return (_jsxs("section", { "data-slot": "review-card", "data-settled": settled || undefined, "data-open": open || undefined, "aria-label": label, "aria-labelledby": label ? undefined : titleId, ...props, className: cn('sprout-review-card', className), children: [_jsxs(Collapsible, { open: open, onOpenChange: setOpen, children: [_jsxs("div", { className: "sprout-review-card-header", children: [_jsx("span", { "aria-hidden": "true", className: "sprout-review-card-icon", children: icon }), _jsx("h4", { id: titleId, className: "sprout-review-card-title", children: _jsx(CollapsibleTrigger, { className: "sprout-review-card-trigger", children: title }) }), _jsx(Badge, { variant: badge.variant, className: "sprout-review-card-badge", children: badge.label }), _jsx(ChevronDown, { size: 16, "aria-hidden": "true", "data-slot": "collapsible-indicator", className: "sprout-review-card-chevron" })] }), _jsx(CollapsibleContent, { variant: "card", children: _jsx("div", { className: "sprout-review-card-body", children: children }) })] }), (showStatus || showActions) && (_jsxs("div", { className: "sprout-review-card-footer", children: [status, showActions && _jsx("div", { className: "sprout-review-card-actions", children: actions })] }))] }));
 }
 /** A bordered list of labeled facts, such as Change, Table, and Trigger. */
 export function ReviewRows({ className, ...props }) {
-    return (_jsx("dl", { "data-slot": "review-rows", ...props, className: cn("sprout-review-rows", className) }));
+    return _jsx("dl", { "data-slot": "review-rows", ...props, className: cn('sprout-review-rows', className) });
 }
 /** One fact: the label on the left and its value on the right. */
 export function ReviewRow({ label, children, className, ...props }) {
-    return (_jsxs("div", { "data-slot": "review-row", ...props, className: cn("sprout-review-row", className), children: [_jsx("dt", { className: "sprout-review-row-label", children: label }), _jsx("dd", { className: "sprout-review-row-value", children: children })] }));
+    return (_jsxs("div", { "data-slot": "review-row", ...props, className: cn('sprout-review-row', className), children: [_jsx("dt", { className: "sprout-review-row-label", children: label }), _jsx("dd", { className: "sprout-review-row-value", children: children })] }));
 }
 /** A numbered list of what will happen, each with optional detail below. */
 export function ReviewSteps({ title, steps, className, ...props }) {
-    return (_jsxs("div", { "data-slot": "review-steps", ...props, className: cn("sprout-review-steps", className), children: [_jsx("h5", { className: "sprout-review-steps-title", children: title }), _jsx("ol", { className: "sprout-review-steps-list", children: steps.map((step, index) => (_jsxs("li", { className: "sprout-review-step", children: [_jsx("span", { "aria-hidden": "true", className: "sprout-review-step-number", children: index + 1 }), _jsxs("div", { className: "sprout-review-step-content", children: [_jsx("p", { className: "sprout-review-step-summary", children: step.summary }), step.detail] })] }, index))) })] }));
+    return (_jsxs("div", { "data-slot": "review-steps", ...props, className: cn('sprout-review-steps', className), children: [_jsx("h5", { className: "sprout-review-steps-title", children: title }), _jsx("ol", { className: "sprout-review-steps-list", children: steps.map((step, index) => (_jsxs("li", { className: "sprout-review-step", children: [_jsx("span", { "aria-hidden": "true", className: "sprout-review-step-number", children: index + 1 }), _jsxs("div", { className: "sprout-review-step-content", children: [_jsx("p", { className: "sprout-review-step-summary", children: step.summary }), step.detail] })] }, index))) })] }));
 }
 /** Exact names and values in monospace, such as headers or written fields. */
 export function ReviewValues({ values, className, ...props }) {
-    return (_jsx("dl", { "data-slot": "review-values", ...props, className: cn("sprout-review-values", className), children: values.map(({ name, value }) => (_jsxs("div", { className: "sprout-review-value", children: [_jsx("dt", { className: "sprout-review-value-name", children: name }), _jsx("dd", { className: "sprout-review-value-text", children: value })] }, name))) }));
+    return (_jsx("dl", { "data-slot": "review-values", ...props, className: cn('sprout-review-values', className), children: values.map(({ name, value }) => (_jsxs("div", { className: "sprout-review-value", children: [_jsx("dt", { className: "sprout-review-value-name", children: name }), _jsx("dd", { className: "sprout-review-value-text", children: value })] }, name))) }));
 }

package/dist/components/rich-text-editor.d.ts

@@ -1,5 +1,5 @@
-import { type ReactNode, type Ref } from "react";
-import { type Editor, type Extensions, type JSONContent } from "@tiptap/core";
+import { type ReactNode, type Ref } from 'react';
+import { type Editor, type Extensions, type JSONContent } from '@tiptap/core';
 export declare const richTextEditorSizeNames: readonly ["default", "compact"];
 export type RichTextEditorSize = (typeof richTextEditorSizeNames)[number];
 /** A Tiptap JSON document, such as `{ type: "doc", content: [{ type: "paragraph" }] }`. */

package/dist/components/rich-text-editor.js

@@ -1,33 +1,28 @@
-"use client";
+'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useImperativeHandle, useMemo, useRef, } from "react";
-import { EditorContent, useEditor } from "@tiptap/react";
-import { Extension, InputRule, } from "@tiptap/core";
-import { Fragment, Slice, } from "@tiptap/pm/model";
-import { Plugin, PluginKey, TextSelection, } from "@tiptap/pm/state";
-import { canSplit } from "@tiptap/pm/transform";
-import StarterKit from "@tiptap/starter-kit";
-import Placeholder from "@tiptap/extension-placeholder";
-import { cn } from "../internal/classes.js";
-export const richTextEditorSizeNames = ["default", "compact"];
+import { useEffect, useImperativeHandle, useMemo, useRef } from 'react';
+import { EditorContent, useEditor } from '@tiptap/react';
+import { Extension, InputRule } from '@tiptap/core';
+import { Fragment, Slice } from '@tiptap/pm/model';
+import { Plugin, PluginKey, TextSelection } from '@tiptap/pm/state';
+import { canSplit } from '@tiptap/pm/transform';
+import StarterKit from '@tiptap/starter-kit';
+import Placeholder from '@tiptap/extension-placeholder';
+import { cn } from '../internal/classes.js';
+export const richTextEditorSizeNames = ['default', 'compact'];
 const fenceLanguage = /^[\w+#.-]{1,32}$/;
 const typedFence = /```([\w+#.-]{1,32})?\s$/;
 const fenceOnly = /^```([\w+#.-]{1,32})?$/;
 const openingFence = /^ {0,3}(?:(`{3,})([^`]*)|(~{3,})(.*))$/;
 function isFenceLine(state) {
     const { $from, empty } = state.selection;
-    if (!empty ||
-        $from.parent.type.name !== "paragraph" ||
-        $from.parentOffset !== $from.parent.content.size)
+    if (!empty || $from.parent.type.name !== 'paragraph' || $from.parentOffset !== $from.parent.content.size)
         return false;
-    return fenceOnly.test($from.parent
-        .textBetween(0, $from.parentOffset, undefined, "\n")
-        .split("\n")
-        .at(-1) ?? "");
+    return fenceOnly.test($from.parent.textBetween(0, $from.parentOffset, undefined, '\n').split('\n').at(-1) ?? '');
 }
 function markdownBlocks(schema, text) {
     const blocks = [];
-    const lines = text.replace(/\r\n?/g, "\n").split("\n");
+    const lines = text.replace(/\r\n?/g, '\n').split('\n');
     while (lines.length) {
         const line = lines.shift();
         const open = openingFence.exec(line);
@@ -39,15 +34,15 @@ function markdownBlocks(schema, text) {
         const fence = open[1] ?? open[3];
         const info = (open[2] ?? open[4]).trim().split(/\s/)[0];
         const closing = new RegExp(`^ {0,3}${fence[0]}{${fence.length},}\\s*$`);
-        const end = lines.findIndex((candidate) => closing.test(candidate));
-        const code = (end === -1 ? lines.splice(0) : lines.splice(0, end + 1).slice(0, -1)).join("\n");
+        const end = lines.findIndex(candidate => closing.test(candidate));
+        const code = (end === -1 ? lines.splice(0) : lines.splice(0, end + 1).slice(0, -1)).join('\n');
         blocks.push(schema.nodes.codeBlock.create({ language: fenceLanguage.test(info) ? info : null }, code ? schema.text(code) : null));
     }
     return blocks;
 }
 // StarterKit's fence rule only fires at the start of a paragraph, but Shift+Enter leaves the fence after a hard break.
 const MarkdownCodeFence = Extension.create({
-    name: "markdownCodeFence",
+    name: 'markdownCodeFence',
     priority: 1000,
     addInputRules() {
         return [
@@ -57,20 +52,17 @@ const MarkdownCodeFence = Extension.create({
                     const { tr, schema } = state;
                     const codeBlock = schema.nodes.codeBlock;
                     const $from = tr.doc.resolve(range.from);
-                    if ($from.parent.type.name !== "paragraph" ||
-                        range.to !== $from.end())
+                    if ($from.parent.type.name !== 'paragraph' || range.to !== $from.end())
                         return null;
                     const before = $from.nodeBefore;
                     const attrs = { language: match[1] ?? null };
                     if (!before) {
-                        if (!$from
-                            .node(-1)
-                            .canReplaceWith($from.index(-1), $from.indexAfter(-1), codeBlock))
+                        if (!$from.node(-1).canReplaceWith($from.index(-1), $from.indexAfter(-1), codeBlock))
                             return null;
                         tr.delete(range.from, range.to).setBlockType(range.from, range.from, codeBlock, attrs);
                         return;
                     }
-                    if (before.type.name !== "hardBreak")
+                    if (before.type.name !== 'hardBreak')
                         return null;
                     const splitAt = range.from - before.nodeSize;
                     tr.delete(splitAt, range.to);
@@ -85,19 +77,16 @@ const MarkdownCodeFence = Extension.create({
     addProseMirrorPlugins() {
         return [
             new Plugin({
-                key: new PluginKey("markdownCodeFencePaste"),
+                key: new PluginKey('markdownCodeFencePaste'),
                 props: {
                     handlePaste: (view, event) => {
-                        const text = event.clipboardData?.getData("text/plain") ?? "";
+                        const text = event.clipboardData?.getData('text/plain') ?? '';
                         if (view.state.selection.$from.parent.type.spec.code ||
-                            !text.split(/\r\n?|\n/).some((line) => openingFence.test(line)))
+                            !text.split(/\r\n?|\n/).some(line => openingFence.test(line)))
                             return false;
                         const blocks = markdownBlocks(view.state.schema, text);
-                        const slice = new Slice(Fragment.from(blocks), blocks[0]?.type.name === "paragraph" ? 1 : 0, blocks.at(-1)?.type.name === "paragraph" ? 1 : 0);
-                        view.dispatch(view.state.tr
-                            .replaceSelection(slice)
-                            .scrollIntoView()
-                            .setMeta("paste", true));
+                        const slice = new Slice(Fragment.from(blocks), blocks[0]?.type.name === 'paragraph' ? 1 : 0, blocks.at(-1)?.type.name === 'paragraph' ? 1 : 0);
+                        view.dispatch(view.state.tr.replaceSelection(slice).scrollIntoView().setMeta('paste', true));
                         return true;
                     },
                 },
@@ -106,26 +95,26 @@ const MarkdownCodeFence = Extension.create({
     },
 });
 const MessageFormatting = Extension.create({
-    name: "messageFormatting",
+    name: 'messageFormatting',
     extendMarkSchema(extension) {
-        if (extension.name === "link")
+        if (extension.name === 'link')
             return { inclusive: false };
         return {};
     },
     addProseMirrorPlugins() {
         return [
             new Plugin({
-                key: new PluginKey("clearDeletedLink"),
+                key: new PluginKey('clearDeletedLink'),
                 appendTransaction(transactions, oldState, state) {
                     const link = state.schema.marks.link;
                     if (!link ||
-                        !transactions.some((transaction) => transaction.docChanged) ||
+                        !transactions.some(transaction => transaction.docChanged) ||
                         state.doc.content.size >= oldState.doc.content.size ||
                         !state.selection.empty ||
-                        !state.storedMarks?.some((mark) => mark.type === link))
+                        !state.storedMarks?.some(mark => mark.type === link))
                         return null;
                     if (state.selection.$from.parent.content.size &&
-                        state.selection.$from.marks().some((mark) => mark.type === link))
+                        state.selection.$from.marks().some(mark => mark.type === link))
                         return null;
                     return state.tr.removeStoredMark(link);
                 },
@@ -140,7 +129,7 @@ function within(state, name) {
             return true;
     return false;
 }
-const allowedProtocols = ["http:", "https:", "mailto:"];
+const allowedProtocols = ['http:', 'https:', 'mailto:'];
 const baseExtensions = [
     StarterKit.configure({
         heading: { levels: [1, 2, 3] },
@@ -150,8 +139,7 @@ const baseExtensions = [
             openOnClick: false,
             isAllowedUri: (url, context) => {
                 const protocol = /^[a-z][a-z\d+.-]*:/i.exec(url)?.[0].toLowerCase();
-                return (context.defaultValidate(url) &&
-                    (!protocol || allowedProtocols.includes(protocol)));
+                return context.defaultValidate(url) && (!protocol || allowedProtocols.includes(protocol));
             },
         },
     }),
@@ -164,9 +152,9 @@ const baseExtensions = [
  * itself `data-slot="input-group-control"`, so an `InputGroup` around it draws
  * the border, focus, and invalid states.
  */
-export function RichTextEditor({ ref, size, condensed = false, value, onChange, onSend, extensions = [], placeholder = "Ask anything…", disabled = false, ariaLabel = "Message", ariaInvalid = false, ariaDescribedBy, ariaExpanded, ariaControls, ariaActiveDescendant, toolbarAddon, className, }) {
-    const scale = size ?? "default";
-    const inline = condensed || scale === "compact";
+export function RichTextEditor({ ref, size, condensed = false, value, onChange, onSend, extensions = [], placeholder = 'Ask anything…', disabled = false, ariaLabel = 'Message', ariaInvalid = false, ariaDescribedBy, ariaExpanded, ariaControls, ariaActiveDescendant, toolbarAddon, className, }) {
+    const scale = size ?? 'default';
+    const inline = condensed || scale === 'compact';
     const onSendRef = useRef(onSend);
     const onChangeRef = useRef(onChange);
     const placeholderRef = useRef(placeholder);
@@ -175,11 +163,7 @@ export function RichTextEditor({ ref, size, condensed = false, value, onChange,
     onChangeRef.current = onChange;
     placeholderRef.current = placeholder;
     suggestionOpenRef.current = ariaExpanded ?? false;
-    const configured = useMemo(() => [
-        ...baseExtensions,
-        Placeholder.configure({ placeholder: () => placeholderRef.current }),
-        ...extensions,
-    ], [extensions]);
+    const configured = useMemo(() => [...baseExtensions, Placeholder.configure({ placeholder: () => placeholderRef.current }), ...extensions], [extensions]);
     const editor = useEditor({
         immediatelyRender: false,
         extensions: configured,
@@ -188,37 +172,37 @@ export function RichTextEditor({ ref, size, condensed = false, value, onChange,
         editorProps: {
             // useEditor re-applies editorProps on every render, so these stay current.
             attributes: {
-                "data-slot": "input-group-control",
-                role: "textbox",
-                "aria-label": ariaLabel,
-                "aria-disabled": String(disabled),
-                "aria-multiline": "true",
-                "aria-autocomplete": "list",
-                "aria-invalid": ariaInvalid ? "true" : "false",
+                'data-slot': 'input-group-control',
+                role: 'textbox',
+                'aria-label': ariaLabel,
+                'aria-disabled': String(disabled),
+                'aria-multiline': 'true',
+                'aria-autocomplete': 'list',
+                'aria-invalid': ariaInvalid ? 'true' : 'false',
                 // ARIA forbids aria-expanded on a textbox; aria-controls and aria-activedescendant carry the open list.
-                ...(ariaDescribedBy && { "aria-describedby": ariaDescribedBy }),
-                ...(ariaControls && { "aria-controls": ariaControls }),
+                ...(ariaDescribedBy && { 'aria-describedby': ariaDescribedBy }),
+                ...(ariaControls && { 'aria-controls': ariaControls }),
                 ...(ariaActiveDescendant && {
-                    "aria-activedescendant": ariaActiveDescendant,
+                    'aria-activedescendant': ariaActiveDescendant,
                 }),
-                class: "sprout-rich-text-editor-content",
+                class: 'sprout-rich-text-editor-content',
             },
             handleKeyDown: (view, event) => {
                 if (event.isComposing)
                     return false;
-                if ((event.metaKey || event.ctrlKey) && event.key === "Enter") {
+                if ((event.metaKey || event.ctrlKey) && event.key === 'Enter') {
                     event.preventDefault();
                     onSendRef.current();
                     return true;
                 }
-                if (event.key === "Enter" && suggestionOpenRef.current)
+                if (event.key === 'Enter' && suggestionOpenRef.current)
                     return false;
-                if (event.key === "Enter" && isFenceLine(view.state))
+                if (event.key === 'Enter' && isFenceLine(view.state))
                     return false;
-                if (event.key === "Enter" &&
+                if (event.key === 'Enter' &&
                     !event.shiftKey &&
-                    !within(view.state, "listItem") &&
-                    !within(view.state, "codeBlock")) {
+                    !within(view.state, 'listItem') &&
+                    !within(view.state, 'codeBlock')) {
                     event.preventDefault();
                     onSendRef.current();
                     return true;
@@ -231,7 +215,7 @@ export function RichTextEditor({ ref, size, condensed = false, value, onChange,
     useImperativeHandle(ref, () => ({
         focus: () => editor?.commands.focus(),
         editor: () => editor,
-        setContent: (content) => editor?.commands.setContent(content, { emitUpdate: true }),
+        setContent: content => editor?.commands.setContent(content, { emitUpdate: true }),
     }), [editor]);
     useEffect(() => {
         editor?.setEditable(!disabled, false);
@@ -244,5 +228,5 @@ export function RichTextEditor({ ref, size, condensed = false, value, onChange,
         if (editor && !editor.state.doc.eq(editor.schema.nodeFromJSON(value)))
             editor.commands.setContent(value, { emitUpdate: false });
     }, [editor, value]);
-    return (_jsxs("div", { "data-slot": "rich-text-editor", "data-size": scale, "data-condensed": condensed || undefined, "data-disabled": disabled || undefined, className: cn("sprout-rich-text-editor", `sprout-rich-text-editor-size-${scale}`, condensed && "sprout-rich-text-editor-condensed", className), children: [_jsx("div", { className: "sprout-rich-text-editor-body", children: _jsx(EditorContent, { editor: editor }) }), toolbarAddon && (_jsx("div", { "data-slot": "rich-text-editor-toolbar", className: cn("sprout-rich-text-editor-toolbar", inline && "sprout-rich-text-editor-toolbar-inline"), children: toolbarAddon }))] }));
+    return (_jsxs("div", { "data-slot": "rich-text-editor", "data-size": scale, "data-condensed": condensed || undefined, "data-disabled": disabled || undefined, className: cn('sprout-rich-text-editor', `sprout-rich-text-editor-size-${scale}`, condensed && 'sprout-rich-text-editor-condensed', className), children: [_jsx("div", { className: "sprout-rich-text-editor-body", children: _jsx(EditorContent, { editor: editor }) }), toolbarAddon && (_jsx("div", { "data-slot": "rich-text-editor-toolbar", className: cn('sprout-rich-text-editor-toolbar', inline && 'sprout-rich-text-editor-toolbar-inline'), children: toolbarAddon }))] }));
 }

package/dist/components/schema-diagram.d.ts

@@ -1,4 +1,4 @@
-import { type HTMLAttributes } from "react";
+import { type HTMLAttributes } from 'react';
 export declare const schemaTableStateNames: readonly ["new", "changed", "unchanged", "linked"];
 export declare const schemaChangeNames: readonly ["added", "changed", "removed"];
 export declare const schemaDiagramLayoutNames: readonly ["auto", "horizontal", "vertical"];
@@ -30,7 +30,7 @@ export interface SchemaLink {
     target: string;
     label: string;
 }
-export interface SchemaDiagramProps extends Omit<HTMLAttributes<HTMLDivElement>, "role" | "children"> {
+export interface SchemaDiagramProps extends Omit<HTMLAttributes<HTMLDivElement>, 'role' | 'children'> {
     tables: readonly SchemaTable[];
     links: readonly SchemaLink[];
     /** Names the diagram for assistive tech, such as “Schema diagram for Launch tracker”. */
@@ -46,7 +46,7 @@ export interface SchemaDiagramProps extends Omit<HTMLAttributes<HTMLDivElement>,
  * with proposed changes marked on each table and field.
  */
 export declare function SchemaDiagram({ tables, links, label, layout: layoutName, className, ...props }: SchemaDiagramProps): import("react").JSX.Element;
-export interface SchemaLegendProps extends Omit<HTMLAttributes<HTMLUListElement>, "children"> {
+export interface SchemaLegendProps extends Omit<HTMLAttributes<HTMLUListElement>, 'children'> {
 }
 /** Explains the change colors, the unique key, and the required mark. */
 export declare function SchemaLegend({ className, ...props }: SchemaLegendProps): import("react").JSX.Element;