nuxt-og-image 0.5.5 → 1.0.0-beta.0

package/README.md

@@ -10,15 +10,17 @@
 
 
 <p align="center">
-Generate dynamic social share images for you Nuxt v3 app.
+Enlightened OG Image generation for Nuxt 3.
 </p>
 
+<img src="https://repository-images.githubusercontent.com/578125755/59ca1ac4-f032-4576-8179-d968a1631f1e">
+
 <p align="center">
 <table>
 <tbody>
 <td align="center">
 <img width="800" height="0" /><br>
-<i>Status:</i> Early Access</b> <br>
+<i>Status:</i> v1 Released</b> <br>
 <sup> Please report any issues 🐛</sup><br>
 <sub>Made possible by my <a href="https://github.com/sponsors/harlan-zw">Sponsor Program 💖</a><br> Follow me <a href="https://twitter.com/harlan_zw">@harlan_zw</a> 🐦 • Join <a href="https://discord.gg/275MBUBvgP">Discord</a> for help</sub><br>
 <img width="800" height="0" />
@@ -27,19 +29,25 @@ Generate dynamic social share images for you Nuxt v3 app.
 </table>
 </p>
 
+ℹ️ Looking for a complete SEO solution? Check out [nuxt-seo-kit](https://github.com/harlan-zw/nuxt-seo-kit).
+
+
 ## Features
 
-- 🧙 Pre-render `og:image`'s for your entire site in minutes with minimal config
-- 🎨 Using a Vue component (powered by Nuxt Islands)
+## 🎨 Designer - Satori & Browser
+
+- 🎨 Design your `og:image` in the Og Image Playground with full HMR
+- Dynamically serve on the edge using Satori
+- Prerender static images using Satori or the browser
+
+## Screenshots - Browser
+
 - 📸 OR just generate screenshots
-- 📦 Choose your API: Composition or components
+- ⚙️ Screenshot options to hide elements, wait for animations, and more
 
-🔨 Edge rendering is coming soon!
 
 ## Install
 
-⚠️ This module is in early access. Please report any issues you find.
-
 ```bash
 # Install module
 npm install --save-dev nuxt-og-image
@@ -47,23 +55,6 @@ npm install --save-dev nuxt-og-image
 yarn add --dev nuxt-og-image
 ```
 
-If you don't have a chromium binary installed on your system, run `npx playwright install`.
-
-### CI Build
-
-If you are using this module in a CI context and the images aren't being generated,
-you should replace your build script with the following:
-
-_package.json_
-
-```json
-{
-  "scripts": {
-    "build": "npx playwright install && nuxt build"
-  }
-}
-```
-
 ## Setup
 
 _nuxt.config.ts_
@@ -95,7 +86,7 @@ export default defineNuxtConfig({
 })
 ```
 
-### Pre-render routes
+### Prerender routes
 
 While the module is in early access, only pre-rendered routes are supported.
 
@@ -131,6 +122,26 @@ defineOgImageScreenshot()
 </template>
 ```
 
+
+If you don't have a chromium binary installed on your system, run `npx playwright install`.
+
+### CI Build
+
+If you are using this module in a CI context and the images aren't being generated,
+you should may need to install a chromium binary. You can do this by running `npx playwright install` or
+`npm install playwright`.
+
+_package.json_
+
+```json
+{
+  "scripts": {
+    "build": "npx playwright install && nuxt build"
+  }
+}
+```
+
+
 ## Generating Template Images
 
 The template image generator is powered by Nuxt Islands. This means that you can use any Vue
@@ -254,11 +265,119 @@ The host of your site. This is required to generate the absolute path of the og:
 - Type: `boolean`
 - Default: `process.dev`
 
-Allows you to generate images at runtime in production. This uses a headless browser to generate images
+It allows you to generate images at runtime in production.
+This uses a headless browser to generate images
 and may have deployment issues.
 
 ⚠️ This is experimental and will likely not work in all environments.
 
+## Screenshot Options
+
+These can be provided as module options to set defaults
+or set individually on the `OgImageScreenshot` or `OgImage` components or the `defineOgImage` or `defineOgImageScreenshot` composables.
+
+```ts
+// optionally set defaults globally
+export default defineNuxtConfig({
+  ogImage: {
+    colorScheme: 'dark',
+    mask: '.screenshot-hidden'
+  }
+})
+```
+
+### `colorScheme`
+
+- Type: `'dark' | 'light'`
+- Default: `undefined`
+- Required: `false`
+
+The color scheme to use when generating the image. This is useful for generating dark mode images.
+
+```ts
+defineOgImageScreenshot({
+  colorScheme: 'dark'
+})
+```
+
+### `selector`
+
+- Type: `string`
+- Default: `undefined`
+- Required: `false`
+
+The selector to take a screenshot of. This is useful if you want to exclude header / footer elements.
+
+```ts
+defineOgImageScreenshot({
+  mask: '.page-content'
+})
+```
+
+### `mask`
+
+- Type: `string`
+- Default: `undefined`
+- Required: `false`
+
+HTML selectors that should be removed from the image. Useful for removing popup banners or other elements that may be in the way. 
+
+```ts
+defineOgImageScreenshot({
+  mask: '.popup-banner, .cookie-banner'
+})
+```
+
+### `delay`
+
+- Type: `number`
+- Default: `undefined`
+- Required: `false`
+
+The delay to wait before taking the screenshot. This is useful if you want to wait for animations to complete.
+
+```ts
+defineOgImageScreenshot({
+  // wait 2 seconds
+  delay: 2000
+})
+```
+
+### `alt`
+
+- Type: `string`
+- Default: `Web page screenshot of {route}.`
+- Required: `false`
+
+Used to generate the `og:image:alt` meta.
+
+### `width`
+
+- Type: `number`
+- Default: `1200`
+- Required: `true`
+
+The default width of the image. This is useful if you want to generate a specific size image.
+
+```ts
+defineOgImageScreenshot({
+  width: 1500
+})
+```
+
+### `height`
+
+- Type: `number`
+- Default: `630`
+- Required: `true`
+
+The default height of the image. This is useful if you want to generate a specific size image.
+
+```ts
+defineOgImageScreenshot({
+  height: 700
+})
+```
 
 ## Examples
 
@@ -277,7 +396,6 @@ and may have deployment issues.
 - Pooya Parsa [Kachick](https://github.com/unjs/kachik)
 - Nuxt Team
 
-
 ## License
 
-MIT License © 2022-PRESENT [Harlan Wilton](https://github.com/harlan-zw)
+MIT License © 2023-PRESENT [Harlan Wilton](https://github.com/harlan-zw)

package/dist/client/200.html

@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html >
+<head><meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1"><link rel="modulepreload" as="script" crossorigin href="/__nuxt_og_image__/client/_nuxt/entry.ce848650.js"><link rel="preload" as="style" href="/__nuxt_og_image__/client/_nuxt/entry.0827acf4.css"><link rel="prefetch" as="script" crossorigin href="/__nuxt_og_image__/client/_nuxt/error-component.418ebd67.js"><link rel="stylesheet" href="/__nuxt_og_image__/client/_nuxt/entry.0827acf4.css"><script>"use strict";const w=window,de=document.documentElement,knownColorSchemes=["dark","light"],preference=window.localStorage.getItem("nuxt-color-mode")||"system";let value=preference==="system"?getColorScheme():preference;const forcedColorMode=de.getAttribute("data-color-mode-forced");forcedColorMode&&(value=forcedColorMode),addColorScheme(value),w["__NUXT_COLOR_MODE__"]={preference,value,getColorScheme,addColorScheme,removeColorScheme};function addColorScheme(e){const o=""+e+"",t="";de.classList?de.classList.add(o):de.className+=" "+o,t&&de.setAttribute("data-"+t,e)}function removeColorScheme(e){const o=""+e+"",t="";de.classList?de.classList.remove(o):de.className=de.className.replace(new RegExp(o,"g"),""),t&&de.removeAttribute("data-"+t)}function prefersColorScheme(e){return w.matchMedia("(prefers-color-scheme"+e+")")}function getColorScheme(){if(w.matchMedia&&prefersColorScheme("").media!=="not all"){for(const e of knownColorSchemes)if(prefersColorScheme(":"+e).matches)return e}return"light"}
+</script></head>
+<body ><div id="__nuxt"></div><script>window.__NUXT__={serverRendered:false,config:{public:{},app:{baseURL:"\u002F__nuxt_og_image__\u002Fclient",buildAssetsDir:"\u002F_nuxt\u002F",cdnURL:""}},data:{},state:{}}</script><script type="module" src="/__nuxt_og_image__/client/_nuxt/entry.ce848650.js" crossorigin></script></body>
+</html>

package/dist/client/404.html

@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html >
+<head><meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1"><link rel="modulepreload" as="script" crossorigin href="/__nuxt_og_image__/client/_nuxt/entry.ce848650.js"><link rel="preload" as="style" href="/__nuxt_og_image__/client/_nuxt/entry.0827acf4.css"><link rel="prefetch" as="script" crossorigin href="/__nuxt_og_image__/client/_nuxt/error-component.418ebd67.js"><link rel="stylesheet" href="/__nuxt_og_image__/client/_nuxt/entry.0827acf4.css"><script>"use strict";const w=window,de=document.documentElement,knownColorSchemes=["dark","light"],preference=window.localStorage.getItem("nuxt-color-mode")||"system";let value=preference==="system"?getColorScheme():preference;const forcedColorMode=de.getAttribute("data-color-mode-forced");forcedColorMode&&(value=forcedColorMode),addColorScheme(value),w["__NUXT_COLOR_MODE__"]={preference,value,getColorScheme,addColorScheme,removeColorScheme};function addColorScheme(e){const o=""+e+"",t="";de.classList?de.classList.add(o):de.className+=" "+o,t&&de.setAttribute("data-"+t,e)}function removeColorScheme(e){const o=""+e+"",t="";de.classList?de.classList.remove(o):de.className=de.className.replace(new RegExp(o,"g"),""),t&&de.removeAttribute("data-"+t)}function prefersColorScheme(e){return w.matchMedia("(prefers-color-scheme"+e+")")}function getColorScheme(){if(w.matchMedia&&prefersColorScheme("").media!=="not all"){for(const e of knownColorSchemes)if(prefersColorScheme(":"+e).matches)return e}return"light"}
+</script></head>
+<body ><div id="__nuxt"></div><script>window.__NUXT__={serverRendered:false,config:{public:{},app:{baseURL:"\u002F__nuxt_og_image__\u002Fclient",buildAssetsDir:"\u002F_nuxt\u002F",cdnURL:""}},data:{},state:{}}</script><script type="module" src="/__nuxt_og_image__/client/_nuxt/entry.ce848650.js" crossorigin></script></body>
+</html>

package/dist/client/_nuxt/Icon.4a9650c6.js

@@ -0,0 +1 @@
+import{a as Ft,r as te,b as ee,e as tt,h as R,f as ne,i as oe,j as C,w as re,k as ie,u as x,o as E,l as at,m as O,c as ut,p as se,t as ce,q as le,s as ae}from"./entry.ce848650.js";function ue(){const t=Ft();return t._appConfig||(t._appConfig=te(ee)),t._appConfig}const Pt=Object.freeze({left:0,top:0,width:16,height:16}),Mt=Object.freeze({rotate:0,vFlip:!1,hFlip:!1}),et=Object.freeze({...Pt,...Mt});Object.freeze({...et,body:"",hidden:!1});({...Pt});const Et=Object.freeze({width:null,height:null}),Ot=Object.freeze({...Et,...Mt});function fe(t,o){const n={...t};for(const r in o){const e=o[r],i=typeof e;r in Et?(e===null||e&&(i==="string"||i==="number"))&&(n[r]=e):i===typeof n[r]&&(n[r]=r==="rotate"?e%4:e)}return n}const he=/[\s,]+/;function de(t,o){o.split(he).forEach(n=>{switch(n.trim()){case"horizontal":t.hFlip=!0;break;case"vertical":t.vFlip=!0;break}})}function pe(t,o=0){const n=t.replace(/^-?[0-9.]*/,"");function r(e){for(;e<0;)e+=4;return e%4}if(n===""){const e=parseInt(t);return isNaN(e)?0:r(e)}else if(n!==t){let e=0;switch(n){case"%":e=25;break;case"deg":e=90}if(e){let i=parseFloat(t.slice(0,t.length-n.length));return isNaN(i)?0:(i=i/e,i%1===0?r(i):0)}}return o}const ge=/(-?[0-9.]*[0-9]+[0-9.]*)/g,me=/^-?[0-9.]*[0-9]+[0-9.]*$/g;function ft(t,o,n){if(o===1)return t;if(n=n||100,typeof t=="number")return Math.ceil(t*o*n)/n;if(typeof t!="string")return t;const r=t.split(ge);if(r===null||!r.length)return t;const e=[];let i=r.shift(),s=me.test(i);for(;;){if(s){const c=parseFloat(i);isNaN(c)?e.push(i):e.push(Math.ceil(c*o*n)/n)}else e.push(i);if(i=r.shift(),i===void 0)return e.join("");s=!s}}function ye(t,o){const n={...et,...t},r={...Ot,...o},e={left:n.left,top:n.top,width:n.width,height:n.height};let i=n.body;[n,r].forEach(b=>{const d=[],p=b.hFlip,f=b.vFlip;let y=b.rotate;p?f?y+=2:(d.push("translate("+(e.width+e.left).toString()+" "+(0-e.top).toString()+")"),d.push("scale(-1 1)"),e.top=e.left=0):f&&(d.push("translate("+(0-e.left).toString()+" "+(e.height+e.top).toString()+")"),d.push("scale(1 -1)"),e.top=e.left=0);let m;switch(y<0&&(y-=Math.floor(y/4)*4),y=y%4,y){case 1:m=e.height/2+e.top,d.unshift("rotate(90 "+m.toString()+" "+m.toString()+")");break;case 2:d.unshift("rotate(180 "+(e.width/2+e.left).toString()+" "+(e.height/2+e.top).toString()+")");break;case 3:m=e.width/2+e.left,d.unshift("rotate(-90 "+m.toString()+" "+m.toString()+")");break}y%2===1&&(e.left!==e.top&&(m=e.left,e.left=e.top,e.top=m),e.width!==e.height&&(m=e.width,e.width=e.height,e.height=m)),d.length&&(i='<g transform="'+d.join(" ")+'">'+i+"</g>")});const s=r.width,c=r.height,l=e.width,a=e.height;let u,h;return s===null?(h=c===null?"1em":c==="auto"?a:c,u=ft(h,l/a)):(u=s==="auto"?l:s,h=c===null?ft(u,a/l):c==="auto"?a:c),{attributes:{width:u.toString(),height:h.toString(),viewBox:e.left.toString()+" "+e.top.toString()+" "+l.toString()+" "+a.toString()},body:i}}const we=/\sid="(\S+)"/g,be="IconifyId"+Date.now().toString(16)+(Math.random()*16777216|0).toString(16);let xe=0;function Se(t,o=be){const n=[];let r;for(;r=we.exec(t);)n.push(r[1]);return n.length&&n.forEach(e=>{const i=typeof o=="function"?o(e):o+(xe++).toString(),s=e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&");t=t.replace(new RegExp('([#;"])('+s+')([")]|\\.[a-z])',"g"),"$1"+i+"$3")}),t}function ve(t,o){let n=t.indexOf("xlink:")===-1?"":' xmlns:xlink="http://www.w3.org/1999/xlink"';for(const r in o)n+=" "+r+'="'+o[r]+'"';return'<svg xmlns="http://www.w3.org/2000/svg"'+n+">"+t+"</svg>"}function Ie(t){return t.replace(/"/g,"'").replace(/%/g,"%25").replace(/#/g,"%23").replace(/</g,"%3C").replace(/>/g,"%3E").replace(/\s+/g," ")}function ke(t){return'url("data:image/svg+xml,'+Ie(t)+'")'}const ht={...Ot,inline:!1},Ce={xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink","aria-hidden":!0,role:"img"},je={display:"inline-block"},U={backgroundColor:"currentColor"},At={backgroundColor:"transparent"},dt={Image:"var(--svg)",Repeat:"no-repeat",Size:"100% 100%"},pt={webkitMask:U,mask:U,background:At};for(const t in pt){const o=pt[t];for(const n in dt)o[t+n]=dt[n]}const L={};["horizontal","vertical"].forEach(t=>{const o=t.slice(0,1)+"Flip";L[t+"-flip"]=o,L[t.slice(0,1)+"-flip"]=o,L[t+"Flip"]=o});function gt(t){return t+(t.match(/^[-0-9.]+$/)?"px":"")}const Te=(t,o)=>{const n=fe(ht,o),r={...Ce},e=o.mode||"svg",i={},s=o.style,c=typeof s=="object"&&!(s instanceof Array)?s:{};for(let p in o){const f=o[p];if(f!==void 0)switch(p){case"icon":case"style":case"onLoad":case"mode":break;case"inline":case"hFlip":case"vFlip":n[p]=f===!0||f==="true"||f===1;break;case"flip":typeof f=="string"&&de(n,f);break;case"color":i.color=f;break;case"rotate":typeof f=="string"?n[p]=pe(f):typeof f=="number"&&(n[p]=f);break;case"ariaHidden":case"aria-hidden":f!==!0&&f!=="true"&&delete r["aria-hidden"];break;default:{const y=L[p];y?(f===!0||f==="true"||f===1)&&(n[y]=!0):ht[p]===void 0&&(r[p]=f)}}}const l=ye(t,n),a=l.attributes;if(n.inline&&(i.verticalAlign="-0.125em"),e==="svg"){r.style={...i,...c},Object.assign(r,a);let p=0,f=o.id;return typeof f=="string"&&(f=f.replace(/-/g,"_")),r.innerHTML=Se(l.body,f?()=>f+"ID"+p++:"iconifyVue"),R("svg",r)}const{body:u,width:h,height:g}=t,b=e==="mask"||(e==="bg"?!1:u.indexOf("currentColor")!==-1),d=ve(u,{...a,width:h+"",height:g+""});return r.style={...i,"--svg":ke(d),width:gt(a.width),height:gt(a.height),...je,...b?U:At,...c},R("span",r)},$e=Object.create(null),_e=tt({inheritAttrs:!1,render(){const t=this.$attrs,o=t.icon,n=typeof o=="string"?$e[o]:typeof o=="object"?o:null;return n===null||typeof n!="object"||typeof n.body!="string"?this.$slots.default?this.$slots.default():null:Te({...et,...n},t)}}),T=/^[a-z0-9]+(-[a-z0-9]+)*$/,F=(t,o,n,r="")=>{const e=t.split(":");if(t.slice(0,1)==="@"){if(e.length<2||e.length>3)return null;r=e.shift().slice(1)}if(e.length>3||!e.length)return null;if(e.length>1){const c=e.pop(),l=e.pop(),a={provider:e.length>0?e[0]:r,prefix:l,name:c};return o&&!N(a)?null:a}const i=e[0],s=i.split("-");if(s.length>1){const c={provider:r,prefix:s.shift(),name:s.join("-")};return o&&!N(c)?null:c}if(n&&r===""){const c={provider:r,prefix:"",name:i};return o&&!N(c,n)?null:c}return null},N=(t,o)=>t?!!((t.provider===""||t.provider.match(T))&&(o&&t.prefix===""||t.prefix.match(T))&&t.name.match(T)):!1,Lt=Object.freeze({left:0,top:0,width:16,height:16}),H=Object.freeze({rotate:0,vFlip:!1,hFlip:!1}),P=Object.freeze({...Lt,...H}),G=Object.freeze({...P,body:"",hidden:!1});function Fe(t,o){const n={};!t.hFlip!=!o.hFlip&&(n.hFlip=!0),!t.vFlip!=!o.vFlip&&(n.vFlip=!0);const r=((t.rotate||0)+(o.rotate||0))%4;return r&&(n.rotate=r),n}function mt(t,o){const n=Fe(t,o);for(const r in G)r in H?r in t&&!(r in n)&&(n[r]=H[r]):r in o?n[r]=o[r]:r in t&&(n[r]=t[r]);return n}function Pe(t,o){const n=t.icons,r=t.aliases||Object.create(null),e=Object.create(null);function i(s){if(n[s])return e[s]=[];if(!(s in e)){e[s]=null;const c=r[s]&&r[s].parent,l=c&&i(c);l&&(e[s]=[c].concat(l))}return e[s]}return(o||Object.keys(n).concat(Object.keys(r))).forEach(i),e}function Me(t,o,n){const r=t.icons,e=t.aliases||Object.create(null);let i={};function s(c){i=mt(r[c]||e[c],i)}return s(o),n.forEach(s),mt(t,i)}function Nt(t,o){const n=[];if(typeof t!="object"||typeof t.icons!="object")return n;t.not_found instanceof Array&&t.not_found.forEach(e=>{o(e,null),n.push(e)});const r=Pe(t);for(const e in r){const i=r[e];i&&(o(e,Me(t,e,i)),n.push(e))}return n}const Ee={provider:"",aliases:{},not_found:{},...Lt};function q(t,o){for(const n in o)if(n in t&&typeof t[n]!=typeof o[n])return!1;return!0}function zt(t){if(typeof t!="object"||t===null)return null;const o=t;if(typeof o.prefix!="string"||!t.icons||typeof t.icons!="object"||!q(t,Ee))return null;const n=o.icons;for(const e in n){const i=n[e];if(!e.match(T)||typeof i.body!="string"||!q(i,G))return null}const r=o.aliases||Object.create(null);for(const e in r){const i=r[e],s=i.parent;if(!e.match(T)||typeof s!="string"||!n[s]&&!r[s]||!q(i,G))return null}return o}const yt=Object.create(null);function Oe(t,o){return{provider:t,prefix:o,icons:Object.create(null),missing:new Set}}function I(t,o){const n=yt[t]||(yt[t]=Object.create(null));return n[o]||(n[o]=Oe(t,o))}function nt(t,o){return zt(o)?Nt(o,(n,r)=>{r?t.icons[n]=r:t.missing.add(n)}):[]}function Ae(t,o,n){try{if(typeof n.body=="string")return t.icons[o]={...n},!0}catch{}return!1}let $=!1;function Dt(t){return typeof t=="boolean"&&($=t),$}function Rt(t){const o=typeof t=="string"?F(t,!0,$):t;if(o){const n=I(o.provider,o.prefix),r=o.name;return n.icons[r]||(n.missing.has(r)?null:void 0)}}function Le(t,o){const n=F(t,!0,$);if(!n)return!1;const r=I(n.provider,n.prefix);return Ae(r,n.name,o)}function Ne(t,o){if(typeof t!="object")return!1;if(typeof o!="string"&&(o=t.provider||""),$&&!o&&!t.prefix){let e=!1;return zt(t)&&(t.prefix="",Nt(t,(i,s)=>{s&&Le(i,s)&&(e=!0)})),e}const n=t.prefix;if(!N({provider:o,prefix:n,name:"a"}))return!1;const r=I(o,n);return!!nt(r,t)}const Ht=Object.freeze({width:null,height:null}),Bt=Object.freeze({...Ht,...H}),ze=/(-?[0-9.]*[0-9]+[0-9.]*)/g,De=/^-?[0-9.]*[0-9]+[0-9.]*$/g;function wt(t,o,n){if(o===1)return t;if(n=n||100,typeof t=="number")return Math.ceil(t*o*n)/n;if(typeof t!="string")return t;const r=t.split(ze);if(r===null||!r.length)return t;const e=[];let i=r.shift(),s=De.test(i);for(;;){if(s){const c=parseFloat(i);isNaN(c)?e.push(i):e.push(Math.ceil(c*o*n)/n)}else e.push(i);if(i=r.shift(),i===void 0)return e.join("");s=!s}}function Re(t,o){const n={...P,...t},r={...Bt,...o},e={left:n.left,top:n.top,width:n.width,height:n.height};let i=n.body;[n,r].forEach(b=>{const d=[],p=b.hFlip,f=b.vFlip;let y=b.rotate;p?f?y+=2:(d.push("translate("+(e.width+e.left).toString()+" "+(0-e.top).toString()+")"),d.push("scale(-1 1)"),e.top=e.left=0):f&&(d.push("translate("+(0-e.left).toString()+" "+(e.height+e.top).toString()+")"),d.push("scale(1 -1)"),e.top=e.left=0);let m;switch(y<0&&(y-=Math.floor(y/4)*4),y=y%4,y){case 1:m=e.height/2+e.top,d.unshift("rotate(90 "+m.toString()+" "+m.toString()+")");break;case 2:d.unshift("rotate(180 "+(e.width/2+e.left).toString()+" "+(e.height/2+e.top).toString()+")");break;case 3:m=e.width/2+e.left,d.unshift("rotate(-90 "+m.toString()+" "+m.toString()+")");break}y%2===1&&(e.left!==e.top&&(m=e.left,e.left=e.top,e.top=m),e.width!==e.height&&(m=e.width,e.width=e.height,e.height=m)),d.length&&(i='<g transform="'+d.join(" ")+'">'+i+"</g>")});const s=r.width,c=r.height,l=e.width,a=e.height;let u,h;return s===null?(h=c===null?"1em":c==="auto"?a:c,u=wt(h,l/a)):(u=s==="auto"?l:s,h=c===null?wt(u,a/l):c==="auto"?a:c),{attributes:{width:u.toString(),height:h.toString(),viewBox:e.left.toString()+" "+e.top.toString()+" "+l.toString()+" "+a.toString()},body:i}}const He=/\sid="(\S+)"/g,Be="IconifyId"+Date.now().toString(16)+(Math.random()*16777216|0).toString(16);let Ve=0;function qe(t,o=Be){const n=[];let r;for(;r=He.exec(t);)n.push(r[1]);return n.length&&n.forEach(e=>{const i=typeof o=="function"?o(e):o+(Ve++).toString(),s=e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&");t=t.replace(new RegExp('([#;"])('+s+')([")]|\\.[a-z])',"g"),"$1"+i+"$3")}),t}const W=Object.create(null);function Qe(t,o){W[t]=o}function K(t){return W[t]||W[""]}function ot(t){let o;if(typeof t.resources=="string")o=[t.resources];else if(o=t.resources,!(o instanceof Array)||!o.length)return null;return{resources:o,path:t.path||"/",maxURL:t.maxURL||500,rotate:t.rotate||750,timeout:t.timeout||5e3,random:t.random===!0,index:t.index||0,dataAfterTimeout:t.dataAfterTimeout!==!1}}const rt=Object.create(null),j=["https://api.simplesvg.com","https://api.unisvg.com"],z=[];for(;j.length>0;)j.length===1||Math.random()>.5?z.push(j.shift()):z.push(j.pop());rt[""]=ot({resources:["https://api.iconify.design"].concat(z)});function Ue(t,o){const n=ot(o);return n===null?!1:(rt[t]=n,!0)}function it(t){return rt[t]}const Ge=()=>{let t;try{if(t=fetch,typeof t=="function")return t}catch{}};let bt=Ge();function We(t,o){const n=it(t);if(!n)return 0;let r;if(!n.maxURL)r=0;else{let e=0;n.resources.forEach(s=>{e=Math.max(e,s.length)});const i=o+".json?icons=";r=n.maxURL-e-n.path.length-i.length}return r}function Ke(t){return t===404}const Je=(t,o,n)=>{const r=[],e=We(t,o),i="icons";let s={type:i,provider:t,prefix:o,icons:[]},c=0;return n.forEach((l,a)=>{c+=l.length+1,c>=e&&a>0&&(r.push(s),s={type:i,provider:t,prefix:o,icons:[]},c=l.length),s.icons.push(l)}),r.push(s),r};function Xe(t){if(typeof t=="string"){const o=it(t);if(o)return o.path}return"/"}const Ye=(t,o,n)=>{if(!bt){n("abort",424);return}let r=Xe(o.provider);switch(o.type){case"icons":{const i=o.prefix,c=o.icons.join(","),l=new URLSearchParams({icons:c});r+=i+".json?"+l.toString();break}case"custom":{const i=o.uri;r+=i.slice(0,1)==="/"?i.slice(1):i;break}default:n("abort",400);return}let e=503;bt(t+r).then(i=>{const s=i.status;if(s!==200){setTimeout(()=>{n(Ke(s)?"abort":"next",s)});return}return e=501,i.json()}).then(i=>{if(typeof i!="object"||i===null){setTimeout(()=>{i===404?n("abort",i):n("next",e)});return}setTimeout(()=>{n("success",i)})}).catch(()=>{n("next",e)})},Ze={prepare:Je,send:Ye};function tn(t){const o={loaded:[],missing:[],pending:[]},n=Object.create(null);t.sort((e,i)=>e.provider!==i.provider?e.provider.localeCompare(i.provider):e.prefix!==i.prefix?e.prefix.localeCompare(i.prefix):e.name.localeCompare(i.name));let r={provider:"",prefix:"",name:""};return t.forEach(e=>{if(r.name===e.name&&r.prefix===e.prefix&&r.provider===e.provider)return;r=e;const i=e.provider,s=e.prefix,c=e.name,l=n[i]||(n[i]=Object.create(null)),a=l[s]||(l[s]=I(i,s));let u;c in a.icons?u=o.loaded:s===""||a.missing.has(c)?u=o.missing:u=o.pending;const h={provider:i,prefix:s,name:c};u.push(h)}),o}function Vt(t,o){t.forEach(n=>{const r=n.loaderCallbacks;r&&(n.loaderCallbacks=r.filter(e=>e.id!==o))})}function en(t){t.pendingCallbacksFlag||(t.pendingCallbacksFlag=!0,setTimeout(()=>{t.pendingCallbacksFlag=!1;const o=t.loaderCallbacks?t.loaderCallbacks.slice(0):[];if(!o.length)return;let n=!1;const r=t.provider,e=t.prefix;o.forEach(i=>{const s=i.icons,c=s.pending.length;s.pending=s.pending.filter(l=>{if(l.prefix!==e)return!0;const a=l.name;if(t.icons[a])s.loaded.push({provider:r,prefix:e,name:a});else if(t.missing.has(a))s.missing.push({provider:r,prefix:e,name:a});else return n=!0,!0;return!1}),s.pending.length!==c&&(n||Vt([t],i.id),i.callback(s.loaded.slice(0),s.missing.slice(0),s.pending.slice(0),i.abort))})}))}let nn=0;function on(t,o,n){const r=nn++,e=Vt.bind(null,n,r);if(!o.pending.length)return e;const i={id:r,icons:o,callback:t,abort:e};return n.forEach(s=>{(s.loaderCallbacks||(s.loaderCallbacks=[])).push(i)}),e}function rn(t,o=!0,n=!1){const r=[];return t.forEach(e=>{const i=typeof e=="string"?F(e,o,n):e;i&&r.push(i)}),r}var sn={resources:[],index:0,timeout:2e3,rotate:750,random:!1,dataAfterTimeout:!1};function cn(t,o,n,r){const e=t.resources.length,i=t.random?Math.floor(Math.random()*e):t.index;let s;if(t.random){let w=t.resources.slice(0);for(s=[];w.length>1;){const S=Math.floor(Math.random()*w.length);s.push(w[S]),w=w.slice(0,S).concat(w.slice(S+1))}s=s.concat(w)}else s=t.resources.slice(i).concat(t.resources.slice(0,i));const c=Date.now();let l="pending",a=0,u,h=null,g=[],b=[];typeof r=="function"&&b.push(r);function d(){h&&(clearTimeout(h),h=null)}function p(){l==="pending"&&(l="aborted"),d(),g.forEach(w=>{w.status==="pending"&&(w.status="aborted")}),g=[]}function f(w,S){S&&(b=[]),typeof w=="function"&&b.push(w)}function y(){return{startTime:c,payload:o,status:l,queriesSent:a,queriesPending:g.length,subscribe:f,abort:p}}function m(){l="failed",b.forEach(w=>{w(void 0,u)})}function lt(){g.forEach(w=>{w.status==="pending"&&(w.status="aborted")}),g=[]}function Zt(w,S,k){const M=S!=="success";switch(g=g.filter(v=>v!==w),l){case"pending":break;case"failed":if(M||!t.dataAfterTimeout)return;break;default:return}if(S==="abort"){u=k,m();return}if(M){u=k,g.length||(s.length?V():m());return}if(d(),lt(),!t.random){const v=t.resources.indexOf(w.resource);v!==-1&&v!==t.index&&(t.index=v)}l="completed",b.forEach(v=>{v(k)})}function V(){if(l!=="pending")return;d();const w=s.shift();if(w===void 0){if(g.length){h=setTimeout(()=>{d(),l==="pending"&&(lt(),m())},t.timeout);return}m();return}const S={status:"pending",resource:w,callback:(k,M)=>{Zt(S,k,M)}};g.push(S),a++,h=setTimeout(V,t.rotate),n(w,o,S.callback)}return setTimeout(V),y}function qt(t){const o={...sn,...t};let n=[];function r(){n=n.filter(c=>c().status==="pending")}function e(c,l,a){const u=cn(o,c,l,(h,g)=>{r(),a&&a(h,g)});return n.push(u),u}function i(c){return n.find(l=>c(l))||null}return{query:e,find:i,setIndex:c=>{o.index=c},getIndex:()=>o.index,cleanup:r}}function xt(){}const Q=Object.create(null);function ln(t){if(!Q[t]){const o=it(t);if(!o)return;const n=qt(o),r={config:o,redundancy:n};Q[t]=r}return Q[t]}function an(t,o,n){let r,e;if(typeof t=="string"){const i=K(t);if(!i)return n(void 0,424),xt;e=i.send;const s=ln(t);s&&(r=s.redundancy)}else{const i=ot(t);if(i){r=qt(i);const s=t.resources?t.resources[0]:"",c=K(s);c&&(e=c.send)}}return!r||!e?(n(void 0,424),xt):r.query(o,e,n)().abort}const St="iconify2",_="iconify",Qt=_+"-count",vt=_+"-version",Ut=36e5,un=168;function J(t,o){try{return t.getItem(o)}catch{}}function st(t,o,n){try{return t.setItem(o,n),!0}catch{}}function It(t,o){try{t.removeItem(o)}catch{}}function X(t,o){return st(t,Qt,o.toString())}function Y(t){return parseInt(J(t,Qt))||0}const B={local:!0,session:!0},Gt={local:new Set,session:new Set};let ct=!1;function fn(t){ct=t}let A=typeof window>"u"?{}:window;function Wt(t){const o=t+"Storage";try{if(A&&A[o]&&typeof A[o].length=="number")return A[o]}catch{}B[t]=!1}function Kt(t,o){const n=Wt(t);if(!n)return;const r=J(n,vt);if(r!==St){if(r){const c=Y(n);for(let l=0;l<c;l++)It(n,_+l.toString())}st(n,vt,St),X(n,0);return}const e=Math.floor(Date.now()/Ut)-un,i=c=>{const l=_+c.toString(),a=J(n,l);if(typeof a=="string"){try{const u=JSON.parse(a);if(typeof u=="object"&&typeof u.cached=="number"&&u.cached>e&&typeof u.provider=="string"&&typeof u.data=="object"&&typeof u.data.prefix=="string"&&o(u,c))return!0}catch{}It(n,l)}};let s=Y(n);for(let c=s-1;c>=0;c--)i(c)||(c===s-1?(s--,X(n,s)):Gt[t].add(c))}function Jt(){if(!ct){fn(!0);for(const t in B)Kt(t,o=>{const n=o.data,r=o.provider,e=n.prefix,i=I(r,e);if(!nt(i,n).length)return!1;const s=n.lastModified||-1;return i.lastModifiedCached=i.lastModifiedCached?Math.min(i.lastModifiedCached,s):s,!0})}}function hn(t,o){const n=t.lastModifiedCached;if(n&&n>=o)return n===o;if(t.lastModifiedCached=o,n)for(const r in B)Kt(r,e=>{const i=e.data;return e.provider!==t.provider||i.prefix!==t.prefix||i.lastModified===o});return!0}function dn(t,o){ct||Jt();function n(r){let e;if(!B[r]||!(e=Wt(r)))return;const i=Gt[r];let s;if(i.size)i.delete(s=Array.from(i).shift());else if(s=Y(e),!X(e,s+1))return;const c={cached:Math.floor(Date.now()/Ut),provider:t.provider,data:o};return st(e,_+s.toString(),JSON.stringify(c))}o.lastModified&&!hn(t,o.lastModified)||!Object.keys(o.icons).length||(o.not_found&&(o=Object.assign({},o),delete o.not_found),n("local")||n("session"))}function kt(){}function pn(t){t.iconsLoaderFlag||(t.iconsLoaderFlag=!0,setTimeout(()=>{t.iconsLoaderFlag=!1,en(t)}))}function gn(t,o){t.iconsToLoad?t.iconsToLoad=t.iconsToLoad.concat(o).sort():t.iconsToLoad=o,t.iconsQueueFlag||(t.iconsQueueFlag=!0,setTimeout(()=>{t.iconsQueueFlag=!1;const{provider:n,prefix:r}=t,e=t.iconsToLoad;delete t.iconsToLoad;let i;if(!e||!(i=K(n)))return;i.prepare(n,r,e).forEach(c=>{an(n,c,l=>{if(typeof l!="object")c.icons.forEach(a=>{t.missing.add(a)});else try{const a=nt(t,l);if(!a.length)return;const u=t.pendingIcons;u&&a.forEach(h=>{u.delete(h)}),dn(t,l)}catch(a){console.error(a)}pn(t)})})}))}const Xt=(t,o)=>{const n=rn(t,!0,Dt()),r=tn(n);if(!r.pending.length){let l=!0;return o&&setTimeout(()=>{l&&o(r.loaded,r.missing,r.pending,kt)}),()=>{l=!1}}const e=Object.create(null),i=[];let s,c;return r.pending.forEach(l=>{const{provider:a,prefix:u}=l;if(u===c&&a===s)return;s=a,c=u,i.push(I(a,u));const h=e[a]||(e[a]=Object.create(null));h[u]||(h[u]=[])}),r.pending.forEach(l=>{const{provider:a,prefix:u,name:h}=l,g=I(a,u),b=g.pendingIcons||(g.pendingIcons=new Set);b.has(h)||(b.add(h),e[a][u].push(h))}),i.forEach(l=>{const{provider:a,prefix:u}=l;e[a][u].length&&gn(l,e[a][u])}),o?on(o,r,i):kt},mn=t=>new Promise((o,n)=>{const r=typeof t=="string"?F(t,!0):t;if(!r){n(t);return}Xt([r||t],e=>{if(e.length&&r){const i=Rt(r);if(i){o({...P,...i});return}}n(t)})});function yn(t,o){const n={...t};for(const r in o){const e=o[r],i=typeof e;r in Ht?(e===null||e&&(i==="string"||i==="number"))&&(n[r]=e):i===typeof n[r]&&(n[r]=r==="rotate"?e%4:e)}return n}const wn=/[\s,]+/;function bn(t,o){o.split(wn).forEach(n=>{switch(n.trim()){case"horizontal":t.hFlip=!0;break;case"vertical":t.vFlip=!0;break}})}function xn(t,o=0){const n=t.replace(/^-?[0-9.]*/,"");function r(e){for(;e<0;)e+=4;return e%4}if(n===""){const e=parseInt(t);return isNaN(e)?0:r(e)}else if(n!==t){let e=0;switch(n){case"%":e=25;break;case"deg":e=90}if(e){let i=parseFloat(t.slice(0,t.length-n.length));return isNaN(i)?0:(i=i/e,i%1===0?r(i):0)}}return o}function Sn(t,o){let n=t.indexOf("xlink:")===-1?"":' xmlns:xlink="http://www.w3.org/1999/xlink"';for(const r in o)n+=" "+r+'="'+o[r]+'"';return'<svg xmlns="http://www.w3.org/2000/svg"'+n+">"+t+"</svg>"}function vn(t){return t.replace(/"/g,"'").replace(/%/g,"%25").replace(/#/g,"%23").replace(/</g,"%3C").replace(/>/g,"%3E").replace(/\s+/g," ")}function In(t){return'url("data:image/svg+xml,'+vn(t)+'")'}const Ct={...Bt,inline:!1},kn={xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink","aria-hidden":!0,role:"img"},Cn={display:"inline-block"},Z={backgroundColor:"currentColor"},Yt={backgroundColor:"transparent"},jt={Image:"var(--svg)",Repeat:"no-repeat",Size:"100% 100%"},Tt={webkitMask:Z,mask:Z,background:Yt};for(const t in Tt){const o=Tt[t];for(const n in jt)o[t+n]=jt[n]}const D={};["horizontal","vertical"].forEach(t=>{const o=t.slice(0,1)+"Flip";D[t+"-flip"]=o,D[t.slice(0,1)+"-flip"]=o,D[t+"Flip"]=o});function $t(t){return t+(t.match(/^[-0-9.]+$/)?"px":"")}const _t=(t,o)=>{const n=yn(Ct,o),r={...kn},e=o.mode||"svg",i={},s=o.style,c=typeof s=="object"&&!(s instanceof Array)?s:{};for(let p in o){const f=o[p];if(f!==void 0)switch(p){case"icon":case"style":case"onLoad":case"mode":break;case"inline":case"hFlip":case"vFlip":n[p]=f===!0||f==="true"||f===1;break;case"flip":typeof f=="string"&&bn(n,f);break;case"color":i.color=f;break;case"rotate":typeof f=="string"?n[p]=xn(f):typeof f=="number"&&(n[p]=f);break;case"ariaHidden":case"aria-hidden":f!==!0&&f!=="true"&&delete r["aria-hidden"];break;default:{const y=D[p];y?(f===!0||f==="true"||f===1)&&(n[y]=!0):Ct[p]===void 0&&(r[p]=f)}}}const l=Re(t,n),a=l.attributes;if(n.inline&&(i.verticalAlign="-0.125em"),e==="svg"){r.style={...i,...c},Object.assign(r,a);let p=0,f=o.id;return typeof f=="string"&&(f=f.replace(/-/g,"_")),r.innerHTML=qe(l.body,f?()=>f+"ID"+p++:"iconifyVue"),R("svg",r)}const{body:u,width:h,height:g}=t,b=e==="mask"||(e==="bg"?!1:u.indexOf("currentColor")!==-1),d=Sn(u,{...a,width:h+"",height:g+""});return r.style={...i,"--svg":In(d),width:$t(a.width),height:$t(a.height),...Cn,...b?Z:Yt,...c},R("span",r)};Dt(!0);Qe("",Ze);if(typeof document<"u"&&typeof window<"u"){Jt();const t=window;if(t.IconifyPreload!==void 0){const o=t.IconifyPreload,n="Invalid IconifyPreload syntax.";typeof o=="object"&&o!==null&&(o instanceof Array?o:[o]).forEach(r=>{try{(typeof r!="object"||r===null||r instanceof Array||typeof r.icons!="object"||typeof r.prefix!="string"||!Ne(r))&&console.error(n)}catch{console.error(n)}})}if(t.IconifyProviders!==void 0){const o=t.IconifyProviders;if(typeof o=="object"&&o!==null)for(let n in o){const r="IconifyProviders["+n+"] is invalid.";try{const e=o[n];if(typeof e!="object"||!e||e.resources===void 0)continue;Ue(n,e)||console.error(r)}catch{console.error(r)}}}}const jn={...P,body:""};tt({inheritAttrs:!1,data(){return{iconMounted:!1,counter:0}},mounted(){this._name="",this._loadingIcon=null,this.iconMounted=!0},unmounted(){this.abortLoading()},methods:{abortLoading(){this._loadingIcon&&(this._loadingIcon.abort(),this._loadingIcon=null)},getIcon(t,o){if(typeof t=="object"&&t!==null&&typeof t.body=="string")return this._name="",this.abortLoading(),{data:t};let n;if(typeof t!="string"||(n=F(t,!1,!0))===null)return this.abortLoading(),null;const r=Rt(n);if(!r)return(!this._loadingIcon||this._loadingIcon.name!==t)&&(this.abortLoading(),this._name="",r!==null&&(this._loadingIcon={name:t,abort:Xt([n],()=>{this.counter++})})),null;this.abortLoading(),this._name!==t&&(this._name=t,o&&o(t));const e=["iconify"];return n.prefix!==""&&e.push("iconify--"+n.prefix),n.provider!==""&&e.push("iconify--"+n.provider),{data:r,classes:e}}},render(){this.counter;const t=this.$attrs,o=this.iconMounted?this.getIcon(t.icon,t.onLoad):null;if(!o)return _t(jn,t);let n=t;return o.classes&&(n={...t,class:(typeof t.class=="string"?t.class+" ":"")+o.classes.join(" ")}),_t({...P,...o.data},n)}});const Tn=["width","height"],$n=tt({__name:"Icon",props:{name:{type:String,required:!0},size:{type:String,default:""}},async setup(t){let o,n;const r=t,e=Ft(),i=ue(),s=ne("icons",()=>({})),c=oe(!1),l=C(()=>(i.nuxtIcon?.aliases||{})[r.name]||r.name),a=C(()=>s.value?.[l.value]),u=C(()=>e.vueApp.component(l.value)),h=C(()=>{const d=r.size||i.nuxtIcon?.size||"1em";return String(Number(d))===d?`${d}px`:d}),g=C(()=>i.nuxtIcon?.class??"icon");async function b(){u.value||s.value?.[l.value]||(c.value=!0,s.value[l.value]=await mn(l.value).catch(()=>{}),c.value=!1)}return re(()=>l.value,b),!u.value&&([o,n]=ie(()=>b()),o=await o,n()),(d,p)=>x(c)?(E(),at("span",{key:0,class:O(x(g)),width:x(h),height:x(h)},null,10,Tn)):x(a)?(E(),ut(x(_e),{key:1,icon:x(a),class:O(x(g)),width:x(h),height:x(h)},null,8,["icon","class","width","height"])):x(u)?(E(),ut(se(x(u)),{key:2,class:O(x(g)),width:x(h),height:x(h)},null,8,["class","width","height"])):(E(),at("span",{key:3,class:O(x(g)),style:le({fontSize:x(h),lineHeight:x(h),width:x(h),height:x(h)})},ce(t.name),7))}});const Fn=ae($n,[["__scopeId","data-v-f4c3d6f0"]]);export{Fn as default};

package/dist/client/_nuxt/Icon.e17ad835.css

@@ -0,0 +1 @@
+.icon[data-v-f4c3d6f0]{display:inline-block;vertical-align:middle}

package/dist/client/_nuxt/entry.0827acf4.css

@@ -0,0 +1 @@
+:root{--nui-c-context:125,125,125}html{background-color:#fff}html.dark{background-color:#222;color:#fff;color-scheme:dark}*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}html{-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}*,:after,:before{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 transparent;--un-ring-shadow:0 0 transparent;--un-shadow-inset: ;--un-shadow:0 0 transparent;--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 transparent;--un-ring-shadow:0 0 transparent;--un-shadow-inset: ;--un-shadow:0 0 transparent;--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.carbon-sun{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' display='inline-block' vertical-align='middle' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M16 12.005a4 4 0 1 1-4 4a4.005 4.005 0 0 1 4-4m0-2a6 6 0 1 0 6 6a6 6 0 0 0-6-6ZM5.394 6.813L6.81 5.399l3.505 3.506L8.9 10.319zM2 15.005h5v2H2zm3.394 10.193L8.9 21.692l1.414 1.414l-3.505 3.506zM15 25.005h2v5h-2zm6.687-1.9l1.414-1.414l3.506 3.506l-1.414 1.414zm3.313-8.1h5v2h-5zm-3.313-6.101l3.506-3.506l1.414 1.414l-3.506 3.506zM15 2.005h2v5h-2z'/%3E%3C/svg%3E");background-color:currentColor;color:inherit;display:inline-block;height:1.2em;-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:middle;width:1.2em}.dark .dark\:carbon-moon{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' display='inline-block' vertical-align='middle' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M13.502 5.414a15.075 15.075 0 0 0 11.594 18.194a11.113 11.113 0 0 1-7.975 3.39c-.138 0-.278.005-.418 0a11.094 11.094 0 0 1-3.2-21.584M14.98 3a1.002 1.002 0 0 0-.175.016a13.096 13.096 0 0 0 1.825 25.981c.164.006.328 0 .49 0a13.072 13.072 0 0 0 10.703-5.555a1.01 1.01 0 0 0-.783-1.565A13.08 13.08 0 0 1 15.89 4.38A1.015 1.015 0 0 0 14.98 3Z'/%3E%3C/svg%3E");background-color:currentColor;color:inherit;display:inline-block;height:1.2em;-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:middle;width:1.2em}.logos-chrome{background:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 257' display='inline-block' vertical-align='middle' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cdefs%3E%3ClinearGradient id='logosChrome0' x1='49.998%25' x2='49.998%25' y1='.706%25' y2='96.99%25'%3E%3Cstop offset='0%25' stop-color='%2386BBE5'/%3E%3Cstop offset='100%25' stop-color='%231072BA'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='%23EF3F36' d='M127.789.035s75.32-3.38 115.253 72.328H121.38s-22.96-.74-42.573 27.114c-5.634 11.691-11.69 23.734-4.894 47.468c-9.79-16.586-51.975-90.04-51.975-90.04S51.693 3.028 127.788.035Z'/%3E%3Cpath fill='%23FCD900' d='M239.133 192.229s-34.756 66.94-120.253 63.63c10.564-18.276 60.848-105.358 60.848-105.358s12.149-19.508-2.183-50.425c-7.29-10.74-14.72-21.973-38.664-27.96c19.262-.175 103.95 0 103.95 0s31.726 52.715-3.698 120.113Z'/%3E%3Cpath fill='%2361BC5B' d='M16.973 192.757s-40.601-63.56 5.035-135.958c10.529 18.276 60.813 105.358 60.813 105.358s10.846 20.283 44.756 23.31c12.924-.95 26.375-1.76 43.56-19.472C161.663 182.757 119.16 256 119.16 256s-61.552 1.127-102.188-63.243Z'/%3E%3Cpath fill='%235AB055' d='m118.845 256.493l17.113-71.412s18.804-1.48 34.58-18.769c-9.79 17.22-51.693 90.181-51.693 90.181Z'/%3E%3Cpath fill='%23FFF' d='M70.462 129.056c0-31.48 25.53-57.01 57.01-57.01c31.48 0 57.01 25.53 57.01 57.01c0 31.481-25.53 57.01-57.01 57.01c-31.48-.035-57.01-25.529-57.01-57.01Z'/%3E%3Cpath fill='url(%23logosChrome0)' d='M80.004 129.056c0-26.198 21.234-47.467 47.468-47.467c26.198 0 47.467 21.234 47.467 47.467c0 26.199-21.233 47.468-47.467 47.468c-26.199 0-47.468-21.269-47.468-47.468Z'/%3E%3Cpath fill='%23EACA05' d='m242.795 72.152l-70.462 20.67s-10.634-15.6-33.487-20.67c19.825-.106 103.949 0 103.949 0Z'/%3E%3Cpath fill='%23DF3A32' d='M72.54 144.339c-9.896-17.149-50.602-87.434-50.602-87.434l52.186 51.622s-5.353 11.022-3.345 26.797l1.76 9.015Z'/%3E%3C/svg%3E") no-repeat;background-color:transparent;background-size:100% 100%;display:inline-block;height:1.2em;vertical-align:middle;width:1.2em}.logos-vercel-icon{background:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 222' display='inline-block' vertical-align='middle' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='m128 0l128 221.705H0z'/%3E%3C/svg%3E") no-repeat;background-color:transparent;background-size:100% 100%;display:inline-block;height:1.2em;vertical-align:middle;width:1.2em}.logos-vue{background:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 221' display='inline-block' vertical-align='middle' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='%2341B883' d='M204.8 0H256L128 220.8L0 0h97.92L128 51.2L157.44 0h47.36Z'/%3E%3Cpath fill='%2341B883' d='m0 0l128 220.8L256 0h-51.2L128 132.48L50.56 0H0Z'/%3E%3Cpath fill='%2335495E' d='M50.56 0L128 133.12L204.8 0h-47.36L128 51.2L97.92 0H50.56Z'/%3E%3C/svg%3E") no-repeat;background-color:transparent;background-size:100% 100%;display:inline-block;height:1.2em;vertical-align:middle;width:1.2em}.n-button-icon{font-size:1.1em;margin-left:-.2em;margin-right:.2em}.n-button-base{grid-gap:.25rem;--un-shadow:var(--un-shadow-inset) 0 1px 2px 0 var(--un-shadow-color,rgba(0,0,0,.05));align-items:center;border-color:#9ca3af80;border-radius:.25rem;border-width:1px;box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow);display:inline-flex;gap:.25rem;opacity:.8;outline:2px solid transparent!important;outline-offset:2px!important;padding:.25em 1em}.hover\:n-button-hover:hover{border-color:rgba(var(--nui-c-context),1)!important;color:rgba(var(--nui-c-context),1);opacity:1}[n~=borderless]{--un-shadow:0 0 var(--un-shadow-color,transparent)!important;border-style:none!important;box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)!important}.active\:n-button-active:active{--un-ring-width:3px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);--un-ring-color:rgba(var(--nui-c-context),.1);background-color:rgba(var(--nui-c-context),.05);box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.focus-visible\:n-focus-base:focus-visible{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);--un-ring-color:rgba(var(--nui-c-context),.5);box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.n-transition{transition-duration:.15s;transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.fixed{position:fixed}.-bottom-1\/2{bottom:-50%}.left-0{left:0}.right-0{right:0}.z-10{z-index:10}.z-20{z-index:20}.grid{display:grid}.m-0{margin:0}.mx-3{margin-left:.75rem;margin-right:.75rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-16{margin-bottom:4rem}.mb-2,[mb-2=""]{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mr-2,[mr-2=""]{margin-right:.5rem}.mt-2{margin-top:.5rem}.block,[block=""]{display:block}.inline-block{display:inline-block}.hidden{display:none}.h-1\/2{height:50%}.h-7,[h-7=""]{height:1.75rem}.h-auto{height:auto}.h-screen{height:100vh}.h1,[h1=""]{height:.25rem}.max-h-full{max-height:100%}.max-w-520px{max-width:520px}.min-h-screen{min-height:100vh}.w-7,[w-7=""]{width:1.75rem}.w-full{width:100%}.flex,[flex=""]{display:flex}.flex-1{flex:1 1 0%}.flex-col,[flex-col=""]{flex-direction:column}.cursor-pointer{cursor:pointer}.place-content-center{place-content:center}.items-start{align-items:flex-start}.items-center,[items-center=""]{align-items:center}.justify-center,[justify-center=""]{justify-content:center}.justify-between{justify-content:space-between}.space-x-1>:not([hidden])~:not([hidden]){--un-space-x-reverse:0;margin-left:calc(.25rem*(1 - var(--un-space-x-reverse)));margin-right:calc(.25rem*var(--un-space-x-reverse))}.space-x-5>:not([hidden])~:not([hidden]),[space-x-5=""]>:not([hidden])~:not([hidden]){--un-space-x-reverse:0;margin-left:calc(1.25rem*(1 - var(--un-space-x-reverse)));margin-right:calc(1.25rem*var(--un-space-x-reverse))}.space-x-6>:not([hidden])~:not([hidden]){--un-space-x-reverse:0;margin-left:calc(1.5rem*(1 - var(--un-space-x-reverse)));margin-right:calc(1.5rem*var(--un-space-x-reverse))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.border-2{border-width:2px}.border-dark-900\/30{border-color:#0f0f0f4d}.border-light-700{--un-border-opacity:1;border-color:rgba(233,236,239,var(--un-border-opacity))}.dark .dark\:border-dark-800{--un-border-opacity:1;border-color:rgba(24,24,24,var(--un-border-opacity))}.rounded{border-radius:.25rem}.rounded-full,[rounded-full=""]{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-t-md{border-top-left-radius:.375rem;border-top-right-radius:.375rem}.dark .dark\:border-none{border-style:none}.bg-black\/5{background-color:#0000000d}.bg-light-200{--un-bg-opacity:1;background-color:rgba(250,250,250,var(--un-bg-opacity))}.bg-light-500{--un-bg-opacity:1;background-color:rgba(242,242,242,var(--un-bg-opacity))}.bg-light-900{--un-bg-opacity:1;background-color:rgba(221,225,227,var(--un-bg-opacity))}.bg-white{--un-bg-opacity:1;background-color:rgba(255,255,255,var(--un-bg-opacity))}.dark .dark\:bg-black{--un-bg-opacity:1;background-color:rgba(0,0,0,var(--un-bg-opacity))}.dark .dark\:bg-dark-200{--un-bg-opacity:1;background-color:rgba(50,50,50,var(--un-bg-opacity))}.dark .dark\:bg-dark-300{--un-bg-opacity:1;background-color:rgba(45,45,45,var(--un-bg-opacity))}.dark .dark\:bg-dark-800{--un-bg-opacity:1;background-color:rgba(24,24,24,var(--un-bg-opacity))}.dark .dark\:bg-dark-900{--un-bg-opacity:1;background-color:rgba(15,15,15,var(--un-bg-opacity))}.dark .dark\:bg-dark-900\/20{background-color:#0f0f0f33}.dark .dark\:bg-white\/10{background-color:#ffffff1a}.hover\:bg-blue-200:hover{--un-bg-opacity:1;background-color:rgba(191,219,254,var(--un-bg-opacity))}.p-0,[p-0=""]{padding:0}.p-1{padding:.25rem}.p-8{padding:2rem}.px,.px-4{padding-left:1rem;padding-right:1rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-8{padding-left:2rem;padding-right:2rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-2\.5{padding-bottom:.625rem;padding-top:.625rem}.py-5{padding-bottom:1.25rem;padding-top:1.25rem}.py-7{padding-bottom:1.75rem;padding-top:1.75rem}.pb-1{padding-bottom:.25rem}.pb-7,[pb-7=""]{padding-bottom:1.75rem}.pt-14{padding-top:3.5rem}.pt-2{padding-top:.5rem}.text-center{text-align:center}.font-sans{font-family:Avenir,Helvetica,Arial,sans-serif}.text-6xl{font-size:3.75rem;line-height:1}.text-8xl{font-size:6rem;line-height:1}.text-decoration\:inherit{line-height:inherit}.text-sm,[text-sm=""]{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs,[text-xs=""]{font-size:.75rem;line-height:1rem}.font-light{font-weight:300}.font-medium{font-weight:500}.leading-5{line-height:1.25rem}.leading-tight{line-height:1.25}.dark .dark\:text-light{--un-text-opacity:1;color:rgba(246,246,246,var(--un-text-opacity))}.dark .dark\:text-light-100{--un-text-opacity:1;color:rgba(252,252,252,var(--un-text-opacity))}.dark .dark\:text-light-900{--un-text-opacity:1;color:rgba(221,225,227,var(--un-text-opacity))}.dark .dark\:text-white{--un-text-opacity:1;color:rgba(255,255,255,var(--un-text-opacity))}.text-black{--un-text-opacity:1;color:rgba(0,0,0,var(--un-text-opacity))}.text-blue-900\/70{color:#1e3a8ab3}.text-dark-200{--un-text-opacity:1;color:rgba(50,50,50,var(--un-text-opacity))}.text-dark-700{--un-text-opacity:1;color:rgba(27,27,27,var(--un-text-opacity))}.text-dark-800{--un-text-opacity:1;color:rgba(24,24,24,var(--un-text-opacity))}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smoothing:grayscale}.op50,.op50\:,.opacity-50,[op50=""]{opacity:.5}.opacity-60,[opacity-60=""]{opacity:.6}.opacity-80,[opacity-80=""]{opacity:.8}.shadow{--un-shadow:var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color,rgba(0,0,0,.1)),var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color,rgba(0,0,0,.1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.ring-offset-2{--un-ring-offset-width:2px}.ring-white{--un-ring-opacity:1;--un-ring-color:rgba(255,255,255,var(--un-ring-opacity))}.ring-opacity-60{--un-ring-opacity:.6}.ring-offset-blue-400{--un-ring-offset-opacity:1;--un-ring-offset-color:rgba(96,165,250,var(--un-ring-offset-opacity))}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}[n~=lg]{font-size:1.125rem;line-height:1.75rem}.n-disabled\:n-disabled[disabled],[disabled] .n-disabled\:n-disabled{filter:saturate(0);opacity:.4;pointer-events:none}@media (min-width:640px){.sm\:px-0{padding-left:0;padding-right:0}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:py-3{padding-bottom:.75rem;padding-top:.75rem}.sm\:text-2xl{font-size:1.5rem;line-height:2rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:text-8xl{font-size:6rem;line-height:1}.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width:1280px){[xl\:hidden=""]{display:none}}@media (min-width:1536px){.\32xl\:mx-auto{margin-left:auto;margin-right:auto}.\32xl\:mb-8{margin-bottom:2rem}.\32xl\:block{display:block}.\32xl\:hidden{display:none}.\32xl\:h-full{height:100%}.\32xl\:w-1205px{width:1205px}.\32xl\:flex{display:flex}.\32xl\:flex-row{flex-direction:row}.\32xl\:space-x-0>:not([hidden])~:not([hidden]){--un-space-x-reverse:0;margin-left:calc(0rem*(1 - var(--un-space-x-reverse)));margin-right:calc(0rem*var(--un-space-x-reverse))}.\32xl\:space-y-4>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-bottom:calc(1rem*var(--un-space-y-reverse));margin-top:calc(1rem*(1 - var(--un-space-y-reverse)))}.\32xl\:px-10{padding-left:2.5rem;padding-right:2.5rem}.\32xl\:py-7{padding-bottom:1.75rem;padding-top:1.75rem}}iframe[data-v-aa5b40b2]{aspect-ratio:40/21;max-width:1200px;transition:.4s;width:100%}img[data-v-e284dbf4]{aspect-ratio:40/21;max-width:1200px;transition:.4s ease-in-out}.tab-panels{width:100%}div[role=tabpanel]{display:flex;width:100%}