@stainless-api/docs-ui 0.1.0-beta.44 → 0.1.0-beta.47

package/dist/{sidebar-C1v1VnyN.d.ts → sidebar-b3y7VIbU.d.ts}

@@ -1,5 +1,5 @@
 import * as React$1 from "react";
-import * as react_jsx_runtime35 from "react/jsx-runtime";
+import * as react_jsx_runtime47 from "react/jsx-runtime";
 import * as SDKJSON from "@stainless/sdk-json";
 
 //#region src/components/sidebar.d.ts
@@ -12,25 +12,25 @@ declare function SidebarExpander({
   open,
   summary,
   children
-}: SidebarExpanderProps): react_jsx_runtime35.JSX.Element;
+}: SidebarExpanderProps): react_jsx_runtime47.JSX.Element;
 type SidebarMethodProps = {
   method: SDKJSON.Method;
 };
 declare function SidebarMethod({
   method
-}: SidebarMethodProps): react_jsx_runtime35.JSX.Element;
+}: SidebarMethodProps): react_jsx_runtime47.JSX.Element;
 type SidebarResourceProps = {
   resource: SDKJSON.Resource;
 };
 declare function SidebarResource({
   resource
-}: SidebarResourceProps): react_jsx_runtime35.JSX.Element;
+}: SidebarResourceProps): react_jsx_runtime47.JSX.Element;
 type SidebarProps = {
   resources: SDKJSON.Resource[];
   selectedPath?: string;
 };
 declare function Sidebar({
   resources
-}: SidebarProps): react_jsx_runtime35.JSX.Element;
+}: SidebarProps): react_jsx_runtime47.JSX.Element;
 //#endregion
 export { SidebarProps as a, SidebarMethodProps as i, SidebarExpander as n, SidebarResource as o, SidebarMethod as r, SidebarResourceProps as s, Sidebar as t };

package/dist/{snippets-CmrvrMkn.d.ts → snippets-XTXit9Ya.d.ts}

@@ -1,6 +1,6 @@
-import { C as TransformRequestSnippetFn } from "./sdk-Rlr-Kw5_.js";
+import { C as TransformRequestSnippetFn } from "./sdk-Ck0IERc7.js";
 import * as React$1 from "react";
-import * as react_jsx_runtime76 from "react/jsx-runtime";
+import * as react_jsx_runtime51 from "react/jsx-runtime";
 import * as SDKJSON from "@stainless/sdk-json";
 
 //#region src/components/snippets.d.ts
@@ -12,7 +12,7 @@ type SnippetCodeProps = {
 declare function SnippetCode({
   content,
   language
-}: SnippetCodeProps): react_jsx_runtime76.JSX.Element;
+}: SnippetCodeProps): react_jsx_runtime51.JSX.Element;
 type SnippetProps = {
   method: SDKJSON.Method;
   requestTitle?: React$1.ReactNode;
@@ -24,23 +24,28 @@ type SnippetContainerProps = {
 };
 declare function SnippetContainer({
   children
-}: SnippetContainerProps): react_jsx_runtime76.JSX.Element;
+}: SnippetContainerProps): react_jsx_runtime51.JSX.Element;
 type SnippetRequestContainerProps = {
   children?: React$1.ReactNode;
   signature?: string;
 };
 declare function SnippetRequestContainer({
   children
-}: SnippetRequestContainerProps): react_jsx_runtime76.JSX.Element;
+}: SnippetRequestContainerProps): react_jsx_runtime51.JSX.Element;
 declare function Snippet({
   requestTitle,
   method,
   transformRequestSnippet
-}: SnippetProps): react_jsx_runtime76.JSX.Element | null;
+}: SnippetProps): react_jsx_runtime51.JSX.Element | null;
+declare function SnippetButtons({
+  content
+}: {
+  content: string;
+}): react_jsx_runtime51.JSX.Element;
 declare function SnippetResponse({
   responses
 }: {
   responses: SDKJSON.Method['exampleResponses'];
-}): react_jsx_runtime76.JSX.Element | null;
+}): react_jsx_runtime51.JSX.Element | null;
 //#endregion
-export { SnippetContainerProps as a, SnippetRequestContainerProps as c, SnippetContainer as i, SnippetResponse as l, SnippetCode as n, SnippetProps as o, SnippetCodeProps as r, SnippetRequestContainer as s, Snippet as t };
+export { SnippetContainer as a, SnippetRequestContainer as c, SnippetCodeProps as i, SnippetRequestContainerProps as l, SnippetButtons as n, SnippetContainerProps as o, SnippetCode as r, SnippetProps as s, Snippet as t, SnippetResponse as u };

package/dist/spec.d.ts

@@ -1,4 +1,4 @@
-import { t as DocsLanguage } from "./routing-DNN8R6bZ.js";
+import { t as DocsLanguage } from "./routing-nN1nc0jx.js";
 import * as SDKJSON from "@stainless/sdk-json";
 
 //#region src/spec.d.ts
@@ -36,7 +36,7 @@ declare function generateNavigation(resource: Partial<SDKJSON.Resource>): {
 declare function generateSpecForResource(spec: SDKJSON.Spec, name: string, lang: DocsLanguage, transforms: SpecTransforms): Partial<SDKJSON.Spec>;
 declare function transform(spec: SDKJSON.Spec, transforms: SpecTransforms): {
   name: string;
-  lang: "node" | "go" | "python" | "terraform" | "http" | "typescript" | "ruby" | "java" | "kotlin";
+  lang: "node" | "go" | "python" | "terraform" | "http" | "typescript" | "ruby" | "java" | "kotlin" | "csharp" | "php";
   spec: Partial<SDKJSON.Spec>;
 }[];
 declare function split(spec: SDKJSON.Spec, transforms?: SpecTransforms): {

package/dist/spec.js

@@ -1,5 +1,5 @@
-import { n as Languages } from "./routing-qs2YNG9o.js";
-import { r as isResourceEmpty } from "./utils-FnJ4tyuN.js";
+import { n as Languages } from "./routing-BGBmkDBL.js";
+import { r as isResourceEmpty } from "./utils-0z34vxY4.js";
 
 //#region src/spec.ts
 const defaultTransforms = {

package/dist/{style-BhhgPVF6.js → style-0miv2y38.js}

@@ -21,6 +21,9 @@ var style_default = {
 	TooltipContent: "stldocs-tooltip-content",
 	Input: "stldocs-input",
 	InputTextField: "stldocs-input-textfield",
+	MaskedInputWrapper: "stldocs-masked-input-wrapper",
+	MaskedInputDisplay: "stldocs-masked-input-display",
+	MaskedInputObscured: "stldocs-masked-input-obscured",
 	ToggleButton: "stldocs-togglebutton",
 	ListView: "stldocs-listview",
 	ListViewItem: "stldocs-listview-item",
@@ -103,6 +106,7 @@ var style_default = {
 	PropertyConstraintValue: "stldocs-property-constraint-value",
 	PropertyDefault: "stldocs-property-default",
 	PropertyDescription: "stldocs-property-description",
+	PropertyTitle: "stldocs-property-title",
 	PropertyAnnotation: "stldocs-property-annotation",
 	PropertyName: "stldocs-property-name",
 	PropertyBadges: "stldocs-property-badges",

package/dist/{style-p4qTfnmO.d.ts → style-D8hwSwrv.d.ts}

@@ -21,6 +21,9 @@ declare const _default: {
   readonly TooltipContent: "stldocs-tooltip-content";
   readonly Input: "stldocs-input";
   readonly InputTextField: "stldocs-input-textfield";
+  readonly MaskedInputWrapper: "stldocs-masked-input-wrapper";
+  readonly MaskedInputDisplay: "stldocs-masked-input-display";
+  readonly MaskedInputObscured: "stldocs-masked-input-obscured";
   readonly ToggleButton: "stldocs-togglebutton";
   readonly ListView: "stldocs-listview";
   readonly ListViewItem: "stldocs-listview-item";
@@ -103,6 +106,7 @@ declare const _default: {
   readonly PropertyConstraintValue: "stldocs-property-constraint-value";
   readonly PropertyDefault: "stldocs-property-default";
   readonly PropertyDescription: "stldocs-property-description";
+  readonly PropertyTitle: "stldocs-property-title";
   readonly PropertyAnnotation: "stldocs-property-annotation";
   readonly PropertyName: "stldocs-property-name";
   readonly PropertyBadges: "stldocs-property-badges";

package/dist/style.d.ts

@@ -1,2 +1,2 @@
-import { t as _default } from "./style-p4qTfnmO.js";
+import { t as _default } from "./style-D8hwSwrv.js";
 export { _default as default };

package/dist/style.js

@@ -1,3 +1,3 @@
-import { t as style_default } from "./style-BhhgPVF6.js";
+import { t as style_default } from "./style-0miv2y38.js";
 
 export { style_default as default };

package/dist/styles/main.css

@@ -250,7 +250,8 @@
     }
   }
 
-  .stldocs-property-description {
+  .stldocs-property-description,
+  .stldocs-property-title {
     font-size: var(--stl-typography-scale-sm);
     color: var(--stl-color-foreground-reduced);
 
@@ -541,7 +542,7 @@
   .stldocs-snippet {
     top: calc(var(--sl-nav-height) + 1rem);
     position: sticky;
-    z-index: 10;
+    z-index: 5;
     border-radius: 16px;
     background-color: transparent;
     padding: 0;
@@ -549,6 +550,8 @@
     font-family: var(--stl-typography-font-mono);
 
     .stldocs-snippet-request {
+      background-color: var(--stl-color-background);
+      --shiki-background: var(--stl-color-background);
       border: 1px solid var(--stl-color-border);
       border-radius: 12px;
       position: relative;
@@ -570,13 +573,15 @@
       padding: 0.5rem;
       padding-left: 1rem;
       gap: 0.5rem;
+      font-family: var(--stl-typography-font);
 
       .stldocs-snippet-request-title-method {
         flex-grow: 1;
         min-width: 0;
       }
 
-      > div {
+      .stldocs-snippet-request-title-method,
+      .stldocs-snippet-request-title-content {
         display: flex;
         gap: 0.5rem;
         align-items: center;
@@ -662,6 +667,8 @@
     line-height: 1.75;
     transition: height 240ms ease;
     will-change: height;
+    font-size: var(--stl-typography-text-code);
+    scrollbar-color: var(--stl-color-border) transparent;
 
     .shiki {
       padding: 1rem;
@@ -680,6 +687,7 @@
           opacity: 0.5;
           display: inline-flex;
           width: 1rem;
+          text-align: right;
         }
 
         &.ellipsis {
@@ -881,11 +889,6 @@
         background-color: var(--stl-color-faint-background);
         border: 1px solid var(--stl-color-border);
 
-        .stldocs-snippet-request {
-          background-color: var(--stl-color-background);
-          --shiki-background: var(--stl-color-background);
-        }
-
         .stldocs-snippet-response {
           display: block;
         }

package/dist/styles/primitives.css

@@ -254,27 +254,62 @@
 
 .stldocs-root .stldocs-input {
   border: 1px solid var(--stl-color-border);
+  background: var(--stl-color-background);
   border-radius: 0.3rem;
-  padding: 0.5rem;
   display: flex;
   gap: 0.5rem;
 
-  input {
+  &:focus-within {
+    border-color: var(--stl-color-accent);
+  }
+
+  input,
+  .stldocs-masked-input-display {
     flex-grow: 1;
     border: none;
     background-color: transparent;
+    margin: 0.5rem;
+    font-size: 0.85rem;
+    letter-spacing: initial;
+    white-space: pre;
+    contain: content;
+    padding: 0;
 
     &:focus {
       outline: none;
     }
   }
 
+  &:focus-within .stldocs-masked-input-display,
+  &:not(:focus-within) input {
+    opacity: 0;
+  }
+
+  .stldocs-masked-input-obscured {
+    -webkit-text-stroke: currentColor 0.2em;
+  }
+
   .stldocs-icon {
     margin-top: auto;
     margin-bottom: auto;
   }
 }
 
+.stldocs-root .stldocs-masked-input-wrapper {
+  display: flex;
+  flex-grow: 1;
+  position: relative;
+  font-family: var(--stl-typography-font-mono);
+}
+
+.stldocs-root .stldocs-masked-input-display {
+  position: absolute;
+  inset: 0;
+  display: flex;
+  align-items: center;
+  pointer-events: none; /* so you can click through to the real input */
+}
+
 .stldocs-root .stldocs-listview {
   overflow-y: scroll;
 

package/dist/styles.css

@@ -318,27 +318,62 @@
 
 .stldocs-root .stldocs-input {
   border: 1px solid var(--stl-color-border);
+  background: var(--stl-color-background);
   border-radius: 0.3rem;
-  padding: 0.5rem;
   display: flex;
   gap: 0.5rem;
 
-  input {
+  &:focus-within {
+    border-color: var(--stl-color-accent);
+  }
+
+  input,
+  .stldocs-masked-input-display {
     flex-grow: 1;
     border: none;
     background-color: transparent;
+    margin: 0.5rem;
+    font-size: 0.85rem;
+    letter-spacing: initial;
+    white-space: pre;
+    contain: content;
+    padding: 0;
 
     &:focus {
       outline: none;
     }
   }
 
+  &:focus-within .stldocs-masked-input-display,
+  &:not(:focus-within) input {
+    opacity: 0;
+  }
+
+  .stldocs-masked-input-obscured {
+    -webkit-text-stroke: currentColor 0.2em;
+  }
+
   .stldocs-icon {
     margin-top: auto;
     margin-bottom: auto;
   }
 }
 
+.stldocs-root .stldocs-masked-input-wrapper {
+  display: flex;
+  flex-grow: 1;
+  position: relative;
+  font-family: var(--stl-typography-font-mono);
+}
+
+.stldocs-root .stldocs-masked-input-display {
+  position: absolute;
+  inset: 0;
+  display: flex;
+  align-items: center;
+  pointer-events: none; /* so you can click through to the real input */
+}
+
 .stldocs-root .stldocs-listview {
   overflow-y: scroll;
 
@@ -707,7 +742,8 @@
     }
   }
 
-  .stldocs-property-description {
+  .stldocs-property-description,
+  .stldocs-property-title {
     font-size: var(--stl-typography-scale-sm);
     color: var(--stl-color-foreground-reduced);
 
@@ -998,7 +1034,7 @@
   .stldocs-snippet {
     top: calc(var(--sl-nav-height) + 1rem);
     position: sticky;
-    z-index: 10;
+    z-index: 5;
     border-radius: 16px;
     background-color: transparent;
     padding: 0;
@@ -1006,6 +1042,8 @@
     font-family: var(--stl-typography-font-mono);
 
     .stldocs-snippet-request {
+      background-color: var(--stl-color-background);
+      --shiki-background: var(--stl-color-background);
       border: 1px solid var(--stl-color-border);
       border-radius: 12px;
       position: relative;
@@ -1027,13 +1065,15 @@
       padding: 0.5rem;
       padding-left: 1rem;
       gap: 0.5rem;
+      font-family: var(--stl-typography-font);
 
       .stldocs-snippet-request-title-method {
         flex-grow: 1;
         min-width: 0;
       }
 
-      > div {
+      .stldocs-snippet-request-title-method,
+      .stldocs-snippet-request-title-content {
         display: flex;
         gap: 0.5rem;
         align-items: center;
@@ -1119,6 +1159,8 @@
     line-height: 1.75;
     transition: height 240ms ease;
     will-change: height;
+    font-size: var(--stl-typography-text-code);
+    scrollbar-color: var(--stl-color-border) transparent;
 
     .shiki {
       padding: 1rem;
@@ -1137,6 +1179,7 @@
           opacity: 0.5;
           display: inline-flex;
           width: 1rem;
+          text-align: right;
         }
 
         &.ellipsis {
@@ -1338,11 +1381,6 @@
         background-color: var(--stl-color-faint-background);
         border: 1px solid var(--stl-color-border);
 
-        .stldocs-snippet-request {
-          background-color: var(--stl-color-background);
-          --shiki-background: var(--stl-color-background);
-        }
-
         .stldocs-snippet-response {
           display: block;
         }

package/dist/{types-BSnSUlkN.d.ts → types-D7Ipu1J2.d.ts}

@@ -1,4 +1,4 @@
-import { t as DocsLanguage } from "./routing-DNN8R6bZ.js";
+import { t as DocsLanguage } from "./routing-nN1nc0jx.js";
 import * as SDKJSON from "@stainless/sdk-json";
 
 //#region src/search/types.d.ts

package/dist/{use-components-BHEwm0mE.js → use-components-BAHidYIO.js}

@@ -1,4 +1,4 @@
-import { i as useComponents } from "./component-generics-D3ybuN5r.js";
+import { i as useComponents } from "./component-generics-F0_Dx7UT.js";
 
 //#region src/contexts/use-components.tsx
 const useComponents$1 = () => useComponents();

package/dist/{utils-FnJ4tyuN.js → utils-0z34vxY4.js}

@@ -1,5 +1,5 @@
-import { t as __export } from "./chunk-Bf_Gc_jT.js";
-import { f as parseStainlessPath } from "./routing-qs2YNG9o.js";
+import { t as __export } from "./chunk-BWfJHHBp.js";
+import { f as parseStainlessPath } from "./routing-BGBmkDBL.js";
 
 //#region src/utils.ts
 var utils_exports = /* @__PURE__ */ __export({

package/dist/{utils-C5oXAzyN.d.ts → utils-CJElSUwc.d.ts}

@@ -1,5 +1,5 @@
-import { t as DocsLanguage } from "./routing-DNN8R6bZ.js";
-import { C as TransformRequestSnippetFn } from "./sdk-Rlr-Kw5_.js";
+import { t as DocsLanguage } from "./routing-nN1nc0jx.js";
+import { C as TransformRequestSnippetFn } from "./sdk-Ck0IERc7.js";
 import * as SDKJSON from "@stainless/sdk-json";
 
 //#region src/markdown/utils.d.ts

package/dist/utils.d.ts

@@ -1,2 +1,2 @@
-import { n as getResourceFromSpec, r as isResourceEmpty, t as flatResources } from "./utils-D43p_yTd.js";
+import { n as getResourceFromSpec, r as isResourceEmpty, t as flatResources } from "./utils-BcWczffA.js";
 export { flatResources, getResourceFromSpec, isResourceEmpty };

package/dist/utils.js

@@ -1,4 +1,4 @@
-import "./routing-qs2YNG9o.js";
-import { n as getResourceFromSpec, r as isResourceEmpty, t as flatResources } from "./utils-FnJ4tyuN.js";
+import "./routing-BGBmkDBL.js";
+import { n as getResourceFromSpec, r as isResourceEmpty, t as flatResources } from "./utils-0z34vxY4.js";
 
 export { flatResources, getResourceFromSpec, isResourceEmpty };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@stainless-api/docs-ui",
   "private": false,
-  "version": "0.1.0-beta.44",
+  "version": "0.1.0-beta.47",
   "publishConfig": {
     "access": "public"
   },
@@ -20,11 +20,11 @@
     "fuse.js": "^7.1.0",
     "htmlparser2": "^10.0.0",
     "lucide-react": "^0.555.0",
-    "@stainless-api/ui-primitives": "0.1.0-beta.32"
+    "@stainless-api/ui-primitives": "0.1.0-beta.35"
   },
   "devDependencies": {
     "@types/node": "24.10.1",
-    "@types/react": "^19.2.7",
+    "@types/react": "19.2.7",
     "@types/react-dom": "^19.2.3",
     "dotenv": "17.2.3",
     "react": "^19.2.1",
@@ -32,7 +32,7 @@
     "tsdown": "^0.16.8",
     "typescript": "5.9.3",
     "@stainless/eslint-config": "0.1.0-beta.0",
-    "@stainless/sdk-json": "^0.1.0-beta.0"
+    "@stainless/sdk-json": "^0.1.0-beta.2"
   },
   "exports": {
     ".": {
@@ -83,6 +83,9 @@
     "./search": {
       "default": "./dist/search/index.js"
     },
+    "./search/mcp": {
+      "default": "./dist/search/mcp.js"
+    },
     "./search/types": {
       "default": "./dist/search/types.js"
     },