@tangle-network/sandbox-ui 0.14.0 → 0.15.2

package/dist/chunk-T7HMZEVO.js

@@ -1,216 +0,0 @@
-import {
-  cn
-} from "./chunk-RQHJBTEU.js";
-
-// src/markdown/code-block.tsx
-import {
-  memo,
-  useCallback,
-  useEffect,
-  useRef,
-  useState
-} from "react";
-import SyntaxHighlighter from "react-syntax-highlighter";
-import { Check, Copy } from "lucide-react";
-import { jsx, jsxs } from "react/jsx-runtime";
-function getSyntaxTheme() {
-  const el = typeof document !== "undefined" ? document.documentElement : null;
-  const v = (name, fallback) => el ? getComputedStyle(el).getPropertyValue(name).trim() || fallback : fallback;
-  const comment = v("--syntax-comment", "#6B7094");
-  const keyword = v("--syntax-keyword", "#A78FFF");
-  const string = v("--syntax-string", "#10b981");
-  const fn = v("--syntax-function", "#6D9FFF");
-  const number = v("--syntax-number", "#FFB347");
-  const meta = v("--syntax-meta", "#8263FF");
-  const error = v("--syntax-error", "#FF4D6D");
-  const variable = v("--syntax-variable", "#C4C0D8");
-  const fg = v("--syntax-foreground", "#E8E6F6");
-  return {
-    "hljs-comment": { color: comment, fontStyle: "italic" },
-    "hljs-quote": { color: comment, fontStyle: "italic" },
-    "hljs-doctag": { color: comment },
-    "hljs-keyword": { color: keyword },
-    "hljs-selector-tag": { color: keyword },
-    "hljs-literal": { color: keyword },
-    "hljs-type": { color: keyword },
-    "hljs-class": { color: keyword },
-    "hljs-string": { color: string },
-    "hljs-template-tag": { color: string },
-    "hljs-template-variable": { color: string },
-    "hljs-addition": { color: string },
-    "hljs-regexp": { color: string },
-    "hljs-title": { color: fn },
-    "hljs-section": { color: fn },
-    "hljs-built_in": { color: fn },
-    "hljs-name": { color: fn },
-    "hljs-function": { color: fn },
-    "hljs-selector-id": { color: fn },
-    "hljs-selector-class": { color: fn },
-    "hljs-attribute": { color: fn },
-    "hljs-number": { color: number },
-    "hljs-symbol": { color: number },
-    "hljs-bullet": { color: number },
-    "hljs-link": { color: number, textDecoration: "underline" },
-    "hljs-meta": { color: meta },
-    "hljs-selector-pseudo": { color: meta },
-    "hljs-deletion": { color: error },
-    "hljs-params": { color: variable },
-    "hljs-variable": { color: variable },
-    "hljs-tag": { color: variable },
-    "hljs-attr": { color: variable },
-    "hljs-subst": { color: variable },
-    "hljs-strong": { fontWeight: "bold" },
-    "hljs-emphasis": { fontStyle: "italic" },
-    "hljs": { color: fg, background: "transparent" }
-  };
-}
-var LIGHT_THEMES = /* @__PURE__ */ new Set(["vault", "dawn"]);
-function detectLightTheme() {
-  return typeof document !== "undefined" && LIGHT_THEMES.has(document.documentElement.getAttribute("data-sandbox-theme") ?? "");
-}
-function useIsLightTheme() {
-  const [isLight, setIsLight] = useState(detectLightTheme);
-  useEffect(() => {
-    if (typeof document === "undefined") return;
-    setIsLight(detectLightTheme());
-    const observer = new MutationObserver(() => setIsLight(detectLightTheme()));
-    observer.observe(document.documentElement, {
-      attributes: true,
-      attributeFilter: ["data-sandbox-theme"]
-    });
-    return () => observer.disconnect();
-  }, []);
-  return isLight;
-}
-var CodeBlock = memo(
-  ({ code, language, showLineNumbers = false, light: lightProp, className, children, ...props }) => {
-    const isLight = useIsLightTheme();
-    const light = lightProp ?? isLight;
-    const theme = getSyntaxTheme();
-    const bg = "bg-card border-border";
-    const headerBg = light ? "bg-muted/50 border-border" : "bg-background border-border";
-    const langColor = "text-muted-foreground";
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: cn("group relative overflow-hidden rounded-lg border font-mono", bg, className),
-        ...props,
-        children: [
-          language && /* @__PURE__ */ jsxs("div", { className: cn("flex items-center justify-between border-b px-3 py-1", headerBg), children: [
-            /* @__PURE__ */ jsx("span", { className: cn("text-[calc(var(--font-size-xs)-1px)] font-mono font-medium uppercase tracking-widest", langColor), children: language }),
-            children
-          ] }),
-          !language && children && /* @__PURE__ */ jsx("div", { className: "absolute right-2 top-2 z-10 flex items-center gap-2 opacity-0 transition-opacity group-hover:opacity-100", children }),
-          /* @__PURE__ */ jsx(
-            SyntaxHighlighter,
-            {
-              language: language ?? "text",
-              style: theme,
-              showLineNumbers,
-              lineNumberStyle: {
-                color: light ? "#8B92B8" : "#4A4D6A",
-                minWidth: "2.5em",
-                paddingRight: "1em"
-              },
-              customStyle: {
-                margin: 0,
-                padding: "var(--code-padding-y, 0.625rem) var(--code-padding-x, 0.75rem)",
-                background: "transparent",
-                fontSize: "var(--code-font-size, 0.8125rem)",
-                lineHeight: "var(--code-line-height, 1.5)",
-                overflowX: "auto"
-              },
-              codeTagProps: { style: { fontFamily: "var(--font-mono, 'JetBrains Mono', ui-monospace, monospace)" } },
-              wrapLines: false,
-              children: code
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-CodeBlock.displayName = "CodeBlock";
-var CopyButton = memo(({ text }) => {
-  const [copied, setCopied] = useState(false);
-  const timerRef = useRef(null);
-  useEffect(() => {
-    return () => {
-      if (timerRef.current) clearTimeout(timerRef.current);
-    };
-  }, []);
-  const handleCopy = useCallback(async () => {
-    try {
-      await navigator.clipboard.writeText(text);
-      setCopied(true);
-      if (timerRef.current) clearTimeout(timerRef.current);
-      timerRef.current = setTimeout(() => setCopied(false), 2e3);
-    } catch (err) {
-      console.warn("Clipboard write failed:", err);
-    }
-  }, [text]);
-  return /* @__PURE__ */ jsx(
-    "button",
-    {
-      onClick: handleCopy,
-      className: "flex items-center justify-center w-6 h-6 rounded-md bg-muted border border-border hover:border-primary/20 transition-colors",
-      title: "Copy to clipboard",
-      children: copied ? /* @__PURE__ */ jsx(Check, { className: "w-3.5 h-3.5 text-emerald-500" }) : /* @__PURE__ */ jsx(Copy, { className: "w-3.5 h-3.5 text-muted-foreground" })
-    }
-  );
-});
-CopyButton.displayName = "CopyButton";
-
-// src/markdown/markdown.tsx
-import { memo as memo2 } from "react";
-import ReactMarkdown from "react-markdown";
-import remarkGfm from "remark-gfm";
-import rehypeSanitize from "rehype-sanitize";
-import { Fragment, jsx as jsx2 } from "react/jsx-runtime";
-var Markdown = memo2(({ children, className }) => {
-  return /* @__PURE__ */ jsx2(
-    "div",
-    {
-      className: cn("prose prose-sm dark:prose-invert max-w-none", className),
-      children: /* @__PURE__ */ jsx2(
-        ReactMarkdown,
-        {
-          remarkPlugins: [remarkGfm],
-          rehypePlugins: [rehypeSanitize],
-          components: {
-            pre({ children: preChildren }) {
-              return /* @__PURE__ */ jsx2(Fragment, { children: preChildren });
-            },
-            code({ className: codeClass, children: codeChildren, ...rest }) {
-              const match = /language-(\w+)/.exec(codeClass || "");
-              const language = match?.[1];
-              const code = String(codeChildren).replace(/\n$/, "");
-              if (!language && !code.includes("\n")) {
-                return /* @__PURE__ */ jsx2(
-                  "code",
-                  {
-                    className: cn(
-                      "px-1.5 py-0.5 rounded border border-border bg-card text-[var(--code-keyword)] text-[0.85em] font-mono",
-                      codeClass
-                    ),
-                    ...rest,
-                    children: codeChildren
-                  }
-                );
-              }
-              return /* @__PURE__ */ jsx2(CodeBlock, { code, language, children: /* @__PURE__ */ jsx2(CopyButton, { text: code }) });
-            }
-          },
-          children
-        }
-      )
-    }
-  );
-});
-Markdown.displayName = "Markdown";
-
-export {
-  CodeBlock,
-  CopyButton,
-  Markdown
-};