@milkdown/crepe 7.4.0 → 7.5.1

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

@@ -20,6 +20,7 @@
       svg {
         width: 24px;
         height: 24px;
+        fill: var(--crepe-color-outline);
       }
 
       &:hover {
@@ -38,7 +39,6 @@
     }
     position: absolute;
     display: block;
-    width: 254px;
     font-family: var(--crepe-font-default);
     color: var(--crepe-color-on-surface);
     background: var(--crepe-color-surface);
@@ -98,6 +98,7 @@
         }
 
         li {
+          min-width: 220px;
           display: flex;
           justify-content: flex-start;
           align-items: center;
@@ -114,6 +115,7 @@
             width: 24px;
             height: 24px;
             color: var(--crepe-color-outline);
+            fill: var(--crepe-color-outline);
           }
           & > span {
             font-size: 14px;

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

@@ -69,6 +69,7 @@
       .expand-icon svg {
         width: 14px;
         height: 14px;
+        color: var(--crepe-color-outline);
       }
 
       &[data-expanded="true"] .expand-icon {
@@ -126,6 +127,14 @@
         width: 24px;
         height: 24px;
       }
+
+      &.no-result {
+        cursor: default;
+        opacity: 0.6;
+        &:hover {
+          background: transparent;
+        }
+      }
     }
 
     .search-box {
@@ -137,6 +146,9 @@
       outline: 1px solid var(--crepe-color-primary);
       gap: 8px;
       padding: 6px 10px;
+      &:has(input:focus) {
+        outline: 2px solid var(--crepe-color-primary);
+      }
 
       .search-input {
         width: 100%;
@@ -155,6 +167,7 @@
           width: 20px;
           height: 20px;
           color: var(--crepe-color-primary);
+          fill: var(--crepe-color-primary);
         }
         &:hover {
           background: var(--crepe-color-hover);

package/src/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 {

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

@@ -83,6 +83,7 @@
       svg {
         width: 18px;
         height: 18px;
+        fill: var(--crepe-color-outline);
       }
       padding: 3px;
       width: 24px;
@@ -329,6 +330,7 @@
       display: flex;
       justify-content: center;
       align-items: center;
+      fill: var(--crepe-color-outline);
     }
 
     .image-edit .link-importer .placeholder {

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

@@ -1,6 +1,7 @@
 .milkdown {
   milkdown-link-preview {
     position: absolute;
+    z-index: 10;
     &[data-show='false'] {
       display: none;
     }
@@ -15,28 +16,21 @@
       cursor: pointer;
       box-shadow: var(--crepe-shadow-1);
 
-      & > .link-display:hover:before {
-        display: block;
+      & > .link-display {
+        text-decoration: none;
+        color: unset;
       }
 
-      & > .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;
+      & > .link-display:hover:before {
+        display: block;
       }
 
       & > .link-icon {
         & > svg {
           width: 18px;
           height: 18px;
+          color: var(--crepe-color-outline);
+          fill: var(--crepe-color-outline);
         }
         padding: 3px;
         line-height: 24px;
@@ -58,6 +52,7 @@
           width: 18px;
           height: 18px;
           color: var(--crepe-color-outline);
+          fill: var(--crepe-color-outline);
         }
         padding: 3px;
         border-radius: 8px;
@@ -71,6 +66,7 @@
 
   milkdown-link-edit {
     position: absolute;
+    z-index: 10;
     &[data-show='false'] {
       display: none;
     }
@@ -97,6 +93,7 @@
           width: 18px;
           height: 18px;
           color: var(--crepe-color-outline);
+          fill: var(--crepe-color-outline);
         }
         padding: 3px;
         cursor: pointer;

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

@@ -17,6 +17,9 @@
       gap: 10px;
       .label-wrapper {
         color: var(--crepe-color-outline);
+        svg {
+          fill: var(--crepe-color-outline);
+        }
         height: 32px;
         width: 24px;
         display: flex;
@@ -28,6 +31,12 @@
           width: 24px;
           text-align: right;
         }
+        .checkbox {
+          cursor: pointer;
+        }
+        .readonly {
+          cursor: not-allowed;
+        }
       }
     }
   }

package/src/theme/common/prosemirror.css

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

package/src/theme/common/style.css

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

package/src/theme/common/table.css

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

package/src/theme/common/toolbar.css

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

package/src/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/src/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/src/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/src/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);
+}

package/src/theme/nord-dark/style.css

@@ -0,0 +1,28 @@
+@import "../_internal/classic-common.css";
+
+.milkdown {
+  --crepe-color-background: #1B1C1D;
+  --crepe-color-on-background: #F8F9FF;
+  --crepe-color-surface: #111418;
+  --crepe-color-surface-low: #191C20;
+  --crepe-color-on-surface: #E1E2E8;
+  --crepe-color-on-surface-variant: #C3C6CF;
+  --crepe-color-outline: #8D9199;
+  --crepe-color-primary: #A1C9FD;
+  --crepe-color-secondary: #3C4858;
+  --crepe-color-on-secondary: #D7E3F8;
+  --crepe-color-inverse: #E1E2E8;
+  --crepe-color-on-inverse: #2E3135;
+  --crepe-color-inline-code: #FFB4AB;
+  --crepe-color-error: #FFB4AB;
+  --crepe-color-hover: #1D2024;
+  --crepe-color-selected: #32353A;
+  --crepe-color-inline-area: #111418;
+
+  --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 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/src/utils/index.ts

@@ -1,4 +1,4 @@
-import type { Selection } from '@milkdown/prose/state'
+import type { Selection } from '@milkdown/kit/prose/state'
 
 export function isInCodeBlock(selection: Selection) {
   const type = selection.$from.parent.type

package/lib/cjs/_view-TbSIR42F.js

@@ -1,27 +0,0 @@
-'use strict';
-
-var model = require('@milkdown/prose/model');
-var index = require('./index-kNI3S3lF.js');
-
-function $view(type, view) {
-  const plugin = (ctx) => async () => {
-    await ctx.wait(index.SchemaReady);
-    const v = view(ctx);
-    if (type.type(ctx) instanceof model.NodeType)
-      ctx.update(index.nodeViewCtx, (ps) => [...ps, [type.id, v]]);
-    else
-      ctx.update(index.markViewCtx, (ps) => [...ps, [type.id, v]]);
-    plugin.view = v;
-    plugin.type = type;
-    return () => {
-      if (type.type(ctx) instanceof model.NodeType)
-        ctx.update(index.nodeViewCtx, (ps) => ps.filter((x) => x[0] !== type.id));
-      else
-        ctx.update(index.markViewCtx, (ps) => ps.filter((x) => x[0] !== type.id));
-    };
-  };
-  return plugin;
-}
-
-exports.$view = $view;
-//# sourceMappingURL=_view-TbSIR42F.js.map

package/lib/cjs/_view-TbSIR42F.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"_view-TbSIR42F.js","sources":["../../../utils/src/composable/$view.ts"],"sourcesContent":["import type { Ctx, MilkdownPlugin } from '@milkdown/ctx'\nimport { SchemaReady, editorViewTimerCtx, markViewCtx, nodeViewCtx } from '@milkdown/core'\nimport { NodeType } from '@milkdown/prose/model'\nimport type { MarkViewConstructor, NodeViewConstructor } from '@milkdown/prose/view'\n\nimport { addTimer } from './utils'\nimport type { $Mark, $Node } from '.'\n\n/// @internal\nexport type $View<T extends $Node | $Mark, V extends NodeViewConstructor | MarkViewConstructor> = MilkdownPlugin & {\n  view: V\n  type: T\n}\n\n/// @internal\nexport type GetConstructor<T extends $Node | $Mark> = T extends $Node\n  ? NodeViewConstructor\n  : T extends $Mark\n    ? MarkViewConstructor\n    : NodeViewConstructor | MarkViewConstructor\n\n/// Create a [prosemirror node/mark view](https://prosemirror.net/docs/ref/#view.NodeView) plugin.\n/// It takes two arguments\n/// - `type`: The node/mark plugin that needs to add a view.\n/// - `view`: The factory that creates the view. It should return a function that returns a [node/mark view constructor](https://prosemirror.net/docs/ref/#view.NodeView).\n///\n/// Additional property:\n/// - `view`: The view created.\n/// - `type`: The node/mark plugin that needs to add a view.\nexport function $view<\n  T extends $Node | $Mark,\n  V extends NodeViewConstructor | MarkViewConstructor = GetConstructor<T>,\n>(type: T, view: (ctx: Ctx) => V): $View<T, V> {\n  const plugin: MilkdownPlugin = ctx => async () => {\n    await ctx.wait(SchemaReady)\n    const v = view(ctx)\n    if (type.type(ctx) instanceof NodeType)\n      ctx.update(nodeViewCtx, ps => [...ps, [type.id, v] as [string, NodeViewConstructor]])\n    else\n      ctx.update(markViewCtx, ps => [...ps, [type.id, v] as [string, MarkViewConstructor]]);\n\n    (<$View<T, V>>plugin).view = v;\n    (<$View<T, V>>plugin).type = type\n\n    return () => {\n      if (type.type(ctx) instanceof NodeType)\n        ctx.update(nodeViewCtx, ps => ps.filter(x => x[0] !== type.id))\n      else\n        ctx.update(markViewCtx, ps => ps.filter(x => x[0] !== type.id))\n    }\n  }\n\n  return <$View<T, V>>plugin\n}\n\n/// The async version for `$view`. You can use `await` in the factory when creating the view.\n///\n/// Additional property:\n/// - `view`: The view created.\n/// - `type`: The node/mark plugin that needs to add a view.\n/// - `timer`: The timer which will be resolved when the view is ready.\nexport function $viewAsync<\n  T extends $Node | $Mark,\n  V extends NodeViewConstructor | MarkViewConstructor = GetConstructor<T>,\n>(type: T, view: (ctx: Ctx) => Promise<V>, timerName?: string) {\n  return addTimer<$View<T, V>>(\n    async (ctx, plugin) => {\n      await ctx.wait(SchemaReady)\n      const v = await view(ctx)\n      if (type.type(ctx) instanceof NodeType)\n        ctx.update(nodeViewCtx, ps => [...ps, [type.id, v] as [string, NodeViewConstructor]])\n      else\n        ctx.update(markViewCtx, ps => [...ps, [type.id, v] as [string, MarkViewConstructor]])\n\n      plugin.view = v\n      plugin.type = type\n\n      return () => {\n        if (type.type(ctx) instanceof NodeType)\n          ctx.update(nodeViewCtx, ps => ps.filter(x => x[0] !== type.id))\n        else\n          ctx.update(markViewCtx, ps => ps.filter(x => x[0] !== type.id))\n      }\n    },\n    editorViewTimerCtx,\n    timerName,\n  )\n}\n"],"names":["SchemaReady","NodeType","nodeViewCtx","markViewCtx"],"mappings":";;;;;AA6BgB,SAAA,KAAA,CAGd,MAAS,IAAoC,EAAA;AAC7C,EAAM,MAAA,MAAA,GAAyB,SAAO,YAAY;AAChD,IAAM,MAAA,GAAA,CAAI,KAAKA,iBAAW,CAAA,CAAA;AAC1B,IAAM,MAAA,CAAA,GAAI,KAAK,GAAG,CAAA,CAAA;AAClB,IAAI,IAAA,IAAA,CAAK,IAAK,CAAA,GAAG,CAAa,YAAAC,cAAA;AAC5B,MAAI,GAAA,CAAA,MAAA,CAAOC,iBAAa,EAAA,CAAA,EAAA,KAAM,CAAC,GAAG,EAAI,EAAA,CAAC,IAAK,CAAA,EAAA,EAAI,CAAC,CAAkC,CAAC,CAAA,CAAA;AAAA;AAEpF,MAAI,GAAA,CAAA,MAAA,CAAOC,iBAAa,EAAA,CAAA,EAAA,KAAM,CAAC,GAAG,EAAI,EAAA,CAAC,IAAK,CAAA,EAAA,EAAI,CAAC,CAAkC,CAAC,CAAA,CAAA;AAEtF,IAAc,OAAQ,IAAO,GAAA,CAAA,CAAA;AAC7B,IAAc,OAAQ,IAAO,GAAA,IAAA,CAAA;AAE7B,IAAA,OAAO,MAAM;AACX,MAAI,IAAA,IAAA,CAAK,IAAK,CAAA,GAAG,CAAa,YAAAF,cAAA;AAC5B,QAAI,GAAA,CAAA,MAAA,CAAOC,iBAAa,EAAA,CAAA,EAAA,KAAM,EAAG,CAAA,MAAA,CAAO,CAAK,CAAA,KAAA,CAAA,CAAE,CAAC,CAAA,KAAM,IAAK,CAAA,EAAE,CAAC,CAAA,CAAA;AAAA;AAE9D,QAAI,GAAA,CAAA,MAAA,CAAOC,iBAAa,EAAA,CAAA,EAAA,KAAM,EAAG,CAAA,MAAA,CAAO,CAAK,CAAA,KAAA,CAAA,CAAE,CAAC,CAAA,KAAM,IAAK,CAAA,EAAE,CAAC,CAAA,CAAA;AAAA,KAClE,CAAA;AAAA,GACF,CAAA;AAEA,EAAoB,OAAA,MAAA,CAAA;AACtB;;;;"}

package/lib/cjs/clsx-7JLENl8W.js

@@ -1,62 +0,0 @@
-'use strict';
-
-var atomico = require('atomico');
-
-const edit = atomico.html`
-  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
-    <path stroke-linecap="round" stroke-linejoin="round" d="M16.862 4.487l1.687-1.688a1.875 1.875 0 112.652 2.652L10.582 16.07a4.5 4.5 0 01-1.897 1.13L6 18l.8-2.685a4.5 4.5 0 011.13-1.897l8.932-8.931zm0 0L19.5 7.125M18 14v4.75A2.25 2.25 0 0115.75 21H5.25A2.25 2.25 0 013 18.75V8.25A2.25 2.25 0 015.25 6H10" />
-  </svg>
-`;
-const image = atomico.html`
-  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
-    <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 15.75l5.159-5.159a2.25 2.25 0 013.182 0l5.159 5.159m-1.5-1.5l1.409-1.409a2.25 2.25 0 013.182 0l2.909 2.909m-18 3.75h16.5a1.5 1.5 0 001.5-1.5V6a1.5 1.5 0 00-1.5-1.5H3.75A1.5 1.5 0 002.25 6v12a1.5 1.5 0 001.5 1.5zm10.5-11.25h.008v.008h-.008V8.25zm.375 0a.375.375 0 11-.75 0 .375.375 0 01.75 0z" />
-  </svg>
-`;
-const chatBubble = atomico.html`
-  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
-    <path stroke-linecap="round" stroke-linejoin="round" d="M8.625 9.75a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0H8.25m4.125 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0H12m4.125 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0h-.375m-13.5 3.01c0 1.6 1.123 2.994 2.707 3.227 1.087.16 2.185.283 3.293.369V21l4.184-4.183a1.14 1.14 0 01.778-.332 48.294 48.294 0 005.83-.498c1.585-.233 2.708-1.626 2.708-3.228V6.741c0-1.602-1.123-2.995-2.707-3.228A48.394 48.394 0 0012 3c-2.392 0-4.744.175-7.043.513C3.373 3.746 2.25 5.14 2.25 6.741v6.018z" />
-  </svg>
-`;
-atomico.html`
-  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
-    <path stroke-linecap="round" stroke-linejoin="round" d="M3 16.5v2.25A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75V16.5m-13.5-9L12 3m0 0l4.5 4.5M12 3v13.5" />
-  </svg>
-`;
-const chevronDown = atomico.html`
-  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
-    <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5" />
-  </svg>
-`;
-const xCircle = atomico.html`
-  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
-    <path stroke-linecap="round" stroke-linejoin="round" d="M9.75 9.75l4.5 4.5m0-4.5l-4.5 4.5M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
-  </svg>
-`;
-const search = atomico.html`
-  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
-    <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z" />
-  </svg>
-`;
-const link = atomico.html`
-  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
-    <path stroke-linecap="round" stroke-linejoin="round" d="M13.19 8.688a4.5 4.5 0 011.242 7.244l-4.5 4.5a4.5 4.5 0 01-6.364-6.364l1.757-1.757m13.35-.622l1.757-1.757a4.5 4.5 0 00-6.364-6.364l-4.5 4.5a4.5 4.5 0 001.242 7.244" />
-  </svg>
-`;
-const trash = atomico.html`
-  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
-    <path stroke-linecap="round" stroke-linejoin="round" d="M14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 01-2.244 2.077H8.084a2.25 2.25 0 01-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 00-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 013.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 00-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 00-7.5 0" />
-  </svg>
-`;
-
-function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}function clsx(){for(var e,t,f=0,n="";f<arguments.length;)(e=arguments[f++])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
-
-exports.chatBubble = chatBubble;
-exports.chevronDown = chevronDown;
-exports.clsx = clsx;
-exports.edit = edit;
-exports.image = image;
-exports.link = link;
-exports.search = search;
-exports.trash = trash;
-exports.xCircle = xCircle;
-//# sourceMappingURL=clsx-7JLENl8W.js.map