@mintlify/msft-sdk 1.1.61 → 1.1.63

package/dist/api-playground-2/components/Request/SecuritySection.js

@@ -1,53 +1,63 @@
-import { jsx as o } from "react/jsx-runtime";
-import { mapParamInToPlaygroundInputKey as O, escapeDots as x } from "../../schemaGraph/utils.js";
-import { cn as g } from "../../../utils/cn.js";
-import { TypeDropdown as P } from "../TypeDropdown.js";
-import { InputSectionContainer as v } from "./InputSectionContainer.js";
-import { DifferentiatedInput as D } from "./inputs/DifferentiatedInput.js";
-import { useSelectedSecurityOption as K, usePlaygroundInputsStore as d } from "../../hooks/usePlaygroundInputsStore.js";
-import { useRef as w, useEffect as E } from "react";
-const S = (c) => {
-  const { scheme: t, schema: s } = c, r = "in" in t ? t.in : "header", i = "name" in t ? t.name : s.title ?? "";
-  return `${O(r)}.${x(i)}`;
-}, N = ({ apiReferenceData: c }) => {
-  var l;
-  const { selectedSecurityOptionIndex: t, setSelectedSecurityOptionIndex: s } = K(), r = d((e) => e.inputs), i = d((e) => e.replaceInputs), p = w(t), n = (l = c.dependencies) == null ? void 0 : l.processedSecurityOptions;
-  if (E(() => {
-    if (p.current !== t) {
-      if (!n) return;
-      const e = n[p.current];
-      if (e) {
-        const I = S(e), m = { ...r };
-        Object.keys(m).forEach((f) => {
-          f.startsWith(I) && delete m[f];
-        }), i(m);
-      }
-      p.current = t;
-    }
-  }, [t, n, r, i]), !n || n.length === 0) return null;
-  const u = n[t];
-  if (!u) return null;
-  const y = n.map((e) => ({
-    label: e.schema.title ?? "Authorization",
-    schema: e.schema
-  })), { schema: a } = u, h = S(u);
-  return /* @__PURE__ */ o(v, { name: "Authorization", rightElement: /* @__PURE__ */ o(() => /* @__PURE__ */ o(
+import { jsx as i, jsxs as u } from "react/jsx-runtime";
+import y from "react";
+import { useSelectedSecurityOption as f } from "../../hooks/useSelectedSecurityOption.js";
+import { getSecurityOptionInputKeyPrefix as a } from "../../schemaGraph/utils.js";
+import { Description as S } from "../../../api-playground/EndpointFields/components/Description.js";
+import { cn as x } from "../../../utils/cn.js";
+import { TypeDropdown as O } from "../TypeDropdown.js";
+import { InputSectionContainer as g } from "./InputSectionContainer.js";
+import { DifferentiatedInput as h } from "./inputs/DifferentiatedInput.js";
+const N = ({ apiReferenceData: s }) => {
+  var c;
+  const { selectedSecurityOptionIndex: r, setSelectedSecurityOptionIndex: m } = f(), n = (c = s.dependencies) == null ? void 0 : c.processedSecurityOptions;
+  if (!n || n.length === 0) return null;
+  const p = n[r];
+  if (!p) return null;
+  const d = n.map((t) => {
+    var e;
+    return {
+      label: t.title,
+      schema: ((e = t.schemes[0]) == null ? void 0 : e.schema) ?? { type: "string" }
+    };
+  });
+  return /* @__PURE__ */ i(g, { name: "Authorization", rightElement: /* @__PURE__ */ i(() => /* @__PURE__ */ i(
     "div",
     {
-      onClick: (e) => e.stopPropagation(),
-      className: g("mint:text-xs mint:font-mono", n.length <= 1 && "mint:hidden"),
-      children: /* @__PURE__ */ o(
-        P,
+      onClick: (t) => t.stopPropagation(),
+      className: x("mint:text-xs mint:font-mono", n.length <= 1 && "mint:hidden"),
+      children: /* @__PURE__ */ i(
+        O,
         {
-          options: y,
-          selectedIndex: t,
-          onSelectOption: (e) => {
-            s(e);
+          options: d,
+          selectedIndex: r,
+          onSelectOption: (t) => {
+            m(t);
           }
         }
       )
     }
-  ), {}), children: /* @__PURE__ */ o(D, { name: a.title, schema: a, inputKeyPrefix: h }) });
+  ), {}), children: p.schemes.map(({ scheme: t, schema: e, name: o }) => {
+    const l = a({ scheme: t, name: o });
+    return /* @__PURE__ */ u(y.Fragment, { children: [
+      e.description && e.type === "object" && /* @__PURE__ */ i(
+        S,
+        {
+          markdown: e.description,
+          className: "mint:text-gray-500 mint:dark:text-gray-400 mint:py-2"
+        }
+      ),
+      /* @__PURE__ */ i(
+        h,
+        {
+          name: o,
+          schema: e,
+          inputKeyPrefix: l,
+          skipContainer: e.type === "object"
+        },
+        `${t.type}-${o}`
+      )
+    ] }, `${t.type}-${o}`);
+  }) });
 };
 export {
   N as SecuritySection

package/dist/api-playground-2/components/Request/inputs/ArrayInput.js

@@ -1,51 +1,100 @@
-import { jsxs as I, Fragment as y, jsx as m } from "react/jsx-runtime";
-import { useState as A } from "react";
-import { v4 as s } from "uuid";
-import { isSchemaObject as h } from "../../../schemaGraph/utils.js";
-import { AdditionalItemButton as x } from "../../../../api-playground/ApiPlayground/components/AdditionalItemButton.js";
-import { cn as b } from "../../../../utils/cn.js";
-import { DifferentiatedInput as c } from "./DifferentiatedInput.js";
-const k = ({ schema: n, depth: d, parentNames: r, inputKeyPrefix: a }) => {
-  const u = s(), t = "items" in n && h(n.items) ? n.items : void 0, [e, l] = A([]);
-  if (!t) return null;
-  const p = () => {
-    const o = s(), i = [...e, o];
-    l(i);
-  };
-  return /* @__PURE__ */ I(y, { children: [
-    /* @__PURE__ */ m(
-      c,
-      {
-        schema: t,
-        arrayIndex: 0,
-        depth: (d ?? 0) + 1,
-        parentNames: r,
-        inputKeyPrefix: a
+import { jsxs as q, Fragment as E, jsx as g } from "react/jsx-runtime";
+import { v4 as j } from "uuid";
+import { useShallow as v } from "zustand/react/shallow";
+import { getUniqueInputKey as I } from "../../../schemaGraph/addUniqueKeysToSchema.js";
+import { isSchemaObject as f, getDifferentiatedType as K } from "../../../schemaGraph/utils.js";
+import { AdditionalItemButton as D } from "../../../../api-playground/ApiPlayground/components/AdditionalItemButton.js";
+import { cn as T } from "../../../../utils/cn.js";
+import { usePlaygroundInputsStore as l } from "../../../hooks/usePlaygroundInputsStore.js";
+import { DifferentiatedInput as N } from "./DifferentiatedInput.js";
+const d = (e) => {
+  switch (K(e)) {
+    case "object":
+      return {};
+    case "array":
+      return [];
+    case "string":
+    case "enum<string>":
+      return "";
+    case "number":
+    case "integer":
+    case "enum<number>":
+    case "enum<integer>":
+      return 0;
+    case "boolean":
+      return !1;
+    case "null":
+      return null;
+    case "oneOf":
+      if (e.oneOf && Array.isArray(e.oneOf) && e.oneOf.length > 0) {
+        const u = e.oneOf[0];
+        if (f(u) && u.type !== "null")
+          return d(u);
+        if (e.oneOf.length > 1 && f(e.oneOf[1]))
+          return d(e.oneOf[1]);
       }
-    ),
-    e.map((o, i) => {
-      const f = i + 1;
-      return /* @__PURE__ */ m(
-        c,
+      return;
+    case "file":
+      return;
+    default:
+      return;
+  }
+}, k = ({
+  schema: e,
+  depth: p,
+  parentNames: u,
+  inputKeyPrefix: m,
+  arrayIndices: a
+}) => {
+  const h = l((t) => t.setInput), y = l((t) => t.deleteInput), O = l(v((t) => t.inputs)), b = j(), n = "items" in e && f(e.items) ? e.items : void 0;
+  if (!n) return null;
+  const A = "uniqueKey" in n ? n.uniqueKey : "";
+  let i = `${m}.${A}`;
+  a == null || a.forEach((t) => {
+    i = i.replace("[INDEX]", String(t));
+  }), i = i.replaceAll("[INDEX]", "");
+  const r = [];
+  Object.keys(O).forEach((t) => {
+    if (t.startsWith(i)) {
+      const s = t.substring(i.length).match(/^(\d+)/);
+      if (s) {
+        const c = parseInt(s[1] ?? "0", 10);
+        r.includes(c) || r.push(c);
+      }
+    }
+  }), r.sort((t, o) => t - o);
+  const S = r.length > 0 ? Math.max(...r) + 1 : 0, x = () => {
+    const t = [...a ?? [], S], o = I(m, n, t), s = d(n);
+    h(o, s);
+  };
+  return /* @__PURE__ */ q(E, { children: [
+    r.map((t) => {
+      const o = [...a ?? [], t], s = I(m, n, o), c = () => {
+        y(s);
+      };
+      return /* @__PURE__ */ g(
+        N,
         {
-          schema: t,
-          arrayIndex: f,
-          depth: (d ?? 0) + 1,
-          parentNames: r,
-          inputKeyPrefix: a
+          schema: n,
+          arrayIndices: o,
+          depth: (p ?? 0) + 1,
+          parentNames: u,
+          inputKeyPrefix: m,
+          clearValue: c,
+          isArrayChild: !0
         },
-        o
+        `item-${t}`
       );
     }),
-    /* @__PURE__ */ m(
-      x,
+    /* @__PURE__ */ g(
+      D,
       {
         label: "Add an item",
-        className: b(e.length > 0 && "mint:mt-4"),
-        onClick: p,
-        dataTestId: ("name" in t && t.name ? t.name : "") + "-add-item-button"
+        className: T(r.length > 0 && "mint:mt-4"),
+        onClick: x,
+        dataTestId: ("name" in n && n.name ? n.name : "") + "-add-item-button"
       },
-      "add-item-button" + u
+      "add-item-button" + b
     )
   ] });
 };

package/dist/api-playground-2/components/Request/inputs/DifferentiatedInput.js

@@ -1,22 +1,22 @@
 import { jsx as n } from "react/jsx-runtime";
-import { getDifferentiatedType as c } from "../../../schemaGraph/utils.js";
-import { ArrayInput as a } from "./ArrayInput.js";
-import { FileInput as f } from "./FileInput.js";
+import { getDifferentiatedType as a } from "../../../schemaGraph/utils.js";
+import { ArrayInput as f } from "./ArrayInput.js";
+import { FileInput as d } from "./FileInput.js";
 import { InputContainer as t } from "./InputContainer.js";
 import { NullInput as l } from "./NullInput.js";
 import { NumberInput as i } from "./NumberInput.js";
 import { ObjectInput as u } from "./ObjectInput.js";
-import { OneOfInput as d } from "./OneOfInput.js";
+import { OneOfInput as h } from "./OneOfInput.js";
 import { SelectInput as r } from "./SelectInput.js";
-import { StringInput as h } from "./StringInput.js";
+import { StringInput as m } from "./StringInput.js";
 import { TextInput as y } from "./TextInput.js";
 const S = ({ ...e }) => {
-  switch (c(e.schema)) {
+  switch (a(e.schema)) {
     case "oneOf":
-      return /* @__PURE__ */ n(d, { ...e });
+      return /* @__PURE__ */ n(h, { ...e });
     case "string": {
-      const m = e.isBody && e.depth === 0 || e.skipContainer ? y : h;
-      return /* @__PURE__ */ n(t, { ...e, children: /* @__PURE__ */ n(m, { ...e }) });
+      const c = e.isBody && e.depth === 0 || e.skipContainer ? y : m;
+      return /* @__PURE__ */ n(t, { ...e, children: /* @__PURE__ */ n(c, { ...e }) });
     }
     case "object":
       return e.isBody && e.depth === 0 || e.skipContainer ? /* @__PURE__ */ n(u, { ...e }) : /* @__PURE__ */ n(t, { ...e, children: /* @__PURE__ */ n(u, { ...e }) });
@@ -25,7 +25,7 @@ const S = ({ ...e }) => {
     case "integer":
       return /* @__PURE__ */ n(t, { ...e, children: /* @__PURE__ */ n(i, { ...e, numberType: "integer" }) });
     case "array":
-      return /* @__PURE__ */ n(t, { ...e, children: /* @__PURE__ */ n(a, { ...e }) });
+      return /* @__PURE__ */ n(t, { ...e, children: /* @__PURE__ */ n(f, { ...e }) });
     case "boolean":
       return /* @__PURE__ */ n(t, { ...e, children: /* @__PURE__ */ n(r, { ...e, enumType: "boolean" }) });
     case "enum<string>":
@@ -35,11 +35,11 @@ const S = ({ ...e }) => {
     case "enum<integer>":
       return /* @__PURE__ */ n(t, { ...e, children: /* @__PURE__ */ n(r, { ...e, enumType: "integer" }) });
     case "file":
-      return /* @__PURE__ */ n(t, { ...e, children: /* @__PURE__ */ n(f, { ...e }) });
+      return /* @__PURE__ */ n(t, { ...e, children: /* @__PURE__ */ n(d, { ...e }) });
     case "null":
       return /* @__PURE__ */ n(t, { ...e, children: /* @__PURE__ */ n(l, {}) });
     default:
-      return null;
+      return /* @__PURE__ */ n(t, { ...e, children: /* @__PURE__ */ n(m, { ...e }) });
   }
 };
 export {

package/dist/api-playground-2/components/Request/inputs/FileInput.js

@@ -1,20 +1,21 @@
-import { jsxs as x, Fragment as y, jsx as a } from "react/jsx-runtime";
-import { useRef as I } from "react";
-import { usePlaygroundInputsStore as k } from "../../../hooks/usePlaygroundInputsStore.js";
-import { getSchemaPlaceholder as w, getUniqueInputKey as v } from "../../../schemaGraph/utils.js";
-import { useSelectedLocale as F } from "../../../../utils/locales/index.js";
-import { cn as P } from "../../../../utils/cn.js";
-const N = ({ name: c, schema: n, inputKeyPrefix: m, arrayIndex: u }) => {
-  const { getInput: d, setInput: p } = k(), s = F(), o = I(null), f = w(n) ?? "Drop a file here or click to upload", i = v(m, n, u), r = d(i), t = typeof window < "u" && r instanceof File ? r : void 0, h = (t == null ? void 0 : t.name) ?? f, g = (e) => {
+import { jsxs as g, Fragment as x, jsx as a } from "react/jsx-runtime";
+import { useRef as y } from "react";
+import { usePlaygroundInput as I } from "../../../hooks/usePlaygroundInputsStore.js";
+import { getUniqueInputKey as k } from "../../../schemaGraph/addUniqueKeysToSchema.js";
+import { getSchemaPlaceholder as w } from "../../../schemaGraph/utils.js";
+import { useSelectedLocale as v } from "../../../../utils/locales/index.js";
+import { cn as F } from "../../../../utils/cn.js";
+const R = ({ name: c, schema: n, inputKeyPrefix: m, arrayIndices: d }) => {
+  const p = v(), o = y(null), u = w(n) ?? "Drop a file here or click to upload", i = k(m, n, d), { value: r, setInput: s } = I(i), t = typeof window < "u" && r instanceof File ? r : void 0, f = (t == null ? void 0 : t.name) ?? u, h = (e) => {
     var l;
-    p(i, (l = e.target.files) == null ? void 0 : l[0]);
+    s(i, (l = e.target.files) == null ? void 0 : l[0]);
   };
-  return /* @__PURE__ */ x(y, { children: [
+  return /* @__PURE__ */ g(x, { children: [
     /* @__PURE__ */ a(
       "button",
       {
-        "aria-label": s["aria.fileUploadButton"],
-        className: P(
+        "aria-label": p["aria.fileUploadButton"],
+        className: F(
           "mint:text-left mint:flex mint:text-playground-input mint:overflow-hidden",
           t ? "mint:text-gray-900! mint:dark:text-gray-100!" : "mint:text-gray-400! mint:dark:text-white/30!"
         ),
@@ -22,7 +23,7 @@ const N = ({ name: c, schema: n, inputKeyPrefix: m, arrayIndex: u }) => {
           var e;
           return (e = o.current) == null ? void 0 : e.click();
         },
-        children: h
+        children: f
       }
     ),
     /* @__PURE__ */ a(
@@ -30,7 +31,7 @@ const N = ({ name: c, schema: n, inputKeyPrefix: m, arrayIndex: u }) => {
       {
         type: "file",
         "data-testid": `${c ?? "file"}-input`,
-        onChange: g,
+        onChange: h,
         ref: o,
         className: "mint:hidden"
       }
@@ -38,5 +39,5 @@ const N = ({ name: c, schema: n, inputKeyPrefix: m, arrayIndex: u }) => {
   ] });
 };
 export {
-  N as FileInput
+  R as FileInput
 };

package/dist/api-playground-2/components/Request/inputs/InputContainer.js

@@ -1,45 +1,46 @@
-import { jsxs as e, Fragment as l, jsx as i } from "react/jsx-runtime";
-import { useState as N } from "react";
-import { isEnum as g } from "../../../schemaGraph/utils.js";
-import { ArrayCount as $ } from "../../../../api-playground/ApiPlayground/components/ArrayCount.js";
-import { ObjectExpandButton as O } from "../../../../api-playground/ApiPlayground/components/ObjectExpandButton.js";
-import { TrashButton as P } from "../../../../api-playground/ApiPlayground/components/TrashButton.js";
-import { Description as x } from "../../../../api-playground/EndpointFields/components/Description.js";
-import { InfoPill as T, RequiredPill as q, DeprecatedPill as A } from "../../../../components/Api/Param.js";
-import { containsMarkdownTable as B } from "../../../../utils/containsMarkdownTable.js";
+import { jsxs as e, Fragment as s, jsx as t } from "react/jsx-runtime";
+import { useState as O } from "react";
+import { isEnum as T } from "../../../schemaGraph/utils.js";
+import { ArrayCount as A } from "../../../../api-playground/ApiPlayground/components/ArrayCount.js";
+import { ObjectExpandButton as P } from "../../../../api-playground/ApiPlayground/components/ObjectExpandButton.js";
+import { TrashIcon as S } from "lucide-react";
+import { Description as h } from "../../../../api-playground/EndpointFields/components/Description.js";
+import { InfoPill as $, RequiredPill as q, DeprecatedPill as B } from "../../../../components/Api/Param.js";
+import { useSelectedLocale as L } from "../../../../utils/locales/index.js";
+import { containsMarkdownTable as R } from "../../../../utils/containsMarkdownTable.js";
 import { cn as m } from "../../../../utils/cn.js";
-const J = ({
-  name: d,
-  schema: t,
-  defaultExpanded: a = !0,
-  typeDropdown: p,
-  arrayIndex: o,
+const W = ({
+  name: o,
+  schema: i,
+  defaultExpanded: d = !0,
+  typeDropdown: x,
+  arrayIndices: l,
   parentNames: n,
-  clearValue: y,
+  clearValue: p,
   style: b,
-  explode: v,
-  children: u
+  explode: u,
+  children: k,
+  isArrayChild: v
 }) => {
-  const [s, k] = N(a), f = g(t) && t.description && B(t.description), h = t.format && typeof t.format == "string" ? `${t.type}<${t.format}>` : g(t) ? `enum<${t.type}>` : t.type, c = t.type === "array", r = t.type === "object", w = r ? Object.keys(t.properties ?? {}).length : 0;
-  return /* @__PURE__ */ e(l, { children: [
+  const [c, w] = O(d), g = T(i) && i.description && R(i.description), y = i.type === "array", r = i.type === "object", j = r ? Object.keys(i.properties ?? {}).length : 0, f = l && l.length > 0 ? l[l.length - 1] : void 0, a = f != null && v;
+  return /* @__PURE__ */ e(s, { children: [
     /* @__PURE__ */ e(
       "div",
       {
         className: m(
           "mint:flex mint:space-x-3 mint:items-start",
-          o != null && !r && "mint:flex mint:items-center"
+          a && !r && "mint:flex mint:items-center"
         ),
         children: [
-          o != null && /* @__PURE__ */ i($, { className: m(r && "mint:mt-8"), children: o + 1 }),
+          a && /* @__PURE__ */ t(A, { className: m(r && "mint:mt-8"), children: f + 1 }),
           /* @__PURE__ */ e(
             "div",
             {
               className: m(
-                "mint:flex-1 mint:lg:grid-cols-2 mint:gap-x-12 mint:gap-y-4 mint:py-5 mint:max-w-full",
-                !c && !r && "mint:grid",
-                c && "mint:flex mint:flex-col",
+                "mint:flex-1 mint:grid mint:lg:grid-cols-2 mint:gap-x-12 mint:gap-y-4 mint:py-5 mint:max-w-full",
+                y && "mint:flex mint:flex-col",
                 r && "mint:gap-y-0 mint:flex mint:flex-col mint:border mint:border-gray-50 mint:dark:border-white/5 mint:rounded-xl mint:px-4 mint:py-0 mint:my-5",
-                o !== void 0 && "mint:py-1 mint:my-2"
+                a && "mint:py-1 mint:my-2"
               ),
               children: [
                 /* @__PURE__ */ e(
@@ -48,8 +49,8 @@ const J = ({
                     className: m(
                       "mint:space-y-2",
                       r && "mint:py-5 mint:border-b mint:border-gray-50 mint:dark:border-white/5",
-                      !s && "mint:border-none",
-                      o != null && !r && "mint:flex mint:items-center"
+                      !c && "mint:border-none",
+                      a && !r && "mint:flex mint:items-center"
                     ),
                     children: [
                       /* @__PURE__ */ e("div", { className: "mint:flex mint:items-center mint:justify-between mint:font-mono mint:font-bold", children: [
@@ -57,70 +58,88 @@ const J = ({
                           "div",
                           {
                             className: "mint:flex mint:flex-wrap mint:items-center mint:gap-2 mint:text-xs mint:truncate",
-                            title: n && n.length > 0 ? `${n.join(".")}.${d}` : d,
+                            title: n && n.length > 0 ? `${n.join(".")}.${o}` : o,
                             children: [
-                              /* @__PURE__ */ i("div", { className: m("mint:text-sm mint:truncate", d == null && "mint:hidden"), children: n && n.length > 0 && b === "deepObject" && v ? /* @__PURE__ */ e(l, { children: [
-                                /* @__PURE__ */ i("span", { className: "mint:text-gray-500 mint:dark:text-gray-400", children: n.map((j, C) => /* @__PURE__ */ e(l, { children: [
-                                  j,
-                                  C === 0 ? "[" : "]["
+                              /* @__PURE__ */ t("div", { className: m("mint:text-sm mint:truncate", o == null && "mint:hidden"), children: n && n.length > 0 && b === "deepObject" && u ? /* @__PURE__ */ e(s, { children: [
+                                /* @__PURE__ */ t("span", { className: "mint:text-gray-500 mint:dark:text-gray-400", children: n.map((C, N) => /* @__PURE__ */ e(s, { children: [
+                                  C,
+                                  N === 0 ? "[" : "]["
                                 ] })) }),
-                                /* @__PURE__ */ i("span", { className: "mint:font-semibold mint:text-gray-900 mint:dark:text-gray-100", children: d }),
-                                /* @__PURE__ */ i("span", { className: "mint:text-gray-500 mint:dark:text-gray-400", children: "]" })
-                              ] }) : /* @__PURE__ */ e(l, { children: [
-                                /* @__PURE__ */ i("span", { className: "mint:text-gray-500 mint:dark:text-gray-400", children: n ? `${n.join(".")}.` : "" }),
-                                /* @__PURE__ */ i("span", { className: "mint:font-semibold mint:text-gray-900 mint:dark:text-gray-100", children: d })
+                                /* @__PURE__ */ t("span", { className: "mint:font-semibold mint:text-gray-900 mint:dark:text-gray-100", children: o }),
+                                /* @__PURE__ */ t("span", { className: "mint:text-gray-500 mint:dark:text-gray-400", children: "]" })
+                              ] }) : /* @__PURE__ */ e(s, { children: [
+                                /* @__PURE__ */ t("span", { className: "mint:text-gray-500 mint:dark:text-gray-400", children: n ? `${n.join(".")}.` : "" }),
+                                /* @__PURE__ */ t("span", { className: "mint:font-semibold mint:text-gray-900 mint:dark:text-gray-100", children: o })
                               ] }) }),
-                              p ?? /* @__PURE__ */ i(T, { children: h }),
-                              t.isRequired && /* @__PURE__ */ i(q, {}),
-                              t.deprecated && /* @__PURE__ */ i(A, {})
+                              x ?? /* @__PURE__ */ t($, { className: "mint:text-wrap", children: i.typeLabel }),
+                              i.isRequired && /* @__PURE__ */ t(q, {}),
+                              i.deprecated && /* @__PURE__ */ t(B, {})
                             ]
                           }
                         ),
-                        r && /* @__PURE__ */ i(
-                          O,
+                        r && /* @__PURE__ */ t(
+                          P,
                           {
-                            onClick: () => k(!s),
-                            count: w,
-                            labeled: a == !1
+                            onClick: () => w(!c),
+                            count: j,
+                            labeled: d == !1
                           }
                         )
                       ] }),
-                      t.description && !f && /* @__PURE__ */ i(
-                        x,
+                      i.description && !g && /* @__PURE__ */ t(
+                        h,
                         {
-                          markdown: t.description,
+                          markdown: i.description,
                           className: "mint:text-gray-500 mint:dark:text-gray-400"
                         }
                       )
                     ]
                   }
                 ),
-                s && /* @__PURE__ */ i(
+                c && /* @__PURE__ */ t(
                   "div",
                   {
                     className: m(
                       "mint:grid mint:grid-cols-1 mint:w-full mint:items-start mint:divide-y mint:divide-gray-50 mint:dark:divide-white/5",
-                      c && "mint:divide-y-0"
+                      y && "mint:divide-y-0"
                     ),
-                    children: u
+                    children: k
                   }
                 )
               ]
             }
           ),
-          (o != null || n) && y && /* @__PURE__ */ i(
-            P,
+          (l != null && l.length > 0 || n) && p && /* @__PURE__ */ t(
+            D,
             {
               className: m(r && "mint:mt-8", n && "mint:mt-7"),
-              onClick: () => y()
+              onClick: () => p()
             }
           )
         ]
       }
     ),
-    t.description && f && /* @__PURE__ */ i(x, { markdown: t.description, className: "mint:text-gray-500 mint:dark:text-gray-400" })
+    i.description && g && /* @__PURE__ */ t(h, { markdown: i.description, className: "mint:text-gray-500 mint:dark:text-gray-400" })
   ] });
+}, D = ({
+  className: o,
+  onClick: i
+}) => {
+  const d = L();
+  return /* @__PURE__ */ t(
+    "button",
+    {
+      className: m(
+        "mint:px-1 mint:text-gray-400 mint:dark:text-gray-600 mint:hover:text-gray-600 mint:dark:hover:text-gray-400",
+        o
+      ),
+      onClick: i,
+      "aria-label": d["aria.deleteItem"],
+      children: /* @__PURE__ */ t(S, { className: "mint:w-4 mint:h-4" })
+    }
+  );
 };
 export {
-  J as InputContainer
+  W as InputContainer,
+  D as InputContainerTrashButton
 };

package/dist/api-playground-2/components/Request/inputs/NumberInput.js

@@ -1,7 +1,8 @@
 import { jsx as y } from "react/jsx-runtime";
-import { isInteger as b, isNumber as N } from "../../../../common/guards.js";
-import { usePlaygroundInputsStore as h } from "../../../hooks/usePlaygroundInputsStore.js";
-import { getSchemaPlaceholder as P, getUniqueInputKey as S } from "../../../schemaGraph/utils.js";
+import { isInteger as I, isNumber as b } from "../../../../common/guards.js";
+import { usePlaygroundInput as N } from "../../../hooks/usePlaygroundInputsStore.js";
+import { getUniqueInputKey as h } from "../../../schemaGraph/addUniqueKeysToSchema.js";
+import { getSchemaPlaceholder as P } from "../../../schemaGraph/utils.js";
 import { useSelectedLocale as v } from "../../../../utils/locales/index.js";
 import { Ids as x } from "../../../types/index.js";
 const A = ({
@@ -9,9 +10,9 @@ const A = ({
   schema: n,
   inputKeyPrefix: l,
   numberType: s,
-  arrayIndex: p
+  arrayIndices: m
 }) => {
-  const m = v(), { getInput: c, setInput: o } = h(), u = P(n), r = S(l, n, p), g = c(r), f = u ?? `enter ${a ?? "value"}`, i = n.type, d = ((e, t) => e === "integer" ? b(t) ? t : void 0 : N(t) ? t : void 0)(s, g), I = (e) => {
+  const p = v(), u = P(n), r = h(l, n, m), { value: c, setInput: o } = N(r), g = u ?? `enter ${a ?? "value"}`, i = n.type, f = ((e, t) => e === "integer" ? I(t) ? t : void 0 : b(t) ? t : void 0)(s, c), d = (e) => {
     if (e.target.value.length === 0) {
       o(r, void 0);
       return;
@@ -29,14 +30,14 @@ const A = ({
     {
       id: x.APIPlaygroundInput,
       className: "mint:flex-1 mint:min-w-0 mint:bg-transparent mint:outline-0 mint:text-playground-input",
-      placeholder: f,
-      "aria-label": u ?? m["aria.enterValue"].replace("{name}", a ?? "value"),
+      placeholder: g,
+      "aria-label": u ?? p["aria.enterValue"].replace("{name}", a ?? "value"),
       onKeyDown: (e) => {
         (e.key === "e" || e.key === "." && i === "integer") && e.preventDefault();
       },
       type: "number",
-      value: d ?? "",
-      onChange: I
+      value: f ?? "",
+      onChange: d
     }
   );
 };