@choice-ui/react 1.3.11 → 1.4.0

package/dist/components/code-block/dist/index.js

@@ -0,0 +1,1140 @@
+import React, { memo, useState, useEffect } from "react";
+import { useStickToBottom } from "use-stick-to-bottom";
+import { useEventCallback } from "usehooks-ts";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { codeToHtml } from "shiki";
+import { IconButton } from "../../icon-button/dist/index.js";
+import { FileCode, CircleCirclehecirclek, ClipboardSmall, Enlarge, ChevronUpSmall, ChevronDownSmall } from "@choiceform/icons-react";
+import { ScrollArea } from "../../scroll-area/dist/index.js";
+import { tcx, tcv } from "../../../shared/utils/tcx/tcx.js";
+function useCodeBlock({
+  defaultExpanded = true,
+  defaultCodeExpanded = false,
+  onExpandChange,
+  onCodeExpandChange,
+  scrollToBottom
+}) {
+  const [isExpanded, setIsExpanded] = useState(defaultExpanded);
+  const [codeExpanded, setCodeExpanded] = useState(defaultCodeExpanded);
+  const [copied, setCopied] = useState(false);
+  const handleExpand = useEventCallback(() => {
+    const newValue = !isExpanded;
+    setIsExpanded(newValue);
+    onExpandChange == null ? void 0 : onExpandChange(newValue);
+  });
+  const handleCodeExpand = useEventCallback(() => {
+    const newValue = !codeExpanded;
+    setCodeExpanded(newValue);
+    onCodeExpandChange == null ? void 0 : onCodeExpandChange(newValue);
+    scrollToBottom == null ? void 0 : scrollToBottom({
+      wait: 100
+    });
+  });
+  const handleCopy = useEventCallback(async (code) => {
+    if (!code || typeof code !== "string") {
+      return;
+    }
+    try {
+      if (typeof navigator !== "undefined" && navigator.clipboard) {
+        await navigator.clipboard.writeText(code);
+        setCopied(true);
+        setTimeout(() => setCopied(false), 2e3);
+      }
+    } catch (error) {
+    }
+  });
+  return {
+    isExpanded,
+    codeExpanded,
+    copied,
+    handleExpand,
+    handleCodeExpand,
+    handleCopy
+  };
+}
+function useScrollDetection({
+  scrollRef,
+  contentRef,
+  isExpanded,
+  codeExpanded,
+  children
+}) {
+  const [needsScroll, setNeedsScroll] = useState(false);
+  useEffect(() => {
+    const checkScrollNeeded = () => {
+      if (!scrollRef.current || !contentRef.current) {
+        setNeedsScroll(false);
+        return;
+      }
+      try {
+        const viewport = scrollRef.current;
+        const content = contentRef.current;
+        const hasScroll = content.scrollHeight > viewport.clientHeight;
+        setNeedsScroll(hasScroll);
+      } catch (error) {
+        setNeedsScroll(false);
+      }
+    };
+    const timeoutId = setTimeout(checkScrollNeeded, 100);
+    window.addEventListener("resize", checkScrollNeeded);
+    let resizeObserver = null;
+    if (typeof ResizeObserver !== "undefined") {
+      resizeObserver = new ResizeObserver(checkScrollNeeded);
+      if (contentRef.current) {
+        resizeObserver.observe(contentRef.current);
+      }
+    }
+    return () => {
+      clearTimeout(timeoutId);
+      window.removeEventListener("resize", checkScrollNeeded);
+      resizeObserver == null ? void 0 : resizeObserver.disconnect();
+    };
+  }, [scrollRef, contentRef, isExpanded, codeExpanded, children]);
+  return needsScroll;
+}
+function useLineCount(children) {
+  const [lineCount, setLineCount] = useState(0);
+  useEffect(() => {
+    try {
+      const codeContent = React.Children.toArray(children).map((child) => {
+        var _a;
+        if (React.isValidElement(child) && ((_a = child.props) == null ? void 0 : _a.code) && typeof child.props.code === "string") {
+          return child.props.code;
+        }
+        return "";
+      }).join("");
+      if (codeContent) {
+        const lines = codeContent.split("\n").length;
+        setLineCount(lines);
+      } else {
+        setLineCount(0);
+      }
+    } catch (error) {
+      setLineCount(0);
+    }
+  }, [children]);
+  return lineCount;
+}
+function useTheme() {
+  const [theme, setTheme] = useState(() => {
+    if (typeof window === "undefined") return "light";
+    try {
+      const html = document.documentElement;
+      if (html.classList.contains("dark") || html.getAttribute("data-theme") === "dark") {
+        return "dark";
+      }
+    } catch {
+    }
+    return "light";
+  });
+  useEffect(() => {
+    if (typeof window === "undefined") return;
+    const html = document.documentElement;
+    if (!html) return;
+    const updateTheme = () => {
+      try {
+        if (html.classList.contains("dark") || html.getAttribute("data-theme") === "dark") {
+          setTheme("dark");
+        } else {
+          setTheme("light");
+        }
+      } catch {
+        setTheme("light");
+      }
+    };
+    updateTheme();
+    if (typeof MutationObserver === "undefined") return;
+    const observer = new MutationObserver(updateTheme);
+    observer.observe(html, {
+      attributes: true,
+      attributeFilter: ["class", "data-theme"]
+    });
+    return () => {
+      observer.disconnect();
+    };
+  }, []);
+  return theme;
+}
+var CodeBlock = memo(function CodeBlock2(props) {
+  const {
+    children,
+    className,
+    filename,
+    language = "code",
+    lineThreshold = 20,
+    expandable = true,
+    defaultExpanded = true,
+    defaultCodeExpanded = false,
+    variant = "default",
+    onExpandChange,
+    onCodeExpandChange
+  } = props;
+  const { scrollRef, contentRef, scrollToBottom } = useStickToBottom({
+    resize: "smooth",
+    initial: "smooth"
+  });
+  const codeContentRef = React.useRef("");
+  const {
+    isExpanded,
+    codeExpanded,
+    copied,
+    handleExpand,
+    handleCodeExpand,
+    handleCopy: originalHandleCopy
+  } = useCodeBlock({
+    defaultExpanded,
+    defaultCodeExpanded,
+    onExpandChange,
+    onCodeExpandChange,
+    scrollToBottom
+  });
+  const handleCopy = React.useCallback(
+    (code) => {
+      const codeToUse = code || codeContentRef.current;
+      if (codeToUse) {
+        originalHandleCopy(codeToUse);
+      }
+    },
+    [originalHandleCopy]
+  );
+  React.useEffect(() => {
+    try {
+      React.Children.forEach(children, (child) => {
+        if (React.isValidElement(child) && child.props) {
+          if (child.props.code && typeof child.props.code === "string") {
+            codeContentRef.current = child.props.code;
+          }
+        }
+      });
+    } catch {
+    }
+  }, [children]);
+  const lineCount = useLineCount(children);
+  const needsScroll = useScrollDetection({
+    scrollRef,
+    contentRef,
+    isExpanded,
+    codeExpanded,
+    children
+  });
+  const contextValue = React.useMemo(
+    () => ({
+      language,
+      filename,
+      lineCount,
+      isExpanded,
+      codeExpanded,
+      copied,
+      needsScroll,
+      expandable,
+      lineThreshold,
+      handleExpand,
+      handleCodeExpand,
+      handleCopy,
+      scrollRef,
+      contentRef,
+      variant
+    }),
+    [
+      language,
+      filename,
+      lineCount,
+      isExpanded,
+      codeExpanded,
+      copied,
+      needsScroll,
+      expandable,
+      lineThreshold,
+      handleExpand,
+      handleCodeExpand,
+      handleCopy,
+      scrollRef,
+      contentRef,
+      variant
+    ]
+  );
+  const injectedChildren = React.useMemo(() => {
+    try {
+      return React.Children.map(children, (child) => {
+        if (React.isValidElement(child)) {
+          return React.cloneElement(
+            child,
+            {
+              codeBlock: contextValue
+            }
+          );
+        }
+        return child;
+      });
+    } catch {
+      return children;
+    }
+  }, [children, contextValue]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: tcx(
+        "group relative overflow-hidden rounded-lg",
+        variant === "default" && "bg-secondary-background",
+        variant === "light" && "bg-gray-100",
+        variant === "dark" && "bg-gray-700",
+        className
+      ),
+      children: injectedChildren
+    }
+  );
+});
+var codeBlockCodeTv = tcv({
+  base: "text-message-code w-fit min-w-full bg-transparent font-mono [&>pre]:!bg-transparent [&>pre]:px-4 [&>pre]:py-4"
+});
+var CodeBlockCode = memo(function CodeBlockCode2(props) {
+  const { code, language = "tsx", className, variant: variantProp, codeBlock, ...rest } = props;
+  const systemTheme = useTheme();
+  const resolvedVariant = variantProp ?? ((codeBlock == null ? void 0 : codeBlock.variant) === "default" ? void 0 : codeBlock == null ? void 0 : codeBlock.variant);
+  const theme = resolvedVariant ?? systemTheme;
+  const [highlightedHtml, setHighlightedHtml] = useState(null);
+  useEffect(() => {
+    async function highlight() {
+      if (!code) {
+        setHighlightedHtml("<pre><code></code></pre>");
+        return;
+      }
+      const html = await codeToHtml(code, {
+        lang: language,
+        theme: theme === "light" ? "github-light" : "github-dark"
+      });
+      setHighlightedHtml(html);
+    }
+    highlight();
+  }, [code, language, theme]);
+  const classNames = codeBlockCodeTv({ className });
+  return highlightedHtml ? /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: tcx("min-w-0", classNames),
+      dangerouslySetInnerHTML: { __html: highlightedHtml },
+      ...rest
+    }
+  ) : /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: tcx("min-w-0", classNames),
+      ...rest,
+      children: /* @__PURE__ */ jsx("pre", { children: /* @__PURE__ */ jsx("code", { children: code }) })
+    }
+  );
+});
+var icons = {
+  js: /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: "16",
+      height: "16",
+      viewBox: "0 0 16 16",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M14 4C14 2.89543 13.1046 2 12 2H4C2.89543 2 2 2.89543 2 4V12C2 13.1046 2.89543 14 4 14H12C13.1046 14 14 13.1046 14 12V4Z",
+            fill: "#FFAF0F"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M9.55434 11.8593C9.88209 12.0132 10.2583 12.0901 10.6829 12.0901C11.1047 12.0901 11.4795 12.0117 11.8073 11.855C12.135 11.6982 12.3901 11.4831 12.5725 11.2095C12.7549 10.933 12.8461 10.6238 12.8461 10.2818C12.8461 9.99963 12.7834 9.73315 12.658 9.48235C12.5326 9.23155 12.3545 9.02208 12.1236 8.85393C11.8956 8.68578 11.6348 8.57605 11.3413 8.52475L10.3452 8.3623C10.1429 8.3281 9.97899 8.24118 9.85359 8.10153C9.72819 7.95903 9.66549 7.79088 9.66549 7.59708C9.66549 7.43178 9.70824 7.28643 9.79374 7.16103C9.87924 7.03563 9.99893 6.93873 10.1528 6.87033C10.3067 6.80193 10.4849 6.76773 10.6872 6.76773C10.8896 6.76773 11.0677 6.80335 11.2216 6.8746C11.3755 6.94585 11.4952 7.04703 11.5807 7.17813C11.6662 7.30638 11.7089 7.45173 11.7089 7.61418H12.7221C12.7193 7.28073 12.6309 6.98433 12.4571 6.72498C12.2832 6.46563 12.041 6.26328 11.7303 6.11793C11.4225 5.97258 11.0705 5.8999 10.6744 5.8999C10.2868 5.8999 9.93909 5.97543 9.63129 6.12648C9.32349 6.27468 9.08265 6.4813 8.9088 6.74635C8.7378 7.00855 8.65231 7.30495 8.65231 7.63555C8.65231 7.912 8.70931 8.16708 8.82331 8.40078C8.94016 8.63163 9.10546 8.824 9.31921 8.9779C9.53296 9.1318 9.78519 9.2344 10.0759 9.2857L11.0891 9.4567C11.3114 9.49375 11.4895 9.5935 11.6234 9.75595C11.7574 9.91555 11.8244 10.1065 11.8244 10.3288C11.8244 10.5055 11.7773 10.6623 11.6833 10.7991C11.5921 10.933 11.461 11.037 11.29 11.1111C11.119 11.1852 10.9209 11.2223 10.6958 11.2223C10.4649 11.2223 10.2597 11.1824 10.0802 11.1026C9.90346 11.0199 9.76524 10.9045 9.66549 10.7563C9.56574 10.6081 9.51585 10.44 9.51585 10.2519H8.50269C8.50554 10.611 8.59958 10.9302 8.78483 11.2095C8.97008 11.4859 9.22659 11.7025 9.55434 11.8593Z",
+            fill: "black"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M5.22179 11H4.21289V12H5.32012C5.64787 12 5.93857 11.9316 6.19222 11.7948C6.44587 11.6551 6.64394 11.4613 6.78644 11.2134C6.92894 10.9654 7.00019 10.6804 7.00019 10.3584L7.00024 6H5.99989L5.99984 10.222C5.99984 10.3759 5.96707 10.5127 5.90152 10.6324C5.83882 10.7492 5.74762 10.8404 5.62792 10.906C5.51107 10.9687 5.37569 11 5.22179 11Z",
+            fill: "black"
+          }
+        )
+      ]
+    }
+  ),
+  ts: /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: "16",
+      height: "16",
+      viewBox: "0 0 16 16",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M14 4C14 2.89543 13.1046 2 12 2H4C2.89543 2 2 2.89543 2 4V12C2 13.1046 2.89543 14 4 14H12C13.1046 14 14 13.1046 14 12V4Z",
+            fill: "#3574F0"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M3.13501 5.99999H7.87171V6.99999H6V12H5V6.99999H3.13501V5.99999Z",
+            fill: "white"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M10.6833 12.0902C10.2587 12.0902 9.88251 12.0133 9.55476 11.8594C9.22701 11.7026 8.97051 11.486 8.78526 11.2096C8.60001 10.9303 8.50596 10.6111 8.50311 10.252H9.51628C9.51628 10.4401 9.56616 10.6082 9.66591 10.7564C9.76566 10.9046 9.90388 11.02 10.0806 11.1027C10.2601 11.1825 10.4653 11.2224 10.6962 11.2224C10.9213 11.2224 11.1194 11.1853 11.2904 11.1112C11.4614 11.0371 11.5925 10.9331 11.6837 10.7992C11.7777 10.6624 11.8248 10.5056 11.8248 10.3289C11.8248 10.1066 11.7578 9.91567 11.6238 9.75607C11.4899 9.59362 11.3118 9.49387 11.0895 9.45682L10.0763 9.28582C9.78561 9.23452 9.53338 9.13192 9.31963 8.97802C9.10588 8.82412 8.94058 8.63175 8.82373 8.4009C8.70973 8.1672 8.65273 7.91212 8.65273 7.63567C8.65273 7.30507 8.73823 7.00867 8.90923 6.74647C9.08308 6.48142 9.32391 6.2748 9.63171 6.1266C9.93951 5.97555 10.2872 5.90002 10.6748 5.90002C11.0709 5.90002 11.4229 5.9727 11.7307 6.11805C12.0414 6.2634 12.2836 6.46575 12.4575 6.7251C12.6313 6.98445 12.7197 7.28085 12.7225 7.6143H11.7093C11.7093 7.45185 11.6666 7.3065 11.5811 7.17825C11.4956 7.04715 11.3759 6.94597 11.222 6.87472C11.0681 6.80347 10.89 6.76785 10.6876 6.76785C10.4853 6.76785 10.3071 6.80205 10.1532 6.87045C9.99936 6.93885 9.87966 7.03575 9.79416 7.16115C9.70866 7.28655 9.66591 7.4319 9.66591 7.5972C9.66591 7.791 9.72861 7.95915 9.85401 8.10165C9.97941 8.2413 10.1433 8.32822 10.3456 8.36242L11.3417 8.52487C11.6352 8.57617 11.896 8.6859 12.124 8.85405C12.3549 9.0222 12.533 9.23167 12.6584 9.48247C12.7838 9.73327 12.8465 9.99975 12.8465 10.2819C12.8465 10.6239 12.7553 10.9331 12.5729 11.2096C12.3905 11.4832 12.1354 11.6983 11.8077 11.8551C11.4799 12.0118 11.1051 12.0902 10.6833 12.0902Z",
+            fill: "white"
+          }
+        )
+      ]
+    }
+  ),
+  tsx: /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: "16",
+      height: "16",
+      viewBox: "0 0 16 16",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M8.00002 9.24785C8.68918 9.24785 9.24785 8.68918 9.24785 8.00002C9.24785 7.31087 8.68918 6.7522 8.00002 6.7522C7.31087 6.7522 6.7522 7.31087 6.7522 8.00002C6.7522 8.68918 7.31087 9.24785 8.00002 9.24785Z",
+            className: "fill-accent-foreground"
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "g",
+          {
+            strokeWidth: "0.608696",
+            className: "stroke-accent-foreground",
+            children: [
+              /* @__PURE__ */ jsx("path", { d: "M8.0001 10.5565C11.698 10.5565 14.6957 9.41193 14.6957 8C14.6957 6.58808 11.698 5.44348 8.0001 5.44348C4.30219 5.44348 1.30444 6.58808 1.30444 8C1.30444 9.41193 4.30219 10.5565 8.0001 10.5565Z" }),
+              /* @__PURE__ */ jsx("path", { d: "M5.786 9.27829C7.63495 12.4808 10.1251 14.5046 11.3479 13.7986C12.5706 13.0927 12.063 9.92425 10.214 6.72177C8.36507 3.51929 5.87495 1.49546 4.65219 2.20143C3.42942 2.90739 3.93705 6.07581 5.786 9.27829Z" }),
+              /* @__PURE__ */ jsx("path", { d: "M5.78591 6.72177C3.93695 9.92425 3.42933 13.0927 4.65209 13.7986C5.87486 14.5046 8.36498 12.4808 10.2139 9.2783C12.0629 6.07581 12.5705 2.90739 11.3478 2.20142C10.125 1.49546 7.63486 3.51929 5.78591 6.72177Z" })
+            ]
+          }
+        )
+      ]
+    }
+  ),
+  css: /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: "16",
+      height: "16",
+      viewBox: "0 0 16 16",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M7.99237 15L2.94069 13.6005L1.81494 1H14.1849L13.058 13.5985L7.99237 15Z",
+            fill: "#4682FA"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M4.25747 5.1211L4.1167 3.57568H11.8739L11.5943 6.70361L11.5565 7.1186L11.1693 11.4482L7.99978 12.3249L7.99266 12.327L4.82048 11.4482L4.60352 9.02173H6.15807L6.26832 10.2543L7.993 10.719L7.99463 10.7186L9.7218 10.2533L9.90155 8.249H4.53431L4.39551 6.70361H10.0358L10.1768 5.1211H4.25747Z",
+            fill: "white"
+          }
+        )
+      ]
+    }
+  ),
+  scss: /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: "16",
+      height: "16",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M19.217 12.7599C18.5177 12.7639 17.9122 12.9348 17.4043 13.1892C17.2168 12.8116 17.0293 12.4816 16.998 12.2352C16.9629 11.949 16.9199 11.774 16.9629 11.4322C17.0058 11.0903 17.2012 10.6053 17.2012 10.5656C17.1973 10.5298 17.1582 10.3549 16.7558 10.3509C16.3534 10.3469 16.0057 10.4304 15.9667 10.5377C15.9276 10.6451 15.8495 10.8915 15.7987 11.1459C15.7284 11.5196 14.9939 12.8434 14.5759 13.5391C14.4392 13.2687 14.322 13.0302 14.2986 12.8394C14.2634 12.5532 14.2204 12.3783 14.2634 12.0364C14.3064 11.6945 14.5017 11.2095 14.5017 11.1698C14.4978 11.134 14.4587 10.9591 14.0564 10.9551C13.654 10.9512 13.3063 11.0346 13.2672 11.142C13.2282 11.2493 13.1852 11.5037 13.0992 11.7502C13.0172 11.9967 12.0406 14.2069 11.7866 14.7833C11.6577 15.0775 11.5444 15.312 11.4624 15.4711C11.3803 15.6301 11.4585 15.483 11.4507 15.4989C11.3803 15.634 11.3413 15.7096 11.3413 15.7096V15.7135C11.2866 15.8129 11.228 15.9083 11.2006 15.9083C11.1811 15.9083 11.142 15.642 11.2084 15.2763C11.353 14.509 11.7046 13.3125 11.7007 13.2687C11.7007 13.2489 11.7671 13.0382 11.4741 12.9308C11.1889 12.8235 11.0873 13.0024 11.0639 13.0024C11.0405 13.0024 11.0209 13.066 11.0209 13.066C11.0209 13.066 11.3374 11.7184 10.4154 11.7184C9.83723 11.7184 9.04029 12.3584 8.64572 12.9428C8.3957 13.0819 7.86441 13.3761 7.30186 13.6901C7.08699 13.8094 6.86432 13.9366 6.65336 14.0519L6.61039 14.0042C5.4931 12.7917 3.42652 11.9331 3.51246 10.3032C3.54372 9.71087 3.74686 8.14858 7.48156 6.25635C10.5404 4.70599 12.9899 5.13134 13.4157 6.07746C14.0212 7.42906 12.107 9.94143 8.927 10.3032C7.71595 10.4423 7.07918 9.96529 6.91901 9.7864C6.75103 9.59956 6.72759 9.59161 6.66508 9.62739C6.56351 9.68304 6.62602 9.85 6.66508 9.94938C6.75884 10.1998 7.1495 10.6451 7.81362 10.8677C8.3957 11.0625 9.8177 11.1698 11.5366 10.494C13.4626 9.73472 14.9666 7.62782 14.5251 5.86677C14.0759 4.07392 11.1538 3.48557 8.3918 4.48337C6.74712 5.07966 4.96571 6.00988 3.68435 7.23029C2.16078 8.67729 1.91857 9.94143 2.02014 10.4662C2.37564 12.3385 4.91102 13.5589 5.92674 14.4613C5.87595 14.4892 5.82907 14.517 5.7861 14.5408C5.27824 14.7953 3.34448 15.8249 2.86006 16.9141C2.31314 18.1464 2.94601 19.0329 3.36792 19.1522C4.67272 19.5219 6.00877 18.858 6.73149 17.7648C7.45031 16.6716 7.36436 15.2524 7.0323 14.6044L7.02058 14.5806L7.41905 14.3421C7.67689 14.187 7.93082 14.0439 8.15349 13.9207C8.02848 14.2665 7.93863 14.676 7.89175 15.2723C7.83706 15.9719 8.11833 16.8783 8.48946 17.2361C8.65354 17.3911 8.84887 17.3951 8.96997 17.3951C9.3997 17.3951 9.59503 17.0333 9.80989 16.6C10.0755 16.0713 10.3099 15.4591 10.3099 15.4591C10.3099 15.4591 10.0169 17.1168 10.8178 17.1168C11.1108 17.1168 11.4038 16.7312 11.5366 16.5325V16.5364C11.5366 16.5364 11.5444 16.5245 11.56 16.4967C11.5913 16.449 11.6069 16.4211 11.6069 16.4211V16.4132C11.7241 16.2065 11.9859 15.7334 12.3765 14.9503C12.8805 13.9406 13.3649 12.6764 13.3649 12.6764C13.3649 12.6764 13.4118 12.9865 13.5563 13.4953C13.6423 13.7975 13.8298 14.1274 13.9743 14.4494C13.8571 14.6164 13.7868 14.7118 13.7868 14.7118L13.7907 14.7157C13.6969 14.843 13.5915 14.9781 13.4821 15.1133C13.0836 15.5983 12.607 16.1508 12.5445 16.3098C12.4703 16.4967 12.4859 16.6358 12.6304 16.7471C12.7359 16.8266 12.9234 16.8425 13.1227 16.8266C13.4821 16.8028 13.7321 16.7113 13.8571 16.6557C14.0524 16.5841 14.2751 16.4768 14.49 16.3178C14.8806 16.0236 15.1189 15.6062 15.0955 15.0497C15.0838 14.7436 14.9861 14.4415 14.865 14.1552C14.9002 14.1036 14.9353 14.0519 14.9705 13.9962C15.5877 13.0779 16.0643 12.0682 16.0643 12.0682C16.0643 12.0682 16.1112 12.3783 16.2558 12.8871C16.33 13.1455 16.4784 13.4278 16.6113 13.706C16.0331 14.187 15.6698 14.7436 15.5448 15.1093C15.3143 15.7851 15.494 16.0912 15.8339 16.1628C15.9862 16.1946 16.205 16.123 16.3691 16.0514C16.5722 15.9839 16.8183 15.8686 17.0449 15.6976C17.4356 15.4035 17.8106 14.994 17.7911 14.4415C17.7793 14.187 17.7129 13.9366 17.6231 13.6981C18.1153 13.4914 18.7521 13.3721 19.5607 13.4715C21.2992 13.6782 21.643 14.7833 21.5765 15.2445C21.5101 15.7056 21.1468 15.96 21.0257 16.0395C20.9046 16.115 20.8655 16.1429 20.8773 16.1985C20.8929 16.282 20.9476 16.278 21.0531 16.2621C21.1976 16.2383 21.9672 15.8845 21.9985 15.0338C22.0453 13.9406 21.0257 12.748 19.217 12.7599V12.7599ZM5.80954 17.3593C5.23527 17.9993 4.42661 18.2418 4.08283 18.0351C3.7117 17.8165 3.85624 16.8743 4.56334 16.1946C4.99306 15.7811 5.5517 15.3995 5.91892 15.165C6.00096 15.1133 6.12597 15.0377 6.27442 14.9463C6.29786 14.9304 6.31349 14.9225 6.31349 14.9225C6.34083 14.9066 6.37209 14.8867 6.40334 14.8668C6.66508 15.8368 6.41506 16.6875 5.80954 17.3593V17.3593ZM10.0091 14.4534C9.80989 14.9503 9.38798 16.2264 9.13405 16.1548C8.91528 16.0952 8.78245 15.1292 9.09107 14.1751C9.24734 13.6941 9.5794 13.1217 9.77473 12.899C10.0912 12.5413 10.4349 12.422 10.5209 12.5691C10.6225 12.7599 10.1341 14.1433 10.0091 14.4534ZM13.4743 16.1389C13.3883 16.1826 13.3102 16.2144 13.275 16.1906C13.2477 16.1747 13.3102 16.115 13.3102 16.115C13.3102 16.115 13.7438 15.642 13.9157 15.4234C14.0134 15.2961 14.1306 15.1491 14.2556 14.9821V15.0298C14.2556 15.6022 13.7165 15.9839 13.4743 16.1389V16.1389ZM16.1464 15.5188C16.0839 15.4711 16.0917 15.324 16.3026 14.8628C16.3847 14.68 16.5722 14.3739 16.8964 14.0837C16.9355 14.2029 16.959 14.3182 16.955 14.4256C16.9511 15.1411 16.4511 15.4074 16.1464 15.5188Z",
+          fill: "#F472B6"
+        }
+      )
+    }
+  ),
+  md: /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: "16",
+      height: "16",
+      viewBox: "0 0 16 16",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M12.5929 9.9438V4.70001L13.7929 4.70002V9.94379L15.0763 8.66037L15.9248 9.5089L13.1929 12.2409L10.4609 9.5089L11.3095 8.66037L12.5929 9.9438Z",
+            fill: "#3574F0"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M0.5 4.70001H2.94558L4.65385 9.14463L4.76288 9.60155L4.85635 9.14463L6.51269 4.70001H8.98423V11.9692H7.14096V7.59732L7.17212 7.12482L5.34442 11.9692H4.08269L2.31212 7.17155L2.34327 7.59732V11.9692H0.5V4.70001Z",
+            fill: "#3574F0"
+          }
+        )
+      ]
+    }
+  ),
+  xml: /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: "16",
+      height: "16",
+      viewBox: "0 0 16 16",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M10.0775 2.44037C10.1656 2.12093 9.97809 1.79054 9.65866 1.70242C9.33922 1.6143 9.00882 1.80182 8.9207 2.12126L5.76529 13.5596C5.67717 13.8791 5.86469 14.2095 6.18412 14.2976C6.50356 14.3857 6.83396 14.1982 6.92208 13.8788L10.0775 2.44037ZM5.41281 4.66699C5.61982 4.92575 5.57786 5.30332 5.31911 5.51033L1.96049 8.19723L5.31911 10.8841C5.57786 11.0911 5.61982 11.4687 5.41281 11.7275C5.20581 11.9862 4.82823 12.0282 4.56947 11.8212L0.625202 8.66575L0.0395508 8.19723L0.625202 7.7287L4.56947 4.57329C4.82823 4.36628 5.20581 4.40823 5.41281 4.66699ZM10.5872 11.7275C10.3802 11.4687 10.4222 11.0911 10.6809 10.8841L14.0395 8.19725L10.6809 5.51035C10.4222 5.30334 10.3802 4.92577 10.5872 4.66701C10.7942 4.40825 11.1718 4.3663 11.4305 4.57331L15.3748 7.72872L15.9605 8.19725L15.3748 8.66577L11.4305 11.8212C11.1718 12.0282 10.7942 11.9862 10.5872 11.7275Z",
+          fill: "#E66D17"
+        }
+      )
+    }
+  ),
+  yaml: /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: "16",
+      height: "16",
+      viewBox: "0 0 16 16",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M12 2.5H4C3.17157 2.5 2.5 3.17157 2.5 4V12C2.5 12.8284 3.17157 13.5 4 13.5H12C12.8284 13.5 13.5 12.8284 13.5 12V4C13.5 3.17157 12.8284 2.5 12 2.5Z",
+            className: "stroke-red-500"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M8.59335 11.5H7.44937V8.845L5 4.5H6.25791L7.83861 7.38L8.02848 7.775L8.21835 7.37L9.75633 4.5H11L8.59335 8.835V11.5Z",
+            className: "fill-red-500"
+          }
+        )
+      ]
+    }
+  ),
+  json: /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: "16",
+      height: "16",
+      viewBox: "0 0 16 16",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ jsxs("g", { className: "fill-purple-500", children: [
+        /* @__PURE__ */ jsx("path", { d: "M3.98755 9.77751C3.99755 9.39251 3.87005 9.08501 3.60505 8.85501C3.34005 8.62501 2.98255 8.51001 2.53255 8.51001H2V7.43001H2.53255C2.98255 7.43001 3.34005 7.31501 3.60505 7.08501C3.87005 6.85501 3.99755 6.54751 3.98755 6.16251L3.95755 4.58C3.94755 4.06 4.05505 3.605 4.28005 3.215C4.51005 2.825 4.83755 2.525 5.26255 2.315C5.68755 2.105 6.18755 2 6.76255 2H7.5V3.005H6.77005C6.25005 3.005 5.83755 3.15 5.53255 3.44C5.23255 3.725 5.08505 4.1125 5.09005 4.6025L5.12005 6.17001C5.13005 6.68001 4.99255 7.09751 4.70755 7.42251C4.42255 7.74251 4.03755 7.92001 3.55255 7.95501C4.03755 8.04501 4.42255 8.25501 4.70755 8.58501C4.99255 8.91001 5.13005 9.30501 5.12005 9.77001L5.09005 11.5475C5.08005 11.9875 5.21255 12.3375 5.48755 12.5975C5.76755 12.8625 6.14505 12.995 6.62005 12.995H7.5V14H6.61255C6.07755 14 5.60755 13.9 5.20255 13.7C4.80255 13.505 4.49255 13.2225 4.27255 12.8525C4.05755 12.4875 3.95255 12.06 3.95755 11.57L3.98755 9.77751Z" }),
+        /* @__PURE__ */ jsx("path", { d: "M12.0145 9.77751C12.0045 9.39251 12.132 9.08501 12.397 8.85501C12.662 8.62501 13.0195 8.51001 13.4695 8.51001H14V7.43001H13.4695C13.0195 7.43001 12.662 7.31501 12.397 7.08501C12.132 6.85501 12.0045 6.54751 12.0145 6.16251L12.0445 4.58C12.0545 4.06 11.9445 3.605 11.7145 3.215C11.4895 2.825 11.1645 2.525 10.7395 2.315C10.3145 2.105 9.81455 2 9.23955 2H8.5V3.005H9.23205C9.75205 3.005 10.162 3.15 10.462 3.44C10.767 3.725 10.917 4.1125 10.912 4.6025L10.882 6.17001C10.872 6.68001 11.0095 7.09751 11.2945 7.42251C11.5795 7.74251 11.9645 7.92001 12.4495 7.95501C11.9645 8.04501 11.5795 8.25501 11.2945 8.58501C11.0095 8.91001 10.872 9.30501 10.882 9.77001L10.912 11.5475C10.922 11.9875 10.787 12.3375 10.507 12.5975C10.232 12.8625 9.85705 12.995 9.38205 12.995H8.5V14H9.38955C9.92455 14 10.392 13.9 10.792 13.7C11.197 13.505 11.507 13.2225 11.722 12.8525C11.942 12.4875 12.0495 12.06 12.0445 11.57L12.0145 9.77751Z" })
+      ] })
+    }
+  ),
+  html: /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: "16",
+      height: "16",
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 32 32",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          fill: "#e65100",
+          d: "m4 4 2 22 10 2 10-2 2-22Zm19.72 7H11.28l.29 3h11.86l-.802 9.335L15.99 25l-6.635-1.646L8.93 19h3.02l.19 2 3.86.77 3.84-.77.29-4H8.84L8 8h16Z"
+        }
+      )
+    }
+  ),
+  csv: /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: "16",
+      height: "16",
+      viewBox: "0 0 16 16",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ jsxs(
+        "g",
+        {
+          className: "stroke-success-foreground",
+          strokeMiterlimit: "6.69898",
+          strokeLinecap: "round",
+          children: [
+            /* @__PURE__ */ jsx("path", { d: "M12 2H4C2.89543 2 2 2.89543 2 4V12C2 13.1046 2.89543 14 4 14H12C13.1046 14 14 13.1046 14 12V4C14 2.89543 13.1046 2 12 2Z" }),
+            /* @__PURE__ */ jsx("path", { d: "M5 5.5H11" }),
+            /* @__PURE__ */ jsx("path", { d: "M5 8H11" }),
+            /* @__PURE__ */ jsx("path", { d: "M5 10.5H9" })
+          ]
+        }
+      )
+    }
+  ),
+  text: /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: "16",
+      height: "16",
+      viewBox: "0 0 16 16",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ jsxs("g", { className: "fill-secondary-foreground", children: [
+        /* @__PURE__ */ jsx("path", { d: "M9.5 12H2.5C2.22386 12 2 12.2239 2 12.5C2 12.7761 2.22386 13 2.5 13H9.5C9.77614 13 10 12.7761 10 12.5C10 12.2239 9.77614 12 9.5 12Z" }),
+        /* @__PURE__ */ jsx("path", { d: "M9.5 6H2.5C2.22386 6 2 6.22386 2 6.5C2 6.77614 2.22386 7 2.5 7H9.5C9.77614 7 10 6.77614 10 6.5C10 6.22386 9.77614 6 9.5 6Z" }),
+        /* @__PURE__ */ jsx("path", { d: "M13.5 9H2.5C2.22386 9 2 9.22386 2 9.5C2 9.77614 2.22386 10 2.5 10H13.5C13.7761 10 14 9.77614 14 9.5C14 9.22386 13.7761 9 13.5 9Z" }),
+        /* @__PURE__ */ jsx("path", { d: "M13.5 3H2.5C2.22386 3 2 3.22386 2 3.5C2 3.77614 2.22386 4 2.5 4H13.5C13.7761 4 14 3.77614 14 3.5C14 3.22386 13.7761 3 13.5 3Z" })
+      ] })
+    }
+  ),
+  type: /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: "16",
+      height: "16",
+      viewBox: "0 0 16 16",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M12 2.5H4C3.17157 2.5 2.5 3.17157 2.5 4V12C2.5 12.8284 3.17157 13.5 4 13.5H12C12.8284 13.5 13.5 12.8284 13.5 12V4C13.5 3.17157 12.8284 2.5 12 2.5Z",
+            stroke: "#208A3C"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M7.5 5.5H5V4.5H11V5.5H8.5V11.5H7.5V5.5Z",
+            fill: "#208A3C"
+          }
+        )
+      ]
+    }
+  ),
+  py: /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: "16",
+      height: "16",
+      viewBox: "0 0 16 16",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M8.00001 1C11 1 11 2 11 4V6.5C11 7.32843 10.3284 8 9.5 8H6.5C5.11929 8 4 9.11929 4 10.5V11C2 11 1 11 1 7.99999C1 4.99999 2 4.99998 4 4.99998L7.5 5C7.77614 5 8 4.77614 8 4.5C8 4.22386 7.77614 4 7.5 4H5.00001C5.00001 2 5.00001 1 8.00001 1ZM6.5 3C6.77614 3 7 2.77614 7 2.5C7 2.22386 6.77614 2 6.5 2C6.22386 2 6 2.22386 6 2.5C6 2.77614 6.22386 3 6.5 3Z",
+            fill: "#4682FA"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M12 5V6.5C12 7.88071 10.8807 9 9.5 9H6.5C5.67157 9 5 9.67157 5 10.5L5.00001 12C4.99946 14 5.00001 15 8.00001 15C11 15 11 14 11 12H8.5C8.22386 12 8 11.7761 8 11.5C8 11.2239 8.22386 11 8.5 11H12C14 11.0005 15 11 15 7.99999C15 5.00002 14 5.00001 12 5ZM9.5 14C9.77614 14 10 13.7761 10 13.5C10 13.2239 9.77614 13 9.5 13C9.22386 13 9 13.2239 9 13.5C9 13.7761 9.22386 14 9.5 14Z",
+            fill: "#FFAF0F"
+          }
+        )
+      ]
+    }
+  ),
+  sh: /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: "16",
+      height: "16",
+      viewBox: "0 0 16 16",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ jsxs("g", { className: "stroke-gray-500", children: [
+        /* @__PURE__ */ jsx("path", { d: "M13 2.5H3C2.17157 2.5 1.5 3.17157 1.5 4V12C1.5 12.8284 2.17157 13.5 3 13.5H13C13.8284 13.5 14.5 12.8284 14.5 12V4C14.5 3.17157 13.8284 2.5 13 2.5Z" }),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M4 6L6 8L4 10",
+            strokeWidth: "1.2"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M7.5 10.5H11.5",
+            strokeWidth: "1.2"
+          }
+        )
+      ] })
+    }
+  ),
+  node: /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: "16",
+      height: "16",
+      viewBox: "0 0 16 16",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M7.39619 15.7304C7.58149 15.8371 7.7914 15.8925 8.00275 15.8925L8.00217 15.8895C8.21642 15.8895 8.42633 15.8345 8.61162 15.7274L14.3934 12.3877C14.7669 12.1705 15 11.7667 15 11.3338V4.66025C15 4.22597 14.7669 3.82208 14.3934 3.60638L8.61162 0.265259C8.24827 0.0582479 7.76187 0.0582479 7.39562 0.265259L1.60656 3.60493C1.23162 3.81918 1 4.22452 1 4.65881V11.3324C1 11.7652 1.23162 12.1705 1.60656 12.3877L3.12367 13.2621C3.85906 13.624 4.12253 13.624 4.45693 13.624C5.5441 13.624 6.16948 12.9653 6.16948 11.8188V5.22917C6.16948 5.13508 6.0942 5.06269 6.003 5.06269H5.2705C5.1764 5.06269 5.10257 5.13508 5.10257 5.22917V11.8159C5.10257 12.3254 4.57709 12.8321 3.7172 12.4022L2.13349 11.4873C2.07848 11.4569 2.04374 11.3961 2.04374 11.3324V4.65881C2.04374 4.59511 2.07935 4.53286 2.13537 4.50101L7.91517 1.16568C7.96873 1.13383 8.03966 1.13383 8.09323 1.16568L13.8742 4.50101C13.9289 4.53431 13.9636 4.59366 13.9636 4.66025V11.3338C13.9636 11.3975 13.9289 11.4598 13.8753 11.4902L8.09207 14.8284C8.04242 14.8573 7.96641 14.8573 7.91285 14.8284L6.42961 13.9482C6.38546 13.9222 6.329 13.9135 6.28587 13.9381C5.87546 14.1712 5.79744 14.2016 5.41295 14.3362C5.31784 14.3691 5.17713 14.4261 5.46549 14.5874L7.39619 15.7304Z",
+            fill: "#369650"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M6.728 9.1582C6.728 10.1325 7.25856 11.294 9.78901 11.294L9.78062 11.3008C11.6133 11.3008 12.6643 10.5785 12.6643 9.31903C12.6643 8.06973 11.8203 7.73677 10.0426 7.50081C8.24758 7.2634 8.06518 7.14035 8.06518 6.71909C8.06518 6.37166 8.22007 5.90842 9.55044 5.90842C10.7389 5.90842 11.1761 6.16465 11.3571 6.96519C11.373 7.04047 11.441 7.09548 11.5192 7.09548H12.2705C12.3168 7.09548 12.3617 7.07521 12.3936 7.04191C12.4254 7.00717 12.4428 6.96085 12.4384 6.91307C12.3226 5.53204 11.4048 4.88929 9.55334 4.88929C7.90449 4.88929 6.9201 5.58415 6.9201 6.75094C6.9201 8.01761 7.8987 8.36649 9.4824 8.52284C11.3759 8.70813 11.5235 8.98463 11.5235 9.35667C11.5235 10.003 11.0053 10.2784 9.78641 10.2784C8.25626 10.2784 7.92041 9.89446 7.8075 9.1333C7.79447 9.0518 7.72498 8.99172 7.64247 8.99172H6.8955C6.8027 8.99172 6.728 9.06555 6.728 9.1582Z",
+            fill: "#369650"
+          }
+        )
+      ]
+    }
+  ),
+  java: /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: "16",
+      height: "16",
+      viewBox: "0 0 16 16",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M13.5 13H2.5C2.22386 13 2 13.2239 2 13.5C2 13.7761 2.22386 14 2.5 14H13.5C13.7761 14 14 13.7761 14 13.5C14 13.2239 13.7761 13 13.5 13Z",
+            fill: "#E66D17"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M12.4455 2.773C12.3976 2.67892 12.3211 2.60243 12.227 2.5545C12.2023 2.5419 12.1519 2.52306 12.0161 2.51196C11.8744 2.50039 11.6883 2.5 11.4 2.5H3.6C3.31172 2.5 3.12559 2.50039 2.98392 2.51196C2.84809 2.52306 2.79773 2.5419 2.773 2.5545C2.67892 2.60243 2.60243 2.67892 2.5545 2.773C2.5419 2.79773 2.52306 2.84809 2.51196 2.98392C2.50039 3.12559 2.5 3.31172 2.5 3.6V6.5C2.5 7.93194 2.50543 8.53707 2.65071 9.016C2.99003 10.1346 3.8654 11.01 4.984 11.3493C5.46293 11.4946 6.06806 11.5 7.5 11.5C8.93194 11.5 9.53707 11.4946 10.016 11.3493C11.1346 11.01 12.01 10.1346 12.3493 9.016C12.4946 8.53707 12.5 7.93194 12.5 6.5V3.6C12.5 3.31172 12.4996 3.12559 12.488 2.98392C12.4769 2.84809 12.4581 2.79773 12.4455 2.773ZM12.4455 2.773L12.8864 2.54834",
+            stroke: "#E66D17"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M12.5 2.5H14.5C14.7761 2.5 15 2.72386 15 3V4.18121C15 4.78125 14.6424 5.32356 14.0909 5.55993L12.5 6.24173V2.5Z",
+            stroke: "#E66D17"
+          }
+        )
+      ]
+    }
+  )
+};
+var languageIconMap = {
+  // JavaScript variants
+  javascript: "js",
+  js: "js",
+  jsx: "js",
+  // TypeScript variants
+  typescript: "ts",
+  ts: "ts",
+  tsx: "tsx",
+  // Node
+  node: "node",
+  nodejs: "node",
+  // Styles
+  css: "css",
+  scss: "scss",
+  sass: "scss",
+  less: "css",
+  // Shell
+  bash: "sh",
+  sh: "sh",
+  shell: "sh",
+  zsh: "sh",
+  // Markdown
+  markdown: "md",
+  md: "md",
+  mdx: "md",
+  // Config files
+  yaml: "yaml",
+  yml: "yaml",
+  json: "json",
+  xml: "xml",
+  // Images
+  svg: "default",
+  // Code files
+  html: "html",
+  vue: "default",
+  python: "py",
+  py: "py",
+  java: "java",
+  c: "default",
+  cpp: "default",
+  go: "default",
+  rust: "default",
+  php: "default",
+  ruby: "default",
+  // Default
+  text: "text",
+  txt: "text",
+  plaintext: "text",
+  // Type definition files
+  "d.ts": "ts",
+  types: "type"
+};
+var defaultIcon = /* @__PURE__ */ jsx(
+  "svg",
+  {
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /* @__PURE__ */ jsxs("g", { className: "fill-secondary-foreground", children: [
+      /* @__PURE__ */ jsx("path", { d: "M5.85355 4.35355C6.04882 4.15829 6.04882 3.84171 5.85355 3.64645C5.65829 3.45118 5.34171 3.45118 5.14645 3.64645L1.14645 7.64645C0.951183 7.84171 0.951183 8.15829 1.14645 8.35355L5.14645 12.3536C5.34171 12.5488 5.65829 12.5488 5.85355 12.3536C6.04882 12.1583 6.04882 11.8417 5.85355 11.6464L2.20711 8L5.85355 4.35355Z" }),
+      /* @__PURE__ */ jsx("path", { d: "M10.8536 3.64645C10.6583 3.45118 10.3417 3.45118 10.1464 3.64645C9.9512 3.84171 9.9512 4.15829 10.1464 4.35355L13.7929 8L10.1464 11.6464C9.9512 11.8417 9.9512 12.1583 10.1464 12.3536C10.3417 12.5488 10.6583 12.5488 10.8536 12.3536L14.8536 8.35355C15.0488 8.15829 15.0488 7.84171 14.8536 7.64645L10.8536 3.64645Z" })
+    ] })
+  }
+);
+function getLanguageIcon(language) {
+  if (!language || typeof language !== "string") {
+    return defaultIcon;
+  }
+  try {
+    const normalizedLang = language.toLowerCase().trim();
+    const iconKey = languageIconMap[normalizedLang];
+    if (iconKey && iconKey !== "default" && iconKey in icons) {
+      return icons[iconKey];
+    }
+    for (const [key, value] of Object.entries(languageIconMap)) {
+      if (normalizedLang.includes(key) && value !== "default" && value in icons) {
+        return icons[value];
+      }
+    }
+  } catch {
+  }
+  return defaultIcon;
+}
+function getIconFromFilename(filename) {
+  var _a;
+  if (!filename || typeof filename !== "string") return null;
+  try {
+    const parts = filename.split(".");
+    if (parts.length < 2) return null;
+    if (parts.length >= 3 && parts[parts.length - 2] === "d" && parts[parts.length - 1] === "ts") {
+      const iconKey2 = languageIconMap["d.ts"];
+      if (iconKey2 && iconKey2 !== "default" && iconKey2 in icons) {
+        return icons[iconKey2];
+      }
+      return null;
+    }
+    const extension = (_a = parts[parts.length - 1]) == null ? void 0 : _a.toLowerCase();
+    if (!extension) return null;
+    const iconKey = languageIconMap[extension];
+    if (iconKey && iconKey !== "default" && iconKey in icons) {
+      return icons[iconKey];
+    }
+  } catch {
+  }
+  return null;
+}
+function getDefaultFilenameForLanguage(language) {
+  if (!language || typeof language !== "string") {
+    return "file.txt";
+  }
+  try {
+    const lang = language.trim().toLowerCase();
+    switch (lang) {
+      case "tsx":
+        return "component.tsx";
+      case "jsx":
+        return "component.jsx";
+      case "ts":
+        return "script.ts";
+      case "js":
+        return "script.js";
+      case "html":
+        return "file.html";
+      case "css":
+        return "styles.css";
+      case "json":
+        return "data.json";
+      case "bash":
+      case "sh":
+      case "shell":
+        return "script.sh";
+      case "yaml":
+      case "yml":
+        return "config.yaml";
+      case "md":
+      case "markdown":
+        return "README.md";
+      case "py":
+      case "python":
+        return "script.py";
+      case "go":
+        return "main.go";
+      case "rs":
+      case "rust":
+        return "main.rs";
+      case "java":
+        return "Main.java";
+      case "kt":
+      case "kotlin":
+        return "Main.kt";
+      case "c":
+        return "main.c";
+      case "cpp":
+      case "cc":
+      case "cxx":
+        return "main.cpp";
+      case "cs":
+        return "Program.cs";
+      case "sql":
+        return "query.sql";
+      case "graphql":
+      case "gql":
+        return "schema.graphql";
+      case "xml":
+        return "file.xml";
+      case "svg":
+        return "image.svg";
+      case "plaintext":
+      case "text":
+        return "file.txt";
+      default:
+        return "file.txt";
+    }
+  } catch {
+    return "file.txt";
+  }
+}
+var codeBlockHeaderTv = tcv({
+  slots: {
+    header: "text-body-medium code-header flex h-8 items-center justify-between pr-1 pl-2",
+    title: "flex items-center gap-1",
+    filename: "text-secondary-foreground",
+    actions: "flex items-center",
+    button: "opacity-0 group-hover:opacity-100",
+    lineCount: "text-success-foreground ml-2 font-strong"
+  },
+  variants: {
+    isExpanded: {
+      true: { header: "bg-secondary-background" },
+      false: {}
+    }
+  },
+  defaultVariants: {
+    isExpanded: true
+  }
+});
+var CodeBlockHeader = memo(function CodeBlockHeader2(props) {
+  const {
+    className,
+    codeBlock,
+    showLineCount = true,
+    i18n = {
+      collapse: "Collapse",
+      copied: "Copied",
+      copy: "Copy",
+      expand: "Expand"
+    },
+    children
+  } = props;
+  if (!codeBlock) return null;
+  const {
+    language = "code",
+    filename,
+    lineCount = 0,
+    isExpanded = true,
+    copied = false,
+    expandable = true,
+    handleExpand,
+    handleCopy
+  } = codeBlock;
+  if (!handleExpand || !handleCopy) {
+    return null;
+  }
+  const tv = codeBlockHeaderTv({ isExpanded });
+  let icon = null;
+  try {
+    if (filename && typeof filename === "string") {
+      const filenameIcon = getIconFromFilename(filename);
+      if (filenameIcon) icon = filenameIcon;
+    }
+    if (!icon && language) {
+      icon = getLanguageIcon(language);
+    }
+  } catch {
+    icon = null;
+  }
+  const copyTooltipContent = copied ? i18n.copied : i18n.copy;
+  const expandTooltipContent = isExpanded ? i18n.collapse : i18n.expand;
+  return /* @__PURE__ */ jsxs("div", { className: tv.header({ className }), children: [
+    /* @__PURE__ */ jsxs("div", { className: tv.title(), children: [
+      icon ? /* @__PURE__ */ jsx("span", { className: "size-4 flex-shrink-0", children: icon }) : /* @__PURE__ */ jsx(FileCode, {}),
+      filename ? /* @__PURE__ */ jsx("span", { className: tv.filename(), children: filename }) : /* @__PURE__ */ jsx("span", { className: tv.filename(), children: getDefaultFilenameForLanguage(language) }),
+      showLineCount && lineCount > 0 && /* @__PURE__ */ jsx("span", { className: tv.lineCount(), children: `+ ${lineCount}` }),
+      children
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: tv.actions(), children: [
+      isExpanded && /* @__PURE__ */ jsx(
+        IconButton,
+        {
+          className: tv.button(),
+          variant: "ghost",
+          onClick: () => handleCopy(),
+          tooltip: { content: copyTooltipContent },
+          children: copied ? /* @__PURE__ */ jsx(CircleCirclehecirclek, { className: "text-success-foreground" }) : /* @__PURE__ */ jsx(ClipboardSmall, {})
+        }
+      ),
+      expandable && /* @__PURE__ */ jsx(
+        IconButton,
+        {
+          className: tv.button(),
+          variant: "ghost",
+          onClick: handleExpand,
+          tooltip: {
+            content: expandTooltipContent
+          },
+          children: /* @__PURE__ */ jsx(Enlarge, {})
+        }
+      )
+    ] })
+  ] });
+});
+var codeBlockFooterTv = tcv({
+  slots: {
+    footer: "flex h-6 items-center justify-center px-2",
+    icon: ""
+  },
+  variants: {
+    codeExpanded: {
+      true: {
+        footer: "bg-transparent-background hover:bg-tertiary-background",
+        icon: "opacity-0 group-hover:opacity-100"
+      },
+      false: {
+        footer: [
+          "bg-secondary-background/90 absolute inset-x-0 bottom-0 z-3",
+          "opacity-0 group-hover:opacity-100",
+          "hover:bg-tertiary-background"
+        ]
+      }
+    }
+  },
+  defaultVariants: {
+    codeExpanded: false
+  }
+});
+var CodeBlockFooter = memo(function CodeBlockFooter2(props) {
+  const { className, codeBlock } = props;
+  if (!codeBlock) return null;
+  const { isExpanded, codeExpanded, handleCodeExpand, lineCount, lineThreshold, needsScroll } = codeBlock;
+  const tv = codeBlockFooterTv({ codeExpanded });
+  if (!(lineCount > lineThreshold || needsScroll || codeExpanded) || !isExpanded) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: tv.footer({ className }),
+      onClick: handleCodeExpand,
+      children: /* @__PURE__ */ jsx("div", { className: tv.icon(), children: codeExpanded ? /* @__PURE__ */ jsx(ChevronUpSmall, {}) : /* @__PURE__ */ jsx(ChevronDownSmall, {}) })
+    }
+  );
+});
+var codeBlockTv = tcv({
+  slots: {
+    code: "overflow-hidden",
+    content: "flex w-fit flex-col overflow-clip p-[inherit]"
+  }
+});
+function CodeBlockContent(props) {
+  const { code, className, codeBlock, withScrollArea = true } = props;
+  if (!codeBlock) return null;
+  const { language, isExpanded, codeExpanded, scrollRef, contentRef, lineCount, lineThreshold } = codeBlock;
+  if (!isExpanded) {
+    return null;
+  }
+  if (typeof code !== "string") {
+    return null;
+  }
+  const tv = codeBlockTv();
+  const shouldLimitHeight = lineCount > lineThreshold && !codeExpanded;
+  return /* @__PURE__ */ jsx(Fragment, { children: withScrollArea ? /* @__PURE__ */ jsx(
+    ScrollArea,
+    {
+      orientation: "both",
+      hoverBoundary: "none",
+      className: tcx(tv.code(), className),
+      variant: codeBlock.variant,
+      children: /* @__PURE__ */ jsx(
+        ScrollArea.Viewport,
+        {
+          ref: scrollRef,
+          style: {
+            maxHeight: shouldLimitHeight ? `${lineThreshold * 14 + 32}px` : "none"
+          },
+          children: /* @__PURE__ */ jsx(
+            ScrollArea.Content,
+            {
+              ref: contentRef,
+              className: tv.content(),
+              children: /* @__PURE__ */ jsx(
+                CodeBlockCode,
+                {
+                  code,
+                  language,
+                  codeBlock
+                }
+              )
+            }
+          )
+        }
+      )
+    }
+  ) : /* @__PURE__ */ jsx("div", { className: tcx(tv.content(), className), children: /* @__PURE__ */ jsx(
+    CodeBlockCode,
+    {
+      code,
+      language,
+      codeBlock
+    }
+  ) }) });
+}
+var CodeBlock3 = Object.assign(CodeBlock, {
+  Code: CodeBlockCode,
+  Content: CodeBlockContent,
+  Footer: CodeBlockFooter,
+  Header: CodeBlockHeader
+});
+export {
+  CodeBlock3 as CodeBlock,
+  CodeBlockCode,
+  getDefaultFilenameForLanguage
+};