@liveblocks/react-ui 2.24.0 → 2.25.0-aiprivatebeta0

package/dist/primitives/internal/Collapsible.cjs

@@ -0,0 +1,99 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+
+const RootContext = react.createContext(null);
+const Root = react.forwardRef(function Root2({ open, onOpenChange, disabled = false, ...props }, forwardedRef) {
+  const id = react.useId();
+  return /* @__PURE__ */ jsxRuntime.jsx(RootContext.Provider, {
+    value: { open, onOpenChange, disabled, contentId: id },
+    children: /* @__PURE__ */ jsxRuntime.jsx("div", {
+      ...props,
+      ref: forwardedRef,
+      "data-state": open ? "open" : "closed",
+      "data-disabled": disabled ? "" : void 0
+    })
+  });
+});
+const Trigger = react.forwardRef(
+  function Trigger2({ onClick, ...props }, forwardedRef) {
+    const context = react.useContext(RootContext);
+    if (!context) {
+      throw new Error("Collapsible.Trigger must be a descendant of Root");
+    }
+    const { open, disabled, contentId, onOpenChange } = context;
+    return /* @__PURE__ */ jsxRuntime.jsx("button", {
+      ...props,
+      ref: forwardedRef,
+      type: "button",
+      "aria-controls": contentId,
+      "aria-expanded": open || false,
+      "data-state": open ? "open" : "closed",
+      "data-disabled": disabled ? "" : void 0,
+      disabled,
+      onClick: (event) => {
+        onClick?.(event);
+        if (event.defaultPrevented)
+          return;
+        if (disabled)
+          return;
+        onOpenChange(!open);
+      }
+    });
+  }
+);
+const Content = react.forwardRef(
+  function Content2(props, forwardedRef) {
+    const rootContext = react.useContext(RootContext);
+    const divRef = react.useRef(null);
+    if (!rootContext)
+      throw new Error("Missing RootContext Provider");
+    const { open, onOpenChange, disabled, contentId } = rootContext;
+    react.useEffect(() => {
+      const element = divRef.current;
+      if (element === null)
+        return;
+      const isHiddenUntilFoundSupported = "onbeforematch" in document.body;
+      if (!isHiddenUntilFoundSupported)
+        return;
+      function handleBeforeMatch() {
+        onOpenChange(true);
+      }
+      element.addEventListener("beforematch", handleBeforeMatch);
+      return () => {
+        element.removeEventListener("beforematch", handleBeforeMatch);
+      };
+    }, [onOpenChange]);
+    react.useEffect(() => {
+      const element = divRef.current;
+      if (element === null)
+        return;
+      if (open)
+        return;
+      const isHiddenUntilFoundSupported = "onbeforematch" in document.body;
+      if (!isHiddenUntilFoundSupported)
+        return;
+      element.setAttribute("hidden", "until-found");
+      return () => {
+        element.removeAttribute("hidden");
+      };
+    }, [open]);
+    react.useImperativeHandle(forwardedRef, () => {
+      return divRef.current;
+    }, []);
+    return /* @__PURE__ */ jsxRuntime.jsx("div", {
+      ...props,
+      ref: divRef,
+      "data-state": open ? "open" : "closed",
+      "data-disabled": disabled ? "" : void 0,
+      id: contentId,
+      hidden: !open
+    });
+  }
+);
+
+exports.Content = Content;
+exports.Root = Root;
+exports.Trigger = Trigger;
+//# sourceMappingURL=Collapsible.cjs.map

package/dist/primitives/internal/Collapsible.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Collapsible.cjs","sources":["../../../src/primitives/internal/Collapsible.tsx"],"sourcesContent":["import type { HTMLAttributes } from \"react\";\nimport {\n  createContext,\n  forwardRef,\n  useContext,\n  useEffect,\n  useId,\n  useImperativeHandle,\n  useRef,\n} from \"react\";\n\n/* -------------------------------------------------------------------------------------------------\n * Root\n * -----------------------------------------------------------------------------------------------*/\n\nconst RootContext = createContext<{\n  open: boolean;\n  onOpenChange(open: boolean): void;\n\n  disabled: boolean;\n  contentId: string;\n} | null>(null);\n\nexport interface RootProps extends HTMLAttributes<HTMLDivElement> {\n  open: boolean;\n  onOpenChange(open: boolean): void;\n  disabled?: boolean;\n}\n\nexport const Root = forwardRef<HTMLDivElement, RootProps>(function Root(\n  { open, onOpenChange, disabled = false, ...props },\n  forwardedRef\n) {\n  const id = useId();\n\n  return (\n    <RootContext.Provider\n      value={{ open, onOpenChange, disabled, contentId: id }}\n    >\n      <div\n        {...props}\n        ref={forwardedRef}\n        data-state={open ? \"open\" : \"closed\"}\n        data-disabled={disabled ? \"\" : undefined}\n      />\n    </RootContext.Provider>\n  );\n});\n\n/* -------------------------------------------------------------------------------------------------\n * Trigger\n * -----------------------------------------------------------------------------------------------*/\ninterface TriggerProps extends HTMLAttributes<HTMLButtonElement> {}\n\nexport const Trigger = forwardRef<HTMLButtonElement, TriggerProps>(\n  function Trigger({ onClick, ...props }, forwardedRef) {\n    const context = useContext(RootContext);\n\n    if (!context) {\n      throw new Error(\"Collapsible.Trigger must be a descendant of Root\");\n    }\n\n    const { open, disabled, contentId, onOpenChange } = context;\n\n    return (\n      <button\n        {...props}\n        ref={forwardedRef}\n        type=\"button\"\n        aria-controls={contentId}\n        aria-expanded={open || false}\n        data-state={open ? \"open\" : \"closed\"}\n        data-disabled={disabled ? \"\" : undefined}\n        disabled={disabled}\n        onClick={(event) => {\n          onClick?.(event);\n          if (event.defaultPrevented) return;\n          if (disabled) return;\n          onOpenChange(!open);\n        }}\n      />\n    );\n  }\n);\n\n/* -------------------------------------------------------------------------------------------------\n * Content\n * -----------------------------------------------------------------------------------------------*/\n\ninterface ContentProps extends HTMLAttributes<HTMLDivElement> {}\n\nexport const Content = forwardRef<HTMLDivElement, ContentProps>(\n  function Content(props, forwardedRef) {\n    const rootContext = useContext(RootContext);\n    const divRef = useRef<HTMLDivElement>(null);\n\n    if (!rootContext) throw new Error(\"Missing RootContext Provider\");\n\n    const { open, onOpenChange, disabled, contentId } = rootContext;\n\n    useEffect(() => {\n      const element = divRef.current;\n      if (element === null) return;\n\n      const isHiddenUntilFoundSupported = \"onbeforematch\" in document.body;\n      if (!isHiddenUntilFoundSupported) return;\n\n      function handleBeforeMatch() {\n        onOpenChange(true);\n      }\n\n      // https://developer.chrome.com/articles/hidden-until-found/\n      element.addEventListener(\"beforematch\", handleBeforeMatch);\n      return () => {\n        element.removeEventListener(\"beforematch\", handleBeforeMatch);\n      };\n    }, [onOpenChange]);\n\n    // Passing `string` to `hidden` in JSX is not currently supported: https://github.com/facebook/react/issues/24740\n    useEffect(() => {\n      const element = divRef.current;\n      if (element === null) return;\n\n      if (open) return;\n\n      const isHiddenUntilFoundSupported = \"onbeforematch\" in document.body;\n      if (!isHiddenUntilFoundSupported) return;\n\n      element.setAttribute(\"hidden\", \"until-found\");\n      return () => {\n        element.removeAttribute(\"hidden\");\n      };\n    }, [open]);\n\n    useImperativeHandle<\n      HTMLDivElement | null,\n      HTMLDivElement | null\n    >(forwardedRef, () => {\n      return divRef.current;\n    }, []);\n\n    return (\n      <div\n        {...props}\n        ref={divRef}\n        data-state={open ? \"open\" : \"closed\"}\n        data-disabled={disabled ? \"\" : undefined}\n        id={contentId}\n        hidden={!open}\n      />\n    );\n  }\n);\n"],"names":["createContext","forwardRef","Root","useId","jsx","Trigger","useContext","Content","useRef","useEffect","useImperativeHandle"],"mappings":"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"}

package/dist/primitives/internal/Collapsible.js

@@ -0,0 +1,95 @@
+import { jsx } from 'react/jsx-runtime';
+import { createContext, forwardRef, useId, useContext, useRef, useEffect, useImperativeHandle } from 'react';
+
+const RootContext = createContext(null);
+const Root = forwardRef(function Root2({ open, onOpenChange, disabled = false, ...props }, forwardedRef) {
+  const id = useId();
+  return /* @__PURE__ */ jsx(RootContext.Provider, {
+    value: { open, onOpenChange, disabled, contentId: id },
+    children: /* @__PURE__ */ jsx("div", {
+      ...props,
+      ref: forwardedRef,
+      "data-state": open ? "open" : "closed",
+      "data-disabled": disabled ? "" : void 0
+    })
+  });
+});
+const Trigger = forwardRef(
+  function Trigger2({ onClick, ...props }, forwardedRef) {
+    const context = useContext(RootContext);
+    if (!context) {
+      throw new Error("Collapsible.Trigger must be a descendant of Root");
+    }
+    const { open, disabled, contentId, onOpenChange } = context;
+    return /* @__PURE__ */ jsx("button", {
+      ...props,
+      ref: forwardedRef,
+      type: "button",
+      "aria-controls": contentId,
+      "aria-expanded": open || false,
+      "data-state": open ? "open" : "closed",
+      "data-disabled": disabled ? "" : void 0,
+      disabled,
+      onClick: (event) => {
+        onClick?.(event);
+        if (event.defaultPrevented)
+          return;
+        if (disabled)
+          return;
+        onOpenChange(!open);
+      }
+    });
+  }
+);
+const Content = forwardRef(
+  function Content2(props, forwardedRef) {
+    const rootContext = useContext(RootContext);
+    const divRef = useRef(null);
+    if (!rootContext)
+      throw new Error("Missing RootContext Provider");
+    const { open, onOpenChange, disabled, contentId } = rootContext;
+    useEffect(() => {
+      const element = divRef.current;
+      if (element === null)
+        return;
+      const isHiddenUntilFoundSupported = "onbeforematch" in document.body;
+      if (!isHiddenUntilFoundSupported)
+        return;
+      function handleBeforeMatch() {
+        onOpenChange(true);
+      }
+      element.addEventListener("beforematch", handleBeforeMatch);
+      return () => {
+        element.removeEventListener("beforematch", handleBeforeMatch);
+      };
+    }, [onOpenChange]);
+    useEffect(() => {
+      const element = divRef.current;
+      if (element === null)
+        return;
+      if (open)
+        return;
+      const isHiddenUntilFoundSupported = "onbeforematch" in document.body;
+      if (!isHiddenUntilFoundSupported)
+        return;
+      element.setAttribute("hidden", "until-found");
+      return () => {
+        element.removeAttribute("hidden");
+      };
+    }, [open]);
+    useImperativeHandle(forwardedRef, () => {
+      return divRef.current;
+    }, []);
+    return /* @__PURE__ */ jsx("div", {
+      ...props,
+      ref: divRef,
+      "data-state": open ? "open" : "closed",
+      "data-disabled": disabled ? "" : void 0,
+      id: contentId,
+      hidden: !open
+    });
+  }
+);
+
+export { Content, Root, Trigger };
+//# sourceMappingURL=Collapsible.js.map

package/dist/primitives/internal/Collapsible.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Collapsible.js","sources":["../../../src/primitives/internal/Collapsible.tsx"],"sourcesContent":["import type { HTMLAttributes } from \"react\";\nimport {\n  createContext,\n  forwardRef,\n  useContext,\n  useEffect,\n  useId,\n  useImperativeHandle,\n  useRef,\n} from \"react\";\n\n/* -------------------------------------------------------------------------------------------------\n * Root\n * -----------------------------------------------------------------------------------------------*/\n\nconst RootContext = createContext<{\n  open: boolean;\n  onOpenChange(open: boolean): void;\n\n  disabled: boolean;\n  contentId: string;\n} | null>(null);\n\nexport interface RootProps extends HTMLAttributes<HTMLDivElement> {\n  open: boolean;\n  onOpenChange(open: boolean): void;\n  disabled?: boolean;\n}\n\nexport const Root = forwardRef<HTMLDivElement, RootProps>(function Root(\n  { open, onOpenChange, disabled = false, ...props },\n  forwardedRef\n) {\n  const id = useId();\n\n  return (\n    <RootContext.Provider\n      value={{ open, onOpenChange, disabled, contentId: id }}\n    >\n      <div\n        {...props}\n        ref={forwardedRef}\n        data-state={open ? \"open\" : \"closed\"}\n        data-disabled={disabled ? \"\" : undefined}\n      />\n    </RootContext.Provider>\n  );\n});\n\n/* -------------------------------------------------------------------------------------------------\n * Trigger\n * -----------------------------------------------------------------------------------------------*/\ninterface TriggerProps extends HTMLAttributes<HTMLButtonElement> {}\n\nexport const Trigger = forwardRef<HTMLButtonElement, TriggerProps>(\n  function Trigger({ onClick, ...props }, forwardedRef) {\n    const context = useContext(RootContext);\n\n    if (!context) {\n      throw new Error(\"Collapsible.Trigger must be a descendant of Root\");\n    }\n\n    const { open, disabled, contentId, onOpenChange } = context;\n\n    return (\n      <button\n        {...props}\n        ref={forwardedRef}\n        type=\"button\"\n        aria-controls={contentId}\n        aria-expanded={open || false}\n        data-state={open ? \"open\" : \"closed\"}\n        data-disabled={disabled ? \"\" : undefined}\n        disabled={disabled}\n        onClick={(event) => {\n          onClick?.(event);\n          if (event.defaultPrevented) return;\n          if (disabled) return;\n          onOpenChange(!open);\n        }}\n      />\n    );\n  }\n);\n\n/* -------------------------------------------------------------------------------------------------\n * Content\n * -----------------------------------------------------------------------------------------------*/\n\ninterface ContentProps extends HTMLAttributes<HTMLDivElement> {}\n\nexport const Content = forwardRef<HTMLDivElement, ContentProps>(\n  function Content(props, forwardedRef) {\n    const rootContext = useContext(RootContext);\n    const divRef = useRef<HTMLDivElement>(null);\n\n    if (!rootContext) throw new Error(\"Missing RootContext Provider\");\n\n    const { open, onOpenChange, disabled, contentId } = rootContext;\n\n    useEffect(() => {\n      const element = divRef.current;\n      if (element === null) return;\n\n      const isHiddenUntilFoundSupported = \"onbeforematch\" in document.body;\n      if (!isHiddenUntilFoundSupported) return;\n\n      function handleBeforeMatch() {\n        onOpenChange(true);\n      }\n\n      // https://developer.chrome.com/articles/hidden-until-found/\n      element.addEventListener(\"beforematch\", handleBeforeMatch);\n      return () => {\n        element.removeEventListener(\"beforematch\", handleBeforeMatch);\n      };\n    }, [onOpenChange]);\n\n    // Passing `string` to `hidden` in JSX is not currently supported: https://github.com/facebook/react/issues/24740\n    useEffect(() => {\n      const element = divRef.current;\n      if (element === null) return;\n\n      if (open) return;\n\n      const isHiddenUntilFoundSupported = \"onbeforematch\" in document.body;\n      if (!isHiddenUntilFoundSupported) return;\n\n      element.setAttribute(\"hidden\", \"until-found\");\n      return () => {\n        element.removeAttribute(\"hidden\");\n      };\n    }, [open]);\n\n    useImperativeHandle<\n      HTMLDivElement | null,\n      HTMLDivElement | null\n    >(forwardedRef, () => {\n      return divRef.current;\n    }, []);\n\n    return (\n      <div\n        {...props}\n        ref={divRef}\n        data-state={open ? \"open\" : \"closed\"}\n        data-disabled={disabled ? \"\" : undefined}\n        id={contentId}\n        hidden={!open}\n      />\n    );\n  }\n);\n"],"names":["Root","Trigger","Content"],"mappings":"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"}

package/dist/primitives/internal/Markdown.cjs

@@ -0,0 +1,444 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var marked = require('marked');
+var react = require('react');
+
+function Markdown({ content }) {
+  const tokens = react.useMemo(() => {
+    return new marked.Lexer().lex(content);
+  }, [content]);
+  return tokens.map((token, index) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(BlockTokenComp, {
+      token
+    }, index);
+  });
+}
+function BlockTokenComp({ token }) {
+  switch (token.type) {
+    case "space": {
+      return null;
+    }
+    case "code": {
+      let language = null;
+      if (token.lang !== void 0) {
+        language = token.lang.match(/^\S*/)?.[0] ?? null;
+      }
+      return /* @__PURE__ */ jsxRuntime.jsx("pre", {
+        "data-language": language || void 0,
+        children: /* @__PURE__ */ jsxRuntime.jsx("code", {
+          children: token.text
+        })
+      });
+    }
+    case "blockquote": {
+      const tokens = [];
+      for (let i = 0; i < token.tokens.length; i++) {
+        switch (token.tokens[i].type) {
+          case "space":
+          case "code":
+          case "blockquote":
+          case "html":
+          case "heading":
+          case "hr":
+          case "list":
+          case "paragraph":
+          case "table": {
+            tokens.push(token.tokens[i]);
+            break;
+          }
+          case "text": {
+            const texts = [token.tokens[i]];
+            while (i + 1 < token.tokens.length && token.tokens[i + 1].type === "text") {
+              i++;
+              texts.push(token.tokens[i]);
+            }
+            tokens.push({
+              type: "paragraph",
+              tokens: texts,
+              raw: texts.map((text) => text.raw).join(""),
+              text: texts.map((text) => text.text).join("")
+            });
+            break;
+          }
+          default: {
+            continue;
+          }
+        }
+      }
+      return /* @__PURE__ */ jsxRuntime.jsx("blockquote", {
+        children: tokens.map((token2, index) => {
+          return /* @__PURE__ */ jsxRuntime.jsx(BlockTokenComp, {
+            token: token2
+          }, index);
+        })
+      });
+    }
+    case "html": {
+      return token.text;
+    }
+    case "heading": {
+      let HeadingTag;
+      switch (token.depth) {
+        case 1:
+          HeadingTag = "h1";
+          break;
+        case 2:
+          HeadingTag = "h2";
+          break;
+        case 3:
+          HeadingTag = "h3";
+          break;
+        case 4:
+          HeadingTag = "h4";
+          break;
+        case 5:
+          HeadingTag = "h5";
+          break;
+        case 6:
+          HeadingTag = "h6";
+          break;
+        default:
+          HeadingTag = "h1";
+          break;
+      }
+      return /* @__PURE__ */ jsxRuntime.jsx(HeadingTag, {
+        children: token.tokens.map((token2, index) => /* @__PURE__ */ jsxRuntime.jsx(InlineTokenComp, {
+          token: token2
+        }, index))
+      });
+    }
+    case "hr": {
+      return /* @__PURE__ */ jsxRuntime.jsx("hr", {});
+    }
+    case "list": {
+      const ListTag = token.ordered ? "ol" : "ul";
+      return /* @__PURE__ */ jsxRuntime.jsx(ListTag, {
+        children: token.items.map((item, index) => {
+          if (item.loose) {
+            if (item.task) {
+              const tokens = [...item.tokens];
+              if (tokens[0]?.type === "paragraph") {
+                const token2 = tokens[0];
+                token2.tokens.unshift(
+                  {
+                    type: "checkbox",
+                    checked: item.checked,
+                    raw: ""
+                  },
+                  {
+                    type: "text",
+                    text: " ",
+                    raw: " ",
+                    escaped: false
+                  }
+                );
+              } else {
+                tokens.unshift(
+                  {
+                    type: "checkbox",
+                    checked: item.checked,
+                    raw: ""
+                  },
+                  {
+                    type: "text",
+                    text: " ",
+                    raw: " ",
+                    escaped: false
+                  }
+                );
+              }
+              const items = [];
+              for (let i = 0; i < tokens.length; i++) {
+                switch (tokens[i].type) {
+                  case "space":
+                  case "code":
+                  case "blockquote":
+                  case "html":
+                  case "heading":
+                  case "hr":
+                  case "list":
+                  case "paragraph":
+                  case "table": {
+                    items.push(tokens[i]);
+                    break;
+                  }
+                  case "text":
+                  case "checkbox": {
+                    const texts = [
+                      tokens[i]
+                    ];
+                    while (i + 1 < tokens.length && tokens[i + 1].type === "text") {
+                      i++;
+                      texts.push(tokens[i]);
+                    }
+                    items.push({
+                      type: "paragraph",
+                      tokens: texts,
+                      raw: texts.map((text) => text.raw).join(""),
+                      text: texts.map((text) => text.text).join("")
+                    });
+                    break;
+                  }
+                  default: {
+                    continue;
+                  }
+                }
+              }
+              return /* @__PURE__ */ jsxRuntime.jsx("li", {
+                children: items.map((token2, index2) => {
+                  return /* @__PURE__ */ jsxRuntime.jsx(BlockTokenComp, {
+                    token: token2
+                  }, index2);
+                })
+              }, index);
+            } else {
+              const tokens = [];
+              for (let i = 0; i < item.tokens.length; i++) {
+                switch (item.tokens[i].type) {
+                  case "space":
+                  case "code":
+                  case "blockquote":
+                  case "html":
+                  case "heading":
+                  case "hr":
+                  case "list":
+                  case "paragraph":
+                  case "table": {
+                    tokens.push(item.tokens[i]);
+                    break;
+                  }
+                  case "text": {
+                    const texts = [
+                      item.tokens[i]
+                    ];
+                    while (i + 1 < item.tokens.length && item.tokens[i + 1].type === "text") {
+                      i++;
+                      texts.push(item.tokens[i]);
+                    }
+                    tokens.push({
+                      type: "paragraph",
+                      tokens: texts,
+                      raw: texts.map((text) => text.raw).join(""),
+                      text: texts.map((text) => text.text).join("")
+                    });
+                    break;
+                  }
+                  default: {
+                    continue;
+                  }
+                }
+              }
+              return /* @__PURE__ */ jsxRuntime.jsx("li", {
+                children: tokens.map((token2, index2) => {
+                  return /* @__PURE__ */ jsxRuntime.jsx(BlockTokenComp, {
+                    token: token2
+                  }, index2);
+                })
+              }, index);
+            }
+          } else {
+            const Items = item.tokens.map((token2, index2) => {
+              switch (token2.type) {
+                case "space":
+                case "code":
+                case "blockquote":
+                case "html":
+                case "heading":
+                case "hr":
+                case "list":
+                case "paragraph":
+                case "table": {
+                  return /* @__PURE__ */ jsxRuntime.jsx(BlockTokenComp, {
+                    token: token2
+                  }, index2);
+                }
+                case "text": {
+                  return /* @__PURE__ */ jsxRuntime.jsx(InlineTokenComp, {
+                    token: token2
+                  }, index2);
+                }
+                default: {
+                  return null;
+                }
+              }
+            });
+            if (item.task) {
+              return /* @__PURE__ */ jsxRuntime.jsxs("li", {
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("input", {
+                    type: "checkbox",
+                    disabled: true,
+                    checked: item.checked
+                  }),
+                  " ",
+                  Items
+                ]
+              }, index);
+            } else {
+              return /* @__PURE__ */ jsxRuntime.jsx("li", {
+                children: Items
+              }, index);
+            }
+          }
+        })
+      });
+    }
+    case "paragraph": {
+      return /* @__PURE__ */ jsxRuntime.jsx("p", {
+        children: token.tokens.map((token2, index) => /* @__PURE__ */ jsxRuntime.jsx(InlineTokenComp, {
+          token: token2
+        }, index))
+      });
+    }
+    case "table": {
+      return /* @__PURE__ */ jsxRuntime.jsxs("table", {
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("thead", {
+            children: /* @__PURE__ */ jsxRuntime.jsx("tr", {
+              children: token.header.map((cell, index) => {
+                return /* @__PURE__ */ jsxRuntime.jsx("th", {
+                  align: cell.align ?? void 0,
+                  children: cell.tokens.map((token2, index2) => /* @__PURE__ */ jsxRuntime.jsx(InlineTokenComp, {
+                    token: token2
+                  }, index2))
+                }, index);
+              })
+            })
+          }),
+          /* @__PURE__ */ jsxRuntime.jsx("tbody", {
+            children: token.rows.map((row, index) => {
+              return /* @__PURE__ */ jsxRuntime.jsx("tr", {
+                children: row.map((cell, index2) => {
+                  return /* @__PURE__ */ jsxRuntime.jsx("td", {
+                    align: cell.align ?? void 0,
+                    children: cell.tokens.map((token2, index3) => /* @__PURE__ */ jsxRuntime.jsx(InlineTokenComp, {
+                      token: token2
+                    }, index3))
+                  }, index2);
+                })
+              }, index);
+            })
+          })
+        ]
+      });
+    }
+  }
+}
+function InlineTokenComp({
+  token
+}) {
+  switch (token.type) {
+    case "strong": {
+      return /* @__PURE__ */ jsxRuntime.jsx("strong", {
+        children: token.tokens.map((token2, index) => /* @__PURE__ */ jsxRuntime.jsx(InlineTokenComp, {
+          token: token2
+        }, index))
+      });
+    }
+    case "em": {
+      return /* @__PURE__ */ jsxRuntime.jsx("em", {
+        children: token.tokens.map((token2, index) => /* @__PURE__ */ jsxRuntime.jsx(InlineTokenComp, {
+          token: token2
+        }, index))
+      });
+    }
+    case "codespan": {
+      return /* @__PURE__ */ jsxRuntime.jsx("code", {
+        children: parseHtmlEntities(token.text)
+      });
+    }
+    case "br": {
+      return /* @__PURE__ */ jsxRuntime.jsx("br", {});
+    }
+    case "del": {
+      return /* @__PURE__ */ jsxRuntime.jsx("del", {
+        children: token.tokens.map((token2, index) => /* @__PURE__ */ jsxRuntime.jsx(InlineTokenComp, {
+          token: token2
+        }, index))
+      });
+    }
+    case "link": {
+      let href;
+      try {
+        const url = new URL(token.href);
+        if (url.protocol === "http:" || url.protocol === "https:") {
+          href = url.toString();
+        } else {
+          href = null;
+        }
+      } catch {
+        href = null;
+      }
+      if (href === null) {
+        return token.tokens.map((token2, index) => /* @__PURE__ */ jsxRuntime.jsx(InlineTokenComp, {
+          token: token2
+        }, index));
+      }
+      return /* @__PURE__ */ jsxRuntime.jsx("a", {
+        href,
+        title: token.title ? token.title : void 0,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        children: token.tokens.map((token2, index) => /* @__PURE__ */ jsxRuntime.jsx(InlineTokenComp, {
+          token: token2
+        }, index))
+      });
+    }
+    case "image": {
+      let href;
+      try {
+        const url = new URL(token.href);
+        if (url.protocol === "http:" || url.protocol === "https:") {
+          href = url.toString();
+        } else {
+          href = null;
+        }
+      } catch {
+        href = null;
+      }
+      if (href === null) {
+        return token.text;
+      }
+      return /* @__PURE__ */ jsxRuntime.jsx("img", {
+        src: href,
+        alt: token.text,
+        title: token.title ?? void 0
+      });
+    }
+    case "text": {
+      if (token.tokens !== void 0) {
+        return token.tokens.map((token2, index) => /* @__PURE__ */ jsxRuntime.jsx(InlineTokenComp, {
+          token: token2
+        }, index));
+      } else {
+        return parseHtmlEntities(token.text);
+      }
+    }
+    case "escape": {
+      return token.text;
+    }
+    case "checkbox": {
+      return /* @__PURE__ */ jsxRuntime.jsx("input", {
+        type: "checkbox",
+        disabled: true,
+        checked: token.checked
+      });
+    }
+    default: {
+      return null;
+    }
+  }
+}
+function parseHtmlEntities(input) {
+  const document = new DOMParser().parseFromString(
+    `<!doctype html><body>${input}`,
+    "text/html"
+  );
+  return document.body.textContent;
+}
+
+exports.BlockTokenComp = BlockTokenComp;
+exports.Markdown = Markdown;
+exports.parseHtmlEntities = parseHtmlEntities;
+//# sourceMappingURL=Markdown.cjs.map