@milkdown/crepe 7.8.0 → 7.9.0

package/lib/types/icons/drag-handle.d.ts

@@ -1,2 +1,2 @@
-export declare const dragHandleIcon: any;
+export declare const dragHandleIcon = "\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"16\"\n    height=\"16\"\n    viewBox=\"0 0 16 16\"\n  >\n    <path\n      d=\"M3.5 9.83366C3.35833 9.83366 3.23961 9.78571 3.14383 9.68983C3.04794 9.59394 3 9.47516 3 9.33349C3 9.19171 3.04794 9.07299 3.14383 8.97733C3.23961 8.88155 3.35833 8.83366 3.5 8.83366H12.5C12.6417 8.83366 12.7604 8.8816 12.8562 8.97749C12.9521 9.07338 13 9.19216 13 9.33383C13 9.4756 12.9521 9.59433 12.8562 9.68999C12.7604 9.78577 12.6417 9.83366 12.5 9.83366H3.5ZM3.5 7.16699C3.35833 7.16699 3.23961 7.11905 3.14383 7.02316C3.04794 6.92727 3 6.80849 3 6.66683C3 6.52505 3.04794 6.40633 3.14383 6.31066C3.23961 6.21488 3.35833 6.16699 3.5 6.16699H12.5C12.6417 6.16699 12.7604 6.21494 12.8562 6.31083C12.9521 6.40671 13 6.52549 13 6.66716C13 6.80894 12.9521 6.92766 12.8562 7.02333C12.7604 7.1191 12.6417 7.16699 12.5 7.16699H3.5Z\"\n    />\n  </svg>\n";
 //# sourceMappingURL=drag-handle.d.ts.map

package/lib/types/icons/drag-handle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"drag-handle.d.ts","sourceRoot":"","sources":["../../../src/icons/drag-handle.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,KAW1B,CAAA"}
+{"version":3,"file":"drag-handle.d.ts","sourceRoot":"","sources":["../../../src/icons/drag-handle.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc,k4BAW1B,CAAA"}

package/lib/types/icons/edit.d.ts

@@ -1,2 +1,2 @@
-export declare const editIcon: any;
+export declare const editIcon = "\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n  >\n    <g clip-path=\"url(#clip0_1013_1585)\">\n      <path\n        d=\"M14.06 9.02L14.98 9.94L5.92 19H5V18.08L14.06 9.02ZM17.66 3C17.41 3 17.15 3.1 16.96 3.29L15.13 5.12L18.88 8.87L20.71 7.04C21.1 6.65 21.1 6.02 20.71 5.63L18.37 3.29C18.17 3.09 17.92 3 17.66 3ZM14.06 6.19L3 17.25V21H6.75L17.81 9.94L14.06 6.19Z\"\n      />\n    </g>\n    <defs>\n      <clipPath id=\"clip0_1013_1585\">\n        <rect width=\"24\" height=\"24\" />\n      </clipPath>\n    </defs>\n  </svg>\n";
 //# sourceMappingURL=edit.d.ts.map

package/lib/types/icons/edit.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"edit.d.ts","sourceRoot":"","sources":["../../../src/icons/edit.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ,KAkBpB,CAAA"}
+{"version":3,"file":"edit.d.ts","sourceRoot":"","sources":["../../../src/icons/edit.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ,wlBAkBpB,CAAA"}

package/lib/types/icons/functions.d.ts

@@ -1,2 +1,2 @@
-export declare const functionsIcon: any;
+export declare const functionsIcon = "\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"32\"\n    height=\"32\"\n    viewBox=\"0 0 24 24\"\n  >\n    <path\n      fill=\"currentColor\"\n      d=\"M7 19v-.808L13.096 12L7 5.808V5h10v1.25H9.102L14.727 12l-5.625 5.77H17V19z\"\n    />\n  </svg>\n";
 //# sourceMappingURL=functions.d.ts.map

package/lib/types/icons/functions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"functions.d.ts","sourceRoot":"","sources":["../../../src/icons/functions.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,KAYzB,CAAA"}
+{"version":3,"file":"functions.d.ts","sourceRoot":"","sources":["../../../src/icons/functions.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa,gRAYzB,CAAA"}

package/lib/types/icons/h1.d.ts

@@ -1,2 +1,2 @@
-export declare const h1Icon: any;
+export declare const h1Icon = "\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n  >\n    <g clip-path=\"url(#clip0_992_5553)\">\n      <path\n        d=\"M19 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3ZM19 19H5V5H19V19ZM12 17H14V7H10V9H12V17Z\"\n      />\n    </g>\n    <defs>\n      <clipPath id=\"clip0_992_5553\">\n        <rect width=\"24\" height=\"24\" />\n      </clipPath>\n    </defs>\n  </svg>\n";
 //# sourceMappingURL=h1.d.ts.map

package/lib/types/icons/h1.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"h1.d.ts","sourceRoot":"","sources":["../../../src/icons/h1.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,KAkBlB,CAAA"}
+{"version":3,"file":"h1.d.ts","sourceRoot":"","sources":["../../../src/icons/h1.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM,0eAkBlB,CAAA"}

package/lib/types/icons/h2.d.ts

@@ -1,2 +1,2 @@
-export declare const h2Icon: any;
+export declare const h2Icon = "\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n  >\n    <g clip-path=\"url(#clip0_992_5559)\">\n      <path\n        d=\"M19 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3ZM19 19H5V5H19V19ZM15 15H11V13H13C14.1 13 15 12.11 15 11V9C15 7.89 14.1 7 13 7H9V9H13V11H11C9.9 11 9 11.89 9 13V17H15V15Z\"\n      />\n    </g>\n    <defs>\n      <clipPath id=\"clip0_992_5559\">\n        <rect width=\"24\" height=\"24\" />\n      </clipPath>\n    </defs>\n  </svg>\n";
 //# sourceMappingURL=h2.d.ts.map

package/lib/types/icons/h2.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"h2.d.ts","sourceRoot":"","sources":["../../../src/icons/h2.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,KAkBlB,CAAA"}
+{"version":3,"file":"h2.d.ts","sourceRoot":"","sources":["../../../src/icons/h2.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM,0jBAkBlB,CAAA"}

package/lib/types/icons/h3.d.ts

@@ -1,2 +1,2 @@
-export declare const h3Icon: any;
+export declare const h3Icon = "\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n  >\n    <g clip-path=\"url(#clip0_992_5565)\">\n      <path\n        d=\"M19 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3ZM19 19H5V5H19V19ZM15 15V13.5C15 12.67 14.33 12 13.5 12C14.33 12 15 11.33 15 10.5V9C15 7.89 14.1 7 13 7H9V9H13V11H11V13H13V15H9V17H13C14.1 17 15 16.11 15 15Z\"\n      />\n    </g>\n    <defs>\n      <clipPath id=\"clip0_992_5565\">\n        <rect width=\"24\" height=\"24\" />\n      </clipPath>\n    </defs>\n  </svg>\n";
 //# sourceMappingURL=h3.d.ts.map

package/lib/types/icons/h3.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"h3.d.ts","sourceRoot":"","sources":["../../../src/icons/h3.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,KAkBlB,CAAA"}
+{"version":3,"file":"h3.d.ts","sourceRoot":"","sources":["../../../src/icons/h3.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM,8lBAkBlB,CAAA"}

package/lib/types/icons/h4.d.ts

@@ -1,2 +1,2 @@
-export declare const h4Icon: any;
+export declare const h4Icon = "\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n  >\n    <g clip-path=\"url(#clip0_977_7757)\">\n      <path\n        d=\"M19.04 3H5.04004C3.94004 3 3.04004 3.9 3.04004 5V19C3.04004 20.1 3.94004 21 5.04004 21H19.04C20.14 21 21.04 20.1 21.04 19V5C21.04 3.9 20.14 3 19.04 3ZM19.04 19H5.04004V5H19.04V19ZM13.04 17H15.04V7H13.04V11H11.04V7H9.04004V13H13.04V17Z\"\n      />\n    </g>\n    <defs>\n      <clipPath id=\"clip0_977_7757\">\n        <rect width=\"24\" height=\"24\" />\n      </clipPath>\n    </defs>\n  </svg>\n";
 //# sourceMappingURL=h4.d.ts.map

package/lib/types/icons/h4.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"h4.d.ts","sourceRoot":"","sources":["../../../src/icons/h4.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,KAkBlB,CAAA"}
+{"version":3,"file":"h4.d.ts","sourceRoot":"","sources":["../../../src/icons/h4.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM,glBAkBlB,CAAA"}

package/lib/types/icons/h5.d.ts

@@ -1,2 +1,2 @@
-export declare const h5Icon: any;
+export declare const h5Icon = "\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n  >\n    <g clip-path=\"url(#clip0_977_7760)\">\n      <path\n        d=\"M19 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3ZM19 19H5V5H19V19ZM15 15V13C15 11.89 14.1 11 13 11H11V9H15V7H9V13H13V15H9V17H13C14.1 17 15 16.11 15 15Z\"\n      />\n    </g>\n    <defs>\n      <clipPath id=\"clip0_977_7760\">\n        <rect width=\"24\" height=\"24\" />\n      </clipPath>\n    </defs>\n  </svg>\n";
 //# sourceMappingURL=h5.d.ts.map

package/lib/types/icons/h5.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"h5.d.ts","sourceRoot":"","sources":["../../../src/icons/h5.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,KAkBlB,CAAA"}
+{"version":3,"file":"h5.d.ts","sourceRoot":"","sources":["../../../src/icons/h5.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM,wiBAkBlB,CAAA"}

package/lib/types/icons/h6.d.ts

@@ -1,2 +1,2 @@
-export declare const h6Icon: any;
+export declare const h6Icon = "\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n  >\n    <g clip-path=\"url(#clip0_977_7763)\">\n      <path\n        d=\"M11 17H13C14.1 17 15 16.11 15 15V13C15 11.89 14.1 11 13 11H11V9H15V7H11C9.9 7 9 7.89 9 9V15C9 16.11 9.9 17 11 17ZM11 13H13V15H11V13ZM19 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3ZM19 19H5V5H19V19Z\"\n      />\n    </g>\n    <defs>\n      <clipPath id=\"clip0_977_7763\">\n        <rect width=\"24\" height=\"24\" />\n      </clipPath>\n    </defs>\n  </svg>\n";
 //# sourceMappingURL=h6.d.ts.map

package/lib/types/icons/h6.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"h6.d.ts","sourceRoot":"","sources":["../../../src/icons/h6.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,KAkBlB,CAAA"}
+{"version":3,"file":"h6.d.ts","sourceRoot":"","sources":["../../../src/icons/h6.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM,ulBAkBlB,CAAA"}

package/lib/types/icons/image.d.ts

@@ -1,2 +1,2 @@
-export declare const imageIcon: any;
+export declare const imageIcon = "\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n  >\n    <g clip-path=\"url(#clip0_977_8075)\">\n      <path\n        d=\"M19 5V19H5V5H19ZM19 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3ZM14.14 11.86L11.14 15.73L9 13.14L6 17H18L14.14 11.86Z\"\n      />\n    </g>\n    <defs>\n      <clipPath id=\"clip0_977_8075\">\n        <rect width=\"24\" height=\"24\" />\n      </clipPath>\n    </defs>\n  </svg>\n";
 //# sourceMappingURL=image.d.ts.map

package/lib/types/icons/image.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["../../../src/icons/image.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS,KAkBrB,CAAA"}
+{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["../../../src/icons/image.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS,ugBAkBrB,CAAA"}

package/lib/types/icons/italic.d.ts

@@ -1,2 +1,2 @@
-export declare const italicIcon: any;
+export declare const italicIcon = "\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n  >\n    <path\n      d=\"M6.29811 18.625C6.04505 18.625 5.83115 18.5375 5.65641 18.3626C5.48166 18.1877 5.39429 17.9736 5.39429 17.7203C5.39429 17.467 5.48166 17.2532 5.65641 17.0788C5.83115 16.9045 6.04505 16.8173 6.29811 16.8173H9.21159L12.452 7.18265H9.53851C9.28545 7.18265 9.07155 7.0952 8.89681 6.9203C8.72206 6.7454 8.63469 6.5313 8.63469 6.278C8.63469 6.02472 8.72206 5.81089 8.89681 5.63652C9.07155 5.46217 9.28545 5.375 9.53851 5.375H16.8847C17.1377 5.375 17.3516 5.46245 17.5264 5.63735C17.7011 5.81225 17.7885 6.02634 17.7885 6.27962C17.7885 6.53293 17.7011 6.74676 17.5264 6.92113C17.3516 7.09548 17.1377 7.18265 16.8847 7.18265H14.2789L11.0385 16.8173H13.6443C13.8973 16.8173 14.1112 16.9048 14.286 17.0797C14.4607 17.2546 14.5481 17.4687 14.5481 17.722C14.5481 17.9752 14.4607 18.1891 14.286 18.3634C14.1112 18.5378 13.8973 18.625 13.6443 18.625H6.29811Z\"\n    />\n  </svg>\n";
 //# sourceMappingURL=italic.d.ts.map

package/lib/types/icons/italic.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"italic.d.ts","sourceRoot":"","sources":["../../../src/icons/italic.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,KAWtB,CAAA"}
+{"version":3,"file":"italic.d.ts","sourceRoot":"","sources":["../../../src/icons/italic.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU,q/BAWtB,CAAA"}

package/lib/types/icons/link.d.ts

@@ -1,2 +1,2 @@
-export declare const linkIcon: any;
+export declare const linkIcon = "\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n  >\n    <path\n      d=\"M17.0385 19.5003V16.5388H14.0769V15.0388H17.0385V12.0773H18.5384V15.0388H21.5V16.5388H18.5384V19.5003H17.0385ZM10.8077 16.5388H7.03845C5.78282 16.5388 4.7125 16.0963 3.8275 15.2114C2.9425 14.3266 2.5 13.2564 2.5 12.0009C2.5 10.7454 2.9425 9.67504 3.8275 8.78979C4.7125 7.90454 5.78282 7.46191 7.03845 7.46191H10.8077V8.96186H7.03845C6.1987 8.96186 5.48235 9.25834 4.8894 9.85129C4.29645 10.4442 3.99998 11.1606 3.99998 12.0003C3.99998 12.8401 4.29645 13.5564 4.8894 14.1494C5.48235 14.7423 6.1987 15.0388 7.03845 15.0388H10.8077V16.5388ZM8.25 12.7503V11.2504H15.75V12.7503H8.25ZM21.5 12.0003H20C20 11.1606 19.7035 10.4442 19.1106 9.85129C18.5176 9.25834 17.8013 8.96186 16.9615 8.96186H13.1923V7.46191H16.9615C18.2171 7.46191 19.2875 7.90441 20.1725 8.78939C21.0575 9.67439 21.5 10.7447 21.5 12.0003Z\"\n    />\n  </svg>\n";
 //# sourceMappingURL=link.d.ts.map

package/lib/types/icons/link.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../../src/icons/link.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ,KAWpB,CAAA"}
+{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../../src/icons/link.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ,y8BAWpB,CAAA"}

package/lib/types/icons/menu.d.ts

@@ -1,2 +1,2 @@
-export declare const menuIcon: any;
+export declare const menuIcon = "\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n  >\n    <g clip-path=\"url(#clip0_971_7680)\">\n      <path\n        d=\"M11 18C11 19.1 10.1 20 9 20C7.9 20 7 19.1 7 18C7 16.9 7.9 16 9 16C10.1 16 11 16.9 11 18ZM9 10C7.9 10 7 10.9 7 12C7 13.1 7.9 14 9 14C10.1 14 11 13.1 11 12C11 10.9 10.1 10 9 10ZM9 4C7.9 4 7 4.9 7 6C7 7.1 7.9 8 9 8C10.1 8 11 7.1 11 6C11 4.9 10.1 4 9 4ZM15 8C16.1 8 17 7.1 17 6C17 4.9 16.1 4 15 4C13.9 4 13 4.9 13 6C13 7.1 13.9 8 15 8ZM15 10C13.9 10 13 10.9 13 12C13 13.1 13.9 14 15 14C16.1 14 17 13.1 17 12C17 10.9 16.1 10 15 10ZM15 16C13.9 16 13 16.9 13 18C13 19.1 13.9 20 15 20C16.1 20 17 19.1 17 18C17 16.9 16.1 16 15 16Z\"\n      />\n    </g>\n    <defs>\n      <clipPath id=\"clip0_971_7680\">\n        <rect width=\"24\" height=\"24\" />\n      </clipPath>\n    </defs>\n  </svg>\n";
 //# sourceMappingURL=menu.d.ts.map

package/lib/types/icons/menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../src/icons/menu.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ,KAkBpB,CAAA"}
+{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../src/icons/menu.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ,+2BAkBpB,CAAA"}

package/lib/types/icons/ordered-list.d.ts

@@ -1,2 +1,2 @@
-export declare const orderedListIcon: any;
+export declare const orderedListIcon = "\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n  >\n    <g clip-path=\"url(#clip0_977_8067)\">\n      <path\n        d=\"M8 7H20C20.55 7 21 6.55 21 6C21 5.45 20.55 5 20 5H8C7.45 5 7 5.45 7 6C7 6.55 7.45 7 8 7ZM20 17H8C7.45 17 7 17.45 7 18C7 18.55 7.45 19 8 19H20C20.55 19 21 18.55 21 18C21 17.45 20.55 17 20 17ZM20 11H8C7.45 11 7 11.45 7 12C7 12.55 7.45 13 8 13H20C20.55 13 21 12.55 21 12C21 11.45 20.55 11 20 11ZM4.5 16H2.5C2.22 16 2 16.22 2 16.5C2 16.78 2.22 17 2.5 17H4V17.5H3.5C3.22 17.5 3 17.72 3 18C3 18.28 3.22 18.5 3.5 18.5H4V19H2.5C2.22 19 2 19.22 2 19.5C2 19.78 2.22 20 2.5 20H4.5C4.78 20 5 19.78 5 19.5V16.5C5 16.22 4.78 16 4.5 16ZM2.5 5H3V7.5C3 7.78 3.22 8 3.5 8C3.78 8 4 7.78 4 7.5V4.5C4 4.22 3.78 4 3.5 4H2.5C2.22 4 2 4.22 2 4.5C2 4.78 2.22 5 2.5 5ZM4.5 10H2.5C2.22 10 2 10.22 2 10.5C2 10.78 2.22 11 2.5 11H3.8L2.12 12.96C2.04 13.05 2 13.17 2 13.28V13.5C2 13.78 2.22 14 2.5 14H4.5C4.78 14 5 13.78 5 13.5C5 13.22 4.78 13 4.5 13H3.2L4.88 11.04C4.96 10.95 5 10.83 5 10.72V10.5C5 10.22 4.78 10 4.5 10Z\"\n      />\n    </g>\n    <defs>\n      <clipPath id=\"clip0_977_8067\">\n        <rect width=\"24\" height=\"24\" />\n      </clipPath>\n    </defs>\n  </svg>\n";
 //# sourceMappingURL=ordered-list.d.ts.map

package/lib/types/icons/ordered-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ordered-list.d.ts","sourceRoot":"","sources":["../../../src/icons/ordered-list.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,KAkB3B,CAAA"}
+{"version":3,"file":"ordered-list.d.ts","sourceRoot":"","sources":["../../../src/icons/ordered-list.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,guCAkB3B,CAAA"}

package/lib/types/icons/plus.d.ts

@@ -1,2 +1,2 @@
-export declare const plusIcon: any;
+export declare const plusIcon = "\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n  >\n    <g clip-path=\"url(#clip0_971_7676)\">\n      <path\n        d=\"M18 13H13V18C13 18.55 12.55 19 12 19C11.45 19 11 18.55 11 18V13H6C5.45 13 5 12.55 5 12C5 11.45 5.45 11 6 11H11V6C11 5.45 11.45 5 12 5C12.55 5 13 5.45 13 6V11H18C18.55 11 19 11.45 19 12C19 12.55 18.55 13 18 13Z\"\n      />\n    </g>\n    <defs>\n      <clipPath id=\"clip0_971_7676\">\n        <rect width=\"24\" height=\"24\" />\n      </clipPath>\n    </defs>\n  </svg>\n";
 //# sourceMappingURL=plus.d.ts.map

package/lib/types/icons/plus.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"plus.d.ts","sourceRoot":"","sources":["../../../src/icons/plus.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ,KAkBpB,CAAA"}
+{"version":3,"file":"plus.d.ts","sourceRoot":"","sources":["../../../src/icons/plus.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ,ujBAkBpB,CAAA"}

package/lib/types/icons/quote.d.ts

@@ -1,2 +1,2 @@
-export declare const quoteIcon: any;
+export declare const quoteIcon = "\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n  >\n    <g clip-path=\"url(#clip0_977_7897)\">\n      <path\n        d=\"M7.17 17C7.68 17 8.15 16.71 8.37 16.26L9.79 13.42C9.93 13.14 10 12.84 10 12.53V8C10 7.45 9.55 7 9 7H5C4.45 7 4 7.45 4 8V12C4 12.55 4.45 13 5 13H7L5.97 15.06C5.52 15.95 6.17 17 7.17 17ZM17.17 17C17.68 17 18.15 16.71 18.37 16.26L19.79 13.42C19.93 13.14 20 12.84 20 12.53V8C20 7.45 19.55 7 19 7H15C14.45 7 14 7.45 14 8V12C14 12.55 14.45 13 15 13H17L15.97 15.06C15.52 15.95 16.17 17 17.17 17Z\"\n      />\n    </g>\n    <defs>\n      <clipPath id=\"clip0_977_7897\">\n        <rect width=\"24\" height=\"24\" />\n      </clipPath>\n    </defs>\n  </svg>\n";
 //# sourceMappingURL=quote.d.ts.map

package/lib/types/icons/quote.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"quote.d.ts","sourceRoot":"","sources":["../../../src/icons/quote.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS,KAkBrB,CAAA"}
+{"version":3,"file":"quote.d.ts","sourceRoot":"","sources":["../../../src/icons/quote.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS,0uBAkBrB,CAAA"}

package/lib/types/icons/remove.d.ts

@@ -1,2 +1,2 @@
-export declare const removeIcon: any;
+export declare const removeIcon = "\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n  >\n    <path\n      d=\"M7.30775 20.4997C6.81058 20.4997 6.385 20.3227 6.031 19.9687C5.677 19.6147 5.5 19.1892 5.5 18.692V5.99973H5.25C5.0375 5.99973 4.85942 5.92782 4.71575 5.78398C4.57192 5.64015 4.5 5.46198 4.5 5.24948C4.5 5.03682 4.57192 4.85873 4.71575 4.71523C4.85942 4.57157 5.0375 4.49973 5.25 4.49973H9C9 4.2549 9.08625 4.04624 9.25875 3.87374C9.43108 3.7014 9.63967 3.61523 9.8845 3.61523H14.1155C14.3603 3.61523 14.5689 3.7014 14.7413 3.87374C14.9138 4.04624 15 4.2549 15 4.49973H18.75C18.9625 4.49973 19.1406 4.57165 19.2843 4.71548C19.4281 4.85932 19.5 5.03748 19.5 5.24998C19.5 5.46265 19.4281 5.64073 19.2843 5.78423C19.1406 5.9279 18.9625 5.99973 18.75 5.99973H18.5V18.692C18.5 19.1892 18.323 19.6147 17.969 19.9687C17.615 20.3227 17.1894 20.4997 16.6923 20.4997H7.30775ZM17 5.99973H7V18.692C7 18.7818 7.02883 18.8556 7.0865 18.9132C7.14417 18.9709 7.21792 18.9997 7.30775 18.9997H16.6923C16.7821 18.9997 16.8558 18.9709 16.9135 18.9132C16.9712 18.8556 17 18.7818 17 18.692V5.99973ZM10.1543 16.9997C10.3668 16.9997 10.5448 16.9279 10.6885 16.7842C10.832 16.6404 10.9037 16.4622 10.9037 16.2497V8.74973C10.9037 8.53723 10.8318 8.35907 10.688 8.21523C10.5443 8.07157 10.3662 7.99973 10.1535 7.99973C9.941 7.99973 9.76292 8.07157 9.61925 8.21523C9.47575 8.35907 9.404 8.53723 9.404 8.74973V16.2497C9.404 16.4622 9.47583 16.6404 9.6195 16.7842C9.76333 16.9279 9.94158 16.9997 10.1543 16.9997ZM13.8465 16.9997C14.059 16.9997 14.2371 16.9279 14.3807 16.7842C14.5243 16.6404 14.596 16.4622 14.596 16.2497V8.74973C14.596 8.53723 14.5242 8.35907 14.3805 8.21523C14.2367 8.07157 14.0584 7.99973 13.8458 7.99973C13.6333 7.99973 13.4552 8.07157 13.3115 8.21523C13.168 8.35907 13.0962 8.53723 13.0962 8.74973V16.2497C13.0962 16.4622 13.1682 16.6404 13.312 16.7842C13.4557 16.9279 13.6338 16.9997 13.8465 16.9997Z\"\n    />\n  </svg>\n";
 //# sourceMappingURL=remove.d.ts.map

package/lib/types/icons/remove.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"remove.d.ts","sourceRoot":"","sources":["../../../src/icons/remove.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,KAWtB,CAAA"}
+{"version":3,"file":"remove.d.ts","sourceRoot":"","sources":["../../../src/icons/remove.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU,w6DAWtB,CAAA"}

package/lib/types/icons/search.d.ts

@@ -1,2 +1,2 @@
-export declare const searchIcon: any;
+export declare const searchIcon = "\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    fill=\"none\"\n    viewBox=\"0 0 24 24\"\n    stroke-width=\"1.5\"\n    stroke=\"currentColor\"\n    class=\"w-6 h-6\"\n  >\n    <path\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n      d=\"M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z\"\n    />\n  </svg>\n";
 //# sourceMappingURL=search.d.ts.map

package/lib/types/icons/search.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"search.d.ts","sourceRoot":"","sources":["../../../src/icons/search.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,KAetB,CAAA"}
+{"version":3,"file":"search.d.ts","sourceRoot":"","sources":["../../../src/icons/search.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU,gXAetB,CAAA"}

package/lib/types/icons/strikethrough.d.ts

@@ -1,2 +1,2 @@
-export declare const strikethroughIcon: any;
+export declare const strikethroughIcon = "\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n  >\n    <path\n      d=\"M3.25 13.7404C3.0375 13.7404 2.85938 13.6684 2.71563 13.5246C2.57188 13.3808 2.5 13.2026 2.5 12.99C2.5 12.7774 2.57188 12.5993 2.71563 12.4558C2.85938 12.3122 3.0375 12.2404 3.25 12.2404H20.75C20.9625 12.2404 21.1406 12.3123 21.2843 12.4561C21.4281 12.5999 21.5 12.7781 21.5 12.9907C21.5 13.2033 21.4281 13.3814 21.2843 13.525C21.1406 13.6686 20.9625 13.7404 20.75 13.7404H3.25ZM10.9423 10.2596V6.62495H6.5673C6.2735 6.62495 6.02377 6.52201 5.8181 6.31613C5.61245 6.11026 5.50963 5.86027 5.50963 5.56615C5.50963 5.27205 5.61245 5.02083 5.8181 4.8125C6.02377 4.60417 6.2735 4.5 6.5673 4.5H17.4423C17.7361 4.5 17.9858 4.60294 18.1915 4.80883C18.3971 5.01471 18.5 5.2647 18.5 5.5588C18.5 5.85292 18.3971 6.10413 18.1915 6.31245C17.9858 6.52078 17.7361 6.62495 17.4423 6.62495H13.0673V10.2596H10.9423ZM10.9423 15.7211H13.0673V18.4423C13.0673 18.7361 12.9643 18.9858 12.7584 19.1915C12.5526 19.3971 12.3026 19.5 12.0085 19.5C11.7144 19.5 11.4631 19.3962 11.2548 19.1887C11.0465 18.9811 10.9423 18.7291 10.9423 18.4327V15.7211Z\"\n    />\n  </svg>\n";
 //# sourceMappingURL=strikethrough.d.ts.map

package/lib/types/icons/strikethrough.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"strikethrough.d.ts","sourceRoot":"","sources":["../../../src/icons/strikethrough.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,KAW7B,CAAA"}
+{"version":3,"file":"strikethrough.d.ts","sourceRoot":"","sources":["../../../src/icons/strikethrough.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,iBAAiB,sqCAW7B,CAAA"}

package/lib/types/icons/table.d.ts

@@ -1,2 +1,2 @@
-export declare const tableIcon: any;
+export declare const tableIcon = "\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n  >\n    <g clip-path=\"url(#clip0_977_8078)\">\n      <path\n        d=\"M20 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H20C21.1 21 22 20.1 22 19V5C22 3.9 21.1 3 20 3ZM20 5V8H5V5H20ZM15 19H10V10H15V19ZM5 10H8V19H5V10ZM17 19V10H20V19H17Z\"\n      />\n    </g>\n    <defs>\n      <clipPath id=\"clip0_977_8078\">\n        <rect width=\"24\" height=\"24\" />\n      </clipPath>\n    </defs>\n  </svg>\n";
 //# sourceMappingURL=table.d.ts.map

package/lib/types/icons/table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../src/icons/table.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS,KAkBrB,CAAA"}
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../src/icons/table.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS,ugBAkBrB,CAAA"}

package/lib/types/icons/text.d.ts

@@ -1,2 +1,2 @@
-export declare const textIcon: any;
+export declare const textIcon = "\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n  >\n    <g clip-path=\"url(#clip0_992_5547)\">\n      <path\n        d=\"M5 5.5C5 6.33 5.67 7 6.5 7H10.5V17.5C10.5 18.33 11.17 19 12 19C12.83 19 13.5 18.33 13.5 17.5V7H17.5C18.33 7 19 6.33 19 5.5C19 4.67 18.33 4 17.5 4H6.5C5.67 4 5 4.67 5 5.5Z\"\n      />\n    </g>\n    <defs>\n      <clipPath id=\"clip0_992_5547\">\n        <rect width=\"24\" height=\"24\" />\n      </clipPath>\n    </defs>\n  </svg>\n";
 //# sourceMappingURL=text.d.ts.map

package/lib/types/icons/text.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../src/icons/text.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ,KAkBpB,CAAA"}
+{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../src/icons/text.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ,ghBAkBpB,CAAA"}

package/lib/types/icons/todo-list.d.ts

@@ -1,2 +1,2 @@
-export declare const todoListIcon: any;
+export declare const todoListIcon = "\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n  >\n    <path\n      d=\"M5.66936 16.3389L9.39244 12.6158C9.54115 12.4671 9.71679 12.3937 9.91936 12.3957C10.1219 12.3976 10.2975 12.4761 10.4463 12.6312C10.5847 12.7823 10.654 12.9585 10.654 13.1599C10.654 13.3613 10.5847 13.5363 10.4463 13.6851L6.32704 17.8197C6.14627 18.0004 5.93538 18.0908 5.69436 18.0908C5.45333 18.0908 5.24243 18.0004 5.06166 17.8197L3.01744 15.7754C2.87899 15.637 2.81136 15.4629 2.81456 15.2533C2.81776 15.0437 2.88859 14.8697 3.02706 14.7312C3.16551 14.5928 3.34008 14.5235 3.55076 14.5235C3.76144 14.5235 3.93494 14.5928 4.07126 14.7312L5.66936 16.3389ZM5.66936 8.72359L9.39244 5.00049C9.54115 4.85177 9.71679 4.77838 9.91936 4.78031C10.1219 4.78223 10.2975 4.86075 10.4463 5.01586C10.5847 5.16691 10.654 5.34314 10.654 5.54454C10.654 5.74592 10.5847 5.92097 10.4463 6.06969L6.32704 10.2043C6.14627 10.3851 5.93538 10.4755 5.69436 10.4755C5.45333 10.4755 5.24243 10.3851 5.06166 10.2043L3.01744 8.16009C2.87899 8.02162 2.81136 7.84759 2.81456 7.63799C2.81776 7.42837 2.88859 7.25433 3.02706 7.11586C3.16551 6.97741 3.34008 6.90819 3.55076 6.90819C3.76144 6.90819 3.93494 6.97741 4.07126 7.11586L5.66936 8.72359ZM13.7597 16.5581C13.5472 16.5581 13.3691 16.4862 13.2253 16.3424C13.0816 16.1986 13.0097 16.0204 13.0097 15.8078C13.0097 15.5952 13.0816 15.4171 13.2253 15.2735C13.3691 15.13 13.5472 15.0582 13.7597 15.0582H20.7597C20.9722 15.0582 21.1503 15.1301 21.2941 15.2739C21.4378 15.4177 21.5097 15.5959 21.5097 15.8085C21.5097 16.0211 21.4378 16.1992 21.2941 16.3427C21.1503 16.4863 20.9722 16.5581 20.7597 16.5581H13.7597ZM13.7597 8.94276C13.5472 8.94276 13.3691 8.87085 13.2253 8.72704C13.0816 8.58324 13.0097 8.40504 13.0097 8.19244C13.0097 7.97985 13.0816 7.80177 13.2253 7.65819C13.3691 7.5146 13.5472 7.44281 13.7597 7.44281H20.7597C20.9722 7.44281 21.1503 7.51471 21.2941 7.65851C21.4378 7.80233 21.5097 7.98053 21.5097 8.19311C21.5097 8.40571 21.4378 8.5838 21.2941 8.72739C21.1503 8.87097 20.9722 8.94276 20.7597 8.94276H13.7597Z\"\n    />\n  </svg>\n";
 //# sourceMappingURL=todo-list.d.ts.map

package/lib/types/icons/todo-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"todo-list.d.ts","sourceRoot":"","sources":["../../../src/icons/todo-list.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,KAWxB,CAAA"}
+{"version":3,"file":"todo-list.d.ts","sourceRoot":"","sources":["../../../src/icons/todo-list.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY,kkEAWxB,CAAA"}

package/lib/types/icons/visibility-off.d.ts

@@ -1,2 +1,2 @@
-export declare const visibilityOffIcon: any;
+export declare const visibilityOffIcon = "\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    height=\"24px\"\n    viewBox=\"0 -960 960 960\"\n    width=\"24px\"\n  >\n    <path\n      d=\"m644-428-58-58q9-47-27-88t-93-32l-58-58q17-8 34.5-12t37.5-4q75 0 127.5 52.5T660-500q0 20-4 37.5T644-428Zm128 126-58-56q38-29 67.5-63.5T832-500q-50-101-143.5-160.5T480-720q-29 0-57 4t-55 12l-62-62q41-17 84-25.5t90-8.5q151 0 269 83.5T920-500q-23 59-60.5 109.5T772-302Zm20 246L624-222q-35 11-70.5 16.5T480-200q-151 0-269-83.5T40-500q21-53 53-98.5t73-81.5L56-792l56-56 736 736-56 56ZM222-624q-29 26-53 57t-41 67q50 101 143.5 160.5T480-280q20 0 39-2.5t39-5.5l-36-38q-11 3-21 4.5t-21 1.5q-75 0-127.5-52.5T300-500q0-11 1.5-21t4.5-21l-84-82Zm319 93Zm-151 75Z\"\n    />\n  </svg>\n";
 //# sourceMappingURL=visibility-off.d.ts.map

package/lib/types/icons/visibility-off.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"visibility-off.d.ts","sourceRoot":"","sources":["../../../src/icons/visibility-off.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,KAW7B,CAAA"}
+{"version":3,"file":"visibility-off.d.ts","sourceRoot":"","sources":["../../../src/icons/visibility-off.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,iBAAiB,wtBAW7B,CAAA"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@milkdown/crepe",
   "type": "module",
-  "version": "7.8.0",
+  "version": "7.9.0",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -41,7 +41,6 @@
     "@codemirror/state": "^6.4.1",
     "@codemirror/theme-one-dark": "^6.1.2",
     "@codemirror/view": "^6.16.0",
-    "atomico": "^1.75.1",
     "clsx": "^2.0.0",
     "codemirror": "^6.0.1",
     "katex": "^0.16.0",
@@ -50,32 +49,11 @@
     "remark-math": "^6.0.0",
     "tslib": "^2.8.1",
     "unist-util-visit": "^5.0.0",
-    "@milkdown/kit": "7.8.0"
-  },
-  "nx": {
-    "targets": {
-      "build": {
-        "outputs": [
-          "{projectRoot}/lib"
-        ],
-        "dependsOn": [
-          "build"
-        ]
-      },
-      "tsc": {
-        "outputs": [],
-        "dependsOn": [
-          "build"
-        ]
-      }
-    }
+    "vue": "^3.5.13",
+    "@milkdown/kit": "7.9.0"
   },
   "scripts": {
-    "start": "concurrently -n es,dts \"vite build --watch\"  \"tsc --emitDeclarationOnly --watch\"",
-    "test": "vitest",
-    "tsc": "tsc --noEmit && echo",
-    "build": "rimraf './lib' && pnpm run build:type && pnpm run build:es && pnpm run build:theme && echo",
-    "build:type": "tsc --emitDeclarationOnly",
+    "build": "pnpm run build:es && pnpm run build:theme && echo",
     "build:es": "rollup -c",
     "build:theme": "postcss 'src/theme' --base 'src/theme' --dir 'lib/theme'"
   },

package/src/core/crepe.ts

@@ -1,4 +1,6 @@
 import type { DefaultValue } from '@milkdown/kit/core'
+import type { ListenerManager } from '@milkdown/kit/plugin/listener'
+
 import {
   Editor,
   EditorStatus,
@@ -6,20 +8,19 @@ import {
   editorViewOptionsCtx,
   rootCtx,
 } from '@milkdown/kit/core'
-
-import { commonmark } from '@milkdown/kit/preset/commonmark'
-import { gfm } from '@milkdown/kit/preset/gfm'
+import { clipboard } from '@milkdown/kit/plugin/clipboard'
 import { history } from '@milkdown/kit/plugin/history'
 import { indent, indentConfig } from '@milkdown/kit/plugin/indent'
-import { getMarkdown } from '@milkdown/kit/utils'
-import { clipboard } from '@milkdown/kit/plugin/clipboard'
+import { listener, listenerCtx } from '@milkdown/kit/plugin/listener'
 import { trailing } from '@milkdown/kit/plugin/trailing'
+import { commonmark } from '@milkdown/kit/preset/commonmark'
+import { gfm } from '@milkdown/kit/preset/gfm'
+import { getMarkdown } from '@milkdown/kit/utils'
 
 import type { CrepeFeatureConfig } from '../feature'
+
 import { CrepeFeature, defaultFeatures, loadFeature } from '../feature'
 import { configureFeatures, crepeCtx } from './slice'
-import type { ListenerManager } from '@milkdown/kit/plugin/listener'
-import { listener, listenerCtx } from '@milkdown/kit/plugin/listener'
 
 export interface CrepeConfig {
   features?: Partial<Record<CrepeFeature, boolean>>
@@ -87,12 +88,12 @@ export class Crepe {
     this.#initPromise = Promise.all(promiseList)
   }
 
-  async create() {
+  create = async () => {
     await this.#initPromise
     return this.#editor.create()
   }
 
-  async destroy() {
+  destroy = async () => {
     await this.#initPromise
     return this.#editor.destroy()
   }
@@ -101,16 +102,16 @@ export class Crepe {
     return this.#editor
   }
 
-  setReadonly(value: boolean) {
+  setReadonly = (value: boolean) => {
     this.#editable = !value
     return this
   }
 
-  getMarkdown() {
+  getMarkdown = () => {
     return this.#editor.action(getMarkdown())
   }
 
-  on(fn: (api: ListenerManager) => void) {
+  on = (fn: (api: ListenerManager) => void) => {
     if (this.#editor.status !== EditorStatus.Created) {
       this.#editor.config((ctx) => {
         const listener = ctx.get(listenerCtx)

package/src/core/slice.ts

@@ -1,5 +1,7 @@
 import type { Ctx } from '@milkdown/kit/ctx'
+
 import { createSlice } from '@milkdown/kit/ctx'
+
 import type { CrepeFeature } from '../feature'
 import type { Crepe } from './crepe'
 

package/src/feature/block-edit/handle/component.tsx

@@ -0,0 +1,60 @@
+import { Icon } from '@milkdown/kit/component'
+import { defineComponent, ref, h, Fragment } from 'vue'
+
+import type { Icon as IconType } from '../../shared'
+
+h
+Fragment
+
+export interface BlockHandleProps {
+  onAdd: () => void
+  addIcon: IconType
+  handleIcon: IconType
+}
+
+export const BlockHandle = defineComponent<BlockHandleProps>({
+  props: {
+    onAdd: {
+      type: Function,
+      required: true,
+    },
+    addIcon: {
+      type: Function,
+      required: true,
+    },
+    handleIcon: {
+      type: Function,
+      required: true,
+    },
+  },
+  setup(props) {
+    const addButton = ref<HTMLDivElement>()
+
+    return () => {
+      return (
+        <>
+          <div
+            ref={addButton}
+            class="operation-item"
+            onPointerdown={(e) => {
+              e.preventDefault()
+              e.stopPropagation()
+              addButton.value?.classList.add('active')
+            }}
+            onPointerup={(e) => {
+              e.preventDefault()
+              e.stopPropagation()
+              addButton.value?.classList.remove('active')
+              props.onAdd()
+            }}
+          >
+            <Icon icon={props.addIcon()} />
+          </div>
+          <div class="operation-item">
+            <Icon icon={props.handleIcon()} />
+          </div>
+        </>
+      )
+    }
+  },
+})

package/src/feature/block-edit/handle/index.ts

@@ -1,29 +1,37 @@
-import type { PluginView } from '@milkdown/kit/prose/state'
-import { TextSelection } from '@milkdown/kit/prose/state'
-import { BlockProvider, block, blockConfig } from '@milkdown/kit/plugin/block'
 import type { Ctx } from '@milkdown/kit/ctx'
-import type { AtomicoThis } from 'atomico/types/dom'
+import type { PluginView } from '@milkdown/kit/prose/state'
+
 import { editorViewCtx } from '@milkdown/kit/core'
+import { BlockProvider, block, blockConfig } from '@milkdown/kit/plugin/block'
 import { paragraphSchema } from '@milkdown/kit/preset/commonmark'
 import { findParent } from '@milkdown/kit/prose'
-import { menuAPI } from '../menu'
-import { defIfNotExists } from '../../../utils'
+import { TextSelection } from '@milkdown/kit/prose/state'
+import { createApp, type App } from 'vue'
+
 import type { BlockEditFeatureConfig } from '../index'
-import type { BlockHandleProps } from './component'
-import { BlockHandleElement } from './component'
+
+import { menuIcon, plusIcon } from '../../../icons'
+import { menuAPI } from '../menu'
+import { BlockHandle } from './component'
 
 export class BlockHandleView implements PluginView {
-  #content: AtomicoThis<BlockHandleProps>
+  #content: HTMLElement
   #provider: BlockProvider
+  #app: App
   readonly #ctx: Ctx
 
   constructor(ctx: Ctx, config?: BlockEditFeatureConfig) {
     this.#ctx = ctx
-    const content = new BlockHandleElement()
+    const content = document.createElement('div')
+    content.classList.add('milkdown-block-handle')
+    const app = createApp(BlockHandle, {
+      onAdd: this.onAdd,
+      addIcon: config?.handleAddIcon ?? (() => plusIcon),
+      handleIcon: config?.handleDragIcon ?? (() => menuIcon),
+    })
+    app.mount(content)
+    this.#app = app
     this.#content = content
-    this.#content.onAdd = this.onAdd
-    this.#content.addIcon = config?.handleAddIcon
-    this.#content.handleIcon = config?.handleDragIcon
     this.#provider = new BlockProvider({
       ctx,
       content,
@@ -58,6 +66,7 @@ export class BlockHandleView implements PluginView {
   destroy = () => {
     this.#provider.destroy()
     this.#content.remove()
+    this.#app.unmount()
   }
 
   onAdd = () => {
@@ -80,7 +89,6 @@ export class BlockHandleView implements PluginView {
   }
 }
 
-defIfNotExists('milkdown-block-handle', BlockHandleElement)
 export function configureBlockHandle(
   ctx: Ctx,
   config?: BlockEditFeatureConfig

package/src/feature/block-edit/index.ts

@@ -1,8 +1,10 @@
 import { block } from '@milkdown/kit/plugin/block'
+
 import type { DefineFeature, Icon } from '../shared'
+import type { GroupBuilder } from './menu/group-builder'
+
 import { configureBlockHandle } from './handle'
 import { configureMenu, menu, menuAPI } from './menu'
-import type { GroupBuilder } from './menu/group-builder'
 
 interface BlockEditConfig {
   handleAddIcon: Icon