@gjermundgaraba/pixel-paper 0.1.0 → 0.2.0

package/README.md

@@ -46,6 +46,16 @@ export default defineConfig({
 
 Provide `Clipboard.layer` as the application's resources where a component copies.
 
+`MarkdownEditor.view` edits Markdown in place, and needs its element registered once, from the client entry, before the first render:
+
+```ts
+import { defineMarkdownEditorElement } from "@gjermundgaraba/pixel-paper/markdown-editor/element";
+
+defineMarkdownEditorElement();
+```
+
+Only that subpath loads CodeMirror, so an application that never imports it pays nothing and shows a plain textarea. Links open with Ctrl or Cmd and a click, or Ctrl or Cmd and Enter at the caret. A disabled fieldset makes the editor read-only.
+
 ## Licence
 
-MIT. Departure Mono, in `fonts/`, carries its own licence beside it.
+MIT. Departure Mono, in `fonts/`, carries its own licence beside it. `THIRD_PARTY_NOTICES.md` carries the licence of the Markdown editor's live layer.

package/THIRD_PARTY_NOTICES.md

@@ -0,0 +1,25 @@
+# Third-party notices
+
+The files in `src/markdown-editor/live/` derive from [cm-live-markdown](https://github.com/Jason1258t/cm-live-markdown), tag `v0.1.7`, commit `89166b7`, under the MIT licence below.
+
+MIT License
+
+Copyright (c) 2026 Jason
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/board/board.d.ts

@@ -271,6 +271,8 @@ export declare const update: (model: Model, message: Message) => Readonly<{
     }>;
   };
   commands?: Update.Commands<{
+    readonly _tag: "PressedEscape";
+  } | {
     readonly _tag: "CompletedAnnounceMove";
   } | {
     readonly _tag: "CompletedSizeLiftedCard";
@@ -333,8 +335,6 @@ export declare const update: (model: Model, message: Message) => Readonly<{
         readonly label: string;
       }[];
     }[];
-  } | {
-    readonly _tag: "PressedEscape";
   } | {
     readonly _tag: "PressedGripKey";
     readonly cardId: string;
@@ -430,6 +430,8 @@ export declare const subscriptions: <Prefix extends string>(keyPrefix: Prefix) =
       }>;
     }>;
   }, {
+    readonly _tag: "PressedEscape";
+  } | {
     readonly _tag: "CompletedAnnounceMove";
   } | {
     readonly _tag: "CompletedSizeLiftedCard";
@@ -492,8 +494,6 @@ export declare const subscriptions: <Prefix extends string>(keyPrefix: Prefix) =
         readonly label: string;
       }[];
     }[];
-  } | {
-    readonly _tag: "PressedEscape";
   } | {
     readonly _tag: "PressedGripKey";
     readonly cardId: string;
@@ -572,6 +572,8 @@ export declare const subscriptions: <Prefix extends string>(keyPrefix: Prefix) =
       }>;
     }>;
   }, {
+    readonly _tag: "PressedEscape";
+  } | {
     readonly _tag: "CompletedAnnounceMove";
   } | {
     readonly _tag: "CompletedSizeLiftedCard";
@@ -634,8 +636,6 @@ export declare const subscriptions: <Prefix extends string>(keyPrefix: Prefix) =
         readonly label: string;
       }[];
     }[];
-  } | {
-    readonly _tag: "PressedEscape";
   } | {
     readonly _tag: "PressedGripKey";
     readonly cardId: string;
@@ -714,6 +714,8 @@ export declare const subscriptions: <Prefix extends string>(keyPrefix: Prefix) =
       }>;
     }>;
   }, {
+    readonly _tag: "PressedEscape";
+  } | {
     readonly _tag: "CompletedAnnounceMove";
   } | {
     readonly _tag: "CompletedSizeLiftedCard";
@@ -776,8 +778,6 @@ export declare const subscriptions: <Prefix extends string>(keyPrefix: Prefix) =
         readonly label: string;
       }[];
     }[];
-  } | {
-    readonly _tag: "PressedEscape";
   } | {
     readonly _tag: "PressedGripKey";
     readonly cardId: string;
@@ -855,6 +855,8 @@ export declare const subscriptions: <Prefix extends string>(keyPrefix: Prefix) =
       }>;
     }>;
   }, {
+    readonly _tag: "PressedEscape";
+  } | {
     readonly _tag: "CompletedAnnounceMove";
   } | {
     readonly _tag: "CompletedSizeLiftedCard";
@@ -917,8 +919,6 @@ export declare const subscriptions: <Prefix extends string>(keyPrefix: Prefix) =
         readonly label: string;
       }[];
     }[];
-  } | {
-    readonly _tag: "PressedEscape";
   } | {
     readonly _tag: "PressedGripKey";
     readonly cardId: string;
@@ -1065,6 +1065,8 @@ export declare const view: import("foldkit/submodel").View<{
     }>;
   }>;
 }, {
+  readonly _tag: "PressedEscape";
+} | {
   readonly _tag: "CompletedAnnounceMove";
 } | {
   readonly _tag: "CompletedSizeLiftedCard";
@@ -1127,8 +1129,6 @@ export declare const view: import("foldkit/submodel").View<{
       readonly label: string;
     }[];
   }[];
-} | {
-  readonly _tag: "PressedEscape";
 } | {
   readonly _tag: "PressedGripKey";
   readonly cardId: string;

package/dist/command-palette/command-palette.d.ts

@@ -123,8 +123,6 @@ export declare const update: (model: Model, message: Message) => Readonly<{
     readonly maybePicking: Option.Option<string>;
   };
   commands?: Update.Commands<{
-    readonly _tag: "CompletedFocus";
-  } | {
     readonly _tag: "CompletedScrollToCursor";
   } | {
     readonly _tag: "CompletedReportPendingKeys";
@@ -144,6 +142,8 @@ export declare const update: (model: Model, message: Message) => Readonly<{
       readonly hasPage: boolean;
     };
     readonly maybeShownPage: Option.Option<string>;
+  } | {
+    readonly _tag: "CompletedFocus";
   } | {
     readonly _tag: "GotDialogMessage";
     readonly message: {
@@ -288,8 +288,6 @@ export declare const subscriptions: <Prefix extends string>(keyPrefix: Prefix) =
     }>;
     readonly maybePicking: Option.Option<string>;
   }, {
-    readonly _tag: "CompletedFocus";
-  } | {
     readonly _tag: "CompletedScrollToCursor";
   } | {
     readonly _tag: "CompletedReportPendingKeys";
@@ -309,6 +307,8 @@ export declare const subscriptions: <Prefix extends string>(keyPrefix: Prefix) =
       readonly hasPage: boolean;
     };
     readonly maybeShownPage: Option.Option<string>;
+  } | {
+    readonly _tag: "CompletedFocus";
   } | {
     readonly _tag: "GotDialogMessage";
     readonly message: {
@@ -460,8 +460,6 @@ export declare const view: import("foldkit/submodel").View<{
   }>;
   readonly maybePicking: Option.Option<string>;
 }, {
-  readonly _tag: "CompletedFocus";
-} | {
   readonly _tag: "CompletedScrollToCursor";
 } | {
   readonly _tag: "CompletedReportPendingKeys";
@@ -481,6 +479,8 @@ export declare const view: import("foldkit/submodel").View<{
     readonly hasPage: boolean;
   };
   readonly maybeShownPage: Option.Option<string>;
+} | {
+  readonly _tag: "CompletedFocus";
 } | {
   readonly _tag: "GotDialogMessage";
   readonly message: {

package/dist/confirm-dialog/confirm-dialog.d.ts

@@ -111,15 +111,15 @@ export declare const update: (model: Model, message: Message, context?: UpdateCo
       } | {
         readonly _tag: "GotAnimationMessage";
         readonly message: {
+          readonly _tag: "Hid";
+        } | {
+          readonly _tag: "Showed";
+        } | {
           readonly _tag: "CompletedWaitForPaint";
           readonly generation: number;
         } | {
           readonly _tag: "EndedAnimation";
           readonly generation: number;
-        } | {
-          readonly _tag: "Hid";
-        } | {
-          readonly _tag: "Showed";
         };
       } | {
         readonly _tag: "RequestedClose";
@@ -230,15 +230,15 @@ export declare const view: import("foldkit/submodel").View<{
     } | {
       readonly _tag: "GotAnimationMessage";
       readonly message: {
+        readonly _tag: "Hid";
+      } | {
+        readonly _tag: "Showed";
+      } | {
         readonly _tag: "CompletedWaitForPaint";
         readonly generation: number;
       } | {
         readonly _tag: "EndedAnimation";
         readonly generation: number;
-      } | {
-        readonly _tag: "Hid";
-      } | {
-        readonly _tag: "Showed";
       };
     } | {
       readonly _tag: "RequestedClose";

package/dist/dialog/dialog.d.ts

@@ -108,15 +108,15 @@ export declare const update: (model: Model, message: Message, context?: UpdateCo
     } | {
       readonly _tag: "GotAnimationMessage";
       readonly message: {
+        readonly _tag: "Hid";
+      } | {
+        readonly _tag: "Showed";
+      } | {
         readonly _tag: "CompletedWaitForPaint";
         readonly generation: number;
       } | {
         readonly _tag: "EndedAnimation";
         readonly generation: number;
-      } | {
-        readonly _tag: "Hid";
-      } | {
-        readonly _tag: "Showed";
       };
     } | {
       readonly _tag: "RequestedClose";
@@ -235,15 +235,15 @@ export declare const view: import("foldkit/submodel").View<{
   } | {
     readonly _tag: "GotAnimationMessage";
     readonly message: {
+      readonly _tag: "Hid";
+    } | {
+      readonly _tag: "Showed";
+    } | {
       readonly _tag: "CompletedWaitForPaint";
       readonly generation: number;
     } | {
       readonly _tag: "EndedAnimation";
       readonly generation: number;
-    } | {
-      readonly _tag: "Hid";
-    } | {
-      readonly _tag: "Showed";
     };
   } | {
     readonly _tag: "RequestedClose";

package/dist/index.d.ts

@@ -40,46 +40,47 @@ import { index_d_exports as index_d_exports$38 } from "./link-state/index.js";
 import { index_d_exports as index_d_exports$39 } from "./live-region/index.js";
 import { index_d_exports as index_d_exports$40 } from "./loading/index.js";
 import { index_d_exports as index_d_exports$41 } from "./mark/index.js";
-import { index_d_exports as index_d_exports$42 } from "./menu/index.js";
-import { index_d_exports as index_d_exports$43 } from "./meter/index.js";
-import { index_d_exports as index_d_exports$44 } from "./nav-strip/index.js";
-import { index_d_exports as index_d_exports$45 } from "./notice/index.js";
-import { index_d_exports as index_d_exports$46 } from "./outcome/index.js";
-import { index_d_exports as index_d_exports$47 } from "./page-head/index.js";
-import { index_d_exports as index_d_exports$48 } from "./panel/index.js";
-import { index_d_exports as index_d_exports$49 } from "./password-field/index.js";
-import { index_d_exports as index_d_exports$50 } from "./places/index.js";
-import { index_d_exports as index_d_exports$51 } from "./props-list/index.js";
-import { index_d_exports as index_d_exports$52 } from "./prose/index.js";
-import { index_d_exports as index_d_exports$53 } from "./query-chip/index.js";
-import { index_d_exports as index_d_exports$54 } from "./radio-choices/index.js";
-import { index_d_exports as index_d_exports$55 } from "./rail/index.js";
-import { index_d_exports as index_d_exports$56 } from "./reel/index.js";
-import { index_d_exports as index_d_exports$57 } from "./remote/index.js";
-import { index_d_exports as index_d_exports$58 } from "./rows/index.js";
-import { index_d_exports as index_d_exports$59 } from "./scheme/index.js";
-import { index_d_exports as index_d_exports$60 } from "./secret/index.js";
-import { index_d_exports as index_d_exports$61 } from "./segmented/index.js";
-import { index_d_exports as index_d_exports$62 } from "./select-field/index.js";
-import { index_d_exports as index_d_exports$63 } from "./sheet/index.js";
-import { index_d_exports as index_d_exports$64 } from "./skip-link/index.js";
-import { index_d_exports as index_d_exports$65 } from "./sortable/index.js";
-import { index_d_exports as index_d_exports$66 } from "./stack/index.js";
-import { index_d_exports as index_d_exports$67 } from "./stage/index.js";
-import { index_d_exports as index_d_exports$68 } from "./stat/index.js";
-import { index_d_exports as index_d_exports$69 } from "./status-bar/index.js";
-import { index_d_exports as index_d_exports$70 } from "./table/index.js";
-import { index_d_exports as index_d_exports$71 } from "./tabs/index.js";
-import { index_d_exports as index_d_exports$72 } from "./tag/index.js";
-import { index_d_exports as index_d_exports$74 } from "./textarea-field/index.js";
-import { index_d_exports as index_d_exports$73 } from "./text-button/index.js";
-import { index_d_exports as index_d_exports$75 } from "./time/index.js";
-import { index_d_exports as index_d_exports$76 } from "./tips/index.js";
-import { index_d_exports as index_d_exports$77 } from "./toast/index.js";
-import { index_d_exports as index_d_exports$78 } from "./toc/index.js";
-import { index_d_exports as index_d_exports$79 } from "./top-bar/index.js";
-import { index_d_exports as index_d_exports$80 } from "./wall/index.js";
-import { index_d_exports as index_d_exports$81 } from "./window/index.js";
-import { index_d_exports as index_d_exports$82 } from "./wordmark/index.js";
-import { index_d_exports as index_d_exports$83 } from "./wrap/index.js";
-export { index_d_exports as Announcer, index_d_exports$1 as Banner, index_d_exports$2 as Bench, index_d_exports$3 as Board, index_d_exports$4 as Button, index_d_exports$5 as Card, index_d_exports$6 as Chip, index_d_exports$7 as Choice, index_d_exports$8 as CodeEditor, index_d_exports$9 as CodeSurface, index_d_exports$10 as CommandPalette, index_d_exports$11 as ConfirmDialog, index_d_exports$12 as CopyButton, index_d_exports$13 as Crumbs, index_d_exports$14 as Deck, index_d_exports$15 as Dialog, index_d_exports$16 as Disclosure, index_d_exports$17 as DropZone, index_d_exports$18 as EmptyState, index_d_exports$19 as ErrorSummary, index_d_exports$20 as Field, index_d_exports$21 as FieldGrid, index_d_exports$22 as Fieldset, index_d_exports$23 as FilterChip, index_d_exports$24 as FilterStrip, index_d_exports$25 as FlashWord, index_d_exports$26 as Focus, index_d_exports$27 as Format, index_d_exports$28 as Glyph, index_d_exports$29 as Group, index_d_exports$30 as History, index_d_exports$31 as IconButton, index_d_exports$32 as Identity, index_d_exports$33 as InlineInput, index_d_exports$34 as KeyHelp, index_d_exports$35 as KeyHint, index_d_exports$36 as LineDiff, index_d_exports$37 as LinkButton, index_d_exports$38 as LinkState, index_d_exports$39 as LiveRegion, index_d_exports$40 as Loading, index_d_exports$41 as Mark, index_d_exports$42 as Menu, index_d_exports$43 as Meter, index_d_exports$44 as NavStrip, index_d_exports$45 as Notice, index_d_exports$46 as Outcome, index_d_exports$47 as PageHead, index_d_exports$48 as Panel, index_d_exports$49 as PasswordField, index_d_exports$50 as Places, index_d_exports$51 as PropsList, index_d_exports$52 as Prose, index_d_exports$53 as QueryChip, index_d_exports$54 as RadioChoices, index_d_exports$55 as Rail, index_d_exports$56 as Reel, index_d_exports$57 as Remote, index_d_exports$58 as Rows, index_d_exports$59 as Scheme, index_d_exports$60 as Secret, index_d_exports$61 as Segmented, index_d_exports$62 as SelectField, index_d_exports$63 as Sheet, index_d_exports$64 as SkipLink, index_d_exports$65 as Sortable, index_d_exports$66 as Stack, index_d_exports$67 as Stage, index_d_exports$68 as Stat, index_d_exports$69 as StatusBar, index_d_exports$70 as Table, index_d_exports$71 as Tabs, index_d_exports$72 as Tag, index_d_exports$73 as TextButton, index_d_exports$74 as TextareaField, index_d_exports$75 as Time, index_d_exports$76 as Tips, index_d_exports$77 as Toast, index_d_exports$78 as Toc, index_d_exports$79 as TopBar, index_d_exports$80 as Wall, index_d_exports$81 as Window, index_d_exports$82 as Wordmark, index_d_exports$83 as Wrap };
+import { index_d_exports as index_d_exports$42 } from "./markdown-editor/index.js";
+import { index_d_exports as index_d_exports$43 } from "./menu/index.js";
+import { index_d_exports as index_d_exports$44 } from "./meter/index.js";
+import { index_d_exports as index_d_exports$45 } from "./nav-strip/index.js";
+import { index_d_exports as index_d_exports$46 } from "./notice/index.js";
+import { index_d_exports as index_d_exports$47 } from "./outcome/index.js";
+import { index_d_exports as index_d_exports$48 } from "./page-head/index.js";
+import { index_d_exports as index_d_exports$49 } from "./panel/index.js";
+import { index_d_exports as index_d_exports$50 } from "./password-field/index.js";
+import { index_d_exports as index_d_exports$51 } from "./places/index.js";
+import { index_d_exports as index_d_exports$52 } from "./props-list/index.js";
+import { index_d_exports as index_d_exports$53 } from "./prose/index.js";
+import { index_d_exports as index_d_exports$54 } from "./query-chip/index.js";
+import { index_d_exports as index_d_exports$55 } from "./radio-choices/index.js";
+import { index_d_exports as index_d_exports$56 } from "./rail/index.js";
+import { index_d_exports as index_d_exports$57 } from "./reel/index.js";
+import { index_d_exports as index_d_exports$58 } from "./remote/index.js";
+import { index_d_exports as index_d_exports$59 } from "./rows/index.js";
+import { index_d_exports as index_d_exports$60 } from "./scheme/index.js";
+import { index_d_exports as index_d_exports$61 } from "./secret/index.js";
+import { index_d_exports as index_d_exports$62 } from "./segmented/index.js";
+import { index_d_exports as index_d_exports$63 } from "./select-field/index.js";
+import { index_d_exports as index_d_exports$64 } from "./sheet/index.js";
+import { index_d_exports as index_d_exports$65 } from "./skip-link/index.js";
+import { index_d_exports as index_d_exports$66 } from "./sortable/index.js";
+import { index_d_exports as index_d_exports$67 } from "./stack/index.js";
+import { index_d_exports as index_d_exports$68 } from "./stage/index.js";
+import { index_d_exports as index_d_exports$69 } from "./stat/index.js";
+import { index_d_exports as index_d_exports$70 } from "./status-bar/index.js";
+import { index_d_exports as index_d_exports$71 } from "./table/index.js";
+import { index_d_exports as index_d_exports$72 } from "./tabs/index.js";
+import { index_d_exports as index_d_exports$73 } from "./tag/index.js";
+import { index_d_exports as index_d_exports$75 } from "./textarea-field/index.js";
+import { index_d_exports as index_d_exports$74 } from "./text-button/index.js";
+import { index_d_exports as index_d_exports$76 } from "./time/index.js";
+import { index_d_exports as index_d_exports$77 } from "./tips/index.js";
+import { index_d_exports as index_d_exports$78 } from "./toast/index.js";
+import { index_d_exports as index_d_exports$79 } from "./toc/index.js";
+import { index_d_exports as index_d_exports$80 } from "./top-bar/index.js";
+import { index_d_exports as index_d_exports$81 } from "./wall/index.js";
+import { index_d_exports as index_d_exports$82 } from "./window/index.js";
+import { index_d_exports as index_d_exports$83 } from "./wordmark/index.js";
+import { index_d_exports as index_d_exports$84 } from "./wrap/index.js";
+export { index_d_exports as Announcer, index_d_exports$1 as Banner, index_d_exports$2 as Bench, index_d_exports$3 as Board, index_d_exports$4 as Button, index_d_exports$5 as Card, index_d_exports$6 as Chip, index_d_exports$7 as Choice, index_d_exports$8 as CodeEditor, index_d_exports$9 as CodeSurface, index_d_exports$10 as CommandPalette, index_d_exports$11 as ConfirmDialog, index_d_exports$12 as CopyButton, index_d_exports$13 as Crumbs, index_d_exports$14 as Deck, index_d_exports$15 as Dialog, index_d_exports$16 as Disclosure, index_d_exports$17 as DropZone, index_d_exports$18 as EmptyState, index_d_exports$19 as ErrorSummary, index_d_exports$20 as Field, index_d_exports$21 as FieldGrid, index_d_exports$22 as Fieldset, index_d_exports$23 as FilterChip, index_d_exports$24 as FilterStrip, index_d_exports$25 as FlashWord, index_d_exports$26 as Focus, index_d_exports$27 as Format, index_d_exports$28 as Glyph, index_d_exports$29 as Group, index_d_exports$30 as History, index_d_exports$31 as IconButton, index_d_exports$32 as Identity, index_d_exports$33 as InlineInput, index_d_exports$34 as KeyHelp, index_d_exports$35 as KeyHint, index_d_exports$36 as LineDiff, index_d_exports$37 as LinkButton, index_d_exports$38 as LinkState, index_d_exports$39 as LiveRegion, index_d_exports$40 as Loading, index_d_exports$41 as Mark, index_d_exports$42 as MarkdownEditor, index_d_exports$43 as Menu, index_d_exports$44 as Meter, index_d_exports$45 as NavStrip, index_d_exports$46 as Notice, index_d_exports$47 as Outcome, index_d_exports$48 as PageHead, index_d_exports$49 as Panel, index_d_exports$50 as PasswordField, index_d_exports$51 as Places, index_d_exports$52 as PropsList, index_d_exports$53 as Prose, index_d_exports$54 as QueryChip, index_d_exports$55 as RadioChoices, index_d_exports$56 as Rail, index_d_exports$57 as Reel, index_d_exports$58 as Remote, index_d_exports$59 as Rows, index_d_exports$60 as Scheme, index_d_exports$61 as Secret, index_d_exports$62 as Segmented, index_d_exports$63 as SelectField, index_d_exports$64 as Sheet, index_d_exports$65 as SkipLink, index_d_exports$66 as Sortable, index_d_exports$67 as Stack, index_d_exports$68 as Stage, index_d_exports$69 as Stat, index_d_exports$70 as StatusBar, index_d_exports$71 as Table, index_d_exports$72 as Tabs, index_d_exports$73 as Tag, index_d_exports$74 as TextButton, index_d_exports$75 as TextareaField, index_d_exports$76 as Time, index_d_exports$77 as Tips, index_d_exports$78 as Toast, index_d_exports$79 as Toc, index_d_exports$80 as TopBar, index_d_exports$81 as Wall, index_d_exports$82 as Window, index_d_exports$83 as Wordmark, index_d_exports$84 as Wrap };

package/dist/index.js

@@ -40,6 +40,7 @@ import { link_state_exports } from "./link-state/index.js";
 import { live_region_exports } from "./live-region/index.js";
 import { loading_exports } from "./loading/index.js";
 import { mark_exports } from "./mark/index.js";
+import { markdown_editor_exports } from "./markdown-editor/index.js";
 import { menu_exports } from "./menu/index.js";
 import { meter_exports } from "./meter/index.js";
 import { nav_strip_exports } from "./nav-strip/index.js";
@@ -82,4 +83,4 @@ import { wall_exports } from "./wall/index.js";
 import { window_exports } from "./window/index.js";
 import { wordmark_exports } from "./wordmark/index.js";
 import { wrap_exports } from "./wrap/index.js";
-export { announcer_exports as Announcer, banner_exports as Banner, bench_exports as Bench, board_exports as Board, button_exports as Button, card_exports as Card, chip_exports as Chip, choice_exports as Choice, code_editor_exports as CodeEditor, code_surface_exports as CodeSurface, command_palette_exports as CommandPalette, confirm_dialog_exports as ConfirmDialog, copy_button_exports as CopyButton, crumbs_exports as Crumbs, deck_exports as Deck, dialog_exports as Dialog, disclosure_exports as Disclosure, drop_zone_exports as DropZone, empty_state_exports as EmptyState, error_summary_exports as ErrorSummary, field_exports as Field, field_grid_exports as FieldGrid, fieldset_exports as Fieldset, filter_chip_exports as FilterChip, filter_strip_exports as FilterStrip, flash_word_exports as FlashWord, focus_exports as Focus, format_exports as Format, glyph_exports as Glyph, group_exports as Group, history_exports as History, icon_button_exports as IconButton, identity_exports as Identity, inline_input_exports as InlineInput, key_help_exports as KeyHelp, key_hint_exports as KeyHint, line_diff_exports as LineDiff, link_button_exports as LinkButton, link_state_exports as LinkState, live_region_exports as LiveRegion, loading_exports as Loading, mark_exports as Mark, menu_exports as Menu, meter_exports as Meter, nav_strip_exports as NavStrip, notice_exports as Notice, outcome_exports as Outcome, page_head_exports as PageHead, panel_exports as Panel, password_field_exports as PasswordField, places_exports as Places, props_list_exports as PropsList, prose_exports as Prose, query_chip_exports as QueryChip, radio_choices_exports as RadioChoices, rail_exports as Rail, reel_exports as Reel, remote_exports as Remote, rows_exports as Rows, scheme_exports as Scheme, secret_exports as Secret, segmented_exports as Segmented, select_field_exports as SelectField, sheet_exports as Sheet, skip_link_exports as SkipLink, sortable_exports as Sortable, stack_exports as Stack, stage_exports as Stage, stat_exports as Stat, status_bar_exports as StatusBar, table_exports as Table, tabs_exports as Tabs, tag_exports as Tag, text_button_exports as TextButton, textarea_field_exports as TextareaField, time_exports as Time, tips_exports as Tips, toast_exports as Toast, toc_exports as Toc, top_bar_exports as TopBar, wall_exports as Wall, window_exports as Window, wordmark_exports as Wordmark, wrap_exports as Wrap };
+export { announcer_exports as Announcer, banner_exports as Banner, bench_exports as Bench, board_exports as Board, button_exports as Button, card_exports as Card, chip_exports as Chip, choice_exports as Choice, code_editor_exports as CodeEditor, code_surface_exports as CodeSurface, command_palette_exports as CommandPalette, confirm_dialog_exports as ConfirmDialog, copy_button_exports as CopyButton, crumbs_exports as Crumbs, deck_exports as Deck, dialog_exports as Dialog, disclosure_exports as Disclosure, drop_zone_exports as DropZone, empty_state_exports as EmptyState, error_summary_exports as ErrorSummary, field_exports as Field, field_grid_exports as FieldGrid, fieldset_exports as Fieldset, filter_chip_exports as FilterChip, filter_strip_exports as FilterStrip, flash_word_exports as FlashWord, focus_exports as Focus, format_exports as Format, glyph_exports as Glyph, group_exports as Group, history_exports as History, icon_button_exports as IconButton, identity_exports as Identity, inline_input_exports as InlineInput, key_help_exports as KeyHelp, key_hint_exports as KeyHint, line_diff_exports as LineDiff, link_button_exports as LinkButton, link_state_exports as LinkState, live_region_exports as LiveRegion, loading_exports as Loading, mark_exports as Mark, markdown_editor_exports as MarkdownEditor, menu_exports as Menu, meter_exports as Meter, nav_strip_exports as NavStrip, notice_exports as Notice, outcome_exports as Outcome, page_head_exports as PageHead, panel_exports as Panel, password_field_exports as PasswordField, places_exports as Places, props_list_exports as PropsList, prose_exports as Prose, query_chip_exports as QueryChip, radio_choices_exports as RadioChoices, rail_exports as Rail, reel_exports as Reel, remote_exports as Remote, rows_exports as Rows, scheme_exports as Scheme, secret_exports as Secret, segmented_exports as Segmented, select_field_exports as SelectField, sheet_exports as Sheet, skip_link_exports as SkipLink, sortable_exports as Sortable, stack_exports as Stack, stage_exports as Stage, stat_exports as Stat, status_bar_exports as StatusBar, table_exports as Table, tabs_exports as Tabs, tag_exports as Tag, text_button_exports as TextButton, textarea_field_exports as TextareaField, time_exports as Time, tips_exports as Tips, toast_exports as Toast, toc_exports as Toc, top_bar_exports as TopBar, wall_exports as Wall, window_exports as Window, wordmark_exports as Wordmark, wrap_exports as Wrap };

package/dist/inline-input/inline-input.d.ts

@@ -96,13 +96,13 @@ export declare const update: (model: Model, message: Message) => Readonly<{
     readonly isRepeating: boolean;
   };
   commands?: Update.Commands<{
-    readonly _tag: "PressedEscape";
-  } | {
     readonly _tag: "CompletedFocusField";
   } | {
     readonly _tag: "BlurredField";
   } | {
     readonly _tag: "PressedEnter";
+  } | {
+    readonly _tag: "PressedEscape";
   } | {
     readonly _tag: "UpdatedDraft";
     readonly value: string;
@@ -134,9 +134,9 @@ export declare const failed: (model: Model, error?: string) => Update.Return<Mod
  *  never also closes the dialog around the field. Attached by `view`. In a Scene, resolve it
  *  with `Message.PressedEscape`. */
 export declare const BindFieldKeys: Mount.MountDefinitionNoArgs<"BindFieldKeys", {
-  readonly _tag: "PressedEscape";
-} | {
   readonly _tag: "PressedEnter";
+} | {
+  readonly _tag: "PressedEscape";
 }>;
 /** Per-render inputs passed to `view` through `h.submodel`'s `viewInputs`. */
 export type ViewInputs = Readonly<{
@@ -172,13 +172,13 @@ export declare const view: import("foldkit/submodel").View<{
   readonly maybeLastSavedId: Option.Option<string>;
   readonly isRepeating: boolean;
 }, {
-  readonly _tag: "PressedEscape";
-} | {
   readonly _tag: "CompletedFocusField";
 } | {
   readonly _tag: "BlurredField";
 } | {
   readonly _tag: "PressedEnter";
+} | {
+  readonly _tag: "PressedEscape";
 } | {
   readonly _tag: "UpdatedDraft";
   readonly value: string;

package/dist/key-help/key-help.d.ts

@@ -120,15 +120,15 @@ export declare const update: (model: Model, message: Message) => Readonly<{
       } | {
         readonly _tag: "GotAnimationMessage";
         readonly message: {
+          readonly _tag: "Hid";
+        } | {
+          readonly _tag: "Showed";
+        } | {
           readonly _tag: "CompletedWaitForPaint";
           readonly generation: number;
         } | {
           readonly _tag: "EndedAnimation";
           readonly generation: number;
-        } | {
-          readonly _tag: "Hid";
-        } | {
-          readonly _tag: "Showed";
         };
       } | {
         readonly _tag: "RequestedClose";
@@ -211,15 +211,15 @@ export declare const view: import("foldkit/submodel").View<{
     } | {
       readonly _tag: "GotAnimationMessage";
       readonly message: {
+        readonly _tag: "Hid";
+      } | {
+        readonly _tag: "Showed";
+      } | {
         readonly _tag: "CompletedWaitForPaint";
         readonly generation: number;
       } | {
         readonly _tag: "EndedAnimation";
         readonly generation: number;
-      } | {
-        readonly _tag: "Hid";
-      } | {
-        readonly _tag: "Showed";
       };
     } | {
       readonly _tag: "RequestedClose";

package/dist/markdown-editor/element.d.ts

@@ -0,0 +1,4 @@
+/** Registers `<pp-markdown-editor>`. Call it once from the client entry, before the first
+ *  render. This subpath carries CodeMirror, so the package's root never registers it for an
+ *  application that does not ask. */
+export declare const defineMarkdownEditorElement: () => void;

package/dist/markdown-editor/element.js

@@ -0,0 +1,120 @@
+import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
+import { spec } from "./markdown-editor.js";
+import { afterEmission, afterSource } from "./reconcile.js";
+import { createEngine } from "./engine.js";
+// src/markdown-editor/element.ts
+const MIRRORED_ATTRIBUTES = [
+	"aria-describedby",
+	"aria-invalid",
+	"aria-required"
+];
+const MOTION_END_EVENTS = ["animationend", "transitionend"];
+const mirroredAttributes = (textarea) => __foldkitBrandViewResult((Object.fromEntries(MIRRORED_ATTRIBUTES.flatMap((name) => {
+	const value = textarea.getAttribute(name);
+	return __foldkitBrandViewResult((value === null ? [] : [[name, value]]), "@gjermundgaraba/pixel-paper/markdown-editor/element.js#anonymous");
+}))), "@gjermundgaraba/pixel-paper/markdown-editor/element.js#mirroredAttributes");
+const namedBy = (textarea) => {
+	const [label] = textarea.labels ?? [];
+	if (label === void 0) return __foldkitBrandViewResult(({}), "@gjermundgaraba/pixel-paper/markdown-editor/element.js#namedBy");
+	if (label.id === "") label.id = `${textarea.id}-label`;
+	return __foldkitBrandViewResult(({ "aria-labelledby": label.id }), "@gjermundgaraba/pixel-paper/markdown-editor/element.js#namedBy");
+};
+var MarkdownEditorElement = class extends HTMLElement {
+	static formAssociated = true;
+	#source = "";
+	#isDisabled = false;
+	#pending = [];
+	#mounted;
+	get source() {
+		return __foldkitBrandViewResult((this.#source), "@gjermundgaraba/pixel-paper/markdown-editor/element.js#source");
+	}
+	set source(next) {
+		this.#source = next;
+		const engine = this.#mounted?.engine;
+		if (engine === void 0) return;
+		const { pending, isExternal } = afterSource(this.#pending, next, engine.doc());
+		this.#pending = pending;
+		if (isExternal) engine.applyExternal(next);
+	}
+	formDisabledCallback(isDisabled) {
+		this.#isDisabled = isDisabled;
+		this.#mounted?.syncAccess();
+	}
+	connectedCallback() {
+		const textarea = this.querySelector("textarea");
+		if (this.#mounted === void 0 && textarea !== null) this.#mounted = this.#mount(textarea);
+	}
+	disconnectedCallback() {
+		queueMicrotask(() => {
+			if (!this.isConnected) this.#mounted?.unmount();
+		});
+	}
+	#mount(textarea) {
+		const surface = document.createElement("div");
+		surface.className = "markdown-surface";
+		surface.style.setProperty("--rows", `${textarea.rows}`);
+		textarea.after(surface);
+		const accessAttributes = () => (__foldkitBrandViewResult(({
+			...namedBy(textarea),
+			...mirroredAttributes(textarea)
+		}), "@gjermundgaraba/pixel-paper/markdown-editor/element.js#accessAttributes"));
+		const engine = createEngine({
+			parent: surface,
+			doc: this.#source,
+			attributes: accessAttributes(),
+			isReadOnly: this.#isDisabled,
+			onLocalChange: (doc) => {
+				this.#pending = afterEmission(this.#pending, doc);
+				this.dispatchEvent(new CustomEvent("value-change", { detail: { value: doc } }));
+			}
+		});
+		const syncAccess = () => {
+			engine.configureAccess(accessAttributes(), this.#isDisabled);
+		};
+		const lifetime = new AbortController();
+		const { signal } = lifetime;
+		const motion = new AbortController();
+		const remeasureAfterMotion = (event) => {
+			if (event.target instanceof Node && event.target.contains(this)) {
+				engine.requestMeasure();
+				motion.abort();
+			}
+		};
+		const attributeObserver = new MutationObserver(syncAccess);
+		textarea.tabIndex = -1;
+		textarea.setAttribute("aria-hidden", "true");
+		textarea.addEventListener("focus", engine.focus, { signal });
+		textarea.labels?.[0]?.addEventListener("click", (event) => {
+			event.preventDefault();
+			engine.focus();
+		}, { signal });
+		for (const name of MOTION_END_EVENTS) document.addEventListener(name, remeasureAfterMotion, {
+			capture: true,
+			signal: motion.signal
+		});
+		attributeObserver.observe(textarea, {
+			attributes: true,
+			attributeFilter: [...MIRRORED_ATTRIBUTES]
+		});
+		return __foldkitBrandViewResult(({
+			engine,
+			syncAccess,
+			unmount: () => {
+				lifetime.abort();
+				motion.abort();
+				attributeObserver.disconnect();
+				engine.destroy();
+				surface.remove();
+				this.#mounted = void 0;
+				this.#pending = [];
+			}
+		}), "@gjermundgaraba/pixel-paper/markdown-editor/element.js#mount");
+	}
+};
+/** Registers `<pp-markdown-editor>`. Call it once from the client entry, before the first
+*  render. This subpath carries CodeMirror, so the package's root never registers it for an
+*  application that does not ask. */
+const defineMarkdownEditorElement = () => {
+	if (customElements.get(spec.tag) === void 0) customElements.define(spec.tag, MarkdownEditorElement);
+};
+export { defineMarkdownEditorElement };