@mintlify/msft-sdk 1.1.22 → 1.1.24

package/dist/api-playground/ApiPlayground/components/InputSectionContainer.js

@@ -0,0 +1,60 @@
+import { jsxs as i, jsx as t } from "react/jsx-runtime";
+import { useState as s } from "react";
+import { ChevronRightFilled as c, CheckmarkCircleRegular as g, ErrorCircleRegular as x } from "@fluentui/react-icons";
+import { cn as e } from "../../../utils/cn.js";
+const k = ({
+  name: d,
+  validationState: m,
+  children: r,
+  rightElement: a
+}) => {
+  const [n, o] = s(!0);
+  return /* @__PURE__ */ i("div", { children: [
+    /* @__PURE__ */ i(
+      "button",
+      {
+        "aria-label": "Expand Input Section",
+        onClick: () => o((l) => !l),
+        className: e(
+          "mint:flex mint:w-full mint:px-4 mint:py-2.5 mint:items-center mint:justify-between mint:border-standard mint:cursor-pointer mint:hover:bg-gray-50 mint:dark:hover:bg-white/5",
+          n ? "mint:border-b-0! mint:border-t mint:border-x mint:rounded-t-2xl" : "mint:rounded-2xl"
+        ),
+        children: [
+          /* @__PURE__ */ i("div", { className: "mint:flex mint:items-center mint:gap-x-1.5", children: [
+            /* @__PURE__ */ t(
+              c,
+              {
+                className: e(
+                  "mint:h-3 mint:w-3 mint:bg-gray-400 mint:dark:bg-gray-500 mint:transition-transform",
+                  n && "mint:rotate-180"
+                )
+              }
+            ),
+            /* @__PURE__ */ i("div", { className: "mint:flex-1 mint:flex mint:items-center mint:space-x-2", children: [
+              /* @__PURE__ */ t("div", { className: "mint:text-sm mint:font-medium mint:text-gray-800 mint:dark:text-gray-200 mint:leading-6", children: d }),
+              m ? m === "invalid" ? /* @__PURE__ */ t(b, {}) : /* @__PURE__ */ t(u, {}) : null
+            ] })
+          ] }),
+          a
+        ]
+      }
+    ),
+    /* @__PURE__ */ i(
+      "div",
+      {
+        className: e(
+          "mint:bg-background-light mint:dark:bg-background-dark mint:flex-1 mint:px-4 mint:rounded-b-xl mint:border-standard mint:border-t-0! mint:divide-y mint:divide-gray-100 mint:dark:divide-white/10",
+          n && r ? "" : "mint:hidden"
+        ),
+        children: [
+          /* @__PURE__ */ t("div", {}),
+          r
+        ]
+      }
+    )
+  ] });
+}, b = () => /* @__PURE__ */ t(g, { className: "mint:h-4 mint:w-4 mint:bg-[#2AB673]" }), u = () => /* @__PURE__ */ t(x, { className: "mint:h-4 mint:w-4 mint:bg-[#CB3A32]" });
+export {
+  k as InputSectionContainer
+};
+//# sourceMappingURL=InputSectionContainer.js.map

package/dist/api-playground/ApiPlayground/components/InputSectionContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputSectionContainer.js","sources":["../../../../src/api-playground/ApiPlayground/components/InputSectionContainer.tsx"],"sourcesContent":["'use client';\n\nimport { ReactNode, useState } from 'react';\n\nimport { CheckmarkCircleRegular, ErrorCircleRegular } from '@fluentui/react-icons';\nimport { ChevronRightFilled } from '@fluentui/react-icons';\nimport { cn } from \"../../../utils/cn\";\n\ntype InputSectionContainerParams = {\n  name: string;\n  validationState?: 'valid' | 'invalid';\n  children?: ReactNode;\n  rightElement?: ReactNode;\n};\n\nexport const InputSectionContainer = ({\n  name,\n  validationState,\n  children,\n  rightElement,\n}: InputSectionContainerParams) => {\n  const [expanded, setExpanded] = useState(true);\n\n  return (\n    <div>\n      <button\n        aria-label=\"Expand Input Section\"\n        onClick={() => setExpanded((prev) => !prev)}\n        className={cn(\n          'mint:flex mint:w-full mint:px-4 mint:py-2.5 mint:items-center mint:justify-between mint:border-standard mint:cursor-pointer mint:hover:bg-gray-50 mint:dark:hover:bg-white/5',\n          expanded ? 'mint:border-b-0! mint:border-t mint:border-x mint:rounded-t-2xl' : 'mint:rounded-2xl'\n        )}\n      >\n        <div className=\"mint:flex mint:items-center mint:gap-x-1.5\">\n          <ChevronRightFilled\n            className={cn(\n              'mint:h-3 mint:w-3 mint:bg-gray-400 mint:dark:bg-gray-500 mint:transition-transform',\n              expanded && 'mint:rotate-180'\n            )}\n          />\n          <div className=\"mint:flex-1 mint:flex mint:items-center mint:space-x-2\">\n            <div className=\"mint:text-sm mint:font-medium mint:text-gray-800 mint:dark:text-gray-200 mint:leading-6\">\n              {name}\n            </div>\n            {validationState ? (\n              validationState === 'invalid' ? (\n                <ValidIcon />\n              ) : (\n                <InvalidIcon />\n              )\n            ) : null}\n          </div>\n        </div>\n        {rightElement}\n      </button>\n      {/* since the UI components maintain some state, we can't unmount them - hide instead */}\n      <div\n        className={cn(\n          'mint:bg-background-light mint:dark:bg-background-dark mint:flex-1 mint:px-4 mint:rounded-b-xl mint:border-standard mint:border-t-0! mint:divide-y mint:divide-gray-100 mint:dark:divide-white/10',\n          expanded && children ? '' : 'mint:hidden'\n        )}\n      >\n        {/* Used to create the top border */}\n        <div />\n        {children}\n      </div>\n    </div>\n  );\n};\n\nconst ValidIcon = () => <CheckmarkCircleRegular className=\"mint:h-4 mint:w-4 mint:bg-[#2AB673]\" />;\n\nconst InvalidIcon = () => <ErrorCircleRegular className=\"mint:h-4 mint:w-4 mint:bg-[#CB3A32]\" />;\n"],"names":["InputSectionContainer","name","validationState","children","rightElement","expanded","setExpanded","useState","jsxs","prev","cn","jsx","ChevronRightFilled","ValidIcon","InvalidIcon","CheckmarkCircleRegular","ErrorCircleRegular"],"mappings":";;;;AAeO,MAAMA,IAAwB,CAAC;AAAA,EACpC,MAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,cAAAC;AACF,MAAmC;AACjC,QAAM,CAACC,GAAUC,CAAW,IAAIC,EAAS,EAAI;AAE7C,2BACG,OAAA,EACC,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,cAAW;AAAA,QACX,SAAS,MAAMF,EAAY,CAACG,MAAS,CAACA,CAAI;AAAA,QAC1C,WAAWC;AAAA,UACT;AAAA,UACAL,IAAW,oEAAoE;AAAA,QAAA;AAAA,QAGjF,UAAA;AAAA,UAAA,gBAAAG,EAAC,OAAA,EAAI,WAAU,8CACb,UAAA;AAAA,YAAA,gBAAAG;AAAA,cAACC;AAAA,cAAA;AAAA,gBACC,WAAWF;AAAA,kBACT;AAAA,kBACAL,KAAY;AAAA,gBAAA;AAAA,cACd;AAAA,YAAA;AAAA,YAEF,gBAAAG,EAAC,OAAA,EAAI,WAAU,0DACb,UAAA;AAAA,cAAA,gBAAAG,EAAC,OAAA,EAAI,WAAU,2FACZ,UAAAV,GACH;AAAA,cACCC,IACCA,MAAoB,YAClB,gBAAAS,EAACE,KAAU,IAEX,gBAAAF,EAACG,KAAY,IAEb;AAAA,YAAA,EAAA,CACN;AAAA,UAAA,GACF;AAAA,UACCV;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAGH,gBAAAI;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWE;AAAA,UACT;AAAA,UACAL,KAAYF,IAAW,KAAK;AAAA,QAAA;AAAA,QAI9B,UAAA;AAAA,UAAA,gBAAAQ,EAAC,OAAA,EAAI;AAAA,UACJR;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,GACF;AAEJ,GAEMU,IAAY,MAAM,gBAAAF,EAACI,GAAA,EAAuB,WAAU,sCAAA,CAAsC,GAE1FD,IAAc,MAAM,gBAAAH,EAACK,GAAA,EAAmB,WAAU,sCAAA,CAAsC;"}

package/dist/api-playground/ApiPlayground/components/ModalHeader.js

@@ -0,0 +1,16 @@
+import { jsxs as e, jsx as t } from "react/jsx-runtime";
+import { DescriptionWithoutHeaders as n } from "../../EndpointFields/components/Description.js";
+const r = ({ title: i, description: m }) => /* @__PURE__ */ e("div", { className: "mint:space-y-1 mint:min-w-full mint:w-full mint:max-w-full mint:overflow-hidden", children: [
+  /* @__PURE__ */ t("div", { className: "mint:text-base mint:font-medium mint:text-gray-900 mint:dark:text-white mint:max-w-full", children: i }),
+  /* @__PURE__ */ t("div", { className: "mint:flex mint:items-start mint:gap-x-12 mint:justify-between mint:max-w-full! mint:overflow-x-auto", children: m && /* @__PURE__ */ t(
+    n,
+    {
+      markdown: m,
+      className: "mint:text-sm mint:text-gray-500 mint:dark:text-gray-400"
+    }
+  ) })
+] });
+export {
+  r as ModalHeader
+};
+//# sourceMappingURL=ModalHeader.js.map

package/dist/api-playground/ApiPlayground/components/ModalHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalHeader.js","sources":["../../../../src/api-playground/ApiPlayground/components/ModalHeader.tsx"],"sourcesContent":["import { DescriptionWithoutHeaders } from '@/api-playground/EndpointFields/components/Description';\n\nexport const ModalHeader = ({ title, description }: { title?: string; description?: string }) => {\n  return (\n    <div className=\"mint:space-y-1 mint:min-w-full mint:w-full mint:max-w-full mint:overflow-hidden\">\n      <div className=\"mint:text-base mint:font-medium mint:text-gray-900 mint:dark:text-white mint:max-w-full\">{title}</div>\n      <div className=\"mint:flex mint:items-start mint:gap-x-12 mint:justify-between mint:max-w-full! mint:overflow-x-auto\">\n        {description && (\n          <DescriptionWithoutHeaders\n            markdown={description}\n            className=\"mint:text-sm mint:text-gray-500 mint:dark:text-gray-400\"\n          />\n        )}\n      </div>\n    </div>\n  );\n};\n"],"names":["ModalHeader","title","description","jsxs","jsx","DescriptionWithoutHeaders"],"mappings":";;AAEO,MAAMA,IAAc,CAAC,EAAE,OAAAC,GAAO,aAAAC,QAEjC,gBAAAC,EAAC,OAAA,EAAI,WAAU,mFACb,UAAA;AAAA,EAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,2FAA2F,UAAAH,GAAM;AAAA,EAChH,gBAAAG,EAAC,OAAA,EAAI,WAAU,uGACZ,UAAAF,KACC,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,UAAUH;AAAA,MACV,WAAU;AAAA,IAAA;AAAA,EAAA,EACZ,CAEJ;AAAA,GACF;"}

package/dist/api-playground/ApiPlayground/components/ObjectExpandButton.js

@@ -0,0 +1,29 @@
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { ChevronUpDownFilled as i } from "@fluentui/react-icons";
+const o = ({ onClick: r, count: n, labeled: m }) => {
+  let t = "";
+  return n === 0 ? null : (n === 1 ? t = "show 1 property" : t = `show ${n} properties`, m ? /* @__PURE__ */ a(
+    "button",
+    {
+      "aria-label": t,
+      onClick: r,
+      className: "mint:flex mint:justify-center mint:items-center mint:pt-0.5 mint:pb-0.5 mint:pl-2 mint:pr-1.5 mint:rounded-lg mint:border mint:border-gray-200 mint:dark:border-gray-800 mint:text-gray-600 mint:dark:text-gray-400",
+      children: [
+        /* @__PURE__ */ e("span", { className: "mint:text-sm mint:font-sans mint:font-medium mint:mr-1 mint:whitespace-nowrap", children: t }),
+        /* @__PURE__ */ e(i, { className: "mint:w-3.5 mint:h-3.5" })
+      ]
+    }
+  ) : /* @__PURE__ */ e(
+    "button",
+    {
+      "aria-label": t,
+      onClick: r,
+      className: "mint:px-1 mint:text-gray-600 mint:dark:text-gray-500",
+      children: /* @__PURE__ */ e(i, { className: "mint:w-3.5 mint:h-3.5" })
+    }
+  ));
+};
+export {
+  o as ObjectExpandButton
+};
+//# sourceMappingURL=ObjectExpandButton.js.map

package/dist/api-playground/ApiPlayground/components/ObjectExpandButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ObjectExpandButton.js","sources":["../../../../src/api-playground/ApiPlayground/components/ObjectExpandButton.tsx"],"sourcesContent":["'use client';\n\nimport { ChevronUpDownFilled } from '@fluentui/react-icons';\n\ntype ExpandButtonProps = {\n  onClick: () => void;\n  count?: number;\n  labeled?: boolean;\n};\n\nexport const ObjectExpandButton = ({ onClick, count, labeled }: ExpandButtonProps) => {\n  let expandText = '';\n  if (count === 0) {\n    return null;\n  }\n  if (count === 1) {\n    expandText = 'show 1 property';\n  } else {\n    expandText = `show ${count} properties`;\n  }\n\n  if (labeled) {\n    return (\n      <button\n        aria-label={expandText}\n        onClick={onClick}\n        className=\"mint:flex mint:justify-center mint:items-center mint:pt-0.5 mint:pb-0.5 mint:pl-2 mint:pr-1.5 mint:rounded-lg mint:border mint:border-gray-200 mint:dark:border-gray-800 mint:text-gray-600 mint:dark:text-gray-400\"\n      >\n        <span className=\"mint:text-sm mint:font-sans mint:font-medium mint:mr-1 mint:whitespace-nowrap\">{expandText}</span>\n        <ChevronUpDownFilled className=\"mint:w-3.5 mint:h-3.5\" />\n      </button>\n    );\n  } else {\n    return (\n      <button\n        aria-label={expandText}\n        onClick={onClick}\n        className=\"mint:px-1 mint:text-gray-600 mint:dark:text-gray-500\"\n      >\n        <ChevronUpDownFilled className=\"mint:w-3.5 mint:h-3.5\" />\n      </button>\n    );\n  }\n};\n"],"names":["ObjectExpandButton","onClick","count","labeled","expandText","jsxs","jsx","ChevronUpDownFilled"],"mappings":";;AAUO,MAAMA,IAAqB,CAAC,EAAE,SAAAC,GAAS,OAAAC,GAAO,SAAAC,QAAiC;AACpF,MAAIC,IAAa;AACjB,SAAIF,MAAU,IACL,QAELA,MAAU,IACZE,IAAa,oBAEbA,IAAa,QAAQF,CAAK,eAGxBC,IAEA,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,cAAYD;AAAA,MACZ,SAAAH;AAAA,MACA,WAAU;AAAA,MAEV,UAAA;AAAA,QAAA,gBAAAK,EAAC,QAAA,EAAK,WAAU,iFAAiF,UAAAF,GAAW;AAAA,QAC5G,gBAAAE,EAACC,GAAA,EAAoB,WAAU,wBAAA,CAAwB;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,IAKzD,gBAAAD;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,cAAYF;AAAA,MACZ,SAAAH;AAAA,MACA,WAAU;AAAA,MAEV,UAAA,gBAAAK,EAACC,GAAA,EAAoB,WAAU,wBAAA,CAAwB;AAAA,IAAA;AAAA,EAAA;AAI/D;"}

package/dist/api-playground/ApiPlayground/components/ParamFieldWrapper.js

@@ -0,0 +1,20 @@
+import { jsx as t } from "react/jsx-runtime";
+import { cn as a } from "../../../utils/cn.js";
+function n({
+  paramId: r,
+  children: m,
+  className: o
+}) {
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      className: a(o, "mint:border-gray-100 mint:dark:border-gray-800 mint:border-b mint:last:border-b-0"),
+      children: m
+    },
+    r
+  );
+}
+export {
+  n as ParamFieldWrapper
+};
+//# sourceMappingURL=ParamFieldWrapper.js.map

package/dist/api-playground/ApiPlayground/components/ParamFieldWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ParamFieldWrapper.js","sources":["../../../../src/api-playground/ApiPlayground/components/ParamFieldWrapper.tsx"],"sourcesContent":["import { cn } from '@/utils/cn';\n\nexport function ParamFieldWrapper({\n  paramId,\n  children,\n  className,\n}: {\n  paramId: string | undefined;\n  children: React.ReactNode;\n  className?: string;\n}) {\n  return (\n    <div\n      key={paramId}\n      className={cn(className, 'mint:border-gray-100 mint:dark:border-gray-800 mint:border-b mint:last:border-b-0')}\n    >\n      {children}\n    </div>\n  );\n}\n"],"names":["ParamFieldWrapper","paramId","children","className","jsx","cn"],"mappings":";;AAEO,SAASA,EAAkB;AAAA,EAChC,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AACF,GAIG;AACD,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MAEC,WAAWC,EAAGF,GAAW,mFAAmF;AAAA,MAE3G,UAAAD;AAAA,IAAA;AAAA,IAHID;AAAA,EAAA;AAMX;"}

package/dist/api-playground/ApiPlayground/components/PathHeader.js

@@ -0,0 +1,163 @@
+import { jsxs as c, jsx as n, Fragment as y } from "react/jsx-runtime";
+import { SpinnerIosRegular as N, PlayRegular as P, ChevronUpDownFilled as w, CheckmarkCircleRegular as k, CopySelectRegular as C } from "@fluentui/react-icons";
+import { useState as g, useContext as f, useEffect as S, useMemo as B } from "react";
+import { getMethodColor as x } from "../../../components/Api/colors.js";
+import { MethodPill as I } from "../../../components/Api/MethodPill.js";
+import { useApiPlaygroundInputs as $ } from "../../../hooks/useMDXContentController/useApiPlaygroundInputs.js";
+import { addPathParams as W, joinWithSingleSlash as E, addServerVariables as M } from "../../../hooks/useSendPlaygroundRequest.js";
+import { copyToClipboard as R } from "../../../utils/copyToClipboard.js";
+import { ApiPlaygroundContext as v } from "../ApiPlaygroundContext.js";
+import { cn as h } from "../../../utils/cn.js";
+const _ = ({
+  endpoint: t,
+  display: m,
+  onClickInteractive: r,
+  hasGrayBackground: s
+}) => /* @__PURE__ */ c("div", { className: "mint:flex mint:items-center mint:space-x-1.5", children: [
+  /* @__PURE__ */ n(j, { endpoint: t, display: m, hasGrayBackground: s }),
+  m === "simple" ? null : /* @__PURE__ */ n(A, { method: t.method, label: "Try it", onClick: r })
+] }), U = () => {
+  const { baseUrlOptions: t, selectedBaseUrlIndex: m, setSelectedBaseUrlIndex: r } = f(v), [s, o] = g(0), i = t == null ? void 0 : t[m];
+  return S(() => {
+    const e = document.createElement("span");
+    e.className = "mint:text-sm mint:absolute mint:font-mono mint:invisible";
+    const a = sessionStorage.getItem("selectedBaseUrl");
+    a && a !== i && t && r && t.includes(a) ? (r(t.indexOf(a)), e.textContent = a) : e.textContent = i ?? "", document.body.appendChild(e), o(e.offsetWidth + 16), document.body.removeChild(e);
+  }, [i, r, m, t]), !t || t.length <= 1 || !r ? null : /* @__PURE__ */ c("div", { className: "mint:flex mint:items-center mint:gap-1 mint:relative mint:-mr-1", children: [
+    /* @__PURE__ */ n(
+      "select",
+      {
+        "aria-label": "Base Path Selector",
+        className: "mint:bg-transparent mint:text-sm mint:text-gray-600 mint:dark:text-gray-400 mint:outline-0 mint:font-mono mint:cursor-pointer mint:hover:text-gray-900 mint:dark:hover:text-gray-300",
+        value: m,
+        onClick: (e) => e.stopPropagation(),
+        onChange: (e) => {
+          sessionStorage.setItem("selectedBaseUrl", t[Number(e.target.value)] ?? ""), r(Number(e.target.value));
+        },
+        style: { width: `${s}px` },
+        children: t.map((e, a) => /* @__PURE__ */ n("option", { value: a, children: e }, e))
+      }
+    ),
+    /* @__PURE__ */ n(
+      w,
+      {
+        className: "mint:absolute mint:right-0 mint:w-3 mint:h-3 mint:text-gray-400 mint:dark:text-white/30 mint:pointer-events-none"
+      }
+    )
+  ] });
+}, j = ({ endpoint: t, display: m, hasGrayBackground: r }) => {
+  const [s, o] = g(!1), { baseUrlOptions: i, selectedBaseUrlIndex: e } = f(v), a = $(), l = (i == null ? void 0 : i[e]) ?? (i == null ? void 0 : i[0]) ?? "", p = async () => {
+    const d = W(t.path, a.path), b = E(M(l, a.server), d);
+    await R(b) === "success" && (o(!0), setTimeout(() => {
+      o(!1);
+    }, 2e3));
+  };
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      className: h(
+        "mint:relative mint:flex-1 mint:flex mint:gap-2 mint:min-w-0 mint:rounded-xl mint:items-center mint:cursor-pointer mint:p-1.5 mint:pr-0 mint:overflow-hidden",
+        m != "simple" && "mint:border-standard",
+        r && "mint:bg-gray-50 mint:dark:bg-white/5"
+      ),
+      onClick: p,
+      children: [
+        /* @__PURE__ */ n(
+          I,
+          {
+            method: t.type === "webhook" ? "webhook" : t.method,
+            isActive: !1
+          }
+        ),
+        /* @__PURE__ */ c("div", { className: "mint:flex mint:items-center mint:space-x-2 mint:overflow-x-auto mint:flex-1 mint:no-scrollbar", children: [
+          t.type !== "webhook" && /* @__PURE__ */ n(U, {}),
+          /* @__PURE__ */ n(
+            F,
+            {
+              endpoint: t,
+              display: m,
+              isCopiedActive: s,
+              hasGrayBackground: r
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}, F = ({
+  endpoint: t,
+  isCopiedActive: m,
+  hasGrayBackground: r
+}) => {
+  const s = B(() => t.path.split("/").flatMap((o, i) => {
+    const e = [];
+    return i > 0 && e.push(/* @__PURE__ */ n(T, {}, i)), o.split("{").forEach((a, l) => {
+      if (a.includes("}")) {
+        const [p, d] = a.split("}");
+        e.push(
+          /* @__PURE__ */ n(H, { method: t.method, children: p }, `${i}-${l}-param`)
+        ), d && e.push(/* @__PURE__ */ n(u, { children: d }, `${i}-${l}`));
+      } else a && e.push(/* @__PURE__ */ n(u, { children: a }, `${i}-${l}`));
+    }), e;
+  }), [t.path, t.method]);
+  return /* @__PURE__ */ c("div", { className: "mint:group mint:flex mint:items-center mint:flex-1 mint:gap-0.5 mint:font-mono mint:pr-1.5", children: [
+    /* @__PURE__ */ n(
+      "div",
+      {
+        className: h(
+          "mint:absolute mint:right-0 mint:p-2 mint:bg-background-light mint:dark:bg-background-dark mint:rounded-lg",
+          r && "mint:bg-transparent mint:dark:bg-transparent",
+          m ? "mint:block" : "mint:hidden mint:group-hover:block"
+        ),
+        children: m ? /* @__PURE__ */ n(
+          k,
+          {
+            className: "mint:w-4 mint:h-4 mint:bg-primary mint:dark:bg-primary-light"
+          }
+        ) : /* @__PURE__ */ n(C, { className: "mint:w-4 mint:h-4 mint:bg-gray-400 mint:dark:bg-white/30" })
+      }
+    ),
+    s
+  ] });
+}, u = ({ children: t }) => /* @__PURE__ */ n("div", { className: "mint:text-sm mint:font-medium mint:text-gray-800 mint:dark:text-white mint:min-w-max", children: t }), H = ({ children: t, method: m }) => {
+  const { activeNavPillBg: r, activeNavPillText: s, inactiveNavPillText: o, inactiveNavPillBg: i } = x(m);
+  return /* @__PURE__ */ n(
+    "div",
+    {
+      className: h("mint:text-sm mint:font-mono mint:font-medium mint:rounded-md mint:px-1 mint:border-2 mint:min-w-max", r, s, o, i),
+      children: `{${t}}`
+    }
+  );
+}, T = () => /* @__PURE__ */ n("div", { className: "mint:text-sm mint:text-gray-400", children: "/" }), A = ({
+  label: t,
+  method: m,
+  onClick: r,
+  isSending: s,
+  className: o
+}) => {
+  const { activeNavPillBg: i } = x(m);
+  return /* @__PURE__ */ n(
+    "button",
+    {
+      className: h(
+        "try-it-button",
+        "mint:flex mint:items-center mint:justify-center mint:px-3 mint:h-9 mint:text-white mint:font-medium mint:rounded-xl mint:mouse-pointer mint:disabled:opacity-70 mint:hover:opacity-80 mint:gap-1.5",
+        i,
+        o
+      ),
+      onClick: r,
+      disabled: s,
+      "data-testid": "try-it-button",
+      children: s ? /* @__PURE__ */ n(N, { className: "mint:w-4 mint:h-4 mint:bg-white mint:animate-spin" }) : /* @__PURE__ */ c(y, { children: [
+        /* @__PURE__ */ n("span", { children: t }),
+        /* @__PURE__ */ n(P, { className: "mint:w-3 mint:h-3 mint:bg-white" })
+      ] })
+    }
+  );
+};
+export {
+  _ as EndpointHeader,
+  j as PathHeader,
+  A as SendPill
+};
+//# sourceMappingURL=PathHeader.js.map

package/dist/api-playground/ApiPlayground/components/PathHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PathHeader.js","sources":["../../../../src/api-playground/ApiPlayground/components/PathHeader.tsx"],"sourcesContent":["'use client';\n\nimport { Endpoint } from '@mintlify/validation';\nimport { ChevronUpDownFilled } from '@fluentui/react-icons';\nimport { useContext, useEffect, useMemo, useState } from 'react';\n\nimport { getMethodColor } from '@/components/Api/colors';\nimport { MethodPill } from '../../../components/Api/MethodPill';\nimport { useApiPlaygroundInputs } from '@/hooks/useMDXContentController/useApiPlaygroundInputs';\nimport {\n  addPathParams,\n  addServerVariables,\n  joinWithSingleSlash,\n} from '../../../hooks/useSendPlaygroundRequest';\nimport { MethodPillType } from '../../../api-playground-2/types/api';\nimport { CheckmarkCircleRegular, CopySelectRegular, SpinnerIosRegular, PlayRegular } from '@fluentui/react-icons';\nimport { copyToClipboard } from '@/utils/copyToClipboard';\n\nimport { ApiPlaygroundContext } from '../ApiPlaygroundContext';\nimport { cn } from \"../../../utils/cn\";\n\ntype EndpointHeaderProps = {\n  endpoint: Endpoint;\n  display: 'simple' | 'none' | 'interactive';\n  onClickInteractive?: () => void;\n  hasGrayBackground?: boolean;\n};\n\nexport const EndpointHeader = ({\n  endpoint,\n  display,\n  onClickInteractive,\n  hasGrayBackground,\n}: EndpointHeaderProps) => {\n  return (\n    <div className=\"mint:flex mint:items-center mint:space-x-1.5\">\n      <PathHeader endpoint={endpoint} display={display} hasGrayBackground={hasGrayBackground} />\n      {display === 'simple' ? null : (\n        <SendPill method={endpoint.method} label=\"Try it\" onClick={onClickInteractive} />\n      )}\n    </div>\n  );\n};\n\nconst BasePathSelector = () => {\n  const { baseUrlOptions, selectedBaseUrlIndex, setSelectedBaseUrlIndex } =\n    useContext(ApiPlaygroundContext);\n  const [selectWidth, setSelectWidth] = useState(0);\n\n  const selectedOption = baseUrlOptions?.[selectedBaseUrlIndex];\n\n  useEffect(() => {\n    // Create a temporary span to measure the text width to dynamically set the width of the select\n    const span = document.createElement('span');\n    span.className = 'mint:text-sm mint:absolute mint:font-mono mint:invisible';\n    const storedBaseUrl = sessionStorage.getItem('selectedBaseUrl');\n    if (\n      storedBaseUrl &&\n      storedBaseUrl !== selectedOption &&\n      baseUrlOptions &&\n      setSelectedBaseUrlIndex &&\n      baseUrlOptions.includes(storedBaseUrl)\n    ) {\n      setSelectedBaseUrlIndex(baseUrlOptions.indexOf(storedBaseUrl));\n      span.textContent = storedBaseUrl;\n    } else {\n      span.textContent = selectedOption ?? '';\n    }\n    document.body.appendChild(span);\n\n    const paddingWidth = 16;\n\n    setSelectWidth(span.offsetWidth + paddingWidth);\n    document.body.removeChild(span);\n  }, [selectedOption, setSelectedBaseUrlIndex, selectedBaseUrlIndex, baseUrlOptions]);\n\n  if (!baseUrlOptions || baseUrlOptions.length <= 1 || !setSelectedBaseUrlIndex) return null;\n\n  return (\n    <div className=\"mint:flex mint:items-center mint:gap-1 mint:relative mint:-mr-1\">\n      <select\n        aria-label=\"Base Path Selector\"\n        className=\"mint:bg-transparent mint:text-sm mint:text-gray-600 mint:dark:text-gray-400 mint:outline-0 mint:font-mono mint:cursor-pointer mint:hover:text-gray-900 mint:dark:hover:text-gray-300\"\n        value={selectedBaseUrlIndex}\n        onClick={(e) => e.stopPropagation()}\n        onChange={(e) => {\n          sessionStorage.setItem('selectedBaseUrl', baseUrlOptions[Number(e.target.value)] ?? '');\n          setSelectedBaseUrlIndex(Number(e.target.value));\n        }}\n        style={{ width: `${selectWidth}px` }}\n      >\n        {baseUrlOptions.map((url, i) => (\n          <option key={url} value={i}>\n            {url}\n          </option>\n        ))}\n      </select>\n      <ChevronUpDownFilled\n        className=\"mint:absolute mint:right-0 mint:w-3 mint:h-3 mint:text-gray-400 mint:dark:text-white/30 mint:pointer-events-none\"\n      />\n    </div>\n  );\n};\n\nexport const PathHeader = ({ endpoint, display, hasGrayBackground }: EndpointHeaderProps) => {\n  const [isCopiedActive, setIsCopiedActive] = useState(false);\n  const { baseUrlOptions, selectedBaseUrlIndex } = useContext(ApiPlaygroundContext);\n  const inputs = useApiPlaygroundInputs();\n\n  const baseUrl = baseUrlOptions?.[selectedBaseUrlIndex] ?? baseUrlOptions?.[0] ?? '';\n\n  const onCopy = async () => {\n    const pathWithInputs = addPathParams(endpoint.path, inputs.path);\n    const toCopy = joinWithSingleSlash(addServerVariables(baseUrl, inputs.server), pathWithInputs);\n\n    const result = await copyToClipboard(toCopy);\n    if (result === 'success') {\n      setIsCopiedActive(true);\n      setTimeout(() => {\n        setIsCopiedActive(false);\n      }, 2000);\n    }\n  };\n\n  return (\n    <div\n      className={cn(\n        'mint:relative mint:flex-1 mint:flex mint:gap-2 mint:min-w-0 mint:rounded-xl mint:items-center mint:cursor-pointer mint:p-1.5 mint:pr-0 mint:overflow-hidden',\n        display != 'simple' && 'mint:border-standard',\n        hasGrayBackground && 'mint:bg-gray-50 mint:dark:bg-white/5'\n      )}\n      onClick={onCopy}\n    >\n      <MethodPill\n        method={endpoint.type === 'webhook' ? 'webhook' : endpoint.method}\n        isActive={false}\n      />\n      <div className=\"mint:flex mint:items-center mint:space-x-2 mint:overflow-x-auto mint:flex-1 mint:no-scrollbar\">\n        {endpoint.type !== 'webhook' && <BasePathSelector />}\n        <PrettyPath\n          endpoint={endpoint}\n          display={display}\n          isCopiedActive={isCopiedActive}\n          hasGrayBackground={hasGrayBackground}\n        />\n      </div>\n    </div>\n  );\n};\n\nconst PrettyPath = ({\n  endpoint,\n  isCopiedActive,\n  hasGrayBackground,\n}: EndpointHeaderProps & { isCopiedActive: boolean }) => {\n  const pathParts = useMemo(() => {\n    return endpoint.path.split('/').flatMap((component, i) => {\n      const componentParts = [];\n      if (i > 0) {\n        componentParts.push(<SlashPart key={i} />);\n      }\n\n      component.split('{').forEach((paramAndText, j) => {\n        if (paramAndText.includes('}')) {\n          const [param, text] = paramAndText.split('}');\n          componentParts.push(\n            <ParamPart key={`${i}-${j}-param`} method={endpoint.method}>\n              { }\n              {param!}\n            </ParamPart>\n          );\n          if (text) {\n            componentParts.push(<LiteralPart key={`${i}-${j}`}>{text}</LiteralPart>);\n          }\n        } else if (paramAndText) {\n          componentParts.push(<LiteralPart key={`${i}-${j}`}>{paramAndText}</LiteralPart>);\n        }\n      });\n\n      return componentParts;\n    });\n  }, [endpoint.path, endpoint.method]);\n\n  return (\n    <div className=\"mint:group mint:flex mint:items-center mint:flex-1 mint:gap-0.5 mint:font-mono mint:pr-1.5\">\n      <div\n        className={cn(\n          'mint:absolute mint:right-0 mint:p-2 mint:bg-background-light mint:dark:bg-background-dark mint:rounded-lg',\n          hasGrayBackground && 'mint:bg-transparent mint:dark:bg-transparent',\n          isCopiedActive ? 'mint:block' : 'mint:hidden mint:group-hover:block'\n        )}\n      >\n        {isCopiedActive ? (\n          <CheckmarkCircleRegular\n            className=\"mint:w-4 mint:h-4 mint:bg-primary mint:dark:bg-primary-light\"\n          />\n        ) : (\n          <CopySelectRegular className=\"mint:w-4 mint:h-4 mint:bg-gray-400 mint:dark:bg-white/30\" />\n        )}\n      </div>\n      {pathParts}\n    </div>\n  );\n};\n\nconst LiteralPart = ({ children }: { children: string }) => (\n  <div className=\"mint:text-sm mint:font-medium mint:text-gray-800 mint:dark:text-white mint:min-w-max\">{children}</div>\n);\n\nconst ParamPart = ({ children, method }: { children: string; method: MethodPillType }) => {\n  const { activeNavPillBg, activeNavPillText, inactiveNavPillText, inactiveNavPillBg } = getMethodColor(method);\n  return (\n    <div\n      className={cn('mint:text-sm mint:font-mono mint:font-medium mint:rounded-md mint:px-1 mint:border-2 mint:min-w-max', activeNavPillBg, activeNavPillText, inactiveNavPillText, inactiveNavPillBg)}\n    >{`\\{${children}\\}`}</div>\n  );\n};\n\nconst SlashPart = () => <div className=\"mint:text-sm mint:text-gray-400\">/</div>;\n\nexport const SendPill = ({\n  label,\n  method,\n  onClick,\n  isSending,\n  className,\n}: {\n  label: string;\n  method: MethodPillType;\n  onClick?: () => void;\n  isSending?: boolean;\n  className?: string;\n}) => {\n  const { activeNavPillBg } = getMethodColor(method);\n  return (\n    <button\n      className={cn(\n        'try-it-button',\n        'mint:flex mint:items-center mint:justify-center mint:px-3 mint:h-9 mint:text-white mint:font-medium mint:rounded-xl mint:mouse-pointer mint:disabled:opacity-70 mint:hover:opacity-80 mint:gap-1.5',\n        activeNavPillBg,\n        className\n      )}\n      onClick={onClick}\n      disabled={isSending}\n      data-testid=\"try-it-button\"\n    >\n      {isSending ? (\n        <SpinnerIosRegular className=\"mint:w-4 mint:h-4 mint:bg-white mint:animate-spin\" />\n      ) : (\n        <>\n          <span>{label}</span>\n          <PlayRegular className=\"mint:w-3 mint:h-3 mint:bg-white\" />\n        </>\n      )}\n    </button>\n  );\n};\n"],"names":["EndpointHeader","endpoint","display","onClickInteractive","hasGrayBackground","jsxs","jsx","PathHeader","SendPill","BasePathSelector","baseUrlOptions","selectedBaseUrlIndex","setSelectedBaseUrlIndex","useContext","ApiPlaygroundContext","selectWidth","setSelectWidth","useState","selectedOption","useEffect","span","storedBaseUrl","url","i","ChevronUpDownFilled","isCopiedActive","setIsCopiedActive","inputs","useApiPlaygroundInputs","baseUrl","onCopy","pathWithInputs","addPathParams","toCopy","joinWithSingleSlash","addServerVariables","copyToClipboard","cn","MethodPill","PrettyPath","pathParts","useMemo","component","componentParts","SlashPart","paramAndText","j","param","text","ParamPart","LiteralPart","CheckmarkCircleRegular","CopySelectRegular","children","method","activeNavPillBg","activeNavPillText","inactiveNavPillText","inactiveNavPillBg","getMethodColor","label","onClick","isSending","className","SpinnerIosRegular","Fragment","PlayRegular"],"mappings":"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"}

package/dist/api-playground/ApiPlayground/components/PlaygroundModalWrapper.js

@@ -0,0 +1,59 @@
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { Transition as r, TransitionChild as m } from "@headlessui/react";
+import { Fragment as n } from "react";
+import { createPortal as c } from "react-dom";
+import { zIndex as l } from "../../../constants/zIndex.js";
+import "@mintlify/validation";
+import { cn as d } from "../../../utils/cn.js";
+const y = ({
+  isPlaygroundExpanded: e,
+  setIsPlaygroundExpanded: t,
+  children: o
+}) => typeof window > "u" ? null : c(
+  /* @__PURE__ */ i(r, { show: e, as: n, children: /* @__PURE__ */ a("div", { className: d(l.Popup, "mint:fixed mint:inset-0 mint:overflow-y-auto mint:p-4 mint:sm:p-6 mint:md:p-12"), children: [
+    /* @__PURE__ */ i(
+      m,
+      {
+        as: n,
+        enter: "mint:ease-out mint:duration-100",
+        enterFrom: "mint:opacity-0",
+        enterTo: "mint:opacity-100",
+        leave: "mint:ease-in mint:duration-50",
+        leaveFrom: "mint:opacity-100",
+        leaveTo: "mint:opacity-0",
+        children: /* @__PURE__ */ i(
+          "div",
+          {
+            className: "mint:fixed mint:z-0 mint:inset-0 mint:bg-background-dark/20 mint:transition-opacity mint:backdrop-blur-sm",
+            onClick: () => t == null ? void 0 : t(!1)
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ i(
+      m,
+      {
+        as: n,
+        enter: "mint:ease-out mint:duration-100",
+        enterFrom: "mint:opacity-0 mint:scale-95",
+        enterTo: "mint:opacity-100 mint:scale-100",
+        leave: "mint:ease-in mint:duration-50",
+        leaveFrom: "mint:opacity-100 mint:scale-100",
+        leaveTo: "mint:opacity-0 mint:scale-95",
+        children: /* @__PURE__ */ i(
+          "div",
+          {
+            "data-testid": "api-playground-modal",
+            className: "mint:relative mint:z-10 mint:flex mint:flex-col mint:mx-auto mint:max-w-screen-xl mint:transform mint:bg-background-light mint:dark:bg-background-dark mint:shadow-search mint:rounded-3xl mint:border-standard",
+            children: /* @__PURE__ */ i("div", { className: "mint:p-4", children: o })
+          }
+        )
+      }
+    )
+  ] }) }),
+  document.body
+);
+export {
+  y as PlaygroundModalWrapper
+};
+//# sourceMappingURL=PlaygroundModalWrapper.js.map

package/dist/api-playground/ApiPlayground/components/PlaygroundModalWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlaygroundModalWrapper.js","sources":["../../../../src/api-playground/ApiPlayground/components/PlaygroundModalWrapper.tsx"],"sourcesContent":["'use client';\n\nimport { Transition, TransitionChild } from '@headlessui/react';\nimport { Fragment } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { zIndex } from '@/constants/zIndex';\nimport { cn } from '@/api-playground-2/schemaGraph/utils';\n\ntype PlaygroundModalWrapperProps = {\n  isPlaygroundExpanded: boolean;\n  setIsPlaygroundExpanded?: (isPlaygroundExpanded: boolean) => void;\n  children: React.ReactNode;\n};\n\nexport const PlaygroundModalWrapper = ({\n  isPlaygroundExpanded,\n  setIsPlaygroundExpanded,\n  children,\n}: PlaygroundModalWrapperProps) => {\n  if (typeof window === 'undefined') return null;\n\n  return createPortal(\n    <Transition show={isPlaygroundExpanded} as={Fragment}>\n      <div className={cn(zIndex.Popup, 'mint:fixed mint:inset-0 mint:overflow-y-auto mint:p-4 mint:sm:p-6 mint:md:p-12')}>\n        <TransitionChild\n          as={Fragment}\n          enter=\"mint:ease-out mint:duration-100\"\n          enterFrom=\"mint:opacity-0\"\n          enterTo=\"mint:opacity-100\"\n          leave=\"mint:ease-in mint:duration-50\"\n          leaveFrom=\"mint:opacity-100\"\n          leaveTo=\"mint:opacity-0\"\n        >\n          <div\n            className=\"mint:fixed mint:z-0 mint:inset-0 mint:bg-background-dark/20 mint:transition-opacity mint:backdrop-blur-sm\"\n            onClick={() => setIsPlaygroundExpanded?.(false)}\n          />\n        </TransitionChild>\n        <TransitionChild\n          as={Fragment}\n          enter=\"mint:ease-out mint:duration-100\"\n          enterFrom=\"mint:opacity-0 mint:scale-95\"\n          enterTo=\"mint:opacity-100 mint:scale-100\"\n          leave=\"mint:ease-in mint:duration-50\"\n          leaveFrom=\"mint:opacity-100 mint:scale-100\"\n          leaveTo=\"mint:opacity-0 mint:scale-95\"\n        >\n          <div\n            data-testid=\"api-playground-modal\"\n            className=\"mint:relative mint:z-10 mint:flex mint:flex-col mint:mx-auto mint:max-w-screen-xl mint:transform mint:bg-background-light mint:dark:bg-background-dark mint:shadow-search mint:rounded-3xl mint:border-standard\">\n            <div className=\"mint:p-4\">{children}</div>\n          </div>\n        </TransitionChild>\n      </div>\n    </Transition>,\n    document.body\n  );\n};\n"],"names":["PlaygroundModalWrapper","isPlaygroundExpanded","setIsPlaygroundExpanded","children","createPortal","jsx","Transition","Fragment","jsxs","cn","zIndex","TransitionChild"],"mappings":";;;;;;;AAeO,MAAMA,IAAyB,CAAC;AAAA,EACrC,sBAAAC;AAAA,EACA,yBAAAC;AAAA,EACA,UAAAC;AACF,MACM,OAAO,SAAW,MAAoB,OAEnCC;AAAA,EACL,gBAAAC,EAACC,GAAA,EAAW,MAAML,GAAsB,IAAIM,GAC1C,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAGC,EAAO,OAAO,gFAAgF,GAC/G,UAAA;AAAA,IAAA,gBAAAL;AAAA,MAACM;AAAA,MAAA;AAAA,QACC,IAAIJ;AAAA,QACJ,OAAM;AAAA,QACN,WAAU;AAAA,QACV,SAAQ;AAAA,QACR,OAAM;AAAA,QACN,WAAU;AAAA,QACV,SAAQ;AAAA,QAER,UAAA,gBAAAF;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,SAAS,MAAMH,KAAA,gBAAAA,EAA0B;AAAA,UAAK;AAAA,QAAA;AAAA,MAChD;AAAA,IAAA;AAAA,IAEF,gBAAAG;AAAA,MAACM;AAAA,MAAA;AAAA,QACC,IAAIJ;AAAA,QACJ,OAAM;AAAA,QACN,WAAU;AAAA,QACV,SAAQ;AAAA,QACR,OAAM;AAAA,QACN,WAAU;AAAA,QACV,SAAQ;AAAA,QAER,UAAA,gBAAAF;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,eAAY;AAAA,YACZ,WAAU;AAAA,YACV,UAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,YAAY,UAAAF,EAAA,CAAS;AAAA,UAAA;AAAA,QAAA;AAAA,MACtC;AAAA,IAAA;AAAA,EACF,EAAA,CACF,EAAA,CACF;AAAA,EACA,SAAS;AAAA;"}

package/dist/api-playground/ApiPlayground/components/PrettyPath.js

@@ -0,0 +1,50 @@
+import { jsx as t, jsxs as f } from "react/jsx-runtime";
+import { useMemo as x } from "react";
+import { getMethodColor as g } from "../../../components/Api/colors.js";
+import { ClipboardCheckmarkRegular as b, Copy20Regular as k } from "@fluentui/react-icons";
+import { cn as d } from "../../../utils/cn.js";
+const M = ({
+  path: n,
+  method: r,
+  isCopiedActive: e,
+  hasGrayBackground: p
+}) => {
+  const h = x(() => n.split("/").flatMap((o, m) => {
+    const i = [];
+    return m > 0 && o && i.push(/* @__PURE__ */ t(N, {}, m)), o.split("{").forEach((a, s) => {
+      if (a.includes("}")) {
+        const [u, l] = a.split("}");
+        i.push(
+          /* @__PURE__ */ t(P, { method: r, children: u }, `${m}-${s}-param`)
+        ), l && i.push(/* @__PURE__ */ t(c, { children: l }, `${m}-${s}`));
+      } else a && i.push(/* @__PURE__ */ t(c, { children: a }, `${m}-${s}`));
+    }), i;
+  }), [n, r]);
+  return /* @__PURE__ */ f("div", { className: "mint:group mint:flex mint:items-center mint:flex-1 mint:gap-0.5 mint:font-mono mint:pr-1.5", children: [
+    /* @__PURE__ */ t(
+      "div",
+      {
+        className: d(
+          "mint:absolute mint:right-0 mint:p-2 mint:rounded-lg",
+          p && "mint:bg-transparent mint:dark:bg-transparent",
+          e ? "mint:block" : "mint:hidden mint:group-hover:block"
+        ),
+        children: e ? /* @__PURE__ */ t(b, { className: "mint:w-5 mint:h-5 mint:text-[#737373] mint:dark:text-[#a3a3a3]" }) : /* @__PURE__ */ t(k, { className: "mint:w-5 mint:h-5 mint:text-[#737373] mint:dark:text-[#a3a3a3]" })
+      }
+    ),
+    h
+  ] });
+}, c = ({ children: n }) => /* @__PURE__ */ t("div", { className: "mint:text-md mint:font-semibold mint:text-gray-800 mint:dark:text-white mint:min-w-max", children: n }), P = ({ children: n, method: r }) => {
+  const { paramStyle: e } = g(r);
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      className: d("mint:text-sm mint:font-mono mint:font-medium mint:rounded-md mint:px-1 mint:border-2 mint:min-w-max", e),
+      children: `{${n}}`
+    }
+  );
+}, N = () => /* @__PURE__ */ t("div", { className: "mint:text-sm mint:text-gray-400", children: "/" });
+export {
+  M as PrettyPath
+};
+//# sourceMappingURL=PrettyPath.js.map

package/dist/api-playground/ApiPlayground/components/PrettyPath.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrettyPath.js","sources":["../../../../src/api-playground/ApiPlayground/components/PrettyPath.tsx"],"sourcesContent":["import { useMemo } from 'react';\n\nimport { getMethodColor } from '../../../components/Api/colors';\nimport { MethodPillType } from '../../../api-playground-2/types/api';\nimport { Copy20Regular, ClipboardCheckmarkRegular } from \"@fluentui/react-icons\";\nimport { cn } from '@/utils/cn';\n\ntype PrettyPathProps = {\n  path: string;\n  method: MethodPillType;\n  isCopiedActive: boolean;\n  hasGrayBackground?: boolean;\n};\n\nexport const PrettyPath = ({\n  path,\n  method,\n  isCopiedActive,\n  hasGrayBackground,\n}: PrettyPathProps) => {\n  const pathParts = useMemo(() => {\n    return path.split('/').flatMap((component, i) => {\n      const componentParts = [];\n      if (i > 0 && component) {\n        componentParts.push(<SlashPart key={i} />);\n      }\n\n      component.split('{').forEach((paramAndText, j) => {\n        if (paramAndText.includes('}')) {\n          const [param, text] = paramAndText.split('}');\n          componentParts.push(\n            <ParamPart key={`${i}-${j}-param`} method={method}>\n              { }\n              {param!}\n            </ParamPart>\n          );\n          if (text) {\n            componentParts.push(<LiteralPart key={`${i}-${j}`}>{text}</LiteralPart>);\n          }\n        } else if (paramAndText) {\n          componentParts.push(<LiteralPart key={`${i}-${j}`}>{paramAndText}</LiteralPart>);\n        }\n      });\n\n      return componentParts;\n    });\n  }, [path, method]);\n\n  return (\n    <div className=\"mint:group mint:flex mint:items-center mint:flex-1 mint:gap-0.5 mint:font-mono mint:pr-1.5\">\n      <div\n        className={cn(\n          'mint:absolute mint:right-0 mint:p-2 mint:rounded-lg',\n          hasGrayBackground && 'mint:bg-transparent mint:dark:bg-transparent',\n          isCopiedActive ? 'mint:block' : 'mint:hidden mint:group-hover:block'\n        )}\n      >\n        {isCopiedActive ? (\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 mint:text-[#737373] mint:dark:text-[#a3a3a3]\" />\n        )}\n      </div>\n      {pathParts}\n    </div>\n  );\n};\n\nconst LiteralPart = ({ children }: { children: string }) => (\n  <div className=\"mint:text-md mint:font-semibold mint:text-gray-800 mint:dark:text-white mint:min-w-max\">{children}</div>\n);\n\nconst ParamPart = ({ children, method }: { children: string; method: MethodPillType }) => {\n  const { paramStyle } = getMethodColor(method);\n  return (\n    <div\n      className={cn('mint:text-sm mint:font-mono mint:font-medium mint:rounded-md mint:px-1 mint:border-2 mint:min-w-max', paramStyle)}\n    >{`\\{${children}\\}`}</div>\n  );\n};\n\nconst SlashPart = () => <div className=\"mint:text-sm mint:text-gray-400\">/</div>;\n"],"names":["PrettyPath","path","method","isCopiedActive","hasGrayBackground","pathParts","useMemo","component","i","componentParts","jsx","SlashPart","paramAndText","j","param","text","ParamPart","LiteralPart","jsxs","cn","ClipboardCheckmarkRegular","Copy20Regular","children","paramStyle","getMethodColor"],"mappings":";;;;;AAcO,MAAMA,IAAa,CAAC;AAAA,EACzB,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,mBAAAC;AACF,MAAuB;AACrB,QAAMC,IAAYC,EAAQ,MACjBL,EAAK,MAAM,GAAG,EAAE,QAAQ,CAACM,GAAWC,MAAM;AAC/C,UAAMC,IAAiB,CAAA;AACvB,WAAID,IAAI,KAAKD,KACXE,EAAe,KAAK,gBAAAC,EAACC,GAAA,CAAA,GAAeH,CAAG,CAAE,GAG3CD,EAAU,MAAM,GAAG,EAAE,QAAQ,CAACK,GAAcC,MAAM;AAChD,UAAID,EAAa,SAAS,GAAG,GAAG;AAC9B,cAAM,CAACE,GAAOC,CAAI,IAAIH,EAAa,MAAM,GAAG;AAC5C,QAAAH,EAAe;AAAA,UACb,gBAAAC,EAACM,KAAkC,QAAAd,GAEhC,UAAAY,KAFa,GAAGN,CAAC,IAAIK,CAAC,QAGzB;AAAA,QAAA,GAEEE,KACFN,EAAe,uBAAMQ,GAAA,EAA+B,UAAAF,KAAd,GAAGP,CAAC,IAAIK,CAAC,EAAU,CAAc;AAAA,MAE3E,OAAWD,KACTH,EAAe,uBAAMQ,GAAA,EAA+B,UAAAL,KAAd,GAAGJ,CAAC,IAAIK,CAAC,EAAkB,CAAc;AAAA,IAEnF,CAAC,GAEMJ;AAAA,EACT,CAAC,GACA,CAACR,GAAMC,CAAM,CAAC;AAEjB,SACE,gBAAAgB,EAAC,OAAA,EAAI,WAAU,8FACb,UAAA;AAAA,IAAA,gBAAAR;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWS;AAAA,UACT;AAAA,UACAf,KAAqB;AAAA,UACrBD,IAAiB,eAAe;AAAA,QAAA;AAAA,QAGjC,UAAAA,sBACEiB,GAAA,EAA0B,WAAU,kEAAiE,IAEtG,gBAAAV,EAACW,GAAA,EAAc,WAAU,iEAAA,CAAiE;AAAA,MAAA;AAAA,IAAA;AAAA,IAG7FhB;AAAA,EAAA,GACH;AAEJ,GAEMY,IAAc,CAAC,EAAE,UAAAK,EAAA,MACrB,gBAAAZ,EAAC,OAAA,EAAI,WAAU,0FAA0F,UAAAY,GAAS,GAG9GN,IAAY,CAAC,EAAE,UAAAM,GAAU,QAAApB,QAA2D;AACxF,QAAM,EAAE,YAAAqB,EAAA,IAAeC,EAAetB,CAAM;AAC5C,SACE,gBAAAQ;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWS,EAAG,uGAAuGI,CAAU;AAAA,MAC/H,cAAKD,CAAQ;AAAA,IAAA;AAAA,EAAA;AAEnB,GAEMX,IAAY,MAAM,gBAAAD,EAAC,OAAA,EAAI,WAAU,mCAAkC,UAAA,KAAC;"}

package/dist/api-playground/ApiPlayground/components/SendPill.js

@@ -0,0 +1,40 @@
+import { jsx as t, jsxs as s, Fragment as p } from "react/jsx-runtime";
+import { getMethodColor as h } from "../../../components/Api/colors.js";
+import { useSelectedLocale as d } from "../../../utils/locales/index.js";
+import { SpinnerIosRegular as u } from "@fluentui/react-icons";
+import "@mintlify/validation";
+import { cn as v } from "../../../utils/cn.js";
+const L = ({
+  label: e,
+  method: m,
+  onClick: o,
+  isSending: i,
+  className: r,
+  icon: w,
+  disabled: n
+}) => {
+  const { activeNavPillBg: a, activeNavPillText: l } = h(m), c = d();
+  return /* @__PURE__ */ t(
+    "button",
+    {
+      "aria-label": i ? c["aria.sendingRequest"] : e,
+      className: v(
+        "mint:flex mint:items-center mint:justify-center mint:px-3 mint:h-9 mint:font-medium mint:rounded-xl mint:mouse-pointer mint:hover:opacity-80 mint:gap-1.5",
+        a,
+        l,
+        r,
+        (n || i) && "mint:opacity-50 mint:hover:opacity-50 mint:cursor-not-allowed mint:pointer-events-none"
+      ),
+      onClick: o,
+      disabled: i || n,
+      children: i ? /* @__PURE__ */ t(u, { className: "mint:w-4 mint:h-4 mint:bg-white mint:animate-spin" }) : /* @__PURE__ */ s(p, { children: [
+        /* @__PURE__ */ t("span", { children: e }),
+        /* @__PURE__ */ t("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 640 640", className: "mint:w-3 mint:h-3", children: /* @__PURE__ */ t("path", { d: "M187.2 100.9C174.8 94.1 159.8 94.4 147.6 101.6C135.4 108.8 128 121.9 128 136L128 504C128 518.1 135.5 531.2 147.6 538.4C159.7 545.6 174.8 545.9 187.2 539.1L523.2 355.1C536 348.1 544 334.6 544 320C544 305.4 536 291.9 523.2 284.9L187.2 100.9z", fill: "white" }) })
+      ] })
+    }
+  );
+};
+export {
+  L as SendPill
+};
+//# sourceMappingURL=SendPill.js.map

package/dist/api-playground/ApiPlayground/components/SendPill.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SendPill.js","sources":["../../../../src/api-playground/ApiPlayground/components/SendPill.tsx"],"sourcesContent":["import { getMethodColor } from '@/components/Api/colors';\nimport { useSelectedLocale } from '@/utils/locales';\nimport { SpinnerIosRegular, PlayRegular } from '@fluentui/react-icons';\nimport { cn } from '@/api-playground-2/schemaGraph/utils';\nimport { MethodPillType } from '@/api-playground-2/types/api';\n\ntype SendPillProps = {\n  label: string;\n  method: MethodPillType;\n  onClick?: () => void;\n  isSending?: boolean;\n  className?: string;\n  icon?: React.ReactNode;\n  disabled?: boolean;\n};\n\nexport const SendPill = ({\n  label,\n  method,\n  onClick,\n  isSending,\n  className,\n  icon,\n  disabled,\n}: SendPillProps) => {\n  const { activeNavPillBg, activeNavPillText } = getMethodColor(method);\n  const locale = useSelectedLocale();\n  return (\n    <button\n      aria-label={isSending ? locale['aria.sendingRequest'] : label}\n      className={cn(\n        'mint:flex mint:items-center mint:justify-center mint:px-3 mint:h-9 mint:font-medium mint:rounded-xl mint:mouse-pointer mint:hover:opacity-80 mint:gap-1.5',\n        activeNavPillBg,\n        activeNavPillText,\n        className,\n        (disabled || isSending) &&\n          'mint:opacity-50 mint:hover:opacity-50 mint:cursor-not-allowed mint:pointer-events-none'\n      )}\n      onClick={onClick}\n      disabled={isSending || disabled}\n    >\n      {isSending ? (\n        <SpinnerIosRegular className=\"mint:w-4 mint:h-4 mint:bg-white mint:animate-spin\" />\n      ) : (\n        <>\n          <span>{label}</span>\n          <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 640\" className=\"mint:w-3 mint:h-3\"><path d=\"M187.2 100.9C174.8 94.1 159.8 94.4 147.6 101.6C135.4 108.8 128 121.9 128 136L128 504C128 518.1 135.5 531.2 147.6 538.4C159.7 545.6 174.8 545.9 187.2 539.1L523.2 355.1C536 348.1 544 334.6 544 320C544 305.4 536 291.9 523.2 284.9L187.2 100.9z\" fill=\"white\"/></svg>\n        </>\n      )}\n    </button>\n  );\n};\n"],"names":["SendPill","label","method","onClick","isSending","className","icon","disabled","activeNavPillBg","activeNavPillText","getMethodColor","locale","useSelectedLocale","jsx","cn","SpinnerIosRegular","jsxs","Fragment"],"mappings":";;;;;;AAgBO,MAAMA,IAAW,CAAC;AAAA,EACvB,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AACF,MAAqB;AACnB,QAAM,EAAE,iBAAAC,GAAiB,mBAAAC,MAAsBC,EAAeR,CAAM,GAC9DS,IAASC,EAAA;AACf,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,cAAYT,IAAYO,EAAO,qBAAqB,IAAIV;AAAA,MACxD,WAAWa;AAAA,QACT;AAAA,QACAN;AAAA,QACAC;AAAA,QACAJ;AAAA,SACCE,KAAYH,MACX;AAAA,MAAA;AAAA,MAEJ,SAAAD;AAAA,MACA,UAAUC,KAAaG;AAAA,MAEtB,cACC,gBAAAM,EAACE,GAAA,EAAkB,WAAU,oDAAA,CAAoD,IAEjF,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,QAAA,gBAAAJ,EAAC,UAAM,UAAAZ,EAAA,CAAM;AAAA,QACb,gBAAAY,EAAC,OAAA,EAAI,OAAM,8BAA6B,SAAQ,eAAc,WAAU,qBAAoB,UAAA,gBAAAA,EAAC,QAAA,EAAK,GAAE,mPAAkP,MAAK,SAAO,EAAA,CAAE;AAAA,MAAA,EAAA,CACtW;AAAA,IAAA;AAAA,EAAA;AAIR;"}

package/dist/api-playground/ApiPlayground/components/TrashButton.js

@@ -0,0 +1,27 @@
+import { jsx as t } from "react/jsx-runtime";
+import { useSelectedLocale as m } from "../../../utils/locales/index.js";
+import { TrashIcon as o } from "lucide-react";
+import "@mintlify/validation";
+import { cn as i } from "../../../utils/cn.js";
+const x = ({
+  className: r,
+  onClick: e
+}) => {
+  const a = m();
+  return /* @__PURE__ */ t(
+    "button",
+    {
+      className: i(
+        "mint:px-1 mint:text-gray-400 mint:dark:text-gray-600 mint:hover:text-gray-600 mint:dark:hover:text-gray-400",
+        r
+      ),
+      onClick: e,
+      "aria-label": a["aria.deleteItem"],
+      children: /* @__PURE__ */ t(o, { className: "mint:w-4 mint:h-4" })
+    }
+  );
+};
+export {
+  x as TrashButton
+};
+//# sourceMappingURL=TrashButton.js.map

package/dist/api-playground/ApiPlayground/components/TrashButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TrashButton.js","sources":["../../../../src/api-playground/ApiPlayground/components/TrashButton.tsx"],"sourcesContent":["'use client';\n\nimport { useSelectedLocale } from '@/utils/locales';\nimport { TrashIcon } from 'lucide-react';\nimport { cn } from '@/api-playground-2/schemaGraph/utils';\n\nexport const TrashButton = ({\n  className,\n  onClick,\n}: {\n  className?: string;\n  onClick?: () => void;\n}) => {\n  const locale = useSelectedLocale();\n\n  return (\n    <button\n      className={cn(\n        'mint:px-1 mint:text-gray-400 mint:dark:text-gray-600 mint:hover:text-gray-600 mint:dark:hover:text-gray-400',\n        className\n      )}\n      onClick={onClick}\n      aria-label={locale['aria.deleteItem']}\n    >\n      <TrashIcon className=\"mint:w-4 mint:h-4\" />\n    </button>\n  );\n};\n"],"names":["TrashButton","className","onClick","locale","useSelectedLocale","jsx","cn","TrashIcon"],"mappings":";;;;;AAMO,MAAMA,IAAc,CAAC;AAAA,EAC1B,WAAAC;AAAA,EACA,SAAAC;AACF,MAGM;AACJ,QAAMC,IAASC,EAAA;AAEf,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAL;AAAA,MAAA;AAAA,MAEF,SAAAC;AAAA,MACA,cAAYC,EAAO,iBAAiB;AAAA,MAEpC,UAAA,gBAAAE,EAACE,GAAA,EAAU,WAAU,oBAAA,CAAoB;AAAA,IAAA;AAAA,EAAA;AAG/C;"}

package/dist/api-playground/ApiPlayground/components/TypeDropdown.js

@@ -0,0 +1,53 @@
+import { jsx as e, jsxs as m } from "react/jsx-runtime";
+import { ChevronDownFilled as c } from "@fluentui/react-icons";
+import { DropdownMenu as h, DropdownMenuTrigger as p, DropdownMenuContent as x, DropdownMenuItem as g } from "../../../components/Api/dropdown-menu.js";
+import "@mintlify/validation";
+import { cn as f } from "../../../utils/cn.js";
+function a(t) {
+  if (t)
+    return t.schema.deprecated ? `${t.label}, deprecated` : t.label;
+}
+const D = ({
+  options: t,
+  selectedIndex: r,
+  onSelectOption: o,
+  className: l
+}) => {
+  const i = t.length > 1, s = t[r];
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: f(
+        "mint:relative mint:flex mint:items-center mint:px-2 mint:py-0.5 mint:text-gray-600 mint:dark:text-gray-300 mint:hover:text-gray-950 mint:dark:hover:text-white mint:font-medium",
+        l
+      ),
+      children: /* @__PURE__ */ m(h, { children: [
+        /* @__PURE__ */ e(
+          p,
+          {
+            disabled: !i,
+            className: "mint:font-mono mint:text-xs mint:text-gray-600 mint:dark:text-gray-300 mint:hover:text-gray-950 mint:dark:hover:text-white",
+            children: /* @__PURE__ */ m("div", { className: "mint:flex mint:items-center mint:gap-1.5", children: [
+              /* @__PURE__ */ e("span", { children: a(s) }),
+              i && /* @__PURE__ */ e(c, { className: "mint:h-2.5 mint:w-2.5 mint:text-gray-500 mint:dark:text-gray-400 mint:shrink-0" })
+            ] })
+          }
+        ),
+        /* @__PURE__ */ e(x, { className: "mint:min-w-24", children: t.map((d, n) => /* @__PURE__ */ e(
+          g,
+          {
+            isSelected: n === r,
+            onSelect: () => o(n),
+            className: "mint:text-xs",
+            children: a(d)
+          },
+          n
+        )) })
+      ] })
+    }
+  );
+};
+export {
+  D as TypeDropdown
+};
+//# sourceMappingURL=TypeDropdown.js.map