@ixo/ui 0.0.25 → 0.0.27

package/dist/{components-DOmagp83.js → components-Cz8WWecd.js}

@@ -774,8 +774,8 @@ function AccordionTable({
     }
   );
 }
-const Header$3 = lazy(() => import("./index-CkxcB6nr.js"));
-const Footer = lazy(() => import("./index-Cc5uWgPn.js"));
+const Header$3 = lazy(() => import("./index-D0TuE55o.js"));
+const Footer = lazy(() => import("./index-BB0uMPP_.js"));
 function ActionCard({ header, content, footer, useHoverMode = false }) {
   const hasContent = !!content || !!footer;
   const initialVisibility = footer?.startHidden !== true;
@@ -859,7 +859,7 @@ function Loader({ size, color = "primary" }) {
 }
 const CARD_WIDTH$1 = 350;
 const CARD_HEADER_HEIGHT = 158;
-const Header$2 = lazy(() => import("./index-B5LLjyl8.js"));
+const Header$2 = lazy(() => import("./index-BxjmGq7x.js"));
 function Card({ children, className, contentClassName, roundedBottom, noPadding = false, fullWidth = false, header, wrapperSx, onClick }) {
   const wrapperRef = useRef(null);
   const handleOnClick = useCallback(
@@ -1294,7 +1294,7 @@ function ModalSheet({ isOpen, children, hideHandler, zIndex, onRequestHide, onRe
     document.body
   );
 }
-const Badge = lazy(() => import("./index-DjBUFBDf.js"));
+const Badge = lazy(() => import("./index-CIwY6iD8.js"));
 function ActionSheet({ children, isOpen, header, navMenu = void 0, onRequestHide, onRequestShow }) {
   const shadowScrollRef = useRef(null);
   const wrapperContentAreaRef = useRef(null);
@@ -2439,8 +2439,8 @@ function MenuItem({ item, onMenuItemClick, depth = 0 }) {
         },
         onClick: handleItemClick,
         children: [
-          /* @__PURE__ */ jsxs(Flex, { align: "center", gap: 4, children: [
-            /* @__PURE__ */ jsx(item.icon, { size: 20, color: item.isActive ? "overPicture" : "secondary" }),
+          /* @__PURE__ */ jsxs(Flex, { align: "center", gap: 8, children: [
+            typeof item.icon === "string" ? /* @__PURE__ */ jsx(Image, { w: 20, h: 20, src: item.icon, radius: "50%" }) : /* @__PURE__ */ jsx(item.icon, { size: 20, color: item.isActive ? "overPicture" : "secondary" }),
             /* @__PURE__ */ jsx(Text$1, { fz: 14, fw: 500, c: item.isActive ? theme.neutral.lightGray : theme.text.secondary, style: { flex: 1 }, children: item.name }),
             item.badgeCount ? /* @__PURE__ */ jsx(Badge$1, { size: "xs", variant: "filled", ml: 4, style: { minWidth: "16px", height: "15px", padding: "0 4px", fontSize: "8px" }, children: item.badgeCount }) : null
           ] }),
@@ -3105,6 +3105,7 @@ function OracleMessage({ oracleName, message }) {
     /* @__PURE__ */ jsx(Box, { mt: 12, mb: 4, sx: { borderRadius: 16 }, children: /* @__PURE__ */ jsx(
       Markdown,
       {
+        remarkPlugins: [remarkGfm],
         components: {
           a: ({ children, href }) => /* @__PURE__ */ jsx("a", { href, style: { color: theme.colors.focus, textDecoration: "underline" }, children }),
           ul: ({ children, ...props }) => /* @__PURE__ */ jsx(
@@ -3181,6 +3182,47 @@ function OracleMessage({ oracleName, message }) {
               },
               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 ${theme.text.secondary}`,
+                padding: "8px 12px",
+                fontWeight: 600,
+                textAlign: "left",
+                backgroundColor: theme.bg.centralCanvasBg
+              },
+              children
+            }
+          ),
+          td: ({ children, ...props }) => /* @__PURE__ */ jsx(
+            "td",
+            {
+              ...props,
+              style: {
+                border: `1px solid ${theme.text.secondary}`,
+                padding: "8px 12px",
+                textAlign: "left"
+              },
+              children
+            }
           )
         },
         children: message
@@ -5642,13 +5684,13 @@ function ActionButton({ onClick, left, right }) {
     }
   );
 }
-const MainAction = lazy(() => import("./index-BwpX2MW2.js"));
-const Header$1 = lazy(() => import("./index-CRTmPwdM.js"));
-const Content = lazy(() => import("./index-C8fwTdC7.js"));
+const MainAction = lazy(() => import("./index-BvLDz9ju.js"));
+const Header$1 = lazy(() => import("./index-iI7Zhyhm.js"));
+const Content = lazy(() => import("./index-BU02ZwuW.js"));
 const Map = lazy(() => import("./index-D5Ufmf-s.js"));
 const CustomContent = lazy(() => import("./index-DsYjW_4y.js"));
-const Assets = lazy(() => import("./index-DgjMTMef.js"));
-const Actions = lazy(() => import("./index-CvR50Mc1.js"));
+const Assets = lazy(() => import("./index-OHU4qE1M.js"));
+const Actions = lazy(() => import("./index-Is1FFlQG.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);
@@ -10963,4 +11005,4 @@ export {
   CardHero as y,
   CardSelector as z
 };
-//# sourceMappingURL=components-DOmagp83.js.map
+//# sourceMappingURL=components-Cz8WWecd.js.map