@flozy/editor 5.3.6 → 5.3.8

package/dist/Editor/Elements/Table/DragButton.js

@@ -1,142 +0,0 @@
-import { Box, ClickAwayListener, Fade, IconButton, Paper, Popper } from "@mui/material";
-import DragStyles from "./DragStyles";
-import { DragIcon } from "../../common/iconListV2";
-import { useEditorContext } from "../../hooks/useMouseMove";
-import { useRef, useState } from "react";
-import { TableToolOnDrag } from "./TableTool";
-import Draggable from "./Draggable";
-import SwipeableDrawerComponent from "../../common/SwipeableDrawer";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-function DragButton({
-  anchorEl,
-  placement,
-  dragType,
-  onDrag = () => {},
-  handleToolAction,
-  hideDelete,
-  className = "",
-  customProps,
-  dndProps,
-  resetSelection,
-  show
-}) {
-  const {
-    theme
-  } = useEditorContext();
-  const classes = DragStyles(theme);
-  const dragElement = useRef(null);
-  const [showTool, setShowTool] = useState(false);
-  const {
-    isMobile
-  } = customProps || {};
-  const onDragClick = () => {
-    onDrag();
-    setShowTool(true);
-  };
-  const onDragClose = () => {
-    setShowTool(false);
-    setTimeout(() => resetSelection(), 200);
-  };
-  const dragProps = {
-    ...dndProps,
-    id: dndProps?.id + dragType,
-    disabled: isMobile,
-    data: {
-      ...dndProps.data,
-      dragType
-    }
-  };
-  const handleAction = (value, option, dragType) => {
-    const omitValues = ["delete"];
-    if (!omitValues.includes(value)) {
-      setShowTool(false);
-    }
-    handleToolAction(value, option, dragType);
-  };
-  const commonToolProps = {
-    theme,
-    dragType,
-    hideDelete,
-    handleToolAction: (value, option, dragType) => {
-      handleAction(value, option, dragType);
-    }
-  };
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: show || showTool ? /*#__PURE__*/_jsxs(_Fragment, {
-      children: [/*#__PURE__*/_jsx(Popper, {
-        sx: classes.popper,
-        open: Boolean(anchorEl),
-        anchorEl: anchorEl,
-        placement: placement || "left",
-        transition: true,
-        contentEditable: false,
-        ref: dragElement,
-        modifiers: [{
-          name: "offset",
-          options: {
-            offset: [0, -12]
-          }
-        }, {
-          name: "flip",
-          enabled: false // Disable dynamic flipping
-        }],
-
-        disablePortal: dragType !== "row",
-        className: `${className}`,
-        children: ({
-          TransitionProps
-        }) => /*#__PURE__*/_jsx(Fade, {
-          ...TransitionProps,
-          timeout: 350,
-          children: /*#__PURE__*/_jsx("div", {
-            children: /*#__PURE__*/_jsx(Draggable, {
-              ...dragProps,
-              children: /*#__PURE__*/_jsx(Paper, {
-                sx: dragType === "row" ? {
-                  transform: "rotate(90deg)"
-                } : {},
-                className: `${showTool ? "active" : ""}`,
-                style: {
-                  lineHeight: 0
-                },
-                children: /*#__PURE__*/_jsx(IconButton, {
-                  onClick: () => {
-                    onDragClick();
-                  },
-                  children: /*#__PURE__*/_jsx(DragIcon, {})
-                })
-              })
-            })
-          })
-        })
-      }), isMobile ? /*#__PURE__*/_jsx(SwipeableDrawerComponent, {
-        open: showTool,
-        onClose: onDragClose,
-        swipeableDrawer: true,
-        children: /*#__PURE__*/_jsx(Box, {
-          sx: classes.mobileToolDrawer,
-          children: /*#__PURE__*/_jsx(TableToolOnDrag, {
-            ...commonToolProps
-          })
-        })
-      }) : /*#__PURE__*/_jsx(Popper, {
-        open: showTool,
-        anchorEl: dragElement?.current,
-        contentEditable: false,
-        sx: classes.toolPopper,
-        placement: dragType === "row" ? "bottom-start" : "right-start",
-        children: /*#__PURE__*/_jsx(ClickAwayListener, {
-          onClickAway: onDragClose,
-          children: /*#__PURE__*/_jsx("div", {
-            children: /*#__PURE__*/_jsx(TableToolOnDrag, {
-              ...commonToolProps
-            })
-          })
-        })
-      })]
-    }) : null
-  });
-}
-export default DragButton;

package/dist/Editor/Elements/Table/DragStyles.js

@@ -1,70 +0,0 @@
-const DragStyles = theme => {
-  const {
-    containers,
-    editor
-  } = theme?.palette || {};
-  const {
-    buttonBorder,
-    background,
-    activeColor,
-    signaturePopUpTabButtonSelectedBg,
-    signaturePopUpTabButtonSelectedSvg
-  } = editor || {};
-  const onDragActive = {
-    outline: `1.5px solid ${activeColor || "#2563EB"}`,
-    background: `${signaturePopUpTabButtonSelectedBg} !important`,
-    "& svg ellipse": {
-      fill: `${signaturePopUpTabButtonSelectedSvg}`
-    }
-  };
-  return {
-    popper: {
-      zIndex: 1000,
-      "& .MuiPaper-root": {
-        borderRadius: "3px !important",
-        outline: `1.5px solid ${buttonBorder}`,
-        backgroundColor: `${background}`,
-        "&:hover": onDragActive,
-        "&.active": onDragActive
-      },
-      "& .MuiIconButton-root": {
-        padding: "4px 6px",
-        borderRadius: "none",
-        "& .dragIcon": {
-          width: "14px",
-          height: "10px"
-        },
-        "&:hover": {
-          background: "none"
-        }
-      }
-    },
-    toolPopper: {
-      zIndex: 4001,
-      "& .MuiPaper-root": {
-        borderRadius: "8px"
-      }
-    },
-    mobileToolDrawer: {
-      "& .customSelectContainer": {
-        border: "none !important",
-        padding: "0px !important",
-        boxShadow: "none !important"
-      }
-    },
-    drawerContainer: {
-      "&.MuiDrawer-root": {
-        zIndex: 1301
-      },
-      "& .MuiDrawer-paper": {
-        borderTopLeftRadius: 8,
-        borderTopRightRadius: 8,
-        backgroundColor: containers?.card
-      },
-      "& .customSelectContainer": {
-        border: "none"
-      }
-    }
-  };
-};
-export default DragStyles;

package/dist/Editor/Elements/Table/Draggable.js

@@ -1,25 +0,0 @@
-import { useDraggable } from "@dnd-kit/core";
-import { Box } from "@mui/material";
-import { jsx as _jsx } from "react/jsx-runtime";
-function Draggable(props) {
-  const {
-    attributes,
-    listeners,
-    setNodeRef,
-    transform
-  } = useDraggable(props);
-  const {
-    dragType
-  } = props?.data || {};
-  const style = transform ? {
-    transform: dragType === "row" ? `translate3d(0, ${transform.y}px, 0)` : `translate3d(${transform.x}px, 0, 0)`
-  } : undefined;
-  return /*#__PURE__*/_jsx(Box, {
-    style: style,
-    ref: setNodeRef,
-    ...listeners,
-    ...attributes,
-    children: props.children
-  });
-}
-export default Draggable;

package/dist/Editor/Elements/Table/Droppable.js

@@ -1,53 +0,0 @@
-import { useDroppable } from "@dnd-kit/core";
-import { Box } from "@mui/material";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-function getStyle(dragType, isOver, tableDOM) {
-  const style = {};
-  const borderStyle = "4px solid #2563EB";
-  if (isOver) {
-    const {
-      width,
-      height
-    } = tableDOM.getBoundingClientRect();
-    if (dragType === "row") {
-      style.borderTop = borderStyle;
-      style.width = width;
-    } else if (dragType === "col") {
-      style.borderLeft = borderStyle;
-      style.height = height;
-    }
-  }
-  return style;
-}
-export function Droppable(props) {
-  const {
-    dragType,
-    tableDOM,
-    ...rest
-  } = props;
-  const {
-    isOver,
-    setNodeRef
-  } = useDroppable(rest);
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(Box, {
-      ref: setNodeRef,
-      sx: {
-        position: "absolute",
-        top: 0,
-        left: 0,
-        width: "100%",
-        height: "100%"
-      }
-    }), isOver ? /*#__PURE__*/_jsx(Box, {
-      sx: {
-        position: "absolute",
-        top: 0,
-        left: 0,
-        ...getStyle(dragType, isOver, tableDOM)
-      }
-    }) : null]
-  });
-}

package/dist/Editor/Elements/Table/TableTool.js

@@ -1,101 +0,0 @@
-import CustomSelect from "../AI/CustomSelect";
-import Styles from "../AI/Styles";
-import { CloseIcon, DeleteIcon } from "../../assets/svg/AIIcons";
-import { AboveArrow, BelowArrow, DuplicateIcon, LeftArrow, PaintIcon, RightArrow } from "../../assets/svg/TableIcons";
-import { jsx as _jsx } from "react/jsx-runtime";
-const wholeTableTools = [{
-  group: "",
-  groupLabel: "",
-  options: [{
-    label: "Duplicate",
-    value: "duplicate",
-    Icon: DuplicateIcon
-  }, {
-    label: "Delete",
-    value: "delete",
-    Icon: DeleteIcon
-  }]
-}];
-const insertColOptions = [{
-  label: "Insert Right",
-  value: "insertRight",
-  Icon: RightArrow
-}, {
-  label: "Insert Left",
-  value: "insertLeft",
-  Icon: LeftArrow
-}];
-const insertRowOptions = [{
-  label: "Insert Above",
-  value: "insertAbove",
-  Icon: AboveArrow,
-  replace: false
-}, {
-  label: "Insert Below",
-  value: "insertBelow",
-  Icon: BelowArrow,
-  replace: false
-}];
-function getTools(dragType, hideDelete) {
-  const insertOptions = dragType === "col" ? insertColOptions : insertRowOptions;
-  const deleteOption = hideDelete ? [] : [{
-    label: "Delete",
-    value: "delete",
-    Icon: DeleteIcon,
-    replace: false
-  }];
-  let tools = [{
-    group: "",
-    groupLabel: "",
-    options: [{
-      label: "Color",
-      value: "color",
-      Icon: PaintIcon
-    }, {
-      label: "Duplicate",
-      value: "duplicate",
-      Icon: DuplicateIcon
-    }, ...insertOptions, {
-      label: "Clear Contents",
-      value: "clear",
-      Icon: CloseIcon
-    }, ...deleteOption]
-  }];
-  return tools;
-}
-export function TableToolOnDrag({
-  theme,
-  dragType,
-  handleToolAction,
-  hideDelete
-}) {
-  const classes = Styles(theme);
-  const tools = getTools(dragType, hideDelete);
-  return /*#__PURE__*/_jsx(CustomSelect, {
-    classes: classes,
-    show: true,
-    options: tools,
-    onSend: (value, option) => {
-      handleToolAction(value, option, dragType);
-    },
-    btnProps: {
-      onMouseDown: e => e.stopPropagation(),
-      onMouseUp: e => e.stopPropagation()
-    }
-  });
-}
-function TableTool({
-  theme,
-  handleToolAction
-}) {
-  const classes = Styles(theme);
-  return /*#__PURE__*/_jsx(CustomSelect, {
-    classes: classes,
-    show: true,
-    options: wholeTableTools,
-    onSend: (value, option) => {
-      handleToolAction(value, option);
-    }
-  });
-}
-export default TableTool;

package/dist/Editor/Elements/Table/tableHelper.js

@@ -1,71 +0,0 @@
-import { getNode } from "../../utils/helper";
-import { serializeToText } from "../../utils/serializeToText";
-export const getRectangleBounds = tableSelection => {
-  const {
-    startCellPath,
-    endCellPath
-  } = tableSelection;
-  if (!startCellPath?.length) return [];
-  const startPath = startCellPath.slice(0, -2);
-  const startCell = startCellPath.slice(-2);
-  const endCell = endCellPath.slice(-2);
-  const [startRow, startCol] = startCell;
-  const [endRow, endCol] = endCell?.length ? endCell : startCell;
-  const minRow = Math.min(startRow, endRow);
-  const maxRow = Math.max(startRow, endRow);
-  const minCol = Math.min(startCol, endCol);
-  const maxCol = Math.max(startCol, endCol);
-  const selectedPaths = [];
-  for (let row = minRow; row <= maxRow; row++) {
-    for (let col = minCol; col <= maxCol; col++) {
-      selectedPaths.push([...startPath, row, col]);
-    }
-  }
-  return selectedPaths;
-};
-export const createCopiedTableStructure = (editor, tableSelection, currentTableNode, tablePath) => {
-  const selectedCells = getRectangleBounds(tableSelection);
-  const formattedCells = selectedCells.map(cell => cell.slice(-2));
-  const tableChild = [];
-  const rowIndexes = [...new Set(formattedCells.map(cell => cell[0]))];
-  rowIndexes.forEach((rowIndex, row_i) => {
-    const row = {
-      type: "table-row",
-      children: []
-    };
-
-    // Filter cells that belong to the current row
-    const cellsInRow = formattedCells.filter(cell => cell[0] === rowIndex);
-
-    // Iterate over the columns of the row to create table cells
-    const columnIndexes = [...new Set(cellsInRow.map(cell => cell[1]))];
-    columnIndexes.forEach((columnIndex, col_i) => {
-      const cellPath = [...tablePath, rowIndex, columnIndex];
-      const columnNode = getNode(editor, cellPath);
-      row.children.push(columnNode);
-    });
-    tableChild.push(row);
-  });
-  const table = {
-    ...currentTableNode,
-    children: tableChild,
-    rows: rowIndexes?.length,
-    columns: tableChild[0]?.children?.length // first row's children length
-  };
-
-  return table;
-};
-export const tableNodeToDom = tableNode => {
-  const tableEle = document.createElement("table");
-  tableNode.children?.forEach(row => {
-    const rowEle = document.createElement("tr");
-    row?.children?.forEach(cell => {
-      const cellEle = document.createElement("td");
-      const cellText = serializeToText(cell);
-      cellEle.innerHTML = cellText;
-      rowEle.appendChild(cellEle);
-    });
-    tableEle.appendChild(rowEle);
-  });
-  return tableEle;
-};

package/dist/Editor/assets/svg/TableIcons.js

@@ -1,220 +0,0 @@
-import React from "react";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export function PaintIcon() {
-  return /*#__PURE__*/_jsxs("svg", {
-    width: "22",
-    height: "22",
-    viewBox: "0 0 22 22",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    children: [/*#__PURE__*/_jsx("path", {
-      d: "M6.42594 16.4984L2.75011 12.8226C1.52177 11.5943 1.52177 10.3751 2.75011 9.14676L8.87344 3.02344L15.6109 9.76097C15.9501 10.1001 15.9501 10.6501 15.6109 10.9893L10.0926 16.5076C8.88261 17.7176 7.65427 17.7176 6.42594 16.4984Z",
-      stroke: "#64748B",
-      strokeWidth: "1.5",
-      strokeMiterlimit: "10",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M7.65405 1.78906L8.88239 3.01736",
-      stroke: "#64748B",
-      strokeWidth: "1.5",
-      strokeMiterlimit: "10",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M1.89746 10.9253L15.7575 10.3203",
-      stroke: "#64748B",
-      strokeWidth: "1.5",
-      strokeMiterlimit: "10",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M2.75 20.168H14.6667",
-      stroke: "#64748B",
-      strokeWidth: "1.5",
-      strokeMiterlimit: "10",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M17.2791 13.75C17.2791 13.75 15.5833 15.5925 15.5833 16.72C15.5833 17.655 16.3441 18.4158 17.2791 18.4158C18.2141 18.4158 18.9749 17.655 18.9749 16.72C18.9749 15.5925 17.2791 13.75 17.2791 13.75Z",
-      stroke: "#64748B",
-      strokeWidth: "1.5",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    })]
-  });
-}
-export function DuplicateIcon() {
-  return /*#__PURE__*/_jsxs("svg", {
-    width: "19",
-    height: "19",
-    viewBox: "0 0 19 19",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    children: [/*#__PURE__*/_jsx("path", {
-      d: "M12.6666 10.2112V13.5362C12.6666 16.307 11.5583 17.4154 8.78742 17.4154H5.46242C2.69159 17.4154 1.58325 16.307 1.58325 13.5362V10.2112C1.58325 7.44036 2.69159 6.33203 5.46242 6.33203H8.78742C11.5583 6.33203 12.6666 7.44036 12.6666 10.2112Z",
-      stroke: "#64748B",
-      strokeWidth: "1.5",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M17.4166 5.4612V8.7862C17.4166 11.557 16.3083 12.6654 13.5374 12.6654H12.6666V10.2112C12.6666 7.44036 11.5583 6.33203 8.78742 6.33203H6.33325V5.4612C6.33325 2.69036 7.44158 1.58203 10.2124 1.58203H13.5374C16.3083 1.58203 17.4166 2.69036 17.4166 5.4612Z",
-      stroke: "#64748B",
-      strokeWidth: "1.5",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    })]
-  });
-}
-export function AboveArrow() {
-  return /*#__PURE__*/_jsxs("svg", {
-    width: "22",
-    height: "22",
-    viewBox: "0 0 22 22",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    children: [/*#__PURE__*/_jsx("path", {
-      d: "M16.5642 8.77344L11 3.20927L5.43588 8.77344",
-      stroke: "#64748B",
-      strokeWidth: "1.5",
-      strokeMiterlimit: "10",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M11 18.793L11 3.36547",
-      stroke: "#64748B",
-      strokeWidth: "1.5",
-      strokeMiterlimit: "10",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    })]
-  });
-}
-export function BelowArrow() {
-  return /*#__PURE__*/_jsxs("svg", {
-    width: "22",
-    height: "22",
-    viewBox: "0 0 22 22",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    children: [/*#__PURE__*/_jsx("path", {
-      d: "M16.5642 13.2266L11 18.7907L5.43588 13.2266",
-      stroke: "#64748B",
-      strokeWidth: "1.5",
-      strokeMiterlimit: "10",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M11 3.20703L11 18.6345",
-      stroke: "#64748B",
-      strokeWidth: "1.5",
-      strokeMiterlimit: "10",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    })]
-  });
-}
-export function RightArrow() {
-  return /*#__PURE__*/_jsxs("svg", {
-    width: "22",
-    height: "22",
-    viewBox: "0 0 22 22",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    children: [/*#__PURE__*/_jsx("path", {
-      d: "M13.2275 16.5625L18.7917 10.9983L13.2275 5.43417",
-      stroke: "#64748B",
-      strokeWidth: "1.5",
-      strokeMiterlimit: "10",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M3.20825 11H18.6358",
-      stroke: "#64748B",
-      strokeWidth: "1.5",
-      strokeMiterlimit: "10",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    })]
-  });
-}
-export function LeftArrow() {
-  return /*#__PURE__*/_jsxs("svg", {
-    width: "22",
-    height: "22",
-    viewBox: "0 0 22 22",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    children: [/*#__PURE__*/_jsx("path", {
-      d: "M8.77246 16.5625L3.20829 10.9983L8.77246 5.43417",
-      stroke: "#64748B",
-      strokeWidth: "1.5",
-      strokeMiterlimit: "10",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M18.7917 11L3.36425 11",
-      stroke: "#64748B",
-      strokeWidth: "1.5",
-      strokeMiterlimit: "10",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    })]
-  });
-}
-export function SettingsIcon() {
-  return /*#__PURE__*/_jsxs("svg", {
-    width: "20",
-    height: "20",
-    viewBox: "0 0 20 20",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    children: [/*#__PURE__*/_jsx("path", {
-      d: "M10 12.5C11.3807 12.5 12.5 11.3807 12.5 10C12.5 8.61929 11.3807 7.5 10 7.5C8.61929 7.5 7.5 8.61929 7.5 10C7.5 11.3807 8.61929 12.5 10 12.5Z",
-      stroke: "#0F172A",
-      strokeWidth: "1.5",
-      strokeMiterlimit: "10",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M1.66675 10.7339V9.26718C1.66675 8.40052 2.37508 7.68385 3.25008 7.68385C4.75841 7.68385 5.37508 6.61718 4.61675 5.30885C4.18341 4.55885 4.44175 3.58385 5.20008 3.15052L6.64175 2.32552C7.30008 1.93385 8.15008 2.16718 8.54175 2.82552L8.63341 2.98385C9.38341 4.29218 10.6167 4.29218 11.3751 2.98385L11.4667 2.82552C11.8584 2.16718 12.7084 1.93385 13.3667 2.32552L14.8084 3.15052C15.5667 3.58385 15.8251 4.55885 15.3917 5.30885C14.6334 6.61718 15.2501 7.68385 16.7584 7.68385C17.6251 7.68385 18.3417 8.39218 18.3417 9.26718V10.7339C18.3417 11.6005 17.6334 12.3172 16.7584 12.3172C15.2501 12.3172 14.6334 13.3838 15.3917 14.6922C15.8251 15.4505 15.5667 16.4172 14.8084 16.8505L13.3667 17.6755C12.7084 18.0672 11.8584 17.8339 11.4667 17.1755L11.3751 17.0172C10.6251 15.7089 9.39175 15.7089 8.63341 17.0172L8.54175 17.1755C8.15008 17.8339 7.30008 18.0672 6.64175 17.6755L5.20008 16.8505C4.44175 16.4172 4.18341 15.4422 4.61675 14.6922C5.37508 13.3838 4.75841 12.3172 3.25008 12.3172C2.37508 12.3172 1.66675 11.6005 1.66675 10.7339Z",
-      stroke: "#0F172A",
-      strokeWidth: "1.5",
-      strokeMiterlimit: "10",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    })]
-  });
-}
-export function MoreIcon() {
-  return /*#__PURE__*/_jsxs("svg", {
-    width: "18",
-    height: "4",
-    viewBox: "0 0 18 4",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    children: [/*#__PURE__*/_jsx("path", {
-      d: "M9.99846 2.00034C9.99846 1.44825 9.55081 1.00069 8.99862 1.00069C8.44642 1.00069 7.99878 1.44825 7.99878 2.00034C7.99878 2.55244 8.44642 3 8.99862 3C9.55081 3 9.99846 2.55244 9.99846 2.00034Z",
-      fill: "#0F172A",
-      stroke: "#0F172A",
-      strokeWidth: "1.5",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M16.9972 2.00034C16.9972 1.44825 16.5496 1.00069 15.9974 1.00069C15.4452 1.00069 14.9976 1.44825 14.9976 2.00034C14.9976 2.55244 15.4452 3 15.9974 3C16.5496 3 16.9972 2.55244 16.9972 2.00034Z",
-      fill: "#0F172A",
-      stroke: "#0F172A",
-      strokeWidth: "1.5",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M2.99968 2.00034C2.99968 1.44825 2.55203 1.00069 1.99984 1.00069C1.44764 1.00069 1 1.44825 1 2.00034C1 2.55244 1.44764 3 1.99984 3C2.55203 3 2.99968 2.55244 2.99968 2.00034Z",
-      fill: "#0F172A",
-      stroke: "#0F172A",
-      strokeWidth: "1.5",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    })]
-  });
-}