@brainfish-ai/components 0.8.2-alpha.0 → 0.8.2

package/dist/esm/chunks/{FormattedMessage.CyP9HgTe.js → FormattedMessage.DPRps9mh.js}

@@ -39035,11 +39035,11 @@ const CodeBlock = memo(({ language, value }) => {
 });
 CodeBlock.displayName = "CodeBlock";
 
-const Frame = React__default.forwardRef(
+const Frame = React.forwardRef(
   ({ src, border, width = "100%", height = "400px", title }, ref) => {
-    const [isLoaded, setIsLoaded] = React__default.useState(false);
-    const [iframeLoaded, setIframeLoaded] = React__default.useState(false);
-    React__default.useEffect(() => {
+    const [isLoaded, setIsLoaded] = React.useState(false);
+    const [iframeLoaded, setIframeLoaded] = React.useState(false);
+    React.useEffect(() => {
       let mounted = true;
       setTimeout(() => {
         if (mounted) {
@@ -39050,7 +39050,7 @@ const Frame = React__default.forwardRef(
         mounted = false;
       };
     }, []);
-    return /* @__PURE__ */ React__default.createElement(
+    return /* @__PURE__ */ React.createElement(
       "div",
       {
         className: `overflow-hidden rounded-lg mt-4 relative ${border ? "border" : ""}`,
@@ -39059,7 +39059,7 @@ const Frame = React__default.forwardRef(
           height
         }
       },
-      isLoaded && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("div", { className: `absolute w-full h-full ${!iframeLoaded ? "block" : "hidden"}` }, /* @__PURE__ */ React__default.createElement("div", { className: "absolute inset-0 bg-muted/10 rounded-lg" }, /* @__PURE__ */ React__default.createElement("div", { className: "absolute inset-0" }, /* @__PURE__ */ React__default.createElement("div", { className: "h-full w-full shimmer" }), /* @__PURE__ */ React__default.createElement("div", { className: "absolute left-1/2 top-1/2 -translate-1/2 flex flex-col items-center gap-2" }, /* @__PURE__ */ React__default.createElement("div", { className: "modern-spinner" }), /* @__PURE__ */ React__default.createElement("div", { className: "text-sm text-muted-foreground" }, "Loading..."))))), /* @__PURE__ */ React__default.createElement("div", { className: !iframeLoaded ? "invisible" : "visible" }, /* @__PURE__ */ React__default.createElement(
+      isLoaded && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: `absolute w-full h-full ${!iframeLoaded ? "block" : "hidden"}` }, /* @__PURE__ */ React.createElement("div", { className: "absolute inset-0 bg-muted/10 rounded-lg" }, /* @__PURE__ */ React.createElement("div", { className: "absolute inset-0" }, /* @__PURE__ */ React.createElement("div", { className: "h-full w-full shimmer" }), /* @__PURE__ */ React.createElement("div", { className: "absolute left-1/2 top-1/2 -translate-1/2 flex flex-col items-center gap-2" }, /* @__PURE__ */ React.createElement("div", { className: "modern-spinner" }), /* @__PURE__ */ React.createElement("div", { className: "text-sm text-muted-foreground" }, "Loading..."))))), /* @__PURE__ */ React.createElement("div", { className: !iframeLoaded ? "invisible" : "visible" }, /* @__PURE__ */ React.createElement(
         "iframe",
         {
           ref,
@@ -39073,14 +39073,14 @@ const Frame = React__default.forwardRef(
           className: "block rounded-lg",
           onLoad: () => setIframeLoaded(true)
         }
-      ), title && /* @__PURE__ */ React__default.createElement("span", { className: "block text-center text-sm font-medium" }, title)))
+      ), title && /* @__PURE__ */ React.createElement("span", { className: "block text-center text-sm font-medium" }, title)))
     );
   }
 );
 
 function Loom(props) {
   const normalizedUrl = props.attrs.href.replace("share", "embed");
-  return /* @__PURE__ */ React__default.createElement(Frame, { ...props, src: normalizedUrl, title: "Loom Embed" });
+  return /* @__PURE__ */ React.createElement(Frame, { ...props, src: normalizedUrl, title: "Loom Embed" });
 }
 Loom.isMatch = (href) => {
   const loomRegex = /^https:\/\/(www\.)?(use)?loom\.com\/(embed|share)\/(.*)$/;
@@ -39088,7 +39088,7 @@ Loom.isMatch = (href) => {
 };
 
 function Supademo(props) {
-  return /* @__PURE__ */ React__default.createElement(Frame, { ...props, src: props.attrs.href, title: "Supademo Embed" });
+  return /* @__PURE__ */ React.createElement(Frame, { ...props, src: props.attrs.href, title: "Supademo Embed" });
 }
 Supademo.isMatch = (href) => {
   const urlRegex = /^https:\/\/app\.supademo\.com\/embed\/(.*)$/;
@@ -39096,7 +39096,7 @@ Supademo.isMatch = (href) => {
 };
 
 function Typeform(props) {
-  return /* @__PURE__ */ React__default.createElement(Frame, { ...props, src: props.attrs.href, title: "Typeform Embed" });
+  return /* @__PURE__ */ React.createElement(Frame, { ...props, src: props.attrs.href, title: "Typeform Embed" });
 }
 Typeform.isMatch = (href) => {
   const urlRegex = /^https:\/\/([A-Za-z0-9](?:[A-Za-z0-9-]{0,61}[A-Za-z0-9])?)\.typeform\.com\/to\/(.*)$/;
@@ -39113,7 +39113,7 @@ function Vimeo(props) {
   const videoId = matches[4];
   const hId = matches[5];
   const embedUrl = `https://player.vimeo.com/video/${videoId}?byline=0${hId ? `&h=${hId}` : ""}`;
-  return /* @__PURE__ */ React__default.createElement(Frame, { ...props, src: embedUrl, title: `Vimeo Embed (${videoId})`, height: "412px", border: false });
+  return /* @__PURE__ */ React.createElement(Frame, { ...props, src: embedUrl, title: `Vimeo Embed (${videoId})`, height: "412px", border: false });
 }
 Vimeo.isMatch = (href) => {
   const regex = /^(https?):\/\/(www\.)?vimeo\.com\/(?:channels\/(?:\w+\/)?|groups\/([^/]*)\/videos\/|)?(\d+)(\/)?(?:\?.*|#.*)?$/i;
@@ -39139,7 +39139,7 @@ function Wistia(props) {
   const domain = matches[1];
   const videoId = matches[2] || matches[1];
   const embedUrl = domain ? `https://${domain}.wistia.com/embed/iframe/${videoId}?seo=true&videoFoam=false` : `https://fast.wistia.com/embed/iframe/${videoId}`;
-  return /* @__PURE__ */ React__default.createElement(Frame, { ...props, src: embedUrl, border: true, title: `Wistia Embed (${videoId})` });
+  return /* @__PURE__ */ React.createElement(Frame, { ...props, src: embedUrl, border: true, title: `Wistia Embed (${videoId})` });
 }
 Wistia.isMatch = (href) => {
   const urlRegexes = [
@@ -39174,7 +39174,7 @@ function YouTube(props) {
   }
   const timestamp = extractTimestamp(props.attrs.href);
   const embedUrl = `https://www.youtube.com/embed/${videoId}?modestbranding=1${timestamp ? `&start=${timestamp}` : ""}`;
-  return /* @__PURE__ */ React__default.createElement(Frame, { ...props, src: embedUrl, title: `YouTube Embed (${videoId})` });
+  return /* @__PURE__ */ React.createElement(Frame, { ...props, src: embedUrl, title: `YouTube Embed (${videoId})` });
 }
 YouTube.isMatch = (href) => {
   return YOUTUBE_URL_REGEX.test(href);
@@ -39253,12 +39253,12 @@ const MermaidDiagram = ({ content }) => {
 };
 
 const ZoomableImage = ({ src, alt }) => {
-  const [isZoomed, setIsZoomed] = React__default.useState(false);
-  const [showFullCaption, setShowFullCaption] = React__default.useState(false);
-  const [imageError, setImageError] = React__default.useState(false);
-  const [isLoading, setIsLoading] = React__default.useState(false);
-  const [dimensions, setDimensions] = React__default.useState({ width: 0, height: 0 });
-  const imgRef = React__default.useRef(null);
+  const [isZoomed, setIsZoomed] = React.useState(false);
+  const [showFullCaption, setShowFullCaption] = React.useState(false);
+  const [imageError, setImageError] = React.useState(false);
+  const [isLoading, setIsLoading] = React.useState(false);
+  const [dimensions, setDimensions] = React.useState({ width: 0, height: 0 });
+  const imgRef = React.useRef(null);
   const toggleZoom = () => {
     setIsZoomed(!isZoomed);
   };
@@ -39281,7 +39281,7 @@ const ZoomableImage = ({ src, alt }) => {
   if (!src || imageError) {
     return null;
   }
-  return /* @__PURE__ */ React__default.createElement("figure", { className: "relative inline-block my-4 px-4 w-full sm:w-auto" }, /* @__PURE__ */ React__default.createElement("div", { className: "flex items-center justify-center min-h-[100px]" }, /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React.createElement("figure", { className: "relative inline-block my-4 px-4 w-full sm:w-auto" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-center min-h-[100px]" }, /* @__PURE__ */ React.createElement(
     "button",
     {
       type: "button",
@@ -39289,7 +39289,7 @@ const ZoomableImage = ({ src, alt }) => {
       className: "border-0 p-0 bg-transparent relative group",
       "aria-label": isZoomed ? "Zoom out image" : "Zoom in image"
     },
-    isLoading && /* @__PURE__ */ React__default.createElement(
+    isLoading && /* @__PURE__ */ React.createElement(
       "div",
       {
         className: "rounded-md bg-gray-200 dark:bg-gray-800 animate-pulse",
@@ -39300,7 +39300,7 @@ const ZoomableImage = ({ src, alt }) => {
         }
       }
     ),
-    /* @__PURE__ */ React__default.createElement(
+    /* @__PURE__ */ React.createElement(
       "img",
       {
         ref: imgRef,
@@ -39311,16 +39311,16 @@ const ZoomableImage = ({ src, alt }) => {
         className: `max-h-[300px] w-auto object-contain cursor-zoom-in hover:opacity-90 transition-opacity ${isLoading ? "opacity-0 absolute" : "opacity-100 relative"}`
       }
     ),
-    !isLoading && /* @__PURE__ */ React__default.createElement("div", { className: "absolute bottom-2 right-2 opacity-0 group-hover:opacity-100 transition-opacity" }, /* @__PURE__ */ React__default.createElement("div", { className: "bg-black/50 text-white p-1.5 rounded-lg" }, /* @__PURE__ */ React__default.createElement(ArrowsOut, { size: 16 })))
-  )), alt && !isLoading && /* @__PURE__ */ React__default.createElement("div", { className: "relative mt-1" }, /* @__PURE__ */ React__default.createElement(
+    !isLoading && /* @__PURE__ */ React.createElement("div", { className: "absolute bottom-2 right-2 opacity-0 group-hover:opacity-100 transition-opacity" }, /* @__PURE__ */ React.createElement("div", { className: "bg-black/50 text-white p-1.5 rounded-lg" }, /* @__PURE__ */ React.createElement(ArrowsOut, { size: 16 })))
+  )), alt && !isLoading && /* @__PURE__ */ React.createElement("div", { className: "relative mt-1" }, /* @__PURE__ */ React.createElement(
     "figcaption",
     {
       className: "text-sm text-gray-600 dark:text-gray-400 text-center group cursor-default",
       onMouseEnter: () => setShowFullCaption(true),
       onMouseLeave: () => setShowFullCaption(false)
     },
-    /* @__PURE__ */ React__default.createElement("div", { className: "line-clamp-2 hover:text-gray-700 dark:hover:text-gray-300" }, alt)
-  ), showFullCaption && /* @__PURE__ */ React__default.createElement("div", { className: "absolute bottom-full left-0 right-0 mb-1 p-2 bg-white dark:bg-gray-800 rounded-lg shadow-lg border border-gray-200 dark:border-gray-700 text-sm text-gray-600 dark:text-gray-400 z-10" }, alt)), /* @__PURE__ */ React__default.createElement(AnimatePresence, null, isZoomed && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
+    /* @__PURE__ */ React.createElement("div", { className: "line-clamp-2 hover:text-gray-700 dark:hover:text-gray-300" }, alt)
+  ), showFullCaption && /* @__PURE__ */ React.createElement("div", { className: "absolute bottom-full left-0 right-0 mb-1 p-2 bg-white dark:bg-gray-800 rounded-lg shadow-lg border border-gray-200 dark:border-gray-700 text-sm text-gray-600 dark:text-gray-400 z-10" }, alt)), /* @__PURE__ */ React.createElement(AnimatePresence, null, isZoomed && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
     motion.div,
     {
       initial: { opacity: 0 },
@@ -39329,7 +39329,7 @@ const ZoomableImage = ({ src, alt }) => {
       className: "fixed inset-0 bg-black/80 z-50",
       onClick: toggleZoom
     }
-  ), /* @__PURE__ */ React__default.createElement(
+  ), /* @__PURE__ */ React.createElement(
     motion.div,
     {
       initial: { scale: 0.5, opacity: 0 },
@@ -39338,8 +39338,8 @@ const ZoomableImage = ({ src, alt }) => {
       className: "fixed inset-0 z-50 flex flex-col items-center justify-center cursor-zoom-out gap-4 p-4 sm:p-8",
       onClick: toggleZoom
     },
-    /* @__PURE__ */ React__default.createElement("div", { className: "max-w-[95vw] sm:max-w-[90vw] max-h-[80vh]" }, /* @__PURE__ */ React__default.createElement("img", { src, alt, className: "w-full h-full object-contain" })),
-    alt && /* @__PURE__ */ React__default.createElement("div", { className: "max-w-[95vw] sm:max-w-[90vw] text-white text-center text-sm" }, alt)
+    /* @__PURE__ */ React.createElement("div", { className: "max-w-[95vw] sm:max-w-[90vw] max-h-[80vh]" }, /* @__PURE__ */ React.createElement("img", { src, alt, className: "w-full h-full object-contain" })),
+    alt && /* @__PURE__ */ React.createElement("div", { className: "max-w-[95vw] sm:max-w-[90vw] text-white text-center text-sm" }, alt)
   ))));
 };
 
@@ -39490,4 +39490,4 @@ const FormattedMessage = memo(({ message, isStreaming, redirectRules = [] }) =>
 FormattedMessage.displayName = "FormattedMessage";
 
 export { CodeBlock as C, FormattedMessage as F, MemoizedReactMarkdown as M, ZoomableImage as Z, MermaidDiagram as a, getDefaultExportFromCjs as g };
-//# sourceMappingURL=FormattedMessage.CyP9HgTe.js.map
+//# sourceMappingURL=FormattedMessage.DPRps9mh.js.map