@milkdown/crepe 7.4.0 → 7.5.0

package/lib/esm/{tooltip-plugin-vZefVSGL.js → tooltip-plugin-iw2EQWIG.js}

@@ -1,10 +1,9 @@
 import { html } from 'atomico';
-import { l as link, e as edit, t as trash } from './clsx-R7WFaNKL.js';
-import { w as withMeta } from './meta-3ZYGAGrY.js';
-import { $ as $ctx, d as $prose } from './index-JkHHp3K-.js';
+import { w as withMeta } from './todoList-M-PGJKde.js';
+import { $ as $ctx, d as $prose } from './index-LAdX6LsO.js';
 import { TextSelection, Plugin, PluginKey } from '@milkdown/prose/state';
-import { d as debounce } from './index-Bg5GFp0g.js';
-import { c as computePosition, f as flip, o as offset, p as platform, t } from './composed-offset-position.browser.min-Tnm31e-m.js';
+import { d as debounce } from './index-0-j8Icms.js';
+import { c as computePosition, f as flip, o as offset } from './floating-ui.dom-CAYjY8Gv.js';
 import { posToDOMRect } from '@milkdown/prose';
 
 const defaultState = {
@@ -29,9 +28,9 @@ withMeta(linkTooltipState, {
   group: "LinkTooltip"
 });
 const defaultConfig = {
-  linkIcon: () => link,
-  editButton: () => edit,
-  removeButton: () => trash,
+  linkIcon: () => "\u{1F517}",
+  editButton: () => "\u270E",
+  removeButton: () => "\u232B",
   confirmButton: () => html`Confirm ⏎`,
   onCopyLink: () => {
   },
@@ -95,11 +94,7 @@ class TooltipProvider {
       };
       computePosition(virtualEl, this.element, {
         placement: "top",
-        middleware: [flip()],
-        platform: {
-          ...platform,
-          getOffsetParent: (element) => platform.getOffsetParent(element, t)
-        }
+        middleware: [flip(), offset(__privateGet(this, _offset))]
       }).then(({ x, y }) => {
         Object.assign(this.element.style, {
           left: `${x}px`,
@@ -122,11 +117,7 @@ class TooltipProvider {
       if (virtualElement) {
         computePosition(virtualElement, this.element, {
           placement: "top",
-          middleware: [flip(), offset(__privateGet(this, _offset))],
-          platform: {
-            ...platform,
-            getOffsetParent: (element) => platform.getOffsetParent(element, t)
-          }
+          middleware: [flip(), offset(__privateGet(this, _offset))]
         }).then(({ x, y }) => {
           Object.assign(this.element.style, {
             left: `${x}px`,
@@ -191,4 +182,4 @@ function tooltipFactory(id) {
 }
 
 export { TooltipProvider as T, linkTooltipConfig as a, linkTooltipAPI as b, linkTooltipState as l, tooltipFactory as t };
-//# sourceMappingURL=tooltip-plugin-vZefVSGL.js.map
+//# sourceMappingURL=tooltip-plugin-iw2EQWIG.js.map

package/lib/esm/tooltip-plugin-iw2EQWIG.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip-plugin-iw2EQWIG.js","sources":["../../../components/src/link-tooltip/slices.ts","../../../plugins/plugin-tooltip/src/tooltip-provider.ts","../../../plugins/plugin-tooltip/src/tooltip-plugin.ts"],"sourcesContent":["import { $ctx } from '@milkdown/utils'\nimport type { Mark } from '@milkdown/prose/model'\nimport { html } from 'atomico'\nimport { withMeta } from '../__internal__/meta'\n\nexport interface LinkToolTipState {\n  mode: 'preview' | 'edit'\n}\n\nconst defaultState: LinkToolTipState = {\n  mode: 'preview',\n}\n\nexport const linkTooltipState = $ctx({ ...defaultState }, 'linkTooltipStateCtx')\n\nwithMeta(linkTooltipState, {\n  displayName: 'State<link-tooltip>',\n  group: 'LinkTooltip',\n})\n\nexport interface LinkTooltipAPI {\n  addLink: (from: number, to: number) => void\n  editLink: (mark: Mark, from: number, to: number) => void\n  removeLink: (from: number, to: number) => void\n}\n\nconst defaultAPI: LinkTooltipAPI = {\n  addLink: () => {},\n  editLink: () => {},\n  removeLink: () => {},\n}\n\nexport const linkTooltipAPI = $ctx({ ...defaultAPI }, 'linkTooltipAPICtx')\n\nwithMeta(linkTooltipState, {\n  displayName: 'API<link-tooltip>',\n  group: 'LinkTooltip',\n})\n\nexport interface LinkTooltipConfig {\n  linkIcon: () => ReturnType<typeof html>\n  editButton: () => ReturnType<typeof html>\n  confirmButton: () => ReturnType<typeof html>\n  removeButton: () => ReturnType<typeof html>\n  onCopyLink: (link: string) => void\n  inputPlaceholder: string\n}\n\nconst defaultConfig: LinkTooltipConfig = {\n  linkIcon: () => '🔗',\n  editButton: () => '✎',\n  removeButton: () => '⌫',\n  confirmButton: () => html`Confirm ⏎`,\n  onCopyLink: () => {},\n  inputPlaceholder: 'Paste link...',\n}\n\nexport const linkTooltipConfig = $ctx({\n  ...defaultConfig,\n}, 'linkTooltipConfigCtx')\n\nwithMeta(linkTooltipState, {\n  displayName: 'Config<link-tooltip>',\n  group: 'LinkTooltip',\n})\n","import type { EditorState } from '@milkdown/prose/state'\nimport { TextSelection } from '@milkdown/prose/state'\nimport type { EditorView } from '@milkdown/prose/view'\nimport debounce from 'lodash.debounce'\nimport type { VirtualElement } from '@floating-ui/dom'\nimport { computePosition, flip, offset } from '@floating-ui/dom'\nimport { posToDOMRect } from '@milkdown/prose'\n\n/// Options for tooltip provider.\nexport interface TooltipProviderOptions {\n  /// The tooltip content.\n  content: HTMLElement\n  /// The debounce time for updating tooltip, 200ms by default.\n  debounce?: number\n  /// The function to determine whether the tooltip should be shown.\n  shouldShow?: (view: EditorView, prevState?: EditorState) => boolean\n  /// The offset to get the block. Default is 0.\n  offset?: number | {\n    mainAxis?: number\n    crossAxis?: number\n    alignmentAxis?: number | null\n  }\n}\n\n/// A provider for creating tooltip.\nexport class TooltipProvider {\n  /// @internal\n  readonly #debounce: number\n\n  /// @internal\n  readonly #shouldShow: (view: EditorView, prevState?: EditorState) => boolean\n\n  /// @internal\n  #initialized = false\n\n  /// @internal\n  readonly #offset?: number | {\n    mainAxis?: number\n    crossAxis?: number\n    alignmentAxis?: number | null\n  }\n\n  /// The root element of the tooltip.\n  element: HTMLElement\n\n  /// On show callback.\n  onShow = () => {}\n\n  /// On hide callback.\n  onHide = () => {}\n\n  constructor(options: TooltipProviderOptions) {\n    this.element = options.content\n    this.#debounce = options.debounce ?? 200\n    this.#shouldShow = options.shouldShow ?? this.#_shouldShow\n    this.#offset = options.offset\n  }\n\n  /// @internal\n  #onUpdate = (view: EditorView, prevState?: EditorState): void => {\n    const { state, composing } = view\n    const { selection, doc } = state\n    const { ranges } = selection\n    const from = Math.min(...ranges.map(range => range.$from.pos))\n    const to = Math.max(...ranges.map(range => range.$to.pos))\n    const isSame = prevState && prevState.doc.eq(doc) && prevState.selection.eq(selection)\n\n    if (!this.#initialized) {\n      view.dom.parentElement?.appendChild(this.element)\n      this.#initialized = true\n    }\n\n    if (composing || isSame)\n      return\n\n    if (!this.#shouldShow(view, prevState)) {\n      this.hide()\n      return\n    }\n\n    const virtualEl: VirtualElement = {\n      getBoundingClientRect: () => posToDOMRect(view, from, to),\n    }\n    computePosition(virtualEl, this.element, {\n      placement: 'top',\n      middleware: [flip(), offset(this.#offset)],\n    })\n      .then(({ x, y }) => {\n        Object.assign(this.element.style, {\n          left: `${x}px`,\n          top: `${y}px`,\n        })\n      })\n\n    this.show()\n  }\n\n  /// Update provider state by editor view.\n  update = (view: EditorView, prevState?: EditorState): void => {\n    const updater = debounce(this.#onUpdate, this.#debounce)\n\n    updater(view, prevState)\n  }\n\n  /// @internal\n  #_shouldShow(view: EditorView): boolean {\n    const { doc, selection } = view.state\n    const { empty, from, to } = selection\n\n    const isEmptyTextBlock = !doc.textBetween(from, to).length && view.state.selection instanceof TextSelection\n\n    const isTooltipChildren = this.element.contains(document.activeElement)\n\n    const notHasFocus = !view.hasFocus() && !isTooltipChildren\n\n    const isReadonly = !view.editable\n\n    if (\n      notHasFocus\n      || empty\n      || isEmptyTextBlock\n      || isReadonly\n    )\n      return false\n\n    return true\n  }\n\n  /// Destroy the tooltip.\n  destroy = () => {}\n\n  /// Show the tooltip.\n  show = (virtualElement?: VirtualElement) => {\n    this.element.dataset.show = 'true'\n\n    if (virtualElement) {\n      computePosition(virtualElement, this.element, {\n        placement: 'top',\n        middleware: [flip(), offset(this.#offset)],\n      })\n        .then(({ x, y }) => {\n          Object.assign(this.element.style, {\n            left: `${x}px`,\n            top: `${y}px`,\n          })\n        })\n    }\n\n    this.onShow()\n  }\n\n  /// Hide the tooltip.\n  hide = () => {\n    this.element.dataset.show = 'false'\n\n    this.onHide()\n  }\n}\n","import type { SliceType } from '@milkdown/ctx'\nimport type { PluginSpec } from '@milkdown/prose/state'\nimport { Plugin, PluginKey } from '@milkdown/prose/state'\nimport type { $Ctx, $Prose } from '@milkdown/utils'\nimport { $ctx, $prose } from '@milkdown/utils'\n\n/// @internal\nexport type TooltipSpecId<Id extends string> = `${Id}_TOOLTIP_SPEC`\n\n/// @internal\nexport type TooltipPlugin<Id extends string, State = any> = [$Ctx<PluginSpec<State>, TooltipSpecId<Id>>, $Prose] & {\n  key: SliceType<PluginSpec<State>, TooltipSpecId<Id>>\n  pluginKey: $Prose['key']\n}\n\n/// Create a tooltip plugin with a unique id.\nexport function tooltipFactory<Id extends string, State = any>(id: Id) {\n  const tooltipSpec = $ctx<PluginSpec<State>, TooltipSpecId<Id>>({}, `${id}_TOOLTIP_SPEC`)\n  const tooltipPlugin = $prose((ctx) => {\n    const spec = ctx.get(tooltipSpec.key)\n    return new Plugin({\n      key: new PluginKey(`${id}_TOOLTIP`),\n      ...spec,\n    })\n  })\n  const result = [tooltipSpec, tooltipPlugin] as TooltipPlugin<Id>\n  result.key = tooltipSpec.key\n  result.pluginKey = tooltipPlugin.key\n  tooltipSpec.meta = {\n    package: '@milkdown/plugin-tooltip',\n    displayName: `Ctx<tooltipSpec>|${id}`,\n  }\n  tooltipPlugin.meta = {\n    package: '@milkdown/plugin-tooltip',\n    displayName: `Prose<tooltip>|${id}`,\n  }\n\n  return result\n}\n"],"names":[],"mappings":"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"}

package/lib/theme/_internal/classic-common.css

@@ -178,11 +178,12 @@
   .milkdown .ProseMirror code {
       color: var(--crepe-color-inline-code);
       background: color-mix(in srgb, var(--crepe-color-inline-area), transparent 40%);
+      font-family: var(--crepe-font-code);
       padding: 0 10px;
       border-radius: 4px;
-      font-size: 14px;
+      font-size: 87.5%;
       display: inline-block;
-      line-height: 20px;
+      line-height: 1.4286;
     }
 
   .milkdown .ProseMirror a {

package/lib/theme/common/block-edit.css

@@ -19,6 +19,7 @@
     .milkdown milkdown-block-handle .operation-item svg {
         width: 24px;
         height: 24px;
+        fill: var(--crepe-color-outline);
       }
     .milkdown milkdown-block-handle .operation-item:hover {
         background: var(--crepe-color-hover);
@@ -32,7 +33,6 @@
   .milkdown milkdown-slash-menu {
     position: absolute;
     display: block;
-    width: 254px;
     font-family: var(--crepe-font-default);
     color: var(--crepe-color-on-surface);
     background: var(--crepe-color-surface);
@@ -86,6 +86,7 @@
           color: color-mix(in srgb, var(--crepe-color-on-surface), transparent 40%)
         }
   .milkdown milkdown-slash-menu .menu-groups .menu-group li {
+          min-width: 220px;
           display: flex;
           justify-content: flex-start;
           align-items: center;
@@ -102,6 +103,7 @@
             width: 24px;
             height: 24px;
             color: var(--crepe-color-outline);
+            fill: var(--crepe-color-outline);
           }
   .milkdown milkdown-slash-menu .menu-groups .menu-group li > span {
             font-size: 14px;

package/lib/theme/common/code-mirror.css

@@ -71,6 +71,7 @@
     .milkdown milkdown-code-block .language-button .expand-icon svg {
         width: 14px;
         height: 14px;
+        color: var(--crepe-color-outline);
       }
 
     .milkdown milkdown-code-block .language-button[data-expanded="true"] .expand-icon {
@@ -129,6 +130,15 @@
         height: 24px;
       }
 
+    .milkdown milkdown-code-block .language-list-item.no-result {
+        cursor: default;
+        opacity: 0.6;
+      }
+
+    .milkdown milkdown-code-block .language-list-item.no-result:hover {
+          background: transparent;
+        }
+
     .milkdown milkdown-code-block .search-box {
       display: flex;
       align-items: center;
@@ -140,6 +150,10 @@
       padding: 6px 10px;
     }
 
+    .milkdown milkdown-code-block .search-box:has(input:focus) {
+        outline: 2px solid var(--crepe-color-primary);
+      }
+
     .milkdown milkdown-code-block .search-box .search-input {
         width: 100%;
         color: var(--crepe-color-on-surface);
@@ -159,6 +173,7 @@
           width: 20px;
           height: 20px;
           color: var(--crepe-color-primary);
+          fill: var(--crepe-color-primary);
         }
 
     .milkdown milkdown-code-block .search-box .clear-icon:hover {

package/lib/theme/common/cursor.css

@@ -1,4 +1,4 @@
-@import "@milkdown/prose/gapcursor/style/gapcurosr.css";
+@import "@milkdown/kit/prose/gapcursor/style/gapcursor.css";
 
 .milkdown .crepe-drop-cursor {
     background-color: color-mix(in srgb, var(--crepe-color-outline), transparent 50%);

package/lib/theme/common/image-block.css

@@ -88,6 +88,7 @@
     .milkdown milkdown-image-inline .empty-image-inline .image-icon svg {
         width: 18px;
         height: 18px;
+        fill: var(--crepe-color-outline);
       }
 
     .milkdown milkdown-image-inline .empty-image-inline .image-icon {
@@ -318,6 +319,7 @@
       display: flex;
       justify-content: center;
       align-items: center;
+      fill: var(--crepe-color-outline);
     }
   .milkdown milkdown-image-block .image-edit .link-importer .placeholder {
       color: color-mix(in srgb, var(--crepe-color-on-background), transparent 60%);

package/lib/theme/common/link-tooltip.css

@@ -1,5 +1,6 @@
 .milkdown milkdown-link-preview {
     position: absolute;
+    z-index: 10;
   }
     .milkdown milkdown-link-preview[data-show='false'] {
       display: none;
@@ -15,25 +16,18 @@
       cursor: pointer;
       box-shadow: var(--crepe-shadow-1);
     }
+    .milkdown milkdown-link-preview > .link-preview > .link-display {
+        text-decoration: none;
+        color: unset;
+      }
     .milkdown milkdown-link-preview > .link-preview > .link-display:hover:before {
         display: block;
       }
-    .milkdown milkdown-link-preview > .link-preview > .link-display:before {
-        content: 'click to copy link';
-        position: absolute;
-        transform: translate(50%, -120%);
-        padding: 3px 10px;
-        font-size: 12px;
-        border-radius: 8px;
-        color: color-mix(in srgb, var(--crepe-color-on-background), transparent 60%);
-        background: var(--crepe-color-background);
-        text-align: center;
-
-        display: none;
-      }
     .milkdown milkdown-link-preview > .link-preview > .link-icon > svg {
           width: 18px;
           height: 18px;
+          color: var(--crepe-color-outline);
+          fill: var(--crepe-color-outline);
         }
     .milkdown milkdown-link-preview > .link-preview > .link-icon {
         padding: 3px;
@@ -53,6 +47,7 @@
           width: 18px;
           height: 18px;
           color: var(--crepe-color-outline);
+          fill: var(--crepe-color-outline);
         }
     .milkdown milkdown-link-preview > .link-preview > .button {
         padding: 3px;
@@ -64,6 +59,7 @@
         }
   .milkdown milkdown-link-edit {
     position: absolute;
+    z-index: 10;
   }
   .milkdown milkdown-link-edit[data-show='false'] {
       display: none;
@@ -89,6 +85,7 @@
           width: 18px;
           height: 18px;
           color: var(--crepe-color-outline);
+          fill: var(--crepe-color-outline);
         }
   .milkdown milkdown-link-edit > .link-edit > .button {
         padding: 3px;

package/lib/theme/common/list-item.css

@@ -19,12 +19,19 @@
 
     .milkdown milkdown-list-item-block li .label-wrapper {
         color: var(--crepe-color-outline);
+      }
+
+    .milkdown milkdown-list-item-block li .label-wrapper svg {
+          fill: var(--crepe-color-outline);
+        }
+
+    .milkdown milkdown-list-item-block li .label-wrapper {
         height: 32px;
         width: 24px;
         display: flex;
         justify-content: center;
         align-items: center;
-      }
+}
 
     .milkdown milkdown-list-item-block li .label-wrapper .label {
           height: 32px;
@@ -32,3 +39,11 @@
           width: 24px;
           text-align: right;
         }
+
+    .milkdown milkdown-list-item-block li .label-wrapper .checkbox {
+          cursor: pointer;
+        }
+
+    .milkdown milkdown-list-item-block li .label-wrapper .readonly {
+          cursor: not-allowed;
+        }

package/lib/theme/common/prosemirror.css

@@ -1 +1 @@
-@import "@milkdown/prose/view/style/prosemirror.css";
+@import "@milkdown/kit/prose/view/style/prosemirror.css";

package/lib/theme/common/style.css

@@ -7,3 +7,4 @@
 @import "./list-item.css";
 @import "./placeholder.css";
 @import "./toolbar.css";
+@import "./table.css";

package/lib/theme/common/table.css

@@ -0,0 +1,217 @@
+@import "@milkdown/kit/prose/tables/style/tables.css";
+
+.milkdown milkdown-table-block {
+    display: block;
+    margin: 4px 0;
+  }
+
+.milkdown milkdown-table-block th,.milkdown milkdown-table-block td {
+      border: 1px solid color-mix(in srgb, var(--crepe-color-outline), transparent 80%);
+      padding: 4px 16px;
+    }
+
+.milkdown milkdown-table-block th .ProseMirror-selectednode, .milkdown milkdown-table-block td .ProseMirror-selectednode {
+        background-color: transparent !important;
+      }
+
+.milkdown milkdown-table-block th:has(.ProseMirror-selectednode), .milkdown milkdown-table-block td:has(.ProseMirror-selectednode) {
+        outline: 1px solid var(--crepe-color-primary);
+        outline-offset: -1px;
+      }
+
+.milkdown milkdown-table-block .selectedCell::after {
+        background-color: var(--crepe-color-selected);
+        opacity: 0.4;
+      }
+
+.milkdown milkdown-table-block .selectedCell ::-moz-selection {
+        background: transparent;
+      }
+
+.milkdown milkdown-table-block .selectedCell ::selection {
+        background: transparent;
+      }
+
+.milkdown milkdown-table-block .drag-preview {
+      background-color: var(--crepe-color-surface);
+      opacity: 0.4;
+      position: absolute;
+      z-index: 100;
+      display: flex;
+      flex-direction: column;
+      outline: 1px solid var(--crepe-color-primary);
+      outline-offset: -1px;
+    }
+
+.milkdown milkdown-table-block .drag-preview[data-show="false"] {
+        display: none;
+      }
+
+.milkdown milkdown-table-block .drag-preview th:has(.ProseMirror-selectednode), .milkdown milkdown-table-block .drag-preview td:has(.ProseMirror-selectednode) {
+          outline: none;
+        }
+
+.milkdown milkdown-table-block .handle {
+      position: absolute;
+      font-size: 14px;
+      transition: opacity ease-in-out 0.2s;
+    }
+
+.milkdown milkdown-table-block .handle[data-show="false"] {
+      opacity: 0;
+    }
+
+.milkdown milkdown-table-block svg {
+      fill: var(--crepe-color-outline);
+    }
+
+.milkdown milkdown-table-block .cell-handle {
+      z-index: 50;
+      left: -999px;
+      top: -999px;
+      cursor: grab;
+      background-color: var(--crepe-color-surface);
+      color: var(--crepe-color-outline);
+      border-radius: 100px;
+      box-shadow: var(--crepe-shadow-1);
+      transition: background-color 0.2s ease-in-out;
+    }
+
+.milkdown milkdown-table-block .cell-handle:hover {
+        background-color: var(--crepe-color-hover);
+      }
+
+.milkdown milkdown-table-block .cell-handle:has(.button-group:hover) {
+        background-color: var(--crepe-color-surface);
+      }
+
+.milkdown milkdown-table-block .cell-handle[data-role="col-drag-handle"] {
+        transform: translateY(50%);
+        padding: 0 6px;
+        width: 28px;
+        height: 16px;
+      }
+
+.milkdown milkdown-table-block .cell-handle[data-role="row-drag-handle"] {
+        transform: translateX(50%);
+        padding: 6px 0;
+        width: 16px;
+        height: 28px;
+      }
+
+.milkdown milkdown-table-block .cell-handle .button-group {
+        position: absolute;
+        transform: translateX(-50%);
+        left: 50%;
+        top: -52px;
+        display: flex;
+        background-color: var(--crepe-color-surface);
+        border-radius: 8px;
+        box-shadow: var(--crepe-shadow-1);
+      }
+
+.milkdown milkdown-table-block .cell-handle .button-group::after {
+          content: "";
+          position: absolute;
+          bottom: -8px;
+          height: 8px;
+          background-color: transparent;
+          width: 100%;
+        }
+
+.milkdown milkdown-table-block .cell-handle .button-group[data-show="false"] {
+          display: none;
+        }
+
+.milkdown milkdown-table-block .cell-handle .button-group button {
+          cursor: pointer;
+          margin: 6px;
+          padding: 4px;
+          display: flex;
+          justify-content: center;
+          align-items: center;
+          border-radius: 4px;
+        }
+
+.milkdown milkdown-table-block .cell-handle .button-group button svg {
+            width: 24px;
+            height: 24px;
+          }
+
+.milkdown milkdown-table-block .cell-handle .button-group button:hover {
+            border-radius: 8px;
+            background-color: var(--crepe-color-hover);
+          }
+
+.milkdown milkdown-table-block .cell-handle .button-group button:active {
+            background: var(--crepe-color-selected);
+          }
+
+.milkdown milkdown-table-block .cell-handle:hover {
+        opacity: 1;
+      }
+
+.milkdown milkdown-table-block .line-handle {
+      z-index: 20;
+      background-color: var(--crepe-color-primary);
+    }
+
+.milkdown milkdown-table-block .line-handle:hover{
+        opacity: 1;
+      }
+
+.milkdown milkdown-table-block .line-handle .add-button {
+        cursor: pointer;
+        background-color: var(--crepe-color-surface);
+        color: var(--crepe-color-outline);
+        border-radius: 100px;
+        box-shadow: var(--crepe-shadow-1);
+        transition: background-color 0.2s ease-in-out;
+      }
+
+.milkdown milkdown-table-block .line-handle .add-button > svg {
+          width: 16px;
+          height: 16px;
+        }
+
+.milkdown milkdown-table-block .line-handle .add-button:hover {
+          background-color: var(--crepe-color-hover);
+        }
+
+.milkdown milkdown-table-block .line-handle .add-button:active {
+          background: var(--crepe-color-selected);
+        }
+
+.milkdown milkdown-table-block .line-handle[data-role="x-line-drag-handle"] {
+        height: 1px;
+        z-index: 2;
+      }
+
+.milkdown milkdown-table-block .line-handle[data-role="x-line-drag-handle"] .add-button {
+          position: absolute;
+          transform: translateX(-50%) translateY(-50%);
+          padding: 6px 0;
+          width: 16px;
+          height: 28px;
+        }
+
+.milkdown milkdown-table-block .line-handle[data-role="y-line-drag-handle"] {
+        width: 1px;
+        z-index: 1;
+      }
+
+.milkdown milkdown-table-block .line-handle[data-role="y-line-drag-handle"] .add-button {
+          position: absolute;
+          transform: translateY(-50%) translateX(-50%);
+          padding: 0 6px;
+          width: 28px;
+          height: 16px;
+        }
+
+.milkdown milkdown-table-block .line-handle[data-display-type="indicator"] .add-button {
+          display: none;
+        }
+
+.milkdown milkdown-table-block.readonly .handle {
+      display: none;
+    }

package/lib/theme/common/toolbar.css

@@ -16,19 +16,26 @@
       margin: 10px;
     }
     .milkdown milkdown-toolbar .toolbar-item {
-      width: 44px;
-      height: 44px;
-      padding: 10px;
+      width: 32px;
+      height: 32px;
+      margin: 6px;
+      padding: 4px;
       cursor: pointer;
+      border-radius: 4px;
     }
     .milkdown milkdown-toolbar .toolbar-item:hover {
         background: var(--crepe-color-hover)
       }
-    .milkdown milkdown-toolbar .toolbar-item.active {
+    .milkdown milkdown-toolbar .toolbar-item:active {
         background: var(--crepe-color-selected);
       }
     .milkdown milkdown-toolbar .toolbar-item svg {
         height: 24px;
         width: 24px;
         color: var(--crepe-color-outline);
+        fill: var(--crepe-color-outline);
       }
+    .milkdown milkdown-toolbar .toolbar-item.active svg {
+          color: var(--crepe-color-primary);
+          fill: var(--crepe-color-primary);
+        }

package/lib/theme/{classic-dark → crepe-dark}/style.css

@@ -23,6 +23,6 @@
   --crepe-font-default: "Open Sans", Arial, Helvetica, sans-serif;
   --crepe-font-code: Fira Code, Menlo, Monaco, "Courier New", Courier, monospace;
 
-  --crepe-shadow-1: 0px 1px 2px 0px rgba(0, 0, 0, 0.30), 0px 1px 3px 1px rgba(0, 0, 0, 0.15);
-  --crepe-shadow-2: 0px 1px 2px 0px rgba(0, 0, 0, 0.30), 0px 2px 6px 2px rgba(0, 0, 0, 0.15);
+  --crepe-shadow-1: 0px 1px 2px 0px rgba(255, 255, 255, 0.30), 0px 1px 3px 1px rgba(255, 255, 255, 0.15);
+  --crepe-shadow-2: 0px 1px 2px 0px rgba(255, 255, 255, 0.30), 0px 2px 6px 2px rgba(255, 255, 255, 0.15);
 }

package/lib/theme/frame/style.css

@@ -0,0 +1,28 @@
+@import "../_internal/classic-common.css";
+
+.milkdown {
+  --crepe-color-background: #FFFFFF;
+  --crepe-color-on-background: #000000;
+  --crepe-color-surface: #F7F7F7;
+  --crepe-color-surface-low: #EDEDED;
+  --crepe-color-on-surface: #1C1C1C;
+  --crepe-color-on-surface-variant: #4D4D4D;
+  --crepe-color-outline: #A8A8A8;
+  --crepe-color-primary: #333333;
+  --crepe-color-secondary: #CFCFCF;
+  --crepe-color-on-secondary: #000000;
+  --crepe-color-inverse: #F0F0F0;
+  --crepe-color-on-inverse: #1A1A1A;
+  --crepe-color-inline-code: #BA1A1A;
+  --crepe-color-error: #BA1A1A;
+  --crepe-color-hover: #E0E0E0;
+  --crepe-color-selected: #D5D5D5;
+  --crepe-color-inline-area: #CACACA;
+
+  --crepe-font-title: "Noto Serif", Cambria, "Times New Roman", Times, serif;
+  --crepe-font-default: "Noto Sans", Arial, Helvetica, sans-serif;
+  --crepe-font-code: "Space Mono", Fira Code, Menlo, Monaco, "Courier New", Courier, monospace;
+
+  --crepe-shadow-1: 0px 1px 3px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.30);
+  --crepe-shadow-2: 0px 2px 6px 2px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.30);
+}

package/lib/theme/frame-dark/style.css

@@ -0,0 +1,28 @@
+@import "../_internal/classic-common.css";
+
+.milkdown {
+  --crepe-color-background: #1A1A1A;
+  --crepe-color-on-background: #E6E6E6;
+  --crepe-color-surface: #121212;
+  --crepe-color-surface-low: #1C1C1C;
+  --crepe-color-on-surface: #D1D1D1;
+  --crepe-color-on-surface-variant: #A9A9A9;
+  --crepe-color-outline: #757575;
+  --crepe-color-primary: #B5B5B5;
+  --crepe-color-secondary: #4D4D4D;
+  --crepe-color-on-secondary: #D6D6D6;
+  --crepe-color-inverse: #E5E5E5;
+  --crepe-color-on-inverse: #2A2A2A;
+  --crepe-color-inline-code: #FF6666;
+  --crepe-color-error: #FF6666;
+  --crepe-color-hover: #232323;
+  --crepe-color-selected: #2F2F2F;
+  --crepe-color-inline-area: #2B2B2B;
+
+  --crepe-font-title: "Noto Serif", Cambria, "Times New Roman", Times, serif;
+  --crepe-font-default: "Noto Sans", Arial, Helvetica, sans-serif;
+  --crepe-font-code: "Space Mono", Fira Code, Menlo, Monaco, "Courier New", Courier, monospace;
+
+  --crepe-shadow-1: 0px 1px 2px 0px rgba(255, 255, 255, 0.30), 0px 1px 3px 1px rgba(255, 255, 255, 0.15);
+  --crepe-shadow-2: 0px 1px 2px 0px rgba(255, 255, 255, 0.30), 0px 2px 6px 2px rgba(255, 255, 255, 0.15);
+}

package/lib/theme/nord/style.css

@@ -0,0 +1,28 @@
+@import "../_internal/classic-common.css";
+
+.milkdown {
+  --crepe-color-background: #FDFCFF;
+  --crepe-color-on-background: #1B1C1D;
+  --crepe-color-surface: #F8F9FF;
+  --crepe-color-surface-low: #F2F3FA;
+  --crepe-color-on-surface: #191C20;
+  --crepe-color-on-surface-variant: #43474E;
+  --crepe-color-outline: #73777F;
+  --crepe-color-primary: #37618E;
+  --crepe-color-secondary: #D7E3F8;
+  --crepe-color-on-secondary: #101C2B;
+  --crepe-color-inverse: #2E3135;
+  --crepe-color-on-inverse: #EFF0F7;
+  --crepe-color-inline-code: #BA1A1A;
+  --crepe-color-error: #BA1A1A;
+  --crepe-color-hover: #ECEEF4;
+  --crepe-color-selected: #E1E2E8;
+  --crepe-color-inline-area: #D8DAE0;
+
+  --crepe-font-title: Rubik, Cambria, "Times New Roman", Times, serif;
+  --crepe-font-default: Inter, Arial, Helvetica, sans-serif;
+  --crepe-font-code: "JetBrains Mono", Menlo, Monaco, "Courier New", Courier, monospace;
+
+  --crepe-shadow-1: 0px 1px 3px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.30);
+  --crepe-shadow-2: 0px 2px 6px 2px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.30);
+}