@fileverse-dev/fortune-react 1.0.35 → 1.0.36

package/lib/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/lib/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/lib/components/CryptoDenominationSelector/index.js

@@ -0,0 +1,281 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _fortuneCore = require("@fileverse-dev/fortune-core");
+var _ui = require("@fileverse/ui");
+require("./index.css");
+var _SVGIcon = _interopRequireDefault(require("../SVGIcon"));
+var _context = _interopRequireDefault(require("../../context"));
+var _convertCellsToCrypto = require("../../utils/convertCellsToCrypto");
+var _updateCellsDecimalFormat = require("../../utils/updateCellsDecimalFormat");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+var __awaiter = void 0 && (void 0).__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 = void 0 && (void 0).__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
+    };
+  }
+};
+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 = (0, _react.useContext)(_context.default),
+    setContext = _c.setContext,
+    context = _c.context;
+  var activeCryptoCurrency = (0, _react.useMemo)(function () {
+    var _a, _b;
+    var firstSelection = (_a = context.luckysheet_select_save) === null || _a === void 0 ? void 0 : _a[0];
+    var flowdata = (0, _fortuneCore.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 = (0, _fortuneCore.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 = (0, _react.useState)(initialDecimals),
+    decimals = _d[0],
+    setDecimals = _d[1];
+  var _e = (0, _react.useState)(false),
+    open = _e[0],
+    setOpen = _e[1];
+  var handleDenominationChange = (0, _react.useCallback)(function (newDenomination) {
+    return __awaiter(void 0, void 0, void 0, function () {
+      return __generator(this, function (_a) {
+        switch (_a.label) {
+          case 0:
+            return [4, (0, _convertCellsToCrypto.convertCellsToCrypto)({
+              context: context,
+              setContext: setContext,
+              denomination: newDenomination,
+              decimals: decimals,
+              baseCurrency: "USD"
+            })];
+          case 1:
+            _a.sent();
+            return [2];
+        }
+      });
+    });
+  }, [context, setContext, decimals]);
+  var handleDecimalsChange = (0, _react.useCallback)(function (newDecimals) {
+    setDecimals(newDecimals);
+    (0, _updateCellsDecimalFormat.updateCellsDecimalFormat)({
+      context: context,
+      setContext: setContext,
+      decimals: newDecimals
+    });
+  }, [context, setContext]);
+  var handleTriggerClick = (0, _react.useCallback)(function (e) {
+    e.preventDefault();
+    e.stopPropagation();
+    if (context.allowEdit === false) {
+      return;
+    }
+    setOpen(!open);
+  }, [open, context.allowEdit]);
+  return /*#__PURE__*/_react.default.createElement(_ui.Popover, {
+    open: open,
+    onOpenChange: setOpen
+  }, /*#__PURE__*/_react.default.createElement(_ui.PopoverTrigger, {
+    asChild: true
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    onClick: handleTriggerClick
+  }, children)), /*#__PURE__*/_react.default.createElement(_ui.PopoverContent, {
+    align: "end",
+    side: "bottom",
+    sideOffset: 4,
+    className: "p-2"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "crypto-denomination-selector"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "cds-row px-2"
+  }, /*#__PURE__*/_react.default.createElement("span", null, "Decimal places:"), /*#__PURE__*/_react.default.createElement("span", {
+    className: "flex items-center"
+  }, /*#__PURE__*/_react.default.createElement(_ui.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.default.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.default.createElement(_ui.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.default.createElement("div", {
+    className: "cds-list"
+  }, CRYPTO_OPTIONS.map(function (opt) {
+    return /*#__PURE__*/_react.default.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.default.createElement("span", {
+      className: "flex items-center gap-2"
+    }, activeCryptoCurrency === opt.value ? (/*#__PURE__*/_react.default.createElement(_ui.LucideIcon, {
+      name: "Check",
+      className: "w-4 h-4"
+    })) : (/*#__PURE__*/_react.default.createElement("div", {
+      className: "w-4 h-4"
+    })), opt.label), /*#__PURE__*/_react.default.createElement(_ui.LucideIcon, {
+      name: opt.icon,
+      className: "cds-icon"
+    }), opt.value === "SOL" && (/*#__PURE__*/_react.default.createElement(_SVGIcon.default, {
+      name: "solana",
+      width: 16,
+      height: 16
+    })));
+  })))));
+};
+var _default = exports.default = CryptoDenominationSelector;

package/lib/components/FormatSearch/index.js

@@ -54,7 +54,7 @@ var FormatSearch = exports.FormatSearch = function FormatSearch(_a) {
       var index = (0, _fortuneCore.getSheetIndex)(ctx, ctx.currentSheetId);
       if (_lodash.default.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));
       _lodash.default.forEach(ctx.luckysheet_select_save, function (selection) {
         var _a, _b, _c, _d;
         for (var r = selection.row[0]; r <= selection.row[1]; r += 1) {
@@ -107,15 +107,19 @@ var FormatSearch = exports.FormatSearch = function FormatSearch(_a) {
     }
   }, /*#__PURE__*/_react.default.createElement(_ui.SelectTrigger, {
     className: "w-full"
-  }, /*#__PURE__*/_react.default.createElement(_ui.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.default.createElement(_ui.SelectContent, null, toolbarFormat.map(function (v, index) {
+  }, /*#__PURE__*/_react.default.createElement(_ui.SelectValue, {
+    className: "flex items-center gap-2"
+  }, /*#__PURE__*/_react.default.createElement("span", null, (_b = toolbarFormat[selectedFormatIndex]) === null || _b === void 0 ? void 0 : _b.name), /*#__PURE__*/_react.default.createElement("span", {
+    className: "text-body-sm color-text-secondary ml-1"
+  }, "(", (_c = toolbarFormat[selectedFormatIndex]) === null || _c === void 0 ? void 0 : _c.value, ")"))), /*#__PURE__*/_react.default.createElement(_ui.SelectContent, null, toolbarFormat.map(function (v, index) {
     return /*#__PURE__*/_react.default.createElement(_ui.SelectItem, {
       key: v.name,
       value: String(index)
     }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "flex justify-between w-full"
+      className: "flex justify-between w-full items-center gap-2"
     }, /*#__PURE__*/_react.default.createElement("span", null, v.name), /*#__PURE__*/_react.default.createElement("span", {
-      className: "text-body-sm text-icon-secondary"
-    }, v.value)));
+      className: "text-body-sm color-text-secondary"
+    }, "(", v.value, ")")));
   }))))), /*#__PURE__*/_react.default.createElement(_ui.Divider, {
     className: "w-full border-t-[1px] my-4"
   }), /*#__PURE__*/_react.default.createElement("div", {

package/lib/components/SVGDefines.js

@@ -1904,6 +1904,65 @@ var SVGDefines = function SVGDefines(_a) {
   }), /*#__PURE__*/_react.default.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.default.createElement("symbol", {
+    id: "solana",
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    fill: "none"
+  }, /*#__PURE__*/_react.default.createElement("g", {
+    "clip-path": "url(#clip0_568_119011)"
+  }, /*#__PURE__*/_react.default.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.default.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.default.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.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("linearGradient", {
+    id: "paint0_linear_568_119011",
+    x1: "14.5195",
+    y1: "-0.682254",
+    x2: "4.0567",
+    y2: "17.2684",
+    gradientUnits: "userSpaceOnUse"
+  }, /*#__PURE__*/_react.default.createElement("stop", {
+    "stop-color": "#00FFA3"
+  }), /*#__PURE__*/_react.default.createElement("stop", {
+    offset: "1",
+    "stop-color": "#DC1FFF"
+  })), /*#__PURE__*/_react.default.createElement("linearGradient", {
+    id: "paint1_linear_568_119011",
+    x1: "10.6552",
+    y1: "-2.93462",
+    x2: "0.192482",
+    y2: "15.016",
+    gradientUnits: "userSpaceOnUse"
+  }, /*#__PURE__*/_react.default.createElement("stop", {
+    "stop-color": "#00FFA3"
+  }), /*#__PURE__*/_react.default.createElement("stop", {
+    offset: "1",
+    "stop-color": "#DC1FFF"
+  })), /*#__PURE__*/_react.default.createElement("linearGradient", {
+    id: "paint2_linear_568_119011",
+    x1: "12.575",
+    y1: "-1.81561",
+    x2: "2.11229",
+    y2: "16.135",
+    gradientUnits: "userSpaceOnUse"
+  }, /*#__PURE__*/_react.default.createElement("stop", {
+    "stop-color": "#00FFA3"
+  }), /*#__PURE__*/_react.default.createElement("stop", {
+    offset: "1",
+    "stop-color": "#DC1FFF"
+  })), /*#__PURE__*/_react.default.createElement("clipPath", {
+    id: "clip0_568_119011"
+  }, /*#__PURE__*/_react.default.createElement("rect", {
+    width: "16",
+    height: "16",
+    fill: "white"
+  }))))));
 };
 var _default = exports.default = SVGDefines;

package/lib/components/SheetTab/index.js

@@ -66,7 +66,27 @@ 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.default.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
+    className: "w-full",
+    id: "denomination-warning",
+    style: {
+      position: "relative",
+      display: "none",
+      backgroundColor: "#F8F9FA",
+      borderBottom: "1px solid #E8EBEC",
+      color: "#77818A",
+      fontFamily: "Helvetica Neue",
+      fontSize: "var(--font-size-2xsm, 12px)",
+      fontStyle: "normal",
+      fontWeight: "400"
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "max-w-7xl mx-auto px-4 py-1"
+  }, /*#__PURE__*/_react.default.createElement("p", {
+    className: "text-sm text-center"
+  }, /*#__PURE__*/_react.default.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.default.createElement("div", {
     className: "luckysheet-sheet-area luckysheet-noselected-text",
     onContextMenu: function onContextMenu(e) {
       return e.preventDefault();
@@ -147,6 +167,6 @@ var SheetTab = function SheetTab() {
     height: 12
   })))), /*#__PURE__*/_react.default.createElement("div", {
     className: "fortune-sheet-area-right"
-  }, /*#__PURE__*/_react.default.createElement(_ZoomControl.default, null)));
+  }, /*#__PURE__*/_react.default.createElement(_ZoomControl.default, null))));
 };
 var _default = exports.default = SheetTab;

package/lib/components/Toolbar/Combo.js

@@ -27,8 +27,11 @@ var Combo = function Combo(_a) {
     open = _c[0],
     setOpen = _c[1];
   var buttonRef = (0, _react.useRef)(null);
+  var handleOpenChange = function handleOpenChange(newOpen) {
+    setOpen(newOpen);
+  };
   var isLucideIcon = (0, _react.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.default.createElement(_ui.Tooltip, {
     text: tooltip,
@@ -84,7 +87,8 @@ var Combo = function Combo(_a) {
       return setOpen(!open);
     },
     className: (0, _ui.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
@@ -95,7 +99,8 @@ var Combo = function Combo(_a) {
     className: "fortune-toolbar-item"
   }, /*#__PURE__*/_react.default.createElement(_ui.Popover, {
     open: open,
-    onOpenChange: setOpen
+    onOpenChange: handleOpenChange,
+    modal: true
   }, /*#__PURE__*/_react.default.createElement(_ui.PopoverTrigger, {
     asChild: true
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -105,7 +110,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))));
 };
 var _default = exports.default = Combo;

package/lib/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/lib/components/Toolbar/index.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import "./index.css";
-export declare const getLucideIcon: (title: string) => "" | "Undo" | "Redo" | "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" | "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;