dioxus-docs-kit 0.3.0

<!--
  dioxus-docs-kit safelist v0.1.0 — regenerate when component markup changes

  Tailwind CSS 4 safelist for dioxus-docs-kit + dioxus-mdx.

  When using these crates as a git or crates.io dependency, Tailwind's @source
  scanner cannot find classes inside ~/.cargo. Copy this file into your project
  root and add to your tailwind.css:

    @source "./safelist-docs-kit.html";

  This file is organized by component. Dynamic / runtime classes that Tailwind
  cannot detect from source scanning are grouped at the end.
-->

<!-- ================================================================== -->
<!-- dioxus-docs-kit: DocsLayout (docs_layout.rs)                       -->
<!-- ================================================================== -->
<div class="min-h-screen bg-base-100"></div>
<div class="sticky top-0 z-50"></div>
<div class="navbar bg-base-200 border-b border-base-300 px-4 lg:px-8"></div>
<div class="flex-1 gap-2"></div>
<div class="btn btn-ghost btn-sm btn-square lg:hidden"></div>
<div class="size-5"></div>
<div class="flex-none gap-1"></div>
<div class="bg-base-200/80 backdrop-blur border-b border-base-300 px-4 lg:px-8"></div>
<div class="flex items-center justify-between"></div>
<div class="flex gap-6"></div>
<div class="text-primary border-b-2 border-primary font-medium"></div>
<div class="text-base-content/60 hover:text-base-content border-b-2 border-transparent"></div>
<div class="px-1 py-2.5 text-sm transition-colors -mb-px"></div>
<div class="flex items-center gap-1"></div>
<div class="flex"></div>
<div class="w-64 shrink-0 border-r border-base-300 bg-base-200/30 hidden lg:block"></div>
<div class="sticky top-[6.5rem] h-[calc(100vh-6.5rem)]"></div>
<div class="sticky top-16 h-[calc(100vh-4rem)]"></div>
<div class="top-0 scroll-mt-0 h-screen"></div>
<div class="scroll-mt-16 scroll-mt-[6.5rem]"></div>
<div class="overflow-y-auto p-6"></div>
<div class="flex-1 min-w-0"></div>

<!-- ================================================================== -->
<!-- dioxus-docs-kit: SearchButton (docs_layout.rs)                     -->
<!-- ================================================================== -->
<div class="btn btn-ghost btn-sm gap-2"></div>
<div class="size-4"></div>
<div class="hidden sm:inline text-base-content/60 text-sm"></div>
<div class="kbd kbd-xs hidden sm:inline-flex"></div>

<!-- ================================================================== -->
<!-- dioxus-docs-kit: DocsSidebar (sidebar.rs)                          -->
<!-- ================================================================== -->
<div class="space-y-6"></div>
<div class="space-y-2"></div>
<div class="font-semibold text-sm text-base-content/70 uppercase tracking-wider px-3"></div>
<div class="space-y-1"></div>
<div class="mt-3"></div>
<div class="text-xs font-medium text-base-content/50 uppercase tracking-wider px-3 mb-1"></div>
<div class="space-y-0.5"></div>

<!-- Sidebar: ApiSidebarLink -->
<div class="bg-primary/10 text-primary font-medium border-l-2 border-primary"></div>
<div class="text-base-content/70 hover:text-base-content hover:bg-base-200"></div>
<div class="text-success"></div>
<div class="text-primary"></div>
<div class="text-warning"></div>
<div class="text-error"></div>
<div class="text-info"></div>
<div class="text-base-content/50"></div>
<div class="flex items-center gap-2 px-3 py-1.5 text-sm rounded-lg transition-colors"></div>
<div class="w-10 text-[10px] font-bold font-mono shrink-0"></div>
<div class="truncate"></div>

<!-- Sidebar: SidebarLink -->
<div class="block px-3 py-2 text-sm rounded-lg transition-colors"></div>

<!-- ================================================================== -->
<!-- dioxus-docs-kit: SearchModal (search_modal.rs)                     -->
<!-- ================================================================== -->
<div class="fixed inset-0 z-[100] bg-black/50 flex items-start justify-center pt-[15vh]"></div>
<div class="bg-base-200 rounded-xl w-full max-w-lg mx-4 border border-base-300 shadow-2xl overflow-hidden"></div>
<div class="flex items-center gap-3 px-4 py-3 border-b border-base-300"></div>
<div class="size-5 text-base-content/50 shrink-0"></div>
<div class="flex-1 bg-transparent outline-none text-base placeholder:text-base-content/40"></div>
<div class="btn btn-ghost btn-xs btn-square"></div>
<div class="max-h-80 overflow-y-auto"></div>
<div class="px-4 py-8 text-center text-base-content/50 text-sm"></div>
<div class="px-4 py-2 border-t border-base-300 text-xs text-base-content/40 flex justify-between"></div>

<!-- SearchModal: SearchResultItem -->
<div class="w-full text-left px-4 py-3 hover:bg-base-300/50 transition-colors flex items-center gap-3 border-b border-base-300/50 last:border-b-0"></div>
<div class="flex-1 min-w-0"></div>
<div class="flex items-center gap-2"></div>
<div class="badge badge-xs font-mono"></div>
<div class="badge-success"></div>
<div class="badge-primary"></div>
<div class="badge-warning"></div>
<div class="badge-error"></div>
<div class="badge-info"></div>
<div class="badge-ghost"></div>
<div class="font-medium text-sm truncate"></div>
<div class="text-xs text-base-content/50 truncate block mt-0.5"></div>

<!-- ================================================================== -->
<!-- dioxus-docs-kit: DocsPageContent (docs_page.rs)                    -->
<!-- ================================================================== -->
<div class="flex flex-col"></div>
<div class="px-8 lg:px-12 pb-12"></div>
<div class="max-w-2xl"></div>
<div class="container mx-auto px-8 py-12 max-w-4xl"></div>
<div class="text-center"></div>
<div class="text-4xl font-bold mb-4"></div>
<div class="text-base-content/70 mb-8"></div>
<div class="btn btn-primary"></div>
<div class="flex-1 min-w-0 px-8 py-12 lg:px-12"></div>
<div class="max-w-3xl mx-auto"></div>
<div class="mb-8 pb-8 border-b border-base-300"></div>
<div class="flex items-start justify-between gap-4"></div>
<div class="text-4xl font-bold tracking-tight mb-3"></div>
<div class="text-lg text-base-content/70"></div>
<div class="prose prose-base max-w-none
    prose-headings:scroll-mt-20 prose-headings:scroll-mt-0 prose-headings:scroll-mt-16 prose-headings:scroll-mt-[6.5rem]
    prose-h2:text-2xl prose-h2:font-semibold prose-h2:mt-10 prose-h2:mb-4
    prose-h3:text-xl prose-h3:font-medium prose-h3:mt-8 prose-h3:mb-3
    prose-p:text-base-content/80 prose-p:leading-relaxed
    prose-a:text-primary prose-a:no-underline hover:prose-a:underline
    prose-code:bg-base-200 prose-code:px-1.5 prose-code:py-0.5 prose-code:rounded prose-code:text-sm
    prose-pre:bg-base-200 prose-pre:border prose-pre:border-base-300"></div>
<div class="w-56 shrink-0 hidden xl:block"></div>
<div class="sticky top-20 p-6"></div>

<!-- DocsPageContent: CopyMdxButton -->
<div class="btn btn-ghost btn-sm gap-1.5 opacity-60 hover:opacity-100 transition-all duration-150 hover:bg-base-content/10 shrink-0"></div>
<div class="size-4 text-success"></div>
<div class="text-xs"></div>

<!-- ================================================================== -->
<!-- dioxus-docs-kit: DocsPageNav (page_nav.rs)                         -->
<!-- ================================================================== -->
<div class="mt-16 pt-8 border-t border-base-300 flex justify-between gap-4"></div>
<div class="flex-1"></div>
<div class="flex-1 text-right"></div>
<div class="group flex flex-col p-4 rounded-lg border border-base-300 hover:border-primary/50 hover:bg-base-200/50 transition-all"></div>
<div class="text-xs text-base-content/50 mb-1"></div>
<div class="font-medium group-hover:text-primary transition-colors"></div>
<div class="group flex flex-col p-4 rounded-lg border border-base-300 hover:border-primary/50 hover:bg-base-200/50 transition-all items-end"></div>

<!-- ================================================================== -->
<!-- dioxus-docs-kit: MobileDrawer (mobile_drawer.rs)                   -->
<!-- ================================================================== -->
<div class="fixed inset-0 z-[60] bg-black/50 lg:hidden transition-opacity duration-300 opacity-100"></div>
<div class="fixed inset-0 z-[60] bg-black/50 lg:hidden transition-opacity duration-300 opacity-0 pointer-events-none"></div>
<div class="fixed left-0 top-0 bottom-0 z-[70] w-72 bg-base-200 lg:hidden transition-transform duration-300 translate-x-0 shadow-2xl"></div>
<div class="fixed left-0 top-0 bottom-0 z-[70] w-72 bg-base-200 lg:hidden transition-transform duration-300 -translate-x-full shadow-2xl"></div>
<div class="flex items-center justify-between px-4 py-3 border-b border-base-300"></div>
<div class="font-semibold text-sm"></div>
<div class="overflow-y-auto h-[calc(100%-3.5rem)] p-6"></div>

<!-- ================================================================== -->
<!-- dioxus-docs-kit: ThemeToggle (theme_toggle.rs)                     -->
<!-- ================================================================== -->
<div class="btn btn-ghost btn-sm btn-square"></div>

<!-- ================================================================== -->
<!-- dioxus-mdx: DocCodeBlock / DocCodeGroup (code.rs)                  -->
<!-- ================================================================== -->
<div class="my-6 relative group rounded-lg border border-base-content/10 overflow-hidden"></div>
<div class="flex items-center justify-between bg-base-200/80 px-4 py-2.5 border-b border-base-content/10 text-sm"></div>
<div class="text-base-content/60 font-mono text-xs tracking-wide"></div>
<div class="bg-base-300/50 px-4 py-4 overflow-x-auto syntax-highlight mt-0"></div>
<div class="bg-base-300/50 p-4 overflow-x-auto relative syntax-highlight"></div>
<div class="text-sm font-mono leading-relaxed"></div>
<div class="absolute top-3 right-3"></div>
<div class="my-6 rounded-lg border border-base-content/10 overflow-hidden"></div>
<div class="flex items-center bg-base-200/80 border-b border-base-content/10"></div>
<div class="px-4 py-2.5 text-sm font-medium text-primary border-b-2 border-primary -mb-px bg-base-300/30 transition-colors"></div>
<div class="px-4 py-2.5 text-sm font-medium text-base-content/60 hover:text-base-content hover:bg-base-300/20 transition-colors"></div>
<div class="relative group"></div>

<!-- CopyButton -->
<div class="btn btn-ghost btn-xs opacity-60 hover:opacity-100 group-hover:opacity-100 transition-all duration-150 hover:bg-base-content/10"></div>
<div class="size-4 text-success"></div>

<!-- ================================================================== -->
<!-- dioxus-mdx: MermaidDiagram (mermaid.rs)                            -->
<!-- ================================================================== -->
<div class="my-6 flex justify-center"></div>

<!-- ================================================================== -->
<!-- dioxus-mdx: DocCallout (callout.rs)                                -->
<!-- ================================================================== -->
<div class="my-6 px-4 py-4 rounded-lg border-l-4 shadow-sm"></div>
<div class="bg-success/5"></div>
<div class="border-success/40"></div>
<div class="text-success"></div>
<div class="shadow-success/5"></div>
<div class="bg-info/5"></div>
<div class="border-info/40"></div>
<div class="text-info"></div>
<div class="shadow-info/5"></div>
<div class="bg-warning/5"></div>
<div class="border-warning/40"></div>
<div class="text-warning"></div>
<div class="shadow-warning/5"></div>
<div class="flex gap-4"></div>
<div class="mt-0.5 shrink-0"></div>
<div class="flex-1 min-w-0"></div>
<div class="font-semibold text-sm uppercase tracking-wide"></div>
<div class="prose prose-sm max-w-none text-base-content/85 mt-1.5 [&>p:first-child]:mt-0 [&>p:last-child]:mb-0"></div>

<!-- ================================================================== -->
<!-- dioxus-mdx: DocTabs (tabs.rs)                                      -->
<!-- ================================================================== -->
<div class="my-6"></div>
<div class="flex border-b border-base-content/10 mb-4"></div>
<div class="px-4 py-2.5 text-sm font-medium text-primary border-b-2 border-primary -mb-px transition-colors"></div>
<div class="px-4 py-2.5 text-sm font-medium text-base-content/60 hover:text-base-content border-b-2 border-transparent -mb-px transition-colors"></div>
<div class="p-4 bg-base-200/50 rounded-lg border border-base-content/5"></div>
<div class="tab-content"></div>

<!-- ================================================================== -->
<!-- dioxus-mdx: DocAccordionGroup / DocAccordionItem (accordion.rs)     -->
<!-- ================================================================== -->
<div class="my-6 space-y-3"></div>
<div class="border border-base-content/15 rounded-lg overflow-hidden shadow-sm"></div>
<div class="border border-base-content/10 rounded-lg overflow-hidden hover:border-base-content/20 transition-colors"></div>
<div class="w-full flex items-center gap-3 px-4 py-3.5 text-left bg-base-200/50 transition-colors"></div>
<div class="w-full flex items-center gap-3 px-4 py-3.5 text-left hover:bg-base-200/30 transition-colors"></div>
<div class="text-primary shrink-0"></div>
<div class="size-5"></div>
<div class="size-6"></div>
<div class="flex-1 font-medium text-base-content"></div>
<div class="size-5 text-base-content/50 transform rotate-180 transition-transform duration-200"></div>
<div class="size-5 text-base-content/50 transition-transform duration-200"></div>
<div class="px-4 pb-4 border-t border-base-content/10 bg-base-200/30 accordion-content-enter"></div>
<div class="prose prose-sm max-w-none pt-4"></div>

<!-- ================================================================== -->
<!-- dioxus-mdx: DocCardGroup / DocCard (card.rs)                       -->
<!-- ================================================================== -->
<div class="grid grid-cols-1 gap-4"></div>
<div class="grid grid-cols-1 md:grid-cols-2 gap-4"></div>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4"></div>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4"></div>
<div class="bg-base-300 hover:border-primary/50 transition-colors duration-150 border border-base-content/10 rounded-lg h-full"></div>
<div class="p-6"></div>
<div class="text-primary mb-5"></div>
<div class="font-semibold text-base-content mb-2 no-underline"></div>
<div class="text-sm text-base-content/60 leading-relaxed [&>p]:my-0 [&_a]:no-underline [&_a]:text-base-content/60"></div>
<div class="block no-underline hover:no-underline not-prose"></div>
<div class="block no-underline text-left w-full not-prose"></div>

<!-- ================================================================== -->
<!-- dioxus-mdx: DocSteps (steps.rs)                                    -->
<!-- ================================================================== -->
<div class="my-8"></div>
<div class="relative border-l-2 border-primary/20 ml-5 space-y-8"></div>
<div class="relative pl-10"></div>
<div class="absolute left-0 top-0 -translate-x-1/2 flex items-center justify-center w-7 h-7 bg-primary text-primary-content rounded-full font-semibold text-sm shadow-sm"></div>
<div class="font-semibold text-base text-base-content mb-2"></div>
<div class="prose prose-sm max-w-none"></div>

<!-- ================================================================== -->
<!-- dioxus-mdx: DocTableOfContents (toc.rs)                            -->
<!-- ================================================================== -->
<div class="text-sm"></div>
<div class="font-semibold text-base-content mb-4 text-xs uppercase tracking-wider flex items-center gap-1.5"></div>
<div class="size-3.5"></div>
<div class="space-y-2.5"></div>
<div class="ml-4"></div>
<div class="text-[13px]"></div>
<div class="ml-6"></div>
<div class="relative"></div>
<div class="toc-inactive block py-0.5"></div>
<div class="toc-active"></div>

<!-- ================================================================== -->
<!-- dioxus-mdx: DocNodeRenderer / DocContent (renderer.rs)             -->
<!-- ================================================================== -->
<div class="prose-content"></div>
<div class="doc-content"></div>

<!-- ================================================================== -->
<!-- dioxus-mdx: DocParamField (param_field.rs)                         -->
<!-- ================================================================== -->
<div class="border-b border-base-300 py-4 first:pt-0 last:border-b-0"></div>
<div class="flex items-center gap-3 flex-wrap"></div>
<div class="font-mono font-semibold text-primary"></div>
<div class="text-xs px-2 py-0.5 rounded-full bg-base-300 text-base-content/70"></div>
<div class="text-xs px-2 py-0.5 rounded-full bg-error/20 text-error"></div>
<div class="text-xs px-2 py-0.5 rounded-full bg-base-300 text-base-content/70 font-mono"></div>
<div class="mt-2 text-base-content/70"></div>

<!-- ================================================================== -->
<!-- dioxus-mdx: DocResponseField / DocExpandable (response_field.rs)    -->
<!-- ================================================================== -->
<div class="ml-4 border-l-2 border-base-300 pl-4"></div>
<div class="py-3"></div>
<div class="flex items-start gap-2 flex-wrap"></div>
<div class="font-mono font-semibold text-base-content bg-base-300 px-2 py-0.5 rounded"></div>
<div class="badge badge-outline badge-sm"></div>
<div class="badge badge-success badge-sm"></div>
<div class="prose prose-sm max-w-none mt-2 text-base-content/80"></div>
<div class="size-4 text-base-content/50 transform rotate-90 transition-transform"></div>
<div class="size-4 text-base-content/50 transition-transform"></div>
<div class="mt-3 border border-base-300 rounded-lg overflow-hidden"></div>
<div class="w-full flex items-center gap-2 px-3 py-2 text-left hover:bg-base-200 transition-colors text-sm"></div>
<div class="font-medium text-base-content/70"></div>
<div class="px-3 pb-3 border-t border-base-300 bg-base-200/30"></div>

<!-- ================================================================== -->
<!-- dioxus-mdx: DocRequestExample / DocResponseExample (api_examples.rs) -->
<!-- ================================================================== -->
<div class="text-sm font-semibold text-base-content/70 uppercase tracking-wide mb-2"></div>

<!-- ================================================================== -->
<!-- dioxus-mdx: DocUpdate (update.rs)                                  -->
<!-- ================================================================== -->
<div class="grid grid-cols-[120px_1fr] gap-x-8 py-8 border-b border-base-content/10 last:border-b-0 max-sm:grid-cols-1 max-sm:gap-y-3"></div>
<div class="flex flex-col items-start gap-1.5"></div>
<div class="badge badge-primary font-mono"></div>
<div class="text-xs text-base-content/50"></div>
<div class="prose prose-sm max-w-none"></div>

<!-- ================================================================== -->
<!-- dioxus-mdx: EndpointPage (openapi/endpoint_page.rs)                -->
<!-- ================================================================== -->
<div class="flex flex-col lg:flex-row gap-0"></div>
<div class="flex-1 min-w-0 px-8 py-12 lg:px-12"></div>
<div class="max-w-2xl"></div>
<div class="flex items-center gap-3 mb-6"></div>
<div class="px-3 py-1.5 rounded-lg font-mono text-sm font-bold border"></div>
<div class="font-mono text-lg text-base-content"></div>
<div class="badge badge-warning badge-sm"></div>
<div class="text-3xl font-bold tracking-tight mb-3"></div>
<div class="text-base text-base-content/70 mb-6 leading-relaxed"></div>
<div class="mb-8 flex items-center gap-2"></div>
<div class="text-xs text-base-content/50 font-semibold uppercase tracking-wider"></div>
<div class="text-sm font-mono text-base-content/70 bg-base-200 px-2 py-1 rounded"></div>
<div class="mb-8"></div>
<div class="text-lg font-semibold mb-4 pb-2 border-b border-base-300"></div>
<div class="lg:w-[45%] lg:shrink-0 lg:border-l border-base-300 bg-base-200/20"></div>
<div class="lg:sticky lg:top-16 lg:h-[calc(100vh-4rem)] lg:overflow-y-auto p-6 space-y-6"></div>
<div class="text-sm font-semibold text-base-content/70 uppercase tracking-wider mb-3"></div>
<div class="rounded-lg border border-base-300 overflow-hidden"></div>
<div class="px-3 py-2 bg-base-300/50 border-b border-base-300 flex items-center gap-2"></div>
<div class="text-xs font-mono text-base-content/70 truncate"></div>
<div class="bg-base-300/30 p-4 overflow-x-auto syntax-highlight"></div>
<div class="bg-base-300/30 p-4 overflow-x-auto syntax-highlight max-h-[60vh]"></div>
<div class="badge badge-sm font-mono font-bold"></div>
<div class="text-xs text-base-content/50"></div>

<!-- ================================================================== -->
<!-- dioxus-mdx: EndpointCard (openapi/endpoint_card.rs)                -->
<!-- ================================================================== -->
<div class="border border-base-300 rounded-lg overflow-hidden my-3"></div>
<div class="w-full flex items-center gap-3 px-4 py-3 text-left hover:bg-base-200/50 transition-colors"></div>
<div class="size-4 text-base-content/50 transform rotate-90 transition-transform shrink-0"></div>
<div class="size-4 text-base-content/50 transition-transform shrink-0"></div>
<div class="font-mono text-sm text-base-content"></div>
<div class="text-sm text-base-content/60 truncate ml-auto max-w-[40%]"></div>
<div class="border-t border-base-300"></div>
<div class="px-4 py-3 bg-base-200/30"></div>
<div class="font-semibold text-base-content"></div>
<div class="mt-2 text-sm text-base-content/70"></div>
<div class="mt-2"></div>
<div class="text-xs text-base-content/50"></div>
<div class="text-xs font-mono text-base-content/70"></div>
<div class="px-4 py-3 border-t border-base-300"></div>
<div class="text-sm font-semibold text-base-content/80 mb-3 flex items-center gap-2"></div>

<!-- ================================================================== -->
<!-- dioxus-mdx: MethodBadge (openapi/method_badge.rs)                  -->
<!-- ================================================================== -->
<div class="badge badge-sm font-mono font-bold"></div>

<!-- ================================================================== -->
<!-- dioxus-mdx: ParametersList / ParameterItem (openapi/parameters_list.rs) -->
<!-- ================================================================== -->
<div class="space-y-1"></div>
<div class="border-b border-base-300 py-3 first:pt-0 last:border-b-0"></div>
<div class="flex items-center gap-2 flex-wrap"></div>
<div class="font-mono font-semibold text-primary"></div>
<div class="badge badge-sm badge-outline"></div>
<div class="text-xs px-2 py-0.5 rounded-full bg-base-300 text-base-content/70"></div>
<div class="text-xs px-2 py-0.5 rounded-full bg-error/20 text-error"></div>
<div class="text-xs px-2 py-0.5 rounded-full bg-warning/20 text-warning line-through"></div>
<div class="mt-2 text-sm text-base-content/70"></div>
<div class="text-xs font-mono text-secondary"></div>

<!-- ================================================================== -->
<!-- dioxus-mdx: RequestBodySection (openapi/request_body.rs)           -->
<!-- ================================================================== -->
<div class="space-y-3"></div>
<div class="text-xs px-2 py-0.5 rounded-full bg-base-300 text-base-content/50"></div>
<div class="text-sm text-base-content/70"></div>
<div class="border border-base-300 rounded-lg overflow-hidden"></div>
<div class="px-3 py-2 bg-base-200 border-b border-base-300"></div>
<div class="text-xs font-mono text-base-content/70"></div>
<div class="p-3"></div>
<div class="px-3 py-2 border-t border-base-300 bg-base-200/50"></div>
<div class="text-xs text-base-content/50 font-semibold"></div>
<div class="mt-1 text-xs font-mono text-secondary overflow-x-auto"></div>

<!-- ================================================================== -->
<!-- dioxus-mdx: ResponsesList / ResponseItem (openapi/responses_list.rs) -->
<!-- ================================================================== -->
<div class="space-y-2"></div>
<div class="border border-base-300 rounded-lg overflow-hidden"></div>
<div class="w-full flex items-center gap-3 px-3 py-2 text-left hover:bg-base-200 transition-colors"></div>
<div class="text-sm text-base-content/70 flex-1"></div>
<div class="border-t border-base-300 bg-base-200/30"></div>
<div class="mb-2"></div>
<div class="text-xs font-mono text-base-content/50"></div>
<div class="mt-3 p-2 bg-base-300 rounded"></div>
<div class="mt-1 text-xs font-mono text-secondary overflow-x-auto whitespace-pre-wrap"></div>

<!-- ================================================================== -->
<!-- dioxus-mdx: SchemaViewer / SchemaTypeLabel (openapi/schema_viewer.rs) -->
<!-- ================================================================== -->
<div class="ml-4 border-l-2 border-base-300 pl-3"></div>
<div class="py-1.5"></div>
<div class="flex items-center gap-2 flex-wrap"></div>
<div class="p-0.5 hover:bg-base-300 rounded transition-colors"></div>
<div class="size-4 text-base-content/50 transform rotate-90 transition-transform"></div>
<div class="size-4 text-base-content/50 transition-transform"></div>
<div class="font-mono font-semibold text-primary text-sm"></div>
<div class="text-xs px-2 py-0.5 rounded-full bg-base-300 text-base-content/70"></div>
<div class="text-xs px-2 py-0.5 rounded-full bg-error/20 text-error"></div>
<div class="text-xs px-2 py-0.5 rounded-full bg-base-300 text-base-content/50"></div>
<div class="text-xs text-base-content/50"></div>
<div class="text-sm text-base-content/70 mt-1"></div>
<div class="mt-1 flex items-center gap-2 flex-wrap"></div>
<div class="text-xs px-1.5 py-0.5 rounded bg-base-300 font-mono"></div>
<div class="mt-1"></div>
<div class="text-xs font-mono text-primary"></div>
<div class="text-xs font-mono text-secondary"></div>
<div class="text-xs text-base-content/50 ml-4"></div>
<div class="mt-2 ml-4"></div>
<div class="text-xs text-base-content/50 font-semibold"></div>
<div class="text-xs px-2 py-0.5 rounded-full bg-base-300 text-base-content/70 font-mono"></div>

<!-- ================================================================== -->
<!-- dioxus-mdx: TagGroup / UngroupedEndpoints (openapi/tag_group.rs)   -->
<!-- ================================================================== -->
<div class="w-full flex items-center gap-2 py-2 text-left group"></div>
<div class="size-5 text-base-content/50 transform rotate-90 transition-transform"></div>
<div class="size-5 text-base-content/50 transition-transform"></div>
<div class="text-lg font-semibold text-base-content"></div>
<div class="badge badge-ghost badge-sm"></div>
<div class="text-sm text-base-content/70 ml-7 mb-3"></div>

<!-- ================================================================== -->
<!-- dioxus-mdx: OpenApiViewer / ApiInfoHeader / SchemaDefinitions       -->
<!--             (openapi/spec_viewer.rs)                               -->
<!-- ================================================================== -->
<div class="openapi-viewer"></div>
<div class="mt-6"></div>
<div class="border-b border-base-300 pb-4 mb-4"></div>
<div class="flex items-center gap-3 flex-wrap"></div>
<div class="text-2xl font-bold text-base-content"></div>
<div class="badge badge-primary badge-outline"></div>
<div class="mt-2 text-base-content/70"></div>
<div class="mt-4"></div>
<div class="text-sm font-semibold text-base-content/60 flex items-center gap-2"></div>
<div class="mt-2 space-y-1"></div>
<div class="flex items-center gap-2"></div>
<div class="text-sm font-mono text-primary bg-base-200 px-2 py-1 rounded"></div>
<div class="text-sm text-base-content/50"></div>
<div class="mt-8 border-t border-base-300 pt-4"></div>
<div class="w-full flex items-center gap-2 py-2 text-left"></div>
<div class="text-lg font-semibold text-base-content flex items-center gap-2"></div>
<div class="mt-4 space-y-4"></div>
<div class="border border-base-300 rounded-lg overflow-hidden"></div>
<div class="px-4 py-2 bg-base-200 border-b border-base-300"></div>
<div class="font-mono font-semibold text-primary"></div>
<div class="p-4"></div>

<!-- ================================================================== -->
<!-- DYNAMIC / RUNTIME CLASSES                                          -->
<!-- These are generated by match arms and format! macros at runtime.    -->
<!-- Tailwind cannot detect them from source scanning alone.            -->
<!-- ================================================================== -->

<!-- HttpMethod::badge_class() (openapi_types.rs:93-103) -->
<div class="badge-soft badge-success badge-primary badge-warning badge-error badge-info badge-ghost"></div>

<!-- HttpMethod::bg_class() (openapi_types.rs:106-116) -->
<div class="bg-success/10 border-success/30 text-success"></div>
<div class="bg-primary/10 border-primary/30 text-primary"></div>
<div class="bg-warning/10 border-warning/30 text-warning"></div>
<div class="bg-error/10 border-error/30 text-error"></div>
<div class="bg-info/10 border-info/30 text-info"></div>
<div class="bg-base-300 border-base-content/20 text-base-content/70"></div>

<!-- ParameterLocation::badge_class() (openapi_types.rs:298-305) -->
<div class="badge-primary badge-info badge-warning badge-secondary"></div>

<!-- ApiResponse::status_badge_class() (openapi_types.rs:362-370) -->
<div class="badge-success badge-info badge-warning badge-error badge-ghost"></div>

<!-- CalloutType::alert_class() (types.rs:103-110) — not currently used in UI but defined -->
<div class="alert-success alert-info alert-warning"></div>

<!-- ParamLocation::badge_class() (types.rs:233-240) -->
<div class="badge-warning badge-primary badge-info badge-secondary"></div>

<!-- Sidebar method colors (sidebar.rs:101-108) -->
<div class="text-success text-primary text-warning text-error text-info text-base-content/50"></div>

<!-- SearchResultItem method badges (search_modal.rs:138-145) -->
<div class="badge-soft badge-success badge-primary badge-warning badge-error badge-info badge-ghost"></div>

<!-- EndpointPage response status colors (endpoint_page.rs:146-152) -->
<div class="badge-success badge-info badge-ghost"></div>