iugu-docs-theme 0.1.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: 65633e8686ad2ba2177eaea924b6a578a837e5dffa80e4af43f4fdde7b627321
+  data.tar.gz: 762788e88d6bfdc49d1b8826fb27642bf256990b898a373f38a51cbc4dcc0c98
+SHA512:
+  metadata.gz: 5ec6af5ec4c4c8b4bd4b9975692b17619ab813e5b4858c9dd3bff80f2a9e4f0a1911de08edcd16f12d4d4994b5efc2c5b778df25f6a47a3cda2016c8e66f3b94
+  data.tar.gz: 5ca609ac1291ccc075a9ddada36b80a5305ebc6662e6cdadaf4c0895c631cb8b3fb7a510dc1203134f291493ed9bd1dd64ca1b51d107444e04477d12debee5a4

data/LICENSE.txt

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2024 
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

data/README.md

@@ -0,0 +1,50 @@
+# testtheme
+
+Welcome to your new Jekyll theme! In this directory, you'll find the files you need to be able to package up your theme into a gem. Put your layouts in `_layouts`, your includes in `_includes`, your sass files in `_sass` and any other assets in `assets`.
+
+To experiment with this code, add some sample content and run `bundle exec jekyll serve` – this directory is setup just like a Jekyll site!
+
+TODO: Delete this and the text above, and describe your gem
+
+## Installation
+
+Add this line to your Jekyll site's `Gemfile`:
+
+```ruby
+gem "testtheme"
+```
+
+And add this line to your Jekyll site's `_config.yml`:
+
+```yaml
+theme: testtheme
+```
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install testtheme
+
+## Usage
+
+TODO: Write usage instructions here. Describe your available layouts, includes, sass and/or assets.
+
+## Contributing
+
+Bug reports and pull requests are welcome on GitHub at https://github.com/[USERNAME]/testtheme. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [Contributor Covenant](https://www.contributor-covenant.org/) code of conduct.
+
+## Development
+
+To set up your environment to develop this theme, run `bundle install`.
+
+Your theme is setup just like a normal Jekyll site! To test your theme, run `bundle exec jekyll serve` and open your browser at `http://localhost:4000`. This starts a Jekyll server using your theme. Add pages, documents, data, etc. like normal to test your theme's contents. As you make modifications to your theme and to your content, your site will regenerate and you should see the changes in the browser after a refresh, just like normal.
+
+When your theme is released, only the files in `_layouts`, `_includes`, `_sass` and `assets` tracked with Git will be bundled.
+To add a custom directory to your theme-gem, please edit the regexp in `testtheme.gemspec` accordingly.
+
+## License
+
+The theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).

data/_config.yml

@@ -0,0 +1,35 @@
+plugins:
+  - jekyll-toc
+  - jekyll-multiple-languages-plugin
+  - navigation_widget
+  - button_processor
+  - check_required_filter
+  - collapse_link_tag
+  - doc_toc_filter
+  - type_style_filter
+
+permalink: /:slug/
+
+exclude:
+  - bin
+  - Makefile
+  - Procfile.dev
+  - package.json
+  - tailwind.config.js
+  - postcss.config.js
+  - yarn.lock
+  - package-lock.json
+
+markdown: kramdown
+highlighter: rouge
+kramdown:
+  input: GitlabKramdown
+  enable_another: true
+  highlighter: rouge
+
+toc:
+  enabled: true
+  min_level: 1
+  max_level: 3
+
+languages: ["pt-BR", "en"]

data/_data/contentful/spaces/iugu.yaml

@@ -0,0 +1,26 @@
+---
+linksList:
+- sys:
+    id: 4VLofmHaeVoTz4Qlaty2Gl
+    created_at: !ruby/object:DateTime 2023-05-03 22:48:09.347000000 Z
+    updated_at: !ruby/object:DateTime 2023-05-08 22:54:19.285000000 Z
+    content_type_id: linksList
+    revision: 2
+  list_name: Links do Rodapé
+  links:
+  - sys:
+      id: 5lCe9pbMfmLtmIFty6vC5W
+      created_at: !ruby/object:DateTime 2023-05-03 22:43:56.507000000 Z
+      updated_at: !ruby/object:DateTime 2023-05-03 22:43:56.507000000 Z
+      content_type_id: link
+      revision: 1
+    name: Política de Privacidade
+    url: https://www.iugu.com/juridico/politica-de-privacidade/
+  - sys:
+      id: 2pBwyXHjixxSBCRC9uFSFc
+      created_at: !ruby/object:DateTime 2023-05-03 22:45:26.484000000 Z
+      updated_at: !ruby/object:DateTime 2023-05-03 22:45:26.484000000 Z
+      content_type_id: link
+      revision: 1
+    name: Termos de Serviço
+    url: https://www.iugu.com/juridico/contrato/

data/_data/method-colors.yml

@@ -0,0 +1,5 @@
+get: bg-green-500
+post: bg-blue-600
+delete: bg-red-500
+put: bg-purple-500
+patch: bg-orange-400

data/_includes/alert.liquid

@@ -0,0 +1,7 @@
+{% capture file_name %}icons/{{type}}.liquid{% endcapture %}
+<div class="dark:border-y-neutral-800 dark:border-r-neutral-800 border border-l-2 lg:border-l-4 shadow {{border_color}} my-3 py-3 px-4 rounded-md">
+  <p class="my-0 items-center flex gap-1.5 text-lg font-bold {{text_color}}">
+    {% include {{file_name}} %}{% t alerts.{{type}} %}
+  </p>
+  <span class="font-semibold">{{content}}</span>
+</div>

data/_includes/auth_data.liquid

@@ -0,0 +1,37 @@
+{% if auth_data %}
+{% collapse_link "span" %}
+  <span class="my-4 text-lg font-bold leading-6 text-gray-900 dark:text-gray-100 align-middle">
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="11" height="11" class="inline-block">
+      <path fill="currentColor" d="M18 10V6A6 6 0 0 0 6 6v4H3v14h18V10h-3zM8 6c0-2.206 1.794-4 4-4s4 1.794 4 4v4H8V6zm11 16H5V12h14v10z"></path>
+    </svg>
+    {% t auth_data.authorizations %}
+  </span>
+{% collapse_hidden_content %}
+  {% for data in auth_data %}
+    <div class="border-b py-2 border-gray-200 dark:border-neutral-800 not-prose">
+      <div class="pb-2">
+        <span class="font-semibold">{{ data.Title }}</span>
+        <span class="mt-1 text-sm text-gray-500 dark:text-gray-200">{{ data.Description }}</span>
+      </div>
+      <table>
+        {% for item in data.items %}
+          <tr>
+            <td class="font-semibold">{{ item[0] }}: </td>
+            <td><code class="text-sm">{{ item[1] }}</code></td>
+          </tr>
+        {% endfor %}
+        {% if content['security'] %}
+          {% for security in content['security'] %}
+            {% if security[data.Title].size >= 1 %}
+              <tr>
+                <td class="font-semibold pr-2">Required Scopes: </td>
+                <td><code class="text-sm">{{ security[data.Title] | join: ' - ' }}</code></td>
+              </tr>
+            {% endif %}
+          {% endfor %}
+        {% endif %}
+      </table>
+    </div>
+  {% endfor %}
+{% endcollapse_link %}
+{% endif %}

data/_includes/dark_mode_button.liquid

@@ -0,0 +1,31 @@
+<button id="dark-mode-toggle"
+        type="button"
+        class="bg-neutral-200 dark:bg-neutral-800 relative inline-flex h-6 w-11 flex-shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out focus:outline-none focus:ring-2 focus:ring-neutral-300 dark:focus:ring-neutral-700"
+        role="switch"
+        aria-checked="false"
+        onclick="toggleDarkMode()">
+  <span class="sr-only">Use setting</span>
+  <span class="translate-x-0 dark:translate-x-5 pointer-events-none relative inline-block h-5 w-5 transform rounded-full bg-white shadow ring-0 transition duration-200 ease-in-out">
+    <span class="opacity-100 dark:opacity-0 duration-200 ease-in absolute inset-0 flex h-full w-full items-center justify-center transition-opacity" aria-hidden="true">
+      <div class="flex h-6 w-6 flex-none items-center justify-center rounded-full bg-white shadow ring-1 ring-slate-900/10">
+        <svg class="h-4 w-4 fill-neutral-400">
+          <path fill-rule="evenodd" clip-rule="evenodd" d="M7 1C7 0.447715 7.44772 0 8 0C8.55228 0 9 0.447715 9 1V2C9 2.55228 8.55228 3 8 3C7.44772 3 7 2.55228 7 2V1ZM11 8C11 9.65685 9.65685 11 8 11C6.34315 11 5 9.65685 5 8C5 6.34315 6.34315 5 8 5C9.65685 5 11 6.34315 11 8ZM13.6563 2.34285C13.2658 1.95232 12.6326 1.95232 12.2421 2.34285L11.535 3.04996C11.1445 3.44048 11.1445 4.07365 11.535 4.46417C11.9255 4.85469 12.5587 4.85469 12.9492 4.46417L13.6563 3.75706C14.0469 3.36654 14.0469 2.73337 13.6563 2.34285ZM12.242 13.6563L11.5349 12.9492C11.1443 12.5587 11.1443 11.9255 11.5349 11.535C11.9254 11.1445 12.5585 11.1445 12.9491 11.535L13.6562 12.2421C14.0467 12.6326 14.0467 13.2658 13.6562 13.6563C13.2656 14.0468 12.6325 14.0468 12.242 13.6563ZM16 7.99902C16 7.44674 15.5523 6.99902 15 6.99902H14C13.4477 6.99902 13 7.44674 13 7.99902C13 8.55131 13.4477 8.99902 14 8.99902H15C15.5523 8.99902 16 8.55131 16 7.99902ZM7 14C7 13.4477 7.44772 13 8 13C8.55228 13 9 13.4477 9 14V15C9 15.5523 8.55228 16 8 16C7.44772 16 7 15.5523 7 15V14ZM4.46492 11.5352C4.0744 11.1447 3.44123 11.1447 3.05071 11.5352L2.3436 12.2423C1.95307 12.6329 1.95307 13.266 2.3436 13.6566C2.73412 14.0471 3.36729 14.0471 3.75781 13.6566L4.46492 12.9494C4.85544 12.5589 4.85544 11.9258 4.46492 11.5352ZM4.46477 3.04973C4.85529 3.44025 4.85529 4.07342 4.46477 4.46394C4.07424 4.85447 3.44108 4.85447 3.05055 4.46394L2.34345 3.75684C1.95292 3.36631 1.95292 2.73315 2.34345 2.34262C2.73397 1.9521 3.36714 1.9521 3.75766 2.34262L4.46477 3.04973ZM3 8C3 7.44772 2.55228 7 2 7H1C0.447715 7 0 7.44772 0 8C0 8.55228 0.447715 9 1 9H2C2.55228 9 3 8.55228 3 8Z">
+          </path>
+        </svg>
+      </div>
+    </span>
+    <span class="opacity-0 dark:opacity-100 duration-100 ease-out absolute inset-0 flex h-full w-full items-center justify-center transition-opacity" aria-hidden="true">
+      <div class="flex h-6 w-6 flex-none items-center justify-center rounded-full bg-neutral-950 shadow ring-1 ring-slate-900/10">
+        <svg class="h-4 w-4 fill-white">
+          <path fill-rule="evenodd" clip-rule="evenodd" d="M7.23 3.333C7.757 2.905 7.68 2 7 2a6 6 0 1 0 0 12c.68 0 .758-.905.23-1.332A5.989 5.989 0 0 1 5 8c0-1.885.87-3.568 2.23-4.668ZM12 5a1 1 0 0 1 1 1 1 1 0 0 0 1 1 1 1 0 1 1 0 2 1 1 0 0 0-1 1 1 1 0 1 1-2 0 1 1 0 0 0-1-1 1 1 0 1 1 0-2 1 1 0 0 0 1-1 1 1 0 0 1 1-1Z"></path>
+      </svg>
+      </div>
+    </span>
+  </span>
+</button>
+<script>
+  function toggleDarkMode() {
+    document.documentElement.classList.toggle('dark');
+    toggleHighlightDarkmode()
+  }
+</script>

data/_includes/footer.html

@@ -0,0 +1,11 @@
+<footer class="text-xs border-t dark:border-t-neutral-800 text-gray-500 dark:text-gray-300 text-center"><br />
+  <section class="mb-5 text-sm font-normal grid max-w-xl ml-auto mr-auto grid-cols-1 auto-cols-auto sm:grid-cols-2">
+    {% for obj in site.data.contentful.spaces.iugu.linksList[0]["links"] %}
+    <a class="p-1 m-1 hover:text-gray-400" href="{{ obj.url | url }}">{{ obj.name }}</a>
+    {% endfor %}
+  </section>
+
+  <section class="[&>*]:block pb-5">
+    <span>© {{ site.time | date: '%Y' }}, Iugu Instituição de Pagamento S/A</span>
+  </section>
+</footer>

data/_includes/header.html

@@ -0,0 +1,79 @@
+{% if page.toc %}
+  {% assign top_height = "h-32" %}
+{% else %}
+  {% assign top_height = "h-16" %}
+{% endif %}
+{% assign has_toc = site.pages | find: "path", "toc.yaml" %}
+<div class="z-10 fixed {{top_height}} bg-white/20 dark:bg-neutral-950/20 w-full backdrop-blur-sm md:h-16"></div>
+<div x-data="{ open: false }">
+  <section class="z-40 h-16 fixed border-t-[rgba(0,0,0,0.05)] border-b-[rgba(0,0,0,0.05)] border-t border-b dark:border-b-neutral-800 w-full px-3 left-0 top-0 grid grid-cols-3 gap-4 lg:gap-16 items-center">
+    <div class="flex justify-start">
+      <a href="/" class="flex items-center">
+        <svg class="fill-gray-800 hidden md:block dark:fill-white w-auto h-8" xmlns="http://www.w3.org/2000/svg" width="81.707" height="32.137" viewBox="0 0 81.707 32.137"><g transform="translate(-21.225 -0.243)"><g transform="translate(21.225 0.243)"><path fill-rule="evenodd" d="M217.837,26.563h-1.171a2.393,2.393,0,0,0-2.343,2.428V35.4a6.258,6.258,0,1,0,12.508,0V26.563H225.66a2.393,2.393,0,0,0-2.343,2.428V35.4a2.879,2.879,0,0,1-1.3,2.653,2.667,2.667,0,0,1-2.873,0,2.879,2.879,0,0,1-1.3-2.653Zm-12.475,3.084c2.015,0,2.81,1.588,2.81,3.588a3.294,3.294,0,0,1-3.248,3.577c-1.862,0-2.817-1.379-2.817-3.538A3.355,3.355,0,0,1,205.362,29.648Zm2.81,9.93c0,3.337-2.558,3.645-4.409,3.5a8.9,8.9,0,0,1-4.009-1.209v1.214c0,2.282,2.437,3.236,5.134,3.236,4.006,0,6.8-2.511,6.8-6.776V33.618h-.009c0-.125.009-.251.009-.377,0-3.958-2.257-7.23-6.324-7.23-3.908,0-6.769,3.273-6.769,7.269,0,3.957,2.315,7.182,6.331,7.182a4.278,4.278,0,0,0,3.248-1.235v.356ZM187.5,26.563h-1.171a2.393,2.393,0,0,0-2.345,2.428V35.4a6.258,6.258,0,1,0,12.508,0V26.563h-1.171a2.393,2.393,0,0,0-2.343,2.428V35.4a2.863,2.863,0,0,1-1.349,2.518,2.657,2.657,0,0,1-2.779,0A2.863,2.863,0,0,1,187.5,35.4Zm-6.151,0h-1.171a2.393,2.393,0,0,0-2.345,2.428V38.9a2.393,2.393,0,0,0,2.345,2.428h1.171Zm-2.642-5h1.767a.892.892,0,0,1,.874.906V24.3a.892.892,0,0,1-.874.9H178.7a.892.892,0,0,1-.874-.906V22.466A.892.892,0,0,1,178.7,21.56Z" transform="translate(-145.124 -17.899)"></path><path fill-rule="evenodd" d="M22.557,19.153c.821-.1,1.166-.376,1.146-1.349a19.9,19.9,0,0,0-.24-2.648A12.261,12.261,0,0,0,19.829,8.11a12.366,12.366,0,0,0-8.76-3.094,7.287,7.287,0,0,1-3.124-.671A7.6,7.6,0,0,1,5.369,2.357L4.207,1A2.251,2.251,0,0,0,1.01.826,2.4,2.4,0,0,0,.753,4.107L1.914,5.468A12.23,12.23,0,0,0,6.05,8.656a11.672,11.672,0,0,0,5.031,1.077,8,8,0,0,1,5.668,1.876,7.864,7.864,0,0,1,2.26,4.925c.263,2.146,1.6,2.867,3.542,2.621ZM2.878,13.425h0c1.946-.245,3.281.475,3.544,2.621a7.864,7.864,0,0,0,2.26,4.925,8.02,8.02,0,0,0,5.668,1.876,11.672,11.672,0,0,1,5.031,1.075,12.2,12.2,0,0,1,4.136,3.188l1.159,1.361A2.4,2.4,0,0,1,24.46,31.8a2.251,2.251,0,0,1-3.236-.222L20.07,30.208a7.588,7.588,0,0,0-2.576-1.988,7.248,7.248,0,0,0-3.119-.66,12.351,12.351,0,0,1-8.76-3.094A12.234,12.234,0,0,1,1.981,17.42a19.952,19.952,0,0,1-.24-2.648c-.021-.973.323-1.246,1.144-1.349Zm8.607.353h2.468a1.238,1.238,0,0,1,1.218,1.25v2.529a1.238,1.238,0,0,1-1.218,1.252H11.485a1.238,1.238,0,0,1-1.218-1.252V15.028a1.239,1.239,0,0,1,1.218-1.259Z" transform="translate(-0.225 -0.243)"></path></g></g></svg>
+        <svg class="fill-black md:hidden dark:fill-white h-6 w-10 -ml-1" xmlns="http://www.w3.org/2000/svg" width="27.137" height="32.137" viewBox="0 0 23.137 32.137"><g transform="translate(-21.225 -0.243)"><g transform="translate(21.225 0.243)"><path fill-rule="evenodd" d="M22.557,19.153c.821-.1,1.166-.376,1.146-1.349a19.9,19.9,0,0,0-.24-2.648A12.261,12.261,0,0,0,19.829,8.11a12.366,12.366,0,0,0-8.76-3.094,7.287,7.287,0,0,1-3.124-.671A7.6,7.6,0,0,1,5.369,2.357L4.207,1A2.251,2.251,0,0,0,1.01.826,2.4,2.4,0,0,0,.753,4.107L1.914,5.468A12.23,12.23,0,0,0,6.05,8.656a11.672,11.672,0,0,0,5.031,1.077,8,8,0,0,1,5.668,1.876,7.864,7.864,0,0,1,2.26,4.925c.263,2.146,1.6,2.867,3.542,2.621ZM2.878,13.425h0c1.946-.245,3.281.475,3.544,2.621a7.864,7.864,0,0,0,2.26,4.925,8.02,8.02,0,0,0,5.668,1.876,11.672,11.672,0,0,1,5.031,1.075,12.2,12.2,0,0,1,4.136,3.188l1.159,1.361A2.4,2.4,0,0,1,24.46,31.8a2.251,2.251,0,0,1-3.236-.222L20.07,30.208a7.588,7.588,0,0,0-2.576-1.988,7.248,7.248,0,0,0-3.119-.66,12.351,12.351,0,0,1-8.76-3.094A12.234,12.234,0,0,1,1.981,17.42a19.952,19.952,0,0,1-.24-2.648c-.021-.973.323-1.246,1.144-1.349Zm8.607.353h2.468a1.238,1.238,0,0,1,1.218,1.25v2.529a1.238,1.238,0,0,1-1.218,1.252H11.485a1.238,1.238,0,0,1-1.218-1.252V15.028a1.239,1.239,0,0,1,1.218-1.259Z" transform="translate(-0.225 -0.243)"></path></g></g></svg>
+        <span class="ml-1.5 font-extrabold antialiased uppercase bg-black dark:bg-white text-gray-200 dark:text-gray-800 p-1.5 rounded-md text-[0.8em]">Docs</span>
+      </a>
+      <span class="md:ml-6 text-left truncate dark:text-gray-200 antialiased font-semibold text-3xl">{{ page.title }}</span>
+    </div>
+    <div class="w-full flex justify-start bg-white dark:bg-neutral-800">
+      <button id="search-modal" type="button" class="flex w-full rounded-md text-left border-0 px-2 py-1.5 text-neutral-500 shadow-sm ring-1 ring-gray-300 dark:ring-gray-700 outline-gray-400 sm:text-sm sm:leading-6">
+        <svg width="24" height="24" fill="none" aria-hidden="true" class="mr-1 flex-none">
+          <path d="m19 19-3.5-3.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+          <circle cx="11" cy="11" r="6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></circle>
+        </svg>
+        <span>{% t header.search %}</span>
+      </button>
+    </div>
+    <div class="hidden md:flex justify-center lg:justify-end">
+      {% include dark_mode_button.liquid %}
+    </div>
+    {% if has_toc %}
+      <div class="lg:hidden w-full flex justify-end">
+        <div @click="open = !open" :class="{ 'tham-active': open }" class="lg:hidden tham tham-e-squeeze tham-w-6">
+          <div class="tham-box">
+            <div class="tham-inner dark:bg-white">
+            </div>
+          </div>
+        </div>
+      </div>
+    {% else %}
+      <div class="lg:hidden flex justify-end">
+        {% include dark_mode_button.liquid %}
+      </div>
+    {% endif %}
+    </section>
+    {% include sidebar_menu.liquid %}
+</div>
+{% if page.toc %}
+  <div x-data="{ open_toc: false }">
+    <section class="mobile-toc-ref toc-ref z-40 border-b-[rgba(0,0,0,0.05)] fixed left-0 top-16 h-16 text-center w-full items-center px-3 flex text-sm border-b dark:text-gray-200 font-light md:hidden">
+      <div class="w-full flex justify-end">
+        <span class="title w-full text-left">...</span>
+        <svg @click="open_toc = !open_toc" xmlns="http://www.w3.org/2000/svg" width="24" class="cursor-pointer pr-1 fill-black dark:fill-white" height="18" viewBox="0 0 244.21 183.76">
+          <g id="Group_27737" data-name="Group 27737" transform="translate(0)">
+            <path id="Path_37" data-name="Path 37" d="M774.848,678.948a38.377,38.377,0,1,0,38.376,38.375A38.421,38.421,0,0,0,774.848,678.948Zm0,62.351a23.974,23.974,0,1,1,23.973-23.976A24,24,0,0,1,774.848,741.3Z" transform="translate(-736.474 -678.948)"/>
+            <path id="Path_38" data-name="Path 38" d="M764.84,695.174h128.2a7.2,7.2,0,0,0,0-14.4H764.84a7.2,7.2,0,0,0,0,14.4Z" transform="translate(-656.029 -672.019)"/>
+            <path id="Path_39" data-name="Path 39" d="M764.84,704.515h92.853a7.2,7.2,0,0,0,0-14.4H764.84a7.2,7.2,0,0,0,0,14.4Z" transform="translate(-656.029 -636.517)"/>
+            <path id="Path_40" data-name="Path 40" d="M774.848,701.236a38.377,38.377,0,1,0,38.376,38.375A38.42,38.42,0,0,0,774.848,701.236Zm0,62.351a23.974,23.974,0,1,1,23.973-23.976A24,24,0,0,1,774.848,763.587Z" transform="translate(-736.474 -594.23)"/>
+            <path id="Path_41" data-name="Path 41" d="M893.038,703.061H764.84a7.2,7.2,0,1,0,0,14.4h128.2a7.2,7.2,0,0,0,0-14.4Z" transform="translate(-656.029 -587.298)"/>
+            <path id="Path_42" data-name="Path 42" d="M857.693,712.4H764.84a7.2,7.2,0,1,0,0,14.4h92.853a7.2,7.2,0,0,0,0-14.4Z" transform="translate(-656.029 -551.8)"/>
+          </g>
+        </svg>
+      </div>
+    </section>
+    <section :class="{ 'hidden': !open_toc }"
+            id="toc-contents"
+            x-cloak
+            x-transition:enter="transition-opacity duration-250 ease-in"
+            x-transition:enter-start="opacity-0"
+            x-transition:enter-end="opacity-100"
+            x-transition:leave="transition-opacity duration-250 ease-out"
+            x-transition:leave-start="opacity-100"
+            x-transition:leave-end="opacity-0"
+            class="sidebar-toc z-40 p-4 w-full h-full overflow-y-auto fixed top-32 bg-white dark:bg-neutral-950 md:right-0 md:border-l md:border-l-gray-10 md:dark:border-l-neutral-800  md:w-full md:max-w-[22ch] md:top-16 md:block md:opacity-100">
+      <h1 class="mb-1 uppercase font-normal dark:text-gray-200 text-gray-400 text-sm">{% t header.this_page %}</h1>
+      {{ content | toc_only }}
+    </section>
+  </div>
+{% endif %}
+<div class="{{top_height}} mb-5 md:h-16"></div>

data/_includes/icons/auth.liquid

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="dark:stroke-white stroke-black w-6 h-6">
+  <path stroke-linecap="round" stroke-linejoin="round" d="M16.5 10.5V6.75a4.5 4.5 0 10-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 002.25-2.25v-6.75a2.25 2.25 0 00-2.25-2.25H6.75a2.25 2.25 0 00-2.25 2.25v6.75a2.25 2.25 0 002.25 2.25z" />
+</svg>

data/_includes/icons/danger.liquid

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="stroke-red-500 w-6 h-6">
+  <path stroke-linecap="round" stroke-linejoin="round" d="M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126zM12 15.75h.007v.008H12v-.008z" />
+</svg>

data/_includes/icons/description.liquid

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6">
+  <path stroke-linecap="round" stroke-linejoin="round" d="M7.5 8.25h9m-9 3H12m-9.75 1.51c0 1.6 1.123 2.994 2.707 3.227 1.129.166 2.27.293 3.423.379.35.026.67.21.865.501L12 21l2.755-4.133a1.14 1.14 0 01.865-.501 48.172 48.172 0 003.423-.379c1.584-.233 2.707-1.626 2.707-3.228V6.741c0-1.602-1.123-2.995-2.707-3.228A48.394 48.394 0 0012 3c-2.392 0-4.744.175-7.043.513C3.373 3.746 2.25 5.14 2.25 6.741v6.018z" />
+</svg>

data/_includes/icons/info.liquid

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" class="stroke-blue-500 w-6 h-6">
+  <path stroke-linecap="round" stroke-linejoin="round" d="M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z" />
+</svg>

data/_includes/icons/money.liquid

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="stroke-purple-500 w-6 h-6">
+  <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 18.75a60.07 60.07 0 0115.797 2.101c.727.198 1.453-.342 1.453-1.096V18.75M3.75 4.5v.75A.75.75 0 013 6h-.75m0 0v-.375c0-.621.504-1.125 1.125-1.125H20.25M2.25 6v9m18-10.5v.75c0 .414.336.75.75.75h.75m-1.5-1.5h.375c.621 0 1.125.504 1.125 1.125v9.75c0 .621-.504 1.125-1.125 1.125h-.375m1.5-1.5H21a.75.75 0 00-.75.75v.75m0 0H3.75m0 0h-.375a1.125 1.125 0 01-1.125-1.125V15m1.5 1.5v-.75A.75.75 0 003 15h-.75M15 10.5a3 3 0 11-6 0 3 3 0 016 0zm3 0h.008v.008H18V10.5zm-12 0h.008v.008H6V10.5z" />
+</svg>

data/_includes/icons/success.liquid

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="stroke-green-500 w-6 h-6">
+  <path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
+</svg>

data/_includes/icons/warning.liquid

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="stroke-amber-500 w-6 h-6">
+  <path stroke-linecap="round" stroke-linejoin="round" d="M12 9v3.75m9-.75a9 9 0 11-18 0 9 9 0 0118 0zm-9 3.75h.008v.008H12v-.008z" />
+</svg>

data/_includes/icons/wip.liquid

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" class="stroke-orange-500 w-6 h-6">
+  <path fill="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10 12.078c2.39 0 4.392-.812 4.513-1.873l-1.125-3.152c-.264.761-1.725 1.301-3.388 1.301s-3.124-.54-3.388-1.301l-1.124 3.152c.121 1.061 2.122 1.873 4.512 1.873zm0-6.705c1.124 0 2.167-.348 2.473-.889-.421-1.182-.782-2.197-1.011-2.836C11.31 1.221 10.621 1 10 1s-1.31.221-1.462.648L7.527 4.484c.306.541 1.35.889 2.473.889zm8.78 7.693l-3.755-1.514.433 1.207c-.022 1.279-2.504 2.299-5.458 2.299-2.953 0-5.437-1.019-5.458-2.299l.433-1.207-3.755 1.514c-1.053.424-1.098 1.209-.098 1.744l7.062 3.787c.998.535 2.633.535 3.632 0l7.063-3.787c.999-.535.954-1.32-.099-1.744z" />
+</svg>

data/_includes/lixo.html

@@ -0,0 +1,10 @@
+<div style="height:161px;margin-bottom:40px;overflow:hidden;background:#F0F">
+    <div style="width:100%;height:72px" class="flex items-center p-5">
+        <svg class="fill-gray-800 dark:fill-white w-auto h-10" xmlns="http://www.w3.org/2000/svg" width="81.707" height="32.137" viewBox="0 0 81.707 32.137"><g transform="translate(-21.225 -0.243)"><g transform="translate(21.225 0.243)"><path fill-rule="evenodd" d="M217.837,26.563h-1.171a2.393,2.393,0,0,0-2.343,2.428V35.4a6.258,6.258,0,1,0,12.508,0V26.563H225.66a2.393,2.393,0,0,0-2.343,2.428V35.4a2.879,2.879,0,0,1-1.3,2.653,2.667,2.667,0,0,1-2.873,0,2.879,2.879,0,0,1-1.3-2.653Zm-12.475,3.084c2.015,0,2.81,1.588,2.81,3.588a3.294,3.294,0,0,1-3.248,3.577c-1.862,0-2.817-1.379-2.817-3.538A3.355,3.355,0,0,1,205.362,29.648Zm2.81,9.93c0,3.337-2.558,3.645-4.409,3.5a8.9,8.9,0,0,1-4.009-1.209v1.214c0,2.282,2.437,3.236,5.134,3.236,4.006,0,6.8-2.511,6.8-6.776V33.618h-.009c0-.125.009-.251.009-.377,0-3.958-2.257-7.23-6.324-7.23-3.908,0-6.769,3.273-6.769,7.269,0,3.957,2.315,7.182,6.331,7.182a4.278,4.278,0,0,0,3.248-1.235v.356ZM187.5,26.563h-1.171a2.393,2.393,0,0,0-2.345,2.428V35.4a6.258,6.258,0,1,0,12.508,0V26.563h-1.171a2.393,2.393,0,0,0-2.343,2.428V35.4a2.863,2.863,0,0,1-1.349,2.518,2.657,2.657,0,0,1-2.779,0A2.863,2.863,0,0,1,187.5,35.4Zm-6.151,0h-1.171a2.393,2.393,0,0,0-2.345,2.428V38.9a2.393,2.393,0,0,0,2.345,2.428h1.171Zm-2.642-5h1.767a.892.892,0,0,1,.874.906V24.3a.892.892,0,0,1-.874.9H178.7a.892.892,0,0,1-.874-.906V22.466A.892.892,0,0,1,178.7,21.56Z" transform="translate(-145.124 -17.899)"></path><path fill-rule="evenodd" d="M22.557,19.153c.821-.1,1.166-.376,1.146-1.349a19.9,19.9,0,0,0-.24-2.648A12.261,12.261,0,0,0,19.829,8.11a12.366,12.366,0,0,0-8.76-3.094,7.287,7.287,0,0,1-3.124-.671A7.6,7.6,0,0,1,5.369,2.357L4.207,1A2.251,2.251,0,0,0,1.01.826,2.4,2.4,0,0,0,.753,4.107L1.914,5.468A12.23,12.23,0,0,0,6.05,8.656a11.672,11.672,0,0,0,5.031,1.077,8,8,0,0,1,5.668,1.876,7.864,7.864,0,0,1,2.26,4.925c.263,2.146,1.6,2.867,3.542,2.621ZM2.878,13.425h0c1.946-.245,3.281.475,3.544,2.621a7.864,7.864,0,0,0,2.26,4.925,8.02,8.02,0,0,0,5.668,1.876,11.672,11.672,0,0,1,5.031,1.075,12.2,12.2,0,0,1,4.136,3.188l1.159,1.361A2.4,2.4,0,0,1,24.46,31.8a2.251,2.251,0,0,1-3.236-.222L20.07,30.208a7.588,7.588,0,0,0-2.576-1.988,7.248,7.248,0,0,0-3.119-.66,12.351,12.351,0,0,1-8.76-3.094A12.234,12.234,0,0,1,1.981,17.42a19.952,19.952,0,0,1-.24-2.648c-.021-.973.323-1.246,1.144-1.349Zm8.607.353h2.468a1.238,1.238,0,0,1,1.218,1.25v2.529a1.238,1.238,0,0,1-1.218,1.252H11.485a1.238,1.238,0,0,1-1.218-1.252V15.028a1.239,1.239,0,0,1,1.218-1.259Z" transform="translate(-0.225 -0.243)"></path></g></g></svg>
+        <div class="w-full flex justify-end"><span>MENU</span></div>
+    </div>
+    <div class="p-10">
+        <svg class="fill-gray-300 w-full h-10" xmlns="http://www.w3.org/2000/svg" width="81.707" height="32.137" viewBox="0 0 81.707 32.137"><g transform="translate(-21.225 -0.243)"><g transform="translate(21.225 0.243)"><path fill-rule="evenodd" d="M217.837,26.563h-1.171a2.393,2.393,0,0,0-2.343,2.428V35.4a6.258,6.258,0,1,0,12.508,0V26.563H225.66a2.393,2.393,0,0,0-2.343,2.428V35.4a2.879,2.879,0,0,1-1.3,2.653,2.667,2.667,0,0,1-2.873,0,2.879,2.879,0,0,1-1.3-2.653Zm-12.475,3.084c2.015,0,2.81,1.588,2.81,3.588a3.294,3.294,0,0,1-3.248,3.577c-1.862,0-2.817-1.379-2.817-3.538A3.355,3.355,0,0,1,205.362,29.648Zm2.81,9.93c0,3.337-2.558,3.645-4.409,3.5a8.9,8.9,0,0,1-4.009-1.209v1.214c0,2.282,2.437,3.236,5.134,3.236,4.006,0,6.8-2.511,6.8-6.776V33.618h-.009c0-.125.009-.251.009-.377,0-3.958-2.257-7.23-6.324-7.23-3.908,0-6.769,3.273-6.769,7.269,0,3.957,2.315,7.182,6.331,7.182a4.278,4.278,0,0,0,3.248-1.235v.356ZM187.5,26.563h-1.171a2.393,2.393,0,0,0-2.345,2.428V35.4a6.258,6.258,0,1,0,12.508,0V26.563h-1.171a2.393,2.393,0,0,0-2.343,2.428V35.4a2.863,2.863,0,0,1-1.349,2.518,2.657,2.657,0,0,1-2.779,0A2.863,2.863,0,0,1,187.5,35.4Zm-6.151,0h-1.171a2.393,2.393,0,0,0-2.345,2.428V38.9a2.393,2.393,0,0,0,2.345,2.428h1.171Zm-2.642-5h1.767a.892.892,0,0,1,.874.906V24.3a.892.892,0,0,1-.874.9H178.7a.892.892,0,0,1-.874-.906V22.466A.892.892,0,0,1,178.7,21.56Z" transform="translate(-145.124 -17.899)"></path><path fill-rule="evenodd" d="M22.557,19.153c.821-.1,1.166-.376,1.146-1.349a19.9,19.9,0,0,0-.24-2.648A12.261,12.261,0,0,0,19.829,8.11a12.366,12.366,0,0,0-8.76-3.094,7.287,7.287,0,0,1-3.124-.671A7.6,7.6,0,0,1,5.369,2.357L4.207,1A2.251,2.251,0,0,0,1.01.826,2.4,2.4,0,0,0,.753,4.107L1.914,5.468A12.23,12.23,0,0,0,6.05,8.656a11.672,11.672,0,0,0,5.031,1.077,8,8,0,0,1,5.668,1.876,7.864,7.864,0,0,1,2.26,4.925c.263,2.146,1.6,2.867,3.542,2.621ZM2.878,13.425h0c1.946-.245,3.281.475,3.544,2.621a7.864,7.864,0,0,0,2.26,4.925,8.02,8.02,0,0,0,5.668,1.876,11.672,11.672,0,0,1,5.031,1.075,12.2,12.2,0,0,1,4.136,3.188l1.159,1.361A2.4,2.4,0,0,1,24.46,31.8a2.251,2.251,0,0,1-3.236-.222L20.07,30.208a7.588,7.588,0,0,0-2.576-1.988,7.248,7.248,0,0,0-3.119-.66,12.351,12.351,0,0,1-8.76-3.094A12.234,12.234,0,0,1,1.981,17.42a19.952,19.952,0,0,1-.24-2.648c-.021-.973.323-1.246,1.144-1.349Zm8.607.353h2.468a1.238,1.238,0,0,1,1.218,1.25v2.529a1.238,1.238,0,0,1-1.218,1.252H11.485a1.238,1.238,0,0,1-1.218-1.252V15.028a1.239,1.239,0,0,1,1.218-1.259Z" transform="translate(-0.225 -0.243)"></path></g></g></svg>
+    </div>
+    <svg class="fill-gray-300" xmlns="http://www.w3.org/2000/svg" width="27.137" height="32.137" viewBox="0 0 23.137 32.137"><g transform="translate(-21.225 -0.243)"><g transform="translate(21.225 0.243)"><path fill-rule="evenodd" d="M22.557,19.153c.821-.1,1.166-.376,1.146-1.349a19.9,19.9,0,0,0-.24-2.648A12.261,12.261,0,0,0,19.829,8.11a12.366,12.366,0,0,0-8.76-3.094,7.287,7.287,0,0,1-3.124-.671A7.6,7.6,0,0,1,5.369,2.357L4.207,1A2.251,2.251,0,0,0,1.01.826,2.4,2.4,0,0,0,.753,4.107L1.914,5.468A12.23,12.23,0,0,0,6.05,8.656a11.672,11.672,0,0,0,5.031,1.077,8,8,0,0,1,5.668,1.876,7.864,7.864,0,0,1,2.26,4.925c.263,2.146,1.6,2.867,3.542,2.621ZM2.878,13.425h0c1.946-.245,3.281.475,3.544,2.621a7.864,7.864,0,0,0,2.26,4.925,8.02,8.02,0,0,0,5.668,1.876,11.672,11.672,0,0,1,5.031,1.075,12.2,12.2,0,0,1,4.136,3.188l1.159,1.361A2.4,2.4,0,0,1,24.46,31.8a2.251,2.251,0,0,1-3.236-.222L20.07,30.208a7.588,7.588,0,0,0-2.576-1.988,7.248,7.248,0,0,0-3.119-.66,12.351,12.351,0,0,1-8.76-3.094A12.234,12.234,0,0,1,1.981,17.42a19.952,19.952,0,0,1-.24-2.648c-.021-.973.323-1.246,1.144-1.349Zm8.607.353h2.468a1.238,1.238,0,0,1,1.218,1.25v2.529a1.238,1.238,0,0,1-1.218,1.252H11.485a1.238,1.238,0,0,1-1.218-1.252V15.028a1.239,1.239,0,0,1,1.218-1.259Z" transform="translate(-0.225 -0.243)"></path></g></g></svg>
+</div>

data/_includes/navigation_widget.liquid

@@ -0,0 +1,14 @@
+<div class="mx-4 my-8 grid h-16 grid-cols-2 gap-8">
+  {% if previous_doc %}
+    <a href="{{ site.baseurl }}{{previous_doc.url}}" class="col-start-1 ring-1 no-underline ring-gray-200 hover:ring-gray-500 hover:ring-2 dark:ring-gray-500 dark:hover:ring-gray-200 rounded-lg p-2">
+      <p class="m-0 text-gray-400">{% t navigation_wizard.back %}</p>
+      <span>{{ previous_doc.title }}</span>
+    </a>
+  {% endif %}
+  {% if next_doc %}
+    <a href="{{ site.baseurl }}{{next_doc.url}}" class="col-start-2 ring-1 no-underline ring-gray-200 hover:ring-gray-500 hover:ring-2 dark:ring-gray-500 dark:hover:ring-gray-200 rounded-lg p-2 text-right">
+      <p class="m-0 text-gray-400">{% t navigation_wizard.forward %}</p>
+      <span>{{ next_doc.title }}</span>
+    </a>
+  {% endif %}
+</div>

data/_includes/openapi_ref.liquid

@@ -0,0 +1,36 @@
+<div class="border-b py-12 border-gray-200 dark:border-neutral-800 not-prose">
+  <div class="sm:px-6">
+    <div class="flex flex-wrap items-center justify-between sm:flex-nowrap">
+      <div>
+        <span class="font-bold {{content['color']}} uppercase text-white p-1.5 rounded-md text-sm mr-2">{{ method }}</span>
+        <code class="text-sm">{{ content['formatted'] }}</code>
+        <p class="my-4 text-lg font-bold leading-6 text-gray-900 dark:text-gray-100">{{ content['summary'] }}</p>
+        <p class="mt-1 text-sm text-gray-500 dark:text-gray-200">{{ content['description'] }}</p>
+        {% include auth_data.liquid %}
+      </div>
+    </div>
+    <div class="grid gap-y-4 mt-4">
+      {% if content.requestBody %}
+        {% assign request_properties = content.requestBody.content.first[1].schema.properties %}
+        {% assign request_type = content.requestBody.content.first[0] %}
+        {{ content.requestBody | check_required: 'request_body' }}
+        {% include schema/table.liquid type=request_type properties=request_properties request_required=content.requestBody.required %}
+      {% endif %}
+      {% if content.body_example %}
+        {% include request/body_example.liquid example = content.body_example %}
+      {% endif %}
+      <div class="grid lg:grid-cols-2 items-start gap-x-8">
+        <div>
+          {% if content.parameters and content.parameters.size > 0 %}
+            {% include request/list.liquid %}
+          {% endif %}
+        </div>
+        <div>
+          {% if content.responses %}
+            {% include response/table.liquid %}
+          {% endif %}
+        </div>
+      </div>
+    </div>
+  </div>
+</div>

data/_includes/params/card.liquid

@@ -0,0 +1,18 @@
+<div class="flex gap-x-2">
+  <div class="p-2 pl-4 text-left w-1/3 overflow-x-auto align-top">
+    <span class='font-semibold'>{{ include.name }}</span>
+    {% if include.nesting %}
+      <i class="ml-2 arrow right" :class="{ down: Alpine.store('{{include.name}}Open'), right: !Alpine.store('{{include.name}}Open')}"></i>
+    {% endif %}
+    {% if include.item_required or include.param_required %}
+      <p class='pt-2 text-xs text-red-500'>{% t params.card.required %}</p>
+    {% endif %}
+  </div>
+  <div class="py-2 border-b mix-blend-multiply dark:mix-blend-screen dark:border-neutral-700 w-2/3">
+    <span class='{{ include.type | type_style }} text-xs py-0.5 px-1 dark:border-neutral-800 rounded-md'>{{ include.type | capitalize }}</span>
+    <p class="text-sm pt-2 text-gray-800 dark:text-gray-200">{{ include.description }}</p>
+    {% if include.example %}
+      <p class="text-sm text-gray-500">Ex: {{ include.example }}</p>
+    {% endif %}
+  </div>
+</div>

data/_includes/request/body_example.liquid

@@ -0,0 +1,27 @@
+<div class="text-neutral-200 rounded-lg truncate bg-neutral-700 shadow">
+  <div class="flex justify-between px-6 py-3 font-semibold text-xl items-center">
+    <span>{% t request.body_example.example %}</span>
+    <button type="button" onclick="copyToClipboard()" class="overflow-hidden font-medium">
+      <span aria-hidden="false" class="text-sm flex items-center hover:bg-neutral-800/25 active:bg-neutral-800 pr-1 py-0.5 rounded-md">
+        <svg viewBox="0 0 20 20" aria-hidden="true" class="h-5 w-5 fill-neutral-700 stroke-white">
+          <path stroke-width="0" d="M5.5 13.5v-5a2 2 0 0 1 2-2l.447-.894A2 2 0 0 1 9.737 4.5h.527a2 2 0 0 1 1.789 1.106l.447.894a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-5a2 2 0 0 1-2-2Z"></path>
+          <path fill="none" stroke-linejoin="round" d="M12.5 6.5a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-5a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2m5 0-.447-.894a2 2 0 0 0-1.79-1.106h-.527a2 2 0 0 0-1.789 1.106L7.5 6.5m5 0-1 1h-3l-1-1"></path>
+        </svg>
+        {% t request.body_example.copy %}
+      </span>
+    </button>
+  </div>
+  <div class="px-4 pb-3">
+    <div class="p-4 text-sm bg-neutral-800 rounded-lg overflow-x-scroll">
+      {% highlight json linenos %}{{content['body_example']}}{% endhighlight %}
+    </div>
+  </div>
+</div>
+<script type="text/javascript">
+  function copyToClipboard(id) {
+    var bodyExample = event.target.closest("div").nextElementSibling
+
+    var code = bodyExample.querySelector('code').innerText.trim();
+    navigator.clipboard.writeText(code)
+  }
+</script>

data/_includes/request/list.liquid

@@ -0,0 +1,48 @@
+{% assign path = content.parameters | where: 'in', 'path' %}
+{% assign query = content.parameters | where: 'in', 'query' %}
+{% assign header = content.parameters | where: 'in', 'header' %}
+{% assign cookie = content.parameters | where: 'in', 'cookie' %}
+
+{% if path != empty %}
+  <p class="text-xl py-3 font-semibold">{% t request.list.path_params %}</p>
+  <ul class="mb-5 px-2">
+    {% for param in path %}
+      <li class="dark:border-neutral-800">
+        {% include params/card.liquid name=param.name param_required=param.required type=param.schema.type description=param.description example=param.example %}
+      </li>
+    {% endfor %}
+  </ul>
+{% endif %}
+
+{% if query != empty %}
+  <p class="text-xl py-3 font-semibold">{% t request.list.query_params %}</p>
+  <ul class="mb-5 px-2">
+    {% for param in query %}
+      <li class="dark:border-neutral-800">
+        {% include params/card.liquid name=param.name param_required=param.required type=param.schema.type description=param.description example=param.example %}
+      </li>
+    {% endfor %}
+  </ul>
+{% endif %}
+
+{% if header != empty %}
+  <p class="text-xl py-3 font-semibold">{% t request.list.header_params %}</p>
+  <ul class="mb-5 px-2">
+    {% for param in header %}
+      <li class="dark:border-neutral-800">
+        {% include params/card.liquid name=param.name param_required=param.required type=param.schema.type description=param.description example=param.example %}
+      </li>
+    {% endfor %}
+  </ul>
+{% endif %}
+
+{% if cookie != empty %}
+  <p class="text-xl py-3 font-semibold">{% t request.list.cookie_params %}</p>
+  <ul class="mb-5 px-2">
+    {% for param in cookie %}
+      <li class="dark:border-neutral-800">
+        {% include params/card.liquid name=param.name param_required=param.required type=param.schema.type description=param.description %}
+      </li>
+    {% endfor %}
+  </ul>
+{% endif %}

data/_includes/response/table.liquid

@@ -0,0 +1,40 @@
+<div class='not-prose'>
+  <div class='relative border dark:border-neutral-800 dark:bg-neutral-900 rounded-xl overflow-auto'>
+    <div class='shadow-sm overflow-hidden'>
+      <table class='border-collapse table-auto w-full text-sm'>
+        <thead>
+          <tr>
+            <th colspan='2' class='border-b dark:border-neutral-800 bg-neutral-100 dark:bg-neutral-800 font-medium py-3 dark:text-slate-200 text-left'>
+              <p class="text-xl pl-6 font-semibold">{% t response.table.responses %}</p>
+            </th>
+          </tr>
+        </thead>
+        <tbody x-data class='bg-white dark:bg-neutral-900'>
+          {% for response in content['responses'] %}
+            {{ response | check_required: 'response'}}
+            {% assign response_properties = response[1].content.first[1].schema.properties %}
+            <tr class="last:border-b-0 border-b border-slate-100 dark:border-neutral-800 text-slate-500 dark:text-slate-400">
+              <td class="w-1/4 py-4 pl-4">
+                {{ response[0] | response_status }}
+              </td>
+              <td class="w-3/4 py-4">
+                <div>
+                  <span class='dark:text-gray-200 text-gray-800'>{{ response[1]['description'] }}</span>
+                </div>
+              </td>
+            </tr>
+            {% if response_properties %}
+              <tr>
+                <td colspan='2'>
+                  {% for property in response_properties %}
+                    {% include schema/nested_table.liquid property=property %}
+                  {% endfor %}
+                </td>
+              </tr>
+            {% endif %}
+          {% endfor %}
+        </tbody>
+      </table>
+    </div>
+  </div>
+</div>