@clarify-labs/renderer 0.7.0 → 0.7.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/output/{OpenApiOperation-ZXToVSFC.cjs → OpenApiOperation-C4xZu4i0.cjs} +69 -65
- package/output/OpenApiOperation-C4xZu4i0.cjs.map +1 -0
- package/output/{OpenApiOperation-CWSOhUVa.js → OpenApiOperation-LIL7bqxW.js} +48 -44
- package/output/OpenApiOperation-LIL7bqxW.js.map +1 -0
- package/output/{shell-xxhV0p7k.cjs → PageActions-1RDCHcUY.cjs} +280 -308
- package/output/PageActions-1RDCHcUY.cjs.map +1 -0
- package/output/{shell-CumiARRe.js → PageActions-yoDRjkq8.js} +235 -263
- package/output/PageActions-yoDRjkq8.js.map +1 -0
- package/output/{ThemeRoot-C_ZdzSMu.js → ThemeRoot-CLa0yvRQ.js} +406 -53
- package/output/ThemeRoot-CLa0yvRQ.js.map +1 -0
- package/output/{ThemeRoot-CEvwrGp5.cjs → ThemeRoot-DYS-lcK-.cjs} +457 -80
- package/output/ThemeRoot-DYS-lcK-.cjs.map +1 -0
- package/output/app/AppShell.d.ts +3 -2
- package/output/app/PageActions.d.ts +12 -0
- package/output/app/PageBanner.d.ts +7 -0
- package/output/app/SectionProvider.d.ts +1 -0
- package/output/client.cjs +14 -7
- package/output/client.d.ts +4 -2
- package/output/client.js +4 -4
- package/output/context.d.ts +1 -1
- package/output/core/context.d.ts +5 -5
- package/output/core/index.d.ts +1 -1
- package/output/core/types.d.ts +70 -61
- package/output/index.cjs +56 -28
- package/output/index.cjs.map +1 -1
- package/output/index.d.ts +7 -5
- package/output/index.js +37 -12
- package/output/index.js.map +1 -1
- package/output/mdx/components.d.ts +1 -0
- package/output/mdx/primitives.d.ts +1 -0
- package/output/preview.cjs +7 -7
- package/output/preview.cjs.map +1 -1
- package/output/preview.js +4 -4
- package/output/preview.js.map +1 -1
- package/output/{render-zHU25Nm9.cjs → render-CRTqZzyY.cjs} +8 -7
- package/output/render-CRTqZzyY.cjs.map +1 -0
- package/output/{render-CnUd0XwZ.js → render-D0ls3d2j.js} +6 -5
- package/output/render-D0ls3d2j.js.map +1 -0
- package/output/renderer.css +365 -261
- package/output/server.cjs +8 -7
- package/output/server.cjs.map +1 -1
- package/output/server.js +5 -4
- package/output/server.js.map +1 -1
- package/output/shell/ContentActions.d.ts +0 -1
- package/output/shell/Header.d.ts +3 -2
- package/output/shell/SiteLogo.d.ts +2 -2
- package/output/shell/mobile.d.ts +2 -2
- package/output/theme/ThemeEditor.d.ts +53 -17
- package/output/theme/ThemeProvider.d.ts +2 -1
- package/output/theme/ThemeRoot.d.ts +2 -2
- package/output/theme/cookies.d.ts +11 -0
- package/output/theme/randomTheme.d.ts +2 -2
- package/output/theme/variables.d.ts +58 -20
- package/output/utils/href.d.ts +3 -3
- package/package.json +1 -1
- package/output/OpenApiOperation-CWSOhUVa.js.map +0 -1
- package/output/OpenApiOperation-ZXToVSFC.cjs.map +0 -1
- package/output/ThemeRoot-CEvwrGp5.cjs.map +0 -1
- package/output/ThemeRoot-C_ZdzSMu.js.map +0 -1
- package/output/render-CnUd0XwZ.js.map +0 -1
- package/output/render-zHU25Nm9.cjs.map +0 -1
- package/output/shell-CumiARRe.js.map +0 -1
- package/output/shell-xxhV0p7k.cjs.map +0 -1
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { C as isExternalHref, D as useBuiltInText, E as copyTextToClipboard, M as
|
|
1
|
+
import { C as isExternalHref, D as useBuiltInText, E as copyTextToClipboard, M as useLocale, c as remToPx, j as useConfig, l as lucideIconRegistry, n as PageTitleActions, s as useSectionStore, u as resolveLucideIconName, w as localizeHref } from "./PageActions-yoDRjkq8.js";
|
|
2
2
|
import { t as markdownRemarkPlugins } from "./remark-Dd2WU50s.js";
|
|
3
3
|
import clsx from "clsx";
|
|
4
4
|
import { Children, createContext, createElement, forwardRef, isValidElement, useContext, useEffect, useId, useLayoutEffect, useRef, useState } from "react";
|
|
5
5
|
import { Link } from "react-router-dom";
|
|
6
6
|
import { Listbox, ListboxButton, ListboxOption, ListboxOptions, Tab, TabGroup, TabList, TabPanel, TabPanels, Transition } from "@headlessui/react";
|
|
7
|
-
import { AlertTriangle, ArrowRight, CheckCircle2, CheckIcon, ChevronDown, ChevronDownIcon, ChevronRight, ChevronsUpDownIcon, CircleCheck, Clipboard, ClipboardIcon, CodeIcon, Info, Lightbulb, LinkIcon, LockKeyholeIcon, PackageIcon, ServerIcon, UnlockKeyholeIcon, XCircle } from "lucide-react";
|
|
7
|
+
import { AlertTriangle, ArrowRight, Check, CheckCircle2, CheckIcon, ChevronDown, ChevronDownIcon, ChevronRight, ChevronsUpDownIcon, CircleCheck, Clipboard, ClipboardIcon, CodeIcon, Info, Lightbulb, LinkIcon, LockKeyholeIcon, PackageIcon, ServerIcon, UnlockKeyholeIcon, XCircle } from "lucide-react";
|
|
8
8
|
import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
|
|
9
9
|
import { useInView } from "framer-motion";
|
|
10
10
|
import { create } from "zustand";
|
|
@@ -25,7 +25,7 @@ var __exportAll = (all, no_symbols) => {
|
|
|
25
25
|
//#endregion
|
|
26
26
|
//#region source/components/LocalizedLink.tsx
|
|
27
27
|
function useLocalizedHref(href) {
|
|
28
|
-
return localizeHref(href,
|
|
28
|
+
return localizeHref(href, useConfig(), useLocale());
|
|
29
29
|
}
|
|
30
30
|
function LocalizedLink(arg0) {
|
|
31
31
|
const { href, ...props } = arg0;
|
|
@@ -247,38 +247,30 @@ function CopyButton(arg0) {
|
|
|
247
247
|
return () => window.clearTimeout(timeout);
|
|
248
248
|
}, [copyCount]);
|
|
249
249
|
if (!code) return null;
|
|
250
|
-
return /* @__PURE__ */
|
|
250
|
+
return /* @__PURE__ */ jsx("button", {
|
|
251
251
|
type: "button",
|
|
252
|
-
className: clsx("clarify-code-copy group/button absolute top-3.5 right-4 overflow-hidden rounded-full py-1 pr-3 pl-2 text-2xs font-medium opacity-
|
|
252
|
+
className: clsx("clarify-code-copy group/button absolute top-3.5 right-4 inline-flex items-center gap-1 overflow-hidden rounded-full border border-(--clarify-code-border) py-1 pr-3 pl-2 text-2xs font-medium whitespace-nowrap opacity-100 shadow-sm backdrop-blur-sm transition sm:opacity-0 sm:group-hover:opacity-100 focus:opacity-100", copied ? "clarify-code-copy-copied text-(--clarify-code-text)" : "bg-(--clarify-code-control-background) text-(--clarify-code-text) hover:bg-(--clarify-code-control-background-hover)"),
|
|
253
253
|
onClick: () => {
|
|
254
254
|
copyTextToClipboard(code).then((ok) => {
|
|
255
255
|
if (ok) setCopyCount((count) => count + 1);
|
|
256
256
|
});
|
|
257
257
|
},
|
|
258
|
-
children: [/* @__PURE__ */ jsxs("
|
|
259
|
-
"aria-hidden": copied,
|
|
260
|
-
className: clsx("pointer-events-none flex items-center gap-0.5 text-zinc-400 transition duration-300", copied && "-translate-y-1.5 opacity-0"),
|
|
261
|
-
children: [/* @__PURE__ */ jsx(Clipboard, { className: "h-5 w-5 stroke-zinc-500 transition-colors group-hover/button:stroke-zinc-400" }), t("actions.copy")]
|
|
262
|
-
}), /* @__PURE__ */ jsx("span", {
|
|
263
|
-
"aria-hidden": !copied,
|
|
264
|
-
className: clsx("pointer-events-none absolute inset-0 flex items-center justify-center text-(--clarify-theme-tokens-colors-primary) transition duration-300", !copied && "translate-y-1.5 opacity-0"),
|
|
265
|
-
children: t("actions.copied")
|
|
266
|
-
})]
|
|
258
|
+
children: copied ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Check, { className: "h-3.5 w-3.5 stroke-(--clarify-theme-tokens-colors-primary)" }), t("actions.copied")] }) : /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Clipboard, { className: "h-3.5 w-3.5 stroke-(--clarify-code-muted) transition-colors group-hover/button:stroke-(--clarify-code-text)" }), t("actions.copy")] })
|
|
267
259
|
});
|
|
268
260
|
}
|
|
269
261
|
function CodePanelHeader(arg0) {
|
|
270
262
|
const { tag, label } = arg0;
|
|
271
263
|
if (!tag && !label) return null;
|
|
272
264
|
return /* @__PURE__ */ jsxs("div", {
|
|
273
|
-
className: "clarify-code-panel-header flex h-9 items-center gap-2 border-y border-
|
|
265
|
+
className: "clarify-code-panel-header flex h-9 items-center gap-2 border-y border-(--clarify-code-border) border-t-transparent bg-(--clarify-code-background) px-4",
|
|
274
266
|
children: [
|
|
275
267
|
tag ? /* @__PURE__ */ jsx("span", {
|
|
276
268
|
className: "clarify-code-panel-tag font-semibold text-(--clarify-theme-tokens-colors-primary)",
|
|
277
269
|
children: tag
|
|
278
270
|
}) : null,
|
|
279
|
-
tag && label ? /* @__PURE__ */ jsx("span", { className: "h-0.5 w-0.5 rounded-full bg-
|
|
271
|
+
tag && label ? /* @__PURE__ */ jsx("span", { className: "h-0.5 w-0.5 rounded-full bg-(--clarify-code-faint)" }) : null,
|
|
280
272
|
label ? /* @__PURE__ */ jsx("span", {
|
|
281
|
-
className: "text-xs text-
|
|
273
|
+
className: "truncate text-xs text-(--clarify-code-muted)",
|
|
282
274
|
children: label
|
|
283
275
|
}) : null
|
|
284
276
|
]
|
|
@@ -296,14 +288,14 @@ function CodePanel(arg0) {
|
|
|
296
288
|
}
|
|
297
289
|
const copyText = code ?? getNodeText(children);
|
|
298
290
|
return /* @__PURE__ */ jsxs("div", {
|
|
299
|
-
className: "clarify-code-panel group
|
|
291
|
+
className: "clarify-code-panel group bg-(--clarify-code-background)",
|
|
300
292
|
children: [/* @__PURE__ */ jsx(CodePanelHeader, {
|
|
301
293
|
tag,
|
|
302
294
|
label
|
|
303
295
|
}), /* @__PURE__ */ jsxs("div", {
|
|
304
296
|
className: "relative",
|
|
305
297
|
children: [/* @__PURE__ */ jsx("pre", {
|
|
306
|
-
className: "clarify-code-pre overflow-x-auto p-4 text-xs text-
|
|
298
|
+
className: "clarify-code-pre overflow-x-auto p-4 text-xs text-(--clarify-code-text)",
|
|
307
299
|
children
|
|
308
300
|
}), /* @__PURE__ */ jsx(CopyButton, { code: copyText })]
|
|
309
301
|
})]
|
|
@@ -315,14 +307,14 @@ function CodeGroupHeader(arg0) {
|
|
|
315
307
|
const hasTabs = Children.count(children) > 1;
|
|
316
308
|
if (!title && !hasTabs) return null;
|
|
317
309
|
return /* @__PURE__ */ jsxs("div", {
|
|
318
|
-
className: "clarify-code-group-header flex min-h-(--clarify-code-header-min-height) flex-wrap items-start gap-x-4 border-b border-
|
|
310
|
+
className: "clarify-code-group-header flex min-h-(--clarify-code-header-min-height) flex-wrap items-start gap-x-4 border-b border-(--clarify-code-border) bg-(--clarify-code-header-background) px-4",
|
|
319
311
|
children: [title ? /* @__PURE__ */ jsx("h3", {
|
|
320
|
-
className: "mr-auto pt-3 text-xs font-semibold text-
|
|
312
|
+
className: "mr-auto pt-3 text-xs font-semibold text-(--clarify-code-text)",
|
|
321
313
|
children: title
|
|
322
314
|
}) : null, hasTabs ? /* @__PURE__ */ jsx(TabList, {
|
|
323
315
|
className: "clarify-code-tabs -mb-px flex gap-4 text-xs font-medium",
|
|
324
316
|
children: Children.map(children, (child, childIndex) => /* @__PURE__ */ jsx(Tab, {
|
|
325
|
-
className: clsx("clarify-code-tab border-b py-3 transition data-selected:not-data-focus:outline-hidden", childIndex === selectedIndex ? "border-(--clarify-theme-tokens-colors-primary) text-(--clarify-theme-tokens-colors-primary)" : "border-transparent text-
|
|
317
|
+
className: clsx("clarify-code-tab border-b py-3 transition data-selected:not-data-focus:outline-hidden", childIndex === selectedIndex ? "border-(--clarify-theme-tokens-colors-primary) text-(--clarify-theme-tokens-colors-primary)" : "border-transparent text-(--clarify-code-muted) hover:text-(--clarify-code-text)"),
|
|
326
318
|
children: getPanelTitle({
|
|
327
319
|
...isValidElement(child) ? child.props : {},
|
|
328
320
|
fallbackTitle: t("actions.code")
|
|
@@ -396,7 +388,7 @@ function CodeGroup(arg0) {
|
|
|
396
388
|
fallbackTitle: t("actions.code")
|
|
397
389
|
})) ?? []);
|
|
398
390
|
const hasTabs = Children.count(children) > 1;
|
|
399
|
-
const containerClassName = "clarify-code-group my-6 overflow-hidden rounded-2xl bg-
|
|
391
|
+
const containerClassName = "clarify-code-group my-6 overflow-hidden rounded-2xl bg-(--clarify-code-background) shadow-md ring-1 ring-(--clarify-code-border)";
|
|
400
392
|
const header = /* @__PURE__ */ jsx(CodeGroupHeader, {
|
|
401
393
|
title,
|
|
402
394
|
selectedIndex: tabGroupProps.selectedIndex,
|
|
@@ -457,7 +449,7 @@ function Collapse(arg0) {
|
|
|
457
449
|
setMaxHeight(open ? `${contentRef.current.scrollHeight}px` : "0px");
|
|
458
450
|
}, [open, children]);
|
|
459
451
|
return /* @__PURE__ */ jsxs("div", {
|
|
460
|
-
className: clsx("clarify-collapse my-6 overflow-hidden rounded-(--clarify-theme-tokens-radius-xl) border border-(--clarify-theme-tokens-colors-border) bg-(--clarify-theme-tokens-colors-surface)
|
|
452
|
+
className: clsx("clarify-collapse my-6 overflow-hidden rounded-(--clarify-theme-tokens-radius-xl) border border-(--clarify-theme-tokens-colors-border) bg-(--clarify-theme-tokens-colors-surface)", className),
|
|
461
453
|
...props,
|
|
462
454
|
children: [/* @__PURE__ */ jsxs("button", {
|
|
463
455
|
type: "button",
|
|
@@ -826,6 +818,7 @@ var primitives_exports = /* @__PURE__ */ __exportAll({
|
|
|
826
818
|
WebFrame: () => WebFrame,
|
|
827
819
|
a: () => a,
|
|
828
820
|
code: () => code,
|
|
821
|
+
h1: () => h1,
|
|
829
822
|
h2: () => h2,
|
|
830
823
|
h3: () => h3,
|
|
831
824
|
pre: () => pre,
|
|
@@ -834,7 +827,7 @@ var primitives_exports = /* @__PURE__ */ __exportAll({
|
|
|
834
827
|
function wrapper(arg0) {
|
|
835
828
|
const { children } = arg0;
|
|
836
829
|
return /* @__PURE__ */ jsx("article", {
|
|
837
|
-
className: "clarify-mdx-page flex h-full flex-col pt-
|
|
830
|
+
className: "clarify-mdx-page flex h-full flex-col pt-14 pb-10",
|
|
838
831
|
children: /* @__PURE__ */ jsx(Prose, {
|
|
839
832
|
className: "flex-auto",
|
|
840
833
|
children
|
|
@@ -848,6 +841,17 @@ function a(arg0) {
|
|
|
848
841
|
...props
|
|
849
842
|
});
|
|
850
843
|
}
|
|
844
|
+
function h1(arg0) {
|
|
845
|
+
const { children, className, ...props } = arg0;
|
|
846
|
+
return /* @__PURE__ */ jsxs("div", {
|
|
847
|
+
className: "clarify-page-title-row flex flex-col gap-4 pb-4 sm:flex-row sm:items-start sm:justify-between",
|
|
848
|
+
children: [/* @__PURE__ */ jsx("h1", {
|
|
849
|
+
className: clsx("clarify-page-title min-w-0 flex-1", className),
|
|
850
|
+
...props,
|
|
851
|
+
children
|
|
852
|
+
}), /* @__PURE__ */ jsx(PageTitleActions, {})]
|
|
853
|
+
});
|
|
854
|
+
}
|
|
851
855
|
var code = Code;
|
|
852
856
|
var pre = Pre;
|
|
853
857
|
function h2(props) {
|
|
@@ -1552,26 +1556,26 @@ function SelectControl(arg0) {
|
|
|
1552
1556
|
className: wrapperClassName,
|
|
1553
1557
|
children: [/* @__PURE__ */ jsxs(ListboxButton, {
|
|
1554
1558
|
"aria-label": label,
|
|
1555
|
-
className: `clarify-api-select-button flex ${buttonSizeClassName} items-center justify-between gap-2 rounded-lg bg-
|
|
1559
|
+
className: `clarify-api-select-button flex ${buttonSizeClassName} items-center justify-between gap-2 rounded-lg bg-(--clarify-code-control-background) px-2 py-1 text-xs font-medium whitespace-nowrap text-(--clarify-code-text) outline-hidden transition hover:bg-(--clarify-code-control-background-hover) focus:ring-2 focus:ring-(--clarify-ui-accent-border) data-open:bg-(--clarify-code-control-background-hover) data-open:ring-2 data-open:ring-(--clarify-ui-accent-border)`,
|
|
1556
1560
|
children: [/* @__PURE__ */ jsxs("span", {
|
|
1557
1561
|
className: "flex min-w-0 items-center gap-1.5 overflow-hidden",
|
|
1558
1562
|
children: [icon ? /* @__PURE__ */ jsx("span", {
|
|
1559
|
-
className: "shrink-0 text-
|
|
1563
|
+
className: "shrink-0 text-(--clarify-code-faint)",
|
|
1560
1564
|
children: icon
|
|
1561
1565
|
}) : null, /* @__PURE__ */ jsx("span", {
|
|
1562
1566
|
className: "truncate",
|
|
1563
1567
|
children: selectedOption?.label ?? value
|
|
1564
1568
|
})]
|
|
1565
1569
|
}), /* @__PURE__ */ jsx(ChevronsUpDownIcon, {
|
|
1566
|
-
className: "h-3.5 w-3.5 shrink-0 text-
|
|
1570
|
+
className: "h-3.5 w-3.5 shrink-0 text-(--clarify-code-faint)",
|
|
1567
1571
|
"aria-hidden": "true"
|
|
1568
1572
|
})]
|
|
1569
1573
|
}), /* @__PURE__ */ jsx(ListboxOptions, {
|
|
1570
1574
|
anchor: "bottom end",
|
|
1571
|
-
className: "clarify-api-select-options z-30 mt-1 max-h-64 w-max min-w-(--button-width) max-w-(--clarify-popover-max-width) overflow-auto rounded-xl bg-
|
|
1575
|
+
className: "clarify-api-select-options z-30 mt-1 max-h-64 w-max min-w-(--button-width) max-w-(--clarify-popover-max-width) overflow-auto rounded-xl bg-(--clarify-code-surface) p-1 text-xs shadow-lg shadow-black/20 ring-1 ring-(--clarify-code-border) [--anchor-gap:--spacing(1)] focus:outline-none",
|
|
1572
1576
|
children: normalizedOptions.map((option) => /* @__PURE__ */ jsxs(ListboxOption, {
|
|
1573
1577
|
value: option.value,
|
|
1574
|
-
className: "clarify-api-select-option group flex cursor-default items-center justify-between gap-3 rounded-lg px-2.5 py-2 text-xs whitespace-nowrap text-
|
|
1578
|
+
className: "clarify-api-select-option group flex cursor-default items-center justify-between gap-3 rounded-lg px-2.5 py-2 text-xs whitespace-nowrap text-(--clarify-code-muted) select-none data-focus:bg-(--clarify-code-control-background-hover) data-focus:text-(--clarify-code-text) data-selected:text-(--clarify-theme-tokens-colors-primary)",
|
|
1575
1579
|
children: [/* @__PURE__ */ jsx("span", { children: option.label }), /* @__PURE__ */ jsx(CheckIcon, {
|
|
1576
1580
|
className: "h-3.5 w-3.5 shrink-0 opacity-0 group-data-selected:opacity-100",
|
|
1577
1581
|
"aria-hidden": "true"
|
|
@@ -1657,12 +1661,12 @@ function CopyCodeButton(arg0) {
|
|
|
1657
1661
|
window.setTimeout(() => setCopied(false), 1e3);
|
|
1658
1662
|
});
|
|
1659
1663
|
},
|
|
1660
|
-
className: "flex items-center gap-1.5 rounded-full bg-
|
|
1664
|
+
className: "flex items-center gap-1.5 rounded-full bg-(--clarify-code-control-background) px-2.5 py-1.5 text-2xs font-medium text-(--clarify-code-muted) transition hover:bg-(--clarify-code-control-background-hover) hover:text-(--clarify-code-text) focus:bg-(--clarify-code-control-background-hover) focus:text-(--clarify-code-text)",
|
|
1661
1665
|
children: [copied ? /* @__PURE__ */ jsx(CheckIcon, {
|
|
1662
|
-
className: "h-3.5 w-3.5 text-
|
|
1666
|
+
className: "h-3.5 w-3.5 text-(--clarify-theme-tokens-colors-primary)",
|
|
1663
1667
|
"aria-hidden": "true"
|
|
1664
1668
|
}) : /* @__PURE__ */ jsx(ClipboardIcon, {
|
|
1665
|
-
className: "h-3.5 w-3.5 text-
|
|
1669
|
+
className: "h-3.5 w-3.5 text-(--clarify-code-faint)",
|
|
1666
1670
|
"aria-hidden": "true"
|
|
1667
1671
|
}), /* @__PURE__ */ jsx("span", { children: copied ? t("actions.copied") : t("actions.copy") })]
|
|
1668
1672
|
});
|
|
@@ -1712,16 +1716,16 @@ function CodeToolbar(arg0) {
|
|
|
1712
1716
|
function ApiExampleCodeGroup(arg0) {
|
|
1713
1717
|
const { title, tag, tagOptions, onSelectTag, label, labelOptions, onSelectLabel, comfortableMeta = false, code, language, mediaTypes, selectedMediaType, onSelectMediaType, examples, selectedExampleKey, onSelectExample, languageOptions, selectedLanguageKey, onSelectLanguage, clientOptions, selectedClientKey, onSelectClient } = arg0;
|
|
1714
1718
|
const t = useBuiltInText();
|
|
1715
|
-
const metaClassName = comfortableMeta ? "flex min-h-11 min-w-0 items-center gap-2 border-y border-
|
|
1719
|
+
const metaClassName = comfortableMeta ? "flex min-h-11 min-w-0 items-center gap-2 border-y border-(--clarify-code-border) border-t-transparent bg-(--clarify-code-background) px-4 py-2" : "flex h-9 min-w-0 items-center gap-2 border-y border-(--clarify-code-border) border-t-transparent bg-(--clarify-code-background) px-4";
|
|
1716
1720
|
return /* @__PURE__ */ jsx("div", {
|
|
1717
|
-
className: "clarify-api-example my-6 overflow-hidden rounded-2xl bg-
|
|
1721
|
+
className: "clarify-api-example my-6 overflow-hidden rounded-2xl bg-(--clarify-code-background) shadow-md ring-1 ring-(--clarify-code-border)",
|
|
1718
1722
|
children: /* @__PURE__ */ jsxs("div", {
|
|
1719
1723
|
className: "not-prose",
|
|
1720
1724
|
children: [
|
|
1721
1725
|
/* @__PURE__ */ jsxs("div", {
|
|
1722
|
-
className: "clarify-api-example-header flex min-h-(--clarify-code-header-min-height) items-center gap-3 border-b border-
|
|
1726
|
+
className: "clarify-api-example-header flex min-h-(--clarify-code-header-min-height) items-center gap-3 border-b border-(--clarify-code-border) bg-(--clarify-code-header-background) px-4 py-2",
|
|
1723
1727
|
children: [/* @__PURE__ */ jsx("h3", {
|
|
1724
|
-
className: "mr-auto min-w-16 truncate py-1 text-xs font-semibold text-
|
|
1728
|
+
className: "mr-auto min-w-16 truncate py-1 text-xs font-semibold text-(--clarify-code-text)",
|
|
1725
1729
|
children: title
|
|
1726
1730
|
}), /* @__PURE__ */ jsxs("div", {
|
|
1727
1731
|
className: "ml-auto flex min-w-0 items-center gap-2 whitespace-nowrap",
|
|
@@ -1753,18 +1757,18 @@ function ApiExampleCodeGroup(arg0) {
|
|
|
1753
1757
|
onChange: onSelectTag,
|
|
1754
1758
|
className: "clarify-api-example-status font-semibold text-emerald-400"
|
|
1755
1759
|
}) : null,
|
|
1756
|
-
tag && label ? /* @__PURE__ */ jsx("span", { className: "h-0.5 w-0.5 shrink-0 rounded-full bg-
|
|
1760
|
+
tag && label ? /* @__PURE__ */ jsx("span", { className: "h-0.5 w-0.5 shrink-0 rounded-full bg-(--clarify-code-faint)" }) : null,
|
|
1757
1761
|
label ? /* @__PURE__ */ jsx(ExampleMetaValue, {
|
|
1758
1762
|
label: t("openapi.mediaType"),
|
|
1759
1763
|
value: label,
|
|
1760
1764
|
options: labelOptions,
|
|
1761
1765
|
onChange: onSelectLabel,
|
|
1762
|
-
className: "min-w-0 truncate text-xs text-
|
|
1766
|
+
className: "min-w-0 truncate text-xs text-(--clarify-code-muted)"
|
|
1763
1767
|
}) : null
|
|
1764
1768
|
]
|
|
1765
1769
|
}) : null,
|
|
1766
1770
|
/* @__PURE__ */ jsxs("div", {
|
|
1767
|
-
className: "clarify-api-example-code group relative",
|
|
1771
|
+
className: "clarify-api-example-code group relative bg-(--clarify-code-background)",
|
|
1768
1772
|
children: [/* @__PURE__ */ jsx(CodeToolbar, {
|
|
1769
1773
|
code,
|
|
1770
1774
|
languageOptions,
|
|
@@ -1774,7 +1778,7 @@ function ApiExampleCodeGroup(arg0) {
|
|
|
1774
1778
|
selectedClientKey,
|
|
1775
1779
|
onSelectClient
|
|
1776
1780
|
}), /* @__PURE__ */ jsx("pre", {
|
|
1777
|
-
className: `max-h-128 overflow-auto overscroll-contain p-4 text-xs text-
|
|
1781
|
+
className: `max-h-128 overflow-auto overscroll-contain p-4 text-xs text-(--clarify-code-text) ${languageOptions && languageOptions.length > 1 ? "pt-14" : ""}`,
|
|
1778
1782
|
children: /* @__PURE__ */ jsx("code", {
|
|
1779
1783
|
className: `language-${language}`,
|
|
1780
1784
|
children: code
|
|
@@ -2218,7 +2222,7 @@ function ServerUrlValue(arg0) {
|
|
|
2218
2222
|
"aria-expanded": open,
|
|
2219
2223
|
"aria-label": "Server",
|
|
2220
2224
|
onClick: onToggle,
|
|
2221
|
-
className: clsx("flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-(--clarify-ui-subtle-background) text-(--clarify-ui-text-
|
|
2225
|
+
className: clsx("flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-(--clarify-ui-subtle-background) text-(--clarify-ui-text-foreground) transition hover:bg-(--clarify-ui-hover-background) hover:text-(--clarify-theme-tokens-colors-foreground) sm:w-auto sm:min-w-16 sm:max-w-(--clarify-server-url-max-width) sm:px-1.5", open ? "bg-(--clarify-ui-active-background) text-(--clarify-theme-tokens-colors-foreground)" : null),
|
|
2222
2226
|
children: [/* @__PURE__ */ jsx("span", {
|
|
2223
2227
|
className: "sm:hidden",
|
|
2224
2228
|
children: /* @__PURE__ */ jsx(ServerIcon, {
|
|
@@ -2228,7 +2232,7 @@ function ServerUrlValue(arg0) {
|
|
|
2228
2232
|
}), /* @__PURE__ */ jsxs("span", {
|
|
2229
2233
|
className: "hidden min-w-0 items-center gap-1 overflow-hidden sm:flex",
|
|
2230
2234
|
children: [/* @__PURE__ */ jsx("span", {
|
|
2231
|
-
className: "truncate text-xs",
|
|
2235
|
+
className: "truncate font-semibold text-xs",
|
|
2232
2236
|
children: url
|
|
2233
2237
|
}), /* @__PURE__ */ jsx(ChevronDownIcon, {
|
|
2234
2238
|
className: "h-3.5 w-3.5 shrink-0 text-zinc-400",
|
|
@@ -2535,4 +2539,4 @@ function OpenApiOperation(arg0) {
|
|
|
2535
2539
|
//#endregion
|
|
2536
2540
|
export { Code as C, CardGroup as D, Card as E, Callout as O, Collapse as S, Pre as T, HeroPattern as _, authPlaceholder as a, Tag as b, getServerKey as c, getRequestBody$1 as d, Markdown as f, GridPattern as g, Prose as h, ResponseExamplesPanel as i, Button as k, getServers as l, WebFrame as m, OpenApiOperation as n, defaultServerVariables as o, primitives_exports as p, RequestExamplesPanel as r, getAuthOptions as s, EndpointIdentity as t, getMediaTypeEntries as u, Logo as v, CodeGroup as w, Feedback as x, Heading as y };
|
|
2537
2541
|
|
|
2538
|
-
//# sourceMappingURL=OpenApiOperation-
|
|
2542
|
+
//# sourceMappingURL=OpenApiOperation-LIL7bqxW.js.map
|