@nuxt/devtools 0.2.5 → 0.3.0

package/dist/types.d.ts

@@ -1,296 +1,5 @@
-import { Nuxt, NuxtOptions, Component, NuxtPage, NuxtLayout, AppConfig } from 'nuxt/schema';
-import { Import, UnimportMeta } from 'unimport';
-import { NuxtApp } from 'nuxt/dist/app/nuxt';
-import { RouteRecordNormalized } from 'vue-router';
-import { VueInspectorClient } from 'vite-plugin-vue-inspector';
-import { Hookable } from 'hookable';
-import { BirpcReturn } from 'birpc';
-import { VNode } from 'vue';
-import { StorageValue } from 'unstorage';
-import { StorageMounts } from 'nitropack';
+export * from '@nuxt/devtools-kit/types';
 
-declare function enablePages(nuxt: Nuxt): Promise<void>;
-
-declare const wizard: {
-    enablePages: typeof enablePages;
-};
-type Wizard = typeof wizard;
-type WizardActions = keyof Wizard;
-type WizardArgs<T extends WizardActions> = Wizard[T] extends (nuxt: any, ...args: infer A) => any ? A : never;
-
-interface ModuleOptions {
-    /**
-     * Enable DevTools
-     *
-     * @default true
-     */
-    enabled?: boolean;
-    /**
-     * VS Code Server integration options.
-     */
-    vscode?: VSCodeIntegrationOptions;
-    /**
-     * Enable Vue Component Inspector
-     *
-     * @default true
-     */
-    componentInspector?: boolean;
-    /**
-     * Enable vite-plugin-inspect
-     *
-     * @default true
-     */
-    viteInspect?: boolean;
-}
-interface ModuleGlobalOptions {
-    /**
-     * List of projects to enable devtools for. Only works when devtools is installed globally.
-     */
-    projects?: string[];
-}
-interface ServerFunctions {
-    getStorageMounts(): Promise<StorageMounts>;
-    getStorageKeys(base?: string): Promise<string[]>;
-    getStorageItem(key: string): Promise<StorageValue>;
-    setStorageItem(key: string, value: StorageValue): Promise<void>;
-    removeStorageItem(key: string): Promise<void>;
-    getServerConfig(): NuxtOptions;
-    getComponents(): Component[];
-    getComponentsRelationships(): Promise<ComponentRelationship[]>;
-    getAutoImports(): AutoImportsWithMetadata;
-    getServerPages(): NuxtPage[];
-    getCustomTabs(): ModuleCustomTab[];
-    getServerHooks(): HookInfo[];
-    getServerLayouts(): NuxtLayout[];
-    usePackageVersions(): UpdateInfo[];
-    customTabAction(name: string, action: number): Promise<boolean>;
-    runWizard<T extends WizardActions>(name: T, ...args: WizardArgs<T>): Promise<void>;
-    openInEditor(filepath: string): void;
-}
-interface UpdateInfo {
-    name: string;
-    current: string;
-    latest?: string;
-    needsUpdate?: boolean;
-}
-interface AutoImportsWithMetadata {
-    imports: Import[];
-    metadata?: UnimportMeta;
-}
-type ClientUpdateEvent = keyof ServerFunctions;
-interface ClientFunctions {
-    refresh(event: ClientUpdateEvent): void;
-    callHook(hook: string, ...args: any[]): Promise<void>;
-}
-interface RouteInfo extends Pick<RouteRecordNormalized, 'name' | 'path' | 'meta' | 'props' | 'children'> {
-    file?: string;
-}
-interface Payload {
-    url: string;
-    time: number;
-    data?: Record<string, any>;
-    state?: Record<string, any>;
-    functions?: Record<string, any>;
-}
-interface BasicModuleInfo {
-    entryPath?: string;
-    meta?: {
-        name?: string;
-    };
-}
-interface ModuleMetric {
-    name: string;
-    description: string;
-    repo: string;
-    npm: string;
-    icon?: string;
-    github: string;
-    website: string;
-    learn_more: string;
-    category: string;
-    type: ModuleType;
-    maintainers: MaintainerInfo[];
-    contributors: GitHubContributor[];
-    compatibility: ModuleCompatibility;
-}
-interface ModuleCompatibility {
-    nuxt: string;
-    requires: {
-        bridge?: boolean | 'optional';
-    };
-}
-type CompatibilityStatus = 'working' | 'wip' | 'unknown' | 'not-working';
-type ModuleType = 'community' | 'official' | '3rd-party';
-interface MaintainerInfo {
-    name: string;
-    github: string;
-    twitter?: string;
-}
-interface GitHubContributor {
-    login: string;
-    name?: string;
-    avatar_url?: string;
-}
-interface ModuleCustomTab {
-    /**
-     * The name of the tab, must be unique
-     */
-    name: string;
-    /**
-     * Icon of the tab, support any Iconify icons, or a url to an image
-     */
-    icon?: string;
-    /**
-     * Title of the tab
-     */
-    title: string;
-    /**
-     * Main view of the tab
-     */
-    view: ModuleView;
-    /**
-     * Insert static vnode to the tab entry
-     *
-     * Advanced options. You don't usually need this.
-     */
-    extraTabVNode?: VNode;
-}
-interface ModuleLaunchView {
-    /**
-     * A view for module to lazy launch some actions
-     */
-    type: 'launch';
-    title?: string;
-    icon?: string;
-    description: string;
-    /**
-     * Action buttons
-     */
-    actions: ModuleLaunchAction[];
-}
-interface ModuleIframeView {
-    /**
-     * Iframe view
-     */
-    type: 'iframe';
-    /**
-     * Url of the iframe
-     */
-    src: string;
-    /**
-     * Persist the iframe instance even if the tab is not active
-     *
-     * @default true
-     */
-    persistent?: boolean;
-}
-interface ModuleVNodeView {
-    /**
-     * Vue's VNode view
-     */
-    type: 'vnode';
-    /**
-     * Send vnode to the client, they must be static and serializable
-     *
-     * Call `nuxt.hook('devtools:customTabs:refresh')` to trigger manual refresh
-     */
-    vnode: VNode;
-}
-interface ModuleLaunchAction {
-    /**
-     * Label of the action button
-     */
-    label: string;
-    /**
-     * Additional HTML attributes to the action button
-     */
-    attrs?: Record<string, string>;
-    /**
-     * Indicate if the action is pending, will show a loading indicator and disable the button
-     */
-    pending?: boolean;
-    /**
-     * Function to handle the action, this is executed on the server side.
-     * Will automatically refresh the tabs after the action is resolved.
-     */
-    handle?: () => void | Promise<void>;
-    /**
-     * Treat the action as a link, will open the link in a new tab
-     */
-    src?: string;
-}
-type ModuleView = ModuleIframeView | ModuleLaunchView | ModuleVNodeView;
-interface ModuleIframeTabLazyOptions {
-    description?: string;
-    onLoad?: () => Promise<void>;
-}
-interface ModuleBuiltinTab {
-    name: string;
-    icon?: string;
-    title?: string;
-    path?: string;
-    requireClient?: boolean;
-}
-type ModuleTabInfo = ModuleCustomTab | ModuleBuiltinTab;
-interface HookInfo {
-    name: string;
-    start: number;
-    end?: number;
-    duration?: number;
-    listeners: number;
-    executions: number[];
-}
-type VueInspectorData = VueInspectorClient['linkParams'] & VueInspectorClient['position'];
-interface NuxtDevtoolsClientHooks {
-    /**
-     * When the devtools navigates, used for persisting the current tab
-     */
-    'devtools:navigate': (path: string) => void;
-    /**
-     * Event emitted when the component inspector is updated
-     */
-    'host:inspector:update': (data: VueInspectorData) => void;
-    /**
-     * Event emitted when the component inspector is clicked
-     */
-    'host:inspector:click': (baseUrl: string, file: string, line: number, column: number) => void;
-    /**
-     * Event to close the component inspector
-     */
-    'host:inspector:close': () => void;
-    /**
-     * Triggers reactivity manually, since Vue won't be reactive across frames)
-     */
-    'host:update:reactivity': () => void;
-}
-/**
- * Host client from the App
- */
-interface NuxtDevtoolsHostClient {
-    nuxt: NuxtApp;
-    appConfig: AppConfig;
-    hooks: Hookable<NuxtDevtoolsClientHooks>;
-    inspector?: {
-        instance?: VueInspectorClient;
-        enable: () => void;
-        disable: () => void;
-    };
-    getClientHooksMetrics(): HookInfo[];
-    closeDevTools(): void;
-}
-interface NuxtDevtoolsClient {
-    rpc: BirpcReturn<ServerFunctions>;
-    renderCodeHighlight: (code: string, lang: string, theme?: string) => string;
-    renderMarkdown: (markdown: string) => string;
-    colorMode: string;
-}
-interface NuxtDevtoolsIframeClient {
-    host: NuxtDevtoolsHostClient;
-    devtools: NuxtDevtoolsClient;
-}
-interface NuxtDevtoolsGlobal {
-    setClient(client: NuxtDevtoolsHostClient): void;
-}
 interface DevToolsFrameState {
     width: number;
     height: number;
@@ -308,50 +17,8 @@ interface DevToolsUISettings {
     componentsGraphShowWorkspace: boolean;
     interactionCloseOnOutsideClick: boolean;
     showExperimentalFeatures: boolean;
-}
-interface ComponentRelationship {
-    id: string;
-    deps: string[];
-}
-interface VSCodeIntegrationOptions {
-    /**
-     * Enable VS Code Server integration
-     */
-    enabled?: boolean;
-    /**
-     * Start VS Code Server on boot
-     *
-     * @default false
-     */
-    startOnBoot?: boolean;
-    /**
-     * Port to start VS Code Server
-     *
-     * @default 3080
-     */
-    port?: number;
-    /**
-     * Reuse existing server if available (same port)
-     */
-    reuseExistingServer?: boolean;
-    /**
-     * Determine whether to use code-server or vs code tunnel
-     *
-     * @default 'local-serve'
-     */
-    mode?: 'local-serve' | 'tunnel';
-    /**
-     * Options for VS Code tunnel
-     */
-    tunnel?: VSCodeTunnelOptions;
-}
-interface VSCodeTunnelOptions {
-    /**
-     * the machine name for port forwarding service
-     *
-     * default: device hostname
-     */
-    name?: string;
+    scale: number;
+    hiddenTabs: string[];
 }
 
-export { AutoImportsWithMetadata, BasicModuleInfo, ClientFunctions, ClientUpdateEvent, CompatibilityStatus, ComponentRelationship, DevToolsFrameState, DevToolsUISettings, GitHubContributor, HookInfo, MaintainerInfo, ModuleBuiltinTab, ModuleCompatibility, ModuleCustomTab, ModuleGlobalOptions, ModuleIframeTabLazyOptions, ModuleIframeView, ModuleLaunchAction, ModuleLaunchView, ModuleMetric, ModuleOptions, ModuleTabInfo, ModuleType, ModuleVNodeView, ModuleView, NuxtDevtoolsClient, NuxtDevtoolsClientHooks, NuxtDevtoolsGlobal, NuxtDevtoolsHostClient, NuxtDevtoolsIframeClient, Payload, RouteInfo, ServerFunctions, UpdateInfo, VSCodeIntegrationOptions, VSCodeTunnelOptions, VueInspectorData };
+export { DevToolsFrameState, DevToolsUISettings };

package/dist/types.mjs

@@ -1 +1 @@
-
+export * from '@nuxt/devtools-kit/types';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@nuxt/devtools",
   "type": "module",
-  "version": "0.2.5",
+  "version": "0.3.0",
   "license": "MIT",
   "repository": "nuxt/devtools",
   "exports": {
@@ -14,10 +14,6 @@
       "types": "./dist/types.d.ts",
       "import": "./dist/types.mjs"
     },
-    "./iframe-client": {
-      "types": "./dist/iframe-client.d.ts",
-      "import": "./dist/iframe-client.mjs"
-    },
     "./*": "./*"
   },
   "main": "./module.cjs",
@@ -29,43 +25,43 @@
     "*.cjs",
     "*.mjs"
   ],
-  "workspaces": [
-    "client"
-  ],
   "peerDependencies": {
-    "nuxt": "^3.2.2",
+    "nuxt": "^3.3.1",
     "vite": "*"
   },
   "dependencies": {
-    "@antfu/install-pkg": "^0.1.1",
-    "@nuxt/kit": "^3.2.3",
-    "birpc": "^0.2.5",
+    "@nuxt/kit": "^3.3.1",
+    "birpc": "^0.2.10",
     "consola": "^2.15.3",
-    "execa": "^7.0.0",
-    "h3": "^1.5.0",
-    "hookable": "^5.4.2",
+    "execa": "^7.1.1",
+    "fast-glob": "^3.2.12",
+    "h3": "^1.6.2",
+    "hookable": "^5.5.1",
+    "image-meta": "^0.1.1",
     "is-installed-globally": "^0.4.0",
     "launch-editor": "^2.6.0",
+    "local-pkg": "^0.4.3",
     "pacote": "^15.1.1",
     "pathe": "^1.1.0",
     "pkg-types": "^1.0.2",
     "rc9": "^2.0.1",
-    "unimport": "^2.2.4",
-    "vite-plugin-inspect": "^0.7.15",
-    "vite-plugin-vue-inspector": "^3.3.2"
+    "unimport": "^3.0.3",
+    "vite-plugin-inspect": "^0.7.18",
+    "vite-plugin-vue-inspector": "^3.4.0",
+    "@nuxt/devtools-kit": "0.3.0"
   },
   "devDependencies": {
     "@antfu/utils": "^0.7.2",
     "@iconify-json/carbon": "^1.1.16",
     "@iconify-json/logos": "^1.1.23",
-    "@iconify-json/mdi": "^1.1.47",
+    "@iconify-json/mdi": "^1.1.50",
     "@iconify-json/ri": "^1.1.5",
-    "@iconify-json/tabler": "^1.1.63",
+    "@iconify-json/tabler": "^1.1.68",
     "@nuxtjs/color-mode": "^3.2.0",
-    "@unocss/nuxt": "^0.50.1",
-    "@unocss/preset-icons": "^0.50.1",
-    "@unocss/preset-uno": "^0.50.1",
-    "@unocss/runtime": "^0.50.1",
+    "@unocss/nuxt": "^0.50.6",
+    "@unocss/preset-icons": "^0.50.6",
+    "@unocss/preset-uno": "^0.50.6",
+    "@unocss/runtime": "^0.50.6",
     "@vueuse/nuxt": "^9.13.0",
     "esno": "^0.16.3",
     "flatted": "^3.2.7",
@@ -75,30 +71,35 @@
     "global-dirs": "^3.0.1",
     "json-editor-vue": "^0.10.5",
     "markdown-it": "^13.0.1",
-    "nuxt": "^3.2.3",
-    "nuxt-vitest": "^0.6.6",
+    "nanoid": "^4.0.1",
+    "nuxt": "^3.3.1",
+    "nuxt-vitest": "^0.6.9",
+    "nypm": "^0.1.0",
     "ofetch": "^1.0.1",
+    "ohash": "^1.0.0",
     "picocolors": "^1.0.0",
     "semver": "^7.3.8",
     "shiki": "^0.14.1",
     "shiki-es": "^0.2.0",
     "sirv": "^2.0.2",
     "splitpanes": "^3.1.5",
-    "theme-vitesse": "^0.6.3",
+    "theme-vitesse": "^0.6.4",
     "tinyws": "^0.1.0",
-    "unocss": "^0.50.1",
-    "vanilla-jsoneditor": "^0.14.10",
-    "vis-data": "^7.1.4",
-    "vis-network": "^9.1.4",
+    "unocss": "^0.50.6",
+    "vanilla-jsoneditor": "^0.16.0",
+    "vis-data": "^7.1.5",
+    "vis-network": "^9.1.5",
+    "vue-template-promise": "^0.1.1",
     "vue-tsc": "^1.2.0",
     "wait-on": "^7.0.1",
     "which": "^3.0.0",
-    "ws": "^8.12.1",
-    "@nuxt/devtools-ui-kit": "0.2.5",
-    "@nuxt/devtools": "0.2.5"
+    "ws": "^8.13.0",
+    "xterm": "^5.1.0",
+    "xterm-addon-fit": "^0.7.0",
+    "@nuxt/devtools": "0.3.0"
   },
   "scripts": {
-    "build": "pnpm dev:prepare && pnpm build:module && pnpm build:client && cp ../../README.md .",
+    "build": "pnpm dev:prepare && pnpm build:module && pnpm build:client && esno scripts/prepare.ts",
     "build:client": "nuxi generate client",
     "build:module": "nuxt-build-module",
     "dev": "nuxi dev client",

package/dist/client/_nuxt/Badge.4f16da14.js

@@ -1 +0,0 @@
-import{a2 as o,o as t,f as n,r as s}from"./entry.883bcfe6.js";const r={},c={class:"text-12px whitespace-nowrap px-1.5 py-0.5 mx-0.5 rounded"};function a(e,_){return t(),n("span",c,[s(e.$slots,"default")])}const d=o(r,[["render",a]]);export{d as _};

package/dist/client/_nuxt/FilepathItem.vue.235fa07d.js

@@ -1 +0,0 @@
-import{a as p,k as s}from"./state.1f523208.js";import{o as l}from"./editor.66e59505.js";import{a as f,l as m,o as u,f as h,t as c,u as a}from"./entry.883bcfe6.js";const E=f({__name:"FilepathItem",props:{filepath:null},setup(e){const o=e,t=p(),i=m(()=>o.filepath&&t.value?s(o.filepath,t.value.rootDir):o.filepath);return(n,r)=>(u(),h("button",{"font-mono":"","hover:underline":"","ws-nowrap":"","of-hidden":"",onClick:r[0]||(r[0]=d=>("openInEditor"in n?n.openInEditor:a(l))(e.filepath))},c(a(i)),1))}});export{E as _};

package/dist/client/_nuxt/LaunchPage.vue.86f00e85.js

@@ -1 +0,0 @@
-import{_ as f}from"./TabIcon.vue.30ae65eb.js";import{_ as p}from"./NMarkdown.vue.abb154b8.js";import{a as k,f as s,i as h,h as c,t as i,c as o,m as r,F as g,A as x,o as n,w as b,k as N,a0 as w,D as y}from"./entry.883bcfe6.js";import{_ as B}from"./NButton.vue.76dccbb9.js";const C={flex:"~ col gap2","h-full":"","items-center":"","justify-center":""},$={"text-xl":""},V={flex:"~ gap2 wrap"},P=k({__name:"LaunchPage",props:{icon:null,title:null,description:null,actions:null},emits:["action"],setup(e){return(l,v)=>{const m=f,d=p,_=y,u=B;return n(),s("div",C,[h(m,{"text-5xl":"",mb4:"",icon:e.icon||e.icon,title:e.title},null,8,["icon","title"]),c("h1",$,i(e.title),1),e.description?(n(),o(d,{key:0,op50:"","text-center":"","text-base":"","mt--1":"",mb2:"",markdown:e.description},null,8,["markdown"])):r("",!0),c("div",V,[(n(!0),s(g,null,x(e.actions,(t,a)=>(n(),o(u,w({key:a,n:"solid primary",disabled:t.pending,to:t.src,target:t.src?"_blank":void 0},t.attrs,{onClick:()=>{t.handle?.(),l.$emit("action",a)}}),{default:b(()=>[t.pending?(n(),o(_,{key:0,icon:"carbon-circle-dash","animate-spin":""})):r("",!0),N(" "+i(t.label),1)]),_:2},1040,["disabled","to","target","onClick"]))),128))])])}}});export{P as _};

package/dist/client/_nuxt/NButton.a7fda268.css

@@ -1 +0,0 @@
-@media (prefers-color-scheme:light){.get-started-gradient-border[data-v-1d757ef3]{background:linear-gradient(90deg,#fff,#fff),linear-gradient(90deg,#00dc82,#1de0b1,#36e4da)}.gradient-border-modules[data-v-1d757ef3]{background:linear-gradient(var(--gradient-angle),#f7d14c,rgba(247,209,76,.6),hsla(0,0%,100%,.8),#f7d14c)}.gradient-border-examples[data-v-1d757ef3]{background:linear-gradient(var(--gradient-angle),#8deaff,rgba(141,234,255,.6),hsla(0,0%,100%,.8),#8deaff)}.gradient-border-documentation[data-v-1d757ef3]{background:linear-gradient(var(--gradient-angle),#00dc82,rgba(0,220,130,.6),hsla(0,0%,100%,.8),#00dc82)}}@media (prefers-color-scheme:dark){.get-started-gradient-border[data-v-1d757ef3]{background:linear-gradient(90deg,#18181b,#18181b),linear-gradient(90deg,#00dc82,#1de0b1,#36e4da)}.gradient-border-modules[data-v-1d757ef3]{background:linear-gradient(var(--gradient-angle),#f7d14c,#a38108,hsla(0,0%,100%,.3),#a38108)}.gradient-border-examples[data-v-1d757ef3]{background:linear-gradient(var(--gradient-angle),#8deaff,#008aa9,hsla(0,0%,100%,.3),#008aa9)}.gradient-border-documentation[data-v-1d757ef3]{background:linear-gradient(var(--gradient-angle),#00dc82,#003f25,hsla(0,0%,100%,.2),#003f25)}}.get-started-gradient-border[data-v-1d757ef3]{background-clip:padding-box,border-box;background-origin:padding-box,border-box;border-color:transparent;border-radius:12px;border-width:1px}.get-started-gradient-border[data-v-1d757ef3]:hover>:is(.get-started-gradient-left,.get-started-gradient-right){opacity:.2}.get-started-gradient-left[data-v-1d757ef3],.get-started-gradient-right[data-v-1d757ef3]{opacity:0}.gradient-border[data-v-1d757ef3]{border-radius:12px;left:0;opacity:0;position:absolute;top:0;transform:translate(-1px,-1px);width:calc(100% + 2px);z-index:-1}.gradient-border-rect[data-v-1d757ef3]{height:calc(100% + 2px)}@media (min-width:1024px){.gradient-border-rect[data-v-1d757ef3]{height:calc(100% + 1px)}}.gradient-border-square[data-v-1d757ef3]{height:calc(100% + 2px)}.modules-gradient-right[data-v-1d757ef3]{opacity:0}.documentation-container:hover>.gradient-border[data-v-1d757ef3],.examples-container:hover>.gradient-border[data-v-1d757ef3],.modules-container:hover>.gradient-border[data-v-1d757ef3]{animation:gradient-rotate 5s linear 0s infinite reverse;opacity:1;transition:all .3s linear}.modules-container:hover>.modules-gradient-right[data-v-1d757ef3]{opacity:.2}.examples-container:hover>.examples-gradient-right[data-v-1d757ef3]{opacity:.2}.examples-gradient-right[data-v-1d757ef3]{opacity:0}.documentation-image-color-dark[data-v-1d757ef3],.documentation-image-color-light[data-v-1d757ef3],.modules-image-color-dark[data-v-1d757ef3],.modules-image-color-light[data-v-1d757ef3],.examples-image-color-dark[data-v-1d757ef3],.examples-image-color-light[data-v-1d757ef3]{display:none}@media (prefers-color-scheme:light){.modules-image-light[data-v-1d757ef3]{display:block}.modules-image-dark[data-v-1d757ef3]{display:none}.modules-container:hover>a>.modules-image-light[data-v-1d757ef3]{display:none}.modules-container:hover>a>.modules-image-color-light[data-v-1d757ef3]{display:block}.examples-image-light[data-v-1d757ef3]{display:block}.examples-image-dark[data-v-1d757ef3]{display:none}.examples-container:hover>a>.examples-image-light[data-v-1d757ef3]{display:none}.examples-container:hover>a>.examples-image-color-light[data-v-1d757ef3]{display:block}.documentation-image-light[data-v-1d757ef3]{display:block}.documentation-image-dark[data-v-1d757ef3]{display:none}.documentation-container:hover>a>div>.documentation-image-light[data-v-1d757ef3]{display:none}.documentation-container:hover>a>div>.documentation-image-color-light[data-v-1d757ef3]{display:block}}@media (prefers-color-scheme:dark){.modules-image-dark[data-v-1d757ef3]{display:block}.modules-image-light[data-v-1d757ef3]{display:none}.modules-container:hover>a>.modules-image-color-dark[data-v-1d757ef3]{display:block}.modules-container:hover>a>.modules-image-dark[data-v-1d757ef3]{display:none}.examples-image-dark[data-v-1d757ef3]{display:block}.examples-image-light[data-v-1d757ef3]{display:none}.examples-container:hover>a>.examples-image-color-dark[data-v-1d757ef3]{display:block}.examples-container:hover>a>.examples-image-dark[data-v-1d757ef3]{display:none}.documentation-image-dark[data-v-1d757ef3]{display:block}.documentation-image-light[data-v-1d757ef3]{display:none}.documentation-container:hover>a>div>.documentation-image-color-dark[data-v-1d757ef3]{display:block}.documentation-container:hover>a>div>.documentation-image-dark[data-v-1d757ef3]{display:none}}.bg-white[data-v-1d757ef3]{--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity))}.bg-gray-100[data-v-1d757ef3]{--tw-bg-opacity:1;background-color:rgba(238,238,238,var(--tw-bg-opacity))}.bg-gradient-to-r[data-v-1d757ef3]{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-l[data-v-1d757ef3]{background-image:linear-gradient(to left,var(--tw-gradient-stops))}.from-green-400[data-v-1d757ef3]{--tw-gradient-from:rgba(55, 233, 144, var(--tw-from-opacity, 1));--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, hsla(0,0%,100%,0))}.from-blue-400[data-v-1d757ef3]{--tw-gradient-from:rgba(56, 189, 248, var(--tw-from-opacity, 1));--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, hsla(0,0%,100%,0))}.from-yellow-400[data-v-1d757ef3]{--tw-gradient-from:rgba(251, 191, 36, var(--tw-from-opacity, 1));--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, hsla(0,0%,100%,0))}.to-transparent[data-v-1d757ef3]{--tw-gradient-to:transparent}.border-gray-200[data-v-1d757ef3]{--tw-border-opacity:1;border-color:rgba(224,224,224,var(--tw-border-opacity))}.hover\:border-transparent[data-v-1d757ef3]:hover{border-color:transparent}.rounded-xl[data-v-1d757ef3]{border-radius:.75rem}.rounded[data-v-1d757ef3]{border-radius:.25rem}.border[data-v-1d757ef3]{border-width:1px}.border-t[data-v-1d757ef3]{border-top-width:1px}.flex[data-v-1d757ef3]{display:flex}.grid[data-v-1d757ef3]{display:grid}.hidden[data-v-1d757ef3]{display:none}.flex-col[data-v-1d757ef3]{flex-direction:column}.flex-col-reverse[data-v-1d757ef3]{flex-direction:column-reverse}.place-content-center[data-v-1d757ef3]{place-content:center}.items-center[data-v-1d757ef3]{align-items:center}.justify-end[data-v-1d757ef3]{justify-content:flex-end}.justify-center[data-v-1d757ef3]{justify-content:center}.flex-1[data-v-1d757ef3]{flex:1 1 0%}.order-last[data-v-1d757ef3]{order:9999}.font-mono[data-v-1d757ef3]{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-semibold[data-v-1d757ef3]{font-weight:600}.font-bold[data-v-1d757ef3]{font-weight:700}.h-32[data-v-1d757ef3]{height:8rem}.h-\[70px\][data-v-1d757ef3]{height:70px}.text-4xl[data-v-1d757ef3]{font-size:2.25rem;line-height:2.5rem}.text-xl[data-v-1d757ef3]{font-size:1.25rem;line-height:1.75rem}.text-sm[data-v-1d757ef3]{font-size:.875rem;line-height:1.25rem}.text-2xl[data-v-1d757ef3]{font-size:1.5rem;line-height:2rem}.mx-auto[data-v-1d757ef3]{margin-left:auto;margin-right:auto}.mb-2[data-v-1d757ef3]{margin-bottom:.5rem}.max-w-\[960px\][data-v-1d757ef3]{max-width:960px}.min-h-screen[data-v-1d757ef3]{min-height:100vh}.p-1[data-v-1d757ef3]{padding:.25rem}.px-4[data-v-1d757ef3]{padding-left:1rem;padding-right:1rem}.py-14[data-v-1d757ef3]{padding-bottom:3.5rem;padding-top:3.5rem}.py-6[data-v-1d757ef3]{padding-bottom:1.5rem;padding-top:1.5rem}.px-5[data-v-1d757ef3]{padding-left:1.25rem;padding-right:1.25rem}.pt-\[58px\][data-v-1d757ef3]{padding-top:58px}.pb-6[data-v-1d757ef3]{padding-bottom:1.5rem}.absolute[data-v-1d757ef3]{position:absolute}.relative[data-v-1d757ef3]{position:relative}.inset-y-0[data-v-1d757ef3]{bottom:0;top:0}.inset-x-0[data-v-1d757ef3]{left:0;right:0}.left-0[data-v-1d757ef3]{left:0}.right-0[data-v-1d757ef3]{right:0}.-top-\[58px\][data-v-1d757ef3]{top:-58px}.-top-3[data-v-1d757ef3]{top:-.75rem}.focus-visible\:ring-2[data-v-1d757ef3]:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.text-center[data-v-1d757ef3]{text-align:center}.text-black[data-v-1d757ef3]{--tw-text-opacity:1;color:rgba(0,0,0,var(--tw-text-opacity))}.text-gray-700[data-v-1d757ef3]{--tw-text-opacity:1;color:rgba(66,66,66,var(--tw-text-opacity))}.hover\:text-black[data-v-1d757ef3]:hover{--tw-text-opacity:1;color:rgba(0,0,0,var(--tw-text-opacity))}.antialiased[data-v-1d757ef3]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.w-full[data-v-1d757ef3]{width:100%}.w-\[20\%\][data-v-1d757ef3]{width:20%}.z-10[data-v-1d757ef3]{z-index:10}.z-1[data-v-1d757ef3]{z-index:1}.gap-6[data-v-1d757ef3]{grid-gap:1.5rem;gap:1.5rem}.gap-3[data-v-1d757ef3]{grid-gap:.75rem;gap:.75rem}.gap-x-4[data-v-1d757ef3]{grid-column-gap:1rem;-webkit-column-gap:1rem;-moz-column-gap:1rem;column-gap:1rem}.gap-y-16[data-v-1d757ef3]{grid-row-gap:4rem;-webkit-row-gap:4rem;-moz-row-gap:4rem;row-gap:4rem}.gap-y-4[data-v-1d757ef3]{grid-row-gap:1rem;-webkit-row-gap:1rem;-moz-row-gap:1rem;row-gap:1rem}.gap-y-2[data-v-1d757ef3]{grid-row-gap:.5rem;-webkit-row-gap:.5rem;-moz-row-gap:.5rem;row-gap:.5rem}.grid-cols-2[data-v-1d757ef3]{grid-template-columns:repeat(2,minmax(0,1fr))}.col-span-2[data-v-1d757ef3]{-ms-grid-column-span:span 2 / span 2;grid-column:span 2 / span 2}.row-span-2[data-v-1d757ef3]{-ms-grid-row-span:span 2 / span 2;grid-row:span 2 / span 2}.transition-opacity[data-v-1d757ef3]{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300[data-v-1d757ef3]{transition-duration:.3s}@media (min-width:640px){.sm\:flex-row[data-v-1d757ef3]{flex-direction:row}.sm\:justify-between[data-v-1d757ef3]{justify-content:space-between}.sm\:h-34[data-v-1d757ef3]{height:8.5rem}.sm\:text-base[data-v-1d757ef3]{font-size:1rem;line-height:1.5rem}.sm\:text-5xl[data-v-1d757ef3]{font-size:3rem;line-height:1}.sm\:min-h-\[220px\][data-v-1d757ef3]{min-height:220px}.sm\:px-6[data-v-1d757ef3]{padding-left:1.5rem;padding-right:1.5rem}.sm\:px-28[data-v-1d757ef3]{padding-left:7rem;padding-right:7rem}.sm\:col-span-1[data-v-1d757ef3]{-ms-grid-column-span:span 1 / span 1;grid-column:span 1 / span 1}}@media (min-width:768px){.md\:min-h-\[180px\][data-v-1d757ef3]{min-height:180px}}@media (min-width:1024px){.lg\:flex-col[data-v-1d757ef3]{flex-direction:column}.lg\:order-none[data-v-1d757ef3]{order:0}.lg\:min-h-min[data-v-1d757ef3]{min-height:-moz-min-content;min-height:min-content}.lg\:py-7[data-v-1d757ef3]{padding-bottom:1.75rem;padding-top:1.75rem}.lg\:px-8[data-v-1d757ef3]{padding-left:2rem;padding-right:2rem}.lg\:grid-cols-10[data-v-1d757ef3]{grid-template-columns:repeat(10,minmax(0,1fr))}.lg\:col-span-10[data-v-1d757ef3]{-ms-grid-column-span:span 10 / span 10;grid-column:span 10 / span 10}.lg\:col-span-6[data-v-1d757ef3]{-ms-grid-column-span:span 6 / span 6;grid-column:span 6 / span 6}.lg\:col-span-4[data-v-1d757ef3]{-ms-grid-column-span:span 4 / span 4;grid-column:span 4 / span 4}}@media (prefers-color-scheme:dark){.dark\:bg-black[data-v-1d757ef3]{--tw-bg-opacity:1;background-color:rgba(0,0,0,var(--tw-bg-opacity))}.dark\:bg-white\/10[data-v-1d757ef3]{--tw-bg-opacity:.1;background-color:rgba(255,255,255,var(--tw-bg-opacity))}.dark\:bg-gray-900[data-v-1d757ef3]{--tw-bg-opacity:1;background-color:rgba(24,24,27,var(--tw-bg-opacity))}.dark\:border-transparent[data-v-1d757ef3]{border-color:transparent}.dark\:border-gray-900[data-v-1d757ef3]{--tw-border-opacity:1;border-color:rgba(24,24,27,var(--tw-border-opacity))}.dark\:border-none[data-v-1d757ef3]{border-style:none}.dark\:block[data-v-1d757ef3]{display:block}.dark\:hidden[data-v-1d757ef3]{display:none}.dark\:text-white[data-v-1d757ef3]{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.dark\:text-gray-300[data-v-1d757ef3]{--tw-text-opacity:1;color:rgba(189,189,189,var(--tw-text-opacity))}.dark\:hover\:text-white[data-v-1d757ef3]:hover{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}}