@mintlify/msft-sdk 1.1.11 → 1.1.14

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

@@ -99,11 +99,11 @@ function W({
       children: [
         i && /* @__PURE__ */ r("span", { className: "mint:text-sm mint:font-medium mint:px-2", children: i }),
         /* @__PURE__ */ x("div", { className: "not-prose mint:relative mint:rounded-xl mint:bg-[#f5f5f5] mint:dark:bg-[#141414]", children: [
-          /* @__PURE__ */ x("div", { className: "mint:flex mint:items-center mint:justify-between mint:px-3 mint:pt-2", children: [
+          /* @__PURE__ */ x("div", { className: "mint:flex mint:items-center mint:justify-between mint:px-4 mint:pt-2", children: [
             /* @__PURE__ */ r("span", { className: "mint:text-xs mint:font-medium mint:text-[#737373] mint:dark:text-[#a3a3a3]", children: A(s) }),
             /* @__PURE__ */ r(F, { onClick: N, isCopied: u })
           ] }),
-          /* @__PURE__ */ r("div", { className: "mint:code-scrollbar mint:overflow-x-auto", children: /* @__PURE__ */ r("pre", { className: "mint:px-3 mint:pb-3 mint:pt-2 mint:m-0 mint:whitespace-pre mint:text-sm", children: b ? /* @__PURE__ */ r(
+          /* @__PURE__ */ r("div", { className: "mint:code-scrollbar mint:overflow-x-auto", children: /* @__PURE__ */ r("pre", { className: "mint:px-4 mint:pb-3 mint:pt-2 mint:m-0 mint:whitespace-pre mint:text-sm", children: b ? /* @__PURE__ */ r(
             "code",
             {
               className: g(

package/dist/components/content-components/code-block.js.map

@@ -1 +1 @@
-{"version":3,"file":"code-block.js","sources":["../../../src/components/content-components/code-block.tsx"],"sourcesContent":["'use client';\n\nimport React, { useEffect, useState } from \"react\";\nimport Prism from \"prismjs\";\nimport \"prismjs/components/prism-javascript.js\";\nimport \"prismjs/components/prism-typescript.js\";\nimport \"prismjs/components/prism-python.js\";\nimport \"prismjs/components/prism-bash.js\";\nimport \"prismjs/components/prism-json.js\";\nimport \"prismjs/components/prism-markdown.js\";\nimport \"prismjs/components/prism-csharp.js\";\nimport \"prismjs/components/prism-powershell.js\";\nimport { getNodeText } from \"../../utils/get-node-text\";\nimport { capitalize } from \"../../utils/string\";\nimport { cn } from \"../../utils/cn\";\nimport {\n  Copy20Regular,\n  ClipboardCheckmarkRegular,\n} from \"@fluentui/react-icons\";\n\nconst SUPPORTED_CLIPBOARD_CONTENT_TYPES = [\"image/png\", \"text/plain\"];\n\n// Hook for clipboard operations\nexport function useCopyToClipboard() {\n  const [isCopied, setIsCopied] = useState(false);\n\n  const copy = async (text: string) => {\n    try {\n      await navigator.clipboard.writeText(text);\n      setIsCopied(true);\n      setTimeout(() => setIsCopied(false), 2000);\n    } catch (error) {\n      console.error(\"Failed to copy to clipboard:\", error);\n    }\n  };\n\n  const copyBlob = async (blob: Blob, contentType: string) => {\n    try {\n      // image/png, text/plain, and text/html are the only filetypes supported in the chromium\n      // clipboard - however, text/html crashes chrome for some reason\n      if (SUPPORTED_CLIPBOARD_CONTENT_TYPES.includes(contentType)) {\n        const buffer = await blob.arrayBuffer();\n        const newBlob = new Blob([buffer], { type: contentType });\n        const clipboardItem = new ClipboardItem({\n          [contentType]: newBlob,\n        });\n        await navigator.clipboard.write([clipboardItem]);\n        setIsCopied(true);\n        setTimeout(() => setIsCopied(false), 2000);\n      } else {\n        // Fallback to text copy for unsupported types\n        const text = await blob.text();\n        await copy(text);\n      }\n    } catch (error) {\n      console.error(\"Failed to copy blob to clipboard:\", error);\n      // Fallback to text copy if blob copy fails\n      try {\n        const text = await blob.text();\n        await copy(text);\n      } catch (fallbackError) {\n        console.error(\"Failed to copy as text fallback:\", fallbackError);\n      }\n    }\n  };\n\n  return { isCopied, copy, copyBlob };\n}\n\n// Base copy icon button component\ninterface CopyIconButtonProps {\n  onClick: () => void;\n  isCopied: boolean;\n  showTooltip?: boolean;\n}\n\nexport function CopyIconButton({ onClick, isCopied, showTooltip = true }: CopyIconButtonProps) {\n  return (\n    <div className=\"mint:relative\">\n      {showTooltip && isCopied && (\n        <div className=\"mint:absolute mint:bottom-[calc(100%+0.5rem)] mint:left-1/2 mint:-translate-x-1/2 mint:bg-white mint:dark:bg-[#1a1a1a] mint:text-[#171717] mint:dark:text-[#fafafa] mint:px-2.5 mint:py-1.5 mint:rounded-md mint:text-xs mint:font-medium mint:whitespace-nowrap mint:shadow-[0_4px_6px_-1px_rgba(0,0,0,0.1),0_2px_4px_-1px_rgba(0,0,0,0.06)] mint:dark:shadow-[0_4px_6px_-1px_rgba(0,0,0,0.3),0_2px_4px_-1px_rgba(0,0,0,0.2)] mint:z-10 mint:animate-[fadeIn_0.15s_ease-out] mint:after:content-[''] mint:after:absolute mint:after:top-full mint:after:left-1/2 mint:after:-translate-x-1/2 mint:after:w-0 mint:after:h-0 mint:after:border-l-[6px] mint:after:border-l-transparent mint:after:border-r-[6px] mint:after:border-r-transparent mint:after:border-t-[6px] mint:after:border-t-white mint:dark:after:border-t-[#1a1a1a]\">\n          Copied!\n        </div>\n      )}\n      <button\n        onClick={onClick}\n        className=\"mint:flex mint:items-center mint:gap-1.5 mint:px-2 mint:py-1 mint:text-xs mint:text-[#737373] mint:dark:text-[#a3a3a3] mint:rounded mint:transition-colors mint:duration-150 mint:border-none mint:bg-transparent mint:cursor-pointer mint:hover:text-[#9263f1] mint:dark:hover:text-[#c9aaf9]\"\n        aria-label={isCopied ? \"Copied\" : \"Copy code\"}\n      >\n        {isCopied ? (\n          <ClipboardCheckmarkRegular className=\"mint:w-5 mint:h-5 mint:text-[#737373] mint:dark:text-[#a3a3a3]\" />\n        ) : (\n          <Copy20Regular className=\"mint:w-5 mint:h-5\" />\n        )}\n      </button>\n    </div>\n  );\n}\n\n// Convenience component that handles text copying\ninterface CopyToClipboardButtonProps {\n  textToCopy: string;\n  showTooltip?: boolean;\n}\n\nexport function CopyToClipboardButton({ textToCopy, showTooltip = true }: CopyToClipboardButtonProps) {\n  const { isCopied, copy } = useCopyToClipboard();\n\n  const handleCopy = () => {\n    copy(textToCopy);\n  };\n\n  return <CopyIconButton onClick={handleCopy} isCopied={isCopied} showTooltip={showTooltip} />;\n}\n\n// Convenience component that handles blob/data copying\ninterface CopyDataToClipboardButtonProps {\n  data: {\n    type: 'image' | 'audio' | 'video' | 'other';\n    blob: Blob;\n    contentType?: string;\n    content?: string;\n  };\n  showTooltip?: boolean;\n}\n\nexport function CopyDataToClipboardButton({ data, showTooltip = true }: CopyDataToClipboardButtonProps) {\n  const { isCopied, copy, copyBlob } = useCopyToClipboard();\n\n  const handleCopy = () => {\n    // Check if we can copy as blob (for images, etc.)\n    if (data.contentType && SUPPORTED_CLIPBOARD_CONTENT_TYPES.includes(data.contentType)) {\n      copyBlob(data.blob, data.contentType);\n    } else if (data.type === 'other' && data.content) {\n      // For text content, copy as text\n      copy(data.content);\n    } else {\n      console.error('Unsupported content type for clipboard');\n    }\n  };\n\n  return <CopyIconButton onClick={handleCopy} isCopied={isCopied} showTooltip={showTooltip} />;\n}\n\ninterface CodeBlockProps {\n  children: React.ReactNode;\n  className?: string;\n  language?: string;\n  fileName?: string;\n  // Support for copying blobs (images, etc.)\n  blob?: Blob;\n  contentType?: string;\n}\n\nexport function CodeBlock({\n  children,\n  className,\n  fileName,\n  language,\n  blob,\n  contentType,\n}: CodeBlockProps) {\n  const [highlightedCode, setHighlightedCode] = useState<string>(\"\");\n  const { isCopied, copy, copyBlob } = useCopyToClipboard();\n  const lang = language || className?.replace(/^language-/, \"\") || \"text\";\n  const codeText = getNodeText(children);\n  const showContainer = !!fileName;\n\n  const isSSRHighlighted = React.useMemo(() => {\n    if (typeof children !== \"object\" || children == null) {\n      return false;\n    }\n\n    const childrenArray = Array.isArray(children) ? children : [children];\n    for (const child of childrenArray) {\n      if (\n        typeof child === \"object\" &&\n        child != null &&\n        \"props\" in child &&\n        child.props?.children\n      ) {\n        const codeChildren = Array.isArray(child.props.children)\n          ? child.props.children\n          : [child.props.children];\n\n        for (const codeChild of codeChildren) {\n          if (\n            typeof codeChild === \"object\" &&\n            codeChild != null &&\n            \"props\" in codeChild &&\n            codeChild.props?.className\n          ) {\n            return true;\n          }\n        }\n      }\n    }\n    return false;\n  }, [children]);\n\n  useEffect(() => {\n    if (isSSRHighlighted) {\n      return;\n    }\n\n    try {\n      const grammar = Prism.languages[lang] || Prism.languages.plaintext;\n      const html = Prism.highlight(codeText, grammar, lang);\n      setHighlightedCode(html);\n    } catch (error) {\n      console.error(\"Failed to highlight code:\", error);\n      setHighlightedCode(codeText);\n    }\n  }, [codeText, lang, isSSRHighlighted]);\n\n  const handleCopy = () => {\n    // If blob and contentType are provided, use blob copying\n    if (blob && contentType) {\n      copyBlob(blob, contentType);\n    } else {\n      // Otherwise, use text copying\n      copy(codeText);\n    }\n  };\n\n  return (\n    <div\n      // eslint-disable-next-line local/enforce-cn-classname\n      className={\n        showContainer\n          ? \"flex flex-col gap-2 mt-4 mb-4 border border-[#e5e5e5] dark:border-[#262626] pt-2.5 px-2 pb-2 rounded-xl overflow-hidden\"\n          : undefined\n      }\n    >\n      {fileName && (\n        <span className=\"mint:text-sm mint:font-medium mint:px-2\">\n          {fileName}\n        </span>\n      )}\n      <div className=\"not-prose mint:relative mint:rounded-xl mint:bg-[#f5f5f5] mint:dark:bg-[#141414]\">\n        <div className=\"mint:flex mint:items-center mint:justify-between mint:px-3 mint:pt-2\">\n          <span className=\"mint:text-xs mint:font-medium mint:text-[#737373] mint:dark:text-[#a3a3a3]\">\n            {capitalize(lang)}\n          </span>\n          <CopyIconButton onClick={handleCopy} isCopied={isCopied} />\n        </div>\n        <div className=\"mint:code-scrollbar mint:overflow-x-auto\">\n          <pre className=\"mint:px-3 mint:pb-3 mint:pt-2 mint:m-0 mint:whitespace-pre mint:text-sm\">\n            {isSSRHighlighted ? (\n              <code\n                className={cn(\n                  `language-${lang}`,\n                  \"mint:block mint:text-[#24292e] mint:dark:text-[#e6edf3]\"\n                )}\n              >\n                {children}\n              </code>\n            ) : highlightedCode ? (\n              <code\n                className={cn(\n                  `language-${lang}`,\n                  \"mint:block mint:text-[#24292e] mint:dark:text-[#e6edf3]\"\n                )}\n                dangerouslySetInnerHTML={{ __html: highlightedCode }}\n              />\n            ) : (\n              <code\n                className={cn(\n                  `language-${lang}`,\n                  \"mint:block mint:text-[#24292e] mint:dark:text-[#e6edf3]\"\n                )}\n              >\n                {codeText}\n              </code>\n            )}\n          </pre>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"names":["SUPPORTED_CLIPBOARD_CONTENT_TYPES","useCopyToClipboard","isCopied","setIsCopied","useState","copy","text","error","blob","contentType","buffer","newBlob","clipboardItem","fallbackError","CopyIconButton","onClick","showTooltip","jsxs","jsx","ClipboardCheckmarkRegular","Copy20Regular","CodeBlock","children","className","fileName","language","highlightedCode","setHighlightedCode","copyBlob","lang","codeText","getNodeText","showContainer","isSSRHighlighted","React","childrenArray","child","_a","codeChildren","codeChild","_b","useEffect","grammar","Prism","html","handleCopy","capitalize","cn"],"mappings":"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"}
+{"version":3,"file":"code-block.js","sources":["../../../src/components/content-components/code-block.tsx"],"sourcesContent":["'use client';\n\nimport React, { useEffect, useState } from \"react\";\nimport Prism from \"prismjs\";\nimport \"prismjs/components/prism-javascript.js\";\nimport \"prismjs/components/prism-typescript.js\";\nimport \"prismjs/components/prism-python.js\";\nimport \"prismjs/components/prism-bash.js\";\nimport \"prismjs/components/prism-json.js\";\nimport \"prismjs/components/prism-markdown.js\";\nimport \"prismjs/components/prism-csharp.js\";\nimport \"prismjs/components/prism-powershell.js\";\nimport { getNodeText } from \"../../utils/get-node-text\";\nimport { capitalize } from \"../../utils/string\";\nimport { cn } from \"../../utils/cn\";\nimport {\n  Copy20Regular,\n  ClipboardCheckmarkRegular,\n} from \"@fluentui/react-icons\";\n\nconst SUPPORTED_CLIPBOARD_CONTENT_TYPES = [\"image/png\", \"text/plain\"];\n\n// Hook for clipboard operations\nexport function useCopyToClipboard() {\n  const [isCopied, setIsCopied] = useState(false);\n\n  const copy = async (text: string) => {\n    try {\n      await navigator.clipboard.writeText(text);\n      setIsCopied(true);\n      setTimeout(() => setIsCopied(false), 2000);\n    } catch (error) {\n      console.error(\"Failed to copy to clipboard:\", error);\n    }\n  };\n\n  const copyBlob = async (blob: Blob, contentType: string) => {\n    try {\n      // image/png, text/plain, and text/html are the only filetypes supported in the chromium\n      // clipboard - however, text/html crashes chrome for some reason\n      if (SUPPORTED_CLIPBOARD_CONTENT_TYPES.includes(contentType)) {\n        const buffer = await blob.arrayBuffer();\n        const newBlob = new Blob([buffer], { type: contentType });\n        const clipboardItem = new ClipboardItem({\n          [contentType]: newBlob,\n        });\n        await navigator.clipboard.write([clipboardItem]);\n        setIsCopied(true);\n        setTimeout(() => setIsCopied(false), 2000);\n      } else {\n        // Fallback to text copy for unsupported types\n        const text = await blob.text();\n        await copy(text);\n      }\n    } catch (error) {\n      console.error(\"Failed to copy blob to clipboard:\", error);\n      // Fallback to text copy if blob copy fails\n      try {\n        const text = await blob.text();\n        await copy(text);\n      } catch (fallbackError) {\n        console.error(\"Failed to copy as text fallback:\", fallbackError);\n      }\n    }\n  };\n\n  return { isCopied, copy, copyBlob };\n}\n\n// Base copy icon button component\ninterface CopyIconButtonProps {\n  onClick: () => void;\n  isCopied: boolean;\n  showTooltip?: boolean;\n}\n\nexport function CopyIconButton({ onClick, isCopied, showTooltip = true }: CopyIconButtonProps) {\n  return (\n    <div className=\"mint:relative\">\n      {showTooltip && isCopied && (\n        <div className=\"mint:absolute mint:bottom-[calc(100%+0.5rem)] mint:left-1/2 mint:-translate-x-1/2 mint:bg-white mint:dark:bg-[#1a1a1a] mint:text-[#171717] mint:dark:text-[#fafafa] mint:px-2.5 mint:py-1.5 mint:rounded-md mint:text-xs mint:font-medium mint:whitespace-nowrap mint:shadow-[0_4px_6px_-1px_rgba(0,0,0,0.1),0_2px_4px_-1px_rgba(0,0,0,0.06)] mint:dark:shadow-[0_4px_6px_-1px_rgba(0,0,0,0.3),0_2px_4px_-1px_rgba(0,0,0,0.2)] mint:z-10 mint:animate-[fadeIn_0.15s_ease-out] mint:after:content-[''] mint:after:absolute mint:after:top-full mint:after:left-1/2 mint:after:-translate-x-1/2 mint:after:w-0 mint:after:h-0 mint:after:border-l-[6px] mint:after:border-l-transparent mint:after:border-r-[6px] mint:after:border-r-transparent mint:after:border-t-[6px] mint:after:border-t-white mint:dark:after:border-t-[#1a1a1a]\">\n          Copied!\n        </div>\n      )}\n      <button\n        onClick={onClick}\n        className=\"mint:flex mint:items-center mint:gap-1.5 mint:px-2 mint:py-1 mint:text-xs mint:text-[#737373] mint:dark:text-[#a3a3a3] mint:rounded mint:transition-colors mint:duration-150 mint:border-none mint:bg-transparent mint:cursor-pointer mint:hover:text-[#9263f1] mint:dark:hover:text-[#c9aaf9]\"\n        aria-label={isCopied ? \"Copied\" : \"Copy code\"}\n      >\n        {isCopied ? (\n          <ClipboardCheckmarkRegular className=\"mint:w-5 mint:h-5 mint:text-[#737373] mint:dark:text-[#a3a3a3]\" />\n        ) : (\n          <Copy20Regular className=\"mint:w-5 mint:h-5\" />\n        )}\n      </button>\n    </div>\n  );\n}\n\n// Convenience component that handles text copying\ninterface CopyToClipboardButtonProps {\n  textToCopy: string;\n  showTooltip?: boolean;\n}\n\nexport function CopyToClipboardButton({ textToCopy, showTooltip = true }: CopyToClipboardButtonProps) {\n  const { isCopied, copy } = useCopyToClipboard();\n\n  const handleCopy = () => {\n    copy(textToCopy);\n  };\n\n  return <CopyIconButton onClick={handleCopy} isCopied={isCopied} showTooltip={showTooltip} />;\n}\n\n// Convenience component that handles blob/data copying\ninterface CopyDataToClipboardButtonProps {\n  data: {\n    type: 'image' | 'audio' | 'video' | 'other';\n    blob: Blob;\n    contentType?: string;\n    content?: string;\n  };\n  showTooltip?: boolean;\n}\n\nexport function CopyDataToClipboardButton({ data, showTooltip = true }: CopyDataToClipboardButtonProps) {\n  const { isCopied, copy, copyBlob } = useCopyToClipboard();\n\n  const handleCopy = () => {\n    // Check if we can copy as blob (for images, etc.)\n    if (data.contentType && SUPPORTED_CLIPBOARD_CONTENT_TYPES.includes(data.contentType)) {\n      copyBlob(data.blob, data.contentType);\n    } else if (data.type === 'other' && data.content) {\n      // For text content, copy as text\n      copy(data.content);\n    } else {\n      console.error('Unsupported content type for clipboard');\n    }\n  };\n\n  return <CopyIconButton onClick={handleCopy} isCopied={isCopied} showTooltip={showTooltip} />;\n}\n\ninterface CodeBlockProps {\n  children: React.ReactNode;\n  className?: string;\n  language?: string;\n  fileName?: string;\n  // Support for copying blobs (images, etc.)\n  blob?: Blob;\n  contentType?: string;\n}\n\nexport function CodeBlock({\n  children,\n  className,\n  fileName,\n  language,\n  blob,\n  contentType,\n}: CodeBlockProps) {\n  const [highlightedCode, setHighlightedCode] = useState<string>(\"\");\n  const { isCopied, copy, copyBlob } = useCopyToClipboard();\n  const lang = language || className?.replace(/^language-/, \"\") || \"text\";\n  const codeText = getNodeText(children);\n  const showContainer = !!fileName;\n\n  const isSSRHighlighted = React.useMemo(() => {\n    if (typeof children !== \"object\" || children == null) {\n      return false;\n    }\n\n    const childrenArray = Array.isArray(children) ? children : [children];\n    for (const child of childrenArray) {\n      if (\n        typeof child === \"object\" &&\n        child != null &&\n        \"props\" in child &&\n        child.props?.children\n      ) {\n        const codeChildren = Array.isArray(child.props.children)\n          ? child.props.children\n          : [child.props.children];\n\n        for (const codeChild of codeChildren) {\n          if (\n            typeof codeChild === \"object\" &&\n            codeChild != null &&\n            \"props\" in codeChild &&\n            codeChild.props?.className\n          ) {\n            return true;\n          }\n        }\n      }\n    }\n    return false;\n  }, [children]);\n\n  useEffect(() => {\n    if (isSSRHighlighted) {\n      return;\n    }\n\n    try {\n      const grammar = Prism.languages[lang] || Prism.languages.plaintext;\n      const html = Prism.highlight(codeText, grammar, lang);\n      setHighlightedCode(html);\n    } catch (error) {\n      console.error(\"Failed to highlight code:\", error);\n      setHighlightedCode(codeText);\n    }\n  }, [codeText, lang, isSSRHighlighted]);\n\n  const handleCopy = () => {\n    // If blob and contentType are provided, use blob copying\n    if (blob && contentType) {\n      copyBlob(blob, contentType);\n    } else {\n      // Otherwise, use text copying\n      copy(codeText);\n    }\n  };\n\n  return (\n    <div\n      // eslint-disable-next-line local/enforce-cn-classname\n      className={\n        showContainer\n          ? \"flex flex-col gap-2 mt-4 mb-4 border border-[#e5e5e5] dark:border-[#262626] pt-2.5 px-2 pb-2 rounded-xl overflow-hidden\"\n          : undefined\n      }\n    >\n      {fileName && (\n        <span className=\"mint:text-sm mint:font-medium mint:px-2\">\n          {fileName}\n        </span>\n      )}\n      <div className=\"not-prose mint:relative mint:rounded-xl mint:bg-[#f5f5f5] mint:dark:bg-[#141414]\">\n        <div className=\"mint:flex mint:items-center mint:justify-between mint:px-4 mint:pt-2\">\n          <span className=\"mint:text-xs mint:font-medium mint:text-[#737373] mint:dark:text-[#a3a3a3]\">\n            {capitalize(lang)}\n          </span>\n          <CopyIconButton onClick={handleCopy} isCopied={isCopied} />\n        </div>\n        <div className=\"mint:code-scrollbar mint:overflow-x-auto\">\n          <pre className=\"mint:px-4 mint:pb-3 mint:pt-2 mint:m-0 mint:whitespace-pre mint:text-sm\">\n            {isSSRHighlighted ? (\n              <code\n                className={cn(\n                  `language-${lang}`,\n                  \"mint:block mint:text-[#24292e] mint:dark:text-[#e6edf3]\"\n                )}\n              >\n                {children}\n              </code>\n            ) : highlightedCode ? (\n              <code\n                className={cn(\n                  `language-${lang}`,\n                  \"mint:block mint:text-[#24292e] mint:dark:text-[#e6edf3]\"\n                )}\n                dangerouslySetInnerHTML={{ __html: highlightedCode }}\n              />\n            ) : (\n              <code\n                className={cn(\n                  `language-${lang}`,\n                  \"mint:block mint:text-[#24292e] mint:dark:text-[#e6edf3]\"\n                )}\n              >\n                {codeText}\n              </code>\n            )}\n          </pre>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"names":["SUPPORTED_CLIPBOARD_CONTENT_TYPES","useCopyToClipboard","isCopied","setIsCopied","useState","copy","text","error","blob","contentType","buffer","newBlob","clipboardItem","fallbackError","CopyIconButton","onClick","showTooltip","jsxs","jsx","ClipboardCheckmarkRegular","Copy20Regular","CodeBlock","children","className","fileName","language","highlightedCode","setHighlightedCode","copyBlob","lang","codeText","getNodeText","showContainer","isSSRHighlighted","React","childrenArray","child","_a","codeChildren","codeChild","_b","useEffect","grammar","Prism","html","handleCopy","capitalize","cn"],"mappings":"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"}

package/dist/components/content-components/default-components.js

@@ -6,7 +6,7 @@ import { Image as g } from "./image.js";
 import { Link as h } from "./link.js";
 import { Heading as o } from "./heading.js";
 import { Summary as k, Details as _ } from "./details/details.js";
-function y(i = {}) {
+function x(i = {}) {
   const { LinkComponent: m } = i;
   return {
     h1: (e) => /* @__PURE__ */ t(o, { level: 1, ...e }),
@@ -32,7 +32,7 @@ function y(i = {}) {
       "blockquote",
       {
         className: r(
-          "not-prose mint:border-l-4 mint:border-gray-200 mint:pl-6 mint:mb-4 mint:dark:border-l-white/20"
+          "not-prose mint:mx-0! mint:border-l-4 mint:border-gray-200 mint:pl-6 mint:mb-4 mint:dark:border-l-white/20"
         ),
         ...e
       }
@@ -49,9 +49,9 @@ function y(i = {}) {
     ...c
   };
 }
-const D = y();
+const D = x();
 export {
-  y as createDefaultComponents,
+  x as createDefaultComponents,
   D as defaultComponents
 };
 //# sourceMappingURL=default-components.js.map

package/dist/components/content-components/default-components.js.map

@@ -1 +1 @@
-{"version":3,"file":"default-components.js","sources":["../../../src/components/content-components/default-components.tsx"],"sourcesContent":["import { Details, Heading, Link, Summary, allComponents, Image } from \".\";\nimport type { MDXComponents, LinkComponent } from \"../../types\";\nimport {\n  Table,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableHeader,\n  TableRow,\n} from \"./table\";\nimport { cn } from \"../../utils/cn\";\n\nexport interface CreateDefaultComponentsOptions {\n  LinkComponent?: LinkComponent;\n}\n\nexport function createDefaultComponents(\n  options: CreateDefaultComponentsOptions = {}\n): MDXComponents {\n  const { LinkComponent: CustomLink } = options;\n\n  return {\n    h1: (props) => <Heading level={1} {...props} />,\n    h2: (props) => <Heading level={2} {...props} />,\n    h3: (props) => <Heading level={3} {...props} />,\n    h4: (props) => <Heading level={4} {...props} />,\n    h5: (props) => <Heading level={5} {...props} />,\n    h6: (props) => <Heading level={6} {...props} />,\n    code: ({ className, children, ...props }) => {\n      const isInline = !className;\n      if (isInline) {\n        return (\n          <code\n            className={cn(\n              \"not-prose mint:font-medium mint:font-mono mint:text-sm mint:bg-gray-100 mint:shadow-[0_0_0_1px_rgba(156,163,175,0.3)] mint:px-1.5 mint:py-0.5 mint:rounded mint:dark:bg-[#1f1f1f] mint:dark:shadow-[0_0_0_1px_rgba(55,65,81,0.5)]\"\n            )}\n            {...props}\n          >\n            {children}\n          </code>\n        );\n      }\n      return children;\n    },\n    pre: ({ children }) => <>{children}</>,\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    a: CustomLink ? (props: any) => <CustomLink {...props} /> : Link,\n    blockquote: (props) => (\n      <blockquote\n        className={cn(\n          \"not-prose mint:border-l-4 mint:border-gray-200 mint:pl-6 mint:mb-4 mint:dark:border-l-white/20\"\n        )}\n        {...props}\n      />\n    ),\n    img: Image,\n    table: Table,\n    th: TableHead,\n    td: TableCell,\n    tr: TableRow,\n    thead: TableHeader,\n    tbody: TableBody,\n    details: Details,\n    summary: Summary,\n    ...allComponents,\n  };\n}\n\n// Export as default for backward compatibility\nexport const defaultComponents: MDXComponents = createDefaultComponents();\n"],"names":["createDefaultComponents","options","CustomLink","props","jsx","Heading","className","children","cn","Link","Image","Table","TableHead","TableCell","TableRow","TableHeader","TableBody","Details","Summary","allComponents","defaultComponents"],"mappings":";;;;;;;;AAgBO,SAASA,EACdC,IAA0C,IAC3B;AACf,QAAM,EAAE,eAAeC,EAAA,IAAeD;AAEtC,SAAO;AAAA,IACL,IAAI,CAACE,MAAU,gBAAAC,EAACC,KAAQ,OAAO,GAAI,GAAGF,GAAO;AAAA,IAC7C,IAAI,CAACA,MAAU,gBAAAC,EAACC,KAAQ,OAAO,GAAI,GAAGF,GAAO;AAAA,IAC7C,IAAI,CAACA,MAAU,gBAAAC,EAACC,KAAQ,OAAO,GAAI,GAAGF,GAAO;AAAA,IAC7C,IAAI,CAACA,MAAU,gBAAAC,EAACC,KAAQ,OAAO,GAAI,GAAGF,GAAO;AAAA,IAC7C,IAAI,CAACA,MAAU,gBAAAC,EAACC,KAAQ,OAAO,GAAI,GAAGF,GAAO;AAAA,IAC7C,IAAI,CAACA,MAAU,gBAAAC,EAACC,KAAQ,OAAO,GAAI,GAAGF,GAAO;AAAA,IAC7C,MAAM,CAAC,EAAE,WAAAG,GAAW,UAAAC,GAAU,GAAGJ,QACbG,IAaXC,IAVH,gBAAAH;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWI;AAAA,UACT;AAAA,QAAA;AAAA,QAED,GAAGL;AAAA,QAEH,UAAAI;AAAA,MAAA;AAAA,IAAA;AAAA,IAMT,KAAK,CAAC,EAAE,UAAAA,EAAA,6BAAkB,UAAAA,GAAS;AAAA;AAAA,IAEnC,GAAGL,IAAa,CAACC,wBAAgBD,GAAA,EAAY,GAAGC,GAAO,IAAKM;AAAA,IAC5D,YAAY,CAACN,MACX,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWI;AAAA,UACT;AAAA,QAAA;AAAA,QAED,GAAGL;AAAA,MAAA;AAAA,IAAA;AAAA,IAGR,KAAKO;AAAA,IACL,OAAOC;AAAA,IACP,IAAIC;AAAA,IACJ,IAAIC;AAAA,IACJ,IAAIC;AAAA,IACJ,OAAOC;AAAA,IACP,OAAOC;AAAA,IACP,SAASC;AAAA,IACT,SAASC;AAAA,IACT,GAAGC;AAAA,EAAA;AAEP;AAGO,MAAMC,IAAmCpB,EAAA;"}
+{"version":3,"file":"default-components.js","sources":["../../../src/components/content-components/default-components.tsx"],"sourcesContent":["import { Details, Heading, Link, Summary, allComponents, Image } from \".\";\nimport type { MDXComponents, LinkComponent } from \"../../types\";\nimport {\n  Table,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableHeader,\n  TableRow,\n} from \"./table\";\nimport { cn } from \"../../utils/cn\";\n\nexport interface CreateDefaultComponentsOptions {\n  LinkComponent?: LinkComponent;\n}\n\nexport function createDefaultComponents(\n  options: CreateDefaultComponentsOptions = {}\n): MDXComponents {\n  const { LinkComponent: CustomLink } = options;\n\n  return {\n    h1: (props) => <Heading level={1} {...props} />,\n    h2: (props) => <Heading level={2} {...props} />,\n    h3: (props) => <Heading level={3} {...props} />,\n    h4: (props) => <Heading level={4} {...props} />,\n    h5: (props) => <Heading level={5} {...props} />,\n    h6: (props) => <Heading level={6} {...props} />,\n    code: ({ className, children, ...props }) => {\n      const isInline = !className;\n      if (isInline) {\n        return (\n          <code\n            className={cn(\n              \"not-prose mint:font-medium mint:font-mono mint:text-sm mint:bg-gray-100 mint:shadow-[0_0_0_1px_rgba(156,163,175,0.3)] mint:px-1.5 mint:py-0.5 mint:rounded mint:dark:bg-[#1f1f1f] mint:dark:shadow-[0_0_0_1px_rgba(55,65,81,0.5)]\"\n            )}\n            {...props}\n          >\n            {children}\n          </code>\n        );\n      }\n      return children;\n    },\n    pre: ({ children }) => <>{children}</>,\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    a: CustomLink ? (props: any) => <CustomLink {...props} /> : Link,\n    blockquote: (props) => (\n      <blockquote\n        className={cn(\n          \"not-prose mint:mx-0! mint:border-l-4 mint:border-gray-200 mint:pl-6 mint:mb-4 mint:dark:border-l-white/20\"\n        )}\n        {...props}\n      />\n    ),\n    img: Image,\n    table: Table,\n    th: TableHead,\n    td: TableCell,\n    tr: TableRow,\n    thead: TableHeader,\n    tbody: TableBody,\n    details: Details,\n    summary: Summary,\n    ...allComponents,\n  };\n}\n\n// Export as default for backward compatibility\nexport const defaultComponents: MDXComponents = createDefaultComponents();\n"],"names":["createDefaultComponents","options","CustomLink","props","jsx","Heading","className","children","cn","Link","Image","Table","TableHead","TableCell","TableRow","TableHeader","TableBody","Details","Summary","allComponents","defaultComponents"],"mappings":";;;;;;;;AAgBO,SAASA,EACdC,IAA0C,IAC3B;AACf,QAAM,EAAE,eAAeC,EAAA,IAAeD;AAEtC,SAAO;AAAA,IACL,IAAI,CAACE,MAAU,gBAAAC,EAACC,KAAQ,OAAO,GAAI,GAAGF,GAAO;AAAA,IAC7C,IAAI,CAACA,MAAU,gBAAAC,EAACC,KAAQ,OAAO,GAAI,GAAGF,GAAO;AAAA,IAC7C,IAAI,CAACA,MAAU,gBAAAC,EAACC,KAAQ,OAAO,GAAI,GAAGF,GAAO;AAAA,IAC7C,IAAI,CAACA,MAAU,gBAAAC,EAACC,KAAQ,OAAO,GAAI,GAAGF,GAAO;AAAA,IAC7C,IAAI,CAACA,MAAU,gBAAAC,EAACC,KAAQ,OAAO,GAAI,GAAGF,GAAO;AAAA,IAC7C,IAAI,CAACA,MAAU,gBAAAC,EAACC,KAAQ,OAAO,GAAI,GAAGF,GAAO;AAAA,IAC7C,MAAM,CAAC,EAAE,WAAAG,GAAW,UAAAC,GAAU,GAAGJ,QACbG,IAaXC,IAVH,gBAAAH;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWI;AAAA,UACT;AAAA,QAAA;AAAA,QAED,GAAGL;AAAA,QAEH,UAAAI;AAAA,MAAA;AAAA,IAAA;AAAA,IAMT,KAAK,CAAC,EAAE,UAAAA,EAAA,6BAAkB,UAAAA,GAAS;AAAA;AAAA,IAEnC,GAAGL,IAAa,CAACC,wBAAgBD,GAAA,EAAY,GAAGC,GAAO,IAAKM;AAAA,IAC5D,YAAY,CAACN,MACX,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWI;AAAA,UACT;AAAA,QAAA;AAAA,QAED,GAAGL;AAAA,MAAA;AAAA,IAAA;AAAA,IAGR,KAAKO;AAAA,IACL,OAAOC;AAAA,IACP,IAAIC;AAAA,IACJ,IAAIC;AAAA,IACJ,IAAIC;AAAA,IACJ,OAAOC;AAAA,IACP,OAAOC;AAAA,IACP,SAASC;AAAA,IACT,SAASC;AAAA,IACT,GAAGC;AAAA,EAAA;AAEP;AAGO,MAAMC,IAAmCpB,EAAA;"}

package/dist/components/content-components/home.js

@@ -1,281 +1,6 @@
-import { jsxs as n, jsx as t } from "react/jsx-runtime";
-import { useComponents as e } from "../../context/components-context.js";
-import { FlowSparkleRegular as a, ChatSparkleRegular as r, AgentsRegular as s, DatabaseRegular as d } from "@fluentui/react-icons";
-const f = () => {
-  const { LinkComponent: m } = e(), i = m || "a";
-  return /* @__PURE__ */ n("div", { className: "mint:w-full mint:max-w-none mint:!m-0 mint:!p-0 mint:font-['Aptos',sans-serif] mint:box-border mint:relative mint:[&_*]:box-border", children: [
-    /* @__PURE__ */ n("section", { className: "mint:relative mint:left-[-4rem] mint:top-[-2rem] mint:min-h-[316px] mint:h-[316px] mint:m-0 mint:p-12 mint:pr-16 mint:w-[calc(100%+8rem)] mint:flex mint:items-start mint:justify-start mint:gap-16 mint:!bg-[#fafafa] mint:dark:!bg-[#141414] mint:overflow-hidden", children: [
-      /* @__PURE__ */ t(
-        "div",
-        {
-          className: "mint:block mint:dark:hidden mint:absolute mint:top-0 mint:left-0 mint:right-0 mint:bottom-0 mint:bg-cover mint:bg-center mint:bg-no-repeat mint:pointer-events-none",
-          style: {
-            backgroundImage: "url(https://mintlify-assets.b-cdn.net/azure-ai-foundry/landing-background-light.svg)",
-            height: "24rem"
-          }
-        }
-      ),
-      /* @__PURE__ */ t(
-        "div",
-        {
-          className: "mint:hidden mint:dark:block mint:absolute mint:top-0 mint:left-0 mint:right-0 mint:bottom-0 mint:bg-cover mint:bg-center mint:bg-no-repeat mint:pointer-events-none",
-          style: {
-            backgroundImage: "url(https://mintlify-assets.b-cdn.net/azure-ai-foundry/landing-background-dark.svg)",
-            height: "24rem"
-          }
-        }
-      ),
-      /* @__PURE__ */ n("div", { className: "mint:relative mint:flex mint:flex-col mint:gap-4 mint:z-[1] mint:flex-1 mint:max-w-[450px] mint:ml-[8.5rem] mint:mt-8", children: [
-        /* @__PURE__ */ t("h1", { className: "mint:text-[28px] mint:font-normal mint:text-[#242424] mint:dark:text-white mint:m-0 mint:leading-9", children: "Foundry quick start" }),
-        /* @__PURE__ */ n("p", { className: "mint:text-sm mint:text-[#424242] mint:dark:text-[#d6d6d6] mint:leading-5 mint:m-0", children: [
-          "Learn how to get started with Azure AI Foundry by ",
-          /* @__PURE__ */ t("br", {}),
-          " creating a project, deploying a model, and running ",
-          /* @__PURE__ */ t("br", {}),
-          " your first chat completion."
-        ] }),
-        /* @__PURE__ */ t("button", { className: "mint:bg-[#643fb2] mint:hover:bg-[#7450d0] mint:text-white mint:py-1 mint:px-3 mint:rounded-lg mint:text-xs mint:font-normal mint:rounded-full mint:border-none mint:cursor-pointer mint:w-fit", children: "Get started" })
-      ] })
-    ] }),
-    /* @__PURE__ */ n("section", { className: "mint:mb-16 mint:mt-4 mint:px-12 mint:flex mint:flex-col mint:items-center", children: [
-      /* @__PURE__ */ t("h2", { className: "mint:text-[20px] mint:font-semibold mint:font-['Aptos_SemiBold',sans-serif] mint:text-[#242424] mint:dark:text-white mint:m-0 mint:w-full mint:max-w-[800px] mint:text-left", children: "Learn more" }),
-      /* @__PURE__ */ n("div", { className: "mint:grid mint:grid-cols-2 mint:gap-3 mint:mt-4 mint:max-w-[800px]", children: [
-        /* @__PURE__ */ n("div", { className: "mint:bg-[#fafafa] mint:dark:bg-[#1a1a1a] mint:border mint:border-[#f0f0f0] mint:dark:border-[#3d3d3d] mint:rounded-xl mint:p-6 mint:flex mint:flex-col mint:gap-2 mint:transition-all mint:duration-200 mint:hover:shadow-[0_4px_12px_rgba(0,0,0,0.1)] mint:dark:hover:shadow-[0_4px_12px_rgba(0,0,0,0.3)] mint:hover:border-[rgba(99,102,241,0.3)]", children: [
-          /* @__PURE__ */ t("div", { className: "mint:text-[2rem] mint:mb-2 mint:w-12 mint:h-12 mint:bg-[#f3f4f6] mint:dark:bg-black mint:rounded-lg mint:flex mint:items-center mint:justify-center mint:[&>svg]:w-6 mint:[&>svg]:h-6", children: /* @__PURE__ */ t(a, {}) }),
-          /* @__PURE__ */ t("h3", { className: "mint:text-sm mint:font-semibold mint:font-['Aptos_SemiBold',sans-serif] mint:text-[#141414] mint:dark:text-white mint:m-0", children: "Build your first AI app" }),
-          /* @__PURE__ */ t("p", { className: "mint:text-sm mint:font-normal mint:text-[#616161] mint:dark:text-[#adadad] mint:font-['Aptos',sans-serif] mint:leading-5 mint:-mt-1 mint:m-0", children: "Create a Foundry project and deploy a model. Includes SDK samples for multiple programming languages." })
-        ] }),
-        /* @__PURE__ */ n("div", { className: "mint:bg-[#fafafa] mint:dark:bg-[#1a1a1a] mint:border mint:border-[#f0f0f0] mint:dark:border-[#3d3d3d] mint:rounded-xl mint:p-6 mint:flex mint:flex-col mint:gap-2 mint:transition-all mint:duration-200 mint:hover:shadow-[0_4px_12px_rgba(0,0,0,0.1)] mint:dark:hover:shadow-[0_4px_12px_rgba(0,0,0,0.3)] mint:hover:border-[rgba(99,102,241,0.3)]", children: [
-          /* @__PURE__ */ t("div", { className: "mint:text-[2rem] mint:mb-2 mint:w-12 mint:h-12 mint:bg-[#f3f4f6] mint:dark:bg-black mint:rounded-lg mint:flex mint:items-center mint:justify-center mint:[&>svg]:w-6 mint:[&>svg]:h-6", children: /* @__PURE__ */ t(r, {}) }),
-          /* @__PURE__ */ t("h3", { className: "mint:text-sm mint:font-semibold mint:font-['Aptos_SemiBold',sans-serif] mint:text-[#141414] mint:dark:text-white mint:m-0", children: "Get answers in chat playground" }),
-          /* @__PURE__ */ t("p", { className: "mint:text-sm mint:font-normal mint:text-[#616161] mint:dark:text-[#adadad] mint:font-['Aptos',sans-serif] mint:leading-5 mint:-mt-1 mint:m-0", children: "Interact with deployed models in the playground. Configure prompts and test responses in a no-code UI." })
-        ] }),
-        /* @__PURE__ */ n("div", { className: "mint:bg-[#fafafa] mint:dark:bg-[#1a1a1a] mint:border mint:border-[#f0f0f0] mint:dark:border-[#3d3d3d] mint:rounded-xl mint:p-6 mint:flex mint:flex-col mint:gap-2 mint:transition-all mint:duration-200 mint:hover:shadow-[0_4px_12px_rgba(0,0,0,0.1)] mint:dark:hover:shadow-[0_4px_12px_rgba(0,0,0,0.3)] mint:hover:border-[rgba(99,102,241,0.3)]", children: [
-          /* @__PURE__ */ t("div", { className: "mint:text-[2rem] mint:mb-2 mint:w-12 mint:h-12 mint:bg-[#f3f4f6] mint:dark:bg-black mint:rounded-lg mint:flex mint:items-center mint:justify-center mint:[&>svg]:w-6 mint:[&>svg]:h-6", children: /* @__PURE__ */ t(s, {}) }),
-          /* @__PURE__ */ t("h3", { className: "mint:text-sm mint:font-semibold mint:font-['Aptos_SemiBold',sans-serif] mint:text-[#141414] mint:dark:text-white mint:m-0", children: "Develop an AI agent" }),
-          /* @__PURE__ */ t("p", { className: "mint:text-sm mint:font-normal mint:text-[#616161] mint:dark:text-[#adadad] mint:font-['Aptos',sans-serif] mint:leading-5 mint:-mt-1 mint:m-0", children: "Launch image generation models in Foundry playground. Easily integrate with code samples." })
-        ] }),
-        /* @__PURE__ */ n("div", { className: "mint:bg-[#fafafa] mint:dark:bg-[#1a1a1a] mint:border mint:border-[#f0f0f0] mint:dark:border-[#3d3d3d] mint:rounded-xl mint:p-6 mint:flex mint:flex-col mint:gap-2 mint:transition-all mint:duration-200 mint:hover:shadow-[0_4px_12px_rgba(0,0,0,0.1)] mint:dark:hover:shadow-[0_4px_12px_rgba(0,0,0,0.3)] mint:hover:border-[rgba(99,102,241,0.3)]", children: [
-          /* @__PURE__ */ t("div", { className: "mint:text-[2rem] mint:mb-2 mint:w-12 mint:h-12 mint:bg-[#f3f4f6] mint:dark:bg-black mint:rounded-lg mint:flex mint:items-center mint:justify-center mint:[&>svg]:w-6 mint:[&>svg]:h-6", children: /* @__PURE__ */ t(d, {}) }),
-          /* @__PURE__ */ t("h3", { className: "mint:text-sm mint:font-semibold mint:font-['Aptos_SemiBold',sans-serif] mint:text-[#141414] mint:dark:text-white mint:m-0", children: "Generate Images with Azure OpenAI" }),
-          /* @__PURE__ */ t("p", { className: "mint:text-sm mint:font-normal mint:text-[#616161] mint:dark:text-[#adadad] mint:font-['Aptos',sans-serif] mint:leading-5 mint:-mt-1 mint:m-0", children: "Deploy image generation models in Foundry playground. Includes code samples for quick integration." })
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ n("section", { className: "mint:mb-16 mint:px-12 mint:flex mint:flex-col mint:items-center", children: [
-      /* @__PURE__ */ n("div", { className: "mint:flex mint:justify-between mint:items-center mint:w-full mint:max-w-[800px] mint:mb-1", children: [
-        /* @__PURE__ */ t("h2", { className: "mint:text-[20px] mint:font-semibold mint:font-['Aptos_SemiBold',sans-serif] mint:text-[#242424] mint:dark:text-white mint:m-0 mint:w-full mint:max-w-[800px] mint:text-left", children: "Explore models from popular providers" }),
-        /* @__PURE__ */ t("button", { className: "mint:bg-transparent mint:text-[#242424] mint:dark:text-white mint:dark:border-[#666] mint:py-[0.15rem] mint:px-2 mint:rounded-full mint:text-xs mint:font-normal mint:border mint:border-[#d1d1d1] mint:cursor-pointer mint:whitespace-nowrap mint:transition-all mint:duration-200 mint:hover:bg-[#e0e0e1] mint:dark:hover:bg-[#171717]", children: "View all models" })
-      ] }),
-      /* @__PURE__ */ n("div", { className: "mint:flex mint:gap-3 mint:mt-4 mint:mb-4 mint:max-w-[800px]", children: [
-        /* @__PURE__ */ n("div", { className: "mint:bg-[linear-gradient(to_bottom,rgba(255,255,255,0.7),rgba(255,255,255,0.7)),linear-gradient(135deg,#8251EE_0%,#E1CEFC_100%)] mint:dark:bg-[linear-gradient(to_bottom,rgba(0,0,0,0.6),rgba(0,0,0,0.6)),linear-gradient(135deg,#8251EE_0%,#E1CEFC_100%)] mint:dark:border-[rgba(255,255,255,0.07)] mint:rounded-xl mint:pt-6 mint:px-6 mint:pb-6 mint:h-[200px] mint:flex-1 mint:flex mint:flex-col mint:transition-all mint:duration-200 mint:box-border", children: [
-          /* @__PURE__ */ t("div", { className: "mint:w-12 mint:h-12 mint:bg-[#f3f4f6] mint:dark:bg-[#1f1f1f] mint:rounded-lg mint:flex mint:items-center mint:justify-center mint:text-[2rem] mint:text-white", children: /* @__PURE__ */ t(
-            "img",
-            {
-              className: "mint:w-8 mint:h-8 mint:object-contain",
-              src: "https://mintlify-assets.b-cdn.net/azure-ai-foundry/Open%20AI%20logo.svg",
-              alt: "OpenAI"
-            }
-          ) }),
-          /* @__PURE__ */ t("h3", { className: "mint:text-sm mint:font-semibold mint:font-['Aptos_SemiBold',sans-serif] mint:leading-5 mint:text-black mint:dark:text-white mint:mt-4 mint:mb-0", children: "GPT-5" }),
-          /* @__PURE__ */ t("p", { className: "mint:text-sm mint:font-normal mint:leading-5 mint:text-black mint:dark:text-[rgba(255,255,255,0.9)] mint:mt-2 mint:mb-0", children: "GPT-5 unifies frontier reasoning and advanced coding with high-performance" })
-        ] }),
-        /* @__PURE__ */ n("div", { className: "mint:bg-[linear-gradient(to_bottom,rgba(255,255,255,0.7),rgba(255,255,255,0.7)),linear-gradient(135deg,#8251EE_0%,#E1CEFC_100%)] mint:dark:bg-[linear-gradient(to_bottom,rgba(0,0,0,0.6),rgba(0,0,0,0.6)),linear-gradient(135deg,#8251EE_0%,#E1CEFC_100%)] mint:dark:border-[rgba(255,255,255,0.07)] mint:rounded-xl mint:pt-6 mint:px-6 mint:pb-6 mint:h-[200px] mint:flex-1 mint:flex mint:flex-col mint:transition-all mint:duration-200 mint:box-border", children: [
-          /* @__PURE__ */ t("div", { className: "mint:w-12 mint:h-12 mint:bg-[#f3f4f6] mint:dark:bg-[#1f1f1f] mint:rounded-lg mint:flex mint:items-center mint:justify-center mint:text-[2rem] mint:text-white", children: /* @__PURE__ */ t(
-            "img",
-            {
-              className: "mint:w-8 mint:h-8 mint:object-contain",
-              src: "https://mintlify-assets.b-cdn.net/azure-ai-foundry/DeepSeek.svg",
-              alt: "DeepSeek"
-            }
-          ) }),
-          /* @__PURE__ */ t("h3", { className: "mint:text-sm mint:font-semibold mint:font-['Aptos_SemiBold',sans-serif] mint:leading-5 mint:text-black mint:dark:text-white mint:mt-4 mint:mb-0", children: "Introducing DeepSeek-R1-0528" }),
-          /* @__PURE__ */ t("p", { className: "mint:text-sm mint:font-normal mint:leading-5 mint:text-black mint:dark:text-[rgba(255,255,255,0.9)] mint:mt-2 mint:mb-0", children: "Improved reasoning, fewer hallucinations, better coding and functions" })
-        ] }),
-        /* @__PURE__ */ n("div", { className: "mint:bg-[linear-gradient(to_bottom,rgba(255,255,255,0.7),rgba(255,255,255,0.7)),linear-gradient(135deg,#8251EE_0%,#E1CEFC_100%)] mint:dark:bg-[linear-gradient(to_bottom,rgba(0,0,0,0.6),rgba(0,0,0,0.6)),linear-gradient(135deg,#8251EE_0%,#E1CEFC_100%)] mint:dark:border-[rgba(255,255,255,0.07)] mint:rounded-xl mint:pt-6 mint:px-6 mint:pb-6 mint:h-[200px] mint:flex-1 mint:flex mint:flex-col mint:transition-all mint:duration-200 mint:box-border", children: [
-          /* @__PURE__ */ t("div", { className: "mint:w-12 mint:h-12 mint:bg-[#f3f4f6] mint:dark:bg-[#1f1f1f] mint:rounded-lg mint:flex mint:items-center mint:justify-center mint:text-[2rem] mint:text-white", children: /* @__PURE__ */ t(
-            "img",
-            {
-              className: "mint:w-8 mint:h-8 mint:object-contain",
-              src: "https://mintlify-assets.b-cdn.net/azure-ai-foundry/Open%20AI%20logo.svg",
-              alt: "Sora"
-            }
-          ) }),
-          /* @__PURE__ */ t("h3", { className: "mint:text-sm mint:font-semibold mint:font-['Aptos_SemiBold',sans-serif] mint:leading-5 mint:text-black mint:dark:text-white mint:mt-4 mint:mb-0", children: "Sora" }),
-          /* @__PURE__ */ t("p", { className: "mint:text-sm mint:font-normal mint:leading-5 mint:text-black mint:dark:text-[rgba(255,255,255,0.9)] mint:mt-2 mint:mb-0", children: "Generate up to 20s 1080p videos with Sora and its unique API: text-to-video now, image..." })
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ n("section", { className: "mint:flex mint:gap-12 mint:flex-wrap mint:justify-center mint:px-8 mint:mt-8 mint:mb-8", children: [
-      /* @__PURE__ */ n("div", { className: "mint:flex mint:flex-col mint:items-center mint:text-center", children: [
-        /* @__PURE__ */ n("div", { className: "mint:mb-8 mint:w-8 mint:h-8", children: [
-          /* @__PURE__ */ t(
-            "img",
-            {
-              className: "mint:block mint:dark:!hidden mint:w-8 mint:h-8",
-              src: "https://mintlify-assets.b-cdn.net/azure-ai-foundry/Github.svg",
-              alt: "GitHub"
-            }
-          ),
-          /* @__PURE__ */ t(
-            "img",
-            {
-              className: "mint:!hidden mint:dark:!block mint:w-8 mint:h-8",
-              src: "https://mintlify-assets.b-cdn.net/azure-ai-foundry/Github-dark.svg",
-              alt: "GitHub"
-            }
-          )
-        ] }),
-        /* @__PURE__ */ n(
-          i,
-          {
-            href: "https://github.com/azure-ai-foundry",
-            className: "mint:text-sm mint:font-medium mint:font-['Aptos_SemiBold',sans-serif] mint:text-[#643fb2] mint:dark:text-[#c9aaf9] mint:no-underline mint:inline-flex mint:items-center mint:justify-center mint:gap-1 mint:transition-colors mint:duration-200 mint:hover:text-[#4f46e5] mint:dark:hover:text-[#a5b4fc]",
-            target: "_blank",
-            rel: "noopener noreferrer",
-            children: [
-              "GitHub",
-              /* @__PURE__ */ n("div", { className: "mint:w-3.5 mint:h-3.5 mint:flex-shrink-0 mint:flex mint:items-center mint:justify-center", children: [
-                /* @__PURE__ */ t(
-                  "img",
-                  {
-                    className: "mint:block mint:dark:!hidden mint:w-full mint:h-full",
-                    src: "https://mintlify-assets.b-cdn.net/azure-ai-foundry/Open.svg",
-                    alt: "External link"
-                  }
-                ),
-                /* @__PURE__ */ t(
-                  "img",
-                  {
-                    className: "mint:!hidden mint:dark:!block mint:w-full mint:h-full",
-                    src: "https://mintlify-assets.b-cdn.net/azure-ai-foundry/Open%20(1).svg",
-                    alt: "External link"
-                  }
-                )
-              ] })
-            ]
-          }
-        ),
-        /* @__PURE__ */ n("p", { className: "mint:text-sm mint:text-[#424242] mint:dark:text-[#d6d6d6] mint:leading-[1.5] mint:m-0 mint:max-w-[300px]", children: [
-          "Get the latest SDK updates and ",
-          /* @__PURE__ */ t("br", {}),
-          " code samples on GitHub."
-        ] })
-      ] }),
-      /* @__PURE__ */ n("div", { className: "mint:flex mint:flex-col mint:items-center mint:text-center", children: [
-        /* @__PURE__ */ n("div", { className: "mint:mb-8 mint:w-8 mint:h-8", children: [
-          /* @__PURE__ */ t(
-            "img",
-            {
-              className: "mint:block mint:dark:!hidden mint:w-8 mint:h-8",
-              src: "https://mintlify-assets.b-cdn.net/azure-ai-foundry/Discord_Light.svg",
-              alt: "Discord"
-            }
-          ),
-          /* @__PURE__ */ t(
-            "img",
-            {
-              className: "mint:!hidden mint:dark:!block mint:w-8 mint:h-8",
-              src: "https://mintlify-assets.b-cdn.net/azure-ai-foundry/Discord_Dark.svg",
-              alt: "Discord"
-            }
-          )
-        ] }),
-        /* @__PURE__ */ n(
-          i,
-          {
-            href: "https://discord.com/invite/azureaifoundry",
-            className: "mint:text-sm mint:font-medium mint:font-['Aptos_SemiBold',sans-serif] mint:text-[#643fb2] mint:dark:text-[#c9aaf9] mint:no-underline mint:inline-flex mint:items-center mint:justify-center mint:gap-1 mint:transition-colors mint:duration-200 mint:hover:text-[#4f46e5] mint:dark:hover:text-[#a5b4fc]",
-            target: "_blank",
-            rel: "noopener noreferrer",
-            children: [
-              "Discord",
-              /* @__PURE__ */ n("div", { className: "mint:w-3.5 mint:h-3.5 mint:flex-shrink-0 mint:flex mint:items-center mint:justify-center", children: [
-                /* @__PURE__ */ t(
-                  "img",
-                  {
-                    className: "mint:block mint:dark:!hidden mint:w-full mint:h-full",
-                    src: "https://mintlify-assets.b-cdn.net/azure-ai-foundry/Open.svg",
-                    alt: "External link"
-                  }
-                ),
-                /* @__PURE__ */ t(
-                  "img",
-                  {
-                    className: "mint:!hidden mint:dark:!block mint:w-full mint:h-full",
-                    src: "https://mintlify-assets.b-cdn.net/azure-ai-foundry/Open%20(1).svg",
-                    alt: "External link"
-                  }
-                )
-              ] })
-            ]
-          }
-        ),
-        /* @__PURE__ */ n("p", { className: "mint:text-sm mint:text-[#424242] mint:dark:text-[#d6d6d6] mint:leading-[1.5] mint:m-0 mint:max-w-[300px]", children: [
-          "Have questions? Join and connect ",
-          /* @__PURE__ */ t("br", {}),
-          " with our Discord community."
-        ] })
-      ] }),
-      /* @__PURE__ */ n("div", { className: "mint:flex mint:flex-col mint:items-center mint:text-center", children: [
-        /* @__PURE__ */ n("div", { className: "mint:mb-8 mint:w-8 mint:h-8", children: [
-          /* @__PURE__ */ t(
-            "img",
-            {
-              className: "mint:block mint:dark:!hidden mint:w-8 mint:h-8",
-              src: "https://mintlify-assets.b-cdn.net/azure-ai-foundry/Shape.svg",
-              alt: "Blog"
-            }
-          ),
-          /* @__PURE__ */ t(
-            "img",
-            {
-              className: "mint:!hidden mint:dark:!block mint:w-8 mint:h-8",
-              src: "https://mintlify-assets.b-cdn.net/azure-ai-foundry/Shape%20(1).svg",
-              alt: "Blog"
-            }
-          )
-        ] }),
-        /* @__PURE__ */ n(
-          i,
-          {
-            href: "https://devblogs.microsoft.com/foundry/",
-            className: "mint:text-sm mint:font-medium mint:font-['Aptos_SemiBold',sans-serif] mint:text-[#643fb2] mint:dark:text-[#c9aaf9] mint:no-underline mint:inline-flex mint:items-center mint:justify-center mint:gap-1 mint:transition-colors mint:duration-200 mint:hover:text-[#4f46e5] mint:dark:hover:text-[#a5b4fc]",
-            target: "_blank",
-            rel: "noopener noreferrer",
-            children: [
-              "Blog",
-              /* @__PURE__ */ n("div", { className: "mint:w-3.5 mint:h-3.5 mint:flex-shrink-0 mint:flex mint:items-center mint:justify-center", children: [
-                /* @__PURE__ */ t(
-                  "img",
-                  {
-                    className: "mint:block mint:dark:!hidden mint:w-full mint:h-full",
-                    src: "https://mintlify-assets.b-cdn.net/azure-ai-foundry/Open.svg",
-                    alt: "External link"
-                  }
-                ),
-                /* @__PURE__ */ t(
-                  "img",
-                  {
-                    className: "mint:!hidden mint:dark:!block mint:w-full mint:h-full",
-                    src: "https://mintlify-assets.b-cdn.net/azure-ai-foundry/Open%20(1).svg",
-                    alt: "External link"
-                  }
-                )
-              ] })
-            ]
-          }
-        ),
-        /* @__PURE__ */ n("p", { className: "mint:text-sm mint:text-[#424242] mint:dark:text-[#d6d6d6] mint:leading-[1.5] mint:m-0 mint:max-w-[300px]", children: [
-          "Read updates and insights on ",
-          /* @__PURE__ */ t("br", {}),
-          " Foundry DevBlog."
-        ] })
-      ] })
-    ] })
-  ] });
-};
+import { jsx as t } from "react/jsx-runtime";
+const n = () => /* @__PURE__ */ t("div", { className: "mint:w-full mint:h-full mint:flex mint:items-center mint:justify-center mint:max-w-none mint:text-center", children: "Homepage content built on primary codebase" });
 export {
-  f as Home
+  n as Home
 };
 //# sourceMappingURL=home.js.map

package/dist/components/content-components/home.js.map

@@ -1 +1 @@
-{"version":3,"file":"home.js","sources":["../../../src/components/content-components/home.tsx"],"sourcesContent":["import React from \"react\";\nimport { useComponents } from \"../../context/components-context\";\nimport {\n  AgentsRegular,\n  FlowSparkleRegular,\n  ChatSparkleRegular,\n  DatabaseRegular,\n} from \"@fluentui/react-icons\";\nimport { cn } from \"../../utils/cn\";\n\nexport const Home = () => {\n  const { LinkComponent } = useComponents();\n  const LinkElement = LinkComponent || \"a\";\n\n  return (\n    <div className=\"mint:w-full mint:max-w-none mint:!m-0 mint:!p-0 mint:font-['Aptos',sans-serif] mint:box-border mint:relative mint:[&_*]:box-border\">\n      <section className=\"mint:relative mint:left-[-4rem] mint:top-[-2rem] mint:min-h-[316px] mint:h-[316px] mint:m-0 mint:p-12 mint:pr-16 mint:w-[calc(100%+8rem)] mint:flex mint:items-start mint:justify-start mint:gap-16 mint:!bg-[#fafafa] mint:dark:!bg-[#141414] mint:overflow-hidden\">\n        <div\n          className=\"mint:block mint:dark:hidden mint:absolute mint:top-0 mint:left-0 mint:right-0 mint:bottom-0 mint:bg-cover mint:bg-center mint:bg-no-repeat mint:pointer-events-none\"\n          style={{\n            backgroundImage:\n              \"url(https://mintlify-assets.b-cdn.net/azure-ai-foundry/landing-background-light.svg)\",\n            height: \"24rem\",\n          }}\n        />\n        <div\n          className=\"mint:hidden mint:dark:block mint:absolute mint:top-0 mint:left-0 mint:right-0 mint:bottom-0 mint:bg-cover mint:bg-center mint:bg-no-repeat mint:pointer-events-none\"\n          style={{\n            backgroundImage:\n              \"url(https://mintlify-assets.b-cdn.net/azure-ai-foundry/landing-background-dark.svg)\",\n            height: \"24rem\",\n          }}\n        />\n        <div className=\"mint:relative mint:flex mint:flex-col mint:gap-4 mint:z-[1] mint:flex-1 mint:max-w-[450px] mint:ml-[8.5rem] mint:mt-8\">\n          <h1 className=\"mint:text-[28px] mint:font-normal mint:text-[#242424] mint:dark:text-white mint:m-0 mint:leading-9\">\n            Foundry quick start\n          </h1>\n          <p className=\"mint:text-sm mint:text-[#424242] mint:dark:text-[#d6d6d6] mint:leading-5 mint:m-0\">\n            Learn how to get started with Azure AI Foundry by <br /> creating a\n            project, deploying a model, and running <br /> your first chat\n            completion.\n          </p>\n          <button className=\"mint:bg-[#643fb2] mint:hover:bg-[#7450d0] mint:text-white mint:py-1 mint:px-3 mint:rounded-lg mint:text-xs mint:font-normal mint:rounded-full mint:border-none mint:cursor-pointer mint:w-fit\">\n            Get started\n          </button>\n        </div>\n      </section>\n\n      <section className=\"mint:mb-16 mint:mt-4 mint:px-12 mint:flex mint:flex-col mint:items-center\">\n        <h2 className=\"mint:text-[20px] mint:font-semibold mint:font-['Aptos_SemiBold',sans-serif] mint:text-[#242424] mint:dark:text-white mint:m-0 mint:w-full mint:max-w-[800px] mint:text-left\">\n          Learn more\n        </h2>\n        <div className=\"mint:grid mint:grid-cols-2 mint:gap-3 mint:mt-4 mint:max-w-[800px]\">\n          <div className=\"mint:bg-[#fafafa] mint:dark:bg-[#1a1a1a] mint:border mint:border-[#f0f0f0] mint:dark:border-[#3d3d3d] mint:rounded-xl mint:p-6 mint:flex mint:flex-col mint:gap-2 mint:transition-all mint:duration-200 mint:hover:shadow-[0_4px_12px_rgba(0,0,0,0.1)] mint:dark:hover:shadow-[0_4px_12px_rgba(0,0,0,0.3)] mint:hover:border-[rgba(99,102,241,0.3)]\">\n            <div className=\"mint:text-[2rem] mint:mb-2 mint:w-12 mint:h-12 mint:bg-[#f3f4f6] mint:dark:bg-black mint:rounded-lg mint:flex mint:items-center mint:justify-center mint:[&>svg]:w-6 mint:[&>svg]:h-6\">\n              <FlowSparkleRegular />\n            </div>\n            <h3 className=\"mint:text-sm mint:font-semibold mint:font-['Aptos_SemiBold',sans-serif] mint:text-[#141414] mint:dark:text-white mint:m-0\">\n              Build your first AI app\n            </h3>\n            <p className=\"mint:text-sm mint:font-normal mint:text-[#616161] mint:dark:text-[#adadad] mint:font-['Aptos',sans-serif] mint:leading-5 mint:-mt-1 mint:m-0\">\n              Create a Foundry project and deploy a model. Includes SDK samples\n              for multiple programming languages.\n            </p>\n          </div>\n\n          <div className=\"mint:bg-[#fafafa] mint:dark:bg-[#1a1a1a] mint:border mint:border-[#f0f0f0] mint:dark:border-[#3d3d3d] mint:rounded-xl mint:p-6 mint:flex mint:flex-col mint:gap-2 mint:transition-all mint:duration-200 mint:hover:shadow-[0_4px_12px_rgba(0,0,0,0.1)] mint:dark:hover:shadow-[0_4px_12px_rgba(0,0,0,0.3)] mint:hover:border-[rgba(99,102,241,0.3)]\">\n            <div className=\"mint:text-[2rem] mint:mb-2 mint:w-12 mint:h-12 mint:bg-[#f3f4f6] mint:dark:bg-black mint:rounded-lg mint:flex mint:items-center mint:justify-center mint:[&>svg]:w-6 mint:[&>svg]:h-6\">\n              <ChatSparkleRegular />\n            </div>\n            <h3 className=\"mint:text-sm mint:font-semibold mint:font-['Aptos_SemiBold',sans-serif] mint:text-[#141414] mint:dark:text-white mint:m-0\">\n              Get answers in chat playground\n            </h3>\n            <p className=\"mint:text-sm mint:font-normal mint:text-[#616161] mint:dark:text-[#adadad] mint:font-['Aptos',sans-serif] mint:leading-5 mint:-mt-1 mint:m-0\">\n              Interact with deployed models in the playground. Configure prompts\n              and test responses in a no-code UI.\n            </p>\n          </div>\n\n          <div className=\"mint:bg-[#fafafa] mint:dark:bg-[#1a1a1a] mint:border mint:border-[#f0f0f0] mint:dark:border-[#3d3d3d] mint:rounded-xl mint:p-6 mint:flex mint:flex-col mint:gap-2 mint:transition-all mint:duration-200 mint:hover:shadow-[0_4px_12px_rgba(0,0,0,0.1)] mint:dark:hover:shadow-[0_4px_12px_rgba(0,0,0,0.3)] mint:hover:border-[rgba(99,102,241,0.3)]\">\n            <div className=\"mint:text-[2rem] mint:mb-2 mint:w-12 mint:h-12 mint:bg-[#f3f4f6] mint:dark:bg-black mint:rounded-lg mint:flex mint:items-center mint:justify-center mint:[&>svg]:w-6 mint:[&>svg]:h-6\">\n              <AgentsRegular />\n            </div>\n            <h3 className=\"mint:text-sm mint:font-semibold mint:font-['Aptos_SemiBold',sans-serif] mint:text-[#141414] mint:dark:text-white mint:m-0\">\n              Develop an AI agent\n            </h3>\n            <p className=\"mint:text-sm mint:font-normal mint:text-[#616161] mint:dark:text-[#adadad] mint:font-['Aptos',sans-serif] mint:leading-5 mint:-mt-1 mint:m-0\">\n              Launch image generation models in Foundry playground. Easily\n              integrate with code samples.\n            </p>\n          </div>\n\n          <div className=\"mint:bg-[#fafafa] mint:dark:bg-[#1a1a1a] mint:border mint:border-[#f0f0f0] mint:dark:border-[#3d3d3d] mint:rounded-xl mint:p-6 mint:flex mint:flex-col mint:gap-2 mint:transition-all mint:duration-200 mint:hover:shadow-[0_4px_12px_rgba(0,0,0,0.1)] mint:dark:hover:shadow-[0_4px_12px_rgba(0,0,0,0.3)] mint:hover:border-[rgba(99,102,241,0.3)]\">\n            <div className=\"mint:text-[2rem] mint:mb-2 mint:w-12 mint:h-12 mint:bg-[#f3f4f6] mint:dark:bg-black mint:rounded-lg mint:flex mint:items-center mint:justify-center mint:[&>svg]:w-6 mint:[&>svg]:h-6\">\n              <DatabaseRegular />\n            </div>\n            <h3 className=\"mint:text-sm mint:font-semibold mint:font-['Aptos_SemiBold',sans-serif] mint:text-[#141414] mint:dark:text-white mint:m-0\">\n              Generate Images with Azure OpenAI\n            </h3>\n            <p className=\"mint:text-sm mint:font-normal mint:text-[#616161] mint:dark:text-[#adadad] mint:font-['Aptos',sans-serif] mint:leading-5 mint:-mt-1 mint:m-0\">\n              Deploy image generation models in Foundry playground. Includes\n              code samples for quick integration.\n            </p>\n          </div>\n        </div>\n      </section>\n\n      <section className=\"mint:mb-16 mint:px-12 mint:flex mint:flex-col mint:items-center\">\n        <div className=\"mint:flex mint:justify-between mint:items-center mint:w-full mint:max-w-[800px] mint:mb-1\">\n          <h2 className=\"mint:text-[20px] mint:font-semibold mint:font-['Aptos_SemiBold',sans-serif] mint:text-[#242424] mint:dark:text-white mint:m-0 mint:w-full mint:max-w-[800px] mint:text-left\">\n            Explore models from popular providers\n          </h2>\n          <button className=\"mint:bg-transparent mint:text-[#242424] mint:dark:text-white mint:dark:border-[#666] mint:py-[0.15rem] mint:px-2 mint:rounded-full mint:text-xs mint:font-normal mint:border mint:border-[#d1d1d1] mint:cursor-pointer mint:whitespace-nowrap mint:transition-all mint:duration-200 mint:hover:bg-[#e0e0e1] mint:dark:hover:bg-[#171717]\">\n            View all models\n          </button>\n        </div>\n        <div className=\"mint:flex mint:gap-3 mint:mt-4 mint:mb-4 mint:max-w-[800px]\">\n          <div className=\"mint:bg-[linear-gradient(to_bottom,rgba(255,255,255,0.7),rgba(255,255,255,0.7)),linear-gradient(135deg,#8251EE_0%,#E1CEFC_100%)] mint:dark:bg-[linear-gradient(to_bottom,rgba(0,0,0,0.6),rgba(0,0,0,0.6)),linear-gradient(135deg,#8251EE_0%,#E1CEFC_100%)] mint:dark:border-[rgba(255,255,255,0.07)] mint:rounded-xl mint:pt-6 mint:px-6 mint:pb-6 mint:h-[200px] mint:flex-1 mint:flex mint:flex-col mint:transition-all mint:duration-200 mint:box-border\">\n            <div className=\"mint:w-12 mint:h-12 mint:bg-[#f3f4f6] mint:dark:bg-[#1f1f1f] mint:rounded-lg mint:flex mint:items-center mint:justify-center mint:text-[2rem] mint:text-white\">\n              <img\n                className=\"mint:w-8 mint:h-8 mint:object-contain\"\n                src=\"https://mintlify-assets.b-cdn.net/azure-ai-foundry/Open%20AI%20logo.svg\"\n                alt=\"OpenAI\"\n              />\n            </div>\n            <h3 className=\"mint:text-sm mint:font-semibold mint:font-['Aptos_SemiBold',sans-serif] mint:leading-5 mint:text-black mint:dark:text-white mint:mt-4 mint:mb-0\">\n              GPT-5\n            </h3>\n            <p className=\"mint:text-sm mint:font-normal mint:leading-5 mint:text-black mint:dark:text-[rgba(255,255,255,0.9)] mint:mt-2 mint:mb-0\">\n              GPT-5 unifies frontier reasoning and advanced coding with\n              high-performance\n            </p>\n          </div>\n\n          <div className=\"mint:bg-[linear-gradient(to_bottom,rgba(255,255,255,0.7),rgba(255,255,255,0.7)),linear-gradient(135deg,#8251EE_0%,#E1CEFC_100%)] mint:dark:bg-[linear-gradient(to_bottom,rgba(0,0,0,0.6),rgba(0,0,0,0.6)),linear-gradient(135deg,#8251EE_0%,#E1CEFC_100%)] mint:dark:border-[rgba(255,255,255,0.07)] mint:rounded-xl mint:pt-6 mint:px-6 mint:pb-6 mint:h-[200px] mint:flex-1 mint:flex mint:flex-col mint:transition-all mint:duration-200 mint:box-border\">\n            <div className=\"mint:w-12 mint:h-12 mint:bg-[#f3f4f6] mint:dark:bg-[#1f1f1f] mint:rounded-lg mint:flex mint:items-center mint:justify-center mint:text-[2rem] mint:text-white\">\n              <img\n                className=\"mint:w-8 mint:h-8 mint:object-contain\"\n                src=\"https://mintlify-assets.b-cdn.net/azure-ai-foundry/DeepSeek.svg\"\n                alt=\"DeepSeek\"\n              />\n            </div>\n            <h3 className=\"mint:text-sm mint:font-semibold mint:font-['Aptos_SemiBold',sans-serif] mint:leading-5 mint:text-black mint:dark:text-white mint:mt-4 mint:mb-0\">\n              Introducing DeepSeek-R1-0528\n            </h3>\n            <p className=\"mint:text-sm mint:font-normal mint:leading-5 mint:text-black mint:dark:text-[rgba(255,255,255,0.9)] mint:mt-2 mint:mb-0\">\n              Improved reasoning, fewer hallucinations, better coding and\n              functions\n            </p>\n          </div>\n\n          <div className=\"mint:bg-[linear-gradient(to_bottom,rgba(255,255,255,0.7),rgba(255,255,255,0.7)),linear-gradient(135deg,#8251EE_0%,#E1CEFC_100%)] mint:dark:bg-[linear-gradient(to_bottom,rgba(0,0,0,0.6),rgba(0,0,0,0.6)),linear-gradient(135deg,#8251EE_0%,#E1CEFC_100%)] mint:dark:border-[rgba(255,255,255,0.07)] mint:rounded-xl mint:pt-6 mint:px-6 mint:pb-6 mint:h-[200px] mint:flex-1 mint:flex mint:flex-col mint:transition-all mint:duration-200 mint:box-border\">\n            <div className=\"mint:w-12 mint:h-12 mint:bg-[#f3f4f6] mint:dark:bg-[#1f1f1f] mint:rounded-lg mint:flex mint:items-center mint:justify-center mint:text-[2rem] mint:text-white\">\n              <img\n                className=\"mint:w-8 mint:h-8 mint:object-contain\"\n                src=\"https://mintlify-assets.b-cdn.net/azure-ai-foundry/Open%20AI%20logo.svg\"\n                alt=\"Sora\"\n              />\n            </div>\n            <h3 className=\"mint:text-sm mint:font-semibold mint:font-['Aptos_SemiBold',sans-serif] mint:leading-5 mint:text-black mint:dark:text-white mint:mt-4 mint:mb-0\">\n              Sora\n            </h3>\n            <p className=\"mint:text-sm mint:font-normal mint:leading-5 mint:text-black mint:dark:text-[rgba(255,255,255,0.9)] mint:mt-2 mint:mb-0\">\n              Generate up to 20s 1080p videos with Sora and its unique API:\n              text-to-video now, image...\n            </p>\n          </div>\n        </div>\n      </section>\n\n      <section className=\"mint:flex mint:gap-12 mint:flex-wrap mint:justify-center mint:px-8 mint:mt-8 mint:mb-8\">\n        <div className=\"mint:flex mint:flex-col mint:items-center mint:text-center\">\n          <div className=\"mint:mb-8 mint:w-8 mint:h-8\">\n            <img\n              className=\"mint:block mint:dark:!hidden mint:w-8 mint:h-8\"\n              src=\"https://mintlify-assets.b-cdn.net/azure-ai-foundry/Github.svg\"\n              alt=\"GitHub\"\n            />\n            <img\n              className=\"mint:!hidden mint:dark:!block mint:w-8 mint:h-8\"\n              src=\"https://mintlify-assets.b-cdn.net/azure-ai-foundry/Github-dark.svg\"\n              alt=\"GitHub\"\n            />\n          </div>\n          <LinkElement\n            href=\"https://github.com/azure-ai-foundry\"\n            className=\"mint:text-sm mint:font-medium mint:font-['Aptos_SemiBold',sans-serif] mint:text-[#643fb2] mint:dark:text-[#c9aaf9] mint:no-underline mint:inline-flex mint:items-center mint:justify-center mint:gap-1 mint:transition-colors mint:duration-200 mint:hover:text-[#4f46e5] mint:dark:hover:text-[#a5b4fc]\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n          >\n            GitHub\n            <div className=\"mint:w-3.5 mint:h-3.5 mint:flex-shrink-0 mint:flex mint:items-center mint:justify-center\">\n              <img\n                className=\"mint:block mint:dark:!hidden mint:w-full mint:h-full\"\n                src=\"https://mintlify-assets.b-cdn.net/azure-ai-foundry/Open.svg\"\n                alt=\"External link\"\n              />\n              <img\n                className=\"mint:!hidden mint:dark:!block mint:w-full mint:h-full\"\n                src=\"https://mintlify-assets.b-cdn.net/azure-ai-foundry/Open%20(1).svg\"\n                alt=\"External link\"\n              />\n            </div>\n          </LinkElement>\n          <p className=\"mint:text-sm mint:text-[#424242] mint:dark:text-[#d6d6d6] mint:leading-[1.5] mint:m-0 mint:max-w-[300px]\">\n            Get the latest SDK updates and <br /> code samples on GitHub.\n          </p>\n        </div>\n        <div className=\"mint:flex mint:flex-col mint:items-center mint:text-center\">\n          <div className=\"mint:mb-8 mint:w-8 mint:h-8\">\n            <img\n              className=\"mint:block mint:dark:!hidden mint:w-8 mint:h-8\"\n              src=\"https://mintlify-assets.b-cdn.net/azure-ai-foundry/Discord_Light.svg\"\n              alt=\"Discord\"\n            />\n            <img\n              className=\"mint:!hidden mint:dark:!block mint:w-8 mint:h-8\"\n              src=\"https://mintlify-assets.b-cdn.net/azure-ai-foundry/Discord_Dark.svg\"\n              alt=\"Discord\"\n            />\n          </div>\n          <LinkElement\n            href=\"https://discord.com/invite/azureaifoundry\"\n            className=\"mint:text-sm mint:font-medium mint:font-['Aptos_SemiBold',sans-serif] mint:text-[#643fb2] mint:dark:text-[#c9aaf9] mint:no-underline mint:inline-flex mint:items-center mint:justify-center mint:gap-1 mint:transition-colors mint:duration-200 mint:hover:text-[#4f46e5] mint:dark:hover:text-[#a5b4fc]\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n          >\n            Discord\n            <div className=\"mint:w-3.5 mint:h-3.5 mint:flex-shrink-0 mint:flex mint:items-center mint:justify-center\">\n              <img\n                className=\"mint:block mint:dark:!hidden mint:w-full mint:h-full\"\n                src=\"https://mintlify-assets.b-cdn.net/azure-ai-foundry/Open.svg\"\n                alt=\"External link\"\n              />\n              <img\n                className=\"mint:!hidden mint:dark:!block mint:w-full mint:h-full\"\n                src=\"https://mintlify-assets.b-cdn.net/azure-ai-foundry/Open%20(1).svg\"\n                alt=\"External link\"\n              />\n            </div>\n          </LinkElement>\n          <p className=\"mint:text-sm mint:text-[#424242] mint:dark:text-[#d6d6d6] mint:leading-[1.5] mint:m-0 mint:max-w-[300px]\">\n            Have questions? Join and connect <br /> with our Discord community.\n          </p>\n        </div>\n        <div className=\"mint:flex mint:flex-col mint:items-center mint:text-center\">\n          <div className=\"mint:mb-8 mint:w-8 mint:h-8\">\n            <img\n              className=\"mint:block mint:dark:!hidden mint:w-8 mint:h-8\"\n              src=\"https://mintlify-assets.b-cdn.net/azure-ai-foundry/Shape.svg\"\n              alt=\"Blog\"\n            />\n            <img\n              className=\"mint:!hidden mint:dark:!block mint:w-8 mint:h-8\"\n              src=\"https://mintlify-assets.b-cdn.net/azure-ai-foundry/Shape%20(1).svg\"\n              alt=\"Blog\"\n            />\n          </div>\n          <LinkElement\n            href=\"https://devblogs.microsoft.com/foundry/\"\n            className=\"mint:text-sm mint:font-medium mint:font-['Aptos_SemiBold',sans-serif] mint:text-[#643fb2] mint:dark:text-[#c9aaf9] mint:no-underline mint:inline-flex mint:items-center mint:justify-center mint:gap-1 mint:transition-colors mint:duration-200 mint:hover:text-[#4f46e5] mint:dark:hover:text-[#a5b4fc]\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n          >\n            Blog\n            <div className=\"mint:w-3.5 mint:h-3.5 mint:flex-shrink-0 mint:flex mint:items-center mint:justify-center\">\n              <img\n                className=\"mint:block mint:dark:!hidden mint:w-full mint:h-full\"\n                src=\"https://mintlify-assets.b-cdn.net/azure-ai-foundry/Open.svg\"\n                alt=\"External link\"\n              />\n              <img\n                className=\"mint:!hidden mint:dark:!block mint:w-full mint:h-full\"\n                src=\"https://mintlify-assets.b-cdn.net/azure-ai-foundry/Open%20(1).svg\"\n                alt=\"External link\"\n              />\n            </div>\n          </LinkElement>\n          <p className=\"mint:text-sm mint:text-[#424242] mint:dark:text-[#d6d6d6] mint:leading-[1.5] mint:m-0 mint:max-w-[300px]\">\n            Read updates and insights on <br /> Foundry DevBlog.\n          </p>\n        </div>\n      </section>\n    </div>\n  );\n};\n"],"names":["Home","LinkComponent","useComponents","LinkElement","jsxs","jsx","FlowSparkleRegular","ChatSparkleRegular","AgentsRegular","DatabaseRegular"],"mappings":"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"}
+{"version":3,"file":"home.js","sources":["../../../src/components/content-components/home.tsx"],"sourcesContent":["export const Home = () => {\n  return (\n    <div className=\"mint:w-full mint:h-full mint:flex mint:items-center mint:justify-center mint:max-w-none mint:text-center\">\n      Homepage content built on primary codebase\n    </div>\n  );\n};\n"],"names":["Home","jsx"],"mappings":";AAAO,MAAMA,IAAO,MAEhB,gBAAAC,EAAC,OAAA,EAAI,WAAU,4GAA2G,UAAA,8CAE1H;"}

package/dist/components/content-components/zone-pivots/zone-pivot-selector.js

@@ -1,13 +1,13 @@
-import { jsx as d } from "react/jsx-runtime";
-import { useRef as w } from "react";
+import { jsx as r, jsxs as w } from "react/jsx-runtime";
+import { useRef as p } from "react";
 import { useZonePivotContext as u } from "./zone-pivot-context.js";
-import { cn as p } from "../../../utils/cn.js";
-function P({
+import { cn as k } from "../../../utils/cn.js";
+function g({
   group: e,
   className: h
 }) {
-  var l;
-  const { activePivots: b, setActivePivot: s } = u(), m = w(null), c = (l = e.pivots.find((t) => b.has(t.id))) == null ? void 0 : l.id, v = e.pivots.findIndex((t) => t.id === c), x = (t) => {
+  var c;
+  const { activePivots: b, setActivePivot: d } = u(), m = p(null), l = (c = e.pivots.find((t) => b.has(t.id))) == null ? void 0 : c.id, v = e.pivots.findIndex((t) => t.id === l), x = (t) => {
     var f;
     const { key: i } = t, n = v;
     let o = n;
@@ -29,16 +29,16 @@ function P({
       default:
         return;
     }
-    const r = e.pivots[o];
-    if (r) {
-      s(e.id, r.id);
+    const s = e.pivots[o];
+    if (s) {
+      d(e.id, s.id);
       const a = (f = m.current) == null ? void 0 : f.querySelector(
-        `[data-pivot-id="${r.id}"]`
+        `[data-pivot-id="${s.id}"]`
       );
       a == null || a.focus();
     }
   };
-  return /* @__PURE__ */ d("div", { className: h, "data-zone-pivot-group": e.id, children: /* @__PURE__ */ d(
+  return /* @__PURE__ */ r("div", { className: h, "data-zone-pivot-group": e.id, children: /* @__PURE__ */ r(
     "div",
     {
       ref: m,
@@ -46,8 +46,8 @@ function P({
       "aria-label": e.prompt,
       className: "mint:inline-flex mint:items-center mint:gap-1 mint:p-1 mint:bg-gray-100 mint:rounded-lg mint:dark:bg-white/5",
       children: e.pivots.map((t) => {
-        const i = t.id === c;
-        return /* @__PURE__ */ d(
+        const i = t.id === l;
+        return /* @__PURE__ */ w(
           "button",
           {
             id: `tab-${e.id}-${t.id}`,
@@ -57,13 +57,16 @@ function P({
             "aria-selected": i,
             "aria-controls": `panel-${e.id}-${t.id}`,
             tabIndex: i ? 0 : -1,
-            onClick: () => s(e.id, t.id),
+            onClick: () => d(e.id, t.id),
             onKeyDown: x,
-            className: p(
-              "mint:relative mint:px-3 mint:py-1.5 mint:text-sm mint:font-medium mint:rounded-md mint:bg-transparent mint:border-none mint:cursor-pointer mint:transition-all mint:duration-150 mint:focus:outline-none mint:focus-visible:shadow-[0_0_0_2px_#3b82f6] mint:focus-visible:outline-offset-2",
-              i ? "mint:bg-white mint:text-[#141414] mint:shadow-sm mint:dark:bg-white/10 mint:dark:text-white" : "mint:text-gray-600 mint:hover:text-[#141414] mint:hover:bg-white/50 mint:dark:text-gray-400 mint:dark:hover:text-white mint:dark:hover:bg-white/10"
+            className: k(
+              "mint:relative mint:px-3 mint:py-1.5 mint:text-sm mint:rounded-md mint:bg-transparent mint:border-none mint:cursor-pointer mint:focus:outline-none mint:focus-visible:shadow-[0_0_0_2px_#3b82f6] mint:focus-visible:outline-offset-2",
+              i ? "mint:bg-white mint:text-[#141414] mint:shadow-sm mint:dark:bg-white/10 mint:dark:text-white mint:font-semibold" : "mint:text-gray-600 mint:hover:text-[#141414] mint:hover:bg-white/50 mint:dark:text-gray-400 mint:dark:hover:text-white mint:dark:hover:bg-white/10 mint:font-medium"
             ),
-            children: t.title
+            children: [
+              /* @__PURE__ */ r("span", { className: "mint:invisible mint:font-semibold mint:block mint:h-0 mint:overflow-hidden", "aria-hidden": "true", children: t.title }),
+              /* @__PURE__ */ r("span", { className: "mint:block", children: t.title })
+            ]
           },
           t.id
         );
@@ -72,6 +75,6 @@ function P({
   ) });
 }
 export {
-  P as ZonePivotSelector
+  g as ZonePivotSelector
 };
 //# sourceMappingURL=zone-pivot-selector.js.map