diff --git a/404.html b/404.html
index 06f3d95..0cb2671 100644
--- a/404.html
+++ b/404.html
@@ -4,4 +4,4 @@
   var computedColorScheme = colorScheme !== "auto" ? colorScheme : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
   document.documentElement.setAttribute("data-mantine-color-scheme", computedColorScheme);
 } catch (e) {}
-</script><link rel="preload" href="/mantine-flip/_next/static/css/1ecf45d38d0c1d93.css" as="style"/><link rel="stylesheet" href="/mantine-flip/_next/static/css/1ecf45d38d0c1d93.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/mantine-flip/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/mantine-flip/_next/static/chunks/webpack-223c7464148535ab.js" defer=""></script><script src="/mantine-flip/_next/static/chunks/framework-212660725580d976.js" defer=""></script><script src="/mantine-flip/_next/static/chunks/main-a005d2cf3e6027bd.js" defer=""></script><script src="/mantine-flip/_next/static/chunks/pages/_app-be1e7b34a4ffce78.js" defer=""></script><script src="/mantine-flip/_next/static/chunks/pages/_error-78f2934ae700e086.js" defer=""></script><script src="/mantine-flip/_next/static/jV8yfdiEngf5v-I_5WfQq/_buildManifest.js" defer=""></script><script src="/mantine-flip/_next/static/jV8yfdiEngf5v-I_5WfQq/_ssgManifest.js" defer=""></script></head><body><div id="__next"><style data-mantine-styles="classes">@media (max-width: 35.99375em) {.mantine-visible-from-xs {display: none !important;}}@media (min-width: 36em) {.mantine-hidden-from-xs {display: none !important;}}@media (max-width: 47.99375em) {.mantine-visible-from-sm {display: none !important;}}@media (min-width: 48em) {.mantine-hidden-from-sm {display: none !important;}}@media (max-width: 61.99375em) {.mantine-visible-from-md {display: none !important;}}@media (min-width: 62em) {.mantine-hidden-from-md {display: none !important;}}@media (max-width: 74.99375em) {.mantine-visible-from-lg {display: none !important;}}@media (min-width: 75em) {.mantine-hidden-from-lg {display: none !important;}}@media (max-width: 87.99375em) {.mantine-visible-from-xl {display: none !important;}}@media (min-width: 88em) {.mantine-hidden-from-xl {display: none !important;}}</style><div style="font-family:system-ui,&quot;Segoe UI&quot;,Roboto,Helvetica,Arial,sans-serif,&quot;Apple Color Emoji&quot;,&quot;Segoe UI Emoji&quot;;height:100vh;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center"><div><style>body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}</style><h1 class="next-error-h1" style="display:inline-block;margin:0 20px 0 0;padding-right:23px;font-size:24px;font-weight:500;vertical-align:top;line-height:49px">404</h1><div style="display:inline-block;text-align:left"><h2 style="font-size:14px;font-weight:400;line-height:49px;margin:0">This page could not be found<!-- -->.</h2></div></div></div></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"statusCode":404}},"page":"/_error","query":{},"buildId":"jV8yfdiEngf5v-I_5WfQq","assetPrefix":"/mantine-flip","nextExport":true,"isFallback":false,"gip":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+</script><link rel="preload" href="/mantine-flip/_next/static/css/1ecf45d38d0c1d93.css" as="style"/><link rel="stylesheet" href="/mantine-flip/_next/static/css/1ecf45d38d0c1d93.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/mantine-flip/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/mantine-flip/_next/static/chunks/webpack-223c7464148535ab.js" defer=""></script><script src="/mantine-flip/_next/static/chunks/framework-212660725580d976.js" defer=""></script><script src="/mantine-flip/_next/static/chunks/main-a005d2cf3e6027bd.js" defer=""></script><script src="/mantine-flip/_next/static/chunks/pages/_app-be1e7b34a4ffce78.js" defer=""></script><script src="/mantine-flip/_next/static/chunks/pages/_error-78f2934ae700e086.js" defer=""></script><script src="/mantine-flip/_next/static/H-5E7goH-5iy-bofLvFNF/_buildManifest.js" defer=""></script><script src="/mantine-flip/_next/static/H-5E7goH-5iy-bofLvFNF/_ssgManifest.js" defer=""></script></head><body><div id="__next"><style data-mantine-styles="classes">@media (max-width: 35.99375em) {.mantine-visible-from-xs {display: none !important;}}@media (min-width: 36em) {.mantine-hidden-from-xs {display: none !important;}}@media (max-width: 47.99375em) {.mantine-visible-from-sm {display: none !important;}}@media (min-width: 48em) {.mantine-hidden-from-sm {display: none !important;}}@media (max-width: 61.99375em) {.mantine-visible-from-md {display: none !important;}}@media (min-width: 62em) {.mantine-hidden-from-md {display: none !important;}}@media (max-width: 74.99375em) {.mantine-visible-from-lg {display: none !important;}}@media (min-width: 75em) {.mantine-hidden-from-lg {display: none !important;}}@media (max-width: 87.99375em) {.mantine-visible-from-xl {display: none !important;}}@media (min-width: 88em) {.mantine-hidden-from-xl {display: none !important;}}</style><div style="font-family:system-ui,&quot;Segoe UI&quot;,Roboto,Helvetica,Arial,sans-serif,&quot;Apple Color Emoji&quot;,&quot;Segoe UI Emoji&quot;;height:100vh;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center"><div><style>body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}</style><h1 class="next-error-h1" style="display:inline-block;margin:0 20px 0 0;padding-right:23px;font-size:24px;font-weight:500;vertical-align:top;line-height:49px">404</h1><div style="display:inline-block;text-align:left"><h2 style="font-size:14px;font-weight:400;line-height:49px;margin:0">This page could not be found<!-- -->.</h2></div></div></div></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"statusCode":404}},"page":"/_error","query":{},"buildId":"H-5E7goH-5iy-bofLvFNF","assetPrefix":"/mantine-flip","nextExport":true,"isFallback":false,"gip":true,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
diff --git a/_next/static/jV8yfdiEngf5v-I_5WfQq/_buildManifest.js b/_next/static/H-5E7goH-5iy-bofLvFNF/_buildManifest.js
similarity index 100%
rename from _next/static/jV8yfdiEngf5v-I_5WfQq/_buildManifest.js
rename to _next/static/H-5E7goH-5iy-bofLvFNF/_buildManifest.js
diff --git a/_next/static/jV8yfdiEngf5v-I_5WfQq/_ssgManifest.js b/_next/static/H-5E7goH-5iy-bofLvFNF/_ssgManifest.js
similarity index 100%
rename from _next/static/jV8yfdiEngf5v-I_5WfQq/_ssgManifest.js
rename to _next/static/H-5E7goH-5iy-bofLvFNF/_ssgManifest.js
diff --git a/index.html b/index.html
index a6af592..0a0f94d 100644
--- a/index.html
+++ b/index.html
@@ -4,7 +4,7 @@
   var computedColorScheme = colorScheme !== "auto" ? colorScheme : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
   document.documentElement.setAttribute("data-mantine-color-scheme", computedColorScheme);
 } catch (e) {}
-</script><link rel="preload" href="/mantine-flip/_next/static/css/1ecf45d38d0c1d93.css" as="style"/><link rel="stylesheet" href="/mantine-flip/_next/static/css/1ecf45d38d0c1d93.css" data-n-g=""/><link rel="preload" href="/mantine-flip/_next/static/css/ee445a7f61bd9536.css" as="style"/><link rel="stylesheet" href="/mantine-flip/_next/static/css/ee445a7f61bd9536.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/mantine-flip/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/mantine-flip/_next/static/chunks/webpack-223c7464148535ab.js" defer=""></script><script src="/mantine-flip/_next/static/chunks/framework-212660725580d976.js" defer=""></script><script src="/mantine-flip/_next/static/chunks/main-a005d2cf3e6027bd.js" defer=""></script><script src="/mantine-flip/_next/static/chunks/pages/_app-be1e7b34a4ffce78.js" defer=""></script><script src="/mantine-flip/_next/static/chunks/9793-e4347b89dcc8b6b9.js" defer=""></script><script src="/mantine-flip/_next/static/chunks/pages/index-2caef1e0afb34468.js" defer=""></script><script src="/mantine-flip/_next/static/jV8yfdiEngf5v-I_5WfQq/_buildManifest.js" defer=""></script><script src="/mantine-flip/_next/static/jV8yfdiEngf5v-I_5WfQq/_ssgManifest.js" defer=""></script></head><body><div id="__next"><style data-mantine-styles="classes">@media (max-width: 35.99375em) {.mantine-visible-from-xs {display: none !important;}}@media (min-width: 36em) {.mantine-hidden-from-xs {display: none !important;}}@media (max-width: 47.99375em) {.mantine-visible-from-sm {display: none !important;}}@media (min-width: 48em) {.mantine-hidden-from-sm {display: none !important;}}@media (max-width: 61.99375em) {.mantine-visible-from-md {display: none !important;}}@media (min-width: 62em) {.mantine-hidden-from-md {display: none !important;}}@media (max-width: 74.99375em) {.mantine-visible-from-lg {display: none !important;}}@media (min-width: 75em) {.mantine-hidden-from-lg {display: none !important;}}@media (max-width: 87.99375em) {.mantine-visible-from-xl {display: none !important;}}@media (min-width: 88em) {.mantine-hidden-from-xl {display: none !important;}}</style><style data-mantine-styles="inline">:root{--app-shell-header-height:calc(3.75rem * var(--mantine-scale));--app-shell-header-offset:calc(3.75rem * var(--mantine-scale));--app-shell-padding:0px;}</style><div style="--app-shell-transition-duration:200ms;--app-shell-transition-timing-function:ease" class="m-89ab340 mantine-AppShell-root"><header style="--app-shell-header-z-index:100" class="m-3b16f56b mantine-AppShell-header right-scroll-bar-position right-scroll-bar-position" data-with-border="true"><div style="--container-size:var(--container-size-lg);padding-right:var(--mantine-spacing-md);padding-left:var(--mantine-spacing-md)" class="Shell_inner__vEmfO m-7485cace mantine-Container-root" data-size="lg"><a href="https://mantine.dev/" target="_blank" class="mantine-focus-auto Shell_logo__4Ivhz" rel="noreferrer"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 623 163" style="height:calc(1.875rem * var(--mantine-scale))" class="m-2075ec07"><g fill="none" fill-rule="evenodd"><path fill="#339af0" fill-rule="nonzero" d="M162.162 81.5c0-45.011-36.301-81.5-81.08-81.5C36.301 0 0 36.489 0 81.5 0 126.51 36.301 163 81.081 163s81.081-36.49 81.081-81.5z"></path><g fill="#fff"><path fill-rule="nonzero" d="M65.983 43.049a6.234 6.234 0 00-.336 6.884 6.14 6.14 0 001.618 1.786c9.444 7.036 14.866 17.794 14.866 29.52 0 11.726-5.422 22.484-14.866 29.52a6.142 6.142 0 00-1.616 1.786 6.211 6.211 0 00-.694 4.693c.197.79.546 1.533 1.028 2.186a6.154 6.154 0 008.634 1.284 50.112 50.112 0 007.947-7.39h17.493c3.406 0 6.174-2.772 6.174-6.194s-2.762-6.194-6.174-6.194h-9.655a49.166 49.166 0 004.071-19.69 49.166 49.166 0 00-4.07-19.692h9.66c3.406 0 6.173-2.771 6.173-6.194 0-3.422-2.762-6.193-6.173-6.193H82.574a50.11 50.11 0 00-7.952-7.397 6.149 6.149 0 00-4.578-1.153 6.189 6.189 0 00-4.055 2.438h-.006z"></path><path d="M56.236 79.391a9.342 9.342 0 01.632-3.608 9.261 9.261 0 011.967-3.077 9.143 9.143 0 012.994-2.063 9.06 9.06 0 017.103 0 9.144 9.144 0 012.995 2.063 9.261 9.261 0 011.967 3.077 9.34 9.34 0 01.63 3.608 9.299 9.299 0 01-2.755 6.395 9.094 9.094 0 01-6.388 2.63 9.094 9.094 0 01-6.39-2.63 9.299 9.299 0 01-2.755-6.395z"></path></g><path fill="currentColor" fill-rule="nonzero" d="M291.736 126.644c1.984 0 3.823-.434 5.518-1.302 1.695-.868 2.542-2.129 2.542-3.782v-77.5c0-2.976-.827-5.063-2.48-6.262-1.653-1.199-3.513-1.798-5.58-1.798-1.901 0-3.555.207-4.96.62-1.405.413-2.666 1.24-3.782 2.48s-2.418 3.059-3.906 5.456l-15.252 27.776-15.128-27.776c-1.323-2.397-2.583-4.216-3.782-5.456-1.199-1.24-2.48-2.067-3.844-2.48-1.364-.413-3.038-.62-5.022-.62-1.984 0-3.823.6-5.518 1.798-1.695 1.199-2.542 3.286-2.542 6.262v77.5c0 1.653.847 2.914 2.542 3.782 1.695.868 3.534 1.302 5.518 1.302 2.067 0 3.927-.434 5.58-1.302 1.653-.868 2.48-2.129 2.48-3.782V67.248l14.26 26.784c.744 1.24 1.591 2.087 2.542 2.542.95.455 1.88.682 2.79.682.992 0 1.984-.248 2.976-.744s1.86-1.323 2.604-2.48l14.384-25.792v53.32c0 1.653.847 2.914 2.542 3.782 1.695.868 3.534 1.302 5.518 1.302zm34.375 1.116c4.298 0 7.956-.992 10.974-2.976 3.017-1.984 5.642-4.257 7.874-6.82v3.596c0 1.405.682 2.604 2.046 3.596 1.364.992 3.08 1.488 5.146 1.488 2.232 0 4.092-.496 5.58-1.488 1.488-.992 2.232-2.19 2.232-3.596V91.18c0-4.216-.889-8.143-2.666-11.78-1.778-3.637-4.609-6.613-8.494-8.928-3.886-2.315-9.052-3.472-15.5-3.472-2.894 0-5.87.372-8.928 1.116-3.059.744-5.642 1.798-7.75 3.162-2.108 1.364-3.162 2.914-3.162 4.65 0 1.819.475 3.596 1.426 5.332.95 1.736 2.294 2.604 4.03 2.604 1.074 0 2.066-.33 2.976-.992.91-.661 2.211-1.302 3.906-1.922 1.694-.62 4.112-.93 7.254-.93 2.81 0 4.98.579 6.51 1.736 1.53 1.157 2.645 2.604 3.348 4.34a14.092 14.092 0 011.054 5.332v1.612h-5.084c-5.704 0-10.726.537-15.066 1.612-4.34 1.075-7.73 2.935-10.168 5.58-2.439 2.645-3.658 6.324-3.658 11.036 0 5.621 1.591 9.775 4.774 12.462 3.182 2.687 6.964 4.03 11.346 4.03zm6.448-11.904c-1.819 0-3.369-.537-4.65-1.612-1.282-1.075-1.922-2.77-1.922-5.084 0-2.315.764-4.03 2.294-5.146 1.53-1.116 3.534-1.84 6.014-2.17 2.48-.33 5.084-.496 7.812-.496h1.86v2.604c0 1.984-.6 3.885-1.798 5.704-1.199 1.819-2.666 3.307-4.402 4.464-1.736 1.157-3.472 1.736-5.208 1.736zm84.169 10.788c2.067 0 3.927-.434 5.58-1.302 1.653-.868 2.48-2.129 2.48-3.782V92.172c0-4.63-.971-8.845-2.914-12.648-1.943-3.803-4.526-6.84-7.75-9.114C410.9 68.137 407.345 67 403.46 67c-4.133 0-7.626.971-10.478 2.914-2.852 1.943-4.898 4.113-6.138 6.51v-3.72c0-1.488-.682-2.687-2.046-3.596-1.364-.91-3.038-1.364-5.022-1.364-2.315 0-4.216.455-5.704 1.364-1.488.91-2.232 2.108-2.232 3.596v48.856c0 1.24.744 2.397 2.232 3.472 1.488 1.075 3.39 1.612 5.704 1.612 2.232 0 4.133-.537 5.704-1.612 1.57-1.075 2.356-2.232 2.356-3.472V92.172c0-2.315.496-4.299 1.488-5.952.992-1.653 2.273-2.935 3.844-3.844 1.57-.91 3.183-1.364 4.836-1.364 1.984 0 3.803.558 5.456 1.674 1.653 1.116 2.955 2.5 3.906 4.154a10.52 10.52 0 011.426 5.332v29.388c0 1.653.868 2.914 2.604 3.782 1.736.868 3.513 1.302 5.332 1.302zm47.432 0c2.315 0 4.03-.703 5.146-2.108 1.116-1.405 1.674-2.976 1.674-4.712 0-1.653-.558-3.183-1.674-4.588-1.116-1.405-2.831-2.108-5.146-2.108h-4.836c-2.563 0-4.36-.496-5.394-1.488-1.033-.992-1.55-2.687-1.55-5.084V79.4h14.632c1.323 0 2.335-.6 3.038-1.798.703-1.199 1.054-2.542 1.054-4.03 0-1.488-.351-2.831-1.054-4.03-.703-1.199-1.715-1.798-3.038-1.798H452.38V46.416c0-1.488-.847-2.687-2.542-3.596-1.695-.91-3.534-1.364-5.518-1.364-1.819 0-3.596.455-5.332 1.364-1.736.91-2.604 2.108-2.604 3.596v60.14c0 6.944 1.963 12.028 5.89 15.252 3.927 3.224 9.61 4.836 17.05 4.836h4.836zM487.232 54.6c2.397 0 4.443-.806 6.138-2.418 1.695-1.612 2.542-3.41 2.542-5.394 0-2.15-.847-3.989-2.542-5.518-1.695-1.53-3.74-2.294-6.138-2.294-2.397 0-4.464.765-6.2 2.294-1.736 1.53-2.604 3.369-2.604 5.518 0 1.984.868 3.782 2.604 5.394 1.736 1.612 3.803 2.418 6.2 2.418zm0 72.044c2.232 0 4.133-.537 5.704-1.612 1.57-1.075 2.356-2.232 2.356-3.472V72.704c0-1.488-.785-2.687-2.356-3.596-1.57-.91-3.472-1.364-5.704-1.364-2.315 0-4.216.455-5.704 1.364-1.488.91-2.232 2.108-2.232 3.596v48.856c0 1.24.744 2.397 2.232 3.472 1.488 1.075 3.39 1.612 5.704 1.612zm65.247 0c2.066 0 3.926-.434 5.58-1.302 1.653-.868 2.48-2.129 2.48-3.782V92.172c0-4.63-.972-8.845-2.914-12.648-1.943-3.803-4.526-6.84-7.75-9.114-3.224-2.273-6.779-3.41-10.664-3.41-4.134 0-7.626.971-10.478 2.914-2.852 1.943-4.898 4.113-6.138 6.51v-3.72c0-1.488-.682-2.687-2.046-3.596-1.364-.91-3.038-1.364-5.022-1.364-2.315 0-4.216.455-5.704 1.364-1.488.91-2.232 2.108-2.232 3.596v48.856c0 1.24.744 2.397 2.232 3.472 1.488 1.075 3.39 1.612 5.704 1.612 2.232 0 4.133-.537 5.704-1.612 1.57-1.075 2.356-2.232 2.356-3.472V92.172c0-2.315.496-4.299 1.488-5.952.992-1.653 2.273-2.935 3.844-3.844 1.57-.91 3.182-1.364 4.836-1.364 1.984 0 3.802.558 5.456 1.674 1.653 1.116 2.955 2.5 3.906 4.154a10.52 10.52 0 011.426 5.332v29.388c0 1.653.868 2.914 2.604 3.782 1.736.868 3.513 1.302 5.332 1.302zm47.68 1.116c4.464 0 8.328-.558 11.594-1.674 3.265-1.116 5.786-2.48 7.564-4.092 1.777-1.612 2.666-3.12 2.666-4.526 0-.827-.248-1.798-.744-2.914a8.641 8.641 0 00-2.108-2.914c-.91-.827-1.984-1.24-3.224-1.24-1.158 0-2.398.372-3.72 1.116-1.323.744-2.894 1.53-4.712 2.356-1.819.827-4.092 1.24-6.82 1.24-4.299 0-7.792-1.095-10.478-3.286-2.687-2.19-4.03-5.063-4.03-8.618v-1.86h25.172c1.901 0 3.74-.186 5.518-.558 1.777-.372 3.244-1.323 4.402-2.852 1.157-1.53 1.736-4.071 1.736-7.626 0-4.63-1.199-8.68-3.596-12.152-2.398-3.472-5.518-6.2-9.362-8.184-3.844-1.984-8.08-2.976-12.71-2.976-5.043 0-9.61 1.137-13.702 3.41-4.092 2.273-7.358 5.29-9.796 9.052-2.439 3.761-3.658 7.874-3.658 12.338v10.54c0 5.043 1.281 9.486 3.844 13.33 2.562 3.844 6.096 6.82 10.602 8.928 4.505 2.108 9.692 3.162 15.562 3.162zm4.092-35.836h-18.104v-3.472c0-1.984.516-3.7 1.55-5.146 1.033-1.447 2.376-2.563 4.03-3.348 1.653-.785 3.43-1.178 5.332-1.178 1.984 0 3.802.413 5.456 1.24 1.653.827 2.976 1.984 3.968 3.472s1.488 3.183 1.488 5.084c0 1.323-.269 2.211-.806 2.666-.538.455-1.509.682-2.914.682z"></path></g></svg></a><div style="--group-gap:var(--mantine-spacing-xs);--group-align:center;--group-justify:flex-start;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root mantine-visible-from-sm"><a class="mantine-focus-auto m-18a11a80 m-19df8210 m-87cf2631 mantine-UnstyledButton-root" aria-label="Discord" href="https://discord.gg/wbH82zuWMN"><svg style="width:calc(1.25rem * var(--mantine-scale));height:calc(1.25rem * var(--mantine-scale))" class="" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 256 199"><path fill="currentColor" d="M216.856 16.597A208.5 208.5 0 00164.042 0c-2.275 4.113-4.933 9.646-6.766 14.046-19.692-2.961-39.203-2.961-58.533 0-1.832-4.4-4.55-9.933-6.846-14.046a207.807 207.807 0 00-52.855 16.638C5.618 67.147-3.443 116.4 1.087 164.956c22.169 16.555 43.653 26.612 64.775 33.193A161.13 161.13 0 0079.735 175.3a136.374 136.374 0 01-21.846-10.632 108.542 108.542 0 005.356-4.237c42.122 19.702 87.89 19.702 129.51 0 1.751 1.46 3.543 2.88 5.355 4.237a136.011 136.011 0 01-21.886 10.653c4.006 8.02 8.638 15.671 13.873 22.848 21.142-6.581 42.646-16.637 64.815-33.213 5.316-56.288-9.081-105.09-38.056-148.36zM85.474 135.095c-12.645 0-23.015-11.805-23.015-26.18s10.149-26.2 23.015-26.2c12.867 0 23.236 11.804 23.015 26.2.02 14.375-10.148 26.18-23.015 26.18zm85.051 0c-12.645 0-23.014-11.805-23.014-26.18s10.148-26.2 23.014-26.2c12.867 0 23.236 11.804 23.015 26.2 0 14.375-10.148 26.18-23.015 26.18z"></path></svg></a><a class="mantine-focus-auto m-18a11a80 m-87cf2631 mantine-UnstyledButton-root" aria-label="Source code" href="https://github.com/gfazioli/mantine-flip"><svg style="width:calc(1.375rem * var(--mantine-scale));height:calc(1.375rem * var(--mantine-scale))" class="" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor"><path fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"></path></svg></a><button class="mantine-focus-auto m-18a11a80 m-87cf2631 mantine-UnstyledButton-root" type="button" aria-label="Toggle color scheme"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="m-83c3d5d1 m-f4e3c6be"><path d="M12 12m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0"></path><path d="M3 12h1m8 -9v1m8 8h1m-9 8v1m-6.4 -15.4l.7 .7m12.1 -.7l-.7 .7m0 11.4l.7 .7m-12.1 -.7l-.7 .7"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="m-83c3d5d1 m-83c188ce"><path d="M12 3c.132 0 .263 0 .393 0a7.5 7.5 0 0 0 7.92 12.446a9 9 0 1 1 -8.313 -12.454z"></path></svg></button></div><div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:flex-start;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root mantine-hidden-from-sm"><button class="mantine-focus-auto m-18a11a80 m-87cf2631 mantine-UnstyledButton-root" type="button" aria-label="Toggle color scheme"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="m-83c3d5d1 m-f4e3c6be"><path d="M12 12m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0"></path><path d="M3 12h1m8 -9v1m8 8h1m-9 8v1m-6.4 -15.4l.7 .7m12.1 -.7l-.7 .7m0 11.4l.7 .7m-12.1 -.7l-.7 .7"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="m-83c3d5d1 m-83c188ce"><path d="M12 3c.132 0 .263 0 .393 0a7.5 7.5 0 0 0 7.92 12.446a9 9 0 1 1 -8.313 -12.454z"></path></svg></button></div></div></header><main class="m-8983817 mantine-AppShell-main"><div class="Shell_main__lcVaI"><header class="PageHeader_root__u_xWw"><div style="--container-size:var(--container-size-lg)" class="m-7485cace mantine-Container-root" data-size="lg"><h1 style="--title-fw:var(--mantine-h1-font-weight);--title-lh:var(--mantine-h1-line-height);--title-fz:var(--mantine-h1-font-size)" class="PageHeader_title__gP726 m-8a5d1357 mantine-Title-root" data-order="1">@gfazioli/mantine-flip</h1><p class="mantine-focus-auto PageHeader_description__gCV5r m-b6d8b162 mantine-Text-root">A Mantine component that flips the content of the component when hovered over.</p><div class="PageHeader_links__3ws49"><div class="PageHeaderLink_root__xmmCT"><div class="PageHeaderLink_label__7Fad9">Source</div><a href="https://github.com/gfazioli/mantine-flip" target="_blank" class="PageHeaderLink_body__qvtDJ" rel="noreferrer"><div class="PageHeaderLink_icon__d9jEr"><svg style="width:calc(1rem * var(--mantine-scale));height:calc(1rem * var(--mantine-scale))" class="" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor"><path fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"></path></svg></div><div>View source code</div></a></div><div class="PageHeaderLink_root__xmmCT"><div class="PageHeaderLink_label__7Fad9">Package</div><a href="https://npmjs.com/package/@gfazioli/mantine-flip" target="_blank" class="PageHeaderLink_body__qvtDJ" rel="noreferrer"><div class="PageHeaderLink_icon__d9jEr"><svg style="width:calc(1rem * var(--mantine-scale));height:calc(1rem * var(--mantine-scale))" class="" preserveAspectRatio="xMidYMid" viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg"><path d="M0 256V0h256v256z" fill="#C12127"></path><path d="M48 48h160v160h-32V80h-48v128H48z" fill="#FFF"></path></svg></div><div>@gfazioli/mantine-flip</div></a></div><div class="PageHeaderLink_root__xmmCT"><div class="PageHeaderLink_label__7Fad9">Docs</div><a href="https://github.com/gfazioli/mantine-flip/blob/master/docs/pages/index.mdx" target="_blank" class="PageHeaderLink_body__qvtDJ" rel="noreferrer"><div class="PageHeaderLink_icon__d9jEr"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-edit"><path d="M7 7h-1a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-1"></path><path d="M20.385 6.585a2.1 2.1 0 0 0 -2.97 -2.97l-8.415 8.385v3h3l8.385 -8.415z"></path><path d="M16 5l3 3"></path></svg></div><div>Edit this page</div></a></div><div class="PageHeaderLink_root__xmmCT"><div class="PageHeaderLink_label__7Fad9">Built by</div><a href="https://github.com/gfazioli" target="_blank" class="PageHeaderLink_body__qvtDJ" rel="noreferrer"><div class="PageHeaderLink_icon__d9jEr"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-user-code"><path d="M8 7a4 4 0 1 0 8 0a4 4 0 0 0 -8 0"></path><path d="M6 21v-2a4 4 0 0 1 4 -4h3.5"></path><path d="M20 21l2 -2l-2 -2"></path><path d="M17 17l-2 2l2 2"></path></svg></div><div>Giovambattista Fazioli<!-- --> <span style="color:var(--mantine-color-dimmed)" class="mantine-focus-auto m-b6d8b162 mantine-Text-root" data-inherit="true">(@<!-- -->gfazioli<!-- -->)</span></div></a></div><div class="PageHeaderLink_root__xmmCT"><div class="PageHeaderLink_label__7Fad9">License</div><a href="https://github.com/gfazioli/mantine-flip/blob/master/LICENSE" target="_blank" class="PageHeaderLink_body__qvtDJ" rel="noreferrer"><div class="PageHeaderLink_icon__d9jEr"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-license"><path d="M15 21h-9a3 3 0 0 1 -3 -3v-1h10v2a2 2 0 0 0 4 0v-14a2 2 0 1 1 2 2h-2m2 -4h-11a3 3 0 0 0 -3 3v11"></path><path d="M9 7l4 0"></path><path d="M9 11l4 0"></path></svg></div><div>MIT</div></a></div></div></div></header><div style="--tabs-radius:var(--mantine-radius-md);--tabs-color:var(--mantine-color-blue-filled)" class="DocsTabs_root__3_liq m-89d60db1 mantine-Tabs-root" data-variant="outline" data-orientation="horizontal" id="mantine-Rlllm"><div class="DocsTabs_tabsWrapper__IRW55"><div class="m-6772fbd5 DocsTabs_tabsList__WAMMe m-89d33d6d mantine-Tabs-list" data-variant="outline" data-orientation="horizontal" role="tablist" aria-orientation="horizontal"><button class="mantine-focus-auto m-b59ab47c DocsTabs_tab__mfbTe m-4ec4dce6 mantine-Tabs-tab m-87cf2631 mantine-UnstyledButton-root" data-variant="outline" data-active="true" data-orientation="horizontal" type="button" role="tab" id="mantine-Rlllm-tab-docs" aria-selected="true" tabindex="0" aria-controls="mantine-Rlllm-panel-docs"><span class="mantine-Tabs-tabLabel">Documentation</span></button><button class="mantine-focus-auto m-b59ab47c DocsTabs_tab__mfbTe m-4ec4dce6 mantine-Tabs-tab m-87cf2631 mantine-UnstyledButton-root" data-variant="outline" data-orientation="horizontal" type="button" role="tab" id="mantine-Rlllm-tab-props" aria-selected="false" tabindex="-1" aria-controls="mantine-Rlllm-panel-props"><span class="mantine-Tabs-tabLabel">Props</span></button><button class="mantine-focus-auto m-b59ab47c DocsTabs_tab__mfbTe m-4ec4dce6 mantine-Tabs-tab m-87cf2631 mantine-UnstyledButton-root" data-variant="outline" data-orientation="horizontal" type="button" role="tab" id="mantine-Rlllm-tab-styles-api" aria-selected="false" tabindex="-1" aria-controls="mantine-Rlllm-panel-styles-api"><span class="mantine-Tabs-tabLabel">Styles API</span></button></div></div><div class="m-b0c91715 mantine-Tabs-panel" data-orientation="horizontal" role="tabpanel" id="mantine-Rlllm-panel-docs" aria-labelledby="mantine-Rlllm-tab-docs"><div class="DocsTabs_tabContent__xZoIg" data-main="true"><div class="DocsTabs_main__bXjjr" id="mdx"><div id="installation" data-heading="Installation" data-order="2" class="MdxElements_titleOffset__Vn_Uo"></div><h2 style="--title-fw:var(--mantine-h2-font-weight);--title-lh:var(--mantine-h2-line-height);--title-fz:var(--mantine-h2-font-size)" class="MdxElements_title__YHwzc m-8a5d1357 mantine-Title-root" data-order="2"><a class="MdxElements_titleLink__MBV9J mantine-focus-auto" href="#installation">Installation</a></h2>
+</script><link rel="preload" href="/mantine-flip/_next/static/css/1ecf45d38d0c1d93.css" as="style"/><link rel="stylesheet" href="/mantine-flip/_next/static/css/1ecf45d38d0c1d93.css" data-n-g=""/><link rel="preload" href="/mantine-flip/_next/static/css/ee445a7f61bd9536.css" as="style"/><link rel="stylesheet" href="/mantine-flip/_next/static/css/ee445a7f61bd9536.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/mantine-flip/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/mantine-flip/_next/static/chunks/webpack-223c7464148535ab.js" defer=""></script><script src="/mantine-flip/_next/static/chunks/framework-212660725580d976.js" defer=""></script><script src="/mantine-flip/_next/static/chunks/main-a005d2cf3e6027bd.js" defer=""></script><script src="/mantine-flip/_next/static/chunks/pages/_app-be1e7b34a4ffce78.js" defer=""></script><script src="/mantine-flip/_next/static/chunks/9793-e4347b89dcc8b6b9.js" defer=""></script><script src="/mantine-flip/_next/static/chunks/pages/index-2caef1e0afb34468.js" defer=""></script><script src="/mantine-flip/_next/static/H-5E7goH-5iy-bofLvFNF/_buildManifest.js" defer=""></script><script src="/mantine-flip/_next/static/H-5E7goH-5iy-bofLvFNF/_ssgManifest.js" defer=""></script></head><body><div id="__next"><style data-mantine-styles="classes">@media (max-width: 35.99375em) {.mantine-visible-from-xs {display: none !important;}}@media (min-width: 36em) {.mantine-hidden-from-xs {display: none !important;}}@media (max-width: 47.99375em) {.mantine-visible-from-sm {display: none !important;}}@media (min-width: 48em) {.mantine-hidden-from-sm {display: none !important;}}@media (max-width: 61.99375em) {.mantine-visible-from-md {display: none !important;}}@media (min-width: 62em) {.mantine-hidden-from-md {display: none !important;}}@media (max-width: 74.99375em) {.mantine-visible-from-lg {display: none !important;}}@media (min-width: 75em) {.mantine-hidden-from-lg {display: none !important;}}@media (max-width: 87.99375em) {.mantine-visible-from-xl {display: none !important;}}@media (min-width: 88em) {.mantine-hidden-from-xl {display: none !important;}}</style><style data-mantine-styles="inline">:root{--app-shell-header-height:calc(3.75rem * var(--mantine-scale));--app-shell-header-offset:calc(3.75rem * var(--mantine-scale));--app-shell-padding:0px;}</style><div style="--app-shell-transition-duration:200ms;--app-shell-transition-timing-function:ease" class="m-89ab340 mantine-AppShell-root"><header style="--app-shell-header-z-index:100" class="m-3b16f56b mantine-AppShell-header right-scroll-bar-position right-scroll-bar-position" data-with-border="true"><div style="--container-size:var(--container-size-lg);padding-right:var(--mantine-spacing-md);padding-left:var(--mantine-spacing-md)" class="Shell_inner__vEmfO m-7485cace mantine-Container-root" data-size="lg"><a href="https://mantine.dev/" target="_blank" class="mantine-focus-auto Shell_logo__4Ivhz" rel="noreferrer"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 623 163" style="height:calc(1.875rem * var(--mantine-scale))" class="m-2075ec07"><g fill="none" fill-rule="evenodd"><path fill="#339af0" fill-rule="nonzero" d="M162.162 81.5c0-45.011-36.301-81.5-81.08-81.5C36.301 0 0 36.489 0 81.5 0 126.51 36.301 163 81.081 163s81.081-36.49 81.081-81.5z"></path><g fill="#fff"><path fill-rule="nonzero" d="M65.983 43.049a6.234 6.234 0 00-.336 6.884 6.14 6.14 0 001.618 1.786c9.444 7.036 14.866 17.794 14.866 29.52 0 11.726-5.422 22.484-14.866 29.52a6.142 6.142 0 00-1.616 1.786 6.211 6.211 0 00-.694 4.693c.197.79.546 1.533 1.028 2.186a6.154 6.154 0 008.634 1.284 50.112 50.112 0 007.947-7.39h17.493c3.406 0 6.174-2.772 6.174-6.194s-2.762-6.194-6.174-6.194h-9.655a49.166 49.166 0 004.071-19.69 49.166 49.166 0 00-4.07-19.692h9.66c3.406 0 6.173-2.771 6.173-6.194 0-3.422-2.762-6.193-6.173-6.193H82.574a50.11 50.11 0 00-7.952-7.397 6.149 6.149 0 00-4.578-1.153 6.189 6.189 0 00-4.055 2.438h-.006z"></path><path d="M56.236 79.391a9.342 9.342 0 01.632-3.608 9.261 9.261 0 011.967-3.077 9.143 9.143 0 012.994-2.063 9.06 9.06 0 017.103 0 9.144 9.144 0 012.995 2.063 9.261 9.261 0 011.967 3.077 9.34 9.34 0 01.63 3.608 9.299 9.299 0 01-2.755 6.395 9.094 9.094 0 01-6.388 2.63 9.094 9.094 0 01-6.39-2.63 9.299 9.299 0 01-2.755-6.395z"></path></g><path fill="currentColor" fill-rule="nonzero" d="M291.736 126.644c1.984 0 3.823-.434 5.518-1.302 1.695-.868 2.542-2.129 2.542-3.782v-77.5c0-2.976-.827-5.063-2.48-6.262-1.653-1.199-3.513-1.798-5.58-1.798-1.901 0-3.555.207-4.96.62-1.405.413-2.666 1.24-3.782 2.48s-2.418 3.059-3.906 5.456l-15.252 27.776-15.128-27.776c-1.323-2.397-2.583-4.216-3.782-5.456-1.199-1.24-2.48-2.067-3.844-2.48-1.364-.413-3.038-.62-5.022-.62-1.984 0-3.823.6-5.518 1.798-1.695 1.199-2.542 3.286-2.542 6.262v77.5c0 1.653.847 2.914 2.542 3.782 1.695.868 3.534 1.302 5.518 1.302 2.067 0 3.927-.434 5.58-1.302 1.653-.868 2.48-2.129 2.48-3.782V67.248l14.26 26.784c.744 1.24 1.591 2.087 2.542 2.542.95.455 1.88.682 2.79.682.992 0 1.984-.248 2.976-.744s1.86-1.323 2.604-2.48l14.384-25.792v53.32c0 1.653.847 2.914 2.542 3.782 1.695.868 3.534 1.302 5.518 1.302zm34.375 1.116c4.298 0 7.956-.992 10.974-2.976 3.017-1.984 5.642-4.257 7.874-6.82v3.596c0 1.405.682 2.604 2.046 3.596 1.364.992 3.08 1.488 5.146 1.488 2.232 0 4.092-.496 5.58-1.488 1.488-.992 2.232-2.19 2.232-3.596V91.18c0-4.216-.889-8.143-2.666-11.78-1.778-3.637-4.609-6.613-8.494-8.928-3.886-2.315-9.052-3.472-15.5-3.472-2.894 0-5.87.372-8.928 1.116-3.059.744-5.642 1.798-7.75 3.162-2.108 1.364-3.162 2.914-3.162 4.65 0 1.819.475 3.596 1.426 5.332.95 1.736 2.294 2.604 4.03 2.604 1.074 0 2.066-.33 2.976-.992.91-.661 2.211-1.302 3.906-1.922 1.694-.62 4.112-.93 7.254-.93 2.81 0 4.98.579 6.51 1.736 1.53 1.157 2.645 2.604 3.348 4.34a14.092 14.092 0 011.054 5.332v1.612h-5.084c-5.704 0-10.726.537-15.066 1.612-4.34 1.075-7.73 2.935-10.168 5.58-2.439 2.645-3.658 6.324-3.658 11.036 0 5.621 1.591 9.775 4.774 12.462 3.182 2.687 6.964 4.03 11.346 4.03zm6.448-11.904c-1.819 0-3.369-.537-4.65-1.612-1.282-1.075-1.922-2.77-1.922-5.084 0-2.315.764-4.03 2.294-5.146 1.53-1.116 3.534-1.84 6.014-2.17 2.48-.33 5.084-.496 7.812-.496h1.86v2.604c0 1.984-.6 3.885-1.798 5.704-1.199 1.819-2.666 3.307-4.402 4.464-1.736 1.157-3.472 1.736-5.208 1.736zm84.169 10.788c2.067 0 3.927-.434 5.58-1.302 1.653-.868 2.48-2.129 2.48-3.782V92.172c0-4.63-.971-8.845-2.914-12.648-1.943-3.803-4.526-6.84-7.75-9.114C410.9 68.137 407.345 67 403.46 67c-4.133 0-7.626.971-10.478 2.914-2.852 1.943-4.898 4.113-6.138 6.51v-3.72c0-1.488-.682-2.687-2.046-3.596-1.364-.91-3.038-1.364-5.022-1.364-2.315 0-4.216.455-5.704 1.364-1.488.91-2.232 2.108-2.232 3.596v48.856c0 1.24.744 2.397 2.232 3.472 1.488 1.075 3.39 1.612 5.704 1.612 2.232 0 4.133-.537 5.704-1.612 1.57-1.075 2.356-2.232 2.356-3.472V92.172c0-2.315.496-4.299 1.488-5.952.992-1.653 2.273-2.935 3.844-3.844 1.57-.91 3.183-1.364 4.836-1.364 1.984 0 3.803.558 5.456 1.674 1.653 1.116 2.955 2.5 3.906 4.154a10.52 10.52 0 011.426 5.332v29.388c0 1.653.868 2.914 2.604 3.782 1.736.868 3.513 1.302 5.332 1.302zm47.432 0c2.315 0 4.03-.703 5.146-2.108 1.116-1.405 1.674-2.976 1.674-4.712 0-1.653-.558-3.183-1.674-4.588-1.116-1.405-2.831-2.108-5.146-2.108h-4.836c-2.563 0-4.36-.496-5.394-1.488-1.033-.992-1.55-2.687-1.55-5.084V79.4h14.632c1.323 0 2.335-.6 3.038-1.798.703-1.199 1.054-2.542 1.054-4.03 0-1.488-.351-2.831-1.054-4.03-.703-1.199-1.715-1.798-3.038-1.798H452.38V46.416c0-1.488-.847-2.687-2.542-3.596-1.695-.91-3.534-1.364-5.518-1.364-1.819 0-3.596.455-5.332 1.364-1.736.91-2.604 2.108-2.604 3.596v60.14c0 6.944 1.963 12.028 5.89 15.252 3.927 3.224 9.61 4.836 17.05 4.836h4.836zM487.232 54.6c2.397 0 4.443-.806 6.138-2.418 1.695-1.612 2.542-3.41 2.542-5.394 0-2.15-.847-3.989-2.542-5.518-1.695-1.53-3.74-2.294-6.138-2.294-2.397 0-4.464.765-6.2 2.294-1.736 1.53-2.604 3.369-2.604 5.518 0 1.984.868 3.782 2.604 5.394 1.736 1.612 3.803 2.418 6.2 2.418zm0 72.044c2.232 0 4.133-.537 5.704-1.612 1.57-1.075 2.356-2.232 2.356-3.472V72.704c0-1.488-.785-2.687-2.356-3.596-1.57-.91-3.472-1.364-5.704-1.364-2.315 0-4.216.455-5.704 1.364-1.488.91-2.232 2.108-2.232 3.596v48.856c0 1.24.744 2.397 2.232 3.472 1.488 1.075 3.39 1.612 5.704 1.612zm65.247 0c2.066 0 3.926-.434 5.58-1.302 1.653-.868 2.48-2.129 2.48-3.782V92.172c0-4.63-.972-8.845-2.914-12.648-1.943-3.803-4.526-6.84-7.75-9.114-3.224-2.273-6.779-3.41-10.664-3.41-4.134 0-7.626.971-10.478 2.914-2.852 1.943-4.898 4.113-6.138 6.51v-3.72c0-1.488-.682-2.687-2.046-3.596-1.364-.91-3.038-1.364-5.022-1.364-2.315 0-4.216.455-5.704 1.364-1.488.91-2.232 2.108-2.232 3.596v48.856c0 1.24.744 2.397 2.232 3.472 1.488 1.075 3.39 1.612 5.704 1.612 2.232 0 4.133-.537 5.704-1.612 1.57-1.075 2.356-2.232 2.356-3.472V92.172c0-2.315.496-4.299 1.488-5.952.992-1.653 2.273-2.935 3.844-3.844 1.57-.91 3.182-1.364 4.836-1.364 1.984 0 3.802.558 5.456 1.674 1.653 1.116 2.955 2.5 3.906 4.154a10.52 10.52 0 011.426 5.332v29.388c0 1.653.868 2.914 2.604 3.782 1.736.868 3.513 1.302 5.332 1.302zm47.68 1.116c4.464 0 8.328-.558 11.594-1.674 3.265-1.116 5.786-2.48 7.564-4.092 1.777-1.612 2.666-3.12 2.666-4.526 0-.827-.248-1.798-.744-2.914a8.641 8.641 0 00-2.108-2.914c-.91-.827-1.984-1.24-3.224-1.24-1.158 0-2.398.372-3.72 1.116-1.323.744-2.894 1.53-4.712 2.356-1.819.827-4.092 1.24-6.82 1.24-4.299 0-7.792-1.095-10.478-3.286-2.687-2.19-4.03-5.063-4.03-8.618v-1.86h25.172c1.901 0 3.74-.186 5.518-.558 1.777-.372 3.244-1.323 4.402-2.852 1.157-1.53 1.736-4.071 1.736-7.626 0-4.63-1.199-8.68-3.596-12.152-2.398-3.472-5.518-6.2-9.362-8.184-3.844-1.984-8.08-2.976-12.71-2.976-5.043 0-9.61 1.137-13.702 3.41-4.092 2.273-7.358 5.29-9.796 9.052-2.439 3.761-3.658 7.874-3.658 12.338v10.54c0 5.043 1.281 9.486 3.844 13.33 2.562 3.844 6.096 6.82 10.602 8.928 4.505 2.108 9.692 3.162 15.562 3.162zm4.092-35.836h-18.104v-3.472c0-1.984.516-3.7 1.55-5.146 1.033-1.447 2.376-2.563 4.03-3.348 1.653-.785 3.43-1.178 5.332-1.178 1.984 0 3.802.413 5.456 1.24 1.653.827 2.976 1.984 3.968 3.472s1.488 3.183 1.488 5.084c0 1.323-.269 2.211-.806 2.666-.538.455-1.509.682-2.914.682z"></path></g></svg></a><div style="--group-gap:var(--mantine-spacing-xs);--group-align:center;--group-justify:flex-start;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root mantine-visible-from-sm"><a class="mantine-focus-auto m-18a11a80 m-19df8210 m-87cf2631 mantine-UnstyledButton-root" aria-label="Discord" href="https://discord.gg/wbH82zuWMN"><svg style="width:calc(1.25rem * var(--mantine-scale));height:calc(1.25rem * var(--mantine-scale))" class="" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 256 199"><path fill="currentColor" d="M216.856 16.597A208.5 208.5 0 00164.042 0c-2.275 4.113-4.933 9.646-6.766 14.046-19.692-2.961-39.203-2.961-58.533 0-1.832-4.4-4.55-9.933-6.846-14.046a207.807 207.807 0 00-52.855 16.638C5.618 67.147-3.443 116.4 1.087 164.956c22.169 16.555 43.653 26.612 64.775 33.193A161.13 161.13 0 0079.735 175.3a136.374 136.374 0 01-21.846-10.632 108.542 108.542 0 005.356-4.237c42.122 19.702 87.89 19.702 129.51 0 1.751 1.46 3.543 2.88 5.355 4.237a136.011 136.011 0 01-21.886 10.653c4.006 8.02 8.638 15.671 13.873 22.848 21.142-6.581 42.646-16.637 64.815-33.213 5.316-56.288-9.081-105.09-38.056-148.36zM85.474 135.095c-12.645 0-23.015-11.805-23.015-26.18s10.149-26.2 23.015-26.2c12.867 0 23.236 11.804 23.015 26.2.02 14.375-10.148 26.18-23.015 26.18zm85.051 0c-12.645 0-23.014-11.805-23.014-26.18s10.148-26.2 23.014-26.2c12.867 0 23.236 11.804 23.015 26.2 0 14.375-10.148 26.18-23.015 26.18z"></path></svg></a><a class="mantine-focus-auto m-18a11a80 m-87cf2631 mantine-UnstyledButton-root" aria-label="Source code" href="https://github.com/gfazioli/mantine-flip"><svg style="width:calc(1.375rem * var(--mantine-scale));height:calc(1.375rem * var(--mantine-scale))" class="" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor"><path fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"></path></svg></a><button class="mantine-focus-auto m-18a11a80 m-87cf2631 mantine-UnstyledButton-root" type="button" aria-label="Toggle color scheme"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="m-83c3d5d1 m-f4e3c6be"><path d="M12 12m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0"></path><path d="M3 12h1m8 -9v1m8 8h1m-9 8v1m-6.4 -15.4l.7 .7m12.1 -.7l-.7 .7m0 11.4l.7 .7m-12.1 -.7l-.7 .7"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="m-83c3d5d1 m-83c188ce"><path d="M12 3c.132 0 .263 0 .393 0a7.5 7.5 0 0 0 7.92 12.446a9 9 0 1 1 -8.313 -12.454z"></path></svg></button></div><div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:flex-start;--group-wrap:wrap" class="m-4081bf90 mantine-Group-root mantine-hidden-from-sm"><button class="mantine-focus-auto m-18a11a80 m-87cf2631 mantine-UnstyledButton-root" type="button" aria-label="Toggle color scheme"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="m-83c3d5d1 m-f4e3c6be"><path d="M12 12m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0"></path><path d="M3 12h1m8 -9v1m8 8h1m-9 8v1m-6.4 -15.4l.7 .7m12.1 -.7l-.7 .7m0 11.4l.7 .7m-12.1 -.7l-.7 .7"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="m-83c3d5d1 m-83c188ce"><path d="M12 3c.132 0 .263 0 .393 0a7.5 7.5 0 0 0 7.92 12.446a9 9 0 1 1 -8.313 -12.454z"></path></svg></button></div></div></header><main class="m-8983817 mantine-AppShell-main"><div class="Shell_main__lcVaI"><header class="PageHeader_root__u_xWw"><div style="--container-size:var(--container-size-lg)" class="m-7485cace mantine-Container-root" data-size="lg"><h1 style="--title-fw:var(--mantine-h1-font-weight);--title-lh:var(--mantine-h1-line-height);--title-fz:var(--mantine-h1-font-size)" class="PageHeader_title__gP726 m-8a5d1357 mantine-Title-root" data-order="1">@gfazioli/mantine-flip</h1><p class="mantine-focus-auto PageHeader_description__gCV5r m-b6d8b162 mantine-Text-root">A Mantine component that flips the content of the component when hovered over.</p><div class="PageHeader_links__3ws49"><div class="PageHeaderLink_root__xmmCT"><div class="PageHeaderLink_label__7Fad9">Source</div><a href="https://github.com/gfazioli/mantine-flip" target="_blank" class="PageHeaderLink_body__qvtDJ" rel="noreferrer"><div class="PageHeaderLink_icon__d9jEr"><svg style="width:calc(1rem * var(--mantine-scale));height:calc(1rem * var(--mantine-scale))" class="" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor"><path fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"></path></svg></div><div>View source code</div></a></div><div class="PageHeaderLink_root__xmmCT"><div class="PageHeaderLink_label__7Fad9">Package</div><a href="https://npmjs.com/package/@gfazioli/mantine-flip" target="_blank" class="PageHeaderLink_body__qvtDJ" rel="noreferrer"><div class="PageHeaderLink_icon__d9jEr"><svg style="width:calc(1rem * var(--mantine-scale));height:calc(1rem * var(--mantine-scale))" class="" preserveAspectRatio="xMidYMid" viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg"><path d="M0 256V0h256v256z" fill="#C12127"></path><path d="M48 48h160v160h-32V80h-48v128H48z" fill="#FFF"></path></svg></div><div>@gfazioli/mantine-flip</div></a></div><div class="PageHeaderLink_root__xmmCT"><div class="PageHeaderLink_label__7Fad9">Docs</div><a href="https://github.com/gfazioli/mantine-flip/blob/master/docs/pages/index.mdx" target="_blank" class="PageHeaderLink_body__qvtDJ" rel="noreferrer"><div class="PageHeaderLink_icon__d9jEr"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-edit"><path d="M7 7h-1a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-1"></path><path d="M20.385 6.585a2.1 2.1 0 0 0 -2.97 -2.97l-8.415 8.385v3h3l8.385 -8.415z"></path><path d="M16 5l3 3"></path></svg></div><div>Edit this page</div></a></div><div class="PageHeaderLink_root__xmmCT"><div class="PageHeaderLink_label__7Fad9">Built by</div><a href="https://github.com/gfazioli" target="_blank" class="PageHeaderLink_body__qvtDJ" rel="noreferrer"><div class="PageHeaderLink_icon__d9jEr"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-user-code"><path d="M8 7a4 4 0 1 0 8 0a4 4 0 0 0 -8 0"></path><path d="M6 21v-2a4 4 0 0 1 4 -4h3.5"></path><path d="M20 21l2 -2l-2 -2"></path><path d="M17 17l-2 2l2 2"></path></svg></div><div>Giovambattista Fazioli<!-- --> <span style="color:var(--mantine-color-dimmed)" class="mantine-focus-auto m-b6d8b162 mantine-Text-root" data-inherit="true">(@<!-- -->gfazioli<!-- -->)</span></div></a></div><div class="PageHeaderLink_root__xmmCT"><div class="PageHeaderLink_label__7Fad9">License</div><a href="https://github.com/gfazioli/mantine-flip/blob/master/LICENSE" target="_blank" class="PageHeaderLink_body__qvtDJ" rel="noreferrer"><div class="PageHeaderLink_icon__d9jEr"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-license"><path d="M15 21h-9a3 3 0 0 1 -3 -3v-1h10v2a2 2 0 0 0 4 0v-14a2 2 0 1 1 2 2h-2m2 -4h-11a3 3 0 0 0 -3 3v11"></path><path d="M9 7l4 0"></path><path d="M9 11l4 0"></path></svg></div><div>MIT</div></a></div></div></div></header><div style="--tabs-radius:var(--mantine-radius-md);--tabs-color:var(--mantine-color-blue-filled)" class="DocsTabs_root__3_liq m-89d60db1 mantine-Tabs-root" data-variant="outline" data-orientation="horizontal" id="mantine-Rlllm"><div class="DocsTabs_tabsWrapper__IRW55"><div class="m-6772fbd5 DocsTabs_tabsList__WAMMe m-89d33d6d mantine-Tabs-list" data-variant="outline" data-orientation="horizontal" role="tablist" aria-orientation="horizontal"><button class="mantine-focus-auto m-b59ab47c DocsTabs_tab__mfbTe m-4ec4dce6 mantine-Tabs-tab m-87cf2631 mantine-UnstyledButton-root" data-variant="outline" data-active="true" data-orientation="horizontal" type="button" role="tab" id="mantine-Rlllm-tab-docs" aria-selected="true" tabindex="0" aria-controls="mantine-Rlllm-panel-docs"><span class="mantine-Tabs-tabLabel">Documentation</span></button><button class="mantine-focus-auto m-b59ab47c DocsTabs_tab__mfbTe m-4ec4dce6 mantine-Tabs-tab m-87cf2631 mantine-UnstyledButton-root" data-variant="outline" data-orientation="horizontal" type="button" role="tab" id="mantine-Rlllm-tab-props" aria-selected="false" tabindex="-1" aria-controls="mantine-Rlllm-panel-props"><span class="mantine-Tabs-tabLabel">Props</span></button><button class="mantine-focus-auto m-b59ab47c DocsTabs_tab__mfbTe m-4ec4dce6 mantine-Tabs-tab m-87cf2631 mantine-UnstyledButton-root" data-variant="outline" data-orientation="horizontal" type="button" role="tab" id="mantine-Rlllm-tab-styles-api" aria-selected="false" tabindex="-1" aria-controls="mantine-Rlllm-panel-styles-api"><span class="mantine-Tabs-tabLabel">Styles API</span></button></div></div><div class="m-b0c91715 mantine-Tabs-panel" data-orientation="horizontal" role="tabpanel" id="mantine-Rlllm-panel-docs" aria-labelledby="mantine-Rlllm-tab-docs"><div class="DocsTabs_tabContent__xZoIg" data-main="true"><div class="DocsTabs_main__bXjjr" id="mdx"><div id="installation" data-heading="Installation" data-order="2" class="MdxElements_titleOffset__Vn_Uo"></div><h2 style="--title-fw:var(--mantine-h2-font-weight);--title-lh:var(--mantine-h2-line-height);--title-fz:var(--mantine-h2-font-size)" class="MdxElements_title__YHwzc m-8a5d1357 mantine-Title-root" data-order="2"><a class="MdxElements_titleLink__MBV9J mantine-focus-auto" href="#installation">Installation</a></h2>
 <div style="--ch-max-collapsed-height:calc(8rem * var(--mantine-scale))" class="InstallScript_root__C12dR m-5d0f6cdd mantine-CodeHighlightTabs-root" dir="ltr"><div class="m-4543bbc8 mantine-CodeHighlightTabs-header"><div style="--sa-corner-width:0px;--sa-corner-height:0px" class="m-d57069b5 mantine-ScrollArea-root" dir="ltr"><div style="overflow-x:hidden;overflow-y:hidden" class="m-c0783ff9 mantine-ScrollArea-viewport" data-scrollbars="xy"><div style="min-width:100%;display:table"><div class="m-44324ddc mantine-CodeHighlightTabs-files"><button class="mantine-focus-auto m-5d09e177 mantine-CodeHighlightTabs-file m-87cf2631 mantine-UnstyledButton-root" data-active="true" type="button"><span class="m-19e0fe90 mantine-CodeHighlightTabs-fileIcon"><svg style="width:calc(1rem * var(--mantine-scale));height:calc(1rem * var(--mantine-scale))" class="InstallScript_icon__2DGM0" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" viewBox="0 0 256 256"><path fill="#368FB9" d="M128 0C57.328 0 0 57.328 0 128s57.328 128 128 128 128-57.328 128-128S198.672 0 128 0"></path><path fill="#FFF" d="M203.317 174.06c-7.907 1.878-11.91 3.608-21.695 9.983-15.271 9.884-31.976 14.48-31.976 14.48s-1.383 2.076-5.387 3.015c-6.918 1.68-32.963 3.114-35.335 3.163-6.376.05-10.28-1.63-11.367-4.25-3.311-7.907 4.744-11.367 4.744-11.367s-1.779-1.087-2.817-2.076c-.939-.939-1.927-2.816-2.224-2.125-1.235 3.015-1.878 10.379-5.189 13.69-4.547 4.596-13.146 3.064-18.236.395-5.585-2.965.395-9.933.395-9.933s-3.015 1.779-5.436-1.878c-2.175-3.36-4.2-9.094-3.657-16.16.593-8.056 9.587-15.865 9.587-15.865s-1.581-11.91 3.608-24.117c4.695-11.12 17.347-20.065 17.347-20.065s-10.626-11.762-6.672-22.338c2.57-6.92 3.608-6.87 4.448-7.166 2.965-1.137 5.831-2.373 7.957-4.695 10.625-11.466 24.166-9.292 24.166-9.292s6.425-19.52 12.356-15.715c1.828 1.186 8.401 15.814 8.401 15.814s7.018-4.102 7.809-2.57c4.25 8.254 4.744 24.019 2.866 33.607-3.163 15.814-11.07 24.315-14.233 29.652-.741 1.236 8.5 5.14 14.332 21.3 5.387 14.777.593 27.182 1.433 28.566.148.247.198.346.198.346s6.177.494 18.582-7.166c6.622-4.102 14.48-8.698 23.425-8.797 8.65-.149 9.094 9.983 2.57 11.564zm11.763-7.265c-.89-7.017-6.82-11.86-14.431-11.762-11.367.148-20.905 6.03-27.231 9.934-2.471 1.532-4.596 2.669-6.425 3.509.395-5.733.05-13.245-2.916-21.498-3.608-9.885-8.45-15.963-11.91-19.472 4.003-5.832 9.489-14.332 12.058-27.478 2.224-11.219 1.533-28.664-3.558-38.45-1.038-1.976-2.767-3.41-4.942-4.003-.89-.247-2.57-.741-5.881.198-4.991-10.329-6.721-11.416-8.056-12.306-2.767-1.779-6.029-2.174-9.093-1.038-4.102 1.483-7.61 5.437-10.922 12.454a51.47 51.47 0 00-1.334 3.015c-6.277.445-16.161 2.718-24.513 11.762-1.038 1.137-3.064 1.977-5.19 2.768h.05c-4.349 1.532-6.326 5.09-8.747 11.515-3.361 8.994.098 17.84 3.508 23.574-4.645 4.151-10.823 10.773-14.084 18.532-4.053 9.588-4.498 18.978-4.35 24.068-3.459 3.658-8.796 10.527-9.39 18.237-.79 10.773 3.114 18.088 4.844 20.756.494.791 1.038 1.434 1.63 2.076-.197 1.334-.246 2.768.05 4.25.643 3.46 2.817 6.277 6.128 8.056 6.524 3.46 15.617 4.942 22.635 1.433 2.52 2.669 7.117 5.239 15.469 5.239h.494c2.125 0 29.109-1.433 36.967-3.36 3.509-.841 5.93-2.324 7.512-3.658 5.04-1.582 18.977-6.326 32.123-14.826 9.291-6.03 12.504-7.315 19.423-8.995 6.72-1.63 10.922-7.759 10.082-14.53z"></path></svg></span><span>yarn</span></button><button class="mantine-focus-auto m-5d09e177 mantine-CodeHighlightTabs-file m-87cf2631 mantine-UnstyledButton-root" type="button"><span class="m-19e0fe90 mantine-CodeHighlightTabs-fileIcon"><svg style="width:calc(1rem * var(--mantine-scale));height:calc(1rem * var(--mantine-scale))" class="InstallScript_icon__2DGM0" preserveAspectRatio="xMidYMid" viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg"><path d="M0 256V0h256v256z" fill="#C12127"></path><path d="M48 48h160v160h-32V80h-48v128H48z" fill="#FFF"></path></svg></span><span>npm</span></button></div></div></div><div data-orientation="horizontal" class="m-c44ba933 mantine-ScrollArea-scrollbar" data-hidden="true" style="position:absolute;--sa-thumb-width:18px"></div><div class="m-c44ba933 mantine-ScrollArea-scrollbar" data-hidden="true" data-orientation="vertical" style="position:absolute;--sa-thumb-height:18px"></div></div><div class="m-23f2bd31 mantine-CodeHighlightTabs-controls"><button class="mantine-focus-auto mantine-active m-6c83b382 mantine-CodeHighlightTabs-control m-8d3f4000 mantine-ActionIcon-root m-87cf2631 mantine-UnstyledButton-root" data-variant="none" type="button" aria-label="Copy code"><span class="m-302b9fb1 mantine-ActionIcon-loader" aria-hidden="true"><span style="--loader-size:calc(var(--ai-size) * 0.55);--loader-color:var(--ai-color)" class="m-b34414df m-5ae2e3c mantine-Loader-root"></span></span><span class="m-8d3afb97 mantine-ActionIcon-icon"><svg xmlns="http://www.w3.org/2000/svg" style="width:calc(1.125rem * var(--mantine-scale));height:calc(1.125rem * var(--mantine-scale))" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M8 8m0 2a2 2 0 0 1 2 -2h8a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-8a2 2 0 0 1 -2 -2z"></path><path d="M16 8v-2a2 2 0 0 0 -2 -2h-8a2 2 0 0 0 -2 2v8a2 2 0 0 0 2 2h2"></path></svg></span></button></div></div><div style="--sa-corner-width:0px;--sa-corner-height:0px" class="m-d57069b5 mantine-ScrollArea-root" dir="ltr"><div style="overflow-x:hidden;overflow-y:hidden" class="m-c0783ff9 mantine-ScrollArea-viewport" data-scrollbars="xy"><div style="min-width:100%;display:table"><div class="m-e42c0d8b mantine-CodeHighlightTabs-codeWrapper" data-expanded="true"><pre class="m-348cdb48 mantine-CodeHighlightTabs-pre"><code class="m-5d0899e8 mantine-CodeHighlightTabs-code">yarn add mantine-flip</code></pre></div></div></div><div data-orientation="horizontal" data-state="hidden" class="m-c44ba933 mantine-ScrollArea-scrollbar" style="position:absolute;--sa-thumb-width:18px"></div><div data-state="hidden" class="m-c44ba933 mantine-ScrollArea-scrollbar" data-orientation="vertical" style="position:absolute;--sa-thumb-height:18px"></div></div><button class="mantine-focus-auto m-d9142897 mantine-CodeHighlightTabs-showCodeButton m-87cf2631 mantine-UnstyledButton-root" data-hidden="true" type="button">Expand code</button></div>
 <div id="regular-demo" data-heading="Regular demo" data-order="2" class="MdxElements_titleOffset__Vn_Uo"></div><h2 style="--title-fw:var(--mantine-h2-font-weight);--title-lh:var(--mantine-h2-line-height);--title-fz:var(--mantine-h2-font-size)" class="MdxElements_title__YHwzc m-8a5d1357 mantine-Title-root" data-order="2"><a class="MdxElements_titleLink__MBV9J mantine-focus-auto" href="#regular-demo">Regular demo</a></h2>
 <div class="m-761fa02a"><div style="--demo-flex:1;--demo-max-width:calc(21.25rem * var(--mantine-scale));--demo-margin-y:auto" class="m-a3c6e060" data-with-padding="true" data-centered="true" data-dimmed="true"><div class="m-ad8eb9d6"><div style="--flip-perspective:1000px;--flip-transition-duration:.8s;--flip-transition-timing-function:ease-in-out;width:calc(12.5rem * var(--mantine-scale));height:calc(12.5rem * var(--mantine-scale))" class="me-51f1fe22 mantine-Flip-root"><div class="me-ae362a36 mantine-Flip-flip-inner" style="transform:rotateY(0deg)"><div class="me-bdaa9859 mantine-Flip-flip-content" style="z-index:0"><div style="--paper-radius:var(--mantine-radius-md);--paper-shadow:var(--mantine-shadow-md);padding:var(--mantine-spacing-lg)" class="m-1b7284a3 mantine-Paper-root" data-with-border="true"><h3>Front Card</h3><div><button style="--button-color:var(--mantine-color-white)" class="mantine-focus-auto mantine-active m-77c9d27d mantine-Button-root m-87cf2631 mantine-UnstyledButton-root" type="button"><span class="m-a25b86ee mantine-Button-loader" aria-hidden="true"><span style="--loader-size:calc(var(--button-height) / 1.8);--loader-color:var(--button-color)" class="m-b34414df m-5ae2e3c mantine-Loader-root"></span></span><span class="m-80f1301b mantine-Button-inner"><span class="m-811560b9 mantine-Button-label">Flip Back</span></span></button></div></div></div><div class="me-bdaa9859 mantine-Flip-flip-content" style="transform:rotateY(180deg)"><div style="--paper-radius:var(--mantine-radius-md);--paper-shadow:var(--mantine-shadow-md);padding:var(--mantine-spacing-lg)" class="m-1b7284a3 mantine-Paper-root" data-with-border="true"><h3>Back Card</h3><div><button style="--button-color:var(--mantine-color-white)" class="mantine-focus-auto mantine-active m-77c9d27d mantine-Button-root m-87cf2631 mantine-UnstyledButton-root" type="button"><span class="m-a25b86ee mantine-Button-loader" aria-hidden="true"><span style="--loader-size:calc(var(--button-height) / 1.8);--loader-color:var(--button-color)" class="m-b34414df m-5ae2e3c mantine-Loader-root"></span></span><span class="m-80f1301b mantine-Button-inner"><span class="m-811560b9 mantine-Button-label">Flip Front</span></span></button></div></div></div></div></div></div></div><div style="--ch-max-collapsed-height:calc(8rem * var(--mantine-scale))" class="m-66990f0a m-5d0f6cdd mantine-CodeHighlightTabs-root" dir="ltr"><div class="m-4543bbc8 mantine-CodeHighlightTabs-header"><div style="--sa-corner-width:0px;--sa-corner-height:0px" class="m-d57069b5 mantine-ScrollArea-root" dir="ltr"><div style="overflow-x:hidden;overflow-y:hidden" class="m-c0783ff9 mantine-ScrollArea-viewport" data-scrollbars="xy"><div style="min-width:100%;display:table"><div class="m-44324ddc mantine-CodeHighlightTabs-files"><button class="mantine-focus-auto m-5d09e177 mantine-CodeHighlightTabs-file m-87cf2631 mantine-UnstyledButton-root" data-active="true" type="button"><span class="m-19e0fe90 mantine-CodeHighlightTabs-fileIcon"><svg style="width:calc(1.125rem * var(--mantine-scale));height:calc(1.125rem * var(--mantine-scale))" class="" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path fill="#1976d2" d="M6 6h36v36H6z"></path><path fill="#fff" d="M27.49 22H14.227v3.264h4.757V40h3.769V25.264h4.737zM39.194 26.084s-1.787-1.192-3.807-1.192-2.747.96-2.747 1.986c0 2.648 7.381 2.383 7.381 7.712 0 8.209-11.254 4.568-11.254 4.568V35.22s2.152 1.622 4.733 1.622 2.483-1.688 2.483-1.92c0-2.449-7.315-2.449-7.315-7.878 0-7.381 10.658-4.469 10.658-4.469l-.132 3.509z"></path></svg></span><span>Demo.tsx</span></button></div></div></div><div data-orientation="horizontal" class="m-c44ba933 mantine-ScrollArea-scrollbar" data-hidden="true" style="position:absolute;--sa-thumb-width:18px"></div><div class="m-c44ba933 mantine-ScrollArea-scrollbar" data-hidden="true" data-orientation="vertical" style="position:absolute;--sa-thumb-height:18px"></div></div><div class="m-23f2bd31 mantine-CodeHighlightTabs-controls"><button class="mantine-focus-auto mantine-active m-6c83b382 mantine-CodeHighlightTabs-control m-8d3f4000 mantine-ActionIcon-root m-87cf2631 mantine-UnstyledButton-root" data-variant="none" type="button" aria-label="Collapse code"><span class="m-302b9fb1 mantine-ActionIcon-loader" aria-hidden="true"><span style="--loader-size:calc(var(--ai-size) * 0.55);--loader-color:var(--ai-color)" class="m-b34414df m-5ae2e3c mantine-Loader-root"></span></span><span class="m-8d3afb97 mantine-ActionIcon-icon"><svg xmlns="http://www.w3.org/2000/svg" style="width:calc(1.125rem * var(--mantine-scale));height:calc(1.125rem * var(--mantine-scale))" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M12 13v-8l-3 3m6 0l-3 -3"></path><path d="M9 17l1 0"></path><path d="M14 17l1 0"></path><path d="M19 17l1 0"></path><path d="M4 17l1 0"></path></svg></span></button><button class="mantine-focus-auto mantine-active m-6c83b382 mantine-CodeHighlightTabs-control m-8d3f4000 mantine-ActionIcon-root m-87cf2631 mantine-UnstyledButton-root" data-variant="none" type="button" aria-label="Copy code"><span class="m-302b9fb1 mantine-ActionIcon-loader" aria-hidden="true"><span style="--loader-size:calc(var(--ai-size) * 0.55);--loader-color:var(--ai-color)" class="m-b34414df m-5ae2e3c mantine-Loader-root"></span></span><span class="m-8d3afb97 mantine-ActionIcon-icon"><svg xmlns="http://www.w3.org/2000/svg" style="width:calc(1.125rem * var(--mantine-scale));height:calc(1.125rem * var(--mantine-scale))" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M8 8m0 2a2 2 0 0 1 2 -2h8a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-8a2 2 0 0 1 -2 -2z"></path><path d="M16 8v-2a2 2 0 0 0 -2 -2h-8a2 2 0 0 0 -2 2v8a2 2 0 0 0 2 2h2"></path></svg></span></button></div></div><div style="--sa-corner-width:0px;--sa-corner-height:0px" class="m-d57069b5 mantine-ScrollArea-root" dir="ltr"><div style="overflow-x:hidden;overflow-y:hidden" class="m-c0783ff9 mantine-ScrollArea-viewport" data-scrollbars="xy"><div style="min-width:100%;display:table"><div class="m-e42c0d8b mantine-CodeHighlightTabs-codeWrapper" data-expanded="true"><pre class="m-348cdb48 mantine-CodeHighlightTabs-pre"><code class="m-5d0899e8 mantine-CodeHighlightTabs-code">import { Flip } from &#x27;@gfazioli/mantine-flip&#x27;;
@@ -89,4 +89,4 @@
   );
 }</code></pre></div></div></div><div data-orientation="horizontal" data-state="hidden" class="m-c44ba933 mantine-ScrollArea-scrollbar" style="position:absolute;--sa-thumb-width:18px"></div><div data-state="hidden" class="m-c44ba933 mantine-ScrollArea-scrollbar" data-orientation="vertical" style="position:absolute;--sa-thumb-height:18px"></div></div><button class="mantine-focus-auto m-d9142897 mantine-CodeHighlightTabs-showCodeButton m-87cf2631 mantine-UnstyledButton-root" data-hidden="true" type="button">Expand code</button></div></div>
 <div id="other-subtitle" data-heading="Other subtitle" data-order="2" class="MdxElements_titleOffset__Vn_Uo"></div><h2 style="--title-fw:var(--mantine-h2-font-weight);--title-lh:var(--mantine-h2-line-height);--title-fz:var(--mantine-h2-font-size)" class="MdxElements_title__YHwzc m-8a5d1357 mantine-Title-root" data-order="2"><a class="MdxElements_titleLink__MBV9J mantine-focus-auto" href="#other-subtitle">Other subtitle</a></h2>
-<p class="MdxElements_paragraph__Y192O">Other content</p></div><div class="DocsTabs_tableOfContents__m_mWC"></div></div></div><div style="display:none" class="m-b0c91715 mantine-Tabs-panel" data-orientation="horizontal" role="tabpanel" id="mantine-Rlllm-panel-props" aria-labelledby="mantine-Rlllm-tab-props"></div><div style="display:none" class="m-b0c91715 mantine-Tabs-panel" data-orientation="horizontal" role="tabpanel" id="mantine-Rlllm-panel-styles-api" aria-labelledby="mantine-Rlllm-tab-styles-api"></div></div></div></main></div></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/","query":{},"buildId":"jV8yfdiEngf5v-I_5WfQq","assetPrefix":"/mantine-flip","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
+<p class="MdxElements_paragraph__Y192O">Other content</p></div><div class="DocsTabs_tableOfContents__m_mWC"></div></div></div><div style="display:none" class="m-b0c91715 mantine-Tabs-panel" data-orientation="horizontal" role="tabpanel" id="mantine-Rlllm-panel-props" aria-labelledby="mantine-Rlllm-tab-props"></div><div style="display:none" class="m-b0c91715 mantine-Tabs-panel" data-orientation="horizontal" role="tabpanel" id="mantine-Rlllm-panel-styles-api" aria-labelledby="mantine-Rlllm-tab-styles-api"></div></div></div></main></div></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/","query":{},"buildId":"H-5E7goH-5iy-bofLvFNF","assetPrefix":"/mantine-flip","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
\ No newline at end of file
