@almadar/ui 5.21.3 → 5.21.5

package/dist/components/index.cjs

@@ -14,10 +14,6 @@ var evaluator = require('@almadar/evaluator');
 var reactDom = require('react-dom');
 var reactRouterDom = require('react-router-dom');
 var ELK = require('elkjs/lib/elk.bundled.js');
-var ReactMarkdown = require('react-markdown');
-var remarkGfm = require('remark-gfm');
-var remarkMath = require('remark-math');
-var rehypeKatex = require('rehype-katex');
 var SyntaxHighlighter = require('react-syntax-highlighter/dist/esm/prism-light.js');
 var dark = require('react-syntax-highlighter/dist/esm/styles/prism/vsc-dark-plus.js');
 var syntax = require('@almadar/syntax');
@@ -37,6 +33,10 @@ var langDiff = require('react-syntax-highlighter/dist/esm/languages/prism/diff.j
 var langToml = require('react-syntax-highlighter/dist/esm/languages/prism/toml.js');
 var langGo = require('react-syntax-highlighter/dist/esm/languages/prism/go.js');
 var langGraphql = require('react-syntax-highlighter/dist/esm/languages/prism/graphql.js');
+var ReactMarkdown = require('react-markdown');
+var remarkGfm = require('remark-gfm');
+var remarkMath = require('remark-math');
+var rehypeKatex = require('rehype-katex');
 var core$1 = require('@almadar/core');
 var core = require('@dnd-kit/core');
 var sortable = require('@dnd-kit/sortable');
@@ -73,10 +73,6 @@ var PhosphorIcons__namespace = /*#__PURE__*/_interopNamespace(PhosphorIcons);
 var TablerIcons__namespace = /*#__PURE__*/_interopNamespace(TablerIcons);
 var FaIcons__namespace = /*#__PURE__*/_interopNamespace(FaIcons);
 var ELK__default = /*#__PURE__*/_interopDefault(ELK);
-var ReactMarkdown__default = /*#__PURE__*/_interopDefault(ReactMarkdown);
-var remarkGfm__default = /*#__PURE__*/_interopDefault(remarkGfm);
-var remarkMath__default = /*#__PURE__*/_interopDefault(remarkMath);
-var rehypeKatex__default = /*#__PURE__*/_interopDefault(rehypeKatex);
 var SyntaxHighlighter__default = /*#__PURE__*/_interopDefault(SyntaxHighlighter);
 var dark__default = /*#__PURE__*/_interopDefault(dark);
 var langJson__default = /*#__PURE__*/_interopDefault(langJson);
@@ -95,6 +91,10 @@ var langDiff__default = /*#__PURE__*/_interopDefault(langDiff);
 var langToml__default = /*#__PURE__*/_interopDefault(langToml);
 var langGo__default = /*#__PURE__*/_interopDefault(langGo);
 var langGraphql__default = /*#__PURE__*/_interopDefault(langGraphql);
+var ReactMarkdown__default = /*#__PURE__*/_interopDefault(ReactMarkdown);
+var remarkGfm__default = /*#__PURE__*/_interopDefault(remarkGfm);
+var remarkMath__default = /*#__PURE__*/_interopDefault(remarkMath);
+var rehypeKatex__default = /*#__PURE__*/_interopDefault(rehypeKatex);
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -12347,137 +12347,6 @@ var init_katex_min = __esm({
   "node_modules/katex/dist/katex.min.css"() {
   }
 });
-exports.MarkdownContent = void 0;
-var init_MarkdownContent = __esm({
-  "components/core/molecules/markdown/MarkdownContent.tsx"() {
-    init_katex_min();
-    init_Box();
-    init_useTranslate();
-    init_cn();
-    exports.MarkdownContent = React79__namespace.default.memo(
-      ({ content, direction, className }) => {
-        const { t: _t } = useTranslate();
-        const safeContent = typeof content === "string" ? content : String(content ?? "");
-        return /* @__PURE__ */ jsxRuntime.jsx(
-          exports.Box,
-          {
-            className: cn("prose max-w-none", className),
-            style: {
-              color: "var(--color-foreground)",
-              "--tw-prose-body": "var(--color-foreground)",
-              "--tw-prose-headings": "var(--color-foreground)",
-              "--tw-prose-lead": "var(--color-muted-foreground)",
-              "--tw-prose-links": "var(--color-primary)",
-              "--tw-prose-bold": "var(--color-foreground)",
-              "--tw-prose-counters": "var(--color-muted-foreground)",
-              "--tw-prose-bullets": "var(--color-muted-foreground)",
-              "--tw-prose-hr": "var(--color-border)",
-              "--tw-prose-quotes": "var(--color-foreground)",
-              "--tw-prose-quote-borders": "var(--color-primary)",
-              "--tw-prose-captions": "var(--color-muted-foreground)",
-              "--tw-prose-code": "var(--color-foreground)",
-              "--tw-prose-pre-code": "var(--color-foreground)",
-              "--tw-prose-pre-bg": "var(--color-muted)",
-              "--tw-prose-th-borders": "var(--color-border)",
-              "--tw-prose-td-borders": "var(--color-border)",
-              direction
-            },
-            children: /* @__PURE__ */ jsxRuntime.jsx(
-              ReactMarkdown__default.default,
-              {
-                remarkPlugins: [remarkMath__default.default, remarkGfm__default.default],
-                rehypePlugins: [
-                  [rehypeKatex__default.default, { strict: false, throwOnError: false }]
-                ],
-                components: {
-                  // Handle inline code only — fenced code blocks are parsed out separately
-                  code({ className: codeClassName, children, ...props }) {
-                    return /* @__PURE__ */ jsxRuntime.jsx(
-                      "code",
-                      {
-                        ...props,
-                        className: codeClassName,
-                        style: {
-                          backgroundColor: "var(--color-muted)",
-                          color: "var(--color-foreground)",
-                          border: "1px solid var(--color-border)",
-                          padding: "0.125rem 0.375rem",
-                          borderRadius: "0.25rem",
-                          fontSize: "0.875em",
-                          fontFamily: "ui-monospace, monospace"
-                        },
-                        children
-                      }
-                    );
-                  },
-                  // Style links
-                  a({ href, children, ...props }) {
-                    return /* @__PURE__ */ jsxRuntime.jsx(
-                      "a",
-                      {
-                        href,
-                        ...props,
-                        className: "text-[var(--color-primary)] hover:underline",
-                        target: href?.startsWith("http") ? "_blank" : void 0,
-                        rel: href?.startsWith("http") ? "noopener noreferrer" : void 0,
-                        children
-                      }
-                    );
-                  },
-                  // Style tables
-                  table({ children, ...props }) {
-                    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-x-auto my-4", children: /* @__PURE__ */ jsxRuntime.jsx(
-                      "table",
-                      {
-                        ...props,
-                        className: "min-w-full border-collapse border border-[var(--color-border)]",
-                        children
-                      }
-                    ) });
-                  },
-                  th({ children, ...props }) {
-                    return /* @__PURE__ */ jsxRuntime.jsx(
-                      "th",
-                      {
-                        ...props,
-                        className: "border border-[var(--color-border)] bg-[var(--color-muted)] px-4 py-2 text-left font-semibold",
-                        children
-                      }
-                    );
-                  },
-                  td({ children, ...props }) {
-                    return /* @__PURE__ */ jsxRuntime.jsx(
-                      "td",
-                      {
-                        ...props,
-                        className: "border border-[var(--color-border)] px-4 py-2",
-                        children
-                      }
-                    );
-                  },
-                  // Style blockquotes
-                  blockquote({ children, ...props }) {
-                    return /* @__PURE__ */ jsxRuntime.jsx(
-                      "blockquote",
-                      {
-                        ...props,
-                        className: "border-l-4 border-[var(--color-primary)] pl-4 italic text-[var(--color-foreground)] my-4",
-                        children
-                      }
-                    );
-                  }
-                },
-                children: safeContent
-              }
-            )
-          }
-        );
-      },
-      (prev, next) => prev.content === next.content && prev.className === next.className && prev.direction === next.direction
-    );
-    exports.MarkdownContent.displayName = "MarkdownContent";
-  }
-});
 function computeFoldRegions(code) {
   const lines = code.split("\n");
   const regions = [];
@@ -13023,6 +12892,181 @@ var init_CodeBlock = __esm({
     exports.CodeBlock.displayName = "CodeBlock";
   }
 });
+exports.MarkdownContent = void 0;
+var init_MarkdownContent = __esm({
+  "components/core/molecules/markdown/MarkdownContent.tsx"() {
+    init_katex_min();
+    init_Box();
+    init_CodeBlock();
+    init_useTranslate();
+    init_cn();
+    exports.MarkdownContent = React79__namespace.default.memo(
+      ({ content, direction, className }) => {
+        const { t: _t } = useTranslate();
+        const safeContent = typeof content === "string" ? content : String(content ?? "");
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          exports.Box,
+          {
+            className: cn("prose max-w-none", className),
+            style: {
+              color: "var(--color-foreground)",
+              "--tw-prose-body": "var(--color-foreground)",
+              "--tw-prose-headings": "var(--color-foreground)",
+              "--tw-prose-lead": "var(--color-muted-foreground)",
+              "--tw-prose-links": "var(--color-primary)",
+              "--tw-prose-bold": "var(--color-foreground)",
+              "--tw-prose-counters": "var(--color-muted-foreground)",
+              "--tw-prose-bullets": "var(--color-muted-foreground)",
+              "--tw-prose-hr": "var(--color-border)",
+              "--tw-prose-quotes": "var(--color-foreground)",
+              "--tw-prose-quote-borders": "var(--color-primary)",
+              "--tw-prose-captions": "var(--color-muted-foreground)",
+              "--tw-prose-code": "var(--color-foreground)",
+              "--tw-prose-pre-code": "var(--color-foreground)",
+              "--tw-prose-pre-bg": "var(--color-muted)",
+              "--tw-prose-th-borders": "var(--color-border)",
+              "--tw-prose-td-borders": "var(--color-border)",
+              direction
+            },
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              ReactMarkdown__default.default,
+              {
+                remarkPlugins: [remarkMath__default.default, remarkGfm__default.default],
+                rehypePlugins: [
+                  [rehypeKatex__default.default, { strict: false, throwOnError: false }]
+                ],
+                components: {
+                  code({
+                    className: codeClassName,
+                    children,
+                    inline,
+                    ...props
+                  }) {
+                    if (!inline) {
+                      const match = /language-(\w+)/.exec(codeClassName ?? "");
+                      const code = String(children).replace(/\n$/, "");
+                      if (match) {
+                        return /* @__PURE__ */ jsxRuntime.jsx(
+                          exports.CodeBlock,
+                          {
+                            code,
+                            language: match[1],
+                            maxHeight: "60vh"
+                          }
+                        );
+                      }
+                      return /* @__PURE__ */ jsxRuntime.jsx(
+                        "pre",
+                        {
+                          style: {
+                            backgroundColor: "var(--color-muted)",
+                            color: "var(--color-foreground)",
+                            padding: "1rem",
+                            borderRadius: "0.5rem",
+                            overflow: "auto",
+                            margin: 0
+                          },
+                          children: /* @__PURE__ */ jsxRuntime.jsx(
+                            "code",
+                            {
+                              ...props,
+                              className: codeClassName,
+                              style: {
+                                fontFamily: "ui-monospace, monospace",
+                                fontSize: "0.875em"
+                              },
+                              children
+                            }
+                          )
+                        }
+                      );
+                    }
+                    return /* @__PURE__ */ jsxRuntime.jsx(
+                      "code",
+                      {
+                        ...props,
+                        className: codeClassName,
+                        style: {
+                          backgroundColor: "var(--color-muted)",
+                          color: "var(--color-foreground)",
+                          border: "1px solid var(--color-border)",
+                          padding: "0.125rem 0.375rem",
+                          borderRadius: "0.25rem",
+                          fontSize: "0.875em",
+                          fontFamily: "ui-monospace, monospace"
+                        },
+                        children
+                      }
+                    );
+                  },
+                  // Style links
+                  a({ href, children, ...props }) {
+                    return /* @__PURE__ */ jsxRuntime.jsx(
+                      "a",
+                      {
+                        href,
+                        ...props,
+                        className: "text-[var(--color-primary)] hover:underline",
+                        target: href?.startsWith("http") ? "_blank" : void 0,
+                        rel: href?.startsWith("http") ? "noopener noreferrer" : void 0,
+                        children
+                      }
+                    );
+                  },
+                  // Style tables
+                  table({ children, ...props }) {
+                    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-x-auto my-4", children: /* @__PURE__ */ jsxRuntime.jsx(
+                      "table",
+                      {
+                        ...props,
+                        className: "min-w-full border-collapse border border-[var(--color-border)]",
+                        children
+                      }
+                    ) });
+                  },
+                  th({ children, ...props }) {
+                    return /* @__PURE__ */ jsxRuntime.jsx(
+                      "th",
+                      {
+                        ...props,
+                        className: "border border-[var(--color-border)] bg-[var(--color-muted)] px-4 py-2 text-left font-semibold",
+                        children
+                      }
+                    );
+                  },
+                  td({ children, ...props }) {
+                    return /* @__PURE__ */ jsxRuntime.jsx(
+                      "td",
+                      {
+                        ...props,
+                        className: "border border-[var(--color-border)] px-4 py-2",
+                        children
+                      }
+                    );
+                  },
+                  // Style blockquotes
+                  blockquote({ children, ...props }) {
+                    return /* @__PURE__ */ jsxRuntime.jsx(
+                      "blockquote",
+                      {
+                        ...props,
+                        className: "border-l-4 border-[var(--color-primary)] pl-4 italic text-[var(--color-foreground)] my-4",
+                        children
+                      }
+                    );
+                  }
+                },
+                children: safeContent
+              }
+            )
+          }
+        );
+      },
+      (prev, next) => prev.content === next.content && prev.className === next.className && prev.direction === next.direction
+    );
+    exports.MarkdownContent.displayName = "MarkdownContent";
+  }
+});
 function useLongPress(onLongPress, options = {}) {
   const { duration = 500, moveThreshold = 10 } = options;
   const timerRef = React79.useRef(null);