@stainless-api/docs-ui 0.1.0-beta.20 → 0.1.0-beta.21

package/dist/docs-Dh8kE1va.js

@@ -0,0 +1,50 @@
+import * as React$1 from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/contexts/docs.tsx
+const DocsContextDefaults = {
+	settings: {},
+	language: "node",
+	spec: null
+};
+const DocsContext = React$1.createContext(DocsContextDefaults);
+function useDocs() {
+	return React$1.useContext(DocsContext);
+}
+function useSpec() {
+	return useDocs().spec;
+}
+function useSettings() {
+	return useDocs().settings;
+}
+function useSnippet(stainlessPath, language, variant) {
+	const snippetLanguage = [language ?? useLanguage(), variant ?? "default"].join(".");
+	return useSpec()?.snippets?.[snippetLanguage]?.[stainlessPath];
+}
+function useDeclaration(stainlessPath, language) {
+	return useSpec()?.decls?.[language ?? useLanguage()]?.[stainlessPath];
+}
+function useResource(name) {
+	return useSpec()?.resources?.[name];
+}
+function useLanguage() {
+	return useDocs().language;
+}
+function useContentPanelLayout() {
+	return useDocs().settings?.contentPanelLayout ?? "double-pane";
+}
+function DocsProvider({ spec, language, settings, children }) {
+	const value = {
+		...DocsContextDefaults,
+		spec,
+		settings: settings ?? DocsContextDefaults.settings,
+		language: language ?? DocsContextDefaults.language
+	};
+	return /* @__PURE__ */ jsx(DocsContext.Provider, {
+		value,
+		children
+	});
+}
+
+//#endregion
+export { useLanguage as a, useSnippet as c, useDocs as i, useSpec as l, useContentPanelLayout as n, useResource as o, useDeclaration as r, useSettings as s, DocsProvider as t };

package/dist/docs-EUy-wfbA.d.ts

@@ -0,0 +1,43 @@
+import * as React$1 from "react";
+import * as react_jsx_runtime40 from "react/jsx-runtime";
+
+//#region src/contexts/docs.d.ts
+type ContentPanelLayout = 'double-pane' | 'single-pane';
+type PropertySettingsType = {
+  types?: 'simple' | 'rich';
+  includeModelProperties?: boolean;
+  collapseDescription?: boolean;
+  expandDepth?: number;
+};
+type DocsContextType = {
+  language: SDKJSON.SpecLanguage;
+  spec: SDKJSON.Spec | null;
+  settings?: {
+    properties?: PropertySettingsType;
+    contentPanelLayout?: ContentPanelLayout;
+    virtualExpanders?: boolean;
+  };
+};
+declare function useDocs(): DocsContextType;
+declare function useSpec(): SDKJSON.Spec | null;
+declare function useSettings(): {
+  properties?: PropertySettingsType;
+  contentPanelLayout?: ContentPanelLayout;
+  virtualExpanders?: boolean;
+} | undefined;
+declare function useSnippet(stainlessPath: string, language?: SDKJSON.SpecLanguage, variant?: string): any;
+declare function useDeclaration(stainlessPath: string, language?: SDKJSON.SpecLanguage): any;
+declare function useResource(name: string): SDKJSON.Resource | undefined;
+declare function useLanguage(): "node" | "go" | "python" | "terraform" | "http" | "typescript" | "ruby" | "java" | "kotlin";
+declare function useContentPanelLayout(): ContentPanelLayout;
+type DocsProviderProps = DocsContextType & {
+  children: React$1.ReactNode;
+};
+declare function DocsProvider({
+  spec,
+  language,
+  settings,
+  children
+}: DocsProviderProps): react_jsx_runtime40.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 };

package/dist/dropdown-B7VyGMOw.d.ts

@@ -0,0 +1,43 @@
+import * as React$1 from "react";
+import * as react_jsx_runtime31 from "react/jsx-runtime";
+
+//#region src/components/dropdown.d.ts
+declare const Dropdown: ({
+  className,
+  children,
+  ...rest
+}: React$1.HTMLProps<HTMLDivElement>) => react_jsx_runtime31.JSX.Element;
+declare const DropdownTrigger: ({
+  children,
+  withChevron,
+  className,
+  isIcon,
+  ...rest
+}: {
+  children: React$1.ReactNode;
+  withChevron?: boolean;
+  isIcon?: boolean;
+} & (React$1.HTMLProps<HTMLButtonElement> & {
+  type?: "submit" | "reset" | "button";
+})) => react_jsx_runtime31.JSX.Element;
+declare const DropdownMenu: ({
+  position,
+  className,
+  children,
+  ...rest
+}: {
+  position?: "below";
+} & React$1.HTMLProps<HTMLUListElement>) => react_jsx_runtime31.JSX.Element;
+declare const DropdownItem: ({
+  children,
+  className,
+  value,
+  selected,
+  href
+}: React$1.HTMLProps<HTMLLIElement> & {
+  value?: string;
+  selected?: boolean;
+  href?: string;
+}) => react_jsx_runtime31.JSX.Element;
+//#endregion
+export { DropdownTrigger as i, DropdownItem as n, DropdownMenu as r, Dropdown as t };

package/dist/dropdown-DtgAi6lb.js

@@ -0,0 +1,62 @@
+import { t as style_default } from "./style-rYbbxIR_.js";
+import "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { ChevronsUpDown } from "lucide-react";
+import clsx from "clsx";
+
+//#region src/components/dropdown.tsx
+const Dropdown = ({ className, children,...rest }) => {
+	return /* @__PURE__ */ jsx("div", {
+		...rest,
+		className: `${style_default.Dropdown} ${className ?? ""}`,
+		children
+	});
+};
+const DropdownTrigger = ({ children, withChevron, className, isIcon,...rest }) => {
+	return /* @__PURE__ */ jsxs("button", {
+		className: `${style_default.Button} ${style_default.ButtonSecondary} ${style_default.DropdownTrigger} ${isIcon ? style_default.ButtonIcon : ""} ${className ?? ""}`,
+		"aria-haspopup": "listbox",
+		...rest,
+		children: [/* @__PURE__ */ jsx("div", {
+			className: style_default.DropdownTriggerContent,
+			children
+		}), withChevron && /* @__PURE__ */ jsx("span", {
+			className: style_default.DropdownChevron,
+			children: /* @__PURE__ */ jsx(ChevronsUpDown, { size: 16 })
+		})]
+	});
+};
+const DropdownMenu = ({ position, className, children,...rest }) => {
+	return /* @__PURE__ */ jsx("ul", {
+		className: `${style_default.DropdownMenu} ${position ?? ""} ${className ?? ""}`,
+		...rest,
+		children
+	});
+};
+const DropdownItem = ({ children, className, value, selected, href }) => {
+	const inner = /* @__PURE__ */ jsxs(Fragment$1, { children: [children, /* @__PURE__ */ jsx("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: "24",
+		height: "24",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		className: "lucide lucide-check-icon lucide-check",
+		children: /* @__PURE__ */ jsx("path", { d: "M20 6 9 17l-5-5" })
+	})] });
+	return /* @__PURE__ */ jsx("li", {
+		className: clsx(style_default.DropdownItem, className, selected && "selected", href && style_default.DropdownItemLink),
+		role: "option",
+		"data-dropdown-value": value,
+		children: href ? /* @__PURE__ */ jsx("a", {
+			href,
+			children: inner
+		}) : inner
+	});
+};
+
+//#endregion
+export { DropdownTrigger as i, DropdownItem as n, DropdownMenu as r, Dropdown as t };