@brainfish-ai/components 0.18.0 → 0.18.4-alpha.2

package/dist/esm/chunks/{FormattedMessage.C2OwhDXi.js → FormattedMessage.ieoe4jPf.js}

@@ -39435,7 +39435,7 @@ const ZoomableImage = ({ src, alt }) => {
     isLoading && /* @__PURE__ */ React.createElement(
       "div",
       {
-        className: "rounded-md bg-gray-200 dark:bg-gray-800 animate-pulse",
+        className: "rounded-md bg-dark-300 animate-pulse",
         style: {
           width: dimensions.width || 300,
           height: dimensions.height || 200,
@@ -39458,12 +39458,12 @@ const ZoomableImage = ({ src, alt }) => {
   )), 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",
+      className: "text-sm text-dark-700 text-center group cursor-default",
       onMouseEnter: () => setShowFullCaption(true),
       onMouseLeave: () => setShowFullCaption(false)
     },
-    /* @__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(
+    /* @__PURE__ */ React.createElement("div", { className: "line-clamp-2 hover:text-dark-800" }, 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-border text-sm text-dark-700 z-10" }, alt)), /* @__PURE__ */ React.createElement(AnimatePresence, null, isZoomed && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
     motion.div,
     {
       initial: { opacity: 0 },
@@ -39757,4 +39757,4 @@ const FormattedMessage = memo(({ message, isStreaming, redirectRules = [], conte
 FormattedMessage.displayName = "FormattedMessage";
 
 export { CodeBlock as C, FormattedMessage as F, MemoizedReactMarkdown as M, ZoomableImage as Z, MermaidDiagram as a, addUtmParameters as b, addPopupWidgetUtm as c };
-//# sourceMappingURL=FormattedMessage.C2OwhDXi.js.map
+//# sourceMappingURL=FormattedMessage.ieoe4jPf.js.map