@fileverse-dev/ddoc 4.0.3 → 4.0.5-ens-1

package/dist/{index-7Up0fuRf.mjs → index-C2SwsBqH.mjs}

@@ -1,4 +1,4 @@
-import { k as Ql, b as Zl, s as eh } from "./index-DmFqb-mP.mjs";
+import { k as Ql, b as Zl, s as eh } from "./index-BaUcfd1H.mjs";
 let An = [], Xr = [];
 (() => {
   let s = "lc,34,7n,7,7b,19,,,,2,,2,,,20,b,1c,l,g,,2t,7,2,6,2,2,,4,z,,u,r,2j,b,1m,9,9,,o,4,,9,,3,,5,17,3,3b,f,,w,1j,,,,4,8,4,,3,7,a,2,t,,1m,,,,2,4,8,,9,,a,2,q,,2,2,1l,,4,2,4,2,2,3,3,,u,2,3,,b,2,1l,,4,5,,2,4,,k,2,m,6,,,1m,,,2,,4,8,,7,3,a,2,u,,1n,,,,c,,9,,14,,3,,1l,3,5,3,,4,7,2,b,2,t,,1m,,2,,2,,3,,5,2,7,2,b,2,s,2,1l,2,,,2,4,8,,9,,a,2,t,,20,,4,,2,3,,,8,,29,,2,7,c,8,2q,,2,9,b,6,22,2,r,,,,,,1j,e,,5,,2,5,b,,10,9,,2u,4,,6,,2,2,2,p,2,4,3,g,4,d,,2,2,6,,f,,jj,3,qa,3,t,3,t,2,u,2,1s,2,,7,8,,2,b,9,,19,3,3b,2,y,,3a,3,4,2,9,,6,3,63,2,2,,1m,,,7,,,,,2,8,6,a,2,,1c,h,1r,4,1c,7,,,5,,14,9,c,2,w,4,2,2,,3,1k,,,2,3,,,3,1m,8,2,2,48,3,,d,,7,4,,6,,3,2,5i,1m,,5,ek,,5f,x,2da,3,3x,,2o,w,fe,6,2x,2,n9w,4,,a,w,2,28,2,7k,,3,,4,,p,2,5,,47,2,q,i,d,,12,8,p,b,1a,3,1c,,2,4,2,2,13,,1v,6,2,2,2,2,c,,8,,1b,,1f,,,3,2,2,5,2,,,16,2,8,,6m,,2,,4,,fn4,,kh,g,g,g,a6,2,gt,,6a,,45,5,1ae,3,,2,5,4,14,3,4,,4l,2,fx,4,ar,2,49,b,4w,,1i,f,1k,3,1d,4,2,2,1x,3,10,5,,8,1q,,c,2,1g,9,a,4,2,,2n,3,2,,,2,6,,4g,,3,8,l,2,1l,2,,,,,m,,e,7,3,5,5f,8,2,3,,,n,,29,,2,6,,,2,,,2,,2,6j,,2,4,6,2,,2,r,2,2d,8,2,,,2,2y,,,,2,6,,,2t,3,2,4,,5,77,9,,2,6t,,a,2,,,4,,40,4,2,2,4,,w,a,14,6,2,4,8,,9,6,2,3,1a,d,,2,ba,7,,6,,,2a,m,2,7,,2,,2,3e,6,3,,,2,,7,,,20,2,3,,,,9n,2,f0b,5,1n,7,t4,,1r,4,29,,f5k,2,43q,,,3,4,5,8,8,2,7,u,4,44,3,1iz,1j,4,1e,8,,e,,m,5,,f,11s,7,,h,2,7,,2,,5,79,7,c5,4,15s,7,31,7,240,5,gx7k,2o,3k,6o".split(",").map((e) => e ? parseInt(e, 36) : 1);

package/dist/index.es.js

@@ -1,4 +1,4 @@
-import { D as e, a as o, E as d, P as t, d as r, h as i, m as n, c as E, u as l } from "./index-DmFqb-mP.mjs";
+import { D as e, a as o, E as d, P as t, d as r, h as i, m as n, c as E, u as l } from "./index-BaUcfd1H.mjs";
 export {
   e as DdocEditor,
   o as DdocExportModal,

package/dist/{markdown-source-pane-BetUwmxR.mjs → markdown-source-pane-DTB7T16w.mjs}

@@ -1,9 +1,9 @@
 var Vr = Object.defineProperty;
 var Wr = (t, e, O) => e in t ? Vr(t, e, { enumerable: !0, configurable: !0, writable: !0, value: O }) : t[e] = O;
 var gt = (t, e, O) => Wr(t, typeof e != "symbol" ? e + "" : e, O);
-import { j as Cr } from "./index-DmFqb-mP.mjs";
+import { j as Cr } from "./index-BaUcfd1H.mjs";
 import { useRef as pe, useEffect as St } from "react";
-import { s as y, A as pO, T as dO, a as Gr, S as et, b as Lr, P as fO, E as j, i as QO, c as _, D as le, k as tt, F as Ar, M as Pt, W as Er, R as Ur, d as mO, N as oe, e as V, f as Mr, g as Ot, h as ce, p as $O, j as Y, t as h, l as Ir, I as rt, L as at, m as ye, n as ue, o as Qe, q as gO, r as te, u as SO, v as Br, w as Nr, x as PO, y as kO, z as Dr, B as Fr, C as Kr, G as Oe, H as ZO, J as Jr, K as kt, O as Hr, Q as ea, U as ta, V as Oa, X as ra, Y as aa, Z as ia, _ as sa, $ as na, a0 as la, a1 as oa, a2 as ca } from "./index-7Up0fuRf.mjs";
+import { s as y, A as pO, T as dO, a as Gr, S as et, b as Lr, P as fO, E as j, i as QO, c as _, D as le, k as tt, F as Ar, M as Pt, W as Er, R as Ur, d as mO, N as oe, e as V, f as Mr, g as Ot, h as ce, p as $O, j as Y, t as h, l as Ir, I as rt, L as at, m as ye, n as ue, o as Qe, q as gO, r as te, u as SO, v as Br, w as Nr, x as PO, y as kO, z as Dr, B as Fr, C as Kr, G as Oe, H as ZO, J as Jr, K as kt, O as Hr, Q as ea, U as ta, V as Oa, X as ra, Y as aa, Z as ia, _ as sa, $ as na, a0 as la, a1 as oa, a2 as ca } from "./index-C2SwsBqH.mjs";
 class ua {
   /**
   Create a new completion context. (Mostly useful for testing

package/dist/package/components/editor-toolbar/alignment.d.ts

@@ -0,0 +1,7 @@
+import { Editor } from '@tiptap/core';
+import { IEditorToolElement } from '../editor-utils';
+
+export declare const AlignmentDropdown: ({ tool, editor, }: {
+    tool: IEditorToolElement;
+    editor: Editor;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/package/components/editor-toolbar/font-family.d.ts

@@ -0,0 +1,7 @@
+import { Editor } from '@tiptap/core';
+import { FontDescriptor } from '../../types';
+
+export declare const FontFamilyDropdown: ({ consumerFonts, editor, }: {
+    consumerFonts?: FontDescriptor[];
+    editor: Editor;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/package/components/editor-toolbar/font-size.d.ts

@@ -0,0 +1,7 @@
+import { Editor } from '@tiptap/core';
+
+export declare const FontSizeDropdown: ({ editor, currentSize, onSetFontSize, }: {
+    editor: Editor;
+    currentSize?: string;
+    onSetFontSize: (fontSize: string) => void;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/package/components/editor-toolbar/heading.d.ts

@@ -0,0 +1,5 @@
+import { Editor } from '@tiptap/core';
+
+export declare const HeadingDropdown: ({ editor }: {
+    editor: Editor;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/package/components/editor-toolbar/highlight.d.ts

@@ -0,0 +1,7 @@
+import { Editor } from '@tiptap/core';
+import { IEditorToolElement } from '../editor-utils';
+
+export declare const HighlightDropdown: ({ tool, editor, }: {
+    tool: IEditorToolElement;
+    editor: Editor;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/package/components/editor-toolbar/line-height.d.ts

@@ -0,0 +1,7 @@
+import { IEditorToolElement } from '../editor-utils';
+
+export declare const LineHeightDropdown: ({ tool, currentLineHeight, onSetLineHeight, }: {
+    tool: IEditorToolElement;
+    currentLineHeight?: string;
+    onSetLineHeight: (lineHeight: string) => void;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/package/components/editor-toolbar/link.d.ts

@@ -0,0 +1,8 @@
+import { Editor } from '@tiptap/core';
+import { IEditorToolElement } from '../editor-utils';
+
+export declare const LinkPopover: ({ tool, editor, onError, }: {
+    tool: IEditorToolElement;
+    editor: Editor;
+    onError?: (errorString: string) => void;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/package/components/editor-toolbar/text-color.d.ts

@@ -0,0 +1,7 @@
+import { Editor } from '@tiptap/core';
+import { IEditorToolElement } from '../editor-utils';
+
+export declare const TextColorDropdown: ({ tool, editor, }: {
+    tool: IEditorToolElement;
+    editor: Editor;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/package/components/editor-toolbar/zoom-level.d.ts

@@ -0,0 +1,6 @@
+interface ZoomLevelDropdownProps {
+    zoomLevel: string;
+    setZoomLevel: (zoom: string) => void;
+}
+export declare const ZoomLevelDropdown: ({ zoomLevel, setZoomLevel, }: ZoomLevelDropdownProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/package/components/editor-toolbar.d.ts

@@ -36,5 +36,5 @@ declare const MemoizedTiptapToolBar: React.MemoExoticComponent<({ editor, onErro
     onToggleSplitView?: () => void;
     onRegisterExportTrigger?: ((trigger: ((format?: string, name?: string) => void) | null) => void) | undefined;
     fonts?: FontDescriptor[];
-}) => import("react/jsx-runtime").JSX.Element>;
+}) => import("react/jsx-runtime").JSX.Element | null>;
 export default MemoizedTiptapToolBar;

package/dist/package/components/editor-utils.d.ts

@@ -149,10 +149,8 @@ export declare const TextColor: ({ editor, setVisibility, elementRef, }: {
     elementRef: React.RefObject<HTMLDivElement>;
     setVisibility: Dispatch<SetStateAction<IEditorTool>>;
 }) => import("react/jsx-runtime").JSX.Element;
-export declare const TextHeading: ({ editor, setVisibility, elementRef, }: {
+export declare const TextHeading: ({ editor }: {
     editor: Editor;
-    elementRef: React.RefObject<HTMLDivElement>;
-    setVisibility: Dispatch<SetStateAction<IEditorTool>>;
 }) => import("react/jsx-runtime").JSX.Element;
 export declare const FontSizePicker: ({ editor, setVisibility, elementRef, currentSize, onSetFontSize, }: {
     editor: Editor;

package/dist/package/components/import-export-button.d.ts

@@ -3,12 +3,11 @@ import { Editor } from '@tiptap/react';
 import { Tab } from './tabs/utils/tab-utils';
 
 import * as Y from 'yjs';
-declare const ImportExportButton: ({ fileExportsOpen, setFileExportsOpen, exportOptions, importOptions, setDropdownOpen, editor, tabs, ydoc, onRegisterExportTrigger, }: {
+declare const ImportExportButton: ({ fileExportsOpen, setFileExportsOpen, exportOptions, importOptions, editor, tabs, ydoc, onRegisterExportTrigger, }: {
     fileExportsOpen: boolean;
     setFileExportsOpen: React.Dispatch<React.SetStateAction<boolean>>;
     exportOptions: (IEditorToolElement | null)[];
     importOptions: (IEditorToolElement | null)[];
-    setDropdownOpen: React.Dispatch<React.SetStateAction<boolean>>;
     editor: Editor | null;
     tabs: Tab[];
     ydoc: Y.Doc;

package/dist/package/components/split-view/split-view-markdown-pane.d.ts

@@ -3,8 +3,6 @@ import { IpfsImageUploadResponse } from '../../types';
 interface SplitViewMarkdownPaneProps {
     markdown: string;
     onMarkdownChange: (value: string) => void;
-    /** Exit Split View (back to the normal editor). */
-    onExitSplitView?: () => void;
     /** Same uploader the editor uses — for the markdown toolbar's Image button. */
     ipfsImageUploadFn?: (file: File) => Promise<IpfsImageUploadResponse>;
     onError?: (error: string) => void;
@@ -17,5 +15,5 @@ interface SplitViewMarkdownPaneProps {
  * real ddoc editor itself — see ddoc-editor.tsx, which keeps that editor mounted
  * in place (never a second <EditorContent>) so its React node views survive.
  */
-export declare const SplitViewMarkdownPane: ({ markdown, onMarkdownChange, onExitSplitView, ipfsImageUploadFn, onError, style, }: SplitViewMarkdownPaneProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SplitViewMarkdownPane: ({ markdown, onMarkdownChange, ipfsImageUploadFn, onError, style, }: SplitViewMarkdownPaneProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/package/components/split-view/split-view-right-header.d.ts

@@ -6,10 +6,12 @@ interface SplitViewRightHeaderProps {
     showTabsPanel: boolean;
     /** Toggle the Document-tabs overlay panel (the List button). */
     onToggleTabsPanel: () => void;
+    /** Exit Split View (back to the normal editor). */
+    onExitSplitView?: () => void;
 }
 /**
  * Split View RIGHT-pane header bar: the Document-tabs toggle (left) and the
  * download actions (right). Sits above the real ddoc editor in the right pane.
  */
-export declare const SplitViewRightHeader: ({ editor, showTabsPanel, onToggleTabsPanel, }: SplitViewRightHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SplitViewRightHeader: ({ editor, onExitSplitView, showTabsPanel, onToggleTabsPanel, }: SplitViewRightHeaderProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/package/components/split-view/split-view-toolbar.d.ts

@@ -4,11 +4,9 @@ import { IpfsImageUploadResponse } from '../../types';
 interface SplitViewToolbarProps {
     /** The CodeMirror view of the markdown pane (null until it mounts). */
     view: EditorView | null;
-    /** Exit Split View (back to the normal editor). */
-    onExit?: () => void;
     /** Same uploader the editor uses — for the Image button. */
     ipfsImageUploadFn?: (file: File) => Promise<IpfsImageUploadResponse>;
     onError?: (error: string) => void;
 }
-export default function SplitViewToolbar({ view, onExit, ipfsImageUploadFn, onError, }: SplitViewToolbarProps): import("react/jsx-runtime").JSX.Element;
+export default function SplitViewToolbar({ view, ipfsImageUploadFn, onError, }: SplitViewToolbarProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/split-view-toolbar-DrprtqFo.mjs

@@ -0,0 +1,289 @@
+import { j as d } from "./index-BaUcfd1H.mjs";
+import { useRef as I, useState as N, useEffect as D } from "react";
+import { DynamicDropdown as E, Tooltip as R, IconButton as O } from "@fileverse/ui";
+import { a3 as A, a4 as P, c as y } from "./index-C2SwsBqH.mjs";
+const p = (e, t, o = t) => {
+  const { state: s } = e, l = s.changeByRange((n) => {
+    const u = s.sliceDoc(n.from, n.to), r = s.sliceDoc(
+      Math.max(0, n.from - t.length),
+      n.from
+    ), m = s.sliceDoc(
+      n.to,
+      Math.min(s.doc.length, n.to + o.length)
+    );
+    if (r === t && m === o)
+      return {
+        changes: [
+          { from: n.from - t.length, to: n.from, insert: "" },
+          { from: n.to, to: n.to + o.length, insert: "" }
+        ],
+        range: y.range(
+          n.from - t.length,
+          n.to - t.length
+        )
+      };
+    const b = t + u + o;
+    return {
+      changes: { from: n.from, to: n.to, insert: b },
+      range: y.range(
+        n.from + t.length,
+        n.from + t.length + u.length
+      )
+    };
+  });
+  e.dispatch(s.update(l, { scrollIntoView: !0 })), e.focus();
+}, S = (e, t) => {
+  const { state: o } = e, s = [], l = /* @__PURE__ */ new Set();
+  for (const n of o.selection.ranges) {
+    let u = n.from;
+    for (; ; ) {
+      const r = o.doc.lineAt(u);
+      if (!l.has(r.number)) {
+        l.add(r.number);
+        const m = t(r.text, r.from);
+        m && s.push(m);
+      }
+      if (r.to >= n.to) break;
+      u = r.to + 1;
+    }
+  }
+  s.length && e.dispatch(o.update({ changes: s, scrollIntoView: !0 })), e.focus();
+}, k = (e, t) => S(
+  e,
+  (o, s) => o.startsWith(t) ? { from: s, to: s + t.length, insert: "" } : { from: s, insert: t }
+), _ = (e, t) => {
+  const o = "#".repeat(t) + " ";
+  return S(e, (s, l) => {
+    const n = s.match(/^(#{1,6})\s/);
+    return n && n[1].length === t ? { from: l, to: l + n[0].length, insert: "" } : n ? { from: l, to: l + n[0].length, insert: o } : { from: l, insert: o };
+  });
+}, f = (e, t) => {
+  const { state: o } = e, s = o.selection.main, r = `${o.doc.lineAt(s.from).text.trim() === "" ? "" : `
+
+`}${t}
+`;
+  e.dispatch(
+    o.update({
+      changes: { from: s.from, insert: r },
+      selection: { anchor: s.from + r.length },
+      scrollIntoView: !0
+    })
+  ), e.focus();
+}, w = (e, t) => {
+  const { state: o } = e, s = o.changeByRange((l) => {
+    const n = o.sliceDoc(l.from, l.to) || "text", u = t ?? "url", r = `[${n}](${u})`, m = l.from + 1 + n.length + 2;
+    return {
+      changes: { from: l.from, to: l.to, insert: r },
+      range: y.range(m, m + u.length)
+    };
+  });
+  e.dispatch(o.update(s, { scrollIntoView: !0 })), e.focus();
+}, z = (e, t) => {
+  const o = `<img src="${t.src}" media-type="secure-img" encryptionKey="${t.encryptionKey}" nonce="${t.nonce}" ipfsUrl="${t.ipfsUrl}" ipfsHash="${t.ipfsHash}" version="2" authTag="${t.authTag}" mimeType="${t.mimeType}" />`;
+  f(e, o);
+}, G = (e, t) => f(e, `<img src="${t}" media-type="img" />`), K = `| Column 1 | Column 2 |
+| -------- | -------- |
+|          |          |`, c = {
+  bold: (e) => p(e, "**"),
+  italic: (e) => p(e, "*"),
+  strike: (e) => p(e, "~~"),
+  inlineCode: (e) => p(e, "`"),
+  underline: (e) => p(e, "<u>", "</u>"),
+  heading: (e, t) => _(e, t),
+  bulletList: (e) => k(e, "- "),
+  orderedList: (e) => k(e, "1. "),
+  taskList: (e) => k(e, "- [ ] "),
+  blockquote: (e) => k(e, "> "),
+  codeBlock: (e) => f(e, "```\n\n```"),
+  horizontalRule: (e) => f(e, "---"),
+  table: (e) => f(e, K),
+  link: (e, t) => w(e, t),
+  undo: (e) => {
+    P(e), e.focus();
+  },
+  redo: (e) => {
+    A(e), e.focus();
+  },
+  // Highlight → inline HTML (round-trips via our turndown/DOMPurify rules).
+  highlight: (e, t) => t ? p(e, `<mark style="background-color: ${t}">`, "</mark>") : p(e, "<mark>", "</mark>")
+}, C = [
+  [
+    { icon: "Undo", label: "Undo", run: (e) => c.undo(e) },
+    { icon: "Redo", label: "Redo", run: (e) => c.redo(e) }
+  ],
+  [
+    {
+      icon: "Heading1",
+      label: "Heading 1",
+      run: (e) => c.heading(e, 1)
+    },
+    {
+      icon: "Heading2",
+      label: "Heading 2",
+      run: (e) => c.heading(e, 2)
+    },
+    {
+      icon: "Heading3",
+      label: "Heading 3",
+      run: (e) => c.heading(e, 3)
+    }
+  ],
+  [
+    { icon: "Bold", label: "Bold", run: (e) => c.bold(e) },
+    { icon: "Italic", label: "Italic", run: (e) => c.italic(e) },
+    {
+      icon: "Underline",
+      label: "Underline",
+      run: (e) => c.underline(e)
+    },
+    {
+      icon: "Strikethrough",
+      label: "Strikethrough",
+      run: (e) => c.strike(e)
+    },
+    {
+      icon: "Code",
+      label: "Inline code",
+      run: (e) => c.inlineCode(e)
+    },
+    {
+      icon: "Highlighter",
+      label: "Highlight",
+      run: (e) => c.highlight(e)
+    }
+  ],
+  [
+    {
+      icon: "List",
+      label: "Bullet list",
+      run: (e) => c.bulletList(e)
+    },
+    {
+      icon: "ListOrdered",
+      label: "Numbered list",
+      run: (e) => c.orderedList(e)
+    },
+    {
+      icon: "ListChecks",
+      label: "To-do list",
+      run: (e) => c.taskList(e)
+    },
+    { icon: "TextQuote", label: "Quote", run: (e) => c.blockquote(e) }
+  ],
+  [
+    // Inserts [text](url) inline and selects `url` to type over.
+    { icon: "Link", label: "Link", run: (e) => c.link(e) },
+    { icon: "Image", label: "Image", run: () => {
+    }, upload: !0 },
+    {
+      icon: "Braces",
+      label: "Code block",
+      run: (e) => c.codeBlock(e)
+    },
+    { icon: "Table", label: "Table", run: (e) => c.table(e) },
+    {
+      icon: "Minus",
+      label: "Divider",
+      run: (e) => c.horizontalRule(e)
+    }
+  ]
+], B = 3, M = C.slice(0, B), T = C.slice(B), U = "!h-6 !w-6 !min-w-0", W = 560, j = () => /* @__PURE__ */ d.jsx("div", { className: "w-[1px] h-4 vertical-divider mx-1" });
+function Q({
+  view: e,
+  ipfsImageUploadFn: t,
+  onError: o
+}) {
+  const s = (i) => {
+    const a = document.createElement("input");
+    a.type = "file", a.accept = "image/*", a.onchange = async () => {
+      var L;
+      const h = (L = a.files) == null ? void 0 : L[0];
+      if (!(!h || !h.type.includes("image/")))
+        try {
+          if (t) {
+            const g = await t(h);
+            z(i, {
+              src: URL.createObjectURL(h),
+              ipfsUrl: g.ipfsUrl,
+              encryptionKey: g.encryptionKey,
+              nonce: g.nonce,
+              ipfsHash: g.ipfsHash,
+              authTag: g.authTag,
+              mimeType: h.type
+            });
+          } else {
+            const g = await new Promise((H, $) => {
+              const x = new FileReader();
+              x.onload = () => H(x.result), x.onerror = $, x.readAsDataURL(h);
+            });
+            G(i, g);
+          }
+        } catch {
+          o == null || o("Failed to upload image");
+        }
+    }, a.click();
+  }, l = (i, a) => {
+    if (i.upload) {
+      s(a);
+      return;
+    }
+    i.run(a);
+  }, n = I(null), [u, r] = N(!1);
+  D(() => {
+    const i = n.current;
+    if (!i || typeof ResizeObserver > "u") return;
+    const a = () => r(i.clientWidth < W);
+    a();
+    const h = new ResizeObserver(a);
+    return h.observe(i), () => h.disconnect();
+  }, []);
+  const m = (i) => /* @__PURE__ */ d.jsx(R, { text: i.label, children: /* @__PURE__ */ d.jsx(
+    O,
+    {
+      variant: "ghost",
+      size: "sm",
+      className: U,
+      icon: i.icon,
+      disabled: !e,
+      onClick: () => e && l(i, e)
+    }
+  ) }, i.label), b = (i, a) => /* @__PURE__ */ d.jsxs("div", { className: "flex items-center gap-0.5", children: [
+    a && /* @__PURE__ */ d.jsx(j, {}),
+    i.map(m)
+  ] }, i[0].label);
+  return /* @__PURE__ */ d.jsx("div", { className: "flex items-center px-2 py-2 border-b color-border-default shrink-0", children: /* @__PURE__ */ d.jsxs(
+    "div",
+    {
+      ref: n,
+      className: "flex items-center gap-0.5 flex-1 min-w-0 overflow-hidden",
+      children: [
+        M.map((i, a) => b(i, a > 0)),
+        u ? /* @__PURE__ */ d.jsxs("div", { className: "flex items-center gap-0.5", children: [
+          /* @__PURE__ */ d.jsx(j, {}),
+          /* @__PURE__ */ d.jsx(
+            E,
+            {
+              align: "start",
+              sideOffset: 8,
+              anchorTrigger: /* @__PURE__ */ d.jsx(R, { text: "More", children: /* @__PURE__ */ d.jsx(
+                O,
+                {
+                  variant: "ghost",
+                  size: "sm",
+                  className: U,
+                  icon: "Ellipsis",
+                  disabled: !e
+                }
+              ) }),
+              content: /* @__PURE__ */ d.jsx("div", { className: "flex items-center gap-0.5 p-1", children: T.flat().map(m) })
+            },
+            "md-more-dropdown"
+          )
+        ] }) : T.map((i) => b(i, !0))
+      ]
+    }
+  ) });
+}
+export {
+  Q as default
+};