@fileverse-dev/fortune-react 1.0.39 → 1.0.41

package/es/components/CryptoDenominationSelector/index.css

@@ -0,0 +1,67 @@
+.crypto-denomination-selector {
+  min-width: 240px;
+  font-family: inherit;
+  color: hsl(var(--color-text-default));
+}
+
+.cds-row {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  font-size: 14px;
+  line-height: 20px;
+}
+.cds-row input[type="number"] {
+  width: 40px;
+  height: 28px;
+  text-align: center;
+  border: 1px solid hsl(var(--color-border-default));
+  border-radius: 6px;
+  font-size: 14px;
+  padding: 0 4px;
+  margin: 0 4px;
+}
+
+/* Chrome, Safari, Edge, Opera */
+.cds-row input::-webkit-outer-spin-button,
+.cds-row input::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
+
+/* Firefox */
+.cds-row input[type=number] {
+  -moz-appearance: textfield;
+}
+
+.cds-list {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  margin-top: 8px;
+}
+.cds-option {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  padding: 8px 12px;
+  border-radius: 8px;
+  font-size: 14px;
+  line-height: 20px;
+  cursor: pointer;
+  transition: background 0.13s;
+  position: relative;
+}
+.cds-option.selected {
+  background: hsl(var(--color-bg-default-selected));
+}
+.cds-option:hover {
+  background: hsl(var(--color-bg-default-hover));
+}
+.cds-icon {
+  width: 16px;
+  height: 16px;
+  display: inline-block;
+  background-size: contain;
+  background-repeat: no-repeat;
+}

package/es/components/CryptoDenominationSelector/index.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import "./index.css";
+interface CryptoDenominationSelectorProps {
+    initialDecimals?: number;
+    children: React.ReactNode;
+}
+declare const CryptoDenominationSelector: React.FC<CryptoDenominationSelectorProps>;
+export default CryptoDenominationSelector;

package/es/components/CryptoDenominationSelector/index.js

@@ -0,0 +1,272 @@
+var __awaiter = this && this.__awaiter || function (thisArg, _arguments, P, generator) {
+  function adopt(value) {
+    return value instanceof P ? value : new P(function (resolve) {
+      resolve(value);
+    });
+  }
+  return new (P || (P = Promise))(function (resolve, reject) {
+    function fulfilled(value) {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    }
+    function rejected(value) {
+      try {
+        step(generator["throw"](value));
+      } catch (e) {
+        reject(e);
+      }
+    }
+    function step(result) {
+      result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
+    }
+    step((generator = generator.apply(thisArg, _arguments || [])).next());
+  });
+};
+var __generator = this && this.__generator || function (thisArg, body) {
+  var _ = {
+      label: 0,
+      sent: function sent() {
+        if (t[0] & 1) throw t[1];
+        return t[1];
+      },
+      trys: [],
+      ops: []
+    },
+    f,
+    y,
+    t,
+    g;
+  return g = {
+    next: verb(0),
+    "throw": verb(1),
+    "return": verb(2)
+  }, typeof Symbol === "function" && (g[Symbol.iterator] = function () {
+    return this;
+  }), g;
+  function verb(n) {
+    return function (v) {
+      return step([n, v]);
+    };
+  }
+  function step(op) {
+    if (f) throw new TypeError("Generator is already executing.");
+    while (g && (g = 0, op[0] && (_ = 0)), _) try {
+      if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+      if (y = 0, t) op = [op[0] & 2, t.value];
+      switch (op[0]) {
+        case 0:
+        case 1:
+          t = op;
+          break;
+        case 4:
+          _.label++;
+          return {
+            value: op[1],
+            done: false
+          };
+        case 5:
+          _.label++;
+          y = op[1];
+          op = [0];
+          continue;
+        case 7:
+          op = _.ops.pop();
+          _.trys.pop();
+          continue;
+        default:
+          if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
+            _ = 0;
+            continue;
+          }
+          if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
+            _.label = op[1];
+            break;
+          }
+          if (op[0] === 6 && _.label < t[1]) {
+            _.label = t[1];
+            t = op;
+            break;
+          }
+          if (t && _.label < t[2]) {
+            _.label = t[2];
+            _.ops.push(op);
+            break;
+          }
+          if (t[2]) _.ops.pop();
+          _.trys.pop();
+          continue;
+      }
+      op = body.call(thisArg, _);
+    } catch (e) {
+      op = [6, e];
+      y = 0;
+    } finally {
+      f = t = 0;
+    }
+    if (op[0] & 5) throw op[1];
+    return {
+      value: op[0] ? op[1] : void 0,
+      done: true
+    };
+  }
+};
+import React, { useState, useContext, useCallback, useMemo } from "react";
+import { getFlowdata, normalizedCellAttr } from "@fileverse-dev/fortune-core";
+import { IconButton, LucideIcon, Popover, PopoverContent, PopoverTrigger } from "@fileverse/ui";
+import "./index.css";
+import SVGIcon from "../SVGIcon";
+import WorkbookContext from "../../context";
+import { convertCellsToCrypto } from "../../utils/convertCellsToCrypto";
+import { updateCellsDecimalFormat } from "../../utils/updateCellsDecimalFormat";
+var CRYPTO_OPTIONS = [{
+  label: "Bitcoin (BTC)",
+  value: "BTC",
+  icon: "Btc"
+}, {
+  label: "Ethereum (ETH)",
+  value: "ETH",
+  icon: "Ethereum"
+}, {
+  label: "Solana (SOL)",
+  value: "SOL",
+  icon: "Solana"
+}];
+var CryptoDenominationSelector = function CryptoDenominationSelector(_a) {
+  var _b = _a.initialDecimals,
+    initialDecimals = _b === void 0 ? 6 : _b,
+    children = _a.children;
+  var _c = useContext(WorkbookContext),
+    setContext = _c.setContext,
+    context = _c.context;
+  var activeCryptoCurrency = useMemo(function () {
+    var _a, _b;
+    var firstSelection = (_a = context.luckysheet_select_save) === null || _a === void 0 ? void 0 : _a[0];
+    var flowdata = getFlowdata(context);
+    if (!firstSelection || !flowdata) return null;
+    var row = firstSelection.row_focus;
+    var col = firstSelection.column_focus;
+    if (row == null || col == null) return null;
+    var cell = (_b = flowdata[row]) === null || _b === void 0 ? void 0 : _b[col];
+    if (!cell) return null;
+    var curr = normalizedCellAttr(cell, "ct");
+    if (!(curr === null || curr === void 0 ? void 0 : curr.fa)) return null;
+    var found = CRYPTO_OPTIONS.find(function (option) {
+      return curr.fa.includes(option.value);
+    });
+    return found ? found.value : null;
+  }, [context]);
+  var _d = useState(initialDecimals),
+    decimals = _d[0],
+    setDecimals = _d[1];
+  var _e = useState(false),
+    open = _e[0],
+    setOpen = _e[1];
+  var handleDenominationChange = useCallback(function (newDenomination) {
+    return __awaiter(void 0, void 0, void 0, function () {
+      return __generator(this, function (_a) {
+        switch (_a.label) {
+          case 0:
+            return [4, convertCellsToCrypto({
+              context: context,
+              setContext: setContext,
+              denomination: newDenomination,
+              decimals: decimals,
+              baseCurrency: "USD"
+            })];
+          case 1:
+            _a.sent();
+            return [2];
+        }
+      });
+    });
+  }, [context, setContext, decimals]);
+  var handleDecimalsChange = useCallback(function (newDecimals) {
+    setDecimals(newDecimals);
+    updateCellsDecimalFormat({
+      context: context,
+      setContext: setContext,
+      decimals: newDecimals
+    });
+  }, [context, setContext]);
+  var handleTriggerClick = useCallback(function (e) {
+    e.preventDefault();
+    e.stopPropagation();
+    if (context.allowEdit === false) {
+      return;
+    }
+    setOpen(!open);
+  }, [open, context.allowEdit]);
+  return /*#__PURE__*/React.createElement(Popover, {
+    open: open,
+    onOpenChange: setOpen
+  }, /*#__PURE__*/React.createElement(PopoverTrigger, {
+    asChild: true
+  }, /*#__PURE__*/React.createElement("div", {
+    onClick: handleTriggerClick
+  }, children)), /*#__PURE__*/React.createElement(PopoverContent, {
+    align: "end",
+    side: "bottom",
+    sideOffset: 4,
+    className: "p-2"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "crypto-denomination-selector"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "cds-row px-2"
+  }, /*#__PURE__*/React.createElement("span", null, "Decimal places:"), /*#__PURE__*/React.createElement("span", {
+    className: "flex items-center"
+  }, /*#__PURE__*/React.createElement(IconButton, {
+    icon: "Minus",
+    variant: "ghost",
+    size: "sm",
+    className: "!bg-transparent",
+    disabled: decimals === 1,
+    onClick: function onClick() {
+      return handleDecimalsChange(Math.max(1, decimals - 1));
+    }
+  }), /*#__PURE__*/React.createElement("input", {
+    type: "number",
+    min: 1,
+    max: 18,
+    value: decimals,
+    onChange: function onChange(e) {
+      return handleDecimalsChange(Math.max(1, Math.min(18, Number(e.target.value))));
+    }
+  }), /*#__PURE__*/React.createElement(IconButton, {
+    icon: "Plus",
+    variant: "ghost",
+    size: "sm",
+    className: "!bg-transparent",
+    disabled: decimals === 18,
+    onClick: function onClick() {
+      return handleDecimalsChange(Math.min(18, decimals + 1));
+    }
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: "cds-list"
+  }, CRYPTO_OPTIONS.map(function (opt) {
+    return /*#__PURE__*/React.createElement("div", {
+      key: opt.value,
+      className: "flex items-center justify-between cds-option".concat(activeCryptoCurrency === opt.value ? " selected" : ""),
+      onClick: function onClick() {
+        return handleDenominationChange(opt.value);
+      }
+    }, /*#__PURE__*/React.createElement("span", {
+      className: "flex items-center gap-2"
+    }, activeCryptoCurrency === opt.value ? (/*#__PURE__*/React.createElement(LucideIcon, {
+      name: "Check",
+      className: "w-4 h-4"
+    })) : (/*#__PURE__*/React.createElement("div", {
+      className: "w-4 h-4"
+    })), opt.label), /*#__PURE__*/React.createElement(LucideIcon, {
+      name: opt.icon,
+      className: "cds-icon"
+    }), opt.value === "SOL" && (/*#__PURE__*/React.createElement(SVGIcon, {
+      name: "solana",
+      width: 16,
+      height: 16
+    })));
+  })))));
+};
+export default CryptoDenominationSelector;

package/es/components/FormatSearch/index.js

@@ -45,7 +45,7 @@ export var FormatSearch = function FormatSearch(_a) {
       var index = getSheetIndex(ctx, ctx.currentSheetId);
       if (_.isNil(index)) return;
       var selectedFormat = toolbarFormat[selectedFormatIndex].value;
-      var formatString = "".concat(selectedFormat, "#,##0.").concat("0".repeat(decimalPlace));
+      var formatString = "".concat(selectedFormat, " #,##0.").concat("0".repeat(decimalPlace));
       _.forEach(ctx.luckysheet_select_save, function (selection) {
         var _a, _b, _c, _d;
         for (var r = selection.row[0]; r <= selection.row[1]; r += 1) {
@@ -98,15 +98,19 @@ export var FormatSearch = function FormatSearch(_a) {
     }
   }, /*#__PURE__*/React.createElement(SelectTrigger, {
     className: "w-full"
-  }, /*#__PURE__*/React.createElement(SelectValue, null, (_b = toolbarFormat[selectedFormatIndex]) === null || _b === void 0 ? void 0 : _b.name, " ", (_c = toolbarFormat[selectedFormatIndex]) === null || _c === void 0 ? void 0 : _c.value)), /*#__PURE__*/React.createElement(SelectContent, null, toolbarFormat.map(function (v, index) {
+  }, /*#__PURE__*/React.createElement(SelectValue, {
+    className: "flex items-center gap-2"
+  }, /*#__PURE__*/React.createElement("span", null, (_b = toolbarFormat[selectedFormatIndex]) === null || _b === void 0 ? void 0 : _b.name), /*#__PURE__*/React.createElement("span", {
+    className: "text-body-sm color-text-secondary ml-1"
+  }, "(", (_c = toolbarFormat[selectedFormatIndex]) === null || _c === void 0 ? void 0 : _c.value, ")"))), /*#__PURE__*/React.createElement(SelectContent, null, toolbarFormat.map(function (v, index) {
     return /*#__PURE__*/React.createElement(SelectItem, {
       key: v.name,
       value: String(index)
     }, /*#__PURE__*/React.createElement("div", {
-      className: "flex justify-between w-full"
+      className: "flex justify-between w-full items-center gap-2"
     }, /*#__PURE__*/React.createElement("span", null, v.name), /*#__PURE__*/React.createElement("span", {
-      className: "text-body-sm text-icon-secondary"
-    }, v.value)));
+      className: "text-body-sm color-text-secondary"
+    }, "(", v.value, ")")));
   }))))), /*#__PURE__*/React.createElement(Divider, {
     className: "w-full border-t-[1px] my-4"
   }), /*#__PURE__*/React.createElement("div", {

package/es/components/SVGDefines.js

@@ -1897,6 +1897,65 @@ var SVGDefines = function SVGDefines(_a) {
   }), /*#__PURE__*/React.createElement("path", {
     d: "M8.00147 1.3335C8.31859 1.33426 8.59155 1.55835 8.65382 1.86931C8.95517 3.3758 9.86768 4.83997 11.0835 5.81267L11.2677 5.96501C12.171 6.73236 12.8015 7.61685 13.1121 8.58741L12.4767 8.79053L11.842 8.99431C11.6214 8.30509 11.1562 7.61973 10.4045 6.98129L10.2508 6.85434C9.31898 6.10886 8.53727 5.12515 8.00017 4.03337C7.83296 4.35237 7.44178 4.48213 7.11671 4.32243C6.78643 4.15985 6.6502 3.76015 6.81267 3.42986C7.05681 2.9339 7.23662 2.40833 7.34717 1.86671L7.3615 1.80941C7.44507 1.52891 7.70415 1.33298 8.00147 1.3335Z",
     fill: "#363B3F"
-  })))));
+  }))), /*#__PURE__*/React.createElement("symbol", {
+    id: "solana",
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    fill: "none"
+  }, /*#__PURE__*/React.createElement("g", {
+    "clip-path": "url(#clip0_568_119011)"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M2.59975 11.6853C2.69631 11.5775 2.82907 11.5146 2.96988 11.5146H15.7393C15.9726 11.5146 16.0893 11.8291 15.9244 12.0132L13.4019 14.8294C13.3053 14.9372 13.1725 15.0001 13.0317 15.0001H0.262315C0.0289729 15.0001 -0.0876979 14.6856 0.0772505 14.5015L2.59975 11.6853Z",
+    fill: "url(#paint0_linear_568_119011)"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M2.59975 1.17068C2.70033 1.06288 2.8331 1 2.96988 1H15.7393C15.9726 1 16.0893 1.3144 15.9244 1.49856L13.4019 4.31473C13.3053 4.42252 13.1725 4.4854 13.0317 4.4854H0.262315C0.0289729 4.4854 -0.0876979 4.171 0.0772505 3.98685L2.59975 1.17068Z",
+    fill: "url(#paint1_linear_568_119011)"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M13.4019 6.39431C13.3053 6.28651 13.1725 6.22363 13.0317 6.22363H0.262315C0.0289729 6.22363 -0.0876979 6.53804 0.0772505 6.72219L2.59975 9.53836C2.69631 9.64615 2.82907 9.70903 2.96988 9.70903H15.7393C15.9726 9.70903 16.0893 9.39463 15.9244 9.21048L13.4019 6.39431Z",
+    fill: "url(#paint2_linear_568_119011)"
+  })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
+    id: "paint0_linear_568_119011",
+    x1: "14.5195",
+    y1: "-0.682254",
+    x2: "4.0567",
+    y2: "17.2684",
+    gradientUnits: "userSpaceOnUse"
+  }, /*#__PURE__*/React.createElement("stop", {
+    "stop-color": "#00FFA3"
+  }), /*#__PURE__*/React.createElement("stop", {
+    offset: "1",
+    "stop-color": "#DC1FFF"
+  })), /*#__PURE__*/React.createElement("linearGradient", {
+    id: "paint1_linear_568_119011",
+    x1: "10.6552",
+    y1: "-2.93462",
+    x2: "0.192482",
+    y2: "15.016",
+    gradientUnits: "userSpaceOnUse"
+  }, /*#__PURE__*/React.createElement("stop", {
+    "stop-color": "#00FFA3"
+  }), /*#__PURE__*/React.createElement("stop", {
+    offset: "1",
+    "stop-color": "#DC1FFF"
+  })), /*#__PURE__*/React.createElement("linearGradient", {
+    id: "paint2_linear_568_119011",
+    x1: "12.575",
+    y1: "-1.81561",
+    x2: "2.11229",
+    y2: "16.135",
+    gradientUnits: "userSpaceOnUse"
+  }, /*#__PURE__*/React.createElement("stop", {
+    "stop-color": "#00FFA3"
+  }), /*#__PURE__*/React.createElement("stop", {
+    offset: "1",
+    "stop-color": "#DC1FFF"
+  })), /*#__PURE__*/React.createElement("clipPath", {
+    id: "clip0_568_119011"
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: "16",
+    height: "16",
+    fill: "white"
+  }))))));
 };
 export default SVGDefines;

package/es/components/SheetTab/index.js

@@ -57,7 +57,28 @@ var SheetTab = function SheetTab() {
     var _a;
     (_a = settings.onSheetCountChange) === null || _a === void 0 ? void 0 : _a.call(settings, context.luckysheetfile.length);
   }, [context.luckysheetfile.length]);
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+    className: "w-full",
+    id: "denomination-warning",
+    style: {
+      position: "fixed",
+      display: "none",
+      backgroundColor: "#F8F9FA",
+      borderBottom: "1px solid #E8EBEC",
+      color: "#77818A",
+      fontFamily: "Helvetica Neue",
+      fontSize: "var(--font-size-2xsm, 12px)",
+      fontStyle: "normal",
+      fontWeight: "400",
+      bottom: "31px"
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "max-w-7xl mx-auto px-4 py-1"
+  }, /*#__PURE__*/React.createElement("p", {
+    className: "text-sm text-center"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "font-medium"
+  }, "Disclaimer:"), " Prices aren't updated in real time, so they might be slightly different from the source when you check. Updates can be delayed by up to 20 minutes."))), /*#__PURE__*/React.createElement("div", {
     className: "luckysheet-sheet-area luckysheet-noselected-text",
     onContextMenu: function onContextMenu(e) {
       return e.preventDefault();
@@ -138,6 +159,6 @@ var SheetTab = function SheetTab() {
     height: 12
   })))), /*#__PURE__*/React.createElement("div", {
     className: "fortune-sheet-area-right"
-  }, /*#__PURE__*/React.createElement(ZoomControl, null)));
+  }, /*#__PURE__*/React.createElement(ZoomControl, null))));
 };
 export default SheetTab;

package/es/components/Toolbar/Combo.js

@@ -18,8 +18,11 @@ var Combo = function Combo(_a) {
     open = _c[0],
     setOpen = _c[1];
   var buttonRef = useRef(null);
+  var handleOpenChange = function handleOpenChange(newOpen) {
+    setOpen(newOpen);
+  };
   var isLucideIcon = useMemo(function () {
-    return (iconId === null || iconId === void 0 ? void 0 : iconId.startsWith("align-")) || ["text-overflow", "text-wrap", "text-clip", "font-color", "background", "border-all", "merge-all", "format", "conditionFormat", "filter", "comment", "image", "formula-sum", "dune", "template", "font-color", "background"].includes(iconId);
+    return (iconId === null || iconId === void 0 ? void 0 : iconId.startsWith("align-")) || ["text-overflow", "text-wrap", "text-clip", "font-color", "background", "border-all", "merge-all", "format", "conditionFormat", "filter", "comment", "image", "formula-sum", "dune", "template", "font-color", "background", "currency"].includes(iconId);
   }, [iconId]);
   var trigger = !isLucideIcon ? (/*#__PURE__*/React.createElement(Tooltip, {
     text: tooltip,
@@ -75,7 +78,8 @@ var Combo = function Combo(_a) {
       return setOpen(!open);
     },
     className: cn("fortune-toolbar-combo-button", {
-      "custom-color-button": iconId === "font-color" && fillColor
+      "custom-color-button": iconId === "font-color" && fillColor,
+      "min-w-fit rounded-l-none": iconId === "currency"
     }),
     style: {
       color: iconId === "font-color" ? fillColor : undefined
@@ -86,7 +90,8 @@ var Combo = function Combo(_a) {
     className: "fortune-toolbar-item"
   }, /*#__PURE__*/React.createElement(Popover, {
     open: open,
-    onOpenChange: setOpen
+    onOpenChange: handleOpenChange,
+    modal: true
   }, /*#__PURE__*/React.createElement(PopoverTrigger, {
     asChild: true
   }, /*#__PURE__*/React.createElement("div", {
@@ -96,7 +101,16 @@ var Combo = function Combo(_a) {
     side: "bottom",
     sideOffset: 4,
     alignOffset: -16,
-    className: "fortune-toolbar-combo-popup border-none"
+    className: "fortune-toolbar-combo-popup border-none",
+    onMouseDown: function onMouseDown(e) {
+      return e.stopPropagation();
+    },
+    onMouseUp: function onMouseUp(e) {
+      return e.stopPropagation();
+    },
+    onClick: function onClick(e) {
+      return e.stopPropagation();
+    }
   }, children === null || children === void 0 ? void 0 : children(setOpen))));
 };
 export default Combo;

package/es/components/Toolbar/index.css

@@ -403,3 +403,9 @@
 .custom-color-button > svg > path:first-child {
   display: none !important;
 }
+
+#search-input-container [cmdk-input-wrapper] {
+  border: 1px solid hsl(var(--color-border-default));
+  border-radius: 8px;
+  margin: 8px 8px 0px 8px;
+}

package/es/components/Toolbar/index.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import "./index.css";
-export declare const getLucideIcon: (title: string) => "" | "Undo" | "Redo" | "PaintRoller" | "Bold" | "Italic" | "Strikethrough" | "Underline" | "AlignLeft" | "AlignCenter" | "AlignRight" | "ArrowUpFromLine" | "AlignVerticalMiddle" | "ArrowDownToLine" | "TextOverflow" | "WrapText" | "TextClip" | "Baseline" | "PaintBucket" | "Border" | "MergeHorizontal" | "DollarSign" | "Percent" | "DecimalsArrowLeft" | "DecimalsArrowRight" | "PaintbrushVertical" | "Filter" | "Link" | "MessageSquarePlus" | "Image" | "Sigma" | "ShieldCheck" | "Search" | "DuneChart" | "Ellipsis";
+export declare const getLucideIcon: (title: string) => "Ethereum" | "DollarSign" | "" | "ChevronDown" | "Undo" | "Redo" | "PaintRoller" | "Bold" | "Italic" | "Strikethrough" | "Underline" | "AlignLeft" | "AlignCenter" | "AlignRight" | "ArrowUpFromLine" | "AlignVerticalMiddle" | "ArrowDownToLine" | "TextOverflow" | "WrapText" | "TextClip" | "Baseline" | "PaintBucket" | "Border" | "MergeHorizontal" | "Percent" | "DecimalsArrowLeft" | "DecimalsArrowRight" | "PaintbrushVertical" | "Filter" | "Link" | "MessageSquarePlus" | "Image" | "Sigma" | "ShieldCheck" | "Search" | "DuneChart" | "Ellipsis";
 declare const Toolbar: React.FC<{
     setMoreItems: React.Dispatch<React.SetStateAction<React.ReactNode>>;
     moreItemsOpen: boolean;