@overmap-ai/blocks 1.0.31-tailwind-components.38 → 1.0.31-tailwind-components.39

package/dist/RiIcon/RiIcon.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import { ComponentProps } from "react";
 import { IconBaseProps } from "react-icons";
-interface RemixIconProps extends IconBaseProps {
+interface RiIconProps extends ComponentProps<"svg">, Pick<IconBaseProps, "size" | "title" | "color"> {
     icon: string;
 }
-export declare const RiIcon: import("react").MemoExoticComponent<(props: RemixIconProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const RiIcon: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<RiIconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>>;
 export {};

package/dist/blocks.js

@@ -2773,14 +2773,15 @@ const Menu = {
   Separator: MenuSeparator,
   Scroll: MenuScroll
 };
-const DEFAULT_ICON_SIZE = "15px";
-const RiIcon = memo((props) => {
-  const { icon, size: size2 = DEFAULT_ICON_SIZE, color, ...rest } = props;
-  const Icon = RiIcons[icon];
-  if (!Icon) console.error(`Icon ${icon} not found`);
-  return Icon ? /* @__PURE__ */ jsx(Icon, { size: size2, color, ...rest }) : /* @__PURE__ */ jsx(RiQuestionMark, {});
-});
-RiIcon.displayName = "IconComponent";
+const RiIcon = memo(
+  forwardRef((props, ref) => {
+    const { icon, size: size2, title, color, ...rest } = props;
+    const Icon = RiIcons[icon];
+    if (!Icon) console.error(`Icon ${icon} not found`);
+    return Icon ? /* @__PURE__ */ jsx(Icon, { ref, title, size: size2, color, ...rest }) : /* @__PURE__ */ jsx(RiQuestionMark, { ref, title, size: size2, color, ...rest });
+  })
+);
+RiIcon.displayName = "RiIcon";
 const centerStyles = { placeSelf: "center" };
 const ErrorFallback = memo((props) => {
   const { absoluteCentering, message = "Something went wrong", onRetry } = props;