@stainless-api/docs-ui 0.1.0-beta.63 → 0.1.0-beta.64

package/dist/styles/sidebar.css

@@ -68,10 +68,14 @@
 
   .stldocs-expander-summary,
   .stldocs-sidebar-entry-link a {
-    cursor: pointer;
     padding: var(--stldocs-sidebar-item-padding-block) var(--stldocs-sidebar-item-padding-inline);
   }
 
+  summary.stldocs-expander-summary,
+  .stldocs-sidebar-entry-link a {
+    cursor: pointer;
+  }
+
   .stldocs-sidebar-entry-link a:hover {
     color: var(--stl-color-foreground);
   }
@@ -105,7 +109,7 @@
   .stldocs-sidebar-entry-group:has(> a:is(:hover, [aria-current='page']))
     > .stldocs-sidebar-expander
     > .stldocs-expander-summary,
-  .stldocs-expander-summary:hover {
+  summary.stldocs-expander-summary:hover {
     background-color: var(--stl-color-background-hover);
   }
 
@@ -122,130 +126,62 @@
   .stldocs-sidebar-list .stldocs-sidebar-list .stldocs-sidebar-entry {
     border-inline-start: 1px solid var(--stl-color-border-faint);
     margin-inline-start: var(--stldocs-sidebar-indent);
-    &:has(> a[aria-current='page']) {
+
+    > a[aria-current='page'] {
       border-inline-start: 2px solid var(--stl-color-accent-border-strong);
-      & > a {
-        margin-left: -1px;
-      }
+      margin-left: -1px;
     }
   }
 
-  /* Method & resource icons. */
-
-  a[data-stldocs-method],
-  a[data-stldocs-resource] {
-    --stldocs-sidebar-icon-size-outer: 18px;
-    --stldocs-sidebar-icon-margin: 8px;
+  /* Icon positioning within links/groups. */
+  .stldocs-sidebar-entry-link > a,
+  .stldocs-sidebar-entry-group > a,
+  .stldocs-sidebar-entry-group .stldocs-expander-summary > span {
+    display: flex;
+    align-items: center;
+    gap: 8px;
   }
-  a[data-stldocs-method] {
-    --stldocs-sidebar-icon-size-inner: 16px;
-    --stldocs-sidebar-icon-color-inverse-background: var(--stldocs-sidebar-icon-color);
 
-    &[data-stldocs-method='get'] {
-      --stldocs-sidebar-icon-color: var(--stl-color-green-foreground);
-      --stldocs-sidebar-icon-color-border: var(--stl-color-green-border);
-      --stldocs-sidebar-icon-color-background: var(--stl-color-green-muted-background);
-      --stldocs-sidebar-icon-color-background-hover: var(--stl-color-green-muted-background-hover);
-      --stldocs-sidebar-icon-color-inverse-background: var(--stl-color-green-inverse-background);
-      --stldocs-sidebar-icon-color-inverse-foreground: var(--stl-color-green-inverse-foreground);
-    }
-    &[data-stldocs-method='post'] {
-      --stldocs-sidebar-icon-color: var(--stl-color-blue-foreground);
-      --stldocs-sidebar-icon-color-border: var(--stl-color-blue-border);
-      --stldocs-sidebar-icon-color-background: var(--stl-color-blue-muted-background);
-      --stldocs-sidebar-icon-color-background-hover: var(--stl-color-blue-muted-background-hover);
-      --stldocs-sidebar-icon-color-inverse-background: var(--stl-color-blue-inverse-background);
-      --stldocs-sidebar-icon-color-inverse-foreground: var(--stl-color-blue-inverse-foreground);
-    }
-    &[data-stldocs-method='patch'],
-    &[data-stldocs-method='put'] {
-      --stldocs-sidebar-icon-color: var(--stl-color-orange-foreground);
-      --stldocs-sidebar-icon-color-border: var(--stl-color-orange-border);
-      --stldocs-sidebar-icon-color-background: var(--stl-color-orange-muted-background);
-      --stldocs-sidebar-icon-color-background-hover: var(--stl-color-orange-muted-background-hover);
-      --stldocs-sidebar-icon-color-inverse-background: var(--stl-color-orange-inverse-background);
-      --stldocs-sidebar-icon-color-inverse-foreground: var(--stl-color-orange-inverse-foreground);
-    }
-    &[data-stldocs-method='delete'] {
-      --stldocs-sidebar-icon-color: var(--stl-color-red-foreground);
-      --stldocs-sidebar-icon-color-border: var(--stl-color-red-border);
-      --stldocs-sidebar-icon-color-background: var(--stl-color-red-muted-background);
-      --stldocs-sidebar-icon-color-background-hover: var(--stl-color-red-muted-background-hover);
-      --stldocs-sidebar-icon-color-inverse-background: var(--stl-color-red-inverse-background);
-      --stldocs-sidebar-icon-color-inverse-foreground: var(--stl-color-red-inverse-foreground);
+  /* Hover/active states for HTTP badges. */
+  a[aria-current='page'] .stl-ui-badge--http {
+    &.stl-ui-badge--http-get {
+      background-color: var(--stl-color-green-inverse-background);
+      color: var(--stl-color-green-inverse-foreground);
     }
 
-    &[data-stldocs-method='get'] {
-      --stldocs-sidebar-icon-url: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 7 7 17"/><path d="M17 17H7V7"/></svg>');
-    }
-    &[data-stldocs-method='post'],
-    &[data-stldocs-method='put'],
-    &[data-stldocs-method='patch'] {
-      --stldocs-sidebar-icon-url: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7 7h10v10"/><path d="M7 17 17 7"/></svg>');
+    &.stl-ui-badge--http-post {
+      background-color: var(--stl-color-blue-inverse-background);
+      color: var(--stl-color-blue-inverse-foreground);
     }
-    &[data-stldocs-method='delete'] {
-      --stldocs-sidebar-icon-url: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg>');
-    }
-  }
 
-  a[data-stldocs-resource] {
-    /* not yet implemented in markup */
-    --stldocs-sidebar-icon-color: var(--stl-color-foreground-muted);
-    --stldocs-sidebar-icon-color-border: var(--stl-color-border);
-    --stldocs-sidebar-icon-color-background: var(--stl-color-faint-background);
-    --stldocs-sidebar-icon-color-background-hover: var(--stl-color-faint-background-hover);
-    --stldocs-sidebar-icon-color-inverse-background: var(--stl-color-inverse-background);
-    --stldocs-sidebar-icon-color-inverse-foreground: var(--stl-color-inverse-foreground);
+    &.stl-ui-badge--http-patch,
+    &.stl-ui-badge--http-put {
+      background-color: var(--stl-color-orange-inverse-background);
+      color: var(--stl-color-orange-inverse-foreground);
+    }
 
-    --stldocs-sidebar-icon-size-inner: 14px;
-    --stldocs-sidebar-icon-url: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M8 3H7a2 2 0 0 0-2 2v5a2 2 0 0 1-2 2 2 2 0 0 1 2 2v5c0 1.1.9 2 2 2h1"/><path d="M16 21h1a2 2 0 0 0 2-2v-5c0-1.1.9-2 2-2a2 2 0 0 1-2-2V5a2 2 0 0 0-2-2h-1"/></svg>');
+    &.stl-ui-badge--http-delete {
+      background-color: var(--stl-color-red-inverse-background);
+      color: var(--stl-color-red-inverse-foreground);
+    }
   }
 
-  a[data-stldocs-method],
-  a[data-stldocs-resource] {
-    display: flex;
-    gap: var(--stldocs-sidebar-icon-margin);
-    align-items: center;
-    position: relative;
-
-    &::before,
-    &::after {
-      content: '';
-      width: var(--stldocs-sidebar-icon-size-outer);
-      height: var(--stldocs-sidebar-icon-size-outer);
-      display: block;
-    }
-    &::before {
-      border-radius: 4px;
-      background-color: var(--stldocs-sidebar-icon-color-background);
-      flex: 0 0 auto;
-      border: 1px solid var(--stldocs-sidebar-icon-color-border, transparent);
+  a:hover:not([aria-current='page']) .stl-ui-badge--http {
+    &.stl-ui-badge--http-get {
+      background-color: var(--stl-color-green-muted-background-hover);
     }
-    /* yuck (we can clean this up once we are changing sidebar markup) */
-    &::after {
-      background-color: var(--stldocs-sidebar-icon-color);
-      mask-image: var(--stldocs-sidebar-icon-url);
-      mask-size: var(--stldocs-sidebar-icon-size-inner) var(--stldocs-sidebar-icon-size-inner);
-      mask-repeat: no-repeat;
-      mask-position: center;
-      position: absolute;
-      left: var(--stldocs-sidebar-item-padding-inline);
-      top: 50%;
-      transform: translateY(-50%);
+
+    &.stl-ui-badge--http-post {
+      background-color: var(--stl-color-blue-muted-background-hover);
     }
 
-    &:hover {
-      &::before {
-        background-color: var(--stldocs-sidebar-icon-color-background-hover);
-      }
+    &.stl-ui-badge--http-patch,
+    &.stl-ui-badge--http-put {
+      background-color: var(--stl-color-orange-muted-background-hover);
     }
-    &[aria-current='page'] {
-      &::before {
-        background-color: var(--stldocs-sidebar-icon-color-inverse-background);
-      }
-      &::after {
-        background-color: var(--stldocs-sidebar-icon-color-inverse-foreground);
-      }
+
+    &.stl-ui-badge--http-delete {
+      background-color: var(--stl-color-red-muted-background-hover);
     }
   }
 }

package/dist/styles.css

@@ -1862,7 +1862,7 @@ a.stl-ui-button {
   .stldocs-resource {
     padding: 2rem 0;
 
-    .stldocs-resource-content {
+    &:not([data-stl-resource-language='terraform']) .stldocs-resource-content {
       max-width: var(--stldocs-content-width);
       margin: auto 0;
     }
@@ -1936,7 +1936,8 @@ a.stl-ui-button {
 }
 
 /* Overview page method summary */
-.stldocs-root .stldocs-overview .stldocs-method-summary {
+.stldocs-root .stldocs-overview .stldocs-method-summary,
+.stldocs-root .stldocs-overview .stldocs-method {
   padding: var(--stldocs-content-padding) 0;
 
   .stldocs-method-header {
@@ -2246,7 +2247,8 @@ a.stl-ui-button {
   }
 }
 
-.stldocs-root .stldocs-method {
+.stldocs-root .stldocs-method,
+.stldocs-root .stldocs-resource-content {
   .stldocs-method-content-column {
     display: contents;
   }
@@ -2357,6 +2359,14 @@ a.stl-ui-button {
     .stldocs-method-parameters h5 {
       margin-left: var(--stldocs-expander-margin-shift);
     }
+
+    .stldocs-terraform-resource-title {
+      font-family: var(--stl-typography-font-mono);
+      font-size: 1.1rem;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
   }
 
   .stldocs-snippet {
@@ -2865,10 +2875,14 @@ a.stl-ui-button {
 
   .stldocs-expander-summary,
   .stldocs-sidebar-entry-link a {
-    cursor: pointer;
     padding: var(--stldocs-sidebar-item-padding-block) var(--stldocs-sidebar-item-padding-inline);
   }
 
+  summary.stldocs-expander-summary,
+  .stldocs-sidebar-entry-link a {
+    cursor: pointer;
+  }
+
   .stldocs-sidebar-entry-link a:hover {
     color: var(--stl-color-foreground);
   }
@@ -2902,7 +2916,7 @@ a.stl-ui-button {
   .stldocs-sidebar-entry-group:has(> a:is(:hover, [aria-current='page']))
     > .stldocs-sidebar-expander
     > .stldocs-expander-summary,
-  .stldocs-expander-summary:hover {
+  summary.stldocs-expander-summary:hover {
     background-color: var(--stl-color-background-hover);
   }
 
@@ -2919,130 +2933,62 @@ a.stl-ui-button {
   .stldocs-sidebar-list .stldocs-sidebar-list .stldocs-sidebar-entry {
     border-inline-start: 1px solid var(--stl-color-border-faint);
     margin-inline-start: var(--stldocs-sidebar-indent);
-    &:has(> a[aria-current='page']) {
+
+    > a[aria-current='page'] {
       border-inline-start: 2px solid var(--stl-color-accent-border-strong);
-      & > a {
-        margin-left: -1px;
-      }
+      margin-left: -1px;
     }
   }
 
-  /* Method & resource icons. */
-
-  a[data-stldocs-method],
-  a[data-stldocs-resource] {
-    --stldocs-sidebar-icon-size-outer: 18px;
-    --stldocs-sidebar-icon-margin: 8px;
+  /* Icon positioning within links/groups. */
+  .stldocs-sidebar-entry-link > a,
+  .stldocs-sidebar-entry-group > a,
+  .stldocs-sidebar-entry-group .stldocs-expander-summary > span {
+    display: flex;
+    align-items: center;
+    gap: 8px;
   }
-  a[data-stldocs-method] {
-    --stldocs-sidebar-icon-size-inner: 16px;
-    --stldocs-sidebar-icon-color-inverse-background: var(--stldocs-sidebar-icon-color);
 
-    &[data-stldocs-method='get'] {
-      --stldocs-sidebar-icon-color: var(--stl-color-green-foreground);
-      --stldocs-sidebar-icon-color-border: var(--stl-color-green-border);
-      --stldocs-sidebar-icon-color-background: var(--stl-color-green-muted-background);
-      --stldocs-sidebar-icon-color-background-hover: var(--stl-color-green-muted-background-hover);
-      --stldocs-sidebar-icon-color-inverse-background: var(--stl-color-green-inverse-background);
-      --stldocs-sidebar-icon-color-inverse-foreground: var(--stl-color-green-inverse-foreground);
-    }
-    &[data-stldocs-method='post'] {
-      --stldocs-sidebar-icon-color: var(--stl-color-blue-foreground);
-      --stldocs-sidebar-icon-color-border: var(--stl-color-blue-border);
-      --stldocs-sidebar-icon-color-background: var(--stl-color-blue-muted-background);
-      --stldocs-sidebar-icon-color-background-hover: var(--stl-color-blue-muted-background-hover);
-      --stldocs-sidebar-icon-color-inverse-background: var(--stl-color-blue-inverse-background);
-      --stldocs-sidebar-icon-color-inverse-foreground: var(--stl-color-blue-inverse-foreground);
-    }
-    &[data-stldocs-method='patch'],
-    &[data-stldocs-method='put'] {
-      --stldocs-sidebar-icon-color: var(--stl-color-orange-foreground);
-      --stldocs-sidebar-icon-color-border: var(--stl-color-orange-border);
-      --stldocs-sidebar-icon-color-background: var(--stl-color-orange-muted-background);
-      --stldocs-sidebar-icon-color-background-hover: var(--stl-color-orange-muted-background-hover);
-      --stldocs-sidebar-icon-color-inverse-background: var(--stl-color-orange-inverse-background);
-      --stldocs-sidebar-icon-color-inverse-foreground: var(--stl-color-orange-inverse-foreground);
-    }
-    &[data-stldocs-method='delete'] {
-      --stldocs-sidebar-icon-color: var(--stl-color-red-foreground);
-      --stldocs-sidebar-icon-color-border: var(--stl-color-red-border);
-      --stldocs-sidebar-icon-color-background: var(--stl-color-red-muted-background);
-      --stldocs-sidebar-icon-color-background-hover: var(--stl-color-red-muted-background-hover);
-      --stldocs-sidebar-icon-color-inverse-background: var(--stl-color-red-inverse-background);
-      --stldocs-sidebar-icon-color-inverse-foreground: var(--stl-color-red-inverse-foreground);
+  /* Hover/active states for HTTP badges. */
+  a[aria-current='page'] .stl-ui-badge--http {
+    &.stl-ui-badge--http-get {
+      background-color: var(--stl-color-green-inverse-background);
+      color: var(--stl-color-green-inverse-foreground);
     }
 
-    &[data-stldocs-method='get'] {
-      --stldocs-sidebar-icon-url: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 7 7 17"/><path d="M17 17H7V7"/></svg>');
-    }
-    &[data-stldocs-method='post'],
-    &[data-stldocs-method='put'],
-    &[data-stldocs-method='patch'] {
-      --stldocs-sidebar-icon-url: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7 7h10v10"/><path d="M7 17 17 7"/></svg>');
-    }
-    &[data-stldocs-method='delete'] {
-      --stldocs-sidebar-icon-url: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg>');
+    &.stl-ui-badge--http-post {
+      background-color: var(--stl-color-blue-inverse-background);
+      color: var(--stl-color-blue-inverse-foreground);
     }
-  }
 
-  a[data-stldocs-resource] {
-    /* not yet implemented in markup */
-    --stldocs-sidebar-icon-color: var(--stl-color-foreground-muted);
-    --stldocs-sidebar-icon-color-border: var(--stl-color-border);
-    --stldocs-sidebar-icon-color-background: var(--stl-color-faint-background);
-    --stldocs-sidebar-icon-color-background-hover: var(--stl-color-faint-background-hover);
-    --stldocs-sidebar-icon-color-inverse-background: var(--stl-color-inverse-background);
-    --stldocs-sidebar-icon-color-inverse-foreground: var(--stl-color-inverse-foreground);
+    &.stl-ui-badge--http-patch,
+    &.stl-ui-badge--http-put {
+      background-color: var(--stl-color-orange-inverse-background);
+      color: var(--stl-color-orange-inverse-foreground);
+    }
 
-    --stldocs-sidebar-icon-size-inner: 14px;
-    --stldocs-sidebar-icon-url: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M8 3H7a2 2 0 0 0-2 2v5a2 2 0 0 1-2 2 2 2 0 0 1 2 2v5c0 1.1.9 2 2 2h1"/><path d="M16 21h1a2 2 0 0 0 2-2v-5c0-1.1.9-2 2-2a2 2 0 0 1-2-2V5a2 2 0 0 0-2-2h-1"/></svg>');
+    &.stl-ui-badge--http-delete {
+      background-color: var(--stl-color-red-inverse-background);
+      color: var(--stl-color-red-inverse-foreground);
+    }
   }
 
-  a[data-stldocs-method],
-  a[data-stldocs-resource] {
-    display: flex;
-    gap: var(--stldocs-sidebar-icon-margin);
-    align-items: center;
-    position: relative;
-
-    &::before,
-    &::after {
-      content: '';
-      width: var(--stldocs-sidebar-icon-size-outer);
-      height: var(--stldocs-sidebar-icon-size-outer);
-      display: block;
-    }
-    &::before {
-      border-radius: 4px;
-      background-color: var(--stldocs-sidebar-icon-color-background);
-      flex: 0 0 auto;
-      border: 1px solid var(--stldocs-sidebar-icon-color-border, transparent);
+  a:hover:not([aria-current='page']) .stl-ui-badge--http {
+    &.stl-ui-badge--http-get {
+      background-color: var(--stl-color-green-muted-background-hover);
     }
-    /* yuck (we can clean this up once we are changing sidebar markup) */
-    &::after {
-      background-color: var(--stldocs-sidebar-icon-color);
-      mask-image: var(--stldocs-sidebar-icon-url);
-      mask-size: var(--stldocs-sidebar-icon-size-inner) var(--stldocs-sidebar-icon-size-inner);
-      mask-repeat: no-repeat;
-      mask-position: center;
-      position: absolute;
-      left: var(--stldocs-sidebar-item-padding-inline);
-      top: 50%;
-      transform: translateY(-50%);
+
+    &.stl-ui-badge--http-post {
+      background-color: var(--stl-color-blue-muted-background-hover);
     }
 
-    &:hover {
-      &::before {
-        background-color: var(--stldocs-sidebar-icon-color-background-hover);
-      }
+    &.stl-ui-badge--http-patch,
+    &.stl-ui-badge--http-put {
+      background-color: var(--stl-color-orange-muted-background-hover);
     }
-    &[aria-current='page'] {
-      &::before {
-        background-color: var(--stldocs-sidebar-icon-color-inverse-background);
-      }
-      &::after {
-        background-color: var(--stldocs-sidebar-icon-color-inverse-foreground);
-      }
+
+    &.stl-ui-badge--http-delete {
+      background-color: var(--stl-color-red-muted-background-hover);
     }
   }
 }

package/dist/terraform-C5niSkCy.js

@@ -0,0 +1,243 @@
+import { t as __exportAll } from "./chunk-BN_g-Awi.js";
+import { i as useDeclaration } from "./docs-6PYi1eEV.js";
+import { n as useLanguageComponents } from "./contexts-DMjqoc7S.js";
+import { t as useComponents } from "./use-components-BUz3GbO4.js";
+import { t as style_default } from "./style-Btdhlyzs.js";
+import "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import { Badge, Callout } from "@stainless-api/ui-primitives";
+
+//#region src/languages/terraform.tsx
+var terraform_exports = /* @__PURE__ */ __exportAll({
+	Declaration: () => Declaration,
+	MethodSignature: () => MethodSignature,
+	Property: () => Property,
+	Resource: () => Resource,
+	TerraformSource: () => TerraformSource,
+	Type: () => Type,
+	TypeName: () => TypeName
+});
+function TypeName({ type }) {
+	return /* @__PURE__ */ jsx(useLanguageComponents().Type, { type });
+}
+function Type({ type }) {
+	const Lang = useLanguageComponents();
+	const { Join } = useComponents();
+	switch (type.category) {
+		case "nested": switch (type.type) {
+			case "ListNested":
+			case "MapNested":
+			case "SetNested": return /* @__PURE__ */ jsxs("span", {
+				className: style_default.Type,
+				children: [
+					/* @__PURE__ */ jsx("span", {
+						className: style_default.TypeArray,
+						children: type.type.replace("Nested", "")
+					}),
+					/* @__PURE__ */ jsx("span", {
+						className: style_default.TypeBracket,
+						children: "["
+					}),
+					/* @__PURE__ */ jsx("span", {
+						className: style_default.TypeReference,
+						children: "Attributes"
+					}),
+					/* @__PURE__ */ jsx("span", {
+						className: style_default.TypeBracket,
+						children: "]"
+					})
+				]
+			});
+			case "SingleNested": return /* @__PURE__ */ jsx("span", {
+				className: style_default.Type,
+				children: /* @__PURE__ */ jsx("span", {
+					className: style_default.TypeReference,
+					children: "Attributes"
+				})
+			});
+			default: return;
+		}
+		case "collection": return /* @__PURE__ */ jsxs("span", {
+			className: style_default.Type,
+			children: [
+				/* @__PURE__ */ jsx("span", {
+					className: style_default.TypeArray,
+					children: type.type
+				}),
+				/* @__PURE__ */ jsx("span", {
+					className: style_default.TypeBracket,
+					children: "["
+				}),
+				/* @__PURE__ */ jsx(Lang.Type, { type: type.elementType }),
+				/* @__PURE__ */ jsx("span", {
+					className: style_default.TypeBracket,
+					children: "]"
+				})
+			]
+		});
+		case "dynamic": {
+			const subtypes = type.allowedSubtypes.length > 0 ? /* @__PURE__ */ jsx(Join, {
+				items: type.allowedSubtypes,
+				children: " | "
+			}) : null;
+			return /* @__PURE__ */ jsx("span", {
+				className: style_default.Type,
+				children: /* @__PURE__ */ jsxs("span", {
+					className: style_default.TypeKeyword,
+					children: ["Dynamic ", subtypes]
+				})
+			});
+		}
+		case "primitive":
+			if (type.type === "String") return /* @__PURE__ */ jsx("span", {
+				className: style_default.Type,
+				children: /* @__PURE__ */ jsx("span", {
+					className: style_default.TypeString,
+					children: "String"
+				})
+			});
+			return /* @__PURE__ */ jsx("span", {
+				className: style_default.Type,
+				children: /* @__PURE__ */ jsx("span", {
+					className: style_default.TypeKeyword,
+					children: type.type
+				})
+			});
+		case "unknown": return /* @__PURE__ */ jsx("span", {
+			className: style_default.Type,
+			children: /* @__PURE__ */ jsx("span", {
+				className: style_default.TypeKeyword,
+				children: "JSON"
+			})
+		});
+	}
+}
+function MethodSignature() {
+	return null;
+}
+const PropGroups = [
+	"required",
+	"optional",
+	"computed"
+];
+function Property({ decl, children }) {
+	if (!decl) return null;
+	switch (decl.kind) {
+		case "TerraformDeclAttribute": return children({ name: decl.name });
+	}
+}
+function TerraformSource({ path, group }) {
+	const Docs = useComponents();
+	const decl = useDeclaration(path, true);
+	if (decl.kind !== "TerraformDeclSource") return;
+	const type = decl.type === "resource" ? "resource" : "data";
+	const badge = type === "resource" ? `success` : `note`;
+	const children = PropGroups.filter((section) => decl[section].length > 0).map((section) => {
+		const propGroupId = `${decl.name}-${section}-${group}`;
+		return /* @__PURE__ */ jsxs("div", {
+			className: style_default.ResourceContentGroup,
+			children: [/* @__PURE__ */ jsxs("h5", {
+				className: style_default.ResourceContentGroupModelTitle,
+				children: [
+					section,
+					" ",
+					/* @__PURE__ */ jsx(Docs.PropertyToggle, { target: propGroupId })
+				]
+			}), /* @__PURE__ */ jsx("div", {
+				className: style_default.ResourceContentProperties,
+				"data-stldocs-property-group": propGroupId,
+				children: /* @__PURE__ */ jsx(Docs.SDKChildren, { paths: decl[section] })
+			})]
+		}, section);
+	});
+	return /* @__PURE__ */ jsx("div", {
+		className: clsx(style_default.Method, style_default.MethodDoublePane),
+		children: /* @__PURE__ */ jsxs("div", {
+			className: style_default.MethodBody,
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: style_default.MethodContentColumn,
+				children: [/* @__PURE__ */ jsxs("h4", {
+					className: style_default.TerraformResourceTitle,
+					children: [
+						/* @__PURE__ */ jsx(Badge, {
+							intent: badge,
+							children: type
+						}),
+						" ",
+						decl.name
+					]
+				}), children]
+			}), /* @__PURE__ */ jsx("div", {
+				className: clsx(style_default.MethodExample, "not-content", "stl-ui-not-prose"),
+				children: /* @__PURE__ */ jsx(Docs.SDKExample, { method: {
+					title: decl.name,
+					stainlessPath: path
+				} })
+			})]
+		})
+	});
+}
+function Declaration({ decl }) {
+	const Lang = useLanguageComponents();
+	if (!decl) return;
+	switch (decl.kind) {
+		case "TerraformDeclAttribute": {
+			const isOptional = decl.configurability === "optional" || decl.configurability === "computed_optional";
+			return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+				/* @__PURE__ */ jsx("span", {
+					className: style_default.TextIdentifier,
+					children: decl.name
+				}),
+				isOptional && /* @__PURE__ */ jsx("span", {
+					className: style_default.TextPunctuation,
+					children: "?"
+				}),
+				/* @__PURE__ */ jsx("span", {
+					className: style_default.TextPunctuation,
+					children: ": "
+				}),
+				/* @__PURE__ */ jsx("span", {
+					className: style_default.TextKeyword,
+					children: /* @__PURE__ */ jsx(Lang.Type, { type: decl.type })
+				})
+			] });
+		}
+		case "TerraformDeclServiceNode": {
+			const { resource, dataSource, listDataSource } = decl;
+			return /* @__PURE__ */ jsxs("div", {
+				className: style_default.Method,
+				children: [
+					resource && /* @__PURE__ */ jsx(TerraformSource, {
+						path: resource,
+						group: "resource"
+					}),
+					dataSource && /* @__PURE__ */ jsx(TerraformSource, {
+						path: dataSource,
+						group: "dataSource"
+					}),
+					listDataSource && /* @__PURE__ */ jsx(TerraformSource, {
+						path: listDataSource,
+						group: "listDataSource"
+					})
+				]
+			});
+		}
+	}
+}
+function Resource({ resource }) {
+	const Lang = useLanguageComponents();
+	const decl = useDeclaration(resource.stainlessPath, false);
+	if (decl) return /* @__PURE__ */ jsx(Lang.Declaration, { decl });
+	return /* @__PURE__ */ jsxs(Callout, {
+		variant: "warning",
+		children: [
+			"The resource ",
+			/* @__PURE__ */ jsx("code", { children: resource.name }),
+			" is not supported in Terraform."
+		]
+	});
+}
+
+//#endregion
+export { TerraformSource as a, terraform_exports as c, Resource as i, MethodSignature as n, Type as o, Property as r, TypeName as s, Declaration as t };