@gjermundgaraba/pixel-paper 0.1.1 → 0.2.1

package/dist/sortable/sortable.d.ts

@@ -187,8 +187,6 @@ export declare const update: (model: Model, message: Message) => Readonly<{
       readonly orientation: "Horizontal" | "Vertical";
       readonly activationThreshold: number;
       readonly dragState: {
-        readonly _tag: "Idle";
-      } | {
         readonly _tag: "Dragging";
         readonly itemId: string;
         readonly sourceContainerId: string;
@@ -205,6 +203,8 @@ export declare const update: (model: Model, message: Message) => Readonly<{
           readonly containerId: string;
           readonly index: number;
         }>;
+      } | {
+        readonly _tag: "Idle";
       } | {
         readonly _tag: "KeyboardDragging";
         readonly itemId: string;
@@ -344,8 +344,6 @@ export declare const subscriptions: <Prefix extends string>(keyPrefix: Prefix) =
       readonly orientation: "Horizontal" | "Vertical";
       readonly activationThreshold: number;
       readonly dragState: {
-        readonly _tag: "Idle";
-      } | {
         readonly _tag: "Dragging";
         readonly itemId: string;
         readonly sourceContainerId: string;
@@ -362,6 +360,8 @@ export declare const subscriptions: <Prefix extends string>(keyPrefix: Prefix) =
           readonly containerId: string;
           readonly index: number;
         }>;
+      } | {
+        readonly _tag: "Idle";
       } | {
         readonly _tag: "KeyboardDragging";
         readonly itemId: string;
@@ -494,8 +494,6 @@ export declare const subscriptions: <Prefix extends string>(keyPrefix: Prefix) =
       readonly orientation: "Horizontal" | "Vertical";
       readonly activationThreshold: number;
       readonly dragState: {
-        readonly _tag: "Idle";
-      } | {
         readonly _tag: "Dragging";
         readonly itemId: string;
         readonly sourceContainerId: string;
@@ -512,6 +510,8 @@ export declare const subscriptions: <Prefix extends string>(keyPrefix: Prefix) =
           readonly containerId: string;
           readonly index: number;
         }>;
+      } | {
+        readonly _tag: "Idle";
       } | {
         readonly _tag: "KeyboardDragging";
         readonly itemId: string;
@@ -640,8 +640,6 @@ export declare const subscriptions: <Prefix extends string>(keyPrefix: Prefix) =
       readonly orientation: "Horizontal" | "Vertical";
       readonly activationThreshold: number;
       readonly dragState: {
-        readonly _tag: "Idle";
-      } | {
         readonly _tag: "Dragging";
         readonly itemId: string;
         readonly sourceContainerId: string;
@@ -658,6 +656,8 @@ export declare const subscriptions: <Prefix extends string>(keyPrefix: Prefix) =
           readonly containerId: string;
           readonly index: number;
         }>;
+      } | {
+        readonly _tag: "Idle";
       } | {
         readonly _tag: "KeyboardDragging";
         readonly itemId: string;
@@ -786,8 +786,6 @@ export declare const subscriptions: <Prefix extends string>(keyPrefix: Prefix) =
       readonly orientation: "Horizontal" | "Vertical";
       readonly activationThreshold: number;
       readonly dragState: {
-        readonly _tag: "Idle";
-      } | {
         readonly _tag: "Dragging";
         readonly itemId: string;
         readonly sourceContainerId: string;
@@ -804,6 +802,8 @@ export declare const subscriptions: <Prefix extends string>(keyPrefix: Prefix) =
           readonly containerId: string;
           readonly index: number;
         }>;
+      } | {
+        readonly _tag: "Idle";
       } | {
         readonly _tag: "KeyboardDragging";
         readonly itemId: string;
@@ -974,8 +974,6 @@ export declare const view: import("foldkit/submodel").View<{
     readonly orientation: "Horizontal" | "Vertical";
     readonly activationThreshold: number;
     readonly dragState: {
-      readonly _tag: "Idle";
-    } | {
       readonly _tag: "Dragging";
       readonly itemId: string;
       readonly sourceContainerId: string;
@@ -992,6 +990,8 @@ export declare const view: import("foldkit/submodel").View<{
         readonly containerId: string;
         readonly index: number;
       }>;
+    } | {
+      readonly _tag: "Idle";
     } | {
       readonly _tag: "KeyboardDragging";
       readonly itemId: string;

package/dist/toast/toast.d.ts

@@ -315,15 +315,15 @@ export declare const update: (model: Model, message: Message) => Readonly<{
       readonly _tag: "GotAnimationMessage";
       readonly entryId: string;
       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: "HoveredEntry";
@@ -509,15 +509,15 @@ export declare const view: import("foldkit/submodel").View<{
     readonly _tag: "GotAnimationMessage";
     readonly entryId: string;
     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: "HoveredEntry";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gjermundgaraba/pixel-paper",
-  "version": "0.1.1",
+  "version": "0.2.1",
   "description": "Printed-paper Foldkit components, tokens and stylesheet.",
   "license": "MIT",
   "repository": {
@@ -12,7 +12,8 @@
     "dist",
     "fonts",
     "src/pixel-paper.css",
-    "src/tokens.css"
+    "src/tokens.css",
+    "THIRD_PARTY_NOTICES.md"
   ],
   "type": "module",
   "sideEffects": [
@@ -27,16 +28,29 @@
       "types": "./dist/scheme/script.d.ts",
       "default": "./dist/scheme/script.js"
     },
+    "./markdown-editor/element": {
+      "types": "./dist/markdown-editor/element.d.ts",
+      "default": "./dist/markdown-editor/element.js"
+    },
     "./pixel-paper.css": "./src/pixel-paper.css"
   },
   "publishConfig": {
     "access": "public"
   },
   "dependencies": {
+    "@codemirror/commands": "6.11.1",
+    "@codemirror/lang-markdown": "6.5.2",
+    "@codemirror/language": "6.13.1",
+    "@codemirror/merge": "6.12.3",
+    "@codemirror/state": "6.7.6",
+    "@codemirror/view": "6.43.15",
+    "@lezer/common": "1.5.4",
+    "@lezer/markdown": "1.8.1",
     "diff": "^9.0.0"
   },
   "devDependencies": {
     "@effect/platform-browser": "4.0.6",
+    "@effect/vitest": "4.0.6",
     "@foldkit/ui": "0.169.0",
     "@foldkit/vite-plugin": "0.28.0",
     "@types/node": "26.6.5",

package/src/pixel-paper.css

@@ -1673,6 +1673,52 @@ button.choice {
   font: var(--type-body)/1.5 var(--font-body);
 }
 
+pp-markdown-editor {
+  display: block;
+  position: relative;
+}
+
+pp-markdown-editor:has(.markdown-surface) textarea {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  min-height: 0;
+  padding: 0;
+  border: 0;
+  opacity: 0;
+  pointer-events: none;
+  overflow: hidden;
+  clip-path: inset(50%);
+  resize: none;
+}
+
+.markdown-surface {
+  border-bottom: 1px dotted var(--muted);
+  padding-bottom: 1px;
+}
+
+.markdown-surface .cm-scroller {
+  min-height: max(96px, calc(var(--rows) * 1lh));
+}
+
+.markdown-surface:focus-within,
+.field:has([aria-invalid="true"]) .markdown-surface {
+  border-bottom: var(--line) solid var(--ink);
+  padding-bottom: 0;
+}
+
+.field:has([aria-invalid="true"]) .markdown-surface {
+  border-bottom-color: var(--red);
+}
+
+pp-markdown-editor:disabled .markdown-surface {
+  border-bottom-color: transparent;
+}
+
+pp-markdown-editor:disabled .cm-content {
+  color: var(--muted);
+}
+
 textarea::-webkit-resizer {
   background: linear-gradient(135deg, transparent 0 50%, var(--ink) 50% 100%);
 }