@clarify-labs/renderer 0.11.3 → 0.11.4

package/output/{MermaidViewer-kbSVqJ_z.cjs → MermaidViewer-CPuTNujY.cjs}

@@ -1,5 +1,5 @@
 const require_rolldown_runtime = require("./rolldown-runtime-DakpK96I.cjs");
-const require_i18n = require("./i18n-R08i532P.cjs");
+const require_i18n = require("./i18n-Ds-f-qlT.cjs");
 let clsx = require("clsx");
 clsx = require_rolldown_runtime.__toESM(clsx, 1);
 let react = require("react");
@@ -98,4 +98,4 @@ function MermaidViewer(arg0) {
 exports.MermaidViewer = MermaidViewer;
 exports.default = MermaidViewer;
 
-//# sourceMappingURL=MermaidViewer-kbSVqJ_z.cjs.map
+//# sourceMappingURL=MermaidViewer-CPuTNujY.cjs.map

package/output/{MermaidViewer-kbSVqJ_z.cjs.map → MermaidViewer-CPuTNujY.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"MermaidViewer-kbSVqJ_z.cjs","names":[],"sources":["../source/components/MermaidViewer.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport { Maximize2, ZoomIn, ZoomOut } from 'lucide-react'\nimport { useRef, useState, type ReactNode } from 'react'\nimport { TransformComponent, TransformWrapper, useControls } from 'react-zoom-pan-pinch'\n\nimport { useBuiltInText } from '../core/i18n'\n\ntype MermaidViewerProps = {\n  svg: string\n  className?: string\n}\n\nfunction ZoomControls(): ReactNode {\n  const { zoomIn, zoomOut, resetTransform } = useControls()\n  const t = useBuiltInText()\n\n  const buttonClassName = 'flex h-7 w-7 items-center justify-center rounded-md bg-(--clarify-theme-tokens-colors-surface) text-(--clarify-ui-text-soft) shadow-xs ring-1 ring-(--clarify-theme-tokens-colors-border) transition hover:bg-(--clarify-ui-hover-background) hover:text-(--clarify-theme-tokens-colors-foreground)'\n\n  return (\n    <div className=\"clarify-mermaid-controls absolute top-2 right-2 z-10 flex gap-1 opacity-0 transition group-hover:opacity-100 focus-within:opacity-100\">\n      <button type=\"button\" aria-label={t('mermaid.zoomIn')} title={t('mermaid.zoomIn')} onClick={() => zoomIn()} className={buttonClassName}>\n        <ZoomIn className=\"h-4 w-4\" aria-hidden=\"true\" />\n      </button>\n      <button type=\"button\" aria-label={t('mermaid.zoomOut')} title={t('mermaid.zoomOut')} onClick={() => zoomOut()} className={buttonClassName}>\n        <ZoomOut className=\"h-4 w-4\" aria-hidden=\"true\" />\n      </button>\n      <button type=\"button\" aria-label={t('mermaid.resetZoom')} title={t('mermaid.resetZoom')} onClick={() => resetTransform()} className={buttonClassName}>\n        <Maximize2 className=\"h-4 w-4\" aria-hidden=\"true\" />\n      </button>\n    </div>\n  )\n}\n\nexport function MermaidViewer(arg0: MermaidViewerProps): ReactNode {\n  const { svg, className } = arg0\n\n  const t = useBuiltInText()\n  const containerRef = useRef<HTMLDivElement>(null)\n  const [focused, setFocused] = useState(false)\n\n  return (\n    <div\n      ref={containerRef}\n      tabIndex={0}\n      role=\"group\"\n      onPointerDown={() => containerRef.current?.focus()}\n      onFocus={() => setFocused(true)}\n      onBlur={() => setFocused(false)}\n      className={clsx('clarify-mermaid group not-prose relative my-6 overflow-hidden rounded-2xl border border-(--clarify-theme-tokens-colors-border) bg-(--clarify-theme-tokens-colors-surface) outline-none focus-visible:ring-2 focus-visible:ring-(--clarify-theme-tokens-colors-primary)', className)}\n    >\n      <TransformWrapper\n        minScale={0.5}\n        maxScale={8}\n        initialScale={1}\n        centerOnInit\n        smooth\n        wheel={{ step: 0.05, wheelDisabled: !focused, touchPadDisabled: !focused }}\n        doubleClick={{ mode: 'reset' }}\n      >\n        <ZoomControls />\n        <TransformComponent\n          wrapperClass=\"!w-full !cursor-grab active:!cursor-grabbing\"\n          contentClass=\"!w-full justify-center [&_svg]:h-auto [&_svg]:max-w-full\"\n          wrapperStyle={{ height: 'min(70vh, 32rem)' }}\n        >\n          <div className=\"flex h-full w-full items-center justify-center p-4\" dangerouslySetInnerHTML={{ __html: svg }} />\n        </TransformComponent>\n        <p\n          className={clsx(\n            'clarify-mermaid-hint pointer-events-none absolute bottom-2 left-1/2 z-10 -translate-x-1/2 rounded-full bg-(--clarify-theme-tokens-colors-surface)/90 px-2.5 py-1 text-2xs text-(--clarify-ui-text-soft) shadow-xs ring-1 ring-(--clarify-theme-tokens-colors-border) backdrop-blur-sm transition',\n            focused ? 'opacity-0' : 'opacity-0 group-hover:opacity-100',\n          )}\n        >\n          {t('mermaid.scrollHint')}\n        </p>\n      </TransformWrapper>\n    </div>\n  )\n}\n\nexport default MermaidViewer\n"],"mappings":";;;;;;;;;AAYA,SAAS,eAA0B;CACjC,MAAM,EAAE,QAAQ,SAAS,oBAAA,GAAA,qBAAA,YAAA,CAA+B;CACxD,MAAM,IAAI,aAAA,eAAe;CAEzB,MAAM,kBAAkB;CAExB,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;EAAK,WAAU;YAAf;GACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD;IAAQ,MAAK;IAAS,cAAY,EAAE,gBAAgB;IAAG,OAAO,EAAE,gBAAgB;IAAG,eAAe,OAAO;IAAG,WAAW;cACrH,iBAAA,GAAA,kBAAA,IAAA,CAAC,aAAA,QAAD;KAAQ,WAAU;KAAU,eAAY;IAAQ,CAAA;GAC1C,CAAA;GACR,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD;IAAQ,MAAK;IAAS,cAAY,EAAE,iBAAiB;IAAG,OAAO,EAAE,iBAAiB;IAAG,eAAe,QAAQ;IAAG,WAAW;cACxH,iBAAA,GAAA,kBAAA,IAAA,CAAC,aAAA,SAAD;KAAS,WAAU;KAAU,eAAY;IAAQ,CAAA;GAC3C,CAAA;GACR,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD;IAAQ,MAAK;IAAS,cAAY,EAAE,mBAAmB;IAAG,OAAO,EAAE,mBAAmB;IAAG,eAAe,eAAe;IAAG,WAAW;cACnI,iBAAA,GAAA,kBAAA,IAAA,CAAC,aAAA,WAAD;KAAW,WAAU;KAAU,eAAY;IAAQ,CAAA;GAC7C,CAAA;EACL;;AAET;AAEA,SAAgB,cAAc,MAAqC;CACjE,MAAM,EAAE,KAAK,cAAc;CAE3B,MAAM,IAAI,aAAA,eAAe;CACzB,MAAM,gBAAA,GAAA,MAAA,OAAA,CAAsC,IAAI;CAChD,MAAM,CAAC,SAAS,eAAA,GAAA,MAAA,SAAA,CAAuB,KAAK;CAE5C,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EACE,KAAK;EACL,UAAU;EACV,MAAK;EACL,qBAAqB,aAAa,SAAS,MAAM;EACjD,eAAe,WAAW,IAAI;EAC9B,cAAc,WAAW,KAAK;EAC9B,YAAA,GAAA,KAAA,QAAA,CAAgB,0QAA0Q,SAAS;YAEnS,iBAAA,GAAA,kBAAA,KAAA,CAAC,qBAAA,kBAAD;GACE,UAAU;GACV,UAAU;GACV,cAAc;GACd,cAAA;GACA,QAAA;GACA,OAAO;IAAE,MAAM;IAAM,eAAe,CAAC;IAAS,kBAAkB,CAAC;GAAQ;GACzE,aAAa,EAAE,MAAM,QAAQ;aAP/B;IASE,iBAAA,GAAA,kBAAA,IAAA,CAAC,cAAD,CAAe,CAAA;IACf,iBAAA,GAAA,kBAAA,IAAA,CAAC,qBAAA,oBAAD;KACE,cAAa;KACb,cAAa;KACb,cAAc,EAAE,QAAQ,mBAAmB;eAE3C,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;MAAK,WAAU;MAAqD,yBAAyB,EAAE,QAAQ,IAAI;KAAI,CAAA;IAC7F,CAAA;IACpB,iBAAA,GAAA,kBAAA,IAAA,CAAC,KAAD;KACE,YAAA,GAAA,KAAA,QAAA,CACE,oSACA,UAAU,cAAc,mCAC1B;eAEC,EAAE,oBAAoB;IACtB,CAAA;GACa;;CACf,CAAA;AAET"}
+{"version":3,"file":"MermaidViewer-CPuTNujY.cjs","names":[],"sources":["../source/components/MermaidViewer.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport { Maximize2, ZoomIn, ZoomOut } from 'lucide-react'\nimport { useRef, useState, type ReactNode } from 'react'\nimport { TransformComponent, TransformWrapper, useControls } from 'react-zoom-pan-pinch'\n\nimport { useBuiltInText } from '../core/i18n'\n\ntype MermaidViewerProps = {\n  svg: string\n  className?: string\n}\n\nfunction ZoomControls(): ReactNode {\n  const { zoomIn, zoomOut, resetTransform } = useControls()\n  const t = useBuiltInText()\n\n  const buttonClassName = 'flex h-7 w-7 items-center justify-center rounded-md bg-(--clarify-theme-tokens-colors-surface) text-(--clarify-ui-text-soft) shadow-xs ring-1 ring-(--clarify-theme-tokens-colors-border) transition hover:bg-(--clarify-ui-hover-background) hover:text-(--clarify-theme-tokens-colors-foreground)'\n\n  return (\n    <div className=\"clarify-mermaid-controls absolute top-2 right-2 z-10 flex gap-1 opacity-0 transition group-hover:opacity-100 focus-within:opacity-100\">\n      <button type=\"button\" aria-label={t('mermaid.zoomIn')} title={t('mermaid.zoomIn')} onClick={() => zoomIn()} className={buttonClassName}>\n        <ZoomIn className=\"h-4 w-4\" aria-hidden=\"true\" />\n      </button>\n      <button type=\"button\" aria-label={t('mermaid.zoomOut')} title={t('mermaid.zoomOut')} onClick={() => zoomOut()} className={buttonClassName}>\n        <ZoomOut className=\"h-4 w-4\" aria-hidden=\"true\" />\n      </button>\n      <button type=\"button\" aria-label={t('mermaid.resetZoom')} title={t('mermaid.resetZoom')} onClick={() => resetTransform()} className={buttonClassName}>\n        <Maximize2 className=\"h-4 w-4\" aria-hidden=\"true\" />\n      </button>\n    </div>\n  )\n}\n\nexport function MermaidViewer(arg0: MermaidViewerProps): ReactNode {\n  const { svg, className } = arg0\n\n  const t = useBuiltInText()\n  const containerRef = useRef<HTMLDivElement>(null)\n  const [focused, setFocused] = useState(false)\n\n  return (\n    <div\n      ref={containerRef}\n      tabIndex={0}\n      role=\"group\"\n      onPointerDown={() => containerRef.current?.focus()}\n      onFocus={() => setFocused(true)}\n      onBlur={() => setFocused(false)}\n      className={clsx('clarify-mermaid group not-prose relative my-6 overflow-hidden rounded-2xl border border-(--clarify-theme-tokens-colors-border) bg-(--clarify-theme-tokens-colors-surface) outline-none focus-visible:ring-2 focus-visible:ring-(--clarify-theme-tokens-colors-primary)', className)}\n    >\n      <TransformWrapper\n        minScale={0.5}\n        maxScale={8}\n        initialScale={1}\n        centerOnInit\n        smooth\n        wheel={{ step: 0.05, wheelDisabled: !focused, touchPadDisabled: !focused }}\n        doubleClick={{ mode: 'reset' }}\n      >\n        <ZoomControls />\n        <TransformComponent\n          wrapperClass=\"!w-full !cursor-grab active:!cursor-grabbing\"\n          contentClass=\"!w-full justify-center [&_svg]:h-auto [&_svg]:max-w-full\"\n          wrapperStyle={{ height: 'min(70vh, 32rem)' }}\n        >\n          <div className=\"flex h-full w-full items-center justify-center p-4\" dangerouslySetInnerHTML={{ __html: svg }} />\n        </TransformComponent>\n        <p\n          className={clsx(\n            'clarify-mermaid-hint pointer-events-none absolute bottom-2 left-1/2 z-10 -translate-x-1/2 rounded-full bg-(--clarify-theme-tokens-colors-surface)/90 px-2.5 py-1 text-2xs text-(--clarify-ui-text-soft) shadow-xs ring-1 ring-(--clarify-theme-tokens-colors-border) backdrop-blur-sm transition',\n            focused ? 'opacity-0' : 'opacity-0 group-hover:opacity-100',\n          )}\n        >\n          {t('mermaid.scrollHint')}\n        </p>\n      </TransformWrapper>\n    </div>\n  )\n}\n\nexport default MermaidViewer\n"],"mappings":";;;;;;;;;AAYA,SAAS,eAA0B;CACjC,MAAM,EAAE,QAAQ,SAAS,oBAAA,GAAA,qBAAA,YAAA,CAA+B;CACxD,MAAM,IAAI,aAAA,eAAe;CAEzB,MAAM,kBAAkB;CAExB,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;EAAK,WAAU;YAAf;GACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD;IAAQ,MAAK;IAAS,cAAY,EAAE,gBAAgB;IAAG,OAAO,EAAE,gBAAgB;IAAG,eAAe,OAAO;IAAG,WAAW;cACrH,iBAAA,GAAA,kBAAA,IAAA,CAAC,aAAA,QAAD;KAAQ,WAAU;KAAU,eAAY;IAAQ,CAAA;GAC1C,CAAA;GACR,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD;IAAQ,MAAK;IAAS,cAAY,EAAE,iBAAiB;IAAG,OAAO,EAAE,iBAAiB;IAAG,eAAe,QAAQ;IAAG,WAAW;cACxH,iBAAA,GAAA,kBAAA,IAAA,CAAC,aAAA,SAAD;KAAS,WAAU;KAAU,eAAY;IAAQ,CAAA;GAC3C,CAAA;GACR,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD;IAAQ,MAAK;IAAS,cAAY,EAAE,mBAAmB;IAAG,OAAO,EAAE,mBAAmB;IAAG,eAAe,eAAe;IAAG,WAAW;cACnI,iBAAA,GAAA,kBAAA,IAAA,CAAC,aAAA,WAAD;KAAW,WAAU;KAAU,eAAY;IAAQ,CAAA;GAC7C,CAAA;EACL;;AAET;AAEA,SAAgB,cAAc,MAAqC;CACjE,MAAM,EAAE,KAAK,cAAc;CAE3B,MAAM,IAAI,aAAA,eAAe;CACzB,MAAM,gBAAA,GAAA,MAAA,OAAA,CAAsC,IAAI;CAChD,MAAM,CAAC,SAAS,eAAA,GAAA,MAAA,SAAA,CAAuB,KAAK;CAE5C,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EACE,KAAK;EACL,UAAU;EACV,MAAK;EACL,qBAAqB,aAAa,SAAS,MAAM;EACjD,eAAe,WAAW,IAAI;EAC9B,cAAc,WAAW,KAAK;EAC9B,YAAA,GAAA,KAAA,QAAA,CAAgB,0QAA0Q,SAAS;YAEnS,iBAAA,GAAA,kBAAA,KAAA,CAAC,qBAAA,kBAAD;GACE,UAAU;GACV,UAAU;GACV,cAAc;GACd,cAAA;GACA,QAAA;GACA,OAAO;IAAE,MAAM;IAAM,eAAe,CAAC;IAAS,kBAAkB,CAAC;GAAQ;GACzE,aAAa,EAAE,MAAM,QAAQ;aAP/B;IASE,iBAAA,GAAA,kBAAA,IAAA,CAAC,cAAD,CAAe,CAAA;IACf,iBAAA,GAAA,kBAAA,IAAA,CAAC,qBAAA,oBAAD;KACE,cAAa;KACb,cAAa;KACb,cAAc,EAAE,QAAQ,mBAAmB;eAE3C,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;MAAK,WAAU;MAAqD,yBAAyB,EAAE,QAAQ,IAAI;KAAI,CAAA;IAC7F,CAAA;IACpB,iBAAA,GAAA,kBAAA,IAAA,CAAC,KAAD;KACE,YAAA,GAAA,KAAA,QAAA,CACE,oSACA,UAAU,cAAc,mCAC1B;eAEC,EAAE,oBAAoB;IACtB,CAAA;GACa;;CACf,CAAA;AAET"}

package/output/{MermaidViewer-D4h-WEak.js → MermaidViewer-EVuBmrzA.js}

@@ -1,4 +1,4 @@
-import { t as useBuiltInText } from "./i18n-sJUQQLRZ.js";
+import { t as useBuiltInText } from "./i18n-LXAq0RIC.js";
 import clsx from "clsx";
 import { useRef, useState } from "react";
 import { Maximize2, ZoomIn, ZoomOut } from "lucide-react";
@@ -95,4 +95,4 @@ function MermaidViewer(arg0) {
 //#endregion
 export { MermaidViewer, MermaidViewer as default };
 
-//# sourceMappingURL=MermaidViewer-D4h-WEak.js.map
+//# sourceMappingURL=MermaidViewer-EVuBmrzA.js.map

package/output/{MermaidViewer-D4h-WEak.js.map → MermaidViewer-EVuBmrzA.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MermaidViewer-D4h-WEak.js","names":[],"sources":["../source/components/MermaidViewer.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport { Maximize2, ZoomIn, ZoomOut } from 'lucide-react'\nimport { useRef, useState, type ReactNode } from 'react'\nimport { TransformComponent, TransformWrapper, useControls } from 'react-zoom-pan-pinch'\n\nimport { useBuiltInText } from '../core/i18n'\n\ntype MermaidViewerProps = {\n  svg: string\n  className?: string\n}\n\nfunction ZoomControls(): ReactNode {\n  const { zoomIn, zoomOut, resetTransform } = useControls()\n  const t = useBuiltInText()\n\n  const buttonClassName = 'flex h-7 w-7 items-center justify-center rounded-md bg-(--clarify-theme-tokens-colors-surface) text-(--clarify-ui-text-soft) shadow-xs ring-1 ring-(--clarify-theme-tokens-colors-border) transition hover:bg-(--clarify-ui-hover-background) hover:text-(--clarify-theme-tokens-colors-foreground)'\n\n  return (\n    <div className=\"clarify-mermaid-controls absolute top-2 right-2 z-10 flex gap-1 opacity-0 transition group-hover:opacity-100 focus-within:opacity-100\">\n      <button type=\"button\" aria-label={t('mermaid.zoomIn')} title={t('mermaid.zoomIn')} onClick={() => zoomIn()} className={buttonClassName}>\n        <ZoomIn className=\"h-4 w-4\" aria-hidden=\"true\" />\n      </button>\n      <button type=\"button\" aria-label={t('mermaid.zoomOut')} title={t('mermaid.zoomOut')} onClick={() => zoomOut()} className={buttonClassName}>\n        <ZoomOut className=\"h-4 w-4\" aria-hidden=\"true\" />\n      </button>\n      <button type=\"button\" aria-label={t('mermaid.resetZoom')} title={t('mermaid.resetZoom')} onClick={() => resetTransform()} className={buttonClassName}>\n        <Maximize2 className=\"h-4 w-4\" aria-hidden=\"true\" />\n      </button>\n    </div>\n  )\n}\n\nexport function MermaidViewer(arg0: MermaidViewerProps): ReactNode {\n  const { svg, className } = arg0\n\n  const t = useBuiltInText()\n  const containerRef = useRef<HTMLDivElement>(null)\n  const [focused, setFocused] = useState(false)\n\n  return (\n    <div\n      ref={containerRef}\n      tabIndex={0}\n      role=\"group\"\n      onPointerDown={() => containerRef.current?.focus()}\n      onFocus={() => setFocused(true)}\n      onBlur={() => setFocused(false)}\n      className={clsx('clarify-mermaid group not-prose relative my-6 overflow-hidden rounded-2xl border border-(--clarify-theme-tokens-colors-border) bg-(--clarify-theme-tokens-colors-surface) outline-none focus-visible:ring-2 focus-visible:ring-(--clarify-theme-tokens-colors-primary)', className)}\n    >\n      <TransformWrapper\n        minScale={0.5}\n        maxScale={8}\n        initialScale={1}\n        centerOnInit\n        smooth\n        wheel={{ step: 0.05, wheelDisabled: !focused, touchPadDisabled: !focused }}\n        doubleClick={{ mode: 'reset' }}\n      >\n        <ZoomControls />\n        <TransformComponent\n          wrapperClass=\"!w-full !cursor-grab active:!cursor-grabbing\"\n          contentClass=\"!w-full justify-center [&_svg]:h-auto [&_svg]:max-w-full\"\n          wrapperStyle={{ height: 'min(70vh, 32rem)' }}\n        >\n          <div className=\"flex h-full w-full items-center justify-center p-4\" dangerouslySetInnerHTML={{ __html: svg }} />\n        </TransformComponent>\n        <p\n          className={clsx(\n            'clarify-mermaid-hint pointer-events-none absolute bottom-2 left-1/2 z-10 -translate-x-1/2 rounded-full bg-(--clarify-theme-tokens-colors-surface)/90 px-2.5 py-1 text-2xs text-(--clarify-ui-text-soft) shadow-xs ring-1 ring-(--clarify-theme-tokens-colors-border) backdrop-blur-sm transition',\n            focused ? 'opacity-0' : 'opacity-0 group-hover:opacity-100',\n          )}\n        >\n          {t('mermaid.scrollHint')}\n        </p>\n      </TransformWrapper>\n    </div>\n  )\n}\n\nexport default MermaidViewer\n"],"mappings":";;;;;;;AAYA,SAAS,eAA0B;CACjC,MAAM,EAAE,QAAQ,SAAS,mBAAmB,YAAY;CACxD,MAAM,IAAI,eAAe;CAEzB,MAAM,kBAAkB;CAExB,OACE,qBAAC,OAAD;EAAK,WAAU;YAAf;GACE,oBAAC,UAAD;IAAQ,MAAK;IAAS,cAAY,EAAE,gBAAgB;IAAG,OAAO,EAAE,gBAAgB;IAAG,eAAe,OAAO;IAAG,WAAW;cACrH,oBAAC,QAAD;KAAQ,WAAU;KAAU,eAAY;IAAQ,CAAA;GAC1C,CAAA;GACR,oBAAC,UAAD;IAAQ,MAAK;IAAS,cAAY,EAAE,iBAAiB;IAAG,OAAO,EAAE,iBAAiB;IAAG,eAAe,QAAQ;IAAG,WAAW;cACxH,oBAAC,SAAD;KAAS,WAAU;KAAU,eAAY;IAAQ,CAAA;GAC3C,CAAA;GACR,oBAAC,UAAD;IAAQ,MAAK;IAAS,cAAY,EAAE,mBAAmB;IAAG,OAAO,EAAE,mBAAmB;IAAG,eAAe,eAAe;IAAG,WAAW;cACnI,oBAAC,WAAD;KAAW,WAAU;KAAU,eAAY;IAAQ,CAAA;GAC7C,CAAA;EACL;;AAET;AAEA,SAAgB,cAAc,MAAqC;CACjE,MAAM,EAAE,KAAK,cAAc;CAE3B,MAAM,IAAI,eAAe;CACzB,MAAM,eAAe,OAAuB,IAAI;CAChD,MAAM,CAAC,SAAS,cAAc,SAAS,KAAK;CAE5C,OACE,oBAAC,OAAD;EACE,KAAK;EACL,UAAU;EACV,MAAK;EACL,qBAAqB,aAAa,SAAS,MAAM;EACjD,eAAe,WAAW,IAAI;EAC9B,cAAc,WAAW,KAAK;EAC9B,WAAW,KAAK,0QAA0Q,SAAS;YAEnS,qBAAC,kBAAD;GACE,UAAU;GACV,UAAU;GACV,cAAc;GACd,cAAA;GACA,QAAA;GACA,OAAO;IAAE,MAAM;IAAM,eAAe,CAAC;IAAS,kBAAkB,CAAC;GAAQ;GACzE,aAAa,EAAE,MAAM,QAAQ;aAP/B;IASE,oBAAC,cAAD,CAAe,CAAA;IACf,oBAAC,oBAAD;KACE,cAAa;KACb,cAAa;KACb,cAAc,EAAE,QAAQ,mBAAmB;eAE3C,oBAAC,OAAD;MAAK,WAAU;MAAqD,yBAAyB,EAAE,QAAQ,IAAI;KAAI,CAAA;IAC7F,CAAA;IACpB,oBAAC,KAAD;KACE,WAAW,KACT,oSACA,UAAU,cAAc,mCAC1B;eAEC,EAAE,oBAAoB;IACtB,CAAA;GACa;;CACf,CAAA;AAET"}
+{"version":3,"file":"MermaidViewer-EVuBmrzA.js","names":[],"sources":["../source/components/MermaidViewer.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport { Maximize2, ZoomIn, ZoomOut } from 'lucide-react'\nimport { useRef, useState, type ReactNode } from 'react'\nimport { TransformComponent, TransformWrapper, useControls } from 'react-zoom-pan-pinch'\n\nimport { useBuiltInText } from '../core/i18n'\n\ntype MermaidViewerProps = {\n  svg: string\n  className?: string\n}\n\nfunction ZoomControls(): ReactNode {\n  const { zoomIn, zoomOut, resetTransform } = useControls()\n  const t = useBuiltInText()\n\n  const buttonClassName = 'flex h-7 w-7 items-center justify-center rounded-md bg-(--clarify-theme-tokens-colors-surface) text-(--clarify-ui-text-soft) shadow-xs ring-1 ring-(--clarify-theme-tokens-colors-border) transition hover:bg-(--clarify-ui-hover-background) hover:text-(--clarify-theme-tokens-colors-foreground)'\n\n  return (\n    <div className=\"clarify-mermaid-controls absolute top-2 right-2 z-10 flex gap-1 opacity-0 transition group-hover:opacity-100 focus-within:opacity-100\">\n      <button type=\"button\" aria-label={t('mermaid.zoomIn')} title={t('mermaid.zoomIn')} onClick={() => zoomIn()} className={buttonClassName}>\n        <ZoomIn className=\"h-4 w-4\" aria-hidden=\"true\" />\n      </button>\n      <button type=\"button\" aria-label={t('mermaid.zoomOut')} title={t('mermaid.zoomOut')} onClick={() => zoomOut()} className={buttonClassName}>\n        <ZoomOut className=\"h-4 w-4\" aria-hidden=\"true\" />\n      </button>\n      <button type=\"button\" aria-label={t('mermaid.resetZoom')} title={t('mermaid.resetZoom')} onClick={() => resetTransform()} className={buttonClassName}>\n        <Maximize2 className=\"h-4 w-4\" aria-hidden=\"true\" />\n      </button>\n    </div>\n  )\n}\n\nexport function MermaidViewer(arg0: MermaidViewerProps): ReactNode {\n  const { svg, className } = arg0\n\n  const t = useBuiltInText()\n  const containerRef = useRef<HTMLDivElement>(null)\n  const [focused, setFocused] = useState(false)\n\n  return (\n    <div\n      ref={containerRef}\n      tabIndex={0}\n      role=\"group\"\n      onPointerDown={() => containerRef.current?.focus()}\n      onFocus={() => setFocused(true)}\n      onBlur={() => setFocused(false)}\n      className={clsx('clarify-mermaid group not-prose relative my-6 overflow-hidden rounded-2xl border border-(--clarify-theme-tokens-colors-border) bg-(--clarify-theme-tokens-colors-surface) outline-none focus-visible:ring-2 focus-visible:ring-(--clarify-theme-tokens-colors-primary)', className)}\n    >\n      <TransformWrapper\n        minScale={0.5}\n        maxScale={8}\n        initialScale={1}\n        centerOnInit\n        smooth\n        wheel={{ step: 0.05, wheelDisabled: !focused, touchPadDisabled: !focused }}\n        doubleClick={{ mode: 'reset' }}\n      >\n        <ZoomControls />\n        <TransformComponent\n          wrapperClass=\"!w-full !cursor-grab active:!cursor-grabbing\"\n          contentClass=\"!w-full justify-center [&_svg]:h-auto [&_svg]:max-w-full\"\n          wrapperStyle={{ height: 'min(70vh, 32rem)' }}\n        >\n          <div className=\"flex h-full w-full items-center justify-center p-4\" dangerouslySetInnerHTML={{ __html: svg }} />\n        </TransformComponent>\n        <p\n          className={clsx(\n            'clarify-mermaid-hint pointer-events-none absolute bottom-2 left-1/2 z-10 -translate-x-1/2 rounded-full bg-(--clarify-theme-tokens-colors-surface)/90 px-2.5 py-1 text-2xs text-(--clarify-ui-text-soft) shadow-xs ring-1 ring-(--clarify-theme-tokens-colors-border) backdrop-blur-sm transition',\n            focused ? 'opacity-0' : 'opacity-0 group-hover:opacity-100',\n          )}\n        >\n          {t('mermaid.scrollHint')}\n        </p>\n      </TransformWrapper>\n    </div>\n  )\n}\n\nexport default MermaidViewer\n"],"mappings":";;;;;;;AAYA,SAAS,eAA0B;CACjC,MAAM,EAAE,QAAQ,SAAS,mBAAmB,YAAY;CACxD,MAAM,IAAI,eAAe;CAEzB,MAAM,kBAAkB;CAExB,OACE,qBAAC,OAAD;EAAK,WAAU;YAAf;GACE,oBAAC,UAAD;IAAQ,MAAK;IAAS,cAAY,EAAE,gBAAgB;IAAG,OAAO,EAAE,gBAAgB;IAAG,eAAe,OAAO;IAAG,WAAW;cACrH,oBAAC,QAAD;KAAQ,WAAU;KAAU,eAAY;IAAQ,CAAA;GAC1C,CAAA;GACR,oBAAC,UAAD;IAAQ,MAAK;IAAS,cAAY,EAAE,iBAAiB;IAAG,OAAO,EAAE,iBAAiB;IAAG,eAAe,QAAQ;IAAG,WAAW;cACxH,oBAAC,SAAD;KAAS,WAAU;KAAU,eAAY;IAAQ,CAAA;GAC3C,CAAA;GACR,oBAAC,UAAD;IAAQ,MAAK;IAAS,cAAY,EAAE,mBAAmB;IAAG,OAAO,EAAE,mBAAmB;IAAG,eAAe,eAAe;IAAG,WAAW;cACnI,oBAAC,WAAD;KAAW,WAAU;KAAU,eAAY;IAAQ,CAAA;GAC7C,CAAA;EACL;;AAET;AAEA,SAAgB,cAAc,MAAqC;CACjE,MAAM,EAAE,KAAK,cAAc;CAE3B,MAAM,IAAI,eAAe;CACzB,MAAM,eAAe,OAAuB,IAAI;CAChD,MAAM,CAAC,SAAS,cAAc,SAAS,KAAK;CAE5C,OACE,oBAAC,OAAD;EACE,KAAK;EACL,UAAU;EACV,MAAK;EACL,qBAAqB,aAAa,SAAS,MAAM;EACjD,eAAe,WAAW,IAAI;EAC9B,cAAc,WAAW,KAAK;EAC9B,WAAW,KAAK,0QAA0Q,SAAS;YAEnS,qBAAC,kBAAD;GACE,UAAU;GACV,UAAU;GACV,cAAc;GACd,cAAA;GACA,QAAA;GACA,OAAO;IAAE,MAAM;IAAM,eAAe,CAAC;IAAS,kBAAkB,CAAC;GAAQ;GACzE,aAAa,EAAE,MAAM,QAAQ;aAP/B;IASE,oBAAC,cAAD,CAAe,CAAA;IACf,oBAAC,oBAAD;KACE,cAAa;KACb,cAAa;KACb,cAAc,EAAE,QAAQ,mBAAmB;eAE3C,oBAAC,OAAD;MAAK,WAAU;MAAqD,yBAAyB,EAAE,QAAQ,IAAI;KAAI,CAAA;IAC7F,CAAA;IACpB,oBAAC,KAAD;KACE,WAAW,KACT,oSACA,UAAU,cAAc,mCAC1B;eAEC,EAAE,oBAAoB;IACtB,CAAA;GACa;;CACf,CAAA;AAET"}

package/output/{OpenApiOperation-BcJYHwft.js → OpenApiOperation-Ddax6Pen.js}

@@ -1,5 +1,5 @@
-import { a as useConfig, s as useLocale, t as useBuiltInText } from "./i18n-sJUQQLRZ.js";
-import { C as isExternalHref, E as copyTextToClipboard, c as lucideIconRegistry, h as useTheme, l as resolveLucideIconName, n as PageTitleActions, o as useSectionStore, s as remToPx, w as localizeHref } from "./PageActions-Bnz5Bybt.js";
+import { a as useConfig, s as useLocale, t as useBuiltInText } from "./i18n-LXAq0RIC.js";
+import { C as isExternalHref, E as copyTextToClipboard, c as lucideIconRegistry, h as useTheme, l as resolveLucideIconName, o as useSectionStore, s as remToPx, t as PageActions, w as localizeHref } from "./PageActions-BBRz0tJ4.js";
 import { t as markdownRemarkPlugins } from "./remark-C9iRQM0R.js";
 import clsx from "clsx";
 import { Children, Suspense, cloneElement, createContext, createElement, forwardRef, isValidElement, lazy, useContext, useEffect, useId, useLayoutEffect, useRef, useState } from "react";
@@ -253,7 +253,7 @@ function Card(arg0) {
 }
 //#endregion
 //#region source/components/Mermaid.tsx
-var MermaidViewer = lazy(() => import("./MermaidViewer-D4h-WEak.js"));
+var MermaidViewer = lazy(() => import("./MermaidViewer-EVuBmrzA.js"));
 var mermaidModulePromise;
 async function loadMermaid() {
 	mermaidModulePromise = mermaidModulePromise ?? import("mermaid").then((module) => module.default);
@@ -1265,12 +1265,15 @@ var primitives_exports = /* @__PURE__ */ __exportAll({
 });
 function wrapper(arg0) {
 	const { children } = arg0;
-	return /* @__PURE__ */ jsx("article", {
-		className: "clarify-mdx-page flex h-full min-w-0 flex-col pt-14 pb-10",
-		children: /* @__PURE__ */ jsx(Prose, {
+	return /* @__PURE__ */ jsxs("article", {
+		className: "clarify-mdx-page relative flex h-full min-w-0 flex-col pt-14 pb-10",
+		children: [/* @__PURE__ */ jsx("div", {
+			className: "clarify-page-actions mb-4 flex justify-end sm:absolute sm:top-14 sm:right-0 sm:mb-0",
+			children: /* @__PURE__ */ jsx(PageActions, {})
+		}), /* @__PURE__ */ jsx(Prose, {
 			className: "flex-auto",
 			children
-		})
+		})]
 	});
 }
 function table(arg0) {
@@ -1292,13 +1295,10 @@ function a(arg0) {
 }
 function h1(arg0) {
 	const { children, className, ...props } = arg0;
-	return /* @__PURE__ */ jsxs("div", {
-		className: "clarify-page-title-row flex flex-col gap-4  pb-4 sm:flex-row sm:items-start sm:justify-between",
-		children: [/* @__PURE__ */ jsx("h1", {
-			className: clsx("clarify-page-title min-w-0 flex-1", className),
-			...props,
-			children
-		}), /* @__PURE__ */ jsx(PageTitleActions, {})]
+	return /* @__PURE__ */ jsx("h1", {
+		className: clsx("clarify-page-title min-w-0 flex-1", className),
+		...props,
+		children
 	});
 }
 var code = Code;
@@ -1483,6 +1483,57 @@ function resolveRequestSchema(spec, schema) {
 	delete ownSchema.allOf;
 	return mergeAllOfSchemas(spec, [...allOf, ownSchema]);
 }
+function fuzzyMatch(value, query) {
+	const candidate = value.toLocaleLowerCase();
+	const needle = query.trim().toLocaleLowerCase();
+	let candidateIndex = 0;
+	for (const character of needle) {
+		candidateIndex = candidate.indexOf(character, candidateIndex);
+		if (candidateIndex === -1) return false;
+		candidateIndex += 1;
+	}
+	return true;
+}
+var noExampleMatch = Symbol("no-example-match");
+function getSchemaSearchText(name, schema) {
+	if (!isRecord$1(schema)) return name;
+	return [
+		name,
+		schema.type,
+		schema.description,
+		schema.pattern,
+		schema.const,
+		schema.default,
+		schema.minimum,
+		schema.maximum,
+		schema.additionalProperties
+	].filter((value) => typeof value === "string" || typeof value === "number" || typeof value === "boolean").join(" ");
+}
+function filterExampleValue(spec, schema, value, query) {
+	const resolved = resolveRequestSchema(spec, schema);
+	if (Array.isArray(value)) {
+		const itemSchema = isRecord$1(resolved) ? resolved.items : void 0;
+		const items = value.map((item) => filterExampleValue(spec, itemSchema, item, query)).filter((item) => item !== noExampleMatch);
+		return items.length > 0 ? items : noExampleMatch;
+	}
+	if (isRecord$1(value)) {
+		const properties = isRecord$1(resolved) && isRecord$1(resolved.properties) ? resolved.properties : {};
+		const filtered = Object.entries(value).flatMap(([name, propertyValue]) => {
+			const propertySchema = properties[name] ?? (isRecord$1(resolved) && isRecord$1(resolved.additionalProperties) ? resolved.additionalProperties : void 0);
+			if (fuzzyMatch(getSchemaSearchText(name, resolveRequestSchema(spec, propertySchema)), query)) return [[name, propertyValue]];
+			const child = filterExampleValue(spec, propertySchema, propertyValue, query);
+			return child === noExampleMatch ? [] : [[name, child]];
+		});
+		return filtered.length > 0 ? Object.fromEntries(filtered) : noExampleMatch;
+	}
+	return fuzzyMatch(getSchemaSearchText("", resolved), query) ? value : noExampleMatch;
+}
+function filterExampleBySchema(spec, schema, value, query) {
+	if (!query.trim()) return value;
+	const filtered = filterExampleValue(spec, schema, value, query);
+	if (filtered !== noExampleMatch) return filtered;
+	return Array.isArray(value) ? [] : isRecord$1(value) ? {} : value;
+}
 function getPathItem$1(spec, path) {
 	return resolveObjectRef(spec, spec.paths?.[path]);
 }
@@ -2530,8 +2581,11 @@ function ApiExampleCodeGroup(arg0) {
 function firstExampleKeyForMediaType(requestContents, mediaType, spec) {
 	return getExampleEntries(requestContents.find((content) => content.mediaType === mediaType)?.value, spec)[0]?.key ?? "";
 }
+function isStructuredMediaType(mediaType) {
+	return mediaType.includes("json") || mediaType.includes("yaml") || mediaType.includes("yml");
+}
 function useRequestExamplesState(arg0) {
-	const { spec, path, method, parameters, requestContents, selectedMediaType, onSelectMediaType, selectedServer, serverVariables, auth, operationSource, sharedExampleKey, onSelectExampleKey } = arg0;
+	const { spec, path, method, parameters, requestContents, selectedMediaType, onSelectMediaType, selectedServer, serverVariables, auth, operationSource, sharedExampleKey, onSelectExampleKey, query = "" } = arg0;
 	const selectedContent = requestContents.find((content) => content.mediaType === selectedMediaType) ?? requestContents[0];
 	const examples = getExampleEntries(selectedContent?.value, spec);
 	const [selectedExampleKey, setSelectedExampleKey] = useState(examples[0]?.key ?? "");
@@ -2539,6 +2593,7 @@ function useRequestExamplesState(arg0) {
 	const [selectedClientKey, setSelectedClientKey] = useState("curl");
 	const currentExampleKey = (sharedExampleKey && examples.some((example) => example.key === sharedExampleKey) ? sharedExampleKey : void 0) ?? selectedExampleKey;
 	const selectedExample = examples.find((example) => example.key === currentExampleKey) ?? examples[0];
+	const requestExample = selectedContent && isStructuredMediaType(selectedContent.mediaType) ? filterExampleBySchema(spec, selectedContent.value.schema, selectedExample?.value, query) : selectedExample?.value;
 	const codeOptions = buildRequestCodeExamples({
 		spec,
 		path,
@@ -2548,7 +2603,7 @@ function useRequestExamplesState(arg0) {
 			...selectedContent,
 			value: {
 				...selectedContent.value,
-				example: selectedExample?.value,
+				example: requestExample,
 				examples: void 0
 			}
 		} : void 0,
@@ -2583,7 +2638,7 @@ function useRequestExamplesState(arg0) {
 	};
 }
 function RequestExamplesPanel(arg0) {
-	const { spec, path, method, parameters, requestContents, selectedMediaType, onSelectMediaType, selectedServer, serverVariables, auth, operationSource, sharedExampleKey, onSelectExampleKey } = arg0;
+	const { spec, path, method, parameters, requestContents, selectedMediaType, onSelectMediaType, selectedServer, serverVariables, auth, operationSource, sharedExampleKey, onSelectExampleKey, query } = arg0;
 	const t = useBuiltInText();
 	const state = useRequestExamplesState({
 		spec,
@@ -2598,7 +2653,8 @@ function RequestExamplesPanel(arg0) {
 		auth,
 		operationSource,
 		sharedExampleKey,
-		onSelectExampleKey
+		onSelectExampleKey,
+		query
 	});
 	return /* @__PURE__ */ jsx(ApiExampleCodeGroup, {
 		title: t("openapi.request"),
@@ -2623,11 +2679,12 @@ function RequestExamplesPanel(arg0) {
 function firstExampleKeyForResponseContent(content, spec) {
 	return getExampleEntries(content?.value, spec)[0]?.key ?? "";
 }
-function getResponseExampleBody(content, example) {
-	return content ? stringifyExample(example?.value) : "";
+function getResponseExampleBody(content, example, spec, query = "") {
+	if (!content) return "";
+	return stringifyExample(spec && isStructuredMediaType(content.mediaType) ? filterExampleBySchema(spec, content.value.schema, example?.value, query) : example?.value);
 }
 function useResponseExamplesState(arg0) {
-	const { operation, spec, sharedExampleKey, onSelectExampleKey, selectedStatus, onSelectStatus } = arg0;
+	const { operation, spec, sharedExampleKey, onSelectExampleKey, selectedStatus, onSelectStatus, query = "" } = arg0;
 	const orderedResponses = [...getResponseEntries(operation, spec)].sort((left, right) => {
 		if (left.status === "default") return -1;
 		if (right.status === "default") return 1;
@@ -2662,7 +2719,7 @@ function useResponseExamplesState(arg0) {
 		selectedContent,
 		examples,
 		selectedExample,
-		responseBody: getResponseExampleBody(selectedContent, selectedExample),
+		responseBody: getResponseExampleBody(selectedContent, selectedExample, spec, query),
 		onSelectStatus: (value) => {
 			const nextContents = getMediaTypeEntries(orderedResponses.find(({ status }) => status === value)?.response.content, spec);
 			if (typeof selectedStatus === "undefined") setInternalSelectedStatus(value);
@@ -2691,7 +2748,7 @@ function useResponseExamplesState(arg0) {
 	};
 }
 function ResponseExamplesPanel(arg0) {
-	const { operation, spec, title, sharedExampleKey, onSelectExampleKey, selectedStatus, onSelectStatus } = arg0;
+	const { operation, spec, title, sharedExampleKey, onSelectExampleKey, selectedStatus, onSelectStatus, query } = arg0;
 	const t = useBuiltInText();
 	const state = useResponseExamplesState({
 		operation,
@@ -2699,7 +2756,8 @@ function ResponseExamplesPanel(arg0) {
 		sharedExampleKey,
 		onSelectExampleKey,
 		selectedStatus,
-		onSelectStatus
+		onSelectStatus,
+		query
 	});
 	if (!state.selectedContent || !state.responseBody) return null;
 	return /* @__PURE__ */ jsx(ApiExampleCodeGroup, {
@@ -2721,7 +2779,7 @@ function ResponseExamplesPanel(arg0) {
 //#endregion
 //#region source/openapi/components/OpenApiDocumentSection.tsx
 function OpenApiDocumentSection(props) {
-	const { title, children, className, bodyClassName, level = 3 } = props;
+	const { title, children, action, className, bodyClassName, level = 3 } = props;
 	const heading = level === 3 ? /* @__PURE__ */ jsx("h3", {
 		className: "!m-0 text-sm/6 font-semibold text-(--clarify-theme-tokens-colors-foreground)",
 		children: title
@@ -2731,7 +2789,10 @@ function OpenApiDocumentSection(props) {
 	});
 	return /* @__PURE__ */ jsxs("section", {
 		className: clsx("clarify-openapi-document-section", className),
-		children: [heading, /* @__PURE__ */ jsx("div", {
+		children: [action ? /* @__PURE__ */ jsxs("div", {
+			className: "flex min-w-0 items-center justify-between gap-2",
+			children: [heading, action]
+		}) : heading, /* @__PURE__ */ jsx("div", {
 			className: clsx("mt-2", bodyClassName),
 			children
 		})]
@@ -3040,10 +3101,11 @@ function EnumValueNode(arg0) {
 	});
 }
 function SchemaNode(arg0) {
-	const { node, depth = 0, defaultExpanded } = arg0;
+	const { node, depth = 0, defaultExpanded, forceExpanded = false } = arg0;
 	const t = useBuiltInText();
-	const [expanded, setExpanded] = useState(defaultExpanded ?? depth < 1);
+	const [locallyExpanded, setLocallyExpanded] = useState(defaultExpanded ?? depth < 1);
 	const hasChildren = node.children.length > 0;
+	const expanded = forceExpanded || locallyExpanded;
 	if (node.kind === "enum") return /* @__PURE__ */ jsx(EnumValueNode, {
 		node,
 		depth
@@ -3083,7 +3145,7 @@ function SchemaNode(arg0) {
 			type: "button",
 			"aria-label": expanded ? t("openapi.collapse") : t("openapi.expand"),
 			"aria-expanded": expanded,
-			onClick: () => setExpanded((value) => !value),
+			onClick: () => setLocallyExpanded((value) => !value),
 			className: clsx(rowClassName, "cursor-pointer transition hover:bg-(--clarify-ui-hover-background) focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-(--clarify-theme-tokens-colors-primary)"),
 			children: content
 		}) : /* @__PURE__ */ jsx("div", {
@@ -3091,12 +3153,13 @@ function SchemaNode(arg0) {
 			children: content
 		}), hasChildren && expanded ? /* @__PURE__ */ jsx(SchemaTree, {
 			nodes: node.children,
-			depth: depth + 1
+			depth: depth + 1,
+			forceExpanded
 		}) : null]
 	});
 }
 function SchemaTree(arg0) {
-	const { nodes, depth = 0 } = arg0;
+	const { nodes, depth = 0, forceExpanded = false } = arg0;
 	if (nodes.length === 0) return null;
 	return /* @__PURE__ */ jsx("ul", {
 		role: "list",
@@ -3104,19 +3167,44 @@ function SchemaTree(arg0) {
 		children: nodes.map((node) => /* @__PURE__ */ jsx(SchemaNode, {
 			node,
 			depth,
-			defaultExpanded: node.defaultExpanded
+			defaultExpanded: node.defaultExpanded,
+			forceExpanded
 		}, node.key))
 	});
 }
+function filterSchemaNodes(nodes, query) {
+	if (!query.trim()) return nodes;
+	return nodes.flatMap((node) => {
+		const children = filterSchemaNodes(node.children, query);
+		return fuzzyMatch(getSchemaSearchText(node.name, {
+			type: node.type,
+			description: node.description,
+			pattern: node.details
+		}), query) || children.length > 0 ? [{
+			...node,
+			children
+		}] : [];
+	});
+}
 function SchemaProperties(arg0) {
-	const { title, schema, spec, defaultExpanded } = arg0;
+	const { title, schema, spec, defaultExpanded, query = "", emptyText } = arg0;
+	const t = useBuiltInText();
 	const root = getRootSchemaNode(spec, schema, defaultExpanded);
 	if (!root || root.children.length === 0) return null;
+	const filteredNodes = filterSchemaNodes(root.children, query);
+	const hasQuery = Boolean(query.trim());
+	const resolvedEmptyText = emptyText ?? t("openapi.noBodyProperties");
 	return /* @__PURE__ */ jsx(OpenApiDocumentSection, {
 		title,
 		level: 4,
 		bodyClassName: "clarify-schema-properties not-prose",
-		children: /* @__PURE__ */ jsx(SchemaTree, { nodes: root.children })
+		children: filteredNodes.length > 0 ? /* @__PURE__ */ jsx(SchemaTree, {
+			nodes: filteredNodes,
+			forceExpanded: hasQuery
+		}) : /* @__PURE__ */ jsx("p", {
+			className: "m-0 py-2 text-sm/5 text-(--clarify-ui-text-soft)",
+			children: resolvedEmptyText
+		})
 	});
 }
 function ParameterList(arg0) {
@@ -3140,7 +3228,7 @@ function ParameterList(arg0) {
 	});
 }
 function ResponseList(arg0) {
-	const { title, operation, spec, selectedStatus, onSelectStatus } = arg0;
+	const { title, operation, spec, selectedStatus, onSelectStatus, query = "", search } = arg0;
 	const t = useBuiltInText();
 	const orderedResponses = [...getResponseEntries(operation, spec)].sort((left, right) => {
 		if (left.status === "default") return -1;
@@ -3181,7 +3269,9 @@ function ResponseList(arg0) {
 					children: /* @__PURE__ */ jsx(SchemaProperties, {
 						title: t("openapi.responseBodyProperties"),
 						schema: responseSchema,
-						spec
+						spec,
+						query,
+						emptyText: t("openapi.noResponseBodyProperties")
 					})
 				}) : null
 			]
@@ -3189,18 +3279,20 @@ function ResponseList(arg0) {
 	};
 	if (orderedResponses.length === 1) {
 		const [{ status, response }] = orderedResponses;
-		return /* @__PURE__ */ jsx(OpenApiDocumentSection, {
+		return /* @__PURE__ */ jsxs(OpenApiDocumentSection, {
 			title: title ?? t("openapi.responses"),
-			children: renderResponsePanel({
+			action: search?.action,
+			children: [search?.open ? search.input : null, renderResponsePanel({
 				status,
 				response
-			})
+			})]
 		});
 	}
-	return /* @__PURE__ */ jsx(OpenApiDocumentSection, {
+	return /* @__PURE__ */ jsxs(OpenApiDocumentSection, {
 		title: title ?? t("openapi.responses"),
+		action: search?.action,
 		bodyClassName: "not-prose",
-		children: /* @__PURE__ */ jsx(Tabs, {
+		children: [search?.open ? search.input : null, /* @__PURE__ */ jsx(Tabs, {
 			selectedIndex,
 			onChange: (index) => {
 				onSelectStatus?.(orderedResponses[index]?.status ?? "");
@@ -3215,15 +3307,71 @@ function ResponseList(arg0) {
 			})),
 			spacingClassName: "m-0",
 			panelsClassName: "mt-2"
+		})]
+	});
+}
+//#endregion
+//#region source/openapi/components/SchemaSearch.tsx
+function useSchemaSearch() {
+	const [open, setOpen] = useState(false);
+	const [query, setQuery] = useState("");
+	return {
+		open,
+		query,
+		onChange: (event) => setQuery(event.target.value),
+		toggle: () => {
+			setOpen((current) => {
+				if (current) setQuery("");
+				return !current;
+			});
+		}
+	};
+}
+function SchemaSearchButton(arg0) {
+	const { label, open, onClick } = arg0;
+	return /* @__PURE__ */ jsx("button", {
+		type: "button",
+		"aria-label": label,
+		"aria-pressed": open,
+		onClick,
+		className: clsx("flex size-7 shrink-0 cursor-pointer items-center justify-center rounded-(--clarify-theme-tokens-radius-md) transition focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-(--clarify-theme-tokens-colors-primary)", open ? "bg-(--clarify-ui-hover-background) text-(--clarify-theme-tokens-colors-primary)" : "text-(--clarify-ui-text-faint) hover:bg-(--clarify-ui-hover-background) hover:text-(--clarify-theme-tokens-colors-foreground)"),
+		children: /* @__PURE__ */ jsx(SearchIcon, {
+			className: "size-4",
+			"aria-hidden": "true"
 		})
 	});
 }
+function SchemaSearchInput(arg0) {
+	const { label, value, onChange } = arg0;
+	return /* @__PURE__ */ jsxs("label", {
+		className: "not-prose mb-3 flex h-9 items-center gap-2 rounded-(--clarify-theme-tokens-radius-md) border border-(--clarify-theme-tokens-colors-border) bg-(--clarify-theme-tokens-colors-surface) px-3 transition focus-within:border-(--clarify-theme-tokens-colors-primary) focus-within:ring-2 focus-within:ring-(--clarify-theme-tokens-colors-primary)/15",
+		children: [
+			/* @__PURE__ */ jsx(SearchIcon, {
+				className: "size-4 shrink-0 text-(--clarify-ui-text-faint)",
+				"aria-hidden": "true"
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: "sr-only",
+				children: label
+			}),
+			/* @__PURE__ */ jsx("input", {
+				type: "search",
+				value,
+				onChange,
+				placeholder: label,
+				autoFocus: true,
+				className: "min-w-0 flex-1 bg-transparent text-sm text-(--clarify-theme-tokens-colors-foreground) outline-none placeholder:text-(--clarify-ui-text-faint)"
+			})
+		]
+	});
+}
 //#endregion
 //#region source/openapi/components/EndpointSections.tsx
 function EndpointRequest(arg0) {
 	const { spec, path, method, operationSource = "path", description, groupedParameters, parameters, requestBody, requestContents, requestSchema, selectedRequestMediaType, onSelectRequestMediaType, selectedServer, serverVariables, authOptions, auth, sharedExampleKey, onSelectExampleKey } = arg0;
 	const t = useBuiltInText();
 	const hasRequestBody = Boolean(requestBody && requestContents.length > 0);
+	const requestBodySearch = useSchemaSearch();
 	const renderDescription = () => {
 		if (!description) return null;
 		return /* @__PURE__ */ jsx(Markdown, { children: description });
@@ -3233,11 +3381,20 @@ function EndpointRequest(arg0) {
 			className: "text-sm/5 text-(--clarify-ui-text-soft)",
 			children: t("openapi.requestBodyEmpty")
 		});
-		return /* @__PURE__ */ jsxs(Fragment$1, { children: [typeof requestBody?.description === "string" ? /* @__PURE__ */ jsx(Markdown, { children: requestBody.description }) : null, /* @__PURE__ */ jsx(SchemaProperties, {
-			title: t("openapi.bodyProperties"),
-			schema: requestSchema,
-			spec
-		})] });
+		return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+			requestBodySearch.open ? /* @__PURE__ */ jsx(SchemaSearchInput, {
+				label: t("openapi.searchBodyProperties"),
+				value: requestBodySearch.query,
+				onChange: requestBodySearch.onChange
+			}) : null,
+			typeof requestBody?.description === "string" ? /* @__PURE__ */ jsx(Markdown, { children: requestBody.description }) : null,
+			/* @__PURE__ */ jsx(SchemaProperties, {
+				title: t("openapi.bodyProperties"),
+				schema: requestSchema,
+				spec,
+				query: requestBodySearch.query
+			})
+		] });
 	};
 	return /* @__PURE__ */ jsxs(Fragment$1, { children: [renderDescription(), /* @__PURE__ */ jsxs(Row, {
 		className: "clarify-openapi-request-workspace relative mt-8 pt-6",
@@ -3259,6 +3416,11 @@ function EndpointRequest(arg0) {
 				}),
 				/* @__PURE__ */ jsx(OpenApiDocumentSection, {
 					title: t("openapi.requestBody"),
+					action: hasRequestBody ? /* @__PURE__ */ jsx(SchemaSearchButton, {
+						label: t("openapi.searchBodyProperties"),
+						open: requestBodySearch.open,
+						onClick: requestBodySearch.toggle
+					}) : null,
 					children: renderRequestBody()
 				})
 			]
@@ -3279,7 +3441,8 @@ function EndpointRequest(arg0) {
 					auth,
 					operationSource,
 					sharedExampleKey,
-					onSelectExampleKey
+					onSelectExampleKey,
+					query: requestBodySearch.query
 				})
 			})
 		})]
@@ -3290,6 +3453,7 @@ function EndpointResponse(arg0) {
 	const t = useBuiltInText();
 	const responseTitle = operationSource === "webhook" ? t("openapi.webhookResponses") : t("openapi.responses");
 	const responseExampleTitle = operationSource === "webhook" ? t("openapi.webhookResponse") : t("openapi.response");
+	const responseBodySearch = useSchemaSearch();
 	return /* @__PURE__ */ jsx("div", {
 		className: "mt-10 pt-6",
 		children: /* @__PURE__ */ jsxs(Row, {
@@ -3301,7 +3465,21 @@ function EndpointResponse(arg0) {
 					operation,
 					spec,
 					selectedStatus,
-					onSelectStatus
+					onSelectStatus,
+					query: responseBodySearch.query,
+					search: {
+						open: responseBodySearch.open,
+						action: /* @__PURE__ */ jsx(SchemaSearchButton, {
+							label: t("openapi.searchResponseBodyProperties"),
+							open: responseBodySearch.open,
+							onClick: responseBodySearch.toggle
+						}),
+						input: /* @__PURE__ */ jsx(SchemaSearchInput, {
+							label: t("openapi.searchResponseBodyProperties"),
+							value: responseBodySearch.query,
+							onChange: responseBodySearch.onChange
+						})
+					}
 				})
 			}) }), /* @__PURE__ */ jsx(Col, {
 				sticky: true,
@@ -3314,7 +3492,8 @@ function EndpointResponse(arg0) {
 						sharedExampleKey,
 						onSelectExampleKey,
 						selectedStatus,
-						onSelectStatus
+						onSelectStatus,
+						query: responseBodySearch.query
 					})
 				})
 			})]
@@ -5390,4 +5569,4 @@ function OpenApiOperation(arg0) {
 //#endregion
 export { Code as A, GridPattern as C, Tag as D, Heading as E, CardGroup as F, Callout as I, Button as L, Pre as M, Mermaid as N, Feedback as O, Card as P, Prose as S, Logo as T, WebFrame as _, ResponseExamplesPanel as a, Step as b, getAuthOptions as c, getOpenApiOperationEntry as d, listOpenApiOperations as f, primitives_exports as g, Markdown as h, RequestExamplesPanel as i, CodeGroup as j, Collapse as k, getServerKey as l, getRequestBody$1 as m, OpenApiOperation as n, authPlaceholder as o, getMediaTypeEntries as p, OpenApiRequestWorkbench as r, defaultServerVariables as s, EndpointIdentity as t, getServers as u, TabItem as v, HeroPattern as w, Steps as x, Tabs as y };
 
-//# sourceMappingURL=OpenApiOperation-BcJYHwft.js.map
+//# sourceMappingURL=OpenApiOperation-Ddax6Pen.js.map