@ixo/ui 0.0.24 → 0.0.26

package/dist/{components-BeF0rZJR.js → components-g2ds4ldw.js}

@@ -774,8 +774,8 @@ function AccordionTable({
     }
   );
 }
-const Header$3 = lazy(() => import("./index-BDHM2tcG.js"));
-const Footer = lazy(() => import("./index-CHeVp24g.js"));
+const Header$3 = lazy(() => import("./index-gyBtWdPb.js"));
+const Footer = lazy(() => import("./index-cEhlnm61.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-D7PlJiJR.js"));
+const Header$2 = lazy(() => import("./index-w5Nt3HJu.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-BcSuJ_FA.js"));
+const Badge = lazy(() => import("./index-DQcW2RM9.js"));
 function ActionSheet({ children, isOpen, header, navMenu = void 0, onRequestHide, onRequestShow }) {
   const shadowScrollRef = useRef(null);
   const wrapperContentAreaRef = useRef(null);
@@ -2258,25 +2258,44 @@ function AsideResizable({ children, asideCollapsed = false, onAsideToggle, width
     setIsResizing(true);
   };
   if (asideCollapsed) return null;
-  return /* @__PURE__ */ jsxs(AppShell.Aside, { w: width, miw: 200, maw: window.innerWidth - 340, ref, children: [
-    /* @__PURE__ */ jsx(
-      Box,
-      {
-        w: 4,
-        top: 0,
-        left: 0,
-        h: "100%",
-        pos: "absolute",
-        bg: isResizing ? theme.colors.focus : "transparent",
-        sx: {
-          cursor: "col-resize",
-          transition: "background-color 0.2s ease"
-        },
-        onMouseDown: handleMouseDown
-      }
-    ),
-    children
-  ] });
+  return /* @__PURE__ */ jsxs(
+    AppShell.Aside,
+    {
+      w: width,
+      miw: 200,
+      maw: window.innerWidth - 340,
+      ref,
+      sx: {
+        overflowY: "auto",
+        overflowX: "hidden",
+        scrollbarWidth: "none",
+        msOverflowStyle: "none",
+        "&::-webkit-scrollbar": {
+          display: "none"
+        }
+      },
+      children: [
+        /* @__PURE__ */ jsx(
+          Box,
+          {
+            w: 4,
+            top: 0,
+            left: 0,
+            h: "100%",
+            pos: "absolute",
+            bg: isResizing ? theme.colors.focus : "transparent",
+            sx: {
+              zIndex: 1,
+              cursor: "col-resize",
+              transition: "background-color 0.2s ease"
+            },
+            onMouseDown: handleMouseDown
+          }
+        ),
+        children
+      ]
+    }
+  );
 }
 function NavigationItemSkeleton() {
   const theme = useUITheme();
@@ -3086,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(
@@ -3162,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
@@ -5623,13 +5684,13 @@ function ActionButton({ onClick, left, right }) {
     }
   );
 }
-const MainAction = lazy(() => import("./index-Bbq_TLZu.js"));
-const Header$1 = lazy(() => import("./index-BNQTKXpP.js"));
-const Content = lazy(() => import("./index-D_iadqlc.js"));
+const MainAction = lazy(() => import("./index-CifO3Wit.js"));
+const Header$1 = lazy(() => import("./index-AyfU-K11.js"));
+const Content = lazy(() => import("./index-CBdNUyTk.js"));
 const Map = lazy(() => import("./index-D5Ufmf-s.js"));
 const CustomContent = lazy(() => import("./index-DsYjW_4y.js"));
-const Assets = lazy(() => import("./index-7TeP_0qf.js"));
-const Actions = lazy(() => import("./index-BB7TxyW2.js"));
+const Assets = lazy(() => import("./index-B4LAdUl4.js"));
+const Actions = lazy(() => import("./index-C0DQEghi.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);
@@ -10944,4 +11005,4 @@ export {
   CardHero as y,
   CardSelector as z
 };
-//# sourceMappingURL=components-BeF0rZJR.js.map
+//# sourceMappingURL=components-g2ds4ldw.js.map