quoin-editor 0.4.2 → 1.0.1

package/dist/index.js

@@ -1,2712 +1,184 @@
-'use client';
-
-// src/canvas/BlockCanvas.tsx
-import * as React15 from "react";
+"use client";
 import {
-  DndContext,
-  KeyboardSensor,
-  PointerSensor,
-  closestCenter,
-  useSensor,
-  useSensors
-} from "@dnd-kit/core";
-import { restrictToVerticalAxis } from "@dnd-kit/modifiers";
-import { SortableContext, sortableKeyboardCoordinates, verticalListSortingStrategy } from "@dnd-kit/sortable";
-
-// src/context.tsx
-import * as React from "react";
-import { jsx } from "react/jsx-runtime";
-var QuoinContext = React.createContext(null);
-function QuoinProvider({
-  value,
-  children
-}) {
-  const { blockTypes, upload, resolveAssetUrl, onError } = value;
-  const config = React.useMemo(
-    () => ({
-      blockTypes,
-      upload,
-      // Identity default: an empty key resolves to an empty string, which stays falsy
-      // wherever a resolved URL is tested for "no asset chosen yet".
-      resolveAssetUrl: resolveAssetUrl ?? ((key) => key),
-      onError: onError ?? ((error) => console.error(error))
-    }),
-    [blockTypes, upload, resolveAssetUrl, onError]
-  );
-  return /* @__PURE__ */ jsx(QuoinContext.Provider, { value: config, children });
-}
-function useQuoin() {
-  const config = React.useContext(QuoinContext);
-  if (!config) throw new Error("useQuoin must be used inside a QuoinProvider.");
-  return config;
-}
-
-// src/registry.ts
-function defineBlock(definition) {
-  return definition;
-}
-function blockByType(definitions, type) {
-  for (let i = definitions.length - 1; i >= 0; i -= 1) {
-    if (definitions[i].type === type) return definitions[i];
-  }
-  return void 0;
-}
-function paletteBlocks(definitions) {
-  const seen2 = /* @__PURE__ */ new Set();
-  const out = [];
-  for (let i = definitions.length - 1; i >= 0; i -= 1) {
-    const d = definitions[i];
-    if (seen2.has(d.type)) continue;
-    seen2.add(d.type);
-    if (d.inSlashPalette === false) continue;
-    out.push(d);
-  }
-  return out.reverse();
-}
-
-// src/blocks/core.ts
-import { Code as Code2, FileText, MessageSquare, Image, Paperclip } from "lucide-react";
-
-// src/blocks/MarkdownBlockEditor.tsx
-import * as React7 from "react";
-
-// src/upload/FilePickerButton.tsx
-import { Upload } from "lucide-react";
-
-// src/ui/button.tsx
-import * as React2 from "react";
-import { Slot } from "@radix-ui/react-slot";
-import { cva } from "class-variance-authority";
-
-// src/ui/cn.ts
-import { clsx } from "clsx";
-import { twMerge } from "tailwind-merge";
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-
-// src/ui/focus.ts
-var FOCUS_RING = [
-  "outline-hidden",
-  "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-solid",
-  "focus-visible:outline-[var(--quoin-ring)]"
-].join(" ");
-var HIGHLIGHT_BAR = "data-[highlighted]:shadow-[inset_2px_0_0_var(--quoin-foreground)]";
-var SELECTED_BAR = "data-[selected=true]:shadow-[inset_2px_0_0_var(--quoin-foreground)]";
-
-// src/ui/touch-target.ts
-var TAP_TARGET_FLOOR = "pointer-coarse:min-h-11";
-var SQUARE_TAP_TARGET_FLOOR = `${TAP_TARGET_FLOOR} pointer-coarse:min-w-11`;
-var ICON_TAP_TARGET_FLOOR = [
-  "pointer-coarse:before:absolute pointer-coarse:before:top-1/2 pointer-coarse:before:left-1/2",
-  "pointer-coarse:before:size-11 pointer-coarse:before:-translate-x-1/2 pointer-coarse:before:-translate-y-1/2",
-  "pointer-coarse:before:content-['']"
-].join(" ");
-
-// src/ui/button.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
-var buttonVariants = cva(
-  [
-    "inline-flex cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-[color,background-color,border-color,box-shadow,opacity] disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 shrink-0",
-    FOCUS_RING
-  ],
-  {
-    variants: {
-      variant: {
-        default: "bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",
-        destructive: "bg-destructive text-white shadow-xs hover:bg-destructive/90 dark:bg-destructive/60 dark:hover:bg-destructive/75",
-        outline: "border border-input bg-transparent shadow-xs hover:bg-accent hover:text-accent-foreground",
-        secondary: "bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",
-        ghost: "hover:bg-accent hover:text-accent-foreground",
-        link: "text-primary underline-offset-4 hover:underline"
-      },
-      size: {
-        default: `h-9 px-4 py-2 has-[>svg]:px-3 ${TAP_TARGET_FLOOR}`,
-        xs: `h-6 gap-1 rounded-md px-2 text-xs has-[>svg]:px-1.5 [&_svg:not([class*='size-'])]:size-3 ${TAP_TARGET_FLOOR}`,
-        sm: `h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5 ${TAP_TARGET_FLOOR}`,
-        lg: `h-10 rounded-md px-6 has-[>svg]:px-4 ${TAP_TARGET_FLOOR}`,
-        icon: `size-9 ${SQUARE_TAP_TARGET_FLOOR}`,
-        "icon-xs": `size-6 rounded-md [&_svg:not([class*='size-'])]:size-3 ${SQUARE_TAP_TARGET_FLOOR}`,
-        "icon-sm": `size-8 ${SQUARE_TAP_TARGET_FLOOR}`,
-        "icon-lg": `size-10 ${SQUARE_TAP_TARGET_FLOOR}`
-      }
-    },
-    defaultVariants: { variant: "default", size: "default" }
-  }
-);
-var Button = React2.forwardRef(function Button2({ className, variant = "default", size = "default", asChild = false, ...props }, ref) {
-  const Comp = asChild ? Slot : "button";
-  return /* @__PURE__ */ jsx2(
-    Comp,
-    {
-      ref,
-      "data-slot": "button",
-      "data-variant": variant,
-      "data-size": size,
-      className: cn(buttonVariants({ variant, size, className })),
-      ...props
-    }
-  );
-});
-
-// src/upload/FilePickerButton.tsx
-import { jsx as jsx3, jsxs } from "react/jsx-runtime";
-function FilePickerButton({ label, accept, disabled, onPick }) {
-  return /* @__PURE__ */ jsxs("span", { className: "relative inline-flex rounded-md has-[:focus-visible]:outline-2 has-[:focus-visible]:outline-offset-2 has-[:focus-visible]:outline-[var(--quoin-ring)]", children: [
-    /* @__PURE__ */ jsx3(Button, { asChild: true, variant: "outline", size: "sm", children: /* @__PURE__ */ jsxs("span", { "aria-hidden": "true", className: disabled ? "pointer-events-none opacity-50" : void 0, children: [
-      /* @__PURE__ */ jsx3(Upload, { "aria-hidden": "true" }),
-      label
-    ] }) }),
-    /* @__PURE__ */ jsx3(
-      "input",
-      {
-        type: "file",
-        accept,
-        "aria-label": label,
-        disabled,
-        className: "absolute inset-0 cursor-pointer opacity-0 disabled:cursor-not-allowed",
-        onChange: (e) => {
-          const file = e.target.files?.[0];
-          e.target.value = "";
-          if (file) onPick(file);
-        }
-      }
-    )
-  ] });
-}
-
-// src/markdown/edit.ts
-function changedSpan(before, after) {
-  let start = 0;
-  const shortest = Math.min(before.length, after.length);
-  while (start < shortest && before[start] === after[start]) start += 1;
-  let endBefore = before.length;
-  let endAfter = after.length;
-  while (endBefore > start && endAfter > start && before[endBefore - 1] === after[endAfter - 1]) {
-    endBefore -= 1;
-    endAfter -= 1;
-  }
-  return { start, endBefore, replacement: after.slice(start, endAfter) };
-}
-function writeNatively(el, replacement) {
-  if (typeof document.execCommand !== "function") return false;
-  try {
-    return replacement === "" ? document.execCommand("delete") : document.execCommand("insertText", false, replacement);
-  } catch {
-    return false;
-  }
-}
-function applyEdit(el, edit, commit) {
-  if (el.value !== edit.value) {
-    const { start, endBefore, replacement } = changedSpan(el.value, edit.value);
-    el.setSelectionRange(start, endBefore);
-    if (!writeNatively(el, replacement)) {
-      el.value = edit.value;
-    }
-    commit(el.value);
-  }
-  el.setSelectionRange(edit.selectionStart, edit.selectionEnd);
-}
-
-// src/markdown/line-at.ts
-var FENCE = /^ {0,3}(```|~~~)/;
-function lineAt(value, offset) {
-  const start = value.lastIndexOf("\n", offset - 1) + 1;
-  const next = value.indexOf("\n", offset);
-  const end = next === -1 ? value.length : next;
-  return { start, end, text: value.slice(start, end) };
-}
-function isFenceDelimiter(text) {
-  return FENCE.test(text);
-}
-function insideFence(value, offset) {
-  const lines = value.slice(0, offset).split("\n");
-  if (isFenceDelimiter(lines[lines.length - 1])) return true;
-  let open = false;
-  for (let i = 0; i < lines.length - 1; i += 1) {
-    if (isFenceDelimiter(lines[i])) open = !open;
-  }
-  return open;
-}
-
-// src/markdown/insert-command.ts
-function insertCommand(command, value, caret) {
-  const line = lineAt(value, caret);
-  const before = value.slice(line.start, caret).replace(/[ \t]+$/, "");
-  const cut = line.start + before.length;
-  const prefix = before.trim() === "" ? "" : command.separate ? "\n\n" : "\n";
-  const at = cut + prefix.length + command.caretOffset;
-  return {
-    value: value.slice(0, cut) + prefix + command.insert + value.slice(caret),
-    selectionStart: at,
-    selectionEnd: at + (command.selectLength ?? 0)
-  };
-}
-
-// src/markdown/platform.ts
-function isMac() {
-  if (typeof navigator === "undefined") return false;
-  const { userAgentData, platform } = navigator;
-  return /mac|iphone|ipad/i.test(userAgentData?.platform || platform || "");
-}
-
-// src/markdown/shortcut-label.ts
-var MAC_LABEL = { mod: "\u2318", alt: "\u2325", shift: "\u21E7" };
-var OTHER_LABEL = { mod: "Ctrl", alt: "Alt", shift: "Shift" };
-function formatShortcut(hint) {
-  const mac = isMac();
-  const labels = mac ? MAC_LABEL : OTHER_LABEL;
-  const parts = hint.split("+").map((part) => labels[part] ?? part.toUpperCase());
-  return parts.join(mac ? "" : "+");
-}
-
-// src/ui/dialog.tsx
-import * as DialogPrimitive from "@radix-ui/react-dialog";
-import { XIcon } from "lucide-react";
-import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
-function Dialog(props) {
-  return /* @__PURE__ */ jsx4(DialogPrimitive.Root, { "data-slot": "dialog", ...props });
-}
-function DialogPortal(props) {
-  return /* @__PURE__ */ jsx4(DialogPrimitive.Portal, { "data-slot": "dialog-portal", ...props });
-}
-function DialogOverlay({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx4(
-    DialogPrimitive.Overlay,
-    {
-      "data-slot": "dialog-overlay",
-      className: cn(
-        "quoin fixed inset-0 z-50 bg-black/50 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function DialogContent({
-  className,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs2(DialogPortal, { children: [
-    /* @__PURE__ */ jsx4(DialogOverlay, {}),
-    /* @__PURE__ */ jsxs2(
-      DialogPrimitive.Content,
-      {
-        "data-slot": "dialog-content",
-        className: cn(
-          "quoin bg-popover fixed top-[50%] left-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
-          className
-        ),
-        ...props,
-        children: [
-          children,
-          /* @__PURE__ */ jsxs2(
-            DialogPrimitive.Close,
-            {
-              className: cn(
-                "absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100",
-                FOCUS_RING,
-                ICON_TAP_TARGET_FLOOR
-              ),
-              children: [
-                /* @__PURE__ */ jsx4(XIcon, {}),
-                /* @__PURE__ */ jsx4("span", { className: "sr-only", children: "Close" })
-              ]
-            }
-          )
-        ]
-      }
-    )
-  ] });
-}
-function DialogHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx4(
-    "div",
-    {
-      "data-slot": "dialog-header",
-      className: cn("flex flex-col gap-2 text-center sm:text-left", className),
-      ...props
-    }
-  );
-}
-function DialogTitle({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx4(
-    DialogPrimitive.Title,
-    {
-      "data-slot": "dialog-title",
-      className: cn("text-lg leading-none font-semibold", className),
-      ...props
-    }
-  );
-}
-function DialogDescription({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx4(
-    DialogPrimitive.Description,
-    {
-      "data-slot": "dialog-description",
-      className: cn("text-muted-foreground text-sm", className),
-      ...props
-    }
-  );
-}
-
-// src/markdown/ShortcutsReference.tsx
-import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
-var ROWS = [
-  { label: "Open the command palette", keys: "/" },
-  { label: "Bold", keys: formatShortcut("mod+b") },
-  { label: "Italic", keys: formatShortcut("mod+i") },
-  { label: "Inline code", keys: formatShortcut("mod+e") },
-  { label: "Link", keys: formatShortcut("mod+k") },
-  { label: "Heading", keys: formatShortcut("mod+alt+1") },
-  { label: "Subtitle", keys: formatShortcut("mod+alt+2") },
-  { label: "Sub-subtitle", keys: formatShortcut("mod+alt+3") },
-  { label: "Bullet list", keys: formatShortcut("mod+shift+8") },
-  { label: "Numbered list", keys: formatShortcut("mod+shift+7") },
-  { label: "Continue a list, or leave it when the item is empty", keys: "Enter" },
-  { label: "Indent item", keys: "Tab" },
-  { label: "Outdent item", keys: formatShortcut("shift") + "+Tab" }
-];
-function ShortcutsReference({
-  open,
-  onOpenChange
-}) {
-  return /* @__PURE__ */ jsx5(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs3(DialogContent, { className: "sm:max-w-md", children: [
-    /* @__PURE__ */ jsxs3(DialogHeader, { children: [
-      /* @__PURE__ */ jsx5(DialogTitle, { children: "Keyboard shortcuts" }),
-      /* @__PURE__ */ jsx5(DialogDescription, { children: "Formatting without leaving the keyboard." })
-    ] }),
-    /* @__PURE__ */ jsx5("dl", { className: "grid grid-cols-[1fr_auto] gap-x-4 gap-y-2 text-sm", children: ROWS.map((row) => /* @__PURE__ */ jsxs3("div", { className: "col-span-2 grid grid-cols-subgrid items-baseline", children: [
-      /* @__PURE__ */ jsx5("dt", { className: "text-muted-foreground", children: row.label }),
-      /* @__PURE__ */ jsx5("dd", { children: /* @__PURE__ */ jsx5("kbd", { className: "rounded border bg-muted px-1.5 py-0.5 font-mono text-xs", children: row.keys }) })
-    ] }, row.label)) })
-  ] }) });
-}
-
-// src/markdown/SlashPalette.tsx
-import { Keyboard } from "lucide-react";
-
-// src/markdown/commands.ts
+  BlockCanvas,
+  FilePickerButton,
+  QuoinProvider,
+  UploadField,
+  coreBlocks,
+  englishLabels,
+  formatShortcut,
+  resolveLabels,
+  useAutosave,
+  useLabels,
+  useQuoin
+} from "./chunk-LE3F7WIP.js";
 import {
-  Code,
-  Heading1,
-  Heading2,
-  Heading3,
-  List,
-  ListOrdered,
-  ListTodo,
-  Minus,
-  Quote,
-  Table
-} from "lucide-react";
-var TABLE = ["| Column | Column |", "| --- | --- |", "|  |  |"].join("\n");
-var TEXT_COMMANDS = [
-  {
-    id: "heading",
-    label: "Heading",
-    keywords: ["h1", "title", "heading", "big"],
-    icon: Heading1,
-    hint: "mod+alt+1",
-    insert: "# ",
-    caretOffset: 2,
-    separate: false
-  },
-  {
-    id: "subtitle",
-    label: "Subtitle",
-    keywords: ["h2", "subtitle", "section", "subheading"],
-    icon: Heading2,
-    hint: "mod+alt+2",
-    insert: "## ",
-    caretOffset: 3,
-    separate: false
-  },
-  {
-    id: "subsubtitle",
-    label: "Sub-subtitle",
-    keywords: ["h3", "subsubtitle", "minor"],
-    icon: Heading3,
-    hint: "mod+alt+3",
-    insert: "### ",
-    caretOffset: 4,
-    separate: false
-  },
-  {
-    id: "bullet",
-    label: "Bullet list",
-    keywords: ["bullet", "unordered", "ul", "list", "point"],
-    icon: List,
-    hint: "mod+shift+8",
-    insert: "- ",
-    caretOffset: 2,
-    separate: false
-  },
-  {
-    id: "numbered",
-    label: "Numbered list",
-    keywords: ["numbered", "ordered", "ol", "steps"],
-    icon: ListOrdered,
-    hint: "mod+shift+7",
-    insert: "1. ",
-    caretOffset: 3,
-    separate: false
-  },
-  {
-    id: "task",
-    label: "Task list",
-    keywords: ["task", "todo", "checkbox", "checklist"],
-    icon: ListTodo,
-    insert: "- [ ] ",
-    caretOffset: 6,
-    separate: false
-  },
-  {
-    id: "quote",
-    label: "Quote",
-    keywords: ["quote", "blockquote", "citation"],
-    icon: Quote,
-    insert: "> ",
-    caretOffset: 2,
-    separate: false
-  },
-  {
-    id: "code",
-    label: "Code block",
-    keywords: ["code", "snippet", "fence", "pre"],
-    icon: Code,
-    insert: "```\n\n```",
-    caretOffset: 3,
-    separate: true
-  },
-  {
-    id: "divider",
-    label: "Divider",
-    keywords: ["divider", "rule", "hr", "separator", "break"],
-    icon: Minus,
-    insert: "---\n",
-    caretOffset: 4,
-    separate: true
-  },
-  {
-    id: "table",
-    label: "Table",
-    keywords: ["table", "grid", "rows", "columns"],
-    icon: Table,
-    insert: TABLE,
-    caretOffset: 2,
-    selectLength: 6,
-    separate: true
-  }
-];
-
-// src/ui/command.tsx
-import { Command as CommandPrimitive } from "cmdk";
-import { SearchIcon } from "lucide-react";
-import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
-function Command({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx6(
-    CommandPrimitive,
-    {
-      "data-slot": "command",
-      className: cn(
-        "flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function CommandInput({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs4(
-    "div",
-    {
-      "data-slot": "command-input-wrapper",
-      className: "flex h-9 items-center gap-2 border-b px-3",
-      children: [
-        /* @__PURE__ */ jsx6(SearchIcon, { className: "size-4 shrink-0 opacity-50" }),
-        /* @__PURE__ */ jsx6(
-          CommandPrimitive.Input,
-          {
-            "data-slot": "command-input",
-            className: cn(
-              "flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
-              className
-            ),
-            ...props
-          }
-        )
-      ]
-    }
-  );
-}
-function CommandList({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx6(
-    CommandPrimitive.List,
-    {
-      "data-slot": "command-list",
-      className: cn(
-        "max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function CommandEmpty({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx6(
-    CommandPrimitive.Empty,
-    {
-      "data-slot": "command-empty",
-      className: "py-6 text-center text-sm",
-      ...props
-    }
-  );
-}
-function CommandGroup({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx6(
-    CommandPrimitive.Group,
-    {
-      "data-slot": "command-group",
-      className: cn(
-        "overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function CommandItem({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx6(
-    CommandPrimitive.Item,
-    {
-      "data-slot": "command-item",
-      className: cn(
-        "relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground",
-        SELECTED_BAR,
-        className
-      ),
-      ...props
-    }
-  );
-}
-function CommandShortcut({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx6(
-    "span",
-    {
-      "data-slot": "command-shortcut",
-      className: cn(
-        "ml-auto text-xs tracking-widest text-muted-foreground",
-        className
-      ),
-      ...props
-    }
-  );
-}
-
-// src/ui/popover.tsx
-import * as PopoverPrimitive from "@radix-ui/react-popover";
-import { jsx as jsx7 } from "react/jsx-runtime";
-function Popover(props) {
-  return /* @__PURE__ */ jsx7(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
-}
-function PopoverAnchor(props) {
-  return /* @__PURE__ */ jsx7(PopoverPrimitive.Anchor, { "data-slot": "popover-anchor", ...props });
-}
-function PopoverContent({ className, align = "center", sideOffset = 4, ...props }) {
-  return /* @__PURE__ */ jsx7(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx7(
-    PopoverPrimitive.Content,
-    {
-      "data-slot": "popover-content",
-      align,
-      sideOffset,
-      className: cn(
-        "quoin bg-popover text-popover-foreground z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden",
-        className
-      ),
-      ...props
-    }
-  ) });
-}
-
-// src/markdown/SlashPalette.tsx
-import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
-function SlashPalette({
-  open,
-  caret,
-  onOpenChange,
-  onTextCommand,
-  onBlockCommand,
-  onShortcuts,
-  onDismiss
-}) {
-  const { blockTypes } = useQuoin();
-  const blockOptions = paletteBlocks(blockTypes);
-  return /* @__PURE__ */ jsxs5(Popover, { open, onOpenChange, children: [
-    /* @__PURE__ */ jsx8(PopoverAnchor, { asChild: true, children: /* @__PURE__ */ jsx8(
-      "span",
-      {
-        "aria-hidden": "true",
-        className: "pointer-events-none absolute",
-        style: caret ? { top: caret.top, left: caret.left, height: caret.height } : { top: 0, left: 0 }
-      }
-    ) }),
-    /* @__PURE__ */ jsx8(
-      PopoverContent,
-      {
-        "aria-label": "Command palette",
-        align: "start",
-        side: "bottom",
-        sideOffset: 4,
-        className: "w-72 p-0",
-        onEscapeKeyDown: (event) => {
-          event.preventDefault();
-          onDismiss();
-        },
-        onCloseAutoFocus: (event) => event.preventDefault(),
-        children: /* @__PURE__ */ jsxs5(Command, { label: "Search commands", children: [
-          /* @__PURE__ */ jsx8(CommandInput, { placeholder: "Search commands" }),
-          /* @__PURE__ */ jsxs5(CommandList, { children: [
-            /* @__PURE__ */ jsx8(CommandEmpty, { children: "No command found." }),
-            /* @__PURE__ */ jsx8(CommandGroup, { heading: "Text", children: TEXT_COMMANDS.map((command) => /* @__PURE__ */ jsxs5(
-              CommandItem,
-              {
-                value: `${command.label} ${command.keywords.join(" ")}`,
-                onSelect: () => onTextCommand(command),
-                children: [
-                  /* @__PURE__ */ jsx8(command.icon, { "aria-hidden": "true" }),
-                  /* @__PURE__ */ jsx8("span", { children: command.label }),
-                  command.hint ? /* @__PURE__ */ jsx8(CommandShortcut, { children: formatShortcut(command.hint) }) : null
-                ]
-              },
-              command.id
-            )) }),
-            /* @__PURE__ */ jsx8(CommandGroup, { heading: "Blocks", children: blockOptions.map((option) => /* @__PURE__ */ jsxs5(CommandItem, { value: option.label, onSelect: () => onBlockCommand(option.type), children: [
-              /* @__PURE__ */ jsx8(option.icon, { "aria-hidden": "true" }),
-              /* @__PURE__ */ jsx8("span", { children: option.label })
-            ] }, option.type)) }),
-            /* @__PURE__ */ jsx8(CommandGroup, { children: /* @__PURE__ */ jsxs5(CommandItem, { value: "keyboard shortcuts help", onSelect: onShortcuts, children: [
-              /* @__PURE__ */ jsx8(Keyboard, { "aria-hidden": "true" }),
-              /* @__PURE__ */ jsx8("span", { children: "Keyboard shortcuts" })
-            ] }) })
-          ] })
-        ] })
-      }
-    )
-  ] });
-}
-
-// src/markdown/useMarkdownKeymap.ts
-import * as React3 from "react";
-
-// src/markdown/list-continuation.ts
-var LIST_MARKER = /^(\s*)((?:[-*+] \[[ xX]\] )|(?:[-*+] )|(?:\d+[.)] )|(?:> ))(.*)$/;
-var INDENT = "  ";
-function nextMarker(marker) {
-  const ordered = /^(\d+)([.)] )$/.exec(marker);
-  if (ordered) return `${Number(ordered[1]) + 1}${ordered[2]}`;
-  const task = /^([-*+]) \[[ xX]\] $/.exec(marker);
-  if (task) return `${task[1]} [ ] `;
-  return marker;
-}
-function climbOut(value, line, indent, marker, content) {
-  const outdent = indent.length >= INDENT.length;
-  if (outdent) {
-    const text2 = indent.slice(INDENT.length) + marker + content;
-    const at2 = line.start + indent.length - INDENT.length + marker.length;
-    return {
-      value: value.slice(0, line.start) + text2 + value.slice(line.end),
-      selectionStart: at2,
-      selectionEnd: at2
-    };
-  }
-  const leavesList = line.start > 0 && LIST_MARKER.test(lineAt(value, line.start - 1).text);
-  const text = leavesList ? `
-${content}` : content;
-  const at = leavesList ? line.start + 1 : line.start;
-  return {
-    value: value.slice(0, line.start) + text + value.slice(line.end),
-    selectionStart: at,
-    selectionEnd: at
-  };
-}
-function continueList(value, caret, key) {
-  if (insideFence(value, caret)) return null;
-  const line = lineAt(value, caret);
-  const match = LIST_MARKER.exec(line.text);
-  if (!match) return null;
-  const [, indent, marker, content] = match;
-  if (key === "Backspace") {
-    if (caret !== line.start + indent.length + marker.length) return null;
-    return climbOut(value, line, indent, marker, content);
-  }
-  if (content.trim() === "") return climbOut(value, line, indent, marker, content);
-  const inserted = `
-${indent}${nextMarker(marker)}`;
-  const at = caret + inserted.length;
-  return {
-    value: value.slice(0, caret) + inserted + value.slice(caret),
-    selectionStart: at,
-    selectionEnd: at
-  };
-}
-
-// src/markdown/indent-list.ts
-var INDENT2 = "  ";
-function indentOf(text) {
-  return /^\s*/.exec(text)?.[0].length ?? 0;
-}
-function shift(text, direction, cap) {
-  const current = indentOf(text);
-  if (direction === -1) return text.slice(Math.min(current, INDENT2.length));
-  if (cap !== void 0 && current >= cap + INDENT2.length) return text;
-  return INDENT2 + text;
-}
-function indentList(value, selectionStart, selectionEnd, direction) {
-  if (insideFence(value, selectionStart)) return null;
-  const first = lineAt(value, selectionStart);
-  const last = lineAt(value, selectionEnd);
-  const block = value.slice(first.start, last.end);
-  const lines = block.split("\n");
-  if (!lines.every((text) => LIST_MARKER.test(text))) return null;
-  const cap = first.start === 0 ? 0 : indentOf(lineAt(value, first.start - 1).text);
-  const shifted = lines.map((text, i) => shift(text, direction, i === 0 ? cap : void 0));
-  if (shifted.every((text, i) => text === lines[i])) return null;
-  const joined = shifted.join("\n");
-  return {
-    value: value.slice(0, first.start) + joined + value.slice(last.end),
-    selectionStart: selectionStart + (shifted[0].length - lines[0].length),
-    selectionEnd: selectionEnd + (joined.length - block.length)
-  };
-}
-
-// src/markdown/line-toggles.ts
-var EXISTING = /^(\s*)(?:#{1,6} |[-*+] \[[ xX]\] |[-*+] |\d+[.)] )?/;
-var PREFIX = {
-  h1: () => "# ",
-  h2: () => "## ",
-  h3: () => "### ",
-  bullet: () => "- ",
-  ordered: (index) => `${index + 1}. `
-};
-var CARRIES = {
-  h1: /^\s*# /,
-  h2: /^\s*## /,
-  h3: /^\s*### /,
-  bullet: /^\s*[-*+] /,
-  ordered: /^\s*\d+[.)] /
-};
-function toggleLinePrefix(kind, value, selectionStart, selectionEnd) {
-  const first = lineAt(value, selectionStart);
-  const last = lineAt(value, selectionEnd);
-  const block = value.slice(first.start, last.end);
-  const lines = block.split("\n");
-  let offset = first.start;
-  const eligible = lines.map((text) => {
-    const at = offset;
-    offset += text.length + 1;
-    return !insideFence(value, at) && !isFenceDelimiter(text);
-  });
-  const carried = lines.every((text, i) => !eligible[i] || CARRIES[kind].test(text));
-  const rewritten = lines.map((text, i) => {
-    if (!eligible[i]) return text;
-    const match = EXISTING.exec(text);
-    const indent = match?.[1] ?? "";
-    const body = text.slice(match?.[0].length ?? 0);
-    return carried ? indent + body : indent + PREFIX[kind](i) + body;
-  });
-  const joined = rewritten.join("\n");
-  const next = value.slice(0, first.start) + joined + value.slice(last.end);
-  if (selectionStart !== selectionEnd) {
-    return { value: next, selectionStart: first.start, selectionEnd: first.start + joined.length };
-  }
-  const caret = Math.max(first.start, selectionStart + (rewritten[0].length - lines[0].length));
-  return { value: next, selectionStart: caret, selectionEnd: caret };
-}
-
-// src/markdown/slash-trigger.ts
-function shouldOpenPalette(value, selectionStart, selectionEnd) {
-  if (selectionStart !== selectionEnd) return false;
-  if (insideFence(value, selectionStart)) return false;
-  if (selectionStart === 0) return true;
-  const previous = value[selectionStart - 1];
-  return previous === "\n" || previous === " " || previous === "	";
-}
-
-// src/markdown/wrap-selection.ts
-var DELIMITER = {
-  bold: "**",
-  italic: "_",
-  code: "`"
-};
-var WHOLE_LINK = /^\[([^\]]*)\]\(([^)]*)\)$/;
-var BARE_URL = /^https?:\/\/[^\s]+$/;
-function unwrap(value, start, end, delimiter) {
-  const selected = value.slice(start, end);
-  const width = delimiter.length;
-  if (selected.length >= 2 * width && selected.startsWith(delimiter) && selected.endsWith(delimiter)) {
-    const inner = selected.slice(width, selected.length - width);
-    return {
-      value: value.slice(0, start) + inner + value.slice(end),
-      selectionStart: start,
-      selectionEnd: start + inner.length
-    };
-  }
-  const outside = start >= width && value.slice(start - width, start) === delimiter && value.slice(end, end + width) === delimiter;
-  if (!outside) return null;
-  return {
-    value: value.slice(0, start - width) + selected + value.slice(end + width),
-    selectionStart: start - width,
-    selectionEnd: start - width + selected.length
-  };
-}
-function link(value, start, end) {
-  const selected = value.slice(start, end);
-  const whole = WHOLE_LINK.exec(selected);
-  if (whole) {
-    const text = whole[1];
-    return {
-      value: value.slice(0, start) + text + value.slice(end),
-      selectionStart: start,
-      selectionEnd: start + text.length
-    };
-  }
-  const opened = `[${selected}](`;
-  const at = selected === "" ? start + 1 : start + opened.length;
-  return {
-    value: value.slice(0, start) + opened + ")" + value.slice(end),
-    selectionStart: at,
-    selectionEnd: at
-  };
-}
-function wrapSelection(kind, value, selectionStart, selectionEnd) {
-  if (kind === "link") return link(value, selectionStart, selectionEnd);
-  const delimiter = DELIMITER[kind];
-  const stripped = unwrap(value, selectionStart, selectionEnd, delimiter);
-  if (stripped) return stripped;
-  const selected = value.slice(selectionStart, selectionEnd);
-  if (kind === "code" && selected.includes("\n")) {
-    const at2 = selectionStart + 4;
-    return {
-      value: value.slice(0, selectionStart) + "```\n" + selected + "\n```" + value.slice(selectionEnd),
-      selectionStart: at2,
-      selectionEnd: at2 + selected.length
-    };
-  }
-  const at = selectionStart + delimiter.length;
-  return {
-    value: value.slice(0, selectionStart) + delimiter + selected + delimiter + value.slice(selectionEnd),
-    selectionStart: at,
-    selectionEnd: at + selected.length
-  };
-}
-function linkPaste(value, selectionStart, selectionEnd, pasted) {
-  if (selectionStart === selectionEnd) return null;
-  const url = pasted.trim();
-  if (!BARE_URL.test(url)) return null;
-  const inserted = `[${value.slice(selectionStart, selectionEnd)}](${url})`;
-  const at = selectionStart + inserted.length;
-  return {
-    value: value.slice(0, selectionStart) + inserted + value.slice(selectionEnd),
-    selectionStart: at,
-    selectionEnd: at
-  };
-}
-
-// src/markdown/useMarkdownKeymap.ts
-var WRAP = { b: "bold", i: "italic", e: "code", k: "link" };
-var HEADING = { Digit1: "h1", Digit2: "h2", Digit3: "h3" };
-var LIST = { Digit7: "ordered", Digit8: "bullet" };
-function useMarkdownKeymap({
-  commit,
-  onOpenPalette
-}) {
-  const onKeyDown = React3.useCallback(
-    (event) => {
-      if (event.nativeEvent.isComposing || event.keyCode === 229) return;
-      const el = event.currentTarget;
-      const { value, selectionStart, selectionEnd } = el;
-      const mod = isMac() ? event.metaKey : event.ctrlKey;
-      const run = (edit) => {
-        if (!edit) return;
-        event.preventDefault();
-        applyEdit(el, edit, commit);
-      };
-      if (mod && event.altKey) {
-        const kind = HEADING[event.code];
-        if (kind) run(toggleLinePrefix(kind, value, selectionStart, selectionEnd));
-        return;
-      }
-      if (mod && event.shiftKey) {
-        const kind = LIST[event.code];
-        if (kind) run(toggleLinePrefix(kind, value, selectionStart, selectionEnd));
-        return;
-      }
-      if (mod) {
-        const kind = WRAP[event.key.toLowerCase()];
-        if (kind) run(wrapSelection(kind, value, selectionStart, selectionEnd));
-        return;
-      }
-      if (event.key === "/") {
-        if (!shouldOpenPalette(value, selectionStart, selectionEnd)) return;
-        event.preventDefault();
-        onOpenPalette();
-        return;
-      }
-      if (event.key === "Enter" && !event.shiftKey) {
-        run(continueList(value, selectionStart, "Enter"));
-        return;
-      }
-      if (event.key === "Backspace" && selectionStart === selectionEnd) {
-        run(continueList(value, selectionStart, "Backspace"));
-        return;
-      }
-      if (event.key === "Tab") {
-        run(indentList(value, selectionStart, selectionEnd, event.shiftKey ? -1 : 1));
-      }
-    },
-    [commit, onOpenPalette]
-  );
-  const onPaste = React3.useCallback(
-    (event) => {
-      const el = event.currentTarget;
-      const edit = linkPaste(
-        el.value,
-        el.selectionStart,
-        el.selectionEnd,
-        event.clipboardData.getData("text/plain")
-      );
-      if (!edit) return;
-      event.preventDefault();
-      applyEdit(el, edit, commit);
-    },
-    [commit]
-  );
-  return { onKeyDown, onPaste };
-}
-
-// src/markdown/useSlashPalette.ts
-import * as React4 from "react";
-
-// src/markdown/caret-coordinates.ts
-var COPIED = [
-  "boxSizing",
-  "fontFamily",
-  "fontSize",
-  "fontStyle",
-  "fontWeight",
-  "letterSpacing",
-  "lineHeight",
-  "paddingBottom",
-  "paddingLeft",
-  "paddingRight",
-  "paddingTop",
-  "textIndent",
-  "textTransform",
-  "wordBreak",
-  "wordSpacing",
-  "borderBottomWidth",
-  "borderLeftWidth",
-  "borderRightWidth",
-  "borderTopWidth"
-];
-function caretRect(el) {
-  if (el.offsetWidth === 0) return null;
-  const style = window.getComputedStyle(el);
-  const mirror = document.createElement("div");
-  for (const property of COPIED) mirror.style[property] = style[property];
-  mirror.style.position = "absolute";
-  mirror.style.top = "0";
-  mirror.style.left = "-9999px";
-  mirror.style.visibility = "hidden";
-  mirror.style.whiteSpace = "pre-wrap";
-  mirror.style.overflowWrap = "break-word";
-  mirror.style.width = `${el.clientWidth}px`;
-  mirror.textContent = el.value.slice(0, el.selectionStart);
-  const marker = document.createElement("span");
-  marker.textContent = "\u200B";
-  mirror.appendChild(marker);
-  document.body.appendChild(mirror);
-  const top = marker.offsetTop;
-  const left = marker.offsetLeft;
-  const height = marker.offsetHeight || Number.parseFloat(style.lineHeight) || 0;
-  mirror.remove();
-  if (height === 0) return null;
-  return { top: top - el.scrollTop, left, height };
-}
-
-// src/markdown/useSlashPalette.ts
-function useSlashPalette(ref) {
-  const [open, setOpen] = React4.useState(false);
-  const [caret, setCaret] = React4.useState(null);
-  const offsetRef = React4.useRef(0);
-  const openAtCaret = React4.useCallback(() => {
-    const el = ref.current;
-    if (!el) return;
-    offsetRef.current = el.selectionStart;
-    setCaret(caretRect(el));
-    setOpen(true);
-  }, [ref]);
-  return { open, setOpen, caret, offsetRef, openAtCaret };
-}
-
-// src/hooks/useAutoGrow.ts
-import * as React6 from "react";
-
-// src/hooks/use-isomorphic-layout-effect.ts
-import * as React5 from "react";
-var useIsomorphicLayoutEffect = typeof document === "undefined" ? React5.useEffect : React5.useLayoutEffect;
-
-// src/hooks/useAutoGrow.ts
-function useAutoGrow(value) {
-  const ref = React6.useRef(null);
-  const lastWidth = React6.useRef(null);
-  const fit = React6.useCallback(() => {
-    const el = ref.current;
-    if (!el) return;
-    const scroller = document.scrollingElement ?? document.documentElement;
-    const scrollTop = scroller.scrollTop;
-    el.style.height = "auto";
-    if (el.scrollHeight > 0) el.style.height = `${el.scrollHeight}px`;
-    if (scroller.scrollTop !== scrollTop) scroller.scrollTop = scrollTop;
-  }, []);
-  useIsomorphicLayoutEffect(fit, [fit, value]);
-  React6.useEffect(() => {
-    const el = ref.current;
-    if (!el || typeof ResizeObserver === "undefined") return;
-    const observer = new ResizeObserver(([entry]) => {
-      const width = entry.contentRect.width;
-      if (width === lastWidth.current) return;
-      lastWidth.current = width;
-      fit();
-    });
-    observer.observe(el);
-    return () => observer.disconnect();
-  }, [fit]);
-  return ref;
-}
-
-// src/blocks/str.ts
-var str = (v) => typeof v === "string" ? v : "";
-
-// src/blocks/MarkdownBlockEditor.tsx
-import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
-var BOX = [
-  "-mx-2 min-h-7 w-[calc(100%+1rem)] resize-none rounded-md border-0 bg-transparent px-2 py-0",
-  "text-base leading-7 placeholder:text-muted-foreground",
-  "transition-[color,box-shadow]",
-  FOCUS_RING
-].join(" ");
-function MarkdownBlockEditor({ data, onChange, onInsertBlock, onDone }) {
-  const { onError } = useQuoin();
-  const markdown = str(data.markdown);
-  const ref = useAutoGrow(markdown);
-  const palette = useSlashPalette(ref);
-  const [shortcutsOpen, setShortcutsOpen] = React7.useState(false);
-  const set = (patch) => onChange({ ...data, ...patch });
-  const commit = React7.useCallback(
-    (next) => onChange({ ...data, markdown: next }),
-    [data, onChange]
-  );
-  const keymap = useMarkdownKeymap({ commit, onOpenPalette: palette.openAtCaret });
-  function reopenBox() {
-    const el = ref.current;
-    el?.focus({ preventScroll: true });
-    return el ?? null;
-  }
-  function runTextCommand(command) {
-    palette.setOpen(false);
-    const el = reopenBox();
-    if (!el) return;
-    applyEdit(el, insertCommand(command, el.value, palette.offsetRef.current), commit);
-  }
-  function writeLiteralSlash() {
-    palette.setOpen(false);
-    const el = reopenBox();
-    if (!el) return;
-    const at = palette.offsetRef.current;
-    applyEdit(
-      el,
-      { value: `${el.value.slice(0, at)}/${el.value.slice(at)}`, selectionStart: at + 1, selectionEnd: at + 1 },
-      commit
-    );
-  }
-  function readMarkdownFile(file) {
-    const reader = new FileReader();
-    reader.onload = () => {
-      const text = typeof reader.result === "string" ? reader.result : "";
-      if (text.trim() === "") {
-        onError(new Error(`${file.name} is empty.`));
-        return;
-      }
-      set({ markdown: text });
-      onDone?.();
-    };
-    reader.onerror = () => onError(new Error(`Could not read ${file.name}.`));
-    reader.readAsText(file);
-  }
-  return /* @__PURE__ */ jsxs6("div", { className: "relative flex flex-col gap-3", children: [
-    /* @__PURE__ */ jsx9(
-      "textarea",
-      {
-        ref,
-        "aria-label": "Markdown",
-        value: markdown,
-        rows: 1,
-        placeholder: "Write, or press / for commands",
-        onChange: (e) => set({ markdown: e.target.value }),
-        onKeyDown: keymap.onKeyDown,
-        onPaste: keymap.onPaste,
-        className: BOX
-      }
-    ),
-    /* @__PURE__ */ jsx9(
-      SlashPalette,
-      {
-        open: palette.open,
-        caret: palette.caret,
-        onOpenChange: palette.setOpen,
-        onTextCommand: runTextCommand,
-        onBlockCommand: (type) => {
-          palette.setOpen(false);
-          onInsertBlock?.(type);
-          onDone?.();
-        },
-        onShortcuts: () => {
-          palette.setOpen(false);
-          setShortcutsOpen(true);
-        },
-        onDismiss: writeLiteralSlash
-      }
-    ),
-    /* @__PURE__ */ jsx9(ShortcutsReference, { open: shortcutsOpen, onOpenChange: setShortcutsOpen }),
-    markdown.trim() === "" && /* @__PURE__ */ jsx9(
-      FilePickerButton,
-      {
-        label: "Upload .md",
-        accept: ".md,text/markdown,text/plain",
-        onPick: readMarkdownFile
-      }
-    )
-  ] });
-}
-
-// src/ui/select.tsx
-import * as SelectPrimitive from "@radix-ui/react-select";
-import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react";
-import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
-function Select(props) {
-  return /* @__PURE__ */ jsx10(SelectPrimitive.Root, { "data-slot": "select", ...props });
-}
-function SelectValue(props) {
-  return /* @__PURE__ */ jsx10(SelectPrimitive.Value, { "data-slot": "select-value", ...props });
-}
-function SelectTrigger({ className, children, ...props }) {
-  return /* @__PURE__ */ jsxs7(
-    SelectPrimitive.Trigger,
-    {
-      "data-slot": "select-trigger",
-      className: cn(
-        "border-input data-[placeholder]:text-muted-foreground flex h-9 w-full cursor-pointer items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm shadow-xs disabled:cursor-not-allowed disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
-        FOCUS_RING,
-        TAP_TARGET_FLOOR,
-        className
-      ),
-      ...props,
-      children: [
-        children,
-        /* @__PURE__ */ jsx10(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx10(ChevronDownIcon, { className: "size-4 opacity-50" }) })
-      ]
-    }
-  );
-}
-function SelectContent({ className, children, position = "popper", ...props }) {
-  return /* @__PURE__ */ jsx10(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs7(
-    SelectPrimitive.Content,
-    {
-      "data-slot": "select-content",
-      className: cn(
-        "quoin bg-popover text-popover-foreground relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border shadow-md",
-        position === "popper" && "data-[side=bottom]:translate-y-1",
-        className
-      ),
-      position,
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx10(SelectPrimitive.ScrollUpButton, { className: "flex cursor-default items-center justify-center py-1", children: /* @__PURE__ */ jsx10(ChevronUpIcon, { className: "size-4" }) }),
-        /* @__PURE__ */ jsx10(SelectPrimitive.Viewport, { className: cn("p-1", position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"), children }),
-        /* @__PURE__ */ jsx10(SelectPrimitive.ScrollDownButton, { className: "flex cursor-default items-center justify-center py-1", children: /* @__PURE__ */ jsx10(ChevronDownIcon, { className: "size-4" }) })
-      ]
-    }
-  ) });
-}
-function SelectItem({ className, children, ...props }) {
-  return /* @__PURE__ */ jsxs7(
-    SelectPrimitive.Item,
-    {
-      "data-slot": "select-item",
-      className: cn(
-        "focus:bg-accent focus:text-accent-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-        HIGHLIGHT_BAR,
-        TAP_TARGET_FLOOR,
-        className
-      ),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx10("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx10(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx10(CheckIcon, { className: "size-4" }) }) }),
-        /* @__PURE__ */ jsx10(SelectPrimitive.ItemText, { children })
-      ]
-    }
-  );
-}
-
-// src/ui/textarea.tsx
-import * as React8 from "react";
-import { jsx as jsx11 } from "react/jsx-runtime";
-var Textarea = React8.forwardRef(function Textarea2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx11(
-    "textarea",
-    {
-      ref,
-      "data-slot": "textarea",
-      className: cn(
-        "border-input placeholder:text-muted-foreground flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] disabled:pointer-events-none disabled:opacity-50 md:text-sm",
-        FOCUS_RING,
-        "focus-visible:border-ring",
-        "aria-invalid:border-destructive",
-        className
-      ),
-      ...props
-    }
-  );
-});
-
-// src/blocks/CalloutBlockEditor.tsx
-import { jsx as jsx12, jsxs as jsxs8 } from "react/jsx-runtime";
-var CALLOUT_TONES = ["info", "tip", "warning", "success", "danger"];
-function CalloutBlockEditor({ data, onChange }) {
-  const set = (patch) => onChange({ ...data, ...patch });
-  return /* @__PURE__ */ jsxs8("div", { className: "flex flex-col gap-2", children: [
-    /* @__PURE__ */ jsxs8("div", { className: "flex flex-col gap-1", children: [
-      /* @__PURE__ */ jsx12("span", { className: "text-sm font-medium leading-none", children: "Tone" }),
-      /* @__PURE__ */ jsxs8(Select, { value: str(data.tone) || "info", onValueChange: (v) => set({ tone: v }), children: [
-        /* @__PURE__ */ jsx12(SelectTrigger, { "aria-label": "Callout tone", className: "w-40 capitalize", children: /* @__PURE__ */ jsx12(SelectValue, {}) }),
-        /* @__PURE__ */ jsx12(SelectContent, { children: CALLOUT_TONES.map((t) => /* @__PURE__ */ jsx12(SelectItem, { value: t, className: "capitalize", children: t }, t)) })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs8("label", { className: "flex flex-col gap-1", children: [
-      /* @__PURE__ */ jsx12("span", { className: "text-sm font-medium leading-none", children: "Callout text" }),
-      /* @__PURE__ */ jsx12(Textarea, { value: str(data.body), onChange: (e) => set({ body: e.target.value }), className: "text-sm" })
-    ] })
-  ] });
-}
-
-// src/ui/input.tsx
-import * as React9 from "react";
-import { jsx as jsx13 } from "react/jsx-runtime";
-var Input = React9.forwardRef(function Input2({ className, type, ...props }, ref) {
-  return /* @__PURE__ */ jsx13(
-    "input",
-    {
-      ref,
-      type,
-      "data-slot": "input",
-      className: cn(
-        "border-input placeholder:text-muted-foreground flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:opacity-50 md:text-sm",
-        FOCUS_RING,
-        "focus-visible:border-ring",
-        "aria-invalid:border-destructive",
-        TAP_TARGET_FLOOR,
-        className
-      ),
-      ...props
-    }
-  );
-});
-
-// src/blocks/CodeBlockEditor.tsx
-import { jsx as jsx14, jsxs as jsxs9 } from "react/jsx-runtime";
-function CodeBlockEditor({ data, onChange }) {
-  const set = (patch) => onChange({ ...data, ...patch });
-  return /* @__PURE__ */ jsxs9("div", { className: "flex flex-col gap-2", children: [
-    /* @__PURE__ */ jsxs9("label", { className: "flex flex-col gap-1", children: [
-      /* @__PURE__ */ jsx14("span", { className: "text-sm font-medium leading-none", children: "Language" }),
-      /* @__PURE__ */ jsx14(
-        Input,
-        {
-          "aria-label": "Language",
-          value: str(data.language),
-          onChange: (e) => set({ language: e.target.value }),
-          className: "text-sm"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs9("label", { className: "flex flex-col gap-1", children: [
-      /* @__PURE__ */ jsx14("span", { className: "text-sm font-medium leading-none", children: "Code" }),
-      /* @__PURE__ */ jsx14(
-        Textarea,
-        {
-          "aria-label": "Code",
-          value: str(data.code),
-          onChange: (e) => set({ code: e.target.value }),
-          className: "min-h-32 font-mono text-sm"
-        }
-      )
-    ] })
-  ] });
-}
-
-// src/blocks/ImageBlockEditor.tsx
-import { useEffect as useEffect3, useRef as useRef3 } from "react";
-
-// src/upload/UploadField.tsx
-import * as React10 from "react";
-import { jsx as jsx15, jsxs as jsxs10 } from "react/jsx-runtime";
-function UploadField({ category, label, accept, onUploaded }) {
-  const { upload, onError } = useQuoin();
-  const [busy, setBusy] = React10.useState(false);
-  const [error, setError] = React10.useState(null);
-  async function run(file) {
-    if (!upload) return;
-    setBusy(true);
-    setError(null);
-    let result;
-    try {
-      result = await upload(file, category);
-    } catch (cause) {
-      setError(cause instanceof Error && cause.message || "Upload failed.");
-      setBusy(false);
-      return;
-    }
-    try {
-      await onUploaded(result);
-    } catch (cause) {
-      onError(cause instanceof Error ? cause : new Error(String(cause)));
-    } finally {
-      setBusy(false);
-    }
-  }
-  return /* @__PURE__ */ jsxs10("div", { className: "flex flex-col items-start gap-1.5", children: [
-    /* @__PURE__ */ jsx15(
-      FilePickerButton,
-      {
-        label,
-        accept,
-        disabled: busy || !upload,
-        onPick: (file) => void run(file)
-      }
-    ),
-    !upload && /* @__PURE__ */ jsx15("span", { role: "note", className: "text-xs text-muted-foreground", children: "Uploads are not configured for this editor." }),
-    busy && /* @__PURE__ */ jsx15("span", { role: "status", className: "text-xs text-muted-foreground", children: "Uploading..." }),
-    error && /* @__PURE__ */ jsx15("span", { role: "alert", className: "text-xs text-destructive", children: error })
-  ] });
-}
-
-// src/blocks/intrinsic-size.ts
-function intrinsicSize(src) {
-  return new Promise((resolve) => {
-    if (typeof window === "undefined") return resolve(null);
-    const img = new window.Image();
-    img.onload = () => resolve({ width: img.naturalWidth, height: img.naturalHeight });
-    img.onerror = () => resolve(null);
-    img.src = src;
-  });
-}
-
-// src/blocks/ImageBlockEditor.tsx
-import { jsx as jsx16, jsxs as jsxs11 } from "react/jsx-runtime";
-function ImageBlockEditor({ data, onChange }) {
-  const { resolveAssetUrl } = useQuoin();
-  const latest = useRef3(data);
-  useEffect3(() => {
-    latest.current = data;
-  });
-  const set = (patch) => onChange({ ...latest.current, ...patch });
-  const newestKey = useRef3("");
-  const onUploaded = async ({ storageKey }) => {
-    newestKey.current = storageKey;
-    const { width: _width, height: _height, ...unsized } = latest.current;
-    onChange({ ...unsized, storageKey });
-    const src = resolveAssetUrl(storageKey);
-    const size = src ? await intrinsicSize(src) : null;
-    if (size && newestKey.current === storageKey) set({ storageKey, ...size });
-  };
-  return /* @__PURE__ */ jsxs11("div", { className: "flex flex-col gap-2", children: [
-    /* @__PURE__ */ jsx16(UploadField, { category: "image", label: "Upload image", onUploaded }),
-    /* @__PURE__ */ jsxs11("label", { className: "flex flex-col gap-1", children: [
-      /* @__PURE__ */ jsx16("span", { className: "text-sm font-medium leading-none", children: "Alt text" }),
-      /* @__PURE__ */ jsx16(
-        Input,
-        {
-          "aria-label": "Image alt text",
-          value: str(data.alt),
-          onChange: (e) => set({ alt: e.target.value }),
-          className: "text-sm"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs11("label", { className: "flex flex-col gap-1", children: [
-      /* @__PURE__ */ jsx16("span", { className: "text-sm font-medium leading-none", children: "Caption (optional)" }),
-      /* @__PURE__ */ jsx16(
-        Input,
-        {
-          "aria-label": "Image caption",
-          value: str(data.caption),
-          onChange: (e) => set({ caption: e.target.value }),
-          className: "text-sm"
-        }
-      )
-    ] }),
-    str(data.storageKey) && /* @__PURE__ */ jsx16("span", { className: "text-xs text-muted-foreground", children: "Image attached" })
-  ] });
-}
-
-// src/blocks/FileBlockEditor.tsx
-import { jsx as jsx17, jsxs as jsxs12 } from "react/jsx-runtime";
-function FileBlockEditor({ data, onChange }) {
-  const set = (patch) => onChange({ ...data, ...patch });
-  return /* @__PURE__ */ jsxs12("div", { className: "flex flex-col gap-2", children: [
-    /* @__PURE__ */ jsx17(
-      UploadField,
-      {
-        category: "file",
-        label: "Upload file",
-        onUploaded: (r) => set({ storageKey: r.storageKey, filename: r.filename, size: r.size })
-      }
-    ),
-    str(data.filename) && /* @__PURE__ */ jsxs12("span", { className: "text-xs text-muted-foreground", children: [
-      str(data.filename),
-      " \u2713"
-    ] })
-  ] });
-}
-
-// src/blocks/previews.tsx
-import { jsx as jsx18 } from "react/jsx-runtime";
-var HINT = "text-sm text-muted-foreground";
-var TONE = {
-  info: "border-info bg-info/15",
-  tip: "border-primary bg-primary/15",
-  warning: "border-warning bg-warning/15",
-  success: "border-success bg-success/15",
-  danger: "border-destructive bg-destructive/15"
-};
-function MarkdownPreview({ data }) {
-  const markdown = str(data.markdown);
-  if (markdown.trim() === "") return /* @__PURE__ */ jsx18("p", { className: HINT, children: "Empty markdown block" });
-  return /* @__PURE__ */ jsx18("div", { className: "whitespace-pre-wrap text-base leading-7", children: markdown });
-}
-function CodePreview({ data }) {
-  const code = str(data.code);
-  if (code.trim() === "") return /* @__PURE__ */ jsx18("p", { className: HINT, children: "Empty code block" });
-  return /* @__PURE__ */ jsx18("pre", { className: "overflow-x-auto rounded-md bg-muted p-3 text-sm", children: /* @__PURE__ */ jsx18("code", { children: code }) });
-}
-function ImagePreview({ data }) {
-  const { resolveAssetUrl } = useQuoin();
-  const key = str(data.storageKey);
-  if (key === "") return /* @__PURE__ */ jsx18("p", { className: HINT, children: "No image chosen" });
-  return /* @__PURE__ */ jsx18("img", { src: resolveAssetUrl(key), alt: str(data.alt), className: "max-w-full rounded-md" });
-}
-function FilePreview({ data }) {
-  const name = str(data.filename);
-  if (name === "") return /* @__PURE__ */ jsx18("p", { className: HINT, children: "No file chosen" });
-  return /* @__PURE__ */ jsx18("p", { className: "text-sm", children: name });
-}
-function CalloutPreview({ data }) {
-  const body = str(data.body);
-  if (body.trim() === "") return /* @__PURE__ */ jsx18("p", { className: HINT, children: "Empty callout" });
-  const tone = str(data.tone) || "info";
-  const paint = TONE[tone] ?? "border-border bg-muted/50";
-  return /* @__PURE__ */ jsx18("div", { "data-tone": tone, className: `rounded-md border-l-4 ${paint} p-3 text-sm`, children: body });
-}
-
-// src/blocks/core.ts
-var coreBlocks = [
-  defineBlock({
-    type: "MARKDOWN",
-    label: "Markdown",
-    icon: FileText,
-    editor: MarkdownBlockEditor,
-    preview: MarkdownPreview,
-    initialData: () => ({ markdown: "" })
-  }),
-  defineBlock({
-    type: "CALLOUT",
-    label: "Callout",
-    icon: MessageSquare,
-    editor: CalloutBlockEditor,
-    preview: CalloutPreview,
-    initialData: () => ({ tone: "info", body: "" })
-  }),
-  defineBlock({
-    type: "CODE",
-    label: "Code",
-    icon: Code2,
-    editor: CodeBlockEditor,
-    preview: CodePreview,
-    initialData: () => ({ language: "", code: "" })
-  }),
-  defineBlock({
-    type: "IMAGE",
-    label: "Image",
-    icon: Image,
-    editor: ImageBlockEditor,
-    preview: ImagePreview,
-    initialData: () => ({ storageKey: "", alt: "" })
-  }),
-  defineBlock({
-    type: "FILE",
-    label: "File",
-    icon: Paperclip,
-    editor: FileBlockEditor,
-    preview: FilePreview,
-    initialData: () => ({ storageKey: "", filename: "" })
-  })
-];
-
-// src/hooks/useBlockList.ts
-import * as React11 from "react";
-
-// src/hooks/new-block-id.ts
-function newBlockId() {
-  const webCrypto = globalThis.crypto;
-  if (webCrypto && typeof webCrypto.randomUUID === "function") return webCrypto.randomUUID();
-  const random = () => Math.random().toString(36).slice(2, 10);
-  return `blk-${Date.now().toString(36)}-${random()}${random()}`;
-}
-
-// src/hooks/useBlockList.ts
-var removalSeq = 0;
-var UNDO_DEPTH = 20;
-function reducer(state, action) {
-  switch (action.type) {
-    case "insertAt": {
-      const next = [...state.blocks];
-      next.splice(Math.max(0, Math.min(action.index, state.blocks.length)), 0, action.block);
-      return { ...state, blocks: next };
-    }
-    case "update": {
-      return {
-        ...state,
-        blocks: state.blocks.map((b) => b.id === action.id ? { ...b, data: action.data } : b)
-      };
-    }
-    case "remove": {
-      const index = state.blocks.findIndex((b) => b.id === action.id);
-      if (index === -1) return state;
-      const removals = new Map(state.removals);
-      removals.set(action.token, { block: state.blocks[index], index });
-      while (removals.size > UNDO_DEPTH) {
-        const oldest = removals.keys().next();
-        if (oldest.done) break;
-        removals.delete(oldest.value);
-      }
-      return { blocks: state.blocks.filter((b) => b.id !== action.id), removals };
-    }
-    case "undo": {
-      const removal = state.removals.get(action.token);
-      if (!removal) return state;
-      const next = [...state.blocks];
-      next.splice(Math.min(removal.index, state.blocks.length), 0, removal.block);
-      const removals = new Map(state.removals);
-      removals.delete(action.token);
-      return { blocks: next, removals };
-    }
-    case "move": {
-      const j = action.index + action.dir;
-      if (j < 0 || j >= state.blocks.length) return state;
-      const next = [...state.blocks];
-      [next[action.index], next[j]] = [next[j], next[action.index]];
-      return { ...state, blocks: next };
-    }
-    case "reorder": {
-      const { from, to } = action;
-      if (from < 0 || to < 0 || from >= state.blocks.length || to >= state.blocks.length) return state;
-      const next = [...state.blocks];
-      const [moved] = next.splice(from, 1);
-      next.splice(to, 0, moved);
-      return { ...state, blocks: next };
-    }
-    case "reset":
-      return { blocks: action.blocks, removals: /* @__PURE__ */ new Map() };
-  }
-}
-function useBlockList(initial) {
-  const [state, dispatch] = React11.useReducer(reducer, { blocks: initial, removals: /* @__PURE__ */ new Map() });
-  const insertAt = React11.useCallback(
-    (index, type, data = {}) => {
-      const id = newBlockId();
-      dispatch({ type: "insertAt", index, block: { id, type, data } });
-      return id;
-    },
-    []
-  );
-  const update = React11.useCallback((id, data) => {
-    dispatch({ type: "update", id, data });
-  }, []);
-  const remove = React11.useCallback((id) => {
-    removalSeq += 1;
-    const token = removalSeq;
-    dispatch({ type: "remove", id, token });
-    return token;
-  }, []);
-  const undo = React11.useCallback((token) => {
-    dispatch({ type: "undo", token });
-  }, []);
-  const move = React11.useCallback((index, dir) => {
-    dispatch({ type: "move", index, dir });
-  }, []);
-  const reorder = React11.useCallback((from, to) => {
-    dispatch({ type: "reorder", from, to });
-  }, []);
-  const reset = React11.useCallback((blocks) => {
-    dispatch({ type: "reset", blocks });
-  }, []);
-  return { blocks: state.blocks, insertAt, update, remove, undo, move, reorder, reset };
-}
-
-// src/canvas/announcements.ts
-function describeBlock(blocks, blockTypes, id) {
-  const index = blocks.findIndex((b) => b.id === id);
-  if (index === -1) return "block";
-  const { type } = blocks[index];
-  const label = blockByType(blockTypes, type)?.label ?? type;
-  return `${label} block, position ${index + 1} of ${blocks.length}`;
-}
-function buildAnnouncements(blocks, blockTypes) {
-  const describe = (id) => describeBlock(blocks, blockTypes, String(id));
-  return {
-    onDragStart({ active }) {
-      return `Picked up ${describe(active.id)}.`;
-    },
-    onDragOver({ active, over }) {
-      if (!over) return `${describe(active.id)} is no longer over a drop position.`;
-      return `${describe(active.id)} was moved over ${describe(over.id)}.`;
-    },
-    onDragEnd({ active, over }) {
-      if (!over) return `${describe(active.id)} was dropped.`;
-      return `${describe(active.id)} was dropped over ${describe(over.id)}.`;
-    },
-    onDragCancel({ active }) {
-      return `Dragging was cancelled. ${describe(active.id)} was dropped.`;
-    }
-  };
-}
-
-// src/canvas/BlockActionsMenu.tsx
-import { ArrowDown, ArrowUp, MoreHorizontal, Trash2 } from "lucide-react";
-
-// src/ui/dropdown-menu.tsx
-import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
-import { CheckIcon as CheckIcon2, ChevronRightIcon, CircleIcon } from "lucide-react";
-import { jsx as jsx19, jsxs as jsxs13 } from "react/jsx-runtime";
-function DropdownMenu(props) {
-  return /* @__PURE__ */ jsx19(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
-}
-function DropdownMenuTrigger(props) {
-  return /* @__PURE__ */ jsx19(
-    DropdownMenuPrimitive.Trigger,
-    {
-      "data-slot": "dropdown-menu-trigger",
-      ...props
-    }
-  );
-}
-function DropdownMenuContent({
-  className,
-  sideOffset = 4,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx19(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx19(
-    DropdownMenuPrimitive.Content,
-    {
-      "data-slot": "dropdown-menu-content",
-      sideOffset,
-      className: cn(
-        "quoin bg-popover text-popover-foreground z-50 min-w-[8rem] overflow-hidden rounded-md border p-1 shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
-        className
-      ),
-      ...props
-    }
-  ) });
-}
-function DropdownMenuItem({
-  className,
-  inset,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx19(
-    DropdownMenuPrimitive.Item,
-    {
-      "data-slot": "dropdown-menu-item",
-      "data-inset": inset,
-      className: cn(
-        "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg:not([class*='size-'])]:size-4",
-        HIGHLIGHT_BAR,
-        TAP_TARGET_FLOOR,
-        className
-      ),
-      ...props
-    }
-  );
-}
-function DropdownMenuSeparator({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx19(
-    DropdownMenuPrimitive.Separator,
-    {
-      "data-slot": "dropdown-menu-separator",
-      className: cn("bg-border -mx-1 my-1 h-px", className),
-      ...props
-    }
-  );
-}
-
-// src/canvas/BlockActionsMenu.tsx
-import { jsx as jsx20, jsxs as jsxs14 } from "react/jsx-runtime";
-function BlockActionsMenu({
-  index,
-  count,
-  label,
-  onMove,
-  onDelete
-}) {
-  const position = index + 1;
-  return /* @__PURE__ */ jsxs14(DropdownMenu, { children: [
-    /* @__PURE__ */ jsx20(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx20(Button, { type: "button", variant: "ghost", size: "icon-sm", "aria-label": `${label} block ${position} options`, children: /* @__PURE__ */ jsx20(MoreHorizontal, { "aria-hidden": "true" }) }) }),
-    /* @__PURE__ */ jsxs14(DropdownMenuContent, { align: "end", className: "w-48", children: [
-      /* @__PURE__ */ jsxs14(
-        DropdownMenuItem,
-        {
-          "aria-label": `Move block ${position} up`,
-          disabled: index === 0,
-          onSelect: () => onMove(index, -1),
-          children: [
-            /* @__PURE__ */ jsx20(ArrowUp, { "aria-hidden": "true" }),
-            /* @__PURE__ */ jsx20("span", { children: "Move up" })
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsxs14(
-        DropdownMenuItem,
-        {
-          "aria-label": `Move block ${position} down`,
-          disabled: index === count - 1,
-          onSelect: () => onMove(index, 1),
-          children: [
-            /* @__PURE__ */ jsx20(ArrowDown, { "aria-hidden": "true" }),
-            /* @__PURE__ */ jsx20("span", { children: "Move down" })
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsx20(DropdownMenuSeparator, {}),
-      /* @__PURE__ */ jsxs14(
-        DropdownMenuItem,
-        {
-          "aria-label": `Delete block ${position}`,
-          className: "text-destructive focus:text-destructive",
-          onSelect: onDelete,
-          children: [
-            /* @__PURE__ */ jsx20(Trash2, { "aria-hidden": "true" }),
-            /* @__PURE__ */ jsx20("span", { children: "Delete" })
-          ]
-        }
-      )
-    ] })
-  ] });
-}
-
-// src/canvas/BlockCard.tsx
-import * as React12 from "react";
-import { Pencil } from "lucide-react";
-
-// src/canvas/BlockEditor.tsx
-import { jsx as jsx21 } from "react/jsx-runtime";
-function BlockEditor({
-  type,
-  data,
-  onChange,
-  onInsertBlock,
-  onDone
-}) {
-  const { blockTypes } = useQuoin();
-  const Editor = blockByType(blockTypes, type)?.editor;
-  if (!Editor) return null;
-  return /* @__PURE__ */ jsx21(Editor, { data, onChange, onInsertBlock, onDone });
-}
-
-// src/canvas/source-offset.ts
-function caretPositionAt(x, y) {
-  const doc = document;
-  const position = doc.caretPositionFromPoint?.(x, y);
-  if (position) return position;
-  const range = doc.caretRangeFromPoint?.(x, y);
-  return range ? { offsetNode: range.startContainer, offset: range.startOffset } : null;
-}
-function renderedOffsetAt(container, x, y) {
-  const position = caretPositionAt(x, y);
-  if (!position || position.offsetNode.nodeType !== Node.TEXT_NODE) return null;
-  if (!container.contains(position.offsetNode)) return null;
-  const walker = document.createTreeWalker(container, NodeFilter.SHOW_TEXT);
-  let before = 0;
-  while (walker.nextNode()) {
-    if (walker.currentNode === position.offsetNode) return before + position.offset;
-    before += walker.currentNode.textContent?.length ?? 0;
-  }
-  return null;
-}
-var PROBE_LENGTHS = [40, 20, 8];
-function search(source, probe) {
-  const literal = probe.clickedText.trim();
-  if (literal === "" || literal === probe.rendered.trim()) return source.length;
-  const candidates = [literal, literal.replace(/\s+/g, " ")];
-  for (const text of candidates) {
-    const whole = source.indexOf(text);
-    if (whole !== -1) return whole;
-  }
-  for (const length of PROBE_LENGTHS) {
-    for (const text of candidates) {
-      if (text.length < length) continue;
-      const at = source.indexOf(text.slice(0, length));
-      if (at !== -1) return at;
-    }
-  }
-  return source.length;
-}
-function sourceOffsetFor(source, probe) {
-  if (probe.renderedOffset !== null && probe.rendered === source) {
-    return Math.max(0, Math.min(probe.renderedOffset, source.length));
-  }
-  return search(source, probe);
-}
-
-// src/dev-warn.ts
-var seen = /* @__PURE__ */ new Set();
-function devWarn(message) {
-  if (typeof process !== "undefined" && process?.env?.NODE_ENV === "production") return;
-  if (seen.has(message)) return;
-  seen.add(message);
-  console.warn(`Quoin: ${message}`);
-}
-
-// src/canvas/BlockCard.tsx
-import { jsx as jsx22, jsxs as jsxs15 } from "react/jsx-runtime";
-var INTERACTIVE_SELECTOR = 'a, button, input, textarea, select, [role="button"], [tabindex], iframe';
-var PORTALLED_OVERLAY = '[data-radix-popper-content-wrapper], [role="dialog"]';
-function hasSelectionWithin(container) {
-  const selection = window.getSelection();
-  if (!selection || selection.isCollapsed || selection.rangeCount === 0) return false;
-  return container.contains(selection.getRangeAt(0).commonAncestorContainer);
-}
-function BlockCardImpl({
-  block,
-  index,
-  editingByDefault = false,
-  readOnly = false,
-  initialSelection = null,
-  onUpdate,
-  onInsertBlock
-}) {
-  const { blockTypes, onError } = useQuoin();
-  const definition = blockByType(blockTypes, block.type);
-  const Preview = definition?.preview;
-  const editable = Boolean(definition?.editor) && !readOnly;
-  const [editing, setEditing] = React12.useState(editingByDefault && editable);
-  const editButtonRef = React12.useRef(null);
-  const editorContainerRef = React12.useRef(null);
-  const returnFocusOnClose = React12.useRef(false);
-  const clickedRef = React12.useRef(null);
-  const scrollTopRef = React12.useRef(null);
-  const seedRef = React12.useRef(initialSelection);
-  React12.useEffect(() => {
-    seedRef.current = initialSelection;
-  });
-  const handleInsertBlock = React12.useCallback(
-    (type) => onInsertBlock?.(index + 1, type),
-    [onInsertBlock, index]
-  );
-  const leaveEditing = React12.useCallback(() => {
-    returnFocusOnClose.current = true;
-    setEditing(false);
-  }, []);
-  const settleRef = React12.useRef(null);
-  const clearSettle = () => {
-    if (settleRef.current === null) return;
-    window.clearTimeout(settleRef.current);
-    settleRef.current = null;
-  };
-  React12.useEffect(() => clearSettle, []);
-  function stillInside(node) {
-    if (!node) return false;
-    return Boolean(editorContainerRef.current?.contains(node)) || Boolean(node.closest(PORTALLED_OVERLAY));
-  }
-  React12.useEffect(() => {
-    if (!editing) return;
-    function onPointerDown(e) {
-      if (stillInside(e.target)) return;
-      setEditing(false);
-    }
-    document.addEventListener("pointerdown", onPointerDown, true);
-    return () => document.removeEventListener("pointerdown", onPointerDown, true);
-  }, [editing]);
-  function closeIfTabbedAway() {
-    clearSettle();
-    settleRef.current = window.setTimeout(() => {
-      settleRef.current = null;
-      if (stillInside(document.activeElement)) return;
-      setEditing(false);
-    }, 0);
-  }
-  React12.useEffect(() => {
-    if (!editing) return;
-    const field = editorContainerRef.current?.querySelector(
-      'textarea, input, [role="combobox"]'
-    );
-    if (!field) return;
-    const clicked = clickedRef.current;
-    clickedRef.current = null;
-    if (clicked === null || !(field instanceof HTMLTextAreaElement)) {
-      field.focus();
-      if (field instanceof HTMLTextAreaElement) {
-        const at = seedRef.current ?? { start: field.value.length, end: field.value.length };
-        field.setSelectionRange(at.start, at.end);
-      }
-      return;
-    }
-    const offset = sourceOffsetFor(field.value, clicked);
-    field.focus({ preventScroll: true });
-    field.setSelectionRange(offset, offset);
-  }, [editing]);
-  useIsomorphicLayoutEffect(() => {
-    const scrollTop = scrollTopRef.current;
-    scrollTopRef.current = null;
-    if (!editing || scrollTop === null) return;
-    const scroller = document.scrollingElement ?? document.documentElement;
-    if (scroller.scrollTop !== scrollTop) scroller.scrollTop = scrollTop;
-  }, [editing]);
-  React12.useEffect(() => {
-    if (editing || !returnFocusOnClose.current) return;
-    returnFocusOnClose.current = false;
-    editButtonRef.current?.focus();
-  }, [editing]);
-  const reportedType = React12.useRef(null);
-  React12.useEffect(() => {
-    if (definition || reportedType.current === block.type) return;
-    reportedType.current = block.type;
-    onError(new Error(`No block type is registered for "${block.type}".`));
-  }, [definition, block.type, onError]);
-  React12.useEffect(() => {
-    if (!readOnly || !definition || definition.preview) return;
-    devWarn(
-      `the block type "${block.type}" has no \`preview\`, so a read-only canvas can draw only its label. Give its definition a \`preview\` to render the block itself.`
-    );
-  }, [readOnly, definition, block.type]);
-  if (definition?.alwaysEditing && editable) {
-    return /* @__PURE__ */ jsx22(
-      BlockEditor,
-      {
-        type: block.type,
-        data: block.data,
-        onChange: (data) => onUpdate(block.id, data),
-        onInsertBlock: handleInsertBlock
-      }
-    );
-  }
-  if (editing) {
-    return /* @__PURE__ */ jsx22(
-      "div",
-      {
-        ref: editorContainerRef,
-        onKeyDown: (e) => {
-          if (e.key === "Tab") {
-            closeIfTabbedAway();
-            return;
-          }
-          if (e.key !== "Escape") return;
-          if (!editorContainerRef.current?.contains(e.target)) return;
-          returnFocusOnClose.current = true;
-          setEditing(false);
-        },
-        children: /* @__PURE__ */ jsx22(
-          BlockEditor,
-          {
-            type: block.type,
-            data: block.data,
-            onChange: (data) => onUpdate(block.id, data),
-            onInsertBlock: handleInsertBlock,
-            onDone: leaveEditing
-          }
-        )
-      }
-    );
-  }
-  const rest = Preview ? /* @__PURE__ */ jsx22(Preview, { data: block.data, blockId: block.id }) : /* @__PURE__ */ jsx22("p", { className: "py-1 text-sm text-muted-foreground", children: definition?.label ?? block.type });
-  if (!editable) return /* @__PURE__ */ jsx22("div", { children: rest });
-  return /* @__PURE__ */ jsxs15("div", { className: "group/card relative", children: [
-    /* @__PURE__ */ jsx22(
-      "div",
-      {
-        onClick: (e) => {
-          const target = e.target;
-          if (target.closest(INTERACTIVE_SELECTOR)) return;
-          if (hasSelectionWithin(e.currentTarget)) return;
-          clickedRef.current = {
-            rendered: e.currentTarget.textContent ?? "",
-            clickedText: target.textContent ?? "",
-            renderedOffset: renderedOffsetAt(e.currentTarget, e.clientX, e.clientY)
-          };
-          scrollTopRef.current = (document.scrollingElement ?? document.documentElement).scrollTop;
-          setEditing(true);
-        },
-        children: rest
-      }
-    ),
-    /* @__PURE__ */ jsx22(
-      Button,
-      {
-        ref: editButtonRef,
-        type: "button",
-        variant: "ghost",
-        size: "icon-sm",
-        "aria-label": `Edit block ${index + 1}`,
-        onClick: () => setEditing(true),
-        className: "absolute right-0 top-0 bg-background/90 opacity-0 transition-opacity group-hover/card:opacity-100 group-focus-within/card:opacity-100 focus-visible:opacity-100",
-        children: /* @__PURE__ */ jsx22(Pencil, { "aria-hidden": "true" })
-      }
-    )
-  ] });
-}
-var BlockCard = React12.memo(BlockCardImpl);
-
-// src/canvas/BlockInserter.tsx
-import * as React13 from "react";
-import { Plus } from "lucide-react";
-import { jsx as jsx23, jsxs as jsxs16 } from "react/jsx-runtime";
-function BlockInserter({
-  index,
-  onInsert,
-  label,
-  canvasRef
-}) {
-  const { blockTypes } = useQuoin();
-  const options = paletteBlocks(blockTypes);
-  const insertedAtRef = React13.useRef(null);
-  function handleSelect(type) {
-    insertedAtRef.current = index;
-    onInsert(index, type);
-  }
-  function handleCloseAutoFocus(event) {
-    const insertedAt = insertedAtRef.current;
-    insertedAtRef.current = null;
-    if (insertedAt === null) return;
-    event.preventDefault();
-    const card = canvasRef.current?.querySelector(`[data-block-index="${insertedAt}"]`);
-    if (!card) return;
-    if (typeof card.scrollIntoView === "function") {
-      card.scrollIntoView({ block: "center", behavior: "smooth" });
-    }
-    card.querySelector('textarea, input, [role="combobox"]')?.focus();
-  }
-  return /* @__PURE__ */ jsxs16("div", { className: "group/inserter relative flex h-6 items-center justify-center pointer-coarse:h-11", children: [
-    /* @__PURE__ */ jsx23(
-      "span",
-      {
-        "aria-hidden": "true",
-        className: "absolute inset-x-0 top-1/2 h-px bg-border opacity-0 transition-opacity group-hover/inserter:opacity-100 group-focus-within/inserter:opacity-100"
-      }
-    ),
-    /* @__PURE__ */ jsxs16(DropdownMenu, { children: [
-      /* @__PURE__ */ jsx23(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx23(
-        Button,
-        {
-          type: "button",
-          variant: "outline",
-          size: "icon-xs",
-          "aria-label": label,
-          className: "relative z-10 rounded-full bg-background opacity-0 transition-opacity group-hover/inserter:opacity-100 group-focus-within/inserter:opacity-100 focus-visible:opacity-100 pointer-coarse:opacity-100",
-          children: /* @__PURE__ */ jsx23(Plus, { "aria-hidden": "true" })
-        }
-      ) }),
-      /* @__PURE__ */ jsx23(DropdownMenuContent, { align: "center", className: "w-56", onCloseAutoFocus: handleCloseAutoFocus, children: options.map((opt) => /* @__PURE__ */ jsxs16(DropdownMenuItem, { onSelect: () => handleSelect(opt.type), children: [
-        /* @__PURE__ */ jsx23(opt.icon, { "aria-hidden": "true" }),
-        /* @__PURE__ */ jsx23("span", { children: opt.label })
-      ] }, opt.type)) })
-    ] })
-  ] });
-}
-
-// src/canvas/DocumentStarter.tsx
-import * as React14 from "react";
-import { jsx as jsx24, jsxs as jsxs17 } from "react/jsx-runtime";
-var LINE = [
-  "w-full resize-none rounded-md border-0 bg-transparent px-2 py-1",
-  "text-base leading-7 placeholder:text-muted-foreground",
-  "transition-[color,box-shadow]",
-  FOCUS_RING
-].join(" ");
-function DocumentStarter({
-  autoFocus = false,
-  onStart,
-  onInsertBlock
-}) {
-  const ref = React14.useRef(null);
-  const palette = useSlashPalette(ref);
-  const [shortcutsOpen, setShortcutsOpen] = React14.useState(false);
-  function handleChange(e) {
-    const value = e.target.value;
-    e.target.value = "";
-    if (value === "") return;
-    if (value === "/") palette.openAtCaret();
-    else onStart(value);
-  }
-  function startWith(command) {
-    palette.setOpen(false);
-    const edit = insertCommand(command, "", 0);
-    onStart(edit.value, { start: edit.selectionStart, end: edit.selectionEnd });
-  }
-  return /* @__PURE__ */ jsxs17("div", { className: "relative", children: [
-    /* @__PURE__ */ jsx24(
-      "textarea",
-      {
-        ref,
-        "aria-label": "Write something",
-        defaultValue: "",
-        onChange: handleChange,
-        onKeyDown: (e) => {
-          if (e.nativeEvent.isComposing || e.keyCode === 229) return;
-          if (e.key !== "/") return;
-          e.preventDefault();
-          palette.openAtCaret();
-        },
-        autoFocus,
-        rows: 1,
-        placeholder: "Write, or press / for commands",
-        className: LINE
-      }
-    ),
-    /* @__PURE__ */ jsx24(
-      SlashPalette,
-      {
-        open: palette.open,
-        caret: palette.caret,
-        onOpenChange: palette.setOpen,
-        onTextCommand: startWith,
-        onBlockCommand: (type) => {
-          palette.setOpen(false);
-          onInsertBlock(type);
-        },
-        onShortcuts: () => {
-          palette.setOpen(false);
-          setShortcutsOpen(true);
-        },
-        onDismiss: () => palette.setOpen(false)
-      }
-    ),
-    /* @__PURE__ */ jsx24(ShortcutsReference, { open: shortcutsOpen, onOpenChange: setShortcutsOpen })
-  ] });
-}
-
-// src/canvas/ReadOnlyCanvas.tsx
-import { jsx as jsx25 } from "react/jsx-runtime";
-function ReadOnlyCanvas({
-  blocks,
-  onUpdate,
-  root
-}) {
-  return /* @__PURE__ */ jsx25("div", { ...root, children: /* @__PURE__ */ jsx25("ul", { className: "flex flex-col", children: blocks.map((b, i) => /* @__PURE__ */ jsx25("li", { children: /* @__PURE__ */ jsx25("div", { "data-block-index": i, className: "rounded-lg px-2 py-1", children: /* @__PURE__ */ jsx25(BlockCard, { block: b, index: i, editingByDefault: false, readOnly: true, onUpdate }) }) }, b.id)) }) });
-}
-
-// src/canvas/reorder-indices.ts
-function reorderIndices(ids, activeId, overId) {
-  if (overId === null || activeId === overId) return null;
-  const from = ids.indexOf(activeId);
-  const to = ids.indexOf(overId);
-  if (from === -1 || to === -1) return null;
-  return { from, to };
-}
-
-// src/canvas/same-blocks.ts
-function sameData(a, b) {
-  if (a === b) return true;
-  const keys = Object.keys(a);
-  if (keys.length !== Object.keys(b).length) return false;
-  return keys.every((key) => Object.hasOwn(b, key) && Object.is(a[key], b[key]));
-}
-function sameBlocks(a, b) {
-  if (a === b) return true;
-  if (a.length !== b.length) return false;
-  return a.every((block, i) => {
-    const other = b[i];
-    return block.id === other.id && block.type === other.type && sameData(block.data, other.data);
-  });
-}
-
-// src/canvas/SortableBlock.tsx
-import { useSortable } from "@dnd-kit/sortable";
-import { CSS } from "@dnd-kit/utilities";
-import { GripVertical } from "lucide-react";
-import { jsx as jsx26, jsxs as jsxs18 } from "react/jsx-runtime";
-var GUTTER = [
-  "flex items-center justify-end gap-0.5 pb-1",
-  "lg:absolute lg:right-full lg:top-1 lg:justify-start lg:pb-0 lg:pr-1",
-  "lg:opacity-0 lg:transition-opacity",
-  "lg:group-hover/block:opacity-100 lg:group-focus-within/block:opacity-100"
-].join(" ");
-function SortableBlock({
-  id,
-  index,
-  actions,
-  children
-}) {
-  const { attributes, listeners, setNodeRef, setActivatorNodeRef, transform, transition, isDragging } = useSortable({ id });
-  return /* @__PURE__ */ jsxs18(
-    "div",
-    {
-      ref: setNodeRef,
-      style: { transform: CSS.Transform.toString(transform), transition },
-      className: cn("group/block relative", isDragging && "z-10 opacity-80"),
-      children: [
-        /* @__PURE__ */ jsxs18("div", { className: GUTTER, children: [
-          actions,
-          /* @__PURE__ */ jsx26(
-            Button,
-            {
-              type: "button",
-              ref: setActivatorNodeRef,
-              variant: "ghost",
-              size: "icon-sm",
-              className: "cursor-grab text-muted-foreground active:cursor-grabbing",
-              "aria-label": `Reorder block ${index + 1}`,
-              ...attributes,
-              ...listeners,
-              children: /* @__PURE__ */ jsx26(GripVertical, { "aria-hidden": "true" })
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsx26(
-          "div",
-          {
-            "data-block-index": index,
-            className: cn(
-              "rounded-lg px-2 py-1 transition-colors",
-              isDragging ? "bg-popover shadow-md" : "group-hover/block:bg-muted/40"
-            ),
-            children
-          }
-        )
-      ]
-    }
-  );
-}
-
-// src/canvas/unacknowledged.ts
-var STRUCTURAL_ECHO_LIMIT = 64;
-function createUnacknowledged() {
-  return { sequences: /* @__PURE__ */ new WeakMap(), emitted: 0, acknowledged: 0, newest: [] };
-}
-function keepNewest(outstanding) {
-  const kept = Math.min(STRUCTURAL_ECHO_LIMIT, outstanding.emitted - outstanding.acknowledged);
-  outstanding.newest.splice(0, outstanding.newest.length - kept);
-}
-function remember(outstanding, blocks) {
-  outstanding.emitted += 1;
-  outstanding.sequences.set(blocks, outstanding.emitted);
-  outstanding.newest.push(blocks);
-  keepNewest(outstanding);
-}
-function copiedSequence(outstanding, blocks) {
-  for (const emitted of outstanding.newest) {
-    if (sameBlocks(emitted, blocks)) return outstanding.sequences.get(emitted);
-  }
-  return void 0;
-}
-function acknowledge(outstanding, blocks) {
-  const echoed = outstanding.sequences.get(blocks) ?? copiedSequence(outstanding, blocks);
-  if (echoed === void 0 || echoed <= outstanding.acknowledged) return false;
-  outstanding.acknowledged = echoed;
-  keepNewest(outstanding);
-  return true;
-}
-function forgetAll(outstanding) {
-  outstanding.acknowledged = outstanding.emitted;
-  keepNewest(outstanding);
-}
-
-// src/canvas/BlockCanvas.tsx
-import { jsx as jsx27, jsxs as jsxs19 } from "react/jsx-runtime";
-function Canvas({
-  blocks,
-  onChange,
-  onDelete,
-  blockTypes,
-  readOnly,
-  className,
-  id,
-  "aria-label": ariaLabel
-}) {
-  const list = useBlockList(blocks);
-  const { insertAt, update, remove, move, reorder, reset } = list;
-  const sensors = useSensors(
-    useSensor(PointerSensor, { activationConstraint: { distance: 4 } }),
-    useSensor(KeyboardSensor, { coordinateGetter: sortableKeyboardCoordinates })
-  );
-  const dndId = React15.useId();
-  const [newBlockId2, setNewBlockId] = React15.useState(null);
-  const [seedSelection, setSeedSelection] = React15.useState(null);
-  const listRef = React15.useRef(null);
-  const pendingDeleteIndexRef = React15.useRef(null);
-  const removedRef = React15.useRef(null);
-  const announcements = React15.useMemo(
-    () => buildAnnouncements(list.blocks, blockTypes),
-    [list.blocks, blockTypes]
-  );
-  const lastEmitted = React15.useRef(blocks);
-  const lastSupplied = React15.useRef(blocks);
-  const unacknowledged = React15.useRef(createUnacknowledged());
-  React15.useEffect(() => {
-    if (list.blocks === lastEmitted.current) return;
-    lastEmitted.current = list.blocks;
-    remember(unacknowledged.current, list.blocks);
-    onChange(list.blocks);
-    const removed = removedRef.current;
-    removedRef.current = null;
-    if (removed) onDelete?.(removed.block, removed.index);
-  }, [list.blocks, onChange, onDelete]);
-  React15.useEffect(() => {
-    const previous = lastSupplied.current;
-    lastSupplied.current = blocks;
-    if (acknowledge(unacknowledged.current, blocks)) return;
-    if (sameBlocks(blocks, previous) || sameBlocks(blocks, list.blocks)) return;
-    forgetAll(unacknowledged.current);
-    lastEmitted.current = blocks;
-    reset(blocks);
-  }, [blocks, reset]);
-  React15.useEffect(() => {
-    if (newBlockId2 === null) return;
-    setNewBlockId(null);
-    setSeedSelection(null);
-  }, [newBlockId2]);
-  const insertPlain = React15.useCallback(
-    (index, type, data) => {
-      const seed = data ?? blockByType(blockTypes, type)?.initialData?.() ?? {};
-      setNewBlockId(insertAt(index, type, seed));
-    },
-    [insertAt, blockTypes]
-  );
-  function handleDelete(index, id2) {
-    const block = list.blocks[index];
-    pendingDeleteIndexRef.current = index;
-    if (block) removedRef.current = { block, index };
-    remove(id2);
-  }
-  React15.useEffect(() => {
-    const index = pendingDeleteIndexRef.current;
-    pendingDeleteIndexRef.current = null;
-    if (index === null || !listRef.current) return;
-    const landingIndex = Math.min(index, list.blocks.length - 1);
-    const card = landingIndex >= 0 ? listRef.current.querySelector(`[data-block-index="${landingIndex}"]`) : null;
-    (card?.querySelector("button") ?? listRef.current.querySelector("button"))?.focus();
-  }, [list.blocks]);
-  function handleDragEnd(event) {
-    const { active, over } = event;
-    const result = reorderIndices(
-      list.blocks.map((b) => b.id),
-      String(active.id),
-      over ? String(over.id) : null
-    );
-    if (result) reorder(result.from, result.to);
-  }
-  const rootProps = {
-    ref: listRef,
-    id,
-    className: cn("quoin flex flex-col", className),
-    role: ariaLabel ? "group" : void 0,
-    "aria-label": ariaLabel
-  };
-  if (readOnly) return /* @__PURE__ */ jsx27(ReadOnlyCanvas, { blocks: list.blocks, onUpdate: update, root: rootProps });
-  return /* @__PURE__ */ jsxs19("div", { ...rootProps, children: [
-    /* @__PURE__ */ jsx27(BlockInserter, { index: 0, onInsert: insertPlain, label: "Insert a block at the start", canvasRef: listRef }),
-    /* @__PURE__ */ jsx27(
-      DndContext,
-      {
-        id: dndId,
-        sensors,
-        collisionDetection: closestCenter,
-        modifiers: [restrictToVerticalAxis],
-        accessibility: { announcements },
-        onDragEnd: handleDragEnd,
-        children: /* @__PURE__ */ jsx27(SortableContext, { items: list.blocks.map((b) => b.id), strategy: verticalListSortingStrategy, children: /* @__PURE__ */ jsx27("ul", { className: "flex flex-col", children: list.blocks.map((b, i) => /* @__PURE__ */ jsxs19("li", { children: [
-          /* @__PURE__ */ jsx27(
-            SortableBlock,
-            {
-              id: b.id,
-              index: i,
-              actions: /* @__PURE__ */ jsx27(
-                BlockActionsMenu,
-                {
-                  index: i,
-                  count: list.blocks.length,
-                  label: blockByType(blockTypes, b.type)?.label ?? b.type,
-                  onMove: move,
-                  onDelete: () => handleDelete(i, b.id)
-                }
-              ),
-              children: /* @__PURE__ */ jsx27(
-                BlockCard,
-                {
-                  block: b,
-                  index: i,
-                  editingByDefault: b.id === newBlockId2,
-                  initialSelection: b.id === newBlockId2 ? seedSelection : null,
-                  onUpdate: update,
-                  onInsertBlock: insertPlain
-                }
-              )
-            }
-          ),
-          /* @__PURE__ */ jsx27(
-            BlockInserter,
-            {
-              index: i + 1,
-              onInsert: insertPlain,
-              label: `Insert a block after block ${i + 1}`,
-              canvasRef: listRef
-            }
-          )
-        ] }, b.id)) }) })
-      }
-    ),
-    /* @__PURE__ */ jsx27(
-      DocumentStarter,
-      {
-        autoFocus: list.blocks.length === 0,
-        onStart: (markdown, selection) => {
-          setSeedSelection(selection ?? null);
-          setNewBlockId(insertAt(list.blocks.length, "MARKDOWN", { markdown }));
-        },
-        onInsertBlock: (type) => insertPlain(list.blocks.length, type)
-      }
-    )
-  ] });
-}
-function BlockCanvas({
-  blocks,
-  onChange,
-  onDelete,
-  blockTypes = coreBlocks,
-  upload,
-  resolveAssetUrl,
-  onError,
-  readOnly = false,
-  className,
-  id,
-  "aria-label": ariaLabel
-}) {
-  const config = React15.useMemo(
-    () => ({ blockTypes, upload, resolveAssetUrl, onError }),
-    [blockTypes, upload, resolveAssetUrl, onError]
-  );
-  return /* @__PURE__ */ jsx27(QuoinProvider, { value: config, children: /* @__PURE__ */ jsx27(
-    Canvas,
-    {
-      blocks,
-      onChange,
-      onDelete,
-      blockTypes,
-      readOnly,
-      className,
-      id,
-      "aria-label": ariaLabel
-    }
-  ) });
-}
-
-// src/hooks/useAutosave.ts
-import * as React16 from "react";
-
-// src/hooks/autosave-backoff.ts
-function clearTimer(ref) {
-  if (ref.current !== null) clearTimeout(ref.current);
-  ref.current = null;
-}
-var alwaysRetry = () => true;
-function reportedFailure(result) {
-  return typeof result === "object" && result !== null && "ok" in result && result.ok === false;
-}
-async function attemptSave(run) {
-  try {
-    const result = await run();
-    return reportedFailure(result) ? { error: result } : null;
-  } catch (error) {
-    return { error };
-  }
-}
-function nextRetryDelay(error, retriesSoFar, { debounceMs, maxBackoffMs, maxRetries, isRetryable }) {
-  if (retriesSoFar >= maxRetries || !isRetryable(error)) return null;
-  return Math.min(debounceMs * 2 ** (retriesSoFar + 1), maxBackoffMs);
-}
-
-// src/hooks/useAutosave.ts
-function useAutosave({
-  deps,
-  build,
-  save,
-  debounceMs = 2e3,
-  maxBackoffMs = 3e4,
-  maxRetries = 8,
-  isRetryable = alwaysRetry,
-  flushOnHide = true
-}) {
-  const [status, setStatus] = React16.useState("idle");
-  const [error, setError] = React16.useState(null);
-  const dirtyRef = React16.useRef(false);
-  const inFlightRef = React16.useRef(false);
-  const disposedRef = React16.useRef(false);
-  const retriesRef = React16.useRef(0);
-  const debounceRef = React16.useRef(null);
-  const backoffRef = React16.useRef(null);
-  const buildRef = React16.useRef(build);
-  const saveRef = React16.useRef(save);
-  const runRef = React16.useRef(() => {
-  });
-  React16.useEffect(() => {
-    buildRef.current = build;
-    saveRef.current = save;
-    const policy = { debounceMs, maxBackoffMs, maxRetries, isRetryable };
-    runRef.current = () => {
-      clearTimer(debounceRef);
-      clearTimer(backoffRef);
-      if (inFlightRef.current) return;
-      inFlightRef.current = true;
-      dirtyRef.current = false;
-      if (!disposedRef.current) setStatus("saving");
-      void (async () => {
-        const failure = await attemptSave(() => saveRef.current(buildRef.current()));
-        inFlightRef.current = false;
-        if (disposedRef.current) {
-          if (dirtyRef.current) runRef.current();
-          return;
-        }
-        if (!failure) {
-          retriesRef.current = 0;
-          setError(null);
-          if (dirtyRef.current) runRef.current();
-          else setStatus("saved");
-          return;
-        }
-        dirtyRef.current = true;
-        setError(failure.error);
-        const delay = nextRetryDelay(failure.error, retriesRef.current, policy);
-        if (delay === null) {
-          setStatus("failed");
-          return;
-        }
-        retriesRef.current += 1;
-        setStatus("retrying");
-        backoffRef.current = setTimeout(() => runRef.current(), delay);
-      })();
-    };
-  });
-  const seenRef = React16.useRef(null);
-  React16.useEffect(() => {
-    const seen2 = seenRef.current;
-    seenRef.current = deps;
-    if (seen2 === null) return;
-    const unchanged = seen2.length === deps.length && seen2.every((v, i) => v === deps[i]);
-    if (!unchanged) dirtyRef.current = true;
-  }, deps);
-  React16.useEffect(() => {
-    if (!dirtyRef.current) return;
-    clearTimer(debounceRef);
-    debounceRef.current = setTimeout(() => runRef.current(), debounceMs);
-    return () => clearTimer(debounceRef);
-  }, deps);
-  React16.useEffect(() => {
-    disposedRef.current = false;
-    return () => {
-      disposedRef.current = true;
-      clearTimer(debounceRef);
-      clearTimer(backoffRef);
-      if (dirtyRef.current) runRef.current();
-    };
-  }, []);
-  const retry = React16.useCallback(() => {
-    retriesRef.current = 0;
-    runRef.current();
-  }, []);
-  const flush = React16.useCallback(() => {
-    if (dirtyRef.current) retry();
-  }, [retry]);
-  React16.useEffect(() => {
-    if (!flushOnHide) return;
-    const onVisibility = () => {
-      if (document.visibilityState === "hidden") flush();
-    };
-    window.addEventListener("pagehide", flush);
-    document.addEventListener("visibilitychange", onVisibility);
-    return () => {
-      window.removeEventListener("pagehide", flush);
-      document.removeEventListener("visibilitychange", onVisibility);
-    };
-  }, [flushOnHide, flush]);
-  return { status, error, retry, flush };
-}
+  BlockShell,
+  EditableRegion,
+  EditorView,
+  SelectionSink,
+  ViewController,
+  VoidBlockFallback,
+  caretFromPoint,
+  defaultRenderers,
+  domMapOf,
+  hostKey,
+  isCrossSelection,
+  renderInline,
+  useEditorState,
+  useQuoinEditor,
+  useViewController
+} from "./chunk-SSIRYUCK.js";
+import {
+  blockByType,
+  defineBlock,
+  paletteBlocks
+} from "./chunk-O4Z2WMFF.js";
+import {
+  Transaction,
+  addMarkStep,
+  applyTransaction,
+  blockInputRules,
+  blockRangeSelection,
+  coreExtensions,
+  countDoc,
+  countText,
+  createEditor,
+  createPluginKey,
+  createState,
+  defineExtension,
+  fromHTML,
+  getPluginState,
+  insertBlockAfter,
+  insertBlocksStep,
+  insertText,
+  insertTextWithRules,
+  joinBlocksStep,
+  keyName,
+  markInputRules,
+  moveBlocksStep,
+  nodeSelection,
+  normalizeKey,
+  redo,
+  removeBlocksStep,
+  removeMarkStep,
+  replaceBlockStep,
+  replaceDocStep,
+  replaceInlineStep,
+  setAttrsStep,
+  setBlockType,
+  setIndentStep,
+  splitBlockStep,
+  stepFromJSON,
+  textSelection,
+  toHTML,
+  toMarkdown,
+  toPlainText,
+  toggleMark,
+  typographyRules,
+  undo
+} from "./chunk-UPSLDTLT.js";
+import {
+  diffBlocks,
+  diffInline
+} from "./chunk-6LMS5J3Y.js";
+import {
+  PALETTE,
+  atom,
+  coreBlockSpecs,
+  createBlockCodec,
+  createSchema,
+  fromMarkdown,
+  normalizeInline,
+  parseInline,
+  sanitizeHref,
+  serializeInline,
+  text
+} from "./chunk-62WKUAQY.js";
 export {
   BlockCanvas,
+  BlockShell,
+  EditableRegion,
+  EditorView,
   FilePickerButton,
+  PALETTE,
   QuoinProvider,
-  TEXT_COMMANDS,
+  SelectionSink,
+  Transaction,
   UploadField,
-  applyEdit,
+  ViewController,
+  VoidBlockFallback,
+  addMarkStep,
+  applyTransaction,
+  atom,
   blockByType,
-  caretRect,
-  continueList,
+  blockInputRules,
+  blockRangeSelection,
+  caretFromPoint,
+  coreBlockSpecs,
   coreBlocks,
+  coreExtensions,
+  countDoc,
+  countText,
+  createBlockCodec,
+  createEditor,
+  createPluginKey,
+  createSchema,
+  createState,
+  defaultRenderers,
   defineBlock,
+  defineExtension,
+  diffBlocks,
+  diffInline,
+  domMapOf,
+  englishLabels,
   formatShortcut,
-  indentList,
-  insertCommand,
-  lineAt,
-  linkPaste,
+  fromHTML,
+  fromMarkdown,
+  getPluginState,
+  hostKey,
+  insertBlockAfter,
+  insertBlocksStep,
+  insertText,
+  insertTextWithRules,
+  isCrossSelection,
+  joinBlocksStep,
+  keyName,
+  markInputRules,
+  moveBlocksStep,
+  nodeSelection,
+  normalizeInline,
+  normalizeKey,
   paletteBlocks,
-  shouldOpenPalette,
-  toggleLinePrefix,
-  useAutoGrow,
+  parseInline,
+  redo,
+  removeBlocksStep,
+  removeMarkStep,
+  renderInline,
+  replaceBlockStep,
+  replaceDocStep,
+  replaceInlineStep,
+  resolveLabels,
+  sanitizeHref,
+  serializeInline,
+  setAttrsStep,
+  setBlockType,
+  setIndentStep,
+  splitBlockStep,
+  stepFromJSON,
+  text,
+  textSelection,
+  toHTML,
+  toMarkdown,
+  toPlainText,
+  toggleMark,
+  typographyRules,
+  undo,
   useAutosave,
-  useBlockList,
-  useMarkdownKeymap,
+  useEditorState,
+  useLabels,
   useQuoin,
-  wrapSelection
+  useQuoinEditor,
+  useViewController
 };
 //# sourceMappingURL=index.js.map