@fileverse-dev/fortune-react 1.1.55-smooth-scroll-1 → 1.1.56

package/es/components/Sheet/index.js

@@ -1,9 +1,8 @@
-import React, { useRef, useEffect, useContext } from "react";
-import { Canvas, updateContextWithCanvas, updateContextWithSheetData, initFreeze, cellFadeAnimator } from "@fileverse-dev/fortune-core";
+import React, { useRef, useEffect, useContext, useCallback } from "react";
+import { Canvas, updateContextWithCanvas, updateContextWithSheetData, handleGlobalWheel, initFreeze, cellFadeAnimator } from "@fileverse-dev/fortune-core";
 import "./index.css";
 import WorkbookContext from "../../context";
 import SheetOverlay from "../SheetOverlay";
-import { useSmoothScroll } from "./use-smooth-scroll";
 var Sheet = function Sheet(_a) {
   var _b, _c, _d;
   var sheet = _a.sheet;
@@ -150,7 +149,25 @@ var Sheet = function Sheet(_a) {
       return cellFadeAnimator.setOnTick(null);
     };
   }, [context, refs.canvas, refs.globalCache.freezen, setContext, sheet.id]);
-  useSmoothScroll(containerRef);
+  var onWheel = useCallback(function (e) {
+    var _a, _b;
+    var functionDetailsEl = document.getElementById("function-details");
+    var formulaSearchEl = document.getElementById("luckysheet-formula-search-c");
+    var isMouseOverFunctionDetails = functionDetailsEl === null || functionDetailsEl === void 0 ? void 0 : functionDetailsEl.matches(":hover");
+    var isMouseOverFormulaSearch = formulaSearchEl === null || formulaSearchEl === void 0 ? void 0 : formulaSearchEl.matches(":hover");
+    if (functionDetailsEl && isMouseOverFunctionDetails || formulaSearchEl && isMouseOverFormulaSearch || ((_b = (_a = refs === null || refs === void 0 ? void 0 : refs.globalCache) === null || _a === void 0 ? void 0 : _a.searchDialog) === null || _b === void 0 ? void 0 : _b.mouseEnter)) return;
+    setContext(function (draftCtx) {
+      handleGlobalWheel(draftCtx, e, refs.globalCache, refs.scrollbarX.current, refs.scrollbarY.current);
+    });
+    e.preventDefault();
+  }, [refs.globalCache, refs.scrollbarX, refs.scrollbarY, setContext]);
+  useEffect(function () {
+    var container = containerRef.current;
+    container === null || container === void 0 ? void 0 : container.addEventListener("wheel", onWheel);
+    return function () {
+      container === null || container === void 0 ? void 0 : container.removeEventListener("wheel", onWheel);
+    };
+  }, [onWheel]);
   return /*#__PURE__*/React.createElement("div", {
     ref: containerRef,
     className: "fortune-sheet-container"

package/es/components/SheetOverlay/FormulaHint/dragable-div.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+interface DraggableDivProps {
+    children?: React.ReactNode;
+    className?: string;
+    initialX?: number;
+    initialY?: number;
+    initialPos?: any;
+    dragHasMoved?: any;
+}
+export declare function DraggableDiv({ children, className, initialPos, dragHasMoved }: DraggableDivProps): React.JSX.Element;
+export {};

package/es/components/SheetOverlay/FormulaHint/dragable-div.js

@@ -0,0 +1,87 @@
+"use client";
+
+import React, { useEffect } from "react";
+import { useState, useRef } from "react";
+import { cn } from "@fileverse/ui";
+export function DraggableDiv(_a) {
+  var children = _a.children,
+    className = _a.className,
+    initialPos = _a.initialPos,
+    dragHasMoved = _a.dragHasMoved;
+  var initialX = 0,
+    initialY = initialPos;
+  var _b = useState({
+      x: initialX,
+      y: initialY
+    }),
+    position = _b[0],
+    setPosition = _b[1];
+  var _c = useState(false),
+    isDragging = _c[0],
+    setIsDragging = _c[1];
+  var _d = useState({
+      x: 0,
+      y: 0
+    }),
+    dragOffset = _d[0],
+    setDragOffset = _d[1];
+  var divRef = useRef(null);
+  useEffect(function () {
+    setPosition({
+      x: position.x,
+      y: initialPos
+    });
+  }, [initialPos]);
+  var handleMouseDown = function handleMouseDown(e) {
+    setIsDragging(true);
+    var element = document.getElementById('luckysheet-formula-help-c');
+    if (element) {
+      element.style.userSelect = 'none';
+    }
+    setDragOffset({
+      x: e.clientX - position.x,
+      y: e.clientY - position.y
+    });
+  };
+  var handleMouseMove = function handleMouseMove(e) {
+    if (!isDragging) return;
+    e.preventDefault();
+    dragHasMoved.current = true;
+    setPosition(function (currentPosition) {
+      var newX = e.clientX - dragOffset.x;
+      var newY = e.clientY - dragOffset.y;
+      return {
+        x: newX * 1.3,
+        y: newY * 1.3
+      };
+    });
+  };
+  var handleMouseUp = function handleMouseUp() {
+    setIsDragging(false);
+    var element = document.getElementById('luckysheet-formula-help-c');
+    if (element) {
+      element.style.userSelect = 'auto';
+    }
+  };
+  React.useEffect(function () {
+    if (isDragging) {
+      document.addEventListener("mousemove", handleMouseMove);
+      document.addEventListener("mouseup", handleMouseUp);
+      return function () {
+        document.removeEventListener("mousemove", handleMouseMove);
+        document.removeEventListener("mouseup", handleMouseUp);
+      };
+    }
+  }, [isDragging, handleMouseMove, handleMouseUp]);
+  return /*#__PURE__*/React.createElement("div", {
+    ref: divRef,
+    className: cn("absolute select-none touch-none", isDragging ? "cursor-grabbing shadow-2xl z-50" : "cursor-grab shadow-lg", className),
+    style: {
+      left: "".concat(position.x, "px"),
+      top: "".concat(position.y, "px"),
+      height: "0px"
+    },
+    onMouseDown: handleMouseDown,
+    onMouseUp: handleMouseUp
+  }, children);
+}

package/es/components/SheetOverlay/FormulaHint/index.css

@@ -9,6 +9,12 @@
   width: 300px;
 }
 
+.font-family-mono {
+  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+  font-weight: 500;
+  font-size: 14px;
+}
+
 /* .luckysheet-formula-help-c .luckysheet-formula-help-content {
   max-height: 300px;
   overflow-y: scroll;
@@ -29,25 +35,23 @@
 
 .luckysheet-formula-help-title,
 .luckysheet-formula-search-item-active {
-  padding: 10px !important;
+  padding: 4px 10px !important;
   font-size: small;
   /* background: #f8f9fa !important; */
   font-weight: 600;
   border-bottom: 0px !important;
   border-top: 0px !important;
+  border-radius: 4px;
 }
 
 .luckysheet-formula-help-c,
 .luckysheet-formula-search-c {
   padding: 6px;
   user-select: text;
-  border-radius: 10px;
   top: 25px;
   background: #ffff;
   min-width: 300px;
   /* max-width: 450px; */
-  border: 1px solid lavender;
-  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
 }
 
 #luckysheet-formula-help-c {

package/es/components/SheetOverlay/FormulaHint/index.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import "./index.css";
-declare const FormulaHint: React.FC<React.HTMLAttributes<HTMLDivElement>>;
+declare const FormulaHint: (props: any) => React.JSX.Element | null;
 export default FormulaHint;

package/es/components/SheetOverlay/FormulaHint/index.js

@@ -13,8 +13,10 @@ import { Button, TextField, LucideIcon } from "@fileverse/ui";
 import React, { useContext, useEffect, useRef, useState } from "react";
 import WorkbookContext from "../../../context";
 import "./index.css";
+import { DraggableDiv } from "./dragable-div";
 var FormulaHint = function FormulaHint(props) {
   var _a;
+  var dragHasMoved = useRef(false);
   var context = useContext(WorkbookContext).context;
   var firstSelection = (_a = context.luckysheet_select_save) === null || _a === void 0 ? void 0 : _a[0];
   var formulaMore = locale(context).formulaMore;
@@ -28,7 +30,8 @@ var FormulaHint = function FormulaHint(props) {
   var _d = useState(!!localStorage.getItem(fn === null || fn === void 0 ? void 0 : fn.API_KEY)),
     isKeyAdded = _d[0],
     setApiKeyAdded = _d[1];
-  var _e = useState(true),
+  var formulaExpand = localStorage.getItem("formula-expand") === "true";
+  var _e = useState(formulaExpand),
     showFunctionBody = _e[0],
     setShouldShowFunctionBody = _e[1];
   useEffect(function () {
@@ -45,6 +48,9 @@ var FormulaHint = function FormulaHint(props) {
   var _f = useState(0),
     top = _f[0],
     setTop = _f[1];
+  var _g = useState(false),
+    showDelayedHint = _g[0],
+    setShowDelayedHint = _g[1];
   var calcuatePopUpPlacement = function calcuatePopUpPlacement() {
     var _a, _b, _c;
     if (!((_a = firstSelection === null || firstSelection === void 0 ? void 0 : firstSelection.top) === null || _a === void 0 ? void 0 : _a.toString()) || !((_b = firstSelection.height_move) === null || _b === void 0 ? void 0 : _b.toString()) || !hintRef.current) return;
@@ -58,7 +64,14 @@ var FormulaHint = function FormulaHint(props) {
   };
   useEffect(function () {
     calcuatePopUpPlacement();
-  });
+  }, []);
+  useEffect(function () {
+    if (!top) {
+      setTimeout(function () {
+        setShowDelayedHint(true);
+      }, 40);
+    }
+  }, [top]);
   useEffect(function () {
     var el = document.getElementById("function-details");
     var handleWheel;
@@ -94,12 +107,44 @@ var FormulaHint = function FormulaHint(props) {
     };
   }, []);
   if (!fn) return null;
-  return /*#__PURE__*/React.createElement("div", __assign({}, props, {
+  return /*#__PURE__*/React.createElement(DraggableDiv, {
+    initialX: 50,
+    initialY: 50,
+    initialPos: top,
+    dragHasMoved: dragHasMoved,
+    className: "bg-secondary text-secondary-foreground p-4 rounded-lg flex items-center justify-center ".concat(showDelayedHint ? "opacity-100" : "opacity-0")
+  }, props.showFormulaHint && (/*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("button", {
+    className: "flex items-center justify-center w-4 h-4 rounded-full",
+    style: {
+      backgroundColor: "black",
+      zIndex: 2000,
+      position: "absolute",
+      left: "327px",
+      top: "-8px"
+    },
+    onClick: props.handleShowFormulaHint
+  }, /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    className: " text-white",
+    style: {
+      width: "12px",
+      height: "12px"
+    },
+    fill: "none",
+    viewBox: "0 0 24 24",
+    stroke: "currentColor",
+    "stroke-width": "3"
+  }, /*#__PURE__*/React.createElement("path", {
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round",
+    d: "M6 18L18 6M6 6l12 12"
+  }))), /*#__PURE__*/React.createElement("div", __assign({}, props, {
     ref: hintRef,
     id: "luckysheet-formula-help-c",
     className: "luckysheet-formula-help-c",
     style: {
-      top: top,
+      top: '0px',
+      left: '0px',
       borderWidth: "1px",
       borderColor: (fn === null || fn === void 0 ? void 0 : fn.BRAND_SECONDARY_COLOR) ? fn === null || fn === void 0 ? void 0 : fn.BRAND_SECONDARY_COLOR : "#F8F9FA",
       backgroundColor: "".concat(fn.BRAND_COLOR ? fn.BRAND_COLOR : "#F8F9FA"),
@@ -119,10 +164,14 @@ var FormulaHint = function FormulaHint(props) {
     className: "fa fa-angle-up",
     "aria-hidden": "true"
   })), /*#__PURE__*/React.createElement("div", {
-    onClick: function onClick() {
-      setShouldShowFunctionBody(!showFunctionBody);
+    onClick: function onClick(e) {
+      if (!dragHasMoved.current) {
+        localStorage.setItem('formula-expand', "".concat(!showFunctionBody));
+        setShouldShowFunctionBody(!showFunctionBody);
+      }
+      dragHasMoved.current = false;
     },
-    className: "flex cursor-pointer items-center justify-between",
+    className: "flex cursor-pointer items-start justify-between",
     style: {
       backgroundColor: "".concat(fn.BRAND_COLOR ? fn.BRAND_COLOR : "#F8F9FA"),
       padding: "10px",
@@ -134,11 +183,11 @@ var FormulaHint = function FormulaHint(props) {
     style: {
       fontWeight: 500
     },
-    className: "luckysheet-arguments-help-function-name"
+    className: "luckysheet-arguments-help-function-name font-family-mono mb-1 mt-2 color-text-default font-family-mono"
   }, fn.n), /*#__PURE__*/React.createElement("code", {
-    className: "luckysheet-arguments-paren"
+    className: "luckysheet-arguments-paren font-family-mono mb-1 mt-2 color-text-default"
   }, "("), /*#__PURE__*/React.createElement("code", {
-    className: "luckysheet-arguments-parameter-holder"
+    className: "luckysheet-arguments-parameter-holder font-family-mono mb-1 mt-2 color-text-default"
   }, fn.p.map(function (param, i) {
     var name = param.name;
     if (param.repeat === "y") {
@@ -148,12 +197,12 @@ var FormulaHint = function FormulaHint(props) {
       name = "[".concat(name, "]");
     }
     return /*#__PURE__*/React.createElement("code", {
-      className: "luckysheet-arguments-help-parameter",
+      className: "luckysheet-arguments-help-parameter font-family-mono mb-1 mt-2 color-text-default",
       dir: "auto",
       key: name
     }, name, i !== fn.p.length - 1 && ", ");
   })), /*#__PURE__*/React.createElement("code", {
-    className: "luckysheet-arguments-paren"
+    className: "luckysheet-arguments-paren font-family-mono mb-1 mt-2 color-text-default"
   }, ")")), /*#__PURE__*/React.createElement("div", {
     style: {
       display: "flex",
@@ -199,14 +248,15 @@ var FormulaHint = function FormulaHint(props) {
     id: "function-details",
     style: {
       backgroundColor: "".concat(fn.BRAND_COLOR ? fn.BRAND_COLOR : "#F8F9FA"),
-      maxHeight: "318px",
+      maxHeight: "284px",
       overflowY: "scroll"
     }
   }, fn.API_KEY && (/*#__PURE__*/React.createElement("div", {
     style: {
       borderLeft: "4px solid ".concat(isKeyAdded ? "#177E23" : "#fb923c"),
       backgroundColor: "white",
-      padding: "16px",
+      padding: "8px",
+      paddingBottom: "2px",
       margin: "4px 4px 0px 4px",
       borderRadius: "4px"
     }
@@ -245,7 +295,7 @@ var FormulaHint = function FormulaHint(props) {
       setApiKeyAdded(false);
     }
   }), /*#__PURE__*/React.createElement("div", {
-    className: "flex justify-end mt-2"
+    className: "flex justify-end mt-2 mb-2"
   }, /*#__PURE__*/React.createElement(Button, {
     onClick: function onClick() {
       localStorage.setItem(fn.API_KEY, API_KEY);
@@ -259,16 +309,17 @@ var FormulaHint = function FormulaHint(props) {
       backgroundColor: "white",
       padding: "6px",
       margin: "4px 4px 0px 4px",
-      borderRadius: "4px"
+      borderRadius: "4px",
+      marginTop: "-1px"
     }
   }, /*#__PURE__*/React.createElement("div", {
     className: ""
   }, /*#__PURE__*/React.createElement("div", {
     style: {
       lineHeight: "16px",
-      fontSize: "12px"
+      fontSize: "14px"
     },
-    className: "text-body-sm-bold mb-1 color-text-secondary"
+    className: "font-family-mono mb-1 color-text-default jetbrains-mono"
   }, formulaMore.helpExample), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("code", {
     style: {
       overflowWrap: "break-word"
@@ -298,10 +349,10 @@ var FormulaHint = function FormulaHint(props) {
   }, /*#__PURE__*/React.createElement("div", {
     style: {
       lineHeight: "16px",
-      fontSize: "12px",
+      fontSize: "14px",
       padding: "0px"
     },
-    className: "text-body-sm-bold mb-1 mt-2 color-text-secondary"
+    className: "font-family-mono mb-1 mt-2 color-text-default"
   }, "About"), /*#__PURE__*/React.createElement("span", {
     className: "luckysheet-arguments-help-parameter-content text-helper-text-sm"
   }, fn.d))), /*#__PURE__*/React.createElement("div", {
@@ -313,7 +364,9 @@ var FormulaHint = function FormulaHint(props) {
     return /*#__PURE__*/React.createElement("div", {
       className: "",
       key: param.name
-    }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("code", null, param.name, param.repeat === "y" && (/*#__PURE__*/React.createElement("span", {
+    }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("code", {
+      className: "font-family-mono mb-1 mt-2 color-text-default font-family-mono"
+    }, param.name, param.repeat === "y" && (/*#__PURE__*/React.createElement("span", {
       className: "luckysheet-arguments-help-argument-info example-value",
       style: {
         marginTop: "2px"
@@ -329,7 +382,7 @@ var FormulaHint = function FormulaHint(props) {
         marginTop: "2px"
       }
     }, param.detail));
-  }))))), /*#__PURE__*/React.createElement("div", {
+  }))))), showFunctionBody && /*#__PURE__*/React.createElement("div", {
     style: {
       backgroundColor: "".concat(fn.BRAND_COLOR ? fn.BRAND_COLOR : "#F8F9FA"),
       padding: "8px",
@@ -343,6 +396,6 @@ var FormulaHint = function FormulaHint(props) {
       (_a = document.getElementById("function-button")) === null || _a === void 0 ? void 0 : _a.click();
     },
     className: "color-text-link cursor-pointer text-helper-text-sm"
-  }, "Learn More")));
+  }, "Learn More"))))));
 };
 export default FormulaHint;

package/es/components/SheetOverlay/FormulaSearch/index.css

@@ -1,14 +1,24 @@
-.luckysheet-formula-search-c {
+.luckysheet-formula-search-c-p {
   position: absolute;
-  border: 1px solid rgba(0, 0, 0, 0.2);
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
   color: #535353;
   font-size: 12px;
   background: #fff;
   z-index: 1003;
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+  border: 1px solid lavender;
+  border-radius: 10px;
+}
+
+.luckysheet-formula-search-c {
+  color: #535353;
+  font-size: 12px;
+  background: #fff;
   width: 300px;
-  max-height: 360px;
+  max-height: 380px;
   overflow-y: auto;
+    border-radius: 10px;
+
 }
 
 .luckysheet-formula-search-c .luckysheet-formula-search-item {

package/es/components/SheetOverlay/FormulaSearch/index.js

@@ -19,7 +19,7 @@ var FormulaSearch = function FormulaSearch(props) {
   var _b = useContext(WorkbookContext),
     context = _b.context,
     isAuthorized = _b.settings.isAuthorized;
-  var authedFunction = ["COINGECKO", "ETHERSCAN", "DEFILLAMA", "GNOSIS", "BASE", "EOA", "PNL", "SAFE", "BLOCKSCOUT", "GNOSIS", "LENS", "FARCASTER", "Ethereum", "SMARTCONTRACT", "DUNESIM"];
+  var authedFunction = ["COINGECKO", "ETHERSCAN", "DEFILLAMA", "GNOSIS", "BASE", "EOA", "PNL", "SAFE", "BLOCKSCOUT", "LENS", "FARCASTER", "Ethereum", "SMARTCONTRACT", "DUNESIM"];
   var filteredDefaultCandidates = context.defaultCandidates.filter(function (item) {
     return !authedFunction.includes(item.n);
   });
@@ -44,19 +44,22 @@ var FormulaSearch = function FormulaSearch(props) {
     var hintAbove = hintHeight > availableBelow;
     var selectionHeight = (firstSelection === null || firstSelection === void 0 ? void 0 : firstSelection.height_move) || 0;
     var divOffset = ((_c = hintRef.current) === null || _c === void 0 ? void 0 : _c.offsetHeight) || 0;
-    setTop(hintAbove ? selectionHeight - (divOffset + 30) : selectionHeight + 4);
+    var topV = hintAbove ? selectionHeight - (divOffset + 80) : selectionHeight + 4;
+    setTop(topV);
   };
   useEffect(function () {
     calcuatePopUpPlacement();
   });
   if (_.isEmpty(context.functionCandidates) && _.isEmpty(context.defaultCandidates)) return null;
-  return /*#__PURE__*/React.createElement("div", __assign({}, props, {
-    ref: hintRef,
-    id: "luckysheet-formula-search-c",
-    className: "luckysheet-formula-search-c",
+  return /*#__PURE__*/React.createElement("div", {
+    className: "flex flex-col luckysheet-formula-search-c-p",
     style: {
       top: top
     }
+  }, /*#__PURE__*/React.createElement("div", __assign({}, props, {
+    ref: hintRef,
+    id: "luckysheet-formula-search-c",
+    className: "luckysheet-formula-search-c"
   }), context.defaultCandidates.length > 0 && (/*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     style: {
       marginBottom: "4px"
@@ -100,14 +103,14 @@ var FormulaSearch = function FormulaSearch(props) {
         height: "16px"
       }
     });
-  })))))), context.defaultCandidates.length > 0 ? (/*#__PURE__*/React.createElement(React.Fragment, null, finalDefaultCandidates.map(function (v) {
+  })))))), context.defaultCandidates.length > 0 ? (/*#__PURE__*/React.createElement(React.Fragment, null, finalDefaultCandidates.map(function (v, index) {
     return /*#__PURE__*/React.createElement("div", {
       key: v.n,
       "data-func": v.n,
       style: {
         cursor: "pointer"
       },
-      className: "luckysheet-formula-search-item"
+      className: "luckysheet-formula-search-item ".concat(index === 0 ? "luckysheet-formula-search-item-active" : "")
     }, /*#__PURE__*/React.createElement("div", {
       style: {
         display: "flex",
@@ -155,11 +158,11 @@ var FormulaSearch = function FormulaSearch(props) {
     })))))), /*#__PURE__*/React.createElement("div", {
       className: "luckysheet-formula-search-detail mt-1 text-helper-text-sm  color-text-default"
     }, v.d));
-  }))) : (/*#__PURE__*/React.createElement(React.Fragment, null, finalFunctionCandidates.length > 0 && finalFunctionCandidates.map(function (v) {
+  }))) : (/*#__PURE__*/React.createElement(React.Fragment, null, finalFunctionCandidates.length > 0 && finalFunctionCandidates.map(function (v, index) {
     return /*#__PURE__*/React.createElement("div", {
       key: v.n,
       "data-func": v.n,
-      className: "luckysheet-formula-search-item"
+      className: "luckysheet-formula-search-item ".concat(index === 0 ? "luckysheet-formula-search-item-active" : "")
     }, /*#__PURE__*/React.createElement("div", {
       style: {
         display: "flex",
@@ -244,8 +247,10 @@ var FormulaSearch = function FormulaSearch(props) {
         height: "16px"
       }
     });
-  })))))))), /*#__PURE__*/React.createElement("hr", {
-    className: "color-border-default mb-2 mt-4 "
+  }))))))))), /*#__PURE__*/React.createElement("div", {
+    className: "p-2 pt-0"
+  }, /*#__PURE__*/React.createElement("hr", {
+    className: "color-border-default mb-2"
   }), /*#__PURE__*/React.createElement("div", {
     style: {
       paddingLeft: "10px",
@@ -256,6 +261,6 @@ var FormulaSearch = function FormulaSearch(props) {
     className: "border p-1 color-text-default rounded"
   }, "Tab"), /*#__PURE__*/React.createElement("p", {
     className: "color-text-secondary"
-  }, "to insert")));
+  }, "to insert"))));
 };
 export default FormulaSearch;

package/es/components/SheetOverlay/Icon.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { LucideIconProps } from './LucideIcon';
+export declare const LucideIcons: {
+    File3d: ({ width, height, ...props }: LucideIconProps) => React.JSX.Element;
+    FileWord: ({ width, height, ...props }: LucideIconProps) => React.JSX.Element;
+    FilePdf: ({ width, height, ...props }: LucideIconProps) => React.JSX.Element;
+    FilePpt: ({ width, height, ...props }: LucideIconProps) => React.JSX.Element;
+    FileExcel: ({ width, height, ...props }: LucideIconProps) => React.JSX.Element;
+    Section: ({ width, height, ...props }: LucideIconProps) => React.JSX.Element;
+    XSocial: ({ width, height, ...props }: LucideIconProps) => React.JSX.Element;
+    Farcaster: ({ width, height, ...props }: LucideIconProps) => React.JSX.Element;
+    Warpcast: ({ width, height, ...props }: LucideIconProps) => React.JSX.Element;
+    DSheetTextDisabled: ({ width, height, ...props }: LucideIconProps) => React.JSX.Element;
+    Orb: ({ width, height, ...props }: LucideIconProps) => React.JSX.Element;
+    Lens: ({ width, height, ...props }: LucideIconProps) => React.JSX.Element;
+    Hey: ({ width, height, ...props }: LucideIconProps) => React.JSX.Element;
+    CloudSaved: ({ width, height, ...props }: LucideIconProps) => React.JSX.Element;
+};