@stainless-api/docs-ui 0.1.0-beta.53 → 0.1.0-beta.55

package/dist/{snippets-B0sKAjU-.d.ts → snippets-swUWTk4z.d.ts}

@@ -1,6 +1,6 @@
-import { C as TransformRequestSnippetFn } from "./sdk-BBe_u8ZX.js";
+import { C as TransformRequestSnippetFn } from "./sdk-DT9NI4cv.js";
 import * as React$1 from "react";
-import * as react_jsx_runtime57 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_runtime57.JSX.Element;
+}: SnippetCodeProps): react_jsx_runtime51.JSX.Element;
 type SnippetProps = {
   method: SDKJSON.Method;
   requestTitle?: React$1.ReactNode;
@@ -24,28 +24,28 @@ type SnippetContainerProps = {
 };
 declare function SnippetContainer({
   children
-}: SnippetContainerProps): react_jsx_runtime57.JSX.Element;
+}: SnippetContainerProps): react_jsx_runtime51.JSX.Element;
 type SnippetRequestContainerProps = {
   children?: React$1.ReactNode;
   signature?: string;
 };
 declare function SnippetRequestContainer({
   children
-}: SnippetRequestContainerProps): react_jsx_runtime57.JSX.Element;
+}: SnippetRequestContainerProps): react_jsx_runtime51.JSX.Element;
 declare function Snippet({
   requestTitle,
   method,
   transformRequestSnippet
-}: SnippetProps): react_jsx_runtime57.JSX.Element | null;
+}: SnippetProps): react_jsx_runtime51.JSX.Element | null;
 declare function SnippetButtons({
   content
 }: {
   content: string;
-}): react_jsx_runtime57.JSX.Element;
+}): react_jsx_runtime51.JSX.Element;
 declare function SnippetResponse({
   responses
 }: {
   responses: SDKJSON.Method['exampleResponses'];
-}): react_jsx_runtime57.JSX.Element | null;
+}): react_jsx_runtime51.JSX.Element | null;
 //#endregion
 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-BcWYAHJp.js";
+import { t as DocsLanguage } from "./routing-o8okAfJK.js";
 import * as SDKJSON from "@stainless/sdk-json";
 
 //#region src/spec.d.ts

package/dist/{style-gnVEeXFj.js → style-cJZFOvnF.js}

@@ -20,6 +20,7 @@ var style_default = {
 	TooltipHost: "stldocs-tooltip-host",
 	TooltipContent: "stldocs-tooltip-content",
 	Input: "stldocs-input",
+	InputDisabled: "stldocs-input-disabled",
 	InputTextField: "stldocs-input-textfield",
 	MaskedInputWrapper: "stldocs-masked-input-wrapper",
 	MaskedInputDisplay: "stldocs-masked-input-display",
@@ -151,6 +152,8 @@ var style_default = {
 	SearchResultResourcePath: "stldocs-search-result-resource-path",
 	SearchResultGuideTitle: "stldocs-search-result-guide-title",
 	SearchResultGuideExcerpt: "stldocs-search-result-guide-excerpt",
+	SearchDisabledStateContainer: "stldocs-search-disabled-state-container",
+	SearchModalCloseButton: "stldocs-search-modal-close-button",
 	LanguageBlock: "stldocs-language-block",
 	LanguageBlockContent: "stldocs-language-block-content",
 	LanguageBlockContentIcon: "stldocs-language-block-content-icon",

package/dist/style.d.ts

@@ -20,6 +20,7 @@ declare const _default: {
   readonly TooltipHost: "stldocs-tooltip-host";
   readonly TooltipContent: "stldocs-tooltip-content";
   readonly Input: "stldocs-input";
+  readonly InputDisabled: "stldocs-input-disabled";
   readonly InputTextField: "stldocs-input-textfield";
   readonly MaskedInputWrapper: "stldocs-masked-input-wrapper";
   readonly MaskedInputDisplay: "stldocs-masked-input-display";
@@ -151,6 +152,8 @@ declare const _default: {
   readonly SearchResultResourcePath: "stldocs-search-result-resource-path";
   readonly SearchResultGuideTitle: "stldocs-search-result-guide-title";
   readonly SearchResultGuideExcerpt: "stldocs-search-result-guide-excerpt";
+  readonly SearchDisabledStateContainer: "stldocs-search-disabled-state-container";
+  readonly SearchModalCloseButton: "stldocs-search-modal-close-button";
   readonly LanguageBlock: "stldocs-language-block";
   readonly LanguageBlockContent: "stldocs-language-block-content";
   readonly LanguageBlockContentIcon: "stldocs-language-block-content-icon";

package/dist/style.js

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

package/dist/styles/primitives.css

@@ -228,6 +228,7 @@
   p {
     display: block;
     margin: 0 0 1em;
+    line-height: 150%;
 
     &:last-child {
       margin: 0;
@@ -255,21 +256,24 @@
 .stldocs-root .stldocs-input {
   border: 1px solid var(--stl-color-border);
   background: var(--stl-color-background);
-  border-radius: 0.3rem;
+  border-radius: var(--stl-ui-layout-border-radius-sml);
   display: flex;
-  gap: 0.5rem;
 
   &:focus-within {
     border-color: var(--stl-color-accent);
   }
 
+  &.stldocs-input-disabled {
+    opacity: 0.5;
+  }
+
   input,
   .stldocs-masked-input-display {
     flex-grow: 1;
     border: none;
     background-color: transparent;
     margin: 0.5rem;
-    font-size: 0.85rem;
+    font-size: 1rem;
     letter-spacing: initial;
     white-space: pre;
     contain: content;
@@ -290,8 +294,7 @@
   }
 
   .stldocs-icon {
-    margin-top: auto;
-    margin-bottom: auto;
+    margin: auto 0.25rem auto 0.75rem;
   }
 }
 
@@ -318,7 +321,9 @@
   }
 
   [data-stldocs-listview-selected='true'] > :first-child {
-    background-color: var(--stldocs-color-selected);
+    background:
+      linear-gradient(var(--stl-color-ui-background-hover), var(--stl-color-ui-background-hover)),
+      linear-gradient(var(--stl-color-ui-background), var(--stl-color-ui-background));
     border-radius: 0.5rem;
   }
 }

package/dist/styles/search.css

@@ -7,32 +7,8 @@
     display: flex;
     gap: 1rem;
 
-    .stldocs-togglebutton {
-      display: flex;
+    .stl-ui-button {
       flex-grow: 1;
-      gap: 0.5rem;
-      border-radius: 8px;
-      padding: 0.4em 0.8em;
-      line-height: 1.5;
-      justify-content: center;
-      font-size: 0.9rem;
-      cursor: pointer;
-      background-color: transparent;
-      border: 1px solid var(--stl-color-border);
-
-      &:hover,
-      &[data-stldocs-toggle-selected='true'] {
-        background-color: var(--stldocs-color-selected);
-
-        .stldocs-search-filter-count {
-          color: var(--stl-color-inverse-foreground);
-          background-color: var(--stl-color-foreground);
-        }
-      }
-
-      .stldocs-icon {
-        margin: auto 0;
-      }
 
       .stldocs-search-filter-count {
         font-size: 0.75rem;
@@ -71,6 +47,9 @@
         .stldocs-search-result-resource-path {
           font-family: var(--stl-typography-font-mono);
           color: var(--stl-color-foreground);
+          overflow: hidden;
+          text-overflow: ellipsis;
+          white-space: nowrap;
         }
       }
     }
@@ -177,6 +156,9 @@
     display: flex;
     gap: 0.5rem;
     font-size: 0.8rem;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
 
     .stldocs-search-breadcrumb-item {
       color: var(--stl-color-foreground-muted);
@@ -187,31 +169,36 @@
       margin-bottom: auto;
     }
   }
+
+  .stldocs-search-disabled-state-container {
+    margin: auto;
+    text-align: center;
+  }
 }
 
 .stldocs-root .stldocs-search-modal {
-  height: 100%;
+  height: calc(100svh - var(--sl-nav-height));
   width: 100%;
   overflow: hidden;
-  margin: 3rem auto;
   display: none;
   padding: 1rem;
   inset: 0;
-  max-width: 1024px;
-  max-height: 80vh;
   background-color: var(--stl-color-background);
   color: var(--stl-color-foreground);
-  border: 1px solid var(--stl-color-border);
-  border-radius: 8px;
+  gap: 0.5rem;
+  border: none;
 
   &:popover-open,
   &[data-stldocs-modal-open='true'] {
-    display: block;
+    display: flex;
+    flex-direction: column;
     position: fixed;
+    top: var(--sl-nav-height);
   }
 
   .stldocs-search-form {
     height: 100%;
+    width: 100%;
 
     .stldocs-listview {
       margin: 0.8rem 0;
@@ -219,10 +206,16 @@
     }
   }
 
+  .stldocs-search-modal-close-button {
+    display: flex;
+    justify-content: flex-end;
+  }
+
   &::backdrop {
     background-color: var(--stldocs-color-backdrop-overlay);
     -webkit-backdrop-filter: blur(0.25rem);
     backdrop-filter: blur(0.25rem);
+    top: var(--sl-nav-height);
   }
 }
 
@@ -232,6 +225,32 @@
   }
 }
 
+@media (min-width: 50rem) {
+  .stldocs-root {
+    .stldocs-search-modal {
+      height: 100%;
+      max-width: 1024px;
+      max-height: 80vh;
+      margin: 3rem auto;
+      border: 1px solid var(--stl-color-border);
+      border-radius: var(--stl-ui-layout-border-radius-sml);
+
+      .stldocs-search-modal-close-button {
+        display: none;
+      }
+
+      &:popover-open,
+      &[data-stldocs-modal-open='true'] {
+        top: 0;
+      }
+
+      &::backdrop {
+        top: 0;
+      }
+    }
+  }
+}
+
 @media (max-width: 50rem) {
   .stldocs-root .stldocs-search-modal {
     .stldocs-search-filter-label,

package/dist/styles.css

@@ -70,7 +70,7 @@ body {
   }
 
   :where(strong:not(.stl-ui-not-prose *), .stl-ui-not-prose .stl-ui-prose strong) {
-    color: var(--stl-color-foreground);
+    color: rgb(from currentColor r g b / 1);
   }
 
   :where(a:not(.stl-ui-not-prose *), .stl-ui-not-prose .stl-ui-prose a) {
@@ -1469,6 +1469,7 @@ a.stl-ui-button {
   p {
     display: block;
     margin: 0 0 1em;
+    line-height: 150%;
 
     &:last-child {
       margin: 0;
@@ -1496,21 +1497,24 @@ a.stl-ui-button {
 .stldocs-root .stldocs-input {
   border: 1px solid var(--stl-color-border);
   background: var(--stl-color-background);
-  border-radius: 0.3rem;
+  border-radius: var(--stl-ui-layout-border-radius-sml);
   display: flex;
-  gap: 0.5rem;
 
   &:focus-within {
     border-color: var(--stl-color-accent);
   }
 
+  &.stldocs-input-disabled {
+    opacity: 0.5;
+  }
+
   input,
   .stldocs-masked-input-display {
     flex-grow: 1;
     border: none;
     background-color: transparent;
     margin: 0.5rem;
-    font-size: 0.85rem;
+    font-size: 1rem;
     letter-spacing: initial;
     white-space: pre;
     contain: content;
@@ -1531,8 +1535,7 @@ a.stl-ui-button {
   }
 
   .stldocs-icon {
-    margin-top: auto;
-    margin-bottom: auto;
+    margin: auto 0.25rem auto 0.75rem;
   }
 }
 
@@ -1559,7 +1562,9 @@ a.stl-ui-button {
   }
 
   [data-stldocs-listview-selected='true'] > :first-child {
-    background-color: var(--stldocs-color-selected);
+    background:
+      linear-gradient(var(--stl-color-ui-background-hover), var(--stl-color-ui-background-hover)),
+      linear-gradient(var(--stl-color-ui-background), var(--stl-color-ui-background));
     border-radius: 0.5rem;
   }
 }
@@ -2728,32 +2733,8 @@ a.stl-ui-button {
     display: flex;
     gap: 1rem;
 
-    .stldocs-togglebutton {
-      display: flex;
+    .stl-ui-button {
       flex-grow: 1;
-      gap: 0.5rem;
-      border-radius: 8px;
-      padding: 0.4em 0.8em;
-      line-height: 1.5;
-      justify-content: center;
-      font-size: 0.9rem;
-      cursor: pointer;
-      background-color: transparent;
-      border: 1px solid var(--stl-color-border);
-
-      &:hover,
-      &[data-stldocs-toggle-selected='true'] {
-        background-color: var(--stldocs-color-selected);
-
-        .stldocs-search-filter-count {
-          color: var(--stl-color-inverse-foreground);
-          background-color: var(--stl-color-foreground);
-        }
-      }
-
-      .stldocs-icon {
-        margin: auto 0;
-      }
 
       .stldocs-search-filter-count {
         font-size: 0.75rem;
@@ -2792,6 +2773,9 @@ a.stl-ui-button {
         .stldocs-search-result-resource-path {
           font-family: var(--stl-typography-font-mono);
           color: var(--stl-color-foreground);
+          overflow: hidden;
+          text-overflow: ellipsis;
+          white-space: nowrap;
         }
       }
     }
@@ -2898,6 +2882,9 @@ a.stl-ui-button {
     display: flex;
     gap: 0.5rem;
     font-size: 0.8rem;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
 
     .stldocs-search-breadcrumb-item {
       color: var(--stl-color-foreground-muted);
@@ -2908,31 +2895,36 @@ a.stl-ui-button {
       margin-bottom: auto;
     }
   }
+
+  .stldocs-search-disabled-state-container {
+    margin: auto;
+    text-align: center;
+  }
 }
 
 .stldocs-root .stldocs-search-modal {
-  height: 100%;
+  height: calc(100svh - var(--sl-nav-height));
   width: 100%;
   overflow: hidden;
-  margin: 3rem auto;
   display: none;
   padding: 1rem;
   inset: 0;
-  max-width: 1024px;
-  max-height: 80vh;
   background-color: var(--stl-color-background);
   color: var(--stl-color-foreground);
-  border: 1px solid var(--stl-color-border);
-  border-radius: 8px;
+  gap: 0.5rem;
+  border: none;
 
   &:popover-open,
   &[data-stldocs-modal-open='true'] {
-    display: block;
+    display: flex;
+    flex-direction: column;
     position: fixed;
+    top: var(--sl-nav-height);
   }
 
   .stldocs-search-form {
     height: 100%;
+    width: 100%;
 
     .stldocs-listview {
       margin: 0.8rem 0;
@@ -2940,10 +2932,16 @@ a.stl-ui-button {
     }
   }
 
+  .stldocs-search-modal-close-button {
+    display: flex;
+    justify-content: flex-end;
+  }
+
   &::backdrop {
     background-color: var(--stldocs-color-backdrop-overlay);
     -webkit-backdrop-filter: blur(0.25rem);
     backdrop-filter: blur(0.25rem);
+    top: var(--sl-nav-height);
   }
 }
 
@@ -2953,6 +2951,32 @@ a.stl-ui-button {
   }
 }
 
+@media (min-width: 50rem) {
+  .stldocs-root {
+    .stldocs-search-modal {
+      height: 100%;
+      max-width: 1024px;
+      max-height: 80vh;
+      margin: 3rem auto;
+      border: 1px solid var(--stl-color-border);
+      border-radius: var(--stl-ui-layout-border-radius-sml);
+
+      .stldocs-search-modal-close-button {
+        display: none;
+      }
+
+      &:popover-open,
+      &[data-stldocs-modal-open='true'] {
+        top: 0;
+      }
+
+      &::backdrop {
+        top: 0;
+      }
+    }
+  }
+}
+
 @media (max-width: 50rem) {
   .stldocs-root .stldocs-search-modal {
     .stldocs-search-filter-label,

package/dist/{typescript-CJraLOyM.js → typescript-C--P_L-R.js}

@@ -2,7 +2,7 @@ import { t as __exportAll } from "./chunk-CAbhIZi1.js";
 import { a as useLanguage, l as useSpec, r as useDeclaration } from "./docs-CXqi26jB.js";
 import { n as useLanguageComponents } from "./contexts-CLpvBI91.js";
 import { t as useComponents } from "./use-components-DBx5LZk0.js";
-import { t as style_default } from "./style-gnVEeXFj.js";
+import { t as style_default } from "./style-cJZFOvnF.js";
 import * as React$1 from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@stainless-api/docs-ui",
   "private": false,
-  "version": "0.1.0-beta.53",
+  "version": "0.1.0-beta.55",
   "publishConfig": {
     "access": "public"
   },
@@ -18,7 +18,7 @@
     "clsx": "^2.1.1",
     "htmlparser2": "^10.0.0",
     "lucide-react": "^0.562.0",
-    "@stainless-api/ui-primitives": "0.1.0-beta.40"
+    "@stainless-api/ui-primitives": "0.1.0-beta.41"
   },
   "devDependencies": {
     "@types/node": "24.10.4",

package/dist/breadcrumbs-B3lvHi-c.d.ts

@@ -1,20 +0,0 @@
-import * as react_jsx_runtime5 from "react/jsx-runtime";
-import * as SDKJSON from "@stainless/sdk-json";
-
-//#region src/components/breadcrumbs.d.ts
-type BreadcrumbConfig = {
-  includeCurrentPage?: boolean;
-};
-declare function SDKBreadcrumbs({
-  spec,
-  currentPath,
-  basePath,
-  config
-}: {
-  spec: SDKJSON.Spec;
-  currentPath: string;
-  basePath?: string;
-  config?: BreadcrumbConfig | null;
-}): react_jsx_runtime5.JSX.Element | null;
-//#endregion
-export { SDKBreadcrumbs as t };

package/dist/component-generics-VJ70v3jX.d.ts

@@ -1,30 +0,0 @@
-import * as React$1 from "react";
-import * as react_jsx_runtime85 from "react/jsx-runtime";
-
-//#region src/contexts/component-generics.d.ts
-type DeepPartialMap<L> = { [K in keyof L]?: Partial<L[K]> };
-type ComponentsContextType<C, L> = {
-  components: C;
-  language: L;
-};
-declare const useComponentContext: () => ComponentsContextType<any, any>;
-declare function useComponents<C = unknown>(): C;
-declare function customizeComponents<C, L>(defaults: {
-  components: C;
-  language: L;
-}, overrides?: {
-  components?: Partial<C>;
-  language?: DeepPartialMap<L>;
-}): {
-  components: C;
-  language: L;
-};
-declare function ComponentProvider<C, L>({
-  value,
-  children
-}: {
-  value: ComponentsContextType<C, L>;
-  children: React$1.ReactNode;
-}): react_jsx_runtime85.JSX.Element;
-//#endregion
-export { useComponents as a, useComponentContext as i, ComponentsContextType as n, customizeComponents as r, ComponentProvider as t };

package/dist/docs-MVz2XX5s.d.ts

@@ -1,47 +0,0 @@
-import * as React$1 from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-import * as _stainless_sdk_json0 from "@stainless/sdk-json";
-import { LanguageDeclNodes, Spec, SpecLanguage } from "@stainless/sdk-json";
-
-//#region src/contexts/docs.d.ts
-type ContentPanelLayout = 'double-pane' | 'single-pane';
-type PropertySettingsType = {
-  types?: 'simple' | 'rich';
-  includeModelProperties?: boolean;
-  collapseDescription?: boolean;
-  showTitle?: boolean;
-  expandDepth?: number;
-};
-type DocsContextType = {
-  language: SpecLanguage;
-  spec: Spec | null;
-  settings?: {
-    properties?: PropertySettingsType;
-    contentPanelLayout?: ContentPanelLayout;
-    virtualExpanders?: boolean;
-  };
-};
-declare function useDocs(): DocsContextType;
-declare function useSpec(): Spec | null;
-declare function useSettings(): {
-  properties?: PropertySettingsType;
-  contentPanelLayout?: ContentPanelLayout;
-  virtualExpanders?: boolean;
-} | undefined;
-declare function useSnippet(stainlessPath: string, language?: SpecLanguage, variant?: string): string | undefined;
-type Declaration = LanguageDeclNodes[SpecLanguage];
-declare function useDeclaration<Required extends boolean>(stainlessPath: string, required: Required, language?: SpecLanguage): (Required extends true ? never : undefined) | Declaration;
-declare function useResource(name: string): _stainless_sdk_json0.Resource | undefined;
-declare function useLanguage(): "node" | "go" | "python" | "terraform" | "http" | "typescript" | "ruby" | "java" | "kotlin" | "csharp" | "php";
-declare function useContentPanelLayout(): ContentPanelLayout;
-type DocsProviderProps = DocsContextType & {
-  children: React$1.ReactNode;
-};
-declare function DocsProvider({
-  spec,
-  language,
-  settings,
-  children
-}: DocsProviderProps): react_jsx_runtime0.JSX.Element;
-//#endregion
-export { PropertySettingsType as a, useDocs as c, useSettings as d, useSnippet as f, DocsProviderProps as i, useLanguage as l, DocsContextType as n, useContentPanelLayout as o, useSpec as p, DocsProvider as r, useDeclaration as s, ContentPanelLayout as t, useResource as u };