@mintlify/msft-sdk 1.1.62 → 1.1.64

package/dist/api-playground/ApiPlayground/Response/DownloadFileButton.js

@@ -2,10 +2,11 @@ import { jsxs as m, jsx as i } from "react/jsx-runtime";
 import { useState as a } from "react";
 import { CodeBlockTooltip as l } from "../../../components/content-components/code-group.js";
 import { useSelectedLocale as s } from "../../../utils/locales/index.js";
-import { CheckmarkCircleRegular as c, ArrowDownRegular as p } from "@fluentui/react-icons";
+import { CheckmarkCircleRegular as p, ArrowDownRegular as c } from "@fluentui/react-icons";
 import "@mintlify/validation";
+import "@sindresorhus/slugify";
 import { cn as d } from "../../../utils/cn.js";
-const x = ({ data: e }) => {
+const C = ({ data: e }) => {
   const [t, o] = a(!1), r = s(), n = () => {
     o(!0), setTimeout(() => {
       o(!1);
@@ -21,12 +22,12 @@ const x = ({ data: e }) => {
       download: `api-response.${e.extension}`,
       children: [
         t ? /* @__PURE__ */ i(
-          c,
+          p,
           {
             className: "mint:h-4 mint:w-4 mint:bg-primary mint:dark:bg-primary-light"
           }
         ) : /* @__PURE__ */ i(
-          p,
+          c,
           {
             className: d(
               "mint:w-4 mint:h-4",
@@ -40,5 +41,5 @@ const x = ({ data: e }) => {
   ) : null;
 };
 export {
-  x as DownloadButton
+  C as DownloadButton
 };

package/dist/api-playground/ApiPlayground/Response/ResponseBody/CodeResponseContent.js

@@ -5,23 +5,24 @@ import "prismjs/components/prism-json.js";
 import { MAX_PREVIEW_BYTES as p } from "../../../../constants/index.js";
 import { useSelectedLocale as g } from "../../../../utils/locales/index.js";
 import "@mintlify/validation";
+import "@sindresorhus/slugify";
 import { cn as d } from "../../../../utils/cn.js";
-const b = ({ data: r }) => {
+const j = ({ data: n }) => {
   const a = g();
-  let t = !1, e = r.content;
-  const l = r.content.length > p * 5;
+  let t = !1, e = n.content;
+  const l = n.content.length > p * 5;
   try {
-    e = JSON.parse(r.content), t = !0;
-  } catch (n) {
-    console.error(n);
+    e = JSON.parse(n.content), t = !0;
+  } catch (r) {
+    console.error(r);
   }
   const s = c(() => {
     if (t)
       try {
-        const n = JSON.stringify(e, null, 2), m = i.languages.json || i.languages.plaintext;
-        return i.highlight(n, m, "json");
-      } catch (n) {
-        console.error("Failed to highlight code:", n);
+        const r = JSON.stringify(e, null, 2), m = i.languages.json || i.languages.plaintext;
+        return i.highlight(r, m, "json");
+      } catch (r) {
+        console.error("Failed to highlight code:", r);
         return;
       }
   }, [t, e]);
@@ -41,7 +42,7 @@ const b = ({ data: r }) => {
           ),
           children: t && s !== void 0 ? /* @__PURE__ */ o("span", { suppressHydrationWarning: !0, dangerouslySetInnerHTML: { __html: s } }) : (
             // Fallback: show prettified JSON (without syntax highlighting) when response is too large
-            /* @__PURE__ */ o("span", { suppressHydrationWarning: !0, children: t ? JSON.stringify(e, null, 2) : r.content })
+            /* @__PURE__ */ o("span", { suppressHydrationWarning: !0, children: t ? JSON.stringify(e, null, 2) : n.content })
           )
         }
       )
@@ -49,5 +50,5 @@ const b = ({ data: r }) => {
   );
 };
 export {
-  b as CodeResponseContent
+  j as CodeResponseContent
 };

package/dist/api-playground/ApiPlayground/Response/ResponsePlaceholder.js

@@ -1,19 +1,20 @@
-import { jsx as t, jsxs as i } from "react/jsx-runtime";
+import { jsx as t, jsxs as m } from "react/jsx-runtime";
 import "@mintlify/validation";
-import { cn as m } from "../../../utils/cn.js";
-const c = ({ message: e, icon: n }) => /* @__PURE__ */ t(
+import "@sindresorhus/slugify";
+import { cn as n } from "../../../utils/cn.js";
+const l = ({ message: e, icon: i }) => /* @__PURE__ */ t(
   "div",
   {
-    className: m(
+    className: n(
       "mint:bg-response-body-auto",
       "mint:rounded-b-xl mint:overflow-auto"
     ),
-    children: /* @__PURE__ */ i("div", { className: "mint:pb-8 mint:pt-10 mint:px-6 mint:space-y-4 mint:flex mint:flex-col mint:items-center", children: [
-      n,
+    children: /* @__PURE__ */ m("div", { className: "mint:pb-8 mint:pt-10 mint:px-6 mint:space-y-4 mint:flex mint:flex-col mint:items-center", children: [
+      i,
       /* @__PURE__ */ t("div", { className: "mint:text-sm mint:text-center", children: e })
     ] })
   }
 );
 export {
-  c as ResponsePlaceholder
+  l as ResponsePlaceholder
 };

package/dist/api-playground/ApiPlayground/Response/ResponseTable.js

@@ -1,7 +1,8 @@
 import { jsx as t, jsxs as e } from "react/jsx-runtime";
 import "@mintlify/validation";
+import "@sindresorhus/slugify";
 import { cn as r } from "../../../utils/cn.js";
-const s = ({ data: m }) => /* @__PURE__ */ t("div", { className: "mint:w-full mint:rounded-b-xl mint:overflow-y-auto", children: /* @__PURE__ */ t("table", { className: "mint:table-fixed mint:pb-8 mint:w-full mint:pt-10", children: m.flatMap(([i, n]) => /* @__PURE__ */ e(
+const o = ({ data: m }) => /* @__PURE__ */ t("div", { className: "mint:w-full mint:rounded-b-xl mint:overflow-y-auto", children: /* @__PURE__ */ t("table", { className: "mint:table-fixed mint:pb-8 mint:w-full mint:pt-10", children: m.flatMap(([i, n]) => /* @__PURE__ */ e(
   "tr",
   {
     className: r(
@@ -16,5 +17,5 @@ const s = ({ data: m }) => /* @__PURE__ */ t("div", { className: "mint:w-full mi
   i
 )) }) });
 export {
-  s as ResponseTable
+  o as ResponseTable
 };

package/dist/api-playground/ApiPlayground/Response/ResponseTopbar.js

@@ -2,14 +2,15 @@ import { jsxs as m, jsx as t, Fragment as l } from "react/jsx-runtime";
 import { useSelectedLocale as c } from "../../../utils/locales/index.js";
 import { ChevronDownFilled as d, WarningRegular as p, ErrorCircleRegular as s, CheckmarkCircleRegular as g } from "@fluentui/react-icons";
 import "@mintlify/validation";
+import "@sindresorhus/slugify";
 import { cn as i } from "../../../utils/cn.js";
 import { responseSections as u } from "./index.js";
 import { CopyFileToClipboardButton as x } from "./CopyFileToClipboardButton.js";
 import { DownloadButton as f } from "./DownloadFileButton.js";
-const j = ({
+const D = ({
   result: e,
   selectedSection: n,
-  setSelectedSection: a,
+  setSelectedSection: o,
   data: r
 }) => /* @__PURE__ */ m("div", { className: "mint:flex mint:w-full mint:px-2 mint:py-1 mint:space-x-3 mint:items-center mint:rounded-t-2xl", children: [
   /* @__PURE__ */ t("div", { className: "mint:flex mint:flex-1 mint:space-x-4 mint:items-center", children: /* @__PURE__ */ t(
@@ -24,7 +25,7 @@ const j = ({
       b,
       {
         selectedSection: n,
-        setSelectedSection: a
+        setSelectedSection: o
       }
     ),
     /* @__PURE__ */ t(f, { data: r }),
@@ -59,12 +60,12 @@ const j = ({
   selectedSection: e,
   setSelectedSection: n
 }) => {
-  const a = c();
+  const o = c();
   return /* @__PURE__ */ m("div", { className: "mint:relative", children: [
     /* @__PURE__ */ t(
       "select",
       {
-        "aria-label": a["aria.selectResponseSection"],
+        "aria-label": o["aria.selectResponseSection"],
         className: i(
           "mint:pl-2.5 mint:pr-6 mint:py-1 mint:rounded-lg mint:text-xs mint:font-medium mint:border mint:cursor-pointer mint:focus:outline-0",
           "mint:text-gray-600 mint:dark:text-gray-400 mint:border-standard mint:hover:bg-gray-50 mint:dark:hover:bg-white/[0.03]"
@@ -72,8 +73,8 @@ const j = ({
         value: e,
         onChange: (r) => n(r.target.value),
         children: u.map((r) => {
-          var o;
-          return /* @__PURE__ */ t("option", { value: r, children: (((o = r[0]) == null ? void 0 : o.toUpperCase()) ?? "") + r.slice(1) }, r);
+          var a;
+          return /* @__PURE__ */ t("option", { value: r, children: (((a = r[0]) == null ? void 0 : a.toUpperCase()) ?? "") + r.slice(1) }, r);
         })
       }
     ),
@@ -88,5 +89,5 @@ const j = ({
   ] });
 };
 export {
-  j as ResponseTopbar
+  D as ResponseTopbar
 };

package/dist/api-playground/ApiPlayground/Response/index.js

@@ -3,12 +3,13 @@ import { extension as p } from "mime-types";
 import { useState as c, useMemo as f } from "react";
 import y from "../../../components/Api/ErrorBoundary.js";
 import "@mintlify/validation";
+import "@sindresorhus/slugify";
 import { cn as d } from "../../../utils/cn.js";
 import { ResponseBody as b } from "./ResponseBody/index.js";
 import { ResponseError as g } from "./ResponseError.js";
 import { ResponseHeaders as u } from "./ResponseHeaders.js";
 import { ResponseTopbar as h } from "./ResponseTopbar.js";
-const D = ["body", "headers"], E = ({
+const E = ["body", "headers"], H = ({
   result: e,
   className: t
 }) => {
@@ -74,6 +75,6 @@ const D = ["body", "headers"], E = ({
   return t === "image" || t === "audio" || t === "video" ? t : "other";
 };
 export {
-  E as Response,
-  D as responseSections
+  H as Response,
+  E as responseSections
 };

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

@@ -1,44 +1,65 @@
-import { jsx as r } from "react/jsx-runtime";
-import { useState as a } from "react";
+import { jsx as e, jsxs as p } from "react/jsx-runtime";
+import { useState as d } from "react";
+import { AddRegular as u } from "@fluentui/react-icons";
 import "@mintlify/validation";
-import { cn as d } from "../../../utils/cn.js";
-import { AddAdditionalItemButton as u } from "../Request/inputs/ArrayInput.js";
-const x = ({
-  onAddKey: m,
-  existingKeys: l,
-  dataTestId: s
+import "@sindresorhus/slugify";
+import { cn as y } from "../../../utils/cn.js";
+const A = ({
+  onAddKey: i,
+  existingKeys: r,
+  dataTestId: n
 }) => {
-  const [c, n] = a(!1), [e, i] = a(""), o = l.includes(e), p = e.length > 0 && !o;
-  return c ? /* @__PURE__ */ r(
+  const [a, o] = d(!1), [m, l] = d(""), s = r.includes(m), c = m.length > 0 && !s;
+  return a ? /* @__PURE__ */ e(
     "input",
     {
-      className: d(
+      className: y(
         "mint:py-6 mint:flex-1 mint:bg-transparent mint:outline-0 mint:text-sm mint:text-gray-900 mint:dark:text-gray-100 mint:placeholder-gray-300 mint:dark:placeholder-white/30 mint:font-mono mint:font-medium",
-        o ? "mint:underline mint:decoration-wavy mint:decoration-red-400" : ""
+        s ? "mint:underline mint:decoration-wavy mint:decoration-red-400" : ""
       ),
       placeholder: "Enter key of new property",
       type: "text",
       autoFocus: !0,
-      value: e,
+      value: m,
       onBlur: () => {
-        i(""), n(!1);
+        l(""), o(!1);
       },
-      onChange: (t) => i(t.target.value),
+      onChange: (t) => l(t.target.value),
       onKeyDown: (t) => {
-        (t.key === "Enter" || t.key === "Tab") && p && m(t.currentTarget.value);
+        (t.key === "Enter" || t.key === "Tab") && c && i(t.currentTarget.value);
       },
       spellCheck: !1
     }
-  ) : /* @__PURE__ */ r(
-    u,
+  ) : /* @__PURE__ */ e(
+    f,
     {
       className: "mint:py-5",
-      onClick: () => n((t) => !t),
+      onClick: () => o((t) => !t),
       label: "Add new property",
-      dataTestId: s
+      dataTestId: n
     }
   );
 };
+function f({
+  className: i,
+  onClick: r,
+  label: n,
+  dataTestId: a
+}) {
+  return /* @__PURE__ */ e("div", { className: i, children: /* @__PURE__ */ p(
+    "button",
+    {
+      "aria-label": n,
+      className: "mint:flex mint:text-playground-input mint:w-fit mint:items-center mint:gap-x-1.5 mint:py-1! mint:px-2! mint:hover:bg-gray-50 mint:dark:hover:bg-white/[0.03] mint:cursor-pointer",
+      onClick: r,
+      "data-testid": a,
+      children: [
+        /* @__PURE__ */ e(u, { className: "mint:h-3 mint:w-3" }),
+        /* @__PURE__ */ e("span", { className: "mint:text-gray-600 mint:dark:text-gray-200", children: n })
+      ]
+    }
+  ) });
+}
 export {
-  x as AdditionalPropertyButton
+  A as AdditionalPropertyButton
 };

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

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

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

@@ -1,16 +1,17 @@
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import { Transition as r, TransitionChild as m } from "@headlessui/react";
+import { jsx as i, jsxs as r } from "react/jsx-runtime";
+import { Transition as a, 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 "@sindresorhus/slugify";
 import { cn as d } from "../../../utils/cn.js";
-const y = ({
+const k = ({
   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(a, { show: e, as: n, children: /* @__PURE__ */ r("div", { className: d(l.Popup, "mint:fixed mint:z-100 mint:inset-0 mint:overflow-y-auto mint:p-4 mint:sm:p-6 mint:md:p-12"), children: [
     /* @__PURE__ */ i(
       m,
       {
@@ -44,7 +45,7 @@ const y = ({
           "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",
+            className: "mint:relative mint:z-100 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 })
           }
         )
@@ -54,5 +55,5 @@ const y = ({
   document.body
 );
 export {
-  y as PlaygroundModalWrapper
+  k as PlaygroundModalWrapper
 };

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

@@ -3,8 +3,9 @@ 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 "@sindresorhus/slugify";
 import { cn as v } from "../../../utils/cn.js";
-const L = ({
+const j = ({
   label: e,
   method: m,
   onClick: o,
@@ -35,5 +36,5 @@ const L = ({
   );
 };
 export {
-  L as SendPill
+  j as SendPill
 };

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

@@ -1,13 +1,14 @@
 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 { DropdownMenu as p, DropdownMenuTrigger as h, DropdownMenuContent as x, DropdownMenuItem as g } from "../../../components/Api/dropdown-menu.js";
 import "@mintlify/validation";
+import "@sindresorhus/slugify";
 import { cn as f } from "../../../utils/cn.js";
 function a(t) {
   if (t)
     return t.schema.deprecated ? `${t.label}, deprecated` : t.label;
 }
-const D = ({
+const N = ({
   options: t,
   selectedIndex: r,
   onSelectOption: o,
@@ -21,9 +22,9 @@ const D = ({
         "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: [
+      children: /* @__PURE__ */ m(p, { children: [
         /* @__PURE__ */ e(
-          p,
+          h,
           {
             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",
@@ -48,5 +49,5 @@ const D = ({
   );
 };
 export {
-  D as TypeDropdown
+  N as TypeDropdown
 };

package/dist/api-playground/EndpointFields/ParamFields/ExampleDescription.js

@@ -1,5 +1,6 @@
 import { jsxs as r, jsx as n } from "react/jsx-runtime";
 import "@mintlify/validation";
+import "@sindresorhus/slugify";
 import { cn as e } from "../../../utils/cn.js";
 import { formatJSON as s } from "../../../utils/formatJSON.js";
 import { Description as a } from "../components/Description.js";
@@ -14,7 +15,7 @@ ${s(t)}
     }
   );
 }
-const v = ({
+const j = ({
   schema: t
 }) => {
   const o = t.example, i = t.examples !== void 0 ? Array.isArray(t.examples) ? t.examples : [t.examples] : void 0;
@@ -46,5 +47,5 @@ const v = ({
   );
 };
 export {
-  v as ExampleDescription
+  j as ExampleDescription
 };

package/dist/api-playground/EndpointFields/components/Description.js

@@ -1,12 +1,13 @@
 import { jsx as r } from "react/jsx-runtime";
-import { MarkdownWithoutHeaders as e, Markdown as o } from "../../../components/Api/Markdown.js";
+import { MarkdownWithoutHeaders as o, Markdown as e } from "../../../components/Api/Markdown.js";
 import "@mintlify/validation";
+import "@sindresorhus/slugify";
 import { cn as t } from "../../../utils/cn.js";
-const l = ({ markdown: n, className: i }) => /* @__PURE__ */ r("div", { className: t("mint:prose mint:prose-sm mint:prose-gray mint:dark:prose-invert mint:max-w-none mint:w-full mint:col-span-full", i), children: /* @__PURE__ */ r(o, { children: n }) }), c = ({
+const c = ({ markdown: n, className: i }) => /* @__PURE__ */ r("div", { className: t("mint:prose mint:prose-sm mint:prose-gray mint:dark:prose-invert mint:max-w-none mint:w-full mint:col-span-full", i), children: /* @__PURE__ */ r(e, { children: n }) }), d = ({
   markdown: n,
   className: i
-}) => /* @__PURE__ */ r("div", { className: t("mint:prose mint:prose-sm mint:prose-gray mint:dark:prose-invert mint:max-w-none mint:w-full", i), children: /* @__PURE__ */ r(e, { children: n }) });
+}) => /* @__PURE__ */ r("div", { className: t("mint:prose mint:prose-sm mint:prose-gray mint:dark:prose-invert mint:max-w-none mint:w-full", i), children: /* @__PURE__ */ r(o, { children: n }) });
 export {
-  l as Description,
-  c as DescriptionWithoutHeaders
+  c as Description,
+  d as DescriptionWithoutHeaders
 };

package/dist/api-playground/EndpointFields/components/OptionDropdown.js

@@ -2,18 +2,19 @@ import { jsx as t } from "react/jsx-runtime";
 import { useSelectedLocale as s } from "../../../utils/locales/index.js";
 import { Classes as d } from "../../../api-playground-2/types/index.js";
 import "@mintlify/validation";
-import { cn as m } from "../../../utils/cn.js";
-const f = ({
+import "@sindresorhus/slugify";
+import { cn as n } from "../../../utils/cn.js";
+const u = ({
   options: r,
   selectedIndex: a,
-  onSelectOption: e,
+  onSelectOption: i,
   noBackground: o
 }) => {
   const l = s();
-  return /* @__PURE__ */ t("div", { className: m(d.OptionDropdown, "mint:inline-flex mint:relative mint:mr-0!"), children: /* @__PURE__ */ t(
+  return /* @__PURE__ */ t("div", { className: n(d.OptionDropdown, "mint:inline-flex mint:relative mint:mr-0!"), children: /* @__PURE__ */ t(
     "div",
     {
-      className: m(
+      className: n(
         "mint:font-mono mint:text-xs mint:font-medium mint:inline-block! mint:leading-4! mint:items-center mint:rounded-md mint:text-gray-600 mint:dark:text-gray-200 mint:py-0.5",
         !o && "mint:bg-gray-100/50 mint:dark:bg-white/5"
       ),
@@ -22,14 +23,14 @@ const f = ({
         {
           "aria-label": l["aria.selectSchemaType"],
           className: "mint:flex mint:bg-transparent mint:focus:outline-0 mint:cursor-pointer mint:text-start mint:pl-0 mint:pr-0 mint:hover:text-gray-950 mint:dark:hover:text-white",
-          onChange: (i) => e == null ? void 0 : e(i.target.selectedIndex),
+          onChange: (e) => i == null ? void 0 : i(e.target.selectedIndex),
           value: a,
-          children: r.map((i, n) => /* @__PURE__ */ t("option", { value: n, children: i }, n))
+          children: r.map((e, m) => /* @__PURE__ */ t("option", { value: m, children: e }, m))
         }
       )
     }
   ) });
 };
 export {
-  f as OptionDropdown
+  u as OptionDropdown
 };

package/dist/api-playground/EndpointFields/components/SectionHeading.js

@@ -1,30 +1,31 @@
 import { jsxs as o, jsx as i } from "react/jsx-runtime";
 import { Classes as m } from "../../../api-playground-2/types/index.js";
 import "@mintlify/validation";
+import "@sindresorhus/slugify";
 import { cn as e } from "../../../utils/cn.js";
 import { Description as c } from "./Description.js";
 import { OptionDropdown as p } from "./OptionDropdown.js";
-const v = ({
+const N = ({
   title: a,
   subtitle: r,
-  rightElement: n,
-  options: t,
+  rightElement: t,
+  options: n,
   selectedIndex: s,
   onSelectOption: d,
   children: l
 }) => /* @__PURE__ */ o("div", { className: e(m.APISectionHeading, "mint:flex mint:flex-col mint:gap-y-4 mint:w-full"), children: [
   /* @__PURE__ */ o("div", { className: "mint:flex mint:items-baseline mint:border-b mint:pb-2.5 mint:border-gray-100 mint:dark:border-gray-800 mint:w-full", children: [
     /* @__PURE__ */ i("h4", { className: e(m.APISectionHeadingTitle, "mint:flex-1 mint:mb-0"), children: a }),
-    t && t.length > 1 && /* @__PURE__ */ i(
+    n && n.length > 1 && /* @__PURE__ */ i(
       p,
       {
-        options: t,
+        options: n,
         selectedIndex: s,
         onSelectOption: d,
         noBackground: !0
       }
     ),
-    /* @__PURE__ */ i("div", { className: "mint:flex mint:items-center", children: n && (typeof n == "string" ? /* @__PURE__ */ i("div", { className: "mint:font-mono mint:px-2 mint:py-0.5 mint:text-xs mint:font-medium mint:text-gray-600 mint:dark:text-gray-300", children: n }) : n) })
+    /* @__PURE__ */ i("div", { className: "mint:flex mint:items-center", children: t && (typeof t == "string" ? /* @__PURE__ */ i("div", { className: "mint:font-mono mint:px-2 mint:py-0.5 mint:text-xs mint:font-medium mint:text-gray-600 mint:dark:text-gray-300", children: t }) : t) })
   ] }),
   l,
   r && /* @__PURE__ */ i(
@@ -39,5 +40,5 @@ const v = ({
   )
 ] });
 export {
-  v as SectionHeading
+  N as SectionHeading
 };

package/dist/api-playground-2/ApiExamples.js

@@ -1,35 +1,34 @@
-import { jsx as e, jsxs as f } from "react/jsx-runtime";
-import { useContext as x, useState as d, useMemo as h } from "react";
-import { usePlaygroundInputsStore as g, useSelectedSecurityOption as R } from "./hooks/usePlaygroundInputsStore.js";
-import { CodeExampleLabelContext as v } from "../contexts/CodeExampleLabelContext.js";
-import { ApiReferenceContext2 as y } from "../contexts/ConfigContext.js";
-import C from "../components/Api/ErrorBoundary.js";
-import { clsx as S } from "clsx";
-import { RequestExample as D } from "./components/Example/RequestExample.js";
-import { ResponseExample as E } from "./components/Example/ResponseExample.js";
-import { initialApiPlaygroundInputs as w } from "./constants/index.js";
-const F = ({ className: t, isModal: r = !1, apiReferenceData: n, noInputs: o = !1 }) => {
-  const { apiReferenceData2: m } = x(y), i = n || m, { getApiPlaygroundInputs: a } = g(), { selectedSecurityOptionIndex: s } = R(), p = a(), [l, c] = d(), u = h(
-    () => S(
+import { jsx as e, jsxs as c } from "react/jsx-runtime";
+import { useContext as f, useState as x, useMemo as u } from "react";
+import { useDebouncedApiPlaygroundInputs as d } from "./hooks/usePlaygroundInputsStore.js";
+import { CodeExampleLabelContext as h } from "../contexts/CodeExampleLabelContext.js";
+import { ApiReferenceContext2 as g } from "../contexts/ConfigContext.js";
+import R from "../components/Api/ErrorBoundary.js";
+import { clsx as v } from "clsx";
+import { RequestExample as C } from "./components/Example/RequestExample.js";
+import { ResponseExample as D } from "./components/Example/ResponseExample.js";
+import { initialApiPlaygroundInputs as E } from "./constants/index.js";
+const q = ({ className: t, isModal: r = !1, apiReferenceData: m, noInputs: n = !1 }) => {
+  const { apiReferenceData2: a } = f(g), i = m || a, o = d(100), [p, s] = x(), l = u(
+    () => v(
       "mint:w-full mint:xl:w-[28rem] mint:gap-6 mint:grid mint:grid-rows-[repeat(auto-fit,minmax(0,min-content))] mint:grid-rows mint:relative mint:max-h-[calc(100%-32px)] mint:min-h-[18rem]",
       t
     ),
     [t, r]
   );
-  return /* @__PURE__ */ e(v.Provider, { value: { selectedLabel: l, setSelectedLabel: c }, children: /* @__PURE__ */ e("div", { className: u, children: /* @__PURE__ */ f(C, { children: [
+  return /* @__PURE__ */ e(h.Provider, { value: { selectedLabel: p, setSelectedLabel: s }, children: /* @__PURE__ */ e("div", { className: l, children: /* @__PURE__ */ c(R, { children: [
     /* @__PURE__ */ e(
-      D,
+      C,
       {
-        selectedSecurityOptionIndex: s,
         apiReferenceData: i,
-        inputs: o ? w : p,
+        inputs: n ? E : o,
         maxHeight: "mint:max-h-[40vh]"
       }
     ),
-    /* @__PURE__ */ e(E, { apiReferenceData: i, maxHeight: "mint:max-h-[40vh]" })
+    /* @__PURE__ */ e(D, { apiReferenceData: i, maxHeight: "mint:max-h-[40vh]" })
   ] }) }) });
 };
 export {
-  F as ApiExamples,
-  F as default
+  q as ApiExamples,
+  q as default
 };