@mintlify/msft-sdk 1.1.0 → 1.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/content-components/callouts.js +35 -20
- package/dist/components/content-components/callouts.js.map +1 -1
- package/dist/components/content-components/code-block.js +87 -60
- package/dist/components/content-components/code-block.js.map +1 -1
- package/dist/components/content-components/default-components.js +52 -33
- package/dist/components/content-components/default-components.js.map +1 -1
- package/dist/components/content-components/details/details.js +28 -25
- package/dist/components/content-components/details/details.js.map +1 -1
- package/dist/components/content-components/heading.js +6 -1
- package/dist/components/content-components/heading.js.map +1 -1
- package/dist/components/content-components/home.js +256 -163
- package/dist/components/content-components/home.js.map +1 -1
- package/dist/components/content-components/link.js +7 -7
- package/dist/components/content-components/link.js.map +1 -1
- package/dist/components/content-components/param-name.js +4 -5
- package/dist/components/content-components/param-name.js.map +1 -1
- package/dist/components/content-components/table/index.js +101 -67
- package/dist/components/content-components/table/index.js.map +1 -1
- package/dist/components/content-components/table/table-modal.js +31 -32
- package/dist/components/content-components/table/table-modal.js.map +1 -1
- package/dist/components/content-components/tabs/tabs.js +51 -46
- package/dist/components/content-components/tabs/tabs.js.map +1 -1
- package/dist/components/content-components/zone-pivots/zone-pivot-selector.js +39 -36
- package/dist/components/content-components/zone-pivots/zone-pivot-selector.js.map +1 -1
- package/dist/components/mdx-renderer.js +16 -8
- package/dist/components/mdx-renderer.js.map +1 -1
- package/dist/components/nav-tree/dropdown-menu.js +40 -33
- package/dist/components/nav-tree/dropdown-menu.js.map +1 -1
- package/dist/components/nav-tree/index.js +122 -93
- package/dist/components/nav-tree/index.js.map +1 -1
- package/dist/components/nav-tree/mobile-nav.js +60 -41
- package/dist/components/nav-tree/mobile-nav.js.map +1 -1
- package/dist/components/page-context-menu.js +107 -90
- package/dist/components/page-context-menu.js.map +1 -1
- package/dist/components/page.js +108 -86
- package/dist/components/page.js.map +1 -1
- package/dist/components/plain-text-page.js +3 -4
- package/dist/components/plain-text-page.js.map +1 -1
- package/dist/components/toc/index.js +45 -42
- package/dist/components/toc/index.js.map +1 -1
- package/dist/context/components-context.js +17 -0
- package/dist/context/components-context.js.map +1 -0
- package/dist/index.d.ts +34 -5
- package/dist/index.js +109 -103
- package/dist/index.js.map +1 -1
- package/dist/node_modules/.pnpm/tailwind-merge@3.3.1/node_modules/tailwind-merge/dist/bundle-mjs.js +2732 -0
- package/dist/node_modules/.pnpm/tailwind-merge@3.3.1/node_modules/tailwind-merge/dist/bundle-mjs.js.map +1 -0
- package/dist/styles.css +1 -1
- package/dist/utils/cn.js +9 -0
- package/dist/utils/cn.js.map +1 -0
- package/package.json +5 -1
- package/dist/components/content-components/callouts.module.css.js +0 -26
- package/dist/components/content-components/callouts.module.css.js.map +0 -1
- package/dist/components/content-components/code-block.module.css.js +0 -32
- package/dist/components/content-components/code-block.module.css.js.map +0 -1
- package/dist/components/content-components/default-components.module.css.js +0 -12
- package/dist/components/content-components/default-components.module.css.js.map +0 -1
- package/dist/components/content-components/details/details.module.css.js +0 -20
- package/dist/components/content-components/details/details.module.css.js.map +0 -1
- package/dist/components/content-components/home.module.css.js +0 -74
- package/dist/components/content-components/home.module.css.js.map +0 -1
- package/dist/components/content-components/link.module.css.js +0 -10
- package/dist/components/content-components/link.module.css.js.map +0 -1
- package/dist/components/content-components/param-name.module.css.js +0 -8
- package/dist/components/content-components/param-name.module.css.js.map +0 -1
- package/dist/components/content-components/table/table-modal.module.css.js +0 -18
- package/dist/components/content-components/table/table-modal.module.css.js.map +0 -1
- package/dist/components/content-components/table/table.module.css.js +0 -30
- package/dist/components/content-components/table/table.module.css.js.map +0 -1
- package/dist/components/content-components/tabs/tabs.module.css.js +0 -24
- package/dist/components/content-components/tabs/tabs.module.css.js.map +0 -1
- package/dist/components/content-components/zone-pivots/zone-pivot-selector.module.css.js +0 -14
- package/dist/components/content-components/zone-pivots/zone-pivot-selector.module.css.js.map +0 -1
- package/dist/components/mdx-renderer.module.css.js +0 -8
- package/dist/components/mdx-renderer.module.css.js.map +0 -1
- package/dist/components/nav-tree/dropdown-menu.module.css.js +0 -52
- package/dist/components/nav-tree/dropdown-menu.module.css.js.map +0 -1
- package/dist/components/nav-tree/mobile-nav.module.css.js +0 -22
- package/dist/components/nav-tree/mobile-nav.module.css.js.map +0 -1
- package/dist/components/nav-tree/nav-tree.module.css.js +0 -50
- package/dist/components/nav-tree/nav-tree.module.css.js.map +0 -1
- package/dist/components/page-context-menu.module.css.js +0 -42
- package/dist/components/page-context-menu.module.css.js.map +0 -1
- package/dist/components/page.module.css.js +0 -52
- package/dist/components/page.module.css.js.map +0 -1
- package/dist/components/plain-text-page.module.css.js +0 -10
- package/dist/components/plain-text-page.module.css.js.map +0 -1
- package/dist/components/prose.module.css.js +0 -8
- package/dist/components/prose.module.css.js.map +0 -1
- package/dist/components/toc/toc.module.css.js +0 -18
- package/dist/components/toc/toc.module.css.js.map +0 -1
|
@@ -1,188 +1,281 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import e from "
|
|
3
|
-
import { FlowSparkleRegular as
|
|
4
|
-
const
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
1
|
+
import { jsxs as n, jsx as t } from "react/jsx-runtime";
|
|
2
|
+
import { useComponents as e } from "../../context/components-context.js";
|
|
3
|
+
import { FlowSparkleRegular as a, ChatSparkleRegular as r, AgentsRegular as s, DatabaseRegular as d } from "@fluentui/react-icons";
|
|
4
|
+
const f = () => {
|
|
5
|
+
const { LinkComponent: m } = e(), i = m || "a";
|
|
6
|
+
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: [
|
|
7
|
+
/* @__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] dark:!mint:bg-[#141414] mint:overflow-hidden", children: [
|
|
8
|
+
/* @__PURE__ */ t(
|
|
9
|
+
"div",
|
|
10
|
+
{
|
|
11
|
+
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",
|
|
12
|
+
style: {
|
|
13
|
+
backgroundImage: "url(https://mintlify-assets.b-cdn.net/azure-ai-foundry/landing-background-light.svg)",
|
|
14
|
+
height: "24rem"
|
|
15
|
+
}
|
|
13
16
|
}
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
17
|
+
),
|
|
18
|
+
/* @__PURE__ */ t(
|
|
19
|
+
"div",
|
|
20
|
+
{
|
|
21
|
+
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",
|
|
22
|
+
style: {
|
|
23
|
+
backgroundImage: "url(https://mintlify-assets.b-cdn.net/azure-ai-foundry/landing-background-dark.svg)",
|
|
24
|
+
height: "24rem"
|
|
25
|
+
}
|
|
23
26
|
}
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
/* @__PURE__ */ a("button", { className: e.heroButton, children: "Get started" })
|
|
36
|
-
] })
|
|
37
|
-
] }),
|
|
38
|
-
/* @__PURE__ */ s("section", { className: e.learnSection, children: [
|
|
39
|
-
/* @__PURE__ */ a("h2", { className: e.sectionTitle, children: "Learn more" }),
|
|
40
|
-
/* @__PURE__ */ s("div", { className: e.cardsGrid, children: [
|
|
41
|
-
/* @__PURE__ */ s("div", { className: e.card, children: [
|
|
42
|
-
/* @__PURE__ */ a("div", { className: e.cardIcon, children: /* @__PURE__ */ a(r, {}) }),
|
|
43
|
-
/* @__PURE__ */ a("h3", { className: e.cardTitle, children: "Build your first AI app" }),
|
|
44
|
-
/* @__PURE__ */ a("p", { className: e.cardDescription, children: "Create a Foundry project and deploy a model. Includes SDK samples for multiple programming languages." })
|
|
45
|
-
] }),
|
|
46
|
-
/* @__PURE__ */ s("div", { className: e.card, children: [
|
|
47
|
-
/* @__PURE__ */ a("div", { className: e.cardIcon, children: /* @__PURE__ */ a(n, {}) }),
|
|
48
|
-
/* @__PURE__ */ a("h3", { className: e.cardTitle, children: "Get answers in chat playground" }),
|
|
49
|
-
/* @__PURE__ */ a("p", { className: e.cardDescription, children: "Interact with deployed models in the playground. Configure prompts and test responses in a no-code UI." })
|
|
50
|
-
] }),
|
|
51
|
-
/* @__PURE__ */ s("div", { className: e.card, children: [
|
|
52
|
-
/* @__PURE__ */ a("div", { className: e.cardIcon, children: /* @__PURE__ */ a(i, {}) }),
|
|
53
|
-
/* @__PURE__ */ a("h3", { className: e.cardTitle, children: "Develop an AI agent" }),
|
|
54
|
-
/* @__PURE__ */ a("p", { className: e.cardDescription, children: "Launch image generation models in Foundry playground. Easily integrate with code samples." })
|
|
55
|
-
] }),
|
|
56
|
-
/* @__PURE__ */ s("div", { className: e.card, children: [
|
|
57
|
-
/* @__PURE__ */ a("div", { className: e.cardIcon, children: /* @__PURE__ */ a(t, {}) }),
|
|
58
|
-
/* @__PURE__ */ a("h3", { className: e.cardTitle, children: "Generate Images with Azure OpenAI" }),
|
|
59
|
-
/* @__PURE__ */ a("p", { className: e.cardDescription, children: "Deploy image generation models in Foundry playground. Includes code samples for quick integration." })
|
|
27
|
+
),
|
|
28
|
+
/* @__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: [
|
|
29
|
+
/* @__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" }),
|
|
30
|
+
/* @__PURE__ */ n("p", { className: "mint:text-sm mint:text-[#424242] mint:dark:text-[#d6d6d6] mint:leading-5 mint:m-0", children: [
|
|
31
|
+
"Learn how to get started with Azure AI Foundry by ",
|
|
32
|
+
/* @__PURE__ */ t("br", {}),
|
|
33
|
+
" creating a project, deploying a model, and running ",
|
|
34
|
+
/* @__PURE__ */ t("br", {}),
|
|
35
|
+
" your first chat completion."
|
|
36
|
+
] }),
|
|
37
|
+
/* @__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" })
|
|
60
38
|
] })
|
|
61
|
-
] })
|
|
62
|
-
] }),
|
|
63
|
-
/* @__PURE__ */ s("section", { className: e.exploreSection, children: [
|
|
64
|
-
/* @__PURE__ */ s("div", { className: e.sectionHeader, children: [
|
|
65
|
-
/* @__PURE__ */ a("h2", { className: e.sectionTitle, children: "Explore models from popular providers" }),
|
|
66
|
-
/* @__PURE__ */ a("button", { className: e.viewAllButton, children: "View all models" })
|
|
67
39
|
] }),
|
|
68
|
-
/* @__PURE__ */
|
|
69
|
-
/* @__PURE__ */
|
|
70
|
-
|
|
71
|
-
/* @__PURE__ */
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
/* @__PURE__ */
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
/* @__PURE__ */
|
|
82
|
-
|
|
40
|
+
/* @__PURE__ */ n("section", { className: "mint:mb-16 mint:mt-4 mint:px-12 mint:flex mint:flex-col mint:items-center", children: [
|
|
41
|
+
/* @__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" }),
|
|
42
|
+
/* @__PURE__ */ n("div", { className: "mint:grid mint:grid-cols-2 mint:gap-3 mint:mt-4 mint:max-w-[800px]", children: [
|
|
43
|
+
/* @__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: [
|
|
44
|
+
/* @__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, {}) }),
|
|
45
|
+
/* @__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" }),
|
|
46
|
+
/* @__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." })
|
|
47
|
+
] }),
|
|
48
|
+
/* @__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: [
|
|
49
|
+
/* @__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, {}) }),
|
|
50
|
+
/* @__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" }),
|
|
51
|
+
/* @__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." })
|
|
52
|
+
] }),
|
|
53
|
+
/* @__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: [
|
|
54
|
+
/* @__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, {}) }),
|
|
55
|
+
/* @__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" }),
|
|
56
|
+
/* @__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." })
|
|
57
|
+
] }),
|
|
58
|
+
/* @__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: [
|
|
59
|
+
/* @__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, {}) }),
|
|
60
|
+
/* @__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" }),
|
|
61
|
+
/* @__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." })
|
|
62
|
+
] })
|
|
83
63
|
] })
|
|
84
|
-
] })
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
/* @__PURE__ */ a(
|
|
90
|
-
"img",
|
|
91
|
-
{
|
|
92
|
-
className: e.footerIconLight,
|
|
93
|
-
src: "https://mintlify-assets.b-cdn.net/azure-ai-foundry/Github.svg",
|
|
94
|
-
alt: "GitHub"
|
|
95
|
-
}
|
|
96
|
-
),
|
|
97
|
-
/* @__PURE__ */ a(
|
|
98
|
-
"img",
|
|
99
|
-
{
|
|
100
|
-
className: e.footerIconDark,
|
|
101
|
-
src: "https://mintlify-assets.b-cdn.net/azure-ai-foundry/Github-dark.svg",
|
|
102
|
-
alt: "GitHub"
|
|
103
|
-
}
|
|
104
|
-
)
|
|
64
|
+
] }),
|
|
65
|
+
/* @__PURE__ */ n("section", { className: "mint:mb-16 mint:px-12 mint:flex mint:flex-col mint:items-center", children: [
|
|
66
|
+
/* @__PURE__ */ n("div", { className: "mint:flex mint:justify-between mint:items-center mint:w-full mint:max-w-[800px] mint:mb-1", children: [
|
|
67
|
+
/* @__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" }),
|
|
68
|
+
/* @__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" })
|
|
105
69
|
] }),
|
|
106
|
-
/* @__PURE__ */
|
|
107
|
-
"
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
70
|
+
/* @__PURE__ */ n("div", { className: "mint:flex mint:gap-3 mint:mt-4 mint:mb-4 mint:max-w-[800px]", children: [
|
|
71
|
+
/* @__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: [
|
|
72
|
+
/* @__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(
|
|
73
|
+
"img",
|
|
74
|
+
{
|
|
75
|
+
className: "mint:w-8 mint:h-8 mint:object-contain",
|
|
76
|
+
src: "https://mintlify-assets.b-cdn.net/azure-ai-foundry/Open%20AI%20logo.svg",
|
|
77
|
+
alt: "OpenAI"
|
|
78
|
+
}
|
|
79
|
+
) }),
|
|
80
|
+
/* @__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" }),
|
|
81
|
+
/* @__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" })
|
|
82
|
+
] }),
|
|
83
|
+
/* @__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: [
|
|
84
|
+
/* @__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(
|
|
85
|
+
"img",
|
|
86
|
+
{
|
|
87
|
+
className: "mint:w-8 mint:h-8 mint:object-contain",
|
|
88
|
+
src: "https://mintlify-assets.b-cdn.net/azure-ai-foundry/DeepSeek.svg",
|
|
89
|
+
alt: "DeepSeek"
|
|
90
|
+
}
|
|
91
|
+
) }),
|
|
92
|
+
/* @__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" }),
|
|
93
|
+
/* @__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" })
|
|
94
|
+
] }),
|
|
95
|
+
/* @__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: [
|
|
96
|
+
/* @__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(
|
|
97
|
+
"img",
|
|
98
|
+
{
|
|
99
|
+
className: "mint:w-8 mint:h-8 mint:object-contain",
|
|
100
|
+
src: "https://mintlify-assets.b-cdn.net/azure-ai-foundry/Open%20AI%20logo.svg",
|
|
101
|
+
alt: "Sora"
|
|
102
|
+
}
|
|
103
|
+
) }),
|
|
104
|
+
/* @__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" }),
|
|
105
|
+
/* @__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..." })
|
|
111
106
|
] })
|
|
112
|
-
] }),
|
|
113
|
-
/* @__PURE__ */ s("p", { className: e.footerDescription, children: [
|
|
114
|
-
"Get the latest SDK updates and ",
|
|
115
|
-
/* @__PURE__ */ a("br", {}),
|
|
116
|
-
" code samples on GitHub."
|
|
117
107
|
] })
|
|
118
108
|
] }),
|
|
119
|
-
/* @__PURE__ */
|
|
120
|
-
/* @__PURE__ */
|
|
121
|
-
/* @__PURE__ */
|
|
122
|
-
|
|
109
|
+
/* @__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: [
|
|
110
|
+
/* @__PURE__ */ n("div", { className: "mint:flex mint:flex-col mint:items-center mint:text-center", children: [
|
|
111
|
+
/* @__PURE__ */ n("div", { className: "mint:mb-8 mint:w-8 mint:h-8", children: [
|
|
112
|
+
/* @__PURE__ */ t(
|
|
113
|
+
"img",
|
|
114
|
+
{
|
|
115
|
+
className: "mint:block dark:!mint:hidden mint:w-8 mint:h-8",
|
|
116
|
+
src: "https://mintlify-assets.b-cdn.net/azure-ai-foundry/Github.svg",
|
|
117
|
+
alt: "GitHub"
|
|
118
|
+
}
|
|
119
|
+
),
|
|
120
|
+
/* @__PURE__ */ t(
|
|
121
|
+
"img",
|
|
122
|
+
{
|
|
123
|
+
className: "!mint:hidden dark:!mint:block mint:w-8 mint:h-8",
|
|
124
|
+
src: "https://mintlify-assets.b-cdn.net/azure-ai-foundry/Github-dark.svg",
|
|
125
|
+
alt: "GitHub"
|
|
126
|
+
}
|
|
127
|
+
)
|
|
128
|
+
] }),
|
|
129
|
+
/* @__PURE__ */ n(
|
|
130
|
+
i,
|
|
123
131
|
{
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
132
|
+
href: "https://github.com/azure-ai-foundry",
|
|
133
|
+
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]",
|
|
134
|
+
target: "_blank",
|
|
135
|
+
rel: "noopener noreferrer",
|
|
136
|
+
children: [
|
|
137
|
+
"GitHub",
|
|
138
|
+
/* @__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: [
|
|
139
|
+
/* @__PURE__ */ t(
|
|
140
|
+
"img",
|
|
141
|
+
{
|
|
142
|
+
className: "mint:block dark:!mint:hidden mint:w-full mint:h-full",
|
|
143
|
+
src: "https://mintlify-assets.b-cdn.net/azure-ai-foundry/Open.svg",
|
|
144
|
+
alt: "External link"
|
|
145
|
+
}
|
|
146
|
+
),
|
|
147
|
+
/* @__PURE__ */ t(
|
|
148
|
+
"img",
|
|
149
|
+
{
|
|
150
|
+
className: "!mint:hidden dark:!mint:block mint:w-full mint:h-full",
|
|
151
|
+
src: "https://mintlify-assets.b-cdn.net/azure-ai-foundry/Open%20(1).svg",
|
|
152
|
+
alt: "External link"
|
|
153
|
+
}
|
|
154
|
+
)
|
|
155
|
+
] })
|
|
156
|
+
]
|
|
127
157
|
}
|
|
128
158
|
),
|
|
129
|
-
/* @__PURE__ */
|
|
130
|
-
"
|
|
131
|
-
{
|
|
132
|
-
|
|
133
|
-
src: "https://mintlify-assets.b-cdn.net/azure-ai-foundry/Discord_Dark.svg",
|
|
134
|
-
alt: "Discord"
|
|
135
|
-
}
|
|
136
|
-
)
|
|
137
|
-
] }),
|
|
138
|
-
/* @__PURE__ */ s("a", { href: "https://discord.com/invite/azureaifoundry", className: e.footerLink, target: "_blank", rel: "noopener noreferrer", children: [
|
|
139
|
-
"Discord",
|
|
140
|
-
/* @__PURE__ */ s("div", { className: e.externalIcon, children: [
|
|
141
|
-
/* @__PURE__ */ a("img", { className: e.externalIconLight, src: "https://mintlify-assets.b-cdn.net/azure-ai-foundry/Open.svg" }),
|
|
142
|
-
/* @__PURE__ */ a("img", { className: e.externalIconDark, src: "https://mintlify-assets.b-cdn.net/azure-ai-foundry/Open%20(1).svg" })
|
|
159
|
+
/* @__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: [
|
|
160
|
+
"Get the latest SDK updates and ",
|
|
161
|
+
/* @__PURE__ */ t("br", {}),
|
|
162
|
+
" code samples on GitHub."
|
|
143
163
|
] })
|
|
144
164
|
] }),
|
|
145
|
-
/* @__PURE__ */
|
|
146
|
-
"
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
165
|
+
/* @__PURE__ */ n("div", { className: "mint:flex mint:flex-col mint:items-center mint:text-center", children: [
|
|
166
|
+
/* @__PURE__ */ n("div", { className: "mint:mb-8 mint:w-8 mint:h-8", children: [
|
|
167
|
+
/* @__PURE__ */ t(
|
|
168
|
+
"img",
|
|
169
|
+
{
|
|
170
|
+
className: "mint:block dark:!mint:hidden mint:w-8 mint:h-8",
|
|
171
|
+
src: "https://mintlify-assets.b-cdn.net/azure-ai-foundry/Discord_Light.svg",
|
|
172
|
+
alt: "Discord"
|
|
173
|
+
}
|
|
174
|
+
),
|
|
175
|
+
/* @__PURE__ */ t(
|
|
176
|
+
"img",
|
|
177
|
+
{
|
|
178
|
+
className: "!mint:hidden dark:!mint:block mint:w-8 mint:h-8",
|
|
179
|
+
src: "https://mintlify-assets.b-cdn.net/azure-ai-foundry/Discord_Dark.svg",
|
|
180
|
+
alt: "Discord"
|
|
181
|
+
}
|
|
182
|
+
)
|
|
183
|
+
] }),
|
|
184
|
+
/* @__PURE__ */ n(
|
|
185
|
+
i,
|
|
155
186
|
{
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
187
|
+
href: "https://discord.com/invite/azureaifoundry",
|
|
188
|
+
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]",
|
|
189
|
+
target: "_blank",
|
|
190
|
+
rel: "noopener noreferrer",
|
|
191
|
+
children: [
|
|
192
|
+
"Discord",
|
|
193
|
+
/* @__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: [
|
|
194
|
+
/* @__PURE__ */ t(
|
|
195
|
+
"img",
|
|
196
|
+
{
|
|
197
|
+
className: "mint:block dark:!mint:hidden mint:w-full mint:h-full",
|
|
198
|
+
src: "https://mintlify-assets.b-cdn.net/azure-ai-foundry/Open.svg",
|
|
199
|
+
alt: "External link"
|
|
200
|
+
}
|
|
201
|
+
),
|
|
202
|
+
/* @__PURE__ */ t(
|
|
203
|
+
"img",
|
|
204
|
+
{
|
|
205
|
+
className: "!mint:hidden dark:!mint:block mint:w-full mint:h-full",
|
|
206
|
+
src: "https://mintlify-assets.b-cdn.net/azure-ai-foundry/Open%20(1).svg",
|
|
207
|
+
alt: "External link"
|
|
208
|
+
}
|
|
209
|
+
)
|
|
210
|
+
] })
|
|
211
|
+
]
|
|
159
212
|
}
|
|
160
213
|
),
|
|
161
|
-
/* @__PURE__ */
|
|
162
|
-
"
|
|
214
|
+
/* @__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: [
|
|
215
|
+
"Have questions? Join and connect ",
|
|
216
|
+
/* @__PURE__ */ t("br", {}),
|
|
217
|
+
" with our Discord community."
|
|
218
|
+
] })
|
|
219
|
+
] }),
|
|
220
|
+
/* @__PURE__ */ n("div", { className: "mint:flex mint:flex-col mint:items-center mint:text-center", children: [
|
|
221
|
+
/* @__PURE__ */ n("div", { className: "mint:mb-8 mint:w-8 mint:h-8", children: [
|
|
222
|
+
/* @__PURE__ */ t(
|
|
223
|
+
"img",
|
|
224
|
+
{
|
|
225
|
+
className: "mint:block dark:!mint:hidden mint:w-8 mint:h-8",
|
|
226
|
+
src: "https://mintlify-assets.b-cdn.net/azure-ai-foundry/Shape.svg",
|
|
227
|
+
alt: "Blog"
|
|
228
|
+
}
|
|
229
|
+
),
|
|
230
|
+
/* @__PURE__ */ t(
|
|
231
|
+
"img",
|
|
232
|
+
{
|
|
233
|
+
className: "!mint:hidden dark:!mint:block mint:w-8 mint:h-8",
|
|
234
|
+
src: "https://mintlify-assets.b-cdn.net/azure-ai-foundry/Shape%20(1).svg",
|
|
235
|
+
alt: "Blog"
|
|
236
|
+
}
|
|
237
|
+
)
|
|
238
|
+
] }),
|
|
239
|
+
/* @__PURE__ */ n(
|
|
240
|
+
i,
|
|
163
241
|
{
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
242
|
+
href: "https://devblogs.microsoft.com/foundry/",
|
|
243
|
+
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]",
|
|
244
|
+
target: "_blank",
|
|
245
|
+
rel: "noopener noreferrer",
|
|
246
|
+
children: [
|
|
247
|
+
"Blog",
|
|
248
|
+
/* @__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: [
|
|
249
|
+
/* @__PURE__ */ t(
|
|
250
|
+
"img",
|
|
251
|
+
{
|
|
252
|
+
className: "mint:block dark:!mint:hidden mint:w-full mint:h-full",
|
|
253
|
+
src: "https://mintlify-assets.b-cdn.net/azure-ai-foundry/Open.svg",
|
|
254
|
+
alt: "External link"
|
|
255
|
+
}
|
|
256
|
+
),
|
|
257
|
+
/* @__PURE__ */ t(
|
|
258
|
+
"img",
|
|
259
|
+
{
|
|
260
|
+
className: "!mint:hidden dark:!mint:block mint:w-full mint:h-full",
|
|
261
|
+
src: "https://mintlify-assets.b-cdn.net/azure-ai-foundry/Open%20(1).svg",
|
|
262
|
+
alt: "External link"
|
|
263
|
+
}
|
|
264
|
+
)
|
|
265
|
+
] })
|
|
266
|
+
]
|
|
167
267
|
}
|
|
168
|
-
)
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
/* @__PURE__ */ a("img", { className: e.externalIconLight, src: "https://mintlify-assets.b-cdn.net/azure-ai-foundry/Open.svg" }),
|
|
174
|
-
/* @__PURE__ */ a("img", { className: e.externalIconDark, src: "https://mintlify-assets.b-cdn.net/azure-ai-foundry/Open%20(1).svg" })
|
|
268
|
+
),
|
|
269
|
+
/* @__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: [
|
|
270
|
+
"Read updates and insights on ",
|
|
271
|
+
/* @__PURE__ */ t("br", {}),
|
|
272
|
+
" Foundry DevBlog."
|
|
175
273
|
] })
|
|
176
|
-
] }),
|
|
177
|
-
/* @__PURE__ */ s("p", { className: e.footerDescription, children: [
|
|
178
|
-
"Read updates and insights on ",
|
|
179
|
-
/* @__PURE__ */ a("br", {}),
|
|
180
|
-
" Foundry DevBlog."
|
|
181
274
|
] })
|
|
182
275
|
] })
|
|
183
|
-
] })
|
|
184
|
-
|
|
276
|
+
] });
|
|
277
|
+
};
|
|
185
278
|
export {
|
|
186
|
-
|
|
279
|
+
f as Home
|
|
187
280
|
};
|
|
188
281
|
//# sourceMappingURL=home.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"home.js","sources":["../../../src/components/content-components/home.tsx"],"sourcesContent":["import React from 'react';\nimport styles from './home.module.css';\nimport { AgentsRegular,\n FlowSparkleRegular,\n ChatSparkleRegular,\n DatabaseRegular,\n } from '@fluentui/react-icons';\n\nexport const Home = () => {\n return (\n <div className={styles.homeContainer}>\n {/* Foundry quick start section */}\n <section className={styles.heroSection}>\n <div\n className={`${styles.heroBackground} ${styles.heroBackgroundLight}`}\n style={{\n backgroundImage: 'url(https://mintlify-assets.b-cdn.net/azure-ai-foundry/landing-background-light.svg)',\n height: '24rem'\n }}\n />\n <div\n className={`${styles.heroBackground} ${styles.heroBackgroundDark}`}\n style={{\n backgroundImage: 'url(https://mintlify-assets.b-cdn.net/azure-ai-foundry/landing-background-dark.svg)',\n height: '24rem'\n }}\n />\n <div className={styles.heroContent}>\n <h1 className={styles.heroTitle}>Foundry quick start</h1>\n <p className={styles.heroDescription}>\n Learn how to get started with Azure AI Foundry by <br /> creating a project, deploying a model, and running <br /> your first chat completion.\n </p>\n <button className={styles.heroButton}>Get started</button>\n </div>\n </section>\n\n {/* Learn more section */}\n <section className={styles.learnSection}>\n <h2 className={styles.sectionTitle}>Learn more</h2>\n <div className={styles.cardsGrid}>\n <div className={styles.card}>\n <div className={styles.cardIcon}><FlowSparkleRegular /></div>\n <h3 className={styles.cardTitle}>Build your first AI app</h3>\n <p className={styles.cardDescription}>\n Create a Foundry project and deploy a model. Includes SDK samples for multiple programming languages.\n </p>\n </div>\n \n <div className={styles.card}>\n <div className={styles.cardIcon}><ChatSparkleRegular /></div>\n <h3 className={styles.cardTitle}>Get answers in chat playground</h3>\n <p className={styles.cardDescription}>\n Interact with deployed models in the playground. Configure prompts and test responses in a no-code UI.\n </p>\n </div>\n \n <div className={styles.card}>\n <div className={styles.cardIcon}><AgentsRegular /></div>\n <h3 className={styles.cardTitle}>Develop an AI agent</h3>\n <p className={styles.cardDescription}>\n Launch image generation models in Foundry playground. Easily integrate with code samples.\n </p>\n </div>\n \n <div className={styles.card}>\n <div className={styles.cardIcon}><DatabaseRegular /></div>\n <h3 className={styles.cardTitle}>Generate Images with Azure OpenAI</h3>\n <p className={styles.cardDescription}>\n Deploy image generation models in Foundry playground. Includes code samples for quick integration.\n </p>\n </div>\n </div>\n </section>\n\n {/* Explore models section */}\n <section className={styles.exploreSection}>\n <div className={styles.sectionHeader}>\n <h2 className={styles.sectionTitle}>Explore models from popular providers</h2>\n <button className={styles.viewAllButton}>View all models</button>\n </div>\n <div className={styles.modelCardsContainer}>\n <div className={styles.modelCard}>\n <div className={styles.modelIcon}><img src=\"https://mintlify-assets.b-cdn.net/azure-ai-foundry/Open%20AI%20logo.svg\" alt=\"OpenAI\" /></div>\n <h3 className={styles.modelTitle}>GPT-5</h3>\n <p className={styles.modelDescription}>\n GPT-5 unifies frontier reasoning and advanced coding with high-performance\n </p>\n </div>\n\n <div className={styles.modelCard}>\n <div className={styles.modelIcon}><img src=\"https://mintlify-assets.b-cdn.net/azure-ai-foundry/DeepSeek.svg\" alt=\"DeepSeek\" /></div>\n <h3 className={styles.modelTitle}>Introducing DeepSeek-R1-0528</h3>\n <p className={styles.modelDescription}>\n Improved reasoning, fewer hallucinations, better coding and functions\n </p>\n </div>\n\n <div className={styles.modelCard}>\n <div className={styles.modelIcon}><img src=\"https://mintlify-assets.b-cdn.net/azure-ai-foundry/Open%20AI%20logo.svg\" alt=\"Sora\" /></div>\n <h3 className={styles.modelTitle}>Sora</h3>\n <p className={styles.modelDescription}>\n Generate up to 20s 1080p videos with Sora and its unique API: text-to-video now, image...\n </p>\n </div>\n </div>\n </section>\n\n {/* Footer section */}\n <section className={styles.footerSection}>\n <div className={styles.footerItem}>\n <div className={styles.footerIcon}>\n <img \n className={styles.footerIconLight} \n src=\"https://mintlify-assets.b-cdn.net/azure-ai-foundry/Github.svg\" \n alt=\"GitHub\" \n />\n <img \n className={styles.footerIconDark} \n src=\"https://mintlify-assets.b-cdn.net/azure-ai-foundry/Github-dark.svg\" \n alt=\"GitHub\" \n />\n </div>\n <a href=\"https://github.com/azure-ai-foundry\" className={styles.footerLink} target=\"_blank\" rel=\"noopener noreferrer\">\n GitHub\n <div className={styles.externalIcon}>\n <img className={styles.externalIconLight} src=\"https://mintlify-assets.b-cdn.net/azure-ai-foundry/Open.svg\" />\n <img className={styles.externalIconDark} src=\"https://mintlify-assets.b-cdn.net/azure-ai-foundry/Open%20(1).svg\" />\n </div>\n </a>\n <p className={styles.footerDescription}>Get the latest SDK updates and <br /> code samples on GitHub.</p>\n </div>\n <div className={styles.footerItem}>\n <div className={styles.footerIcon}>\n <img \n className={styles.footerIconLight} \n src=\"https://mintlify-assets.b-cdn.net/azure-ai-foundry/Discord_Light.svg\" \n alt=\"Discord\" \n />\n <img \n className={styles.footerIconDark} \n src=\"https://mintlify-assets.b-cdn.net/azure-ai-foundry/Discord_Dark.svg\" \n alt=\"Discord\" \n />\n </div>\n <a href=\"https://discord.com/invite/azureaifoundry\" className={styles.footerLink} target=\"_blank\" rel=\"noopener noreferrer\">\n Discord\n <div className={styles.externalIcon}>\n <img className={styles.externalIconLight} src=\"https://mintlify-assets.b-cdn.net/azure-ai-foundry/Open.svg\" />\n <img className={styles.externalIconDark} src=\"https://mintlify-assets.b-cdn.net/azure-ai-foundry/Open%20(1).svg\" />\n </div>\n </a>\n <p className={styles.footerDescription}>Have questions? Join and connect <br /> with our Discord community.</p>\n </div>\n <div className={styles.footerItem}>\n <div className={styles.footerIcon}>\n <img \n className={styles.footerIconLight} \n src=\"https://mintlify-assets.b-cdn.net/azure-ai-foundry/Shape.svg\" \n alt=\"Discord\" \n />\n <img \n className={styles.footerIconDark} \n src=\"https://mintlify-assets.b-cdn.net/azure-ai-foundry/Shape%20(1).svg\" \n alt=\"Discord\" \n />\n </div>\n <a href=\"https://devblogs.microsoft.com/foundry/\" className={styles.footerLink} target=\"_blank\" rel=\"noopener noreferrer\">\n Blog\n <div className={styles.externalIcon}>\n <img className={styles.externalIconLight} src=\"https://mintlify-assets.b-cdn.net/azure-ai-foundry/Open.svg\" />\n <img className={styles.externalIconDark} src=\"https://mintlify-assets.b-cdn.net/azure-ai-foundry/Open%20(1).svg\" />\n </div>\n </a>\n <p className={styles.footerDescription}>Read updates and insights on <br /> Foundry DevBlog.</p>\n </div>\n </section>\n </div>\n );\n};\n\n"],"names":["Home","jsxs","styles","jsx","FlowSparkleRegular","ChatSparkleRegular","AgentsRegular","DatabaseRegular"],"mappings":"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"}
|
|
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\";\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] dark:!mint: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 dark:!mint: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 dark:!mint: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 dark:!mint: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 dark:!mint: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 dark:!mint: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 dark:!mint: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 dark:!mint: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 dark:!mint: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 dark:!mint: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 dark:!mint: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 dark:!mint: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 dark:!mint: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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"}
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
import { jsxs as i, jsx as
|
|
2
|
-
import
|
|
3
|
-
function p({ href: n, children:
|
|
1
|
+
import { jsxs as i, jsx as a } from "react/jsx-runtime";
|
|
2
|
+
import { cn as r } from "../../utils/cn.js";
|
|
3
|
+
function p({ href: n, children: o, className: s }) {
|
|
4
4
|
const t = (n == null ? void 0 : n.startsWith("http")) || (n == null ? void 0 : n.startsWith("//"));
|
|
5
5
|
return /* @__PURE__ */ i(
|
|
6
6
|
"a",
|
|
7
7
|
{
|
|
8
8
|
href: n,
|
|
9
|
-
className:
|
|
9
|
+
className: r("not-prose mint:underline", s),
|
|
10
10
|
target: t ? "_blank" : void 0,
|
|
11
11
|
rel: t ? "noopener noreferrer" : void 0,
|
|
12
|
-
"aria-label": t ? `${
|
|
12
|
+
"aria-label": t ? `${o} (opens in new tab)` : void 0,
|
|
13
13
|
children: [
|
|
14
|
-
|
|
15
|
-
t && /* @__PURE__ */
|
|
14
|
+
o,
|
|
15
|
+
t && /* @__PURE__ */ a("span", { className: "mint:sr-only", children: " (opens in new tab)" })
|
|
16
16
|
]
|
|
17
17
|
}
|
|
18
18
|
);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"link.js","sources":["../../../src/components/content-components/link.tsx"],"sourcesContent":["import React from \"react\";\nimport
|
|
1
|
+
{"version":3,"file":"link.js","sources":["../../../src/components/content-components/link.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn } from \"../../utils/cn\";\n\ninterface LinkProps {\n href?: string;\n children: React.ReactNode;\n className?: string;\n}\n\nexport function Link({ href, children, className }: LinkProps) {\n const isExternal = href?.startsWith(\"http\") || href?.startsWith(\"//\");\n\n return (\n <a\n href={href}\n className={cn(\"not-prose mint:underline\", className)}\n target={isExternal ? \"_blank\" : undefined}\n rel={isExternal ? \"noopener noreferrer\" : undefined}\n aria-label={isExternal ? `${children} (opens in new tab)` : undefined}\n >\n {children}\n {isExternal && <span className=\"mint:sr-only\"> (opens in new tab)</span>}\n </a>\n );\n}\n"],"names":["Link","href","children","className","isExternal","jsxs","cn","jsx"],"mappings":";;AASO,SAASA,EAAK,EAAE,MAAAC,GAAM,UAAAC,GAAU,WAAAC,KAAwB;AAC7D,QAAMC,KAAaH,KAAA,gBAAAA,EAAM,WAAW,aAAWA,KAAA,gBAAAA,EAAM,WAAW;AAEhE,SACE,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAAJ;AAAA,MACA,WAAWK,EAAG,4BAA4BH,CAAS;AAAA,MACnD,QAAQC,IAAa,WAAW;AAAA,MAChC,KAAKA,IAAa,wBAAwB;AAAA,MAC1C,cAAYA,IAAa,GAAGF,CAAQ,wBAAwB;AAAA,MAE3D,UAAA;AAAA,QAAAA;AAAA,QACAE,KAAc,gBAAAG,EAAC,QAAA,EAAK,WAAU,gBAAe,UAAA,sBAAA,CAAmB;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGvE;"}
|