dishui 0.0.65 → 0.0.67

package/dist/components/pro/RichTextEditor/Toolbar/TableOpsMenu.js

@@ -1,197 +1,197 @@
-import { useEffect as m, useRef as u, useState as p } from "react";
-import { jsx as e, jsxs as a } from "react/jsx-runtime";
-var _ = ({ editor: l, labels: n }) => {
-  const [c, i] = p(!1), s = u(null);
-  m(() => {
-    const t = (o) => {
-      s.current && !s.current.contains(o.target) && i(!1);
-    };
-    return document.addEventListener("mousedown", t), () => document.removeEventListener("mousedown", t);
-  }, []);
-  const d = l.isActive("table"), r = [
-    {
-      label: n.tableAddColumnBefore || "Add Column Before",
-      action: () => l.chain().focus().addColumnBefore().run(),
-      icon: "⇤+"
-    },
-    {
-      label: n.tableAddColumnAfter || "Add Column After",
-      action: () => l.chain().focus().addColumnAfter().run(),
-      icon: "+⇥"
-    },
-    {
-      label: n.tableDeleteColumn || "Delete Column",
-      action: () => l.chain().focus().deleteColumn().run(),
-      icon: "−⫼"
-    },
-    {
-      label: n.tableAddRowBefore || "Add Row Before",
-      action: () => l.chain().focus().addRowBefore().run(),
-      icon: "↑+"
-    },
-    {
-      label: n.tableAddRowAfter || "Add Row After",
-      action: () => l.chain().focus().addRowAfter().run(),
-      icon: "+↓"
-    },
-    {
-      label: n.tableDeleteRow || "Delete Row",
-      action: () => l.chain().focus().deleteRow().run(),
-      icon: "−═"
-    },
-    {
-      label: n.tableMergeCells || "Merge Cells",
-      action: () => l.chain().focus().mergeCells().run(),
-      icon: "⊞"
-    },
-    {
-      label: n.tableSplitCell || "Split Cell",
-      action: () => l.chain().focus().splitCell().run(),
-      icon: "⊟"
-    },
-    {
-      label: n.tableDelete || "Delete Table",
-      action: () => l.chain().focus().deleteTable().run(),
-      icon: "🗑"
-    }
-  ];
-  return /* @__PURE__ */ a("div", {
-    ref: s,
-    className: "rte-toolbar__template-menu",
-    children: [/* @__PURE__ */ a("button", {
-      type: "button",
-      className: `rte-toolbar__btn ${c ? "rte-toolbar__btn--active" : ""}`,
-      onClick: () => i(!c),
-      disabled: !d,
-      title: n.tableOps || "Table Operations",
-      style: {
-        width: "auto",
-        padding: "0 6px",
-        gap: "2px",
-        display: "inline-flex",
-        alignItems: "center",
-        opacity: d ? 1 : 0.4
-      },
-      children: [/* @__PURE__ */ a("svg", {
-        width: "16",
-        height: "16",
-        viewBox: "0 0 24 24",
-        fill: "none",
-        stroke: "currentColor",
-        strokeWidth: "2",
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        children: [
-          /* @__PURE__ */ e("rect", {
-            x: "3",
-            y: "3",
-            width: "18",
-            height: "18",
-            rx: "2"
-          }),
-          /* @__PURE__ */ e("line", {
-            x1: "3",
-            y1: "9",
-            x2: "21",
-            y2: "9"
-          }),
-          /* @__PURE__ */ e("line", {
-            x1: "3",
-            y1: "15",
-            x2: "21",
-            y2: "15"
-          }),
-          /* @__PURE__ */ e("line", {
-            x1: "9",
-            y1: "3",
-            x2: "9",
-            y2: "21"
-          }),
-          /* @__PURE__ */ e("line", {
-            x1: "15",
-            y1: "3",
-            x2: "15",
-            y2: "21"
-          })
-        ]
-      }), /* @__PURE__ */ e("svg", {
-        width: "10",
-        height: "10",
-        viewBox: "0 0 24 24",
-        fill: "none",
-        stroke: "currentColor",
-        strokeWidth: "2.5",
-        children: /* @__PURE__ */ e("polyline", { points: "6 9 12 15 18 9" })
-      })]
-    }), c && d && /* @__PURE__ */ a("div", {
-      className: "rte-toolbar__template-dropdown",
-      children: [
-        /* @__PURE__ */ e("div", {
-          className: "rte-toolbar__template-group-label",
-          children: "Columns"
-        }),
-        r.slice(0, 3).map((t, o) => /* @__PURE__ */ a("button", {
-          type: "button",
-          className: "rte-toolbar__template-item",
-          onClick: () => {
-            t.action(), i(!1);
-          },
-          children: [/* @__PURE__ */ e("span", {
-            className: "rte-toolbar__template-icon",
-            children: t.icon
-          }), /* @__PURE__ */ e("span", { children: t.label })]
-        }, o)),
-        /* @__PURE__ */ e("div", {
-          className: "rte-toolbar__template-group-label",
-          children: "Rows"
-        }),
-        r.slice(3, 6).map((t, o) => /* @__PURE__ */ a("button", {
-          type: "button",
-          className: "rte-toolbar__template-item",
-          onClick: () => {
-            t.action(), i(!1);
-          },
-          children: [/* @__PURE__ */ e("span", {
-            className: "rte-toolbar__template-icon",
-            children: t.icon
-          }), /* @__PURE__ */ e("span", { children: t.label })]
-        }, o)),
-        /* @__PURE__ */ e("div", {
-          className: "rte-toolbar__template-group-label",
-          children: "Merge / Split"
-        }),
-        r.slice(6, 8).map((t, o) => /* @__PURE__ */ a("button", {
-          type: "button",
-          className: "rte-toolbar__template-item",
-          onClick: () => {
-            t.action(), i(!1);
-          },
-          children: [/* @__PURE__ */ e("span", {
-            className: "rte-toolbar__template-icon",
-            children: t.icon
-          }), /* @__PURE__ */ e("span", { children: t.label })]
-        }, o)),
-        /* @__PURE__ */ e("div", {
-          className: "rte-toolbar__template-group-label",
-          children: "Table"
-        }),
-        r.slice(8).map((t, o) => /* @__PURE__ */ a("button", {
-          type: "button",
-          className: "rte-toolbar__template-item rte-toolbar__template-item--danger",
-          onClick: () => {
-            t.action(), i(!1);
-          },
-          children: [/* @__PURE__ */ e("span", {
-            className: "rte-toolbar__template-icon",
-            children: t.icon
-          }), /* @__PURE__ */ e("span", { children: t.label })]
-        }, o))
-      ]
-    })]
-  });
-};
-export {
-  _ as TableOpsMenu
+import { useEffect as e, useRef as t, useState as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/pro/RichTextEditor/Toolbar/TableOpsMenu.tsx
+var a = ({ editor: a, labels: o }) => {
+	let [s, c] = n(!1), l = t(null);
+	e(() => {
+		let e = (e) => {
+			l.current && !l.current.contains(e.target) && c(!1);
+		};
+		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+	}, []);
+	let u = a.isActive("table"), d = [
+		{
+			label: o.tableAddColumnBefore || "Add Column Before",
+			action: () => a.chain().focus().addColumnBefore().run(),
+			icon: "⇤+"
+		},
+		{
+			label: o.tableAddColumnAfter || "Add Column After",
+			action: () => a.chain().focus().addColumnAfter().run(),
+			icon: "+⇥"
+		},
+		{
+			label: o.tableDeleteColumn || "Delete Column",
+			action: () => a.chain().focus().deleteColumn().run(),
+			icon: "−⫼"
+		},
+		{
+			label: o.tableAddRowBefore || "Add Row Before",
+			action: () => a.chain().focus().addRowBefore().run(),
+			icon: "↑+"
+		},
+		{
+			label: o.tableAddRowAfter || "Add Row After",
+			action: () => a.chain().focus().addRowAfter().run(),
+			icon: "+↓"
+		},
+		{
+			label: o.tableDeleteRow || "Delete Row",
+			action: () => a.chain().focus().deleteRow().run(),
+			icon: "−═"
+		},
+		{
+			label: o.tableMergeCells || "Merge Cells",
+			action: () => a.chain().focus().mergeCells().run(),
+			icon: "⊞"
+		},
+		{
+			label: o.tableSplitCell || "Split Cell",
+			action: () => a.chain().focus().splitCell().run(),
+			icon: "⊟"
+		},
+		{
+			label: o.tableDelete || "Delete Table",
+			action: () => a.chain().focus().deleteTable().run(),
+			icon: "🗑"
+		}
+	];
+	return /* @__PURE__ */ i("div", {
+		ref: l,
+		className: "rte-toolbar__template-menu",
+		children: [/* @__PURE__ */ i("button", {
+			type: "button",
+			className: `rte-toolbar__btn ${s ? "rte-toolbar__btn--active" : ""}`,
+			onClick: () => c(!s),
+			disabled: !u,
+			title: o.tableOps || "Table Operations",
+			style: {
+				width: "auto",
+				padding: "0 6px",
+				gap: "2px",
+				display: "inline-flex",
+				alignItems: "center",
+				opacity: u ? 1 : .4
+			},
+			children: [/* @__PURE__ */ i("svg", {
+				width: "16",
+				height: "16",
+				viewBox: "0 0 24 24",
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: "2",
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				children: [
+					/* @__PURE__ */ r("rect", {
+						x: "3",
+						y: "3",
+						width: "18",
+						height: "18",
+						rx: "2"
+					}),
+					/* @__PURE__ */ r("line", {
+						x1: "3",
+						y1: "9",
+						x2: "21",
+						y2: "9"
+					}),
+					/* @__PURE__ */ r("line", {
+						x1: "3",
+						y1: "15",
+						x2: "21",
+						y2: "15"
+					}),
+					/* @__PURE__ */ r("line", {
+						x1: "9",
+						y1: "3",
+						x2: "9",
+						y2: "21"
+					}),
+					/* @__PURE__ */ r("line", {
+						x1: "15",
+						y1: "3",
+						x2: "15",
+						y2: "21"
+					})
+				]
+			}), /* @__PURE__ */ r("svg", {
+				width: "10",
+				height: "10",
+				viewBox: "0 0 24 24",
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: "2.5",
+				children: /* @__PURE__ */ r("polyline", { points: "6 9 12 15 18 9" })
+			})]
+		}), s && u && /* @__PURE__ */ i("div", {
+			className: "rte-toolbar__template-dropdown",
+			children: [
+				/* @__PURE__ */ r("div", {
+					className: "rte-toolbar__template-group-label",
+					children: "Columns"
+				}),
+				d.slice(0, 3).map((e, t) => /* @__PURE__ */ i("button", {
+					type: "button",
+					className: "rte-toolbar__template-item",
+					onClick: () => {
+						e.action(), c(!1);
+					},
+					children: [/* @__PURE__ */ r("span", {
+						className: "rte-toolbar__template-icon",
+						children: e.icon
+					}), /* @__PURE__ */ r("span", { children: e.label })]
+				}, t)),
+				/* @__PURE__ */ r("div", {
+					className: "rte-toolbar__template-group-label",
+					children: "Rows"
+				}),
+				d.slice(3, 6).map((e, t) => /* @__PURE__ */ i("button", {
+					type: "button",
+					className: "rte-toolbar__template-item",
+					onClick: () => {
+						e.action(), c(!1);
+					},
+					children: [/* @__PURE__ */ r("span", {
+						className: "rte-toolbar__template-icon",
+						children: e.icon
+					}), /* @__PURE__ */ r("span", { children: e.label })]
+				}, t)),
+				/* @__PURE__ */ r("div", {
+					className: "rte-toolbar__template-group-label",
+					children: "Merge / Split"
+				}),
+				d.slice(6, 8).map((e, t) => /* @__PURE__ */ i("button", {
+					type: "button",
+					className: "rte-toolbar__template-item",
+					onClick: () => {
+						e.action(), c(!1);
+					},
+					children: [/* @__PURE__ */ r("span", {
+						className: "rte-toolbar__template-icon",
+						children: e.icon
+					}), /* @__PURE__ */ r("span", { children: e.label })]
+				}, t)),
+				/* @__PURE__ */ r("div", {
+					className: "rte-toolbar__template-group-label",
+					children: "Table"
+				}),
+				d.slice(8).map((e, t) => /* @__PURE__ */ i("button", {
+					type: "button",
+					className: "rte-toolbar__template-item rte-toolbar__template-item--danger",
+					onClick: () => {
+						e.action(), c(!1);
+					},
+					children: [/* @__PURE__ */ r("span", {
+						className: "rte-toolbar__template-icon",
+						children: e.icon
+					}), /* @__PURE__ */ r("span", { children: e.label })]
+				}, t))
+			]
+		})]
+	});
 };
+//#endregion
+export { a as TableOpsMenu };
 
 //# sourceMappingURL=TableOpsMenu.js.map

package/dist/components/pro/RichTextEditor/Toolbar/TableOpsMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableOpsMenu.js","names":[],"sources":["../../../../../src/components/pro/RichTextEditor/Toolbar/TableOpsMenu.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect } from 'react';\nimport type { Editor } from '@tiptap/react';\nimport type { RichTextEditorLabels } from '../types';\n\ninterface TableOpsMenuProps {\n  editor: Editor;\n  labels: RichTextEditorLabels;\n}\n\nexport const TableOpsMenu: React.FC<TableOpsMenuProps> = ({ editor, labels }) => {\n  const [isOpen, setIsOpen] = useState(false);\n  const ref = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const handler = (e: MouseEvent) => {\n      if (ref.current && !ref.current.contains(e.target as Node)) {\n        setIsOpen(false);\n      }\n    };\n    document.addEventListener('mousedown', handler);\n    return () => document.removeEventListener('mousedown', handler);\n  }, []);\n\n  const isInTable = editor.isActive('table');\n\n  const actions: { label: string; action: () => void; icon: string }[] = [\n    { label: labels.tableAddColumnBefore || 'Add Column Before', action: () => editor.chain().focus().addColumnBefore().run(), icon: '⇤+' },\n    { label: labels.tableAddColumnAfter || 'Add Column After', action: () => editor.chain().focus().addColumnAfter().run(), icon: '+⇥' },\n    { label: labels.tableDeleteColumn || 'Delete Column', action: () => editor.chain().focus().deleteColumn().run(), icon: '−⫼' },\n    { label: labels.tableAddRowBefore || 'Add Row Before', action: () => editor.chain().focus().addRowBefore().run(), icon: '↑+' },\n    { label: labels.tableAddRowAfter || 'Add Row After', action: () => editor.chain().focus().addRowAfter().run(), icon: '+↓' },\n    { label: labels.tableDeleteRow || 'Delete Row', action: () => editor.chain().focus().deleteRow().run(), icon: '−═' },\n    { label: labels.tableMergeCells || 'Merge Cells', action: () => editor.chain().focus().mergeCells().run(), icon: '⊞' },\n    { label: labels.tableSplitCell || 'Split Cell', action: () => editor.chain().focus().splitCell().run(), icon: '⊟' },\n    { label: labels.tableDelete || 'Delete Table', action: () => editor.chain().focus().deleteTable().run(), icon: '🗑' },\n  ];\n\n  return (\n    <div ref={ref} className=\"rte-toolbar__template-menu\">\n      <button\n        type=\"button\"\n        className={`rte-toolbar__btn ${isOpen ? 'rte-toolbar__btn--active' : ''}`}\n        onClick={() => setIsOpen(!isOpen)}\n        disabled={!isInTable}\n        title={labels.tableOps || 'Table Operations'}\n        style={{ width: 'auto', padding: '0 6px', gap: '2px', display: 'inline-flex', alignItems: 'center', opacity: isInTable ? 1 : 0.4 }}\n      >\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n          <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" />\n          <line x1=\"3\" y1=\"9\" x2=\"21\" y2=\"9\" /><line x1=\"3\" y1=\"15\" x2=\"21\" y2=\"15\" />\n          <line x1=\"9\" y1=\"3\" x2=\"9\" y2=\"21\" /><line x1=\"15\" y1=\"3\" x2=\"15\" y2=\"21\" />\n        </svg>\n        <svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2.5\">\n          <polyline points=\"6 9 12 15 18 9\" />\n        </svg>\n      </button>\n      {isOpen && isInTable && (\n        <div className=\"rte-toolbar__template-dropdown\">\n          <div className=\"rte-toolbar__template-group-label\">Columns</div>\n          {actions.slice(0, 3).map((a, i) => (\n            <button key={i} type=\"button\" className=\"rte-toolbar__template-item\" onClick={() => { a.action(); setIsOpen(false); }}>\n              <span className=\"rte-toolbar__template-icon\">{a.icon}</span>\n              <span>{a.label}</span>\n            </button>\n          ))}\n          <div className=\"rte-toolbar__template-group-label\">Rows</div>\n          {actions.slice(3, 6).map((a, i) => (\n            <button key={i} type=\"button\" className=\"rte-toolbar__template-item\" onClick={() => { a.action(); setIsOpen(false); }}>\n              <span className=\"rte-toolbar__template-icon\">{a.icon}</span>\n              <span>{a.label}</span>\n            </button>\n          ))}\n          <div className=\"rte-toolbar__template-group-label\">Merge / Split</div>\n          {actions.slice(6, 8).map((a, i) => (\n            <button key={i} type=\"button\" className=\"rte-toolbar__template-item\" onClick={() => { a.action(); setIsOpen(false); }}>\n              <span className=\"rte-toolbar__template-icon\">{a.icon}</span>\n              <span>{a.label}</span>\n            </button>\n          ))}\n          <div className=\"rte-toolbar__template-group-label\">Table</div>\n          {actions.slice(8).map((a, i) => (\n            <button key={i} type=\"button\" className=\"rte-toolbar__template-item rte-toolbar__template-item--danger\" onClick={() => { a.action(); setIsOpen(false); }}>\n              <span className=\"rte-toolbar__template-icon\">{a.icon}</span>\n              <span>{a.label}</span>\n            </button>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"TableOpsMenu.js","names":[],"sources":["../../../../../src/components/pro/RichTextEditor/Toolbar/TableOpsMenu.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect } from 'react';\nimport type { Editor } from '@tiptap/react';\nimport type { RichTextEditorLabels } from '../types';\n\ninterface TableOpsMenuProps {\n  editor: Editor;\n  labels: RichTextEditorLabels;\n}\n\nexport const TableOpsMenu: React.FC<TableOpsMenuProps> = ({ editor, labels }) => {\n  const [isOpen, setIsOpen] = useState(false);\n  const ref = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const handler = (e: MouseEvent) => {\n      if (ref.current && !ref.current.contains(e.target as Node)) {\n        setIsOpen(false);\n      }\n    };\n    document.addEventListener('mousedown', handler);\n    return () => document.removeEventListener('mousedown', handler);\n  }, []);\n\n  const isInTable = editor.isActive('table');\n\n  const actions: { label: string; action: () => void; icon: string }[] = [\n    { label: labels.tableAddColumnBefore || 'Add Column Before', action: () => editor.chain().focus().addColumnBefore().run(), icon: '⇤+' },\n    { label: labels.tableAddColumnAfter || 'Add Column After', action: () => editor.chain().focus().addColumnAfter().run(), icon: '+⇥' },\n    { label: labels.tableDeleteColumn || 'Delete Column', action: () => editor.chain().focus().deleteColumn().run(), icon: '−⫼' },\n    { label: labels.tableAddRowBefore || 'Add Row Before', action: () => editor.chain().focus().addRowBefore().run(), icon: '↑+' },\n    { label: labels.tableAddRowAfter || 'Add Row After', action: () => editor.chain().focus().addRowAfter().run(), icon: '+↓' },\n    { label: labels.tableDeleteRow || 'Delete Row', action: () => editor.chain().focus().deleteRow().run(), icon: '−═' },\n    { label: labels.tableMergeCells || 'Merge Cells', action: () => editor.chain().focus().mergeCells().run(), icon: '⊞' },\n    { label: labels.tableSplitCell || 'Split Cell', action: () => editor.chain().focus().splitCell().run(), icon: '⊟' },\n    { label: labels.tableDelete || 'Delete Table', action: () => editor.chain().focus().deleteTable().run(), icon: '🗑' },\n  ];\n\n  return (\n    <div ref={ref} className=\"rte-toolbar__template-menu\">\n      <button\n        type=\"button\"\n        className={`rte-toolbar__btn ${isOpen ? 'rte-toolbar__btn--active' : ''}`}\n        onClick={() => setIsOpen(!isOpen)}\n        disabled={!isInTable}\n        title={labels.tableOps || 'Table Operations'}\n        style={{ width: 'auto', padding: '0 6px', gap: '2px', display: 'inline-flex', alignItems: 'center', opacity: isInTable ? 1 : 0.4 }}\n      >\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n          <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" />\n          <line x1=\"3\" y1=\"9\" x2=\"21\" y2=\"9\" /><line x1=\"3\" y1=\"15\" x2=\"21\" y2=\"15\" />\n          <line x1=\"9\" y1=\"3\" x2=\"9\" y2=\"21\" /><line x1=\"15\" y1=\"3\" x2=\"15\" y2=\"21\" />\n        </svg>\n        <svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2.5\">\n          <polyline points=\"6 9 12 15 18 9\" />\n        </svg>\n      </button>\n      {isOpen && isInTable && (\n        <div className=\"rte-toolbar__template-dropdown\">\n          <div className=\"rte-toolbar__template-group-label\">Columns</div>\n          {actions.slice(0, 3).map((a, i) => (\n            <button key={i} type=\"button\" className=\"rte-toolbar__template-item\" onClick={() => { a.action(); setIsOpen(false); }}>\n              <span className=\"rte-toolbar__template-icon\">{a.icon}</span>\n              <span>{a.label}</span>\n            </button>\n          ))}\n          <div className=\"rte-toolbar__template-group-label\">Rows</div>\n          {actions.slice(3, 6).map((a, i) => (\n            <button key={i} type=\"button\" className=\"rte-toolbar__template-item\" onClick={() => { a.action(); setIsOpen(false); }}>\n              <span className=\"rte-toolbar__template-icon\">{a.icon}</span>\n              <span>{a.label}</span>\n            </button>\n          ))}\n          <div className=\"rte-toolbar__template-group-label\">Merge / Split</div>\n          {actions.slice(6, 8).map((a, i) => (\n            <button key={i} type=\"button\" className=\"rte-toolbar__template-item\" onClick={() => { a.action(); setIsOpen(false); }}>\n              <span className=\"rte-toolbar__template-icon\">{a.icon}</span>\n              <span>{a.label}</span>\n            </button>\n          ))}\n          <div className=\"rte-toolbar__template-group-label\">Table</div>\n          {actions.slice(8).map((a, i) => (\n            <button key={i} type=\"button\" className=\"rte-toolbar__template-item rte-toolbar__template-item--danger\" onClick={() => { a.action(); setIsOpen(false); }}>\n              <span className=\"rte-toolbar__template-icon\">{a.icon}</span>\n              <span>{a.label}</span>\n            </button>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n};\n"],"mappings":"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"}