@ixo/ui 0.1.9 → 0.1.10

package/dist/{components-EXB_BUs5.js → components-kxgjjaBi.js}

@@ -823,8 +823,8 @@ function AccordionTable({
     }
   );
 }
-const Header$3 = lazy(() => import("./index-2Qg0wBFO.js"));
-const Footer = lazy(() => import("./index-BKru_TQX.js"));
+const Header$3 = lazy(() => import("./index-BVjRfBNY.js"));
+const Footer = lazy(() => import("./index-DHpAlFBt.js"));
 function ActionCard({ header, content, footer, useHoverMode = false }) {
   const hasContent = !!content || !!footer;
   const initialVisibility = footer?.startHidden !== true;
@@ -908,7 +908,7 @@ function Loader({ size, color = "primary" }) {
 }
 const CARD_WIDTH$1 = 350;
 const CARD_HEADER_HEIGHT = 158;
-const Header$2 = lazy(() => import("./index-Be7UORTt.js"));
+const Header$2 = lazy(() => import("./index-BPpBzZ7I.js"));
 function Card({ children, className, contentClassName, roundedBottom, noPadding = false, fullWidth = false, header, wrapperSx, onClick }) {
   const wrapperRef = useRef(null);
   const handleOnClick = useCallback(
@@ -1343,7 +1343,7 @@ function ModalSheet({ isOpen, children, hideHandler, zIndex, onRequestHide, onRe
     document.body
   );
 }
-const Badge = lazy(() => import("./index-Dv_e6z8D.js"));
+const Badge = lazy(() => import("./index-b0lRsVpL.js"));
 function ActionSheet({ children, isOpen, header, navMenu = void 0, onRequestHide, onRequestShow }) {
   const shadowScrollRef = useRef(null);
   const wrapperContentAreaRef = useRef(null);
@@ -3467,137 +3467,207 @@ function OracleMessage({ oracleName, message }) {
       /* @__PURE__ */ jsx(Text$1, { fz: 12, c: "accent.5", children: oracleName || "Oracle" }),
       /* @__PURE__ */ jsx(Badge$1, { tt: "capitalize", c: "accent.5", size: "md", bg: "accent.0", children: "Oracle" })
     ] }),
-    /* @__PURE__ */ jsx(Box, { mt: 12, mb: 4, sx: { borderRadius: 16 }, children: /* @__PURE__ */ jsx(
-      Markdown,
+    /* @__PURE__ */ jsx(
+      Box,
       {
-        remarkPlugins: [remarkGfm],
-        components: {
-          a: ({ children, href }) => /* @__PURE__ */ jsx("a", { href, style: { color: "var(--mantine-color-accent-5)", textDecoration: "underline" }, children }),
-          ul: ({ children, ...props }) => /* @__PURE__ */ jsx(
-            "ul",
-            {
-              ...props,
-              style: {
-                margin: "12px 0",
-                paddingLeft: 20,
-                listStyleType: "none"
-              },
-              children
-            }
-          ),
-          ol: ({ children, ...props }) => /* @__PURE__ */ jsx(
-            "ol",
-            {
-              ...props,
-              style: {
-                margin: "12px 0",
-                paddingLeft: 20,
-                listStyleType: "decimal"
-              },
-              children
-            }
-          ),
-          li: ({ children, ...props }) => /* @__PURE__ */ jsx(
-            "li",
-            {
-              ...props,
-              style: {
-                marginBottom: 8,
-                lineHeight: 1.6,
-                paddingLeft: 4
-              },
-              children
-            }
-          ),
-          h3: ({ children, ...props }) => /* @__PURE__ */ jsx(
-            "h3",
-            {
-              ...props,
-              style: {
-                marginTop: 16,
-                marginBottom: 12,
-                fontSize: "1.1em",
-                fontWeight: 600,
-                color: "var(--mantine-color-neutralColor-6)"
-              },
-              children
-            }
-          ),
-          h4: ({ children, ...props }) => /* @__PURE__ */ jsx(
-            "h4",
-            {
-              ...props,
-              style: {
-                marginTop: 12,
-                marginBottom: 8,
-                fontSize: "1em",
-                fontWeight: 500,
-                color: "var(--mantine-color-neutralColor-6)"
-              },
-              children
-            }
-          ),
-          p: ({ children, ...props }) => /* @__PURE__ */ jsx(
-            "p",
-            {
-              ...props,
-              style: {
-                margin: "8px 0",
-                lineHeight: 1.6,
-                color: "var(--mantine-color-neutralColor-8)"
-              },
-              children
-            }
-          ),
-          table: ({ children, ...props }) => /* @__PURE__ */ jsx("div", { style: { overflowX: "auto", margin: "16px 0" }, children: /* @__PURE__ */ jsx(
-            "table",
-            {
-              ...props,
-              style: {
-                width: "100%",
-                borderCollapse: "collapse",
-                borderSpacing: 0
-              },
-              children
-            }
-          ) }),
-          thead: ({ children, ...props }) => /* @__PURE__ */ jsx("thead", { ...props, children }),
-          tbody: ({ children, ...props }) => /* @__PURE__ */ jsx("tbody", { ...props, children }),
-          tr: ({ children, ...props }) => /* @__PURE__ */ jsx("tr", { ...props, children }),
-          th: ({ children, ...props }) => /* @__PURE__ */ jsx(
-            "th",
-            {
-              ...props,
-              style: {
-                border: "1px solid var(--mantine-color-neutralColor-7)",
-                padding: "8px 12px",
-                fontWeight: 600,
-                textAlign: "left",
-                backgroundColor: "var(--mantine-color-neutralColor-5)"
-              },
-              children
-            }
-          ),
-          td: ({ children, ...props }) => /* @__PURE__ */ jsx(
-            "td",
-            {
-              ...props,
-              style: {
-                border: "1px solid var(--mantine-color-neutralColor-7)",
-                padding: "8px 12px",
-                textAlign: "left"
-              },
-              children
-            }
-          )
+        mt: 12,
+        mb: 4,
+        sx: {
+          borderRadius: 16,
+          maxWidth: "100%",
+          minWidth: 0
         },
-        children: message
+        children: /* @__PURE__ */ jsx(
+          Markdown,
+          {
+            remarkPlugins: [remarkGfm],
+            components: {
+              a: ({ children, href }) => /* @__PURE__ */ jsx("a", { href, style: { color: "var(--mantine-color-accent-5)", textDecoration: "underline" }, children }),
+              ul: ({ children, ...props }) => /* @__PURE__ */ jsx(
+                "ul",
+                {
+                  ...props,
+                  style: {
+                    margin: "12px 0",
+                    paddingLeft: 20,
+                    listStyleType: "none"
+                  },
+                  children
+                }
+              ),
+              ol: ({ children, ...props }) => /* @__PURE__ */ jsx(
+                "ol",
+                {
+                  ...props,
+                  style: {
+                    margin: "12px 0",
+                    paddingLeft: 20,
+                    listStyleType: "decimal"
+                  },
+                  children
+                }
+              ),
+              li: ({ children, ...props }) => /* @__PURE__ */ jsx(
+                "li",
+                {
+                  ...props,
+                  style: {
+                    marginBottom: 8,
+                    lineHeight: 1.6,
+                    paddingLeft: 4,
+                    overflowWrap: "anywhere",
+                    wordBreak: "break-word"
+                  },
+                  children
+                }
+              ),
+              h3: ({ children, ...props }) => /* @__PURE__ */ jsx(
+                "h3",
+                {
+                  ...props,
+                  style: {
+                    marginTop: 16,
+                    marginBottom: 12,
+                    fontSize: "1.1em",
+                    fontWeight: 600,
+                    color: "var(--mantine-color-neutralColor-6)"
+                  },
+                  children
+                }
+              ),
+              h4: ({ children, ...props }) => /* @__PURE__ */ jsx(
+                "h4",
+                {
+                  ...props,
+                  style: {
+                    marginTop: 12,
+                    marginBottom: 8,
+                    fontSize: "1em",
+                    fontWeight: 500,
+                    color: "var(--mantine-color-neutralColor-6)"
+                  },
+                  children
+                }
+              ),
+              blockquote: ({ children, ...props }) => /* @__PURE__ */ jsx(
+                "blockquote",
+                {
+                  ...props,
+                  style: {
+                    margin: "12px 0",
+                    padding: "8px 12px",
+                    borderLeft: "3px solid var(--mantine-color-neutralColor-6)",
+                    backgroundColor: "var(--mantine-color-neutralColor-4)",
+                    borderRadius: 8,
+                    color: "var(--mantine-color-neutralColor-8)",
+                    overflowWrap: "anywhere",
+                    wordBreak: "break-word",
+                    maxWidth: "100%"
+                  },
+                  children
+                }
+              ),
+              pre: ({ children, ...props }) => /* @__PURE__ */ jsx(
+                "pre",
+                {
+                  ...props,
+                  style: {
+                    margin: "12px 0",
+                    padding: "12px",
+                    backgroundColor: "var(--mantine-color-neutralColor-5)",
+                    borderRadius: 8,
+                    fontSize: 12,
+                    maxWidth: "100%",
+                    overflowX: "auto"
+                  },
+                  children
+                }
+              ),
+              code: ({ children, ...props }) => /* @__PURE__ */ jsx(
+                "code",
+                {
+                  ...props,
+                  style: {
+                    fontFamily: "monospace",
+                    fontSize: 12,
+                    backgroundColor: "var(--mantine-color-neutralColor-4)",
+                    padding: "2px 4px",
+                    borderRadius: 4,
+                    overflowWrap: "anywhere",
+                    wordBreak: "break-word",
+                    whiteSpace: "pre-wrap",
+                    maxWidth: "100%"
+                  },
+                  children
+                }
+              ),
+              p: ({ children, ...props }) => /* @__PURE__ */ jsx(
+                "p",
+                {
+                  ...props,
+                  style: {
+                    margin: "8px 0",
+                    lineHeight: 1.6,
+                    color: "var(--mantine-color-neutralColor-8)",
+                    overflowWrap: "anywhere",
+                    wordBreak: "break-word"
+                  },
+                  children
+                }
+              ),
+              table: ({ children, ...props }) => /* @__PURE__ */ jsx("div", { style: { overflowX: "auto", margin: "16px 0" }, children: /* @__PURE__ */ jsx(
+                "table",
+                {
+                  ...props,
+                  style: {
+                    width: "100%",
+                    borderCollapse: "collapse",
+                    borderSpacing: 0
+                  },
+                  children
+                }
+              ) }),
+              thead: ({ children, ...props }) => /* @__PURE__ */ jsx("thead", { ...props, children }),
+              tbody: ({ children, ...props }) => /* @__PURE__ */ jsx("tbody", { ...props, children }),
+              tr: ({ children, ...props }) => /* @__PURE__ */ jsx("tr", { ...props, children }),
+              th: ({ children, ...props }) => /* @__PURE__ */ jsx(
+                "th",
+                {
+                  ...props,
+                  style: {
+                    border: "1px solid var(--mantine-color-neutralColor-7)",
+                    padding: "8px 12px",
+                    fontWeight: 600,
+                    textAlign: "left",
+                    backgroundColor: "var(--mantine-color-neutralColor-5)"
+                  },
+                  children
+                }
+              ),
+              td: ({ children, ...props }) => /* @__PURE__ */ jsx(
+                "td",
+                {
+                  ...props,
+                  style: {
+                    border: "1px solid var(--mantine-color-neutralColor-7)",
+                    padding: "8px 12px",
+                    textAlign: "left",
+                    overflowWrap: "anywhere",
+                    wordBreak: "break-word"
+                  },
+                  children
+                }
+              )
+            },
+            children: message
+          }
+        )
       }
-    ) })
+    )
   ] });
 }
 function UserMessage({ message, sender }) {
-  return /* @__PURE__ */ jsxs(Box, { w: "fit-content", bg: "neutralColor.6", sx: { borderRadius: 16 }, py: 12, px: 16, mb: 32, children: [
+  return /* @__PURE__ */ jsxs(Box, { w: "100%", bg: "neutralColor.6", sx: { borderRadius: 16 }, py: 12, px: 16, mb: 32, children: [
     /* @__PURE__ */ jsx(Text$1, { c: "neutralColor.8", fz: 12, children: sender }),
     /* @__PURE__ */ jsx(Text$1, { c: "neutralColor.8", mt: 10, sx: { wordBreak: "break-all" }, children: message }, message)
   ] });
@@ -6049,13 +6119,13 @@ function ActionButton({ onClick, left, right }) {
     }
   );
 }
-const MainAction = lazy(() => import("./index-DccAmgX1.js"));
-const Header$1 = lazy(() => import("./index-CEb94eQ3.js"));
-const Content = lazy(() => import("./index-Dm6B7Yv-.js"));
+const MainAction = lazy(() => import("./index-xy6xJBbu.js"));
+const Header$1 = lazy(() => import("./index-S4XgkG5t.js"));
+const Content = lazy(() => import("./index-D2nmz6Om.js"));
 const Map = lazy(() => import("./index-D5Ufmf-s.js"));
 const CustomContent = lazy(() => import("./index-DsYjW_4y.js"));
-const Assets = lazy(() => import("./index-BHuoPnj7.js"));
-const Actions = lazy(() => import("./index-Lu5gXTPs.js"));
+const Assets = lazy(() => import("./index-Bxl6UNpR.js"));
+const Actions = lazy(() => import("./index-D6ik1G_L.js"));
 const HOVER_BORDER_WIDTH = 1;
 function SodaCardCmp({ numSelected = 0, expanded = true, mainAction, header, content, map, customContent, customFooter, actions, assets, onClick }, ref) {
   const wrapperRef = useRef(null);
@@ -11332,4 +11402,4 @@ export {
   CardHero as y,
   CardSelector as z
 };
-//# sourceMappingURL=components-EXB_BUs5.js.map
+//# sourceMappingURL=components-kxgjjaBi.js.map