Back to skills

shadcn

How to install shadcn/ui, set up dependencies, and structure your React app across multiple frameworks.

Views

263

Uses

23

Updated

March 20, 2026

Author

Aura community

Skill creator

Source

ui.shadcn.com
componentsreactnextjsvitetypescriptbest-practices
PropertyValue
keywordscomponents, react, nextjs, vite, typescript, best-practices
<!DOCTYPE html><!--rXYWRj59Lf3m7o8fsfJtE--><html lang="en" class="geist_798ff10f-module__HGtJha__variable geist_mono_3f173115-module__-5hxnG__variable inter_67b4815f-module__2iy6kW__variable noto_sans_arabic_43e4c719-module__-KZrLG__variable noto_sans_hebrew_1a1cc4a4-module__bpro2a__variable"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/14a9d8930cac1a04-s.p.84f01aea.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/1b99372b3eaef0c8-s.p.758e15a8.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/5c285b27cdda1fe8-s.p.a62025f2.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/64c5f24155ea0bd5-s.p.591f1055.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/70bc3e132a0a741e-s.p.15008bfb.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/797e433ab948586e-s.p.dbea232f.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/83afe278b6a6bb3c-s.p.3a6ba036.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/9d1f839a878dd09a-s.p.1f23126b.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/c825fd02acae0153-s.p.1692d83b.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/caa3a2e1cccd8315-s.p.853070df.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/ce62453a442c7f35-s.p.124b2306.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/dc6d2a64e9dbf3bc-s.p.4b9eb7a1.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/f141b5b7abe57afc-s.p.0de3c900.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/f1d25eabcf1db66d-s.p.c041a43b.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/f7aa21714c1c53f8-s.p.e3544bb0.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/fa0520225c6f3d07-s.p.d28ba1c8.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="stylesheet" href="/_next/static/chunks/571e6ac1a2e2ba12.css?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4" data-precedence="next"/><link rel="stylesheet" href="/_next/static/chunks/4167d040d56504a1.css?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4" data-precedence="next"/><link rel="stylesheet" href="/_next/static/chunks/7eec642335dbea70.css?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/fb786058e5d96bbb.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4"/><script src="/_next/static/chunks/8b8523eff10f7c64.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4" async=""></script><script src="/_next/static/chunks/f30d1db8674a3929.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4" async=""></script><script src="/_next/static/chunks/698d958a2b4400c2.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4" async=""></script><script src="/_next/static/chunks/turbopack-5417b7483ecb8924.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4" async=""></script><script src="/_next/static/chunks/c0c328f74b1afdd4.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4" async=""></script><script src="/_next/static/chunks/dfea32fc06084d7e.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4" async=""></script><script src="/_next/static/chunks/68ec6ad249f53515.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4" async=""></script><script src="/_next/static/chunks/4845f28a38827bf8.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4" async=""></script><script src="/_next/static/chunks/494816266b042607.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4" async=""></script><script src="/_next/static/chunks/86a81d4e556f4fb4.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4" async=""></script><script src="/_next/static/chunks/6e3e15edf0cfc6e2.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4" async=""></script><script src="/_next/static/chunks/35c9137b8cbb78c8.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4" async=""></script><script src="/_next/static/chunks/a343177e96b642e0.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4" async=""></script><script src="/_next/static/chunks/9729b9e19a9118b1.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4" async=""></script><script src="/_next/static/chunks/bb2dcbb3fd61b481.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4" async=""></script><script src="/_next/static/chunks/65270c1ff8109f4a.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4" async=""></script><script src="/_next/static/chunks/20217023e054f396.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4" async=""></script><script src="/_next/static/chunks/6ee8269473c5bff6.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4" async=""></script><script src="/_next/static/chunks/8e326d6a1595c144.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4" async=""></script><script src="/_next/static/chunks/894c68e14aea6afc.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4" async=""></script><script src="/_next/static/chunks/cd6f419679baf453.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4" async=""></script><script src="/_next/static/chunks/8d3cf8fe3e8a38a3.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4" async=""></script><script src="/_next/static/chunks/fa3b452dad220e27.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4" async=""></script><script src="/_next/static/chunks/6cb8ebea3eae1c0c.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4" async=""></script><script src="/_next/static/chunks/74e0a6d2cb9a02d5.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4" async=""></script><script src="/_next/static/chunks/85bfa227f5664a40.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4" async=""></script><script src="/_next/static/chunks/5f867feae37cf15f.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4" async=""></script><script src="/_next/static/chunks/84d5b4d574fd280a.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4" async=""></script><script src="/_next/static/chunks/92cd095cff569021.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4" async=""></script><script src="/_next/static/chunks/4dbd8afdc2bba112.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4" async=""></script><script src="/_next/static/chunks/af08c178eb3576cf.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4" async=""></script><script src="/_next/static/chunks/ab09ea05f2fdd688.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4" async=""></script><script src="/_next/static/chunks/d464d7eb1bd6ee43.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4" async=""></script><script src="/_next/static/chunks/2adbbdf9861c4ace.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4" async=""></script><script src="/_next/static/chunks/a9e568638f83107e.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4" async=""></script><script src="/_next/static/chunks/6744d088cf64b1b2.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4" async=""></script><script src="/_next/static/chunks/5371350f5cb67a07.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4" async=""></script><script src="/_next/static/chunks/9240a67087fb6388.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4" async=""></script><script src="/_next/static/chunks/20079538a430aae7.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4" async=""></script><script src="/_next/static/chunks/7557f9eb52c82644.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4" async=""></script><script src="/_next/static/chunks/117fe184d0efd056.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4" async=""></script><script src="/_next/static/chunks/fd544009deb208c4.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4" async=""></script><script src="/_next/static/chunks/71e80d62c4ca498f.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4" async=""></script><script src="/_next/static/chunks/3fb2eef39980623d.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4" async=""></script><script src="/_next/static/chunks/55496bee7d653cda.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4" async=""></script><script src="/_next/static/chunks/97812a5a6a0f31b1.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4" async=""></script><script src="/_next/static/chunks/eaa51bec82f1f470.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4" async=""></script><script src="/_next/static/chunks/234afb69f591e643.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4" async=""></script><script src="/_next/static/chunks/87b930f139bd5a79.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4" async=""></script><script src="/_next/static/chunks/ac4c6f721d6ca795.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4" async=""></script><script src="/_next/static/chunks/df93dc3a1b441d2e.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4" async=""></script><script src="/_next/static/chunks/7c310bf9604fdcb1.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4" async=""></script><script src="/_next/static/chunks/03d671ba0a7ef1a9.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4" async=""></script><script src="/_next/static/chunks/4a92d72bf0b9948c.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4" async=""></script><script src="/_next/static/chunks/4d9a8044be29d711.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4" async=""></script><meta name="theme-color" content="#ffffff"/><meta name="next-size-adjust" content=""/><title>Installation - shadcn/ui</title><meta name="description" content="How to install dependencies and structure your app."/><link rel="author" href="https://shadcn.com"/><meta name="author" content="shadcn"/><link rel="manifest" href="https://ui.shadcn.com/site.webmanifest"/><meta name="keywords" content="Next.js,React,Tailwind CSS,Components,shadcn"/><meta name="creator" content="shadcn"/><link rel="alternate" type="application/rss+xml" href="https://ui.shadcn.com/rss.xml"/><meta property="og:title" content="Installation"/><meta property="og:description" content="How to install dependencies and structure your app."/><meta property="og:url" content="https://ui.shadcn.com/docs/installation"/><meta property="og:image" content="https://ui.shadcn.com/og?title=Installation&amp;description=How%20to%20install%20dependencies%20and%20structure%20your%20app."/><meta property="og:type" content="article"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:creator" content="@shadcn"/><meta name="twitter:title" content="Installation"/><meta name="twitter:description" content="How to install dependencies and structure your app."/><meta name="twitter:image" content="https://ui.shadcn.com/og?title=Installation&amp;description=How%20to%20install%20dependencies%20and%20structure%20your%20app."/><link rel="shortcut icon" href="/favicon-16x16.png"/><link rel="icon" href="/favicon.ico"/><link rel="apple-touch-icon" href="/apple-touch-icon.png"/><script> 
          try {
            if (localStorage.theme === 'dark' || ((!('theme' in localStorage) || localStorage.theme === 'system') && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
              document.querySelector('meta[name="theme-color"]').setAttribute('content', '#09090b')
            }
            if (localStorage.layout) {
              document.documentElement.classList.add('layout-' + localStorage.layout)
            }
          } catch (_) {}
        </script><script src="/_next/static/chunks/a6dad97d9634a72d.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4" noModule=""></script></head><body class="group/body overscroll-none antialiased [--footer-height:calc(var(--spacing)*14)] [--header-height:calc(var(--spacing)*14)] xl:[--footer-height:calc(var(--spacing)*24)]"><div hidden=""><!--$--><!--/$--></div><script>((a,b,c,d,e,f,g,h)=>{let i=document.documentElement,j=["light","dark"];function k(b){var c;(Array.isArray(a)?a:[a]).forEach(a=>{let c="class"===a,d=c&&f?e.map(a=>f[a]||a):e;c?(i.classList.remove(...d),i.classList.add(f&&f[b]?f[b]:b)):i.setAttribute(a,b)}),c=b,h&&j.includes(c)&&(i.style.colorScheme=c)}if(d)k(d);else try{let a=localStorage.getItem(b)||c,d=g&&"system"===a?window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light":a;k(d)}catch(a){}})("class","theme","system",null,["light","dark"],null,true,true)</script><!--$--><!--/$--><div data-slot="layout" class="bg-background relative z-10 flex min-h-svh flex-col"><header class="bg-background sticky top-0 z-50 w-full"><div class="container-wrapper 3xl:fixed:px-0 px-6"><div class="3xl:fixed:container flex h-(--header-height) items-center **:data-[slot=separator]:!h-4"><button data-slot="popover-trigger" data-variant="ghost" data-size="default" class="whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive hover:text-accent-foreground px-4 py-2 has-[&gt;svg]:px-3 extend-touch-target h-8 touch-manipulation items-center justify-start gap-2.5 !p-0 hover:bg-transparent focus-visible:bg-transparent focus-visible:ring-0 active:bg-transparent dark:hover:bg-transparent flex lg:hidden" type="button" aria-haspopup="dialog" aria-expanded="false" aria-controls="radix-_R_5iuplb_" data-state="closed"><div class="relative flex h-8 w-4 items-center justify-center"><div class="relative size-4"><span class="bg-foreground absolute left-0 block h-0.5 w-4 transition-all duration-100 top-1"></span><span class="bg-foreground absolute left-0 block h-0.5 w-4 transition-all duration-100 top-2.5"></span></div><span class="sr-only">Toggle Menu</span></div><span class="flex h-8 items-center text-lg leading-none font-medium">Menu</span></button><a data-slot="button" data-variant="ghost" data-size="icon" class="items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50 hidden size-8 lg:flex" href="/"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" class="size-5"><rect width="256" height="256" fill="none"></rect><line x1="208" y1="128" x2="128" y2="208" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"></line><line x1="192" y1="40" x2="40" y2="192" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"></line></svg><span class="sr-only">shadcn/ui</span></a><nav class="items-center gap-0 hidden lg:flex"><a data-active="true" data-new="false" class="inline-flex items-center justify-center whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50 h-8 rounded-md gap-1.5 has-[&gt;svg]:px-2.5 px-2.5 relative items-center" data-slot="button" data-variant="ghost" data-size="sm" href="/docs/installation">Docs</a><a data-active="false" data-new="false" class="inline-flex items-center justify-center whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50 h-8 rounded-md gap-1.5 has-[&gt;svg]:px-2.5 px-2.5 relative items-center" data-slot="button" data-variant="ghost" data-size="sm" href="/docs/components">Components</a><a data-active="false" data-new="false" class="inline-flex items-center justify-center whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50 h-8 rounded-md gap-1.5 has-[&gt;svg]:px-2.5 px-2.5 relative items-center" data-slot="button" data-variant="ghost" data-size="sm" href="/blocks">Blocks</a><a data-active="false" data-new="false" class="inline-flex items-center justify-center whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50 h-8 rounded-md gap-1.5 has-[&gt;svg]:px-2.5 px-2.5 relative items-center" data-slot="button" data-variant="ghost" data-size="sm" href="/charts/area">Charts</a><a data-active="false" data-new="false" class="inline-flex items-center justify-center whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50 h-8 rounded-md gap-1.5 has-[&gt;svg]:px-2.5 px-2.5 relative items-center" data-slot="button" data-variant="ghost" data-size="sm" href="/docs/directory">Directory</a><a data-active="false" data-new="true" class="inline-flex items-center justify-center whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50 h-8 rounded-md gap-1.5 has-[&gt;svg]:px-2.5 px-2.5 relative items-center" data-slot="button" data-variant="ghost" data-size="sm" href="/create">Create</a></nav><div class="ml-auto flex items-center gap-2 md:flex-1 md:justify-end"><div class="hidden w-full flex-1 md:flex md:w-auto md:flex-none"><button data-slot="dialog-trigger" data-variant="outline" data-size="default" class="inline-flex items-center gap-2 whitespace-nowrap text-sm transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive border bg-background hover:text-accent-foreground dark:border-input dark:hover:bg-input/50 px-4 py-2 has-[&gt;svg]:px-3 text-foreground dark:bg-card hover:bg-muted/50 relative h-8 w-full justify-start rounded-lg pl-3 font-normal shadow-none sm:pr-12 md:w-48 lg:w-56 xl:w-64" type="button" aria-haspopup="dialog" aria-expanded="false" aria-controls="radix-_R_1hiuplb_" data-state="closed"><span class="hidden lg:inline-flex">Search documentation...</span><span class="inline-flex lg:hidden">Search...</span></button></div><div data-orientation="vertical" role="none" data-slot="separator" class="bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px ml-2 hidden lg:block"></div><a target="_blank" rel="noreferrer" data-slot="button" data-variant="ghost" data-size="sm" class="inline-flex items-center justify-center whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50 rounded-md gap-1.5 px-3 has-[&gt;svg]:px-2.5 h-8 shadow-none" href="https://github.com/shadcn-ui/ui"><svg viewBox="0 0 438.549 438.549"><path fill="currentColor" d="M409.132 114.573c-19.608-33.596-46.205-60.194-79.798-79.8-33.598-19.607-70.277-29.408-110.063-29.408-39.781 0-76.472 9.804-110.063 29.408-33.596 19.605-60.192 46.204-79.8 79.8C9.803 148.168 0 184.854 0 224.63c0 47.78 13.94 90.745 41.827 128.906 27.884 38.164 63.906 64.572 108.063 79.227 5.14.954 8.945.283 11.419-1.996 2.475-2.282 3.711-5.14 3.711-8.562 0-.571-.049-5.708-.144-15.417a2549.81 2549.81 0 01-.144-25.406l-6.567 1.136c-4.187.767-9.469 1.092-15.846 1-6.374-.089-12.991-.757-19.842-1.999-6.854-1.231-13.229-4.086-19.13-8.559-5.898-4.473-10.085-10.328-12.56-17.556l-2.855-6.57c-1.903-4.374-4.899-9.233-8.992-14.559-4.093-5.331-8.232-8.945-12.419-10.848l-1.999-1.431c-1.332-.951-2.568-2.098-3.711-3.429-1.142-1.331-1.997-2.663-2.568-3.997-.572-1.335-.098-2.43 1.427-3.289 1.525-.859 4.281-1.276 8.28-1.276l5.708.853c3.807.763 8.516 3.042 14.133 6.851 5.614 3.806 10.229 8.754 13.846 14.842 4.38 7.806 9.657 13.754 15.846 17.847 6.184 4.093 12.419 6.136 18.699 6.136 6.28 0 11.704-.476 16.274-1.423 4.565-.952 8.848-2.383 12.847-4.285 1.713-12.758 6.377-22.559 13.988-29.41-10.848-1.14-20.601-2.857-29.264-5.14-8.658-2.286-17.605-5.996-26.835-11.14-9.235-5.137-16.896-11.516-22.985-19.126-6.09-7.614-11.088-17.61-14.987-29.979-3.901-12.374-5.852-26.648-5.852-42.826 0-23.035 7.52-42.637 22.557-58.817-7.044-17.318-6.379-36.732 1.997-58.24 5.52-1.715 13.706-.428 24.554 3.853 10.85 4.283 18.794 7.952 23.84 10.994 5.046 3.041 9.089 5.618 12.135 7.708 17.705-4.947 35.976-7.421 54.818-7.421s37.117 2.474 54.823 7.421l10.849-6.849c7.419-4.57 16.18-8.758 26.262-12.565 10.088-3.805 17.802-4.853 23.134-3.138 8.562 21.509 9.325 40.922 2.279 58.24 15.036 16.18 22.559 35.787 22.559 58.817 0 16.178-1.958 30.497-5.853 42.966-3.9 12.471-8.941 22.457-15.125 29.979-6.191 7.521-13.901 13.85-23.131 18.986-9.232 5.14-18.182 8.85-26.84 11.136-8.662 2.286-18.415 4.004-29.263 5.146 9.894 8.562 14.842 22.077 14.842 40.539v60.237c0 3.422 1.19 6.279 3.572 8.562 2.379 2.279 6.136 2.95 11.276 1.995 44.163-14.653 80.185-41.062 108.068-79.226 27.88-38.161 41.825-81.126 41.825-128.906-.01-39.771-9.818-76.454-29.414-110.049z"></path></svg><!--$--><span class="text-muted-foreground w-fit text-xs tabular-nums">107k</span><!--/$--></a><div data-orientation="vertical" role="none" data-slot="separator" class="bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px 3xl:flex hidden"></div><button data-slot="button" data-variant="ghost" data-size="icon" class="items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50 size-8 3xl:flex hidden" title="Toggle layout"><span class="sr-only">Toggle layout</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-gallery-horizontal"><path d="M2 3v18"></path><rect width="12" height="18" x="6" y="3" rx="2"></rect><path d="M22 3v18"></path></svg></button><div data-orientation="vertical" role="none" data-slot="separator" class="bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px"></div><button data-slot="tooltip-trigger" data-variant="ghost" data-size="icon" class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50 group/toggle extend-touch-target size-8" data-state="closed"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4.5"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0"></path><path d="M12 3l0 18"></path><path d="M12 9l4.65 -4.65"></path><path d="M12 14.3l7.37 -7.37"></path><path d="M12 19.6l8.85 -8.85"></path></svg><span class="sr-only">Toggle theme</span></button><div data-orientation="vertical" role="none" data-slot="separator" class="bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px mr-2"></div><a data-slot="button" data-variant="default" data-size="sm" class="items-center justify-center whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive bg-primary text-primary-foreground hover:bg-primary/90 gap-1.5 px-3 has-[&gt;svg]:px-2.5 hidden h-[31px] rounded-lg sm:flex" href="/create"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" color="currentColor" class=""><path d="M12 4V20M20 12H4" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path></svg>New Project</a><a data-slot="button" data-variant="default" data-size="sm" class="inline-flex items-center justify-center whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive bg-primary text-primary-foreground hover:bg-primary/90 gap-1.5 px-3 has-[&gt;svg]:px-2.5 h-[31px] rounded-lg sm:hidden" href="/create"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" color="currentColor" class=""><path d="M12 4V20M20 12H4" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path></svg>New</a></div></div></div></header><main class="flex flex-1 flex-col"><div class="container-wrapper flex flex-1 flex-col px-2"><div data-slot="sidebar-wrapper" style="--sidebar-width:calc(var(--spacing) * 72);--sidebar-width-icon:3rem" class="group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex w-full 3xl:fixed:container 3xl:fixed:px-3 min-h-min flex-1 items-start px-0 [--top-spacing:0] lg:grid lg:grid-cols-[var(--sidebar-width)_minmax(0,1fr)] lg:[--top-spacing:calc(var(--spacing)*4)]"><div data-slot="sidebar" class="text-sidebar-foreground w-(--sidebar-width) flex-col sticky top-[calc(var(--header-height)+0.6rem)] z-30 hidden h-[calc(100svh-10rem)] overscroll-none bg-transparent [--sidebar-menu-width:--spacing(56)] lg:flex"><div class="h-9"></div><div class="from-background via-background/80 to-background/50 absolute top-8 z-10 h-8 w-(--sidebar-menu-width) shrink-0 bg-gradient-to-b blur-xs"></div><div class="via-border absolute top-12 right-2 bottom-0 hidden h-full w-px bg-gradient-to-b from-transparent to-transparent lg:flex"></div><div data-slot="sidebar-content" data-sidebar="content" class="flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden no-scrollbar mx-auto w-(--sidebar-menu-width) overflow-x-hidden px-2"><div data-slot="sidebar-group" data-sidebar="group" class="relative flex w-full min-w-0 flex-col p-2 pt-6"><div data-slot="sidebar-group-label" data-sidebar="group-label" class="ring-sidebar-ring flex h-8 shrink-0 items-center rounded-md px-2 text-xs outline-hidden transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0 text-muted-foreground font-medium">Sections</div><div data-slot="sidebar-group-content" data-sidebar="group-content" class="w-full text-sm"><ul data-slot="sidebar-menu" data-sidebar="menu" class="flex w-full min-w-0 flex-col gap-1"><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" class="peer/menu-button flex items-center gap-2 rounded-md p-2 text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground data-[active=true]:bg-accent data-[active=true]:border-accent 3xl:fixed:w-full 3xl:fixed:max-w-48 relative h-[30px] w-fit overflow-visible border border-transparent text-[0.8rem] font-medium after:absolute after:inset-x-0 after:-inset-y-1 after:z-0 after:rounded-md" href="/docs"><span class="absolute inset-0 flex w-(--sidebar-menu-width) bg-transparent"></span>Introduction</a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" class="peer/menu-button flex items-center gap-2 rounded-md p-2 text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground data-[active=true]:bg-accent data-[active=true]:border-accent 3xl:fixed:w-full 3xl:fixed:max-w-48 relative h-[30px] w-fit overflow-visible border border-transparent text-[0.8rem] font-medium after:absolute after:inset-x-0 after:-inset-y-1 after:z-0 after:rounded-md" href="/docs/components"><span class="absolute inset-0 flex w-(--sidebar-menu-width) bg-transparent"></span>Components</a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="true" class="peer/menu-button flex items-center gap-2 rounded-md p-2 text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground data-[active=true]:bg-accent data-[active=true]:border-accent 3xl:fixed:w-full 3xl:fixed:max-w-48 relative h-[30px] w-fit overflow-visible border border-transparent text-[0.8rem] font-medium after:absolute after:inset-x-0 after:-inset-y-1 after:z-0 after:rounded-md" href="/docs/installation"><span class="absolute inset-0 flex w-(--sidebar-menu-width) bg-transparent"></span>Installation</a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" class="peer/menu-button flex items-center gap-2 rounded-md p-2 text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground data-[active=true]:bg-accent data-[active=true]:border-accent 3xl:fixed:w-full 3xl:fixed:max-w-48 relative h-[30px] w-fit overflow-visible border border-transparent text-[0.8rem] font-medium after:absolute after:inset-x-0 after:-inset-y-1 after:z-0 after:rounded-md" href="/docs/directory"><span class="absolute inset-0 flex w-(--sidebar-menu-width) bg-transparent"></span>Directory</a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" class="peer/menu-button flex items-center gap-2 rounded-md p-2 text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground data-[active=true]:bg-accent data-[active=true]:border-accent 3xl:fixed:w-full 3xl:fixed:max-w-48 relative h-[30px] w-fit overflow-visible border border-transparent text-[0.8rem] font-medium after:absolute after:inset-x-0 after:-inset-y-1 after:z-0 after:rounded-md" href="/docs/rtl"><span class="absolute inset-0 flex w-(--sidebar-menu-width) bg-transparent"></span>RTL<span class="flex size-2 rounded-full bg-blue-500" title="New"></span></a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" class="peer/menu-button flex items-center gap-2 rounded-md p-2 text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground data-[active=true]:bg-accent data-[active=true]:border-accent 3xl:fixed:w-full 3xl:fixed:max-w-48 relative h-[30px] w-fit overflow-visible border border-transparent text-[0.8rem] font-medium after:absolute after:inset-x-0 after:-inset-y-1 after:z-0 after:rounded-md" href="/docs/mcp"><span class="absolute inset-0 flex w-(--sidebar-menu-width) bg-transparent"></span>MCP Server</a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" class="peer/menu-button flex items-center gap-2 rounded-md p-2 text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground data-[active=true]:bg-accent data-[active=true]:border-accent 3xl:fixed:w-full 3xl:fixed:max-w-48 relative h-[30px] w-fit overflow-visible border border-transparent text-[0.8rem] font-medium after:absolute after:inset-x-0 after:-inset-y-1 after:z-0 after:rounded-md" href="/docs/registry"><span class="absolute inset-0 flex w-(--sidebar-menu-width) bg-transparent"></span>Registry</a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" class="peer/menu-button flex items-center gap-2 rounded-md p-2 text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground data-[active=true]:bg-accent data-[active=true]:border-accent 3xl:fixed:w-full 3xl:fixed:max-w-48 relative h-[30px] w-fit overflow-visible border border-transparent text-[0.8rem] font-medium after:absolute after:inset-x-0 after:-inset-y-1 after:z-0 after:rounded-md" href="/docs/forms"><span class="absolute inset-0 flex w-(--sidebar-menu-width) bg-transparent"></span>Forms</a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" class="peer/menu-button flex items-center gap-2 rounded-md p-2 text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground data-[active=true]:bg-accent data-[active=true]:border-accent 3xl:fixed:w-full 3xl:fixed:max-w-48 relative h-[30px] w-fit overflow-visible border border-transparent text-[0.8rem] font-medium after:absolute after:inset-x-0 after:-inset-y-1 after:z-0 after:rounded-md" href="/docs/changelog"><span class="absolute inset-0 flex w-(--sidebar-menu-width) bg-transparent"></span>Changelog<span class="flex size-2 rounded-full bg-blue-500" title="New"></span></a></li></ul></div></div><div data-slot="sidebar-group" data-sidebar="group" class="relative flex w-full min-w-0 flex-col p-2"><div data-slot="sidebar-group-label" data-sidebar="group-label" class="ring-sidebar-ring flex h-8 shrink-0 items-center rounded-md px-2 text-xs outline-hidden transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0 text-muted-foreground font-medium">Components</div><div data-slot="sidebar-group-content" data-sidebar="group-content" class="w-full text-sm"><ul data-slot="sidebar-menu" data-sidebar="menu" class="flex w-full min-w-0 flex-col gap-0.5"><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" class="peer/menu-button flex items-center gap-2 rounded-md p-2 text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground data-[active=true]:bg-accent data-[active=true]:border-accent 3xl:fixed:w-full 3xl:fixed:max-w-48 relative h-[30px] w-fit overflow-visible border border-transparent text-[0.8rem] font-medium after:absolute after:inset-x-0 after:-inset-y-1 after:z-0 after:rounded-md" href="/docs/components/radix/accordion"><span class="absolute inset-0 flex w-(--sidebar-menu-width) bg-transparent"></span>Accordion</a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" class="peer/menu-button flex items-center gap-2 rounded-md p-2 text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground data-[active=true]:bg-accent data-[active=true]:border-accent 3xl:fixed:w-full 3xl:fixed:max-w-48 relative h-[30px] w-fit overflow-visible border border-transparent text-[0.8rem] font-medium after:absolute after:inset-x-0 after:-inset-y-1 after:z-0 after:rounded-md" href="/docs/components/radix/alert"><span class="absolute inset-0 flex w-(--sidebar-menu-width) bg-transparent"></span>Alert</a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" class="peer/menu-button flex items-center gap-2 rounded-md p-2 text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground data-[active=true]:bg-accent data-[active=true]:border-accent 3xl:fixed:w-full 3xl:fixed:max-w-48 relative h-[30px] w-fit overflow-visible border border-transparent text-[0.8rem] font-medium after:absolute after:inset-x-0 after:-inset-y-1 after:z-0 after:rounded-md" href="/docs/components/radix/alert-dialog"><span class="absolute inset-0 flex w-(--sidebar-menu-width) bg-transparent"></span>Alert Dialog</a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" class="peer/menu-button flex items-center gap-2 rounded-md p-2 text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground data-[active=true]:bg-accent data-[active=true]:border-accent 3xl:fixed:w-full 3xl:fixed:max-w-48 relative h-[30px] w-fit overflow-visible border border-transparent text-[0.8rem] font-medium after:absolute after:inset-x-0 after:-inset-y-1 after:z-0 after:rounded-md" href="/docs/components/radix/aspect-ratio"><span class="absolute inset-0 flex w-(--sidebar-menu-width) bg-transparent"></span>Aspect Ratio</a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" class="peer/menu-button flex items-center gap-2 rounded-md p-2 text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground data-[active=true]:bg-accent data-[active=true]:border-accent 3xl:fixed:w-full 3xl:fixed:max-w-48 relative h-[30px] w-fit overflow-visible border border-transparent text-[0.8rem] font-medium after:absolute after:inset-x-0 after:-inset-y-1 after:z-0 after:rounded-md" href="/docs/components/radix/avatar"><span class="absolute inset-0 flex w-(--sidebar-menu-width) bg-transparent"></span>Avatar</a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" class="peer/menu-button flex items-center gap-2 rounded-md p-2 text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground data-[active=true]:bg-accent data-[active=true]:border-accent 3xl:fixed:w-full 3xl:fixed:max-w-48 relative h-[30px] w-fit overflow-visible border border-transparent text-[0.8rem] font-medium after:absolute after:inset-x-0 after:-inset-y-1 after:z-0 after:rounded-md" href="/docs/components/radix/badge"><span class="absolute inset-0 flex w-(--sidebar-menu-width) bg-transparent"></span>Badge</a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" class="peer/menu-button flex items-center gap-2 rounded-md p-2 text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground data-[active=true]:bg-accent data-[active=true]:border-accent 3xl:fixed:w-full 3xl:fixed:max-w-48 relative h-[30px] w-fit overflow-visible border border-transparent text-[0.8rem] font-medium after:absolute after:inset-x-0 after:-inset-y-1 after:z-0 after:rounded-md" href="/docs/components/radix/breadcrumb"><span class="absolute inset-0 flex w-(--sidebar-menu-width) bg-transparent"></span>Breadcrumb</a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" class="peer/menu-button flex items-center gap-2 rounded-md p-2 text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground data-[active=true]:bg-accent data-[active=true]:border-accent 3xl:fixed:w-full 3xl:fixed:max-w-48 relative h-[30px] w-fit overflow-visible border border-transparent text-[0.8rem] font-medium after:absolute after:inset-x-0 after:-inset-y-1 after:z-0 after:rounded-md" href="/docs/components/radix/button"><span class="absolute inset-0 flex w-(--sidebar-menu-width) bg-transparent"></span>Button</a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" class="peer/menu-button flex items-center gap-2 rounded-md p-2 text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground data-[active=true]:bg-accent data-[active=true]:border-accent 3xl:fixed:w-full 3xl:fixed:max-w-48 relative h-[30px] w-fit overflow-visible border border-transparent text-[0.8rem] font-medium after:absolute after:inset-x-0 after:-inset-y-1 after:z-0 after:rounded-md" href="/docs/components/radix/button-group"><span class="absolute inset-0 flex w-(--sidebar-menu-width) bg-transparent"></span>Button Group</a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" class="peer/menu-button flex items-center gap-2 rounded-md p-2 text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground data-[active=true]:bg-accent data-[active=true]:border-accent 3xl:fixed:w-full 3xl:fixed:max-w-48 relative h-[30px] w-fit overflow-visible border border-transparent text-[0.8rem] font-medium after:absolute after:inset-x-0 after:-inset-y-1 after:z-0 after:rounded-md" href="/docs/components/radix/calendar"><span class="absolute inset-0 flex w-(--sidebar-menu-width) bg-transparent"></span>Calendar</a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" class="peer/menu-button flex items-center gap-2 rounded-md p-2 text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground data-[active=true]:bg-accent data-[active=true]:border-accent 3xl:fixed:w-full 3xl:fixed:max-w-48 relative h-[30px] w-fit overflow-visible border border-transparent text-[0.8rem] font-medium after:absolute after:inset-x-0 after:-inset-y-1 after:z-0 after:rounded-md" href="/docs/components/radix/card"><span class="absolute inset-0 flex w-(--sidebar-menu-width) bg-transparent"></span>Card</a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" class="peer/menu-button flex items-center gap-2 rounded-md p-2 text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground data-[active=true]:bg-accent data-[active=true]:border-accent 3xl:fixed:w-full 3xl:fixed:max-w-48 relative h-[30px] w-fit overflow-visible border border-transparent text-[0.8rem] font-medium after:absolute after:inset-x-0 after:-inset-y-1 after:z-0 after:rounded-md" href="/docs/components/radix/carousel"><span class="absolute inset-0 flex w-(--sidebar-menu-width) bg-transparent"></span>Carousel</a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" class="peer/menu-button flex items-center gap-2 rounded-md p-2 text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground data-[active=true]:bg-accent data-[active=true]:border-accent 3xl:fixed:w-full 3xl:fixed:max-w-48 relative h-[30px] w-fit overflow-visible border border-transparent text-[0.8rem] font-medium after:absolute after:inset-x-0 after:-inset-y-1 after:z-0 after:rounded-md" href="/docs/components/radix/chart"><span class="absolute inset-0 flex w-(--sidebar-menu-width) bg-transparent"></span>Chart</a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" class="peer/menu-button flex items-center gap-2 rounded-md p-2 text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground data-[active=true]:bg-accent data-[active=true]:border-accent 3xl:fixed:w-full 3xl:fixed:max-w-48 relative h-[30px] w-fit overflow-visible border border-transparent text-[0.8rem] font-medium after:absolute after:inset-x-0 after:-inset-y-1 after:z-0 after:rounded-md" href="/docs/components/radix/checkbox"><span class="absolute inset-0 flex w-(--sidebar-menu-width) bg-transparent"></span>Checkbox</a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" class="peer/menu-button flex items-center gap-2 rounded-md p-2 text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground data-[active=true]:bg-accent data-[active=true]:border-accent 3xl:fixed:w-full 3xl:fixed:max-w-48 relative h-[30px] w-fit overflow-visible border border-transparent text-[0.8rem] font-medium after:absolute after:inset-x-0 after:-inset-y-1 after:z-0 after:rounded-md" href="/docs/components/radix/collapsible"><span class="absolute inset-0 flex w-(--sidebar-menu-width) bg-transparent"></span>Collapsible</a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" class="peer/menu-button flex items-center gap-2 rounded-md p-2 text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground data-[active=true]:bg-accent data-[active=true]:border-accent 3xl:fixed:w-full 3xl:fixed:max-w-48 relative h-[30px] w-fit overflow-visible border border-transparent text-[0.8rem] font-medium after:absolute after:inset-x-0 after:-inset-y-1 after:z-0 after:rounded-md" href="/docs/components/radix/combobox"><span class="absolute inset-0 flex w-(--sidebar-menu-width) bg-transparent"></span>Combobox</a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" class="peer/menu-button flex items-center gap-2 rounded-md p-2 text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground data-[active=true]:bg-accent data-[active=true]:border-accent 3xl:fixed:w-full 3xl:fixed:max-w-48 relative h-[30px] w-fit overflow-visible border border-transparent text-[0.8rem] font-medium after:absolute after:inset-x-0 after:-inset-y-1 after:z-0 after:rounded-md" href="/docs/components/radix/command"><span class="absolute inset-0 flex w-(--sidebar-menu-width) bg-transparent"></span>Command</a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" class="peer/menu-button flex items-center gap-2 rounded-md p-2 text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground data-[active=true]:bg-accent data-[active=true]:border-accent 3xl:fixed:w-full 3xl:fixed:max-w-48 relative h-[30px] w-fit overflow-visible border border-transparent text-[0.8rem] font-medium after:absolute after:inset-x-0 after:-inset-y-1 after:z-0 after:rounded-md" href="/docs/components/radix/context-menu"><span class="absolute inset-0 flex w-(--sidebar-menu-width) bg-transparent"></span>Context Menu</a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" class="peer/menu-button flex items-center gap-2 rounded-md p-2 text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground data-[active=true]:bg-accent data-[active=true]:border-accent 3xl:fixed:w-full 3xl:fixed:max-w-48 relative h-[30px] w-fit overflow-visible border border-transparent text-[0.8rem] font-medium after:absolute after:inset-x-0 after:-inset-y-1 after:z-0 after:rounded-md" href="/docs/components/radix/data-table"><span class="absolute inset-0 flex w-(--sidebar-menu-width) bg-transparent"></span>Data Table</a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" class="peer/menu-button flex items-center gap-2 rounded-md p-2 text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground data-[active=true]:bg-accent data-[active=true]:border-accent 3xl:fixed:w-full 3xl:fixed:max-w-48 relative h-[30px] w-fit overflow-visible border border-transparent text-[0.8rem] font-medium after:absolute after:inset-x-0 after:-inset-y-1 after:z-0 after:rounded-md" href="/docs/components/radix/date-picker"><span class="absolute inset-0 flex w-(--sidebar-menu-width) bg-transparent"></span>Date Picker</a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" class="peer/menu-button flex items-center gap-2 rounded-md p-2 text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground data-[active=true]:bg-accent data-[active=true]:border-accent 3xl:fixed:w-full 3xl:fixed:max-w-48 relative h-[30px] w-fit overflow-visible border border-transparent text-[0.8rem] font-medium after:absolute after:inset-x-0 after:-inset-y-1 after:z-0 after:rounded-md" href="/docs/components/radix/dialog"><span class="absolute inset-0 flex w-(--sidebar-menu-width) bg-transparent"></span>Dialog</a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" class="peer/menu-button flex items-center gap-2 rounded-md p-2 text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground data-[active=true]:bg-accent data-[active=true]:border-accent 3xl:fixed:w-full 3xl:fixed:max-w-48 relative h-[30px] w-fit overflow-visible border border-transparent text-[0.8rem] font-medium after:absolute after:inset-x-0 after:-inset-y-1 after:z-0 after:rounded-md" href="/docs/components/radix/direction"><span class="absolute inset-0 flex w-(--sidebar-menu-width) bg-transparent"></span>Direction<span class="flex size-2 rounded-full bg-blue-500" title="New"></span></a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" class="peer/menu-button flex items-center gap-2 rounded-md p-2 text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground data-[active=true]:bg-accent data-[active=true]:border-accent 3xl:fixed:w-full 3xl:fixed:max-w-48 relative h-[30px] w-fit overflow-visible border border-transparent text-[0.8rem] font-medium after:absolute after:inset-x-0 after:-inset-y-1 after:z-0 after:rounded-md" href="/docs/components/radix/drawer"><span class="absolute inset-0 flex w-(--sidebar-menu-width) bg-transparent"></span>Drawer</a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" class="peer/menu-button flex items-center gap-2 rounded-md p-2 text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground data-[active=true]:bg-accent data-[active=true]:border-accent 3xl:fixed:w-full 3xl:fixed:max-w-48 relative h-[30px] w-fit overflow-visible border border-transparent text-[0.8rem] font-medium after:absolute after:inset-x-0 after:-inset-y-1 after:z-0 after:rounded-md" href="/docs/components/radix/dropdown-menu"><span class="absolute inset-0 flex w-(--sidebar-menu-width) bg-transparent"></span>Dropdown Menu</a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" class="peer/menu-button flex items-center gap-2 rounded-md p-2 text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground data-[active=true]:bg-accent data-[active=true]:border-accent 3xl:fixed:w-full 3xl:fixed:max-w-48 relative h-[30px] w-fit overflow-visible border border-transparent text-[0.8rem] font-medium after:absolute after:inset-x-0 after:-inset-y-1 after:z-0 after:rounded-md" href="/docs/components/radix/empty"><span class="absolute inset-0 flex w-(--sidebar-menu-width) bg-transparent"></span>Empty</a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" class="peer/menu-button flex items-center gap-2 rounded-md p-2 text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground data-[active=true]:bg-accent data-[active=true]:border-accent 3xl:fixed:w-full 3xl:fixed:max-w-48 relative h-[30px] w-fit overflow-visible border border-transparent text-[0.8rem] font-medium after:absolute after:inset-x-0 after:-inset-y-1 after:z-0 after:rounded-md" href="/docs/components/radix/field"><span class="absolute inset-0 flex w-(--sidebar-menu-width) bg-transparent"></span>Field</a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" class="peer/menu-button flex items-center gap-2 rounded-md p-2 text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground data-[active=true]:bg-accent data-[active=true]:border-accent 3xl:fixed:w-full 3xl:fixed:max-w-48 relative h-[30px] w-fit overflow-visible border border-transparent text-[0.8rem] font-medium after:absolute after:inset-x-0 after:-inset-y-1 after:z-0 after:rounded-md" href="/docs/components/radix/hover-card"><span class="absolute inset-0 flex w-(--sidebar-menu-width) bg-transparent"></span>Hover Card</a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" class="peer/menu-button flex items-center gap-2 rounded-md p-2 text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground data-[active=true]:bg-accent data-[active=true]:border-accent 3xl:fixed:w-full 3xl:fixed:max-w-48 relative h-[30px] w-fit overflow-visible border border-transparent text-[0.8rem] font-medium after:absolute after:inset-x-0 after:-inset-y-1 after:z-0 after:rounded-md" href="/docs/components/radix/input"><span class="absolute inset-0 flex w-(--sidebar-menu-width) bg-transparent"></span>Input</a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" class="peer/menu-button flex items-center gap-2 rounded-md p-2 text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground data-[active=true]:bg-accent data-[active=true]:border-accent 3xl:fixed:w-full 3xl:fixed:max-w-48 relative h-[30px] w-fit overflow-visible border border-transparent text-[0.8rem] font-medium after:absolute after:inset-x-0 after:-inset-y-1 after:z-0 after:rounded-md" href="/docs/components/radix/input-group"><span class="absolute inset-0 flex w-(--sidebar-menu-width) bg-transparent"></span>Input Group</a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" class="peer/menu-button flex items-center gap-2 rounded-md p-2 text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground data-[active=true]:bg-accent data-[active=true]:border-accent 3xl:fixed:w-full 3xl:fixed:max-w-48 relative h-[30px] w-fit overflow-visible border border-transparent text-[0.8rem] font-medium after:absolute after:inset-x-0 after:-inset-y-1 after:z-0 after:rounded-md" href="/docs/components/radix/input-otp"><span class="absolute inset-0 flex w-(--sidebar-menu-width) bg-transparent"></span>Input OTP</a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" class="peer/menu-button flex items-center gap-2 rounded-md p-2 text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground data-[active=true]:bg-accent data-[active=true]:border-accent 3xl:fixed:w-full 3xl:fixed:max-w-48 relative h-[30px] w-fit overflow-visible border border-transparent text-[0.8rem] font-medium after:absolute after:inset-x-0 after:-inset-y-1 after:z-0 after:rounded-md" href="/docs/components/radix/item"><span class="absolute inset-0 flex w-(--sidebar-menu-width) bg-transparent"></span>Item</a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" class="peer/menu-button flex items-center gap-2 rounded-md p-2 text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground data-[active=true]:bg-accent data-[active=true]:border-accent 3xl:fixed:w-full 3xl:fixed:max-w-48 relative h-[30px] w-fit overflow-visible border border-transparent text-[0.8rem] font-medium after:absolute after:inset-x-0 after:-inset-y-1 after:z-0 after:rounded-md" href="/docs/components/radix/kbd"><span class="absolute inset-0 flex w-(--sidebar-menu-width) bg-transparent"></span>Kbd</a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" class="peer/menu-button flex items-center gap-2 rounded-md p-2 text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground data-[active=true]:bg-accent data-[active=true]:border-accent 3xl:fixed:w-full 3xl:fixed:max-w-48 relative h-[30px] w-fit overflow-visible border border-transparent text-[0.8rem] font-medium after:absolute after:inset-x-0 after:-inset-y-1 after:z-0 after:rounded-md" href="/docs/components/radix/label"><span class="absolute inset-0 flex w-(--sidebar-menu-width) bg-transparent"></span>Label</a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" class="peer/menu-button flex items-center gap-2 rounded-md p-2 text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground data-[active=true]:bg-accent data-[active=true]:border-accent 3xl:fixed:w-full 3xl:fixed:max-w-48 relative h-[30px] w-fit overflow-visible border border-transparent text-[0.8rem] font-medium after:absolute after:inset-x-0 after:-inset-y-1 after:z-0 after:rounded-md" href="/docs/components/radix/menubar"><span class="absolute inset-0 flex w-(--sidebar-menu-width) bg-transparent"></span>Menubar</a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" class="peer/menu-button flex items-center gap-2 rounded-md p-2 text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground data-[active=true]:bg-accent data-[active=true]:border-accent 3xl:fixed:w-full 3xl:fixed:max-w-48 relative h-[30px] w-fit overflow-visible border border-transparent text-[0.8rem] font-medium after:absolute after:inset-x-0 after:-inset-y-1 after:z-0 after:rounded-md" href="/docs/components/radix/native-select"><span class="absolute inset-0 flex w-(--sidebar-menu-width) bg-transparent"></span>Native Select</a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" class="peer/menu-button flex items-center gap-2 rounded-md p-2 text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground data-[active=true]:bg-accent data-[active=true]:border-accent 3xl:fixed:w-full 3xl:fixed:max-w-48 relative h-[30px] w-fit overflow-visible border border-transparent text-[0.8rem] font-medium after:absolute after:inset-x-0 after:-inset-y-1 after:z-0 after:rounded-md" href="/docs/components/radix/navigation-menu"><span class="absolute inset-0 flex w-(--sidebar-menu-width) bg-transparent"></span>Navigation Menu</a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" class="peer/menu-button flex items-center gap-2 rounded-md p-2 text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground data-[active=true]:bg-accent data-[active=true]:border-accent 3xl:fixed:w-full 3xl:fixed:max-w-48 relative h-[30px] w-fit overflow-visible border border-transparent text-[0.8rem] font-medium after:absolute after:inset-x-0 after:-inset-y-1 after:z-0 after:rounded-md" href="/docs/components/radix/pagination"><span class="absolute inset-0 flex w-(--sidebar-menu-width) bg-transparent"></span>Pagination</a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" class="peer/menu-button flex items-center gap-2 rounded-md p-2 text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground data-[active=true]:bg-accent data-[active=true]:border-accent 3xl:fixed:w-full 3xl:fixed:max-w-48 relative h-[30px] w-fit overflow-visible border border-transparent text-[0.8rem] font-medium after:absolute after:inset-x-0 after:-inset-y-1 after:z-0 after:rounded-md" href="/docs/components/radix/popover"><span class="absolute inset-0 flex w-(--sidebar-menu-width) bg-transparent"></span>Popover</a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" class="peer/menu-button flex items-center gap-2 rounded-md p-2 text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground data-[active=true]:bg-accent data-[active=true]:border-accent 3xl:fixed:w-full 3xl:fixed:max-w-48 relative h-[30px] w-fit overflow-visible border border-transparent text-[0.8rem] font-medium after:absolute after:inset-x-0 after:-inset-y-1 after:z-0 after:rounded-md" href="/docs/components/radix/progress"><span class="absolute inset-0 flex w-(--sidebar-menu-width) bg-transparent"></span>Progress</a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" class="peer/menu-button flex items-center gap-2 rounded-md p-2 text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground data-[active=true]:bg-accent data-[active=true]:border-accent 3xl:fixed:w-full 3xl:fixed:max-w-48 relative h-[30px] w-fit overflow-visible border border-transparent text-[0.8rem] font-medium after:absolute after:inset-x-0 after:-inset-y-1 after:z-0 after:rounded-md" href="/docs/components/radix/radio-group"><span class="absolute inset-0 flex w-(--sidebar-menu-width) bg-transparent"></span>Radio Group</a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" class="peer/menu-button flex items-center gap-2 rounded-md p-2 text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground data-[active=true]:bg-accent data-[active=true]:border-accent 3xl:fixed:w-full 3xl:fixed:max-w-48 relative h-[30px] w-fit overflow-visible border border-transparent text-[0.8rem] font-medium after:absolute after:inset-x-0 after:-inset-y-1 after:z-0 after:rounded-md" href="/docs/components/radix/resizable"><span class="absolute inset-0 flex w-(--sidebar-menu-width) bg-transparent"></span>Resizable</a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" class="peer/menu-button flex items-center gap-2 rounded-md p-2 text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground data-[active=true]:bg-accent data-[active=true]:border-accent 3xl:fixed:w-full 3xl:fixed:max-w-48 relative h-[30px] w-fit overflow-visible border border-transparent text-[0.8rem] font-medium after:absolute after:inset-x-0 after:-inset-y-1 after:z-0 after:rounded-md" href="/docs/components/radix/scroll-area"><span class="absolute inset-0 flex w-(--sidebar-menu-width) bg-transparent"></span>Scroll Area</a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" class="peer/menu-button flex items-center gap-2 rounded-md p-2 text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground data-[active=true]:bg-accent data-[active=true]:border-accent 3xl:fixed:w-full 3xl:fixed:max-w-48 relative h-[30px] w-fit overflow-visible border border-transparent text-[0.8rem] font-medium after:absolute after:inset-x-0 after:-inset-y-1 after:z-0 after:rounded-md" href="/docs/components/radix/select"><span class="absolute inset-0 flex w-(--sidebar-menu-width) bg-transparent"></span>Select</a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" class="peer/menu-button flex items-center gap-2 rounded-md p-2 text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground data-[active=true]:bg-accent data-[active=true]:border-accent 3xl:fixed:w-full 3xl:fixed:max-w-48 relative h-[30px] w-fit overflow-visible border border-transparent text-[0.8rem] font-medium after:absolute after:inset-x-0 after:-inset-y-1 after:z-0 after:rounded-md" href="/docs/components/radix/separator"><span class="absolute inset-0 flex w-(--sidebar-menu-width) bg-transparent"></span>Separator</a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" class="peer/menu-button flex items-center gap-2 rounded-md p-2 text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground data-[active=true]:bg-accent data-[active=true]:border-accent 3xl:fixed:w-full 3xl:fixed:max-w-48 relative h-[30px] w-fit overflow-visible border border-transparent text-[0.8rem] font-medium after:absolute after:inset-x-0 after:-inset-y-1 after:z-0 after:rounded-md" href="/docs/components/radix/sheet"><span class="absolute inset-0 flex w-(--sidebar-menu-width) bg-transparent"></span>Sheet</a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" class="peer/menu-button flex items-center gap-2 rounded-md p-2 text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground data-[active=true]:bg-accent data-[active=true]:border-accent 3xl:fixed:w-full 3xl:fixed:max-w-48 relative h-[30px] w-fit overflow-visible border border-transparent text-[0.8rem] font-medium after:absolute after:inset-x-0 after:-inset-y-1 after:z-0 after:rounded-md" href="/docs/components/radix/sidebar"><span class="absolute inset-0 flex w-(--sidebar-menu-width) bg-transparent"></span>Sidebar</a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" class="peer/menu-button flex items-center gap-2 rounded-md p-2 text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground data-[active=true]:bg-accent data-[active=true]:border-accent 3xl:fixed:w-full 3xl:fixed:max-w-48 relative h-[30px] w-fit overflow-visible border border-transparent text-[0.8rem] font-medium after:absolute after:inset-x-0 after:-inset-y-1 after:z-0 after:rounded-md" href="/docs/components/radix/skeleton"><span class="absolute inset-0 flex w-(--sidebar-menu-width) bg-transparent"></span>Skeleton</a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" class="peer/menu-button flex items-center gap-2 rounded-md p-2 text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground data-[active=true]:bg-accent data-[active=true]:border-accent 3xl:fixed:w-full 3xl:fixed:max-w-48 relative h-[30px] w-fit overflow-visible border border-transparent text-[0.8rem] font-medium after:absolute after:inset-x-0 after:-inset-y-1 after:z-0 after:rounded-md" href="/docs/components/radix/slider"><span class="absolute inset-0 flex w-(--sidebar-menu-width) bg-transparent"></span>Slider</a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" class="peer/menu-button flex items-center gap-2 rounded-md p-2 text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground data-[active=true]:bg-accent data-[active=true]:border-accent 3xl:fixed:w-full 3xl:fixed:max-w-48 relative h-[30px] w-fit overflow-visible border border-transparent text-[0.8rem] font-medium after:absolute after:inset-x-0 after:-inset-y-1 after:z-0 after:rounded-md" href="/docs/components/radix/sonner"><span class="absolute inset-0 flex w-(--sidebar-menu-width) bg-transparent"></span>Sonner</a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" class="peer/menu-button flex items-center gap-2 rounded-md p-2 text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground data-[active=true]:bg-accent data-[active=true]:border-accent 3xl:fixed:w-full 3xl:fixed:max-w-48 relative h-[30px] w-fit overflow-visible border border-transparent text-[0.8rem] font-medium after:absolute after:inset-x-0 after:-inset-y-1 after:z-0 after:rounded-md" href="/docs/components/radix/spinner"><span class="absolute inset-0 flex w-(--sidebar-menu-width) bg-transparent"></span>Spinner</a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" class="peer/menu-button flex items-center gap-2 rounded-md p-2 text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground data-[active=true]:bg-accent data-[active=true]:border-accent 3xl:fixed:w-full 3xl:fixed:max-w-48 relative h-[30px] w-fit overflow-visible border border-transparent text-[0.8rem] font-medium after:absolute after:inset-x-0 after:-inset-y-1 after:z-0 after:rounded-md" href="/docs/components/radix/switch"><span class="absolute inset-0 flex w-(--sidebar-menu-width) bg-transparent"></span>Switch</a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" class="peer/menu-button flex items-center gap-2 rounded-md p-2 text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground data-[active=true]:bg-accent data-[active=true]:border-accent 3xl:fixed:w-full 3xl:fixed:max-w-48 relative h-[30px] w-fit overflow-visible border border-transparent text-[0.8rem] font-medium after:absolute after:inset-x-0 after:-inset-y-1 after:z-0 after:rounded-md" href="/docs/components/radix/table"><span class="absolute inset-0 flex w-(--sidebar-menu-width) bg-transparent"></span>Table</a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" class="peer/menu-button flex items-center gap-2 rounded-md p-2 text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground data-[active=true]:bg-accent data-[active=true]:border-accent 3xl:fixed:w-full 3xl:fixed:max-w-48 relative h-[30px] w-fit overflow-visible border border-transparent text-[0.8rem] font-medium after:absolute after:inset-x-0 after:-inset-y-1 after:z-0 after:rounded-md" href="/docs/components/radix/tabs"><span class="absolute inset-0 flex w-(--sidebar-menu-width) bg-transparent"></span>Tabs</a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" class="peer/menu-button flex items-center gap-2 rounded-md p-2 text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground data-[active=true]:bg-accent data-[active=true]:border-accent 3xl:fixed:w-full 3xl:fixed:max-w-48 relative h-[30px] w-fit overflow-visible border border-transparent text-[0.8rem] font-medium after:absolute after:inset-x-0 after:-inset-y-1 after:z-0 after:rounded-md" href="/docs/components/radix/textarea"><span class="absolute inset-0 flex w-(--sidebar-menu-width) bg-transparent"></span>Textarea</a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" class="peer/menu-button flex items-center gap-2 rounded-md p-2 text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground data-[active=true]:bg-accent data-[active=true]:border-accent 3xl:fixed:w-full 3xl:fixed:max-w-48 relative h-[30px] w-fit overflow-visible border border-transparent text-[0.8rem] font-medium after:absolute after:inset-x-0 after:-inset-y-1 after:z-0 after:rounded-md" href="/docs/components/radix/toast"><span class="absolute inset-0 flex w-(--sidebar-menu-width) bg-transparent"></span>Toast</a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" class="peer/menu-button flex items-center gap-2 rounded-md p-2 text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground data-[active=true]:bg-accent data-[active=true]:border-accent 3xl:fixed:w-full 3xl:fixed:max-w-48 relative h-[30px] w-fit overflow-visible border border-transparent text-[0.8rem] font-medium after:absolute after:inset-x-0 after:-inset-y-1 after:z-0 after:rounded-md" href="/docs/components/radix/toggle"><span class="absolute inset-0 flex w-(--sidebar-menu-width) bg-transparent"></span>Toggle</a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" class="peer/menu-button flex items-center gap-2 rounded-md p-2 text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground data-[active=true]:bg-accent data-[active=true]:border-accent 3xl:fixed:w-full 3xl:fixed:max-w-48 relative h-[30px] w-fit overflow-visible border border-transparent text-[0.8rem] font-medium after:absolute after:inset-x-0 after:-inset-y-1 after:z-0 after:rounded-md" href="/docs/components/radix/toggle-group"><span class="absolute inset-0 flex w-(--sidebar-menu-width) bg-transparent"></span>Toggle Group</a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" class="peer/menu-button flex items-center gap-2 rounded-md p-2 text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground data-[active=true]:bg-accent data-[active=true]:border-accent 3xl:fixed:w-full 3xl:fixed:max-w-48 relative h-[30px] w-fit overflow-visible border border-transparent text-[0.8rem] font-medium after:absolute after:inset-x-0 after:-inset-y-1 after:z-0 after:rounded-md" href="/docs/components/radix/tooltip"><span class="absolute inset-0 flex w-(--sidebar-menu-width) bg-transparent"></span>Tooltip</a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" class="peer/menu-button flex items-center gap-2 rounded-md p-2 text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground data-[active=true]:bg-accent data-[active=true]:border-accent 3xl:fixed:w-full 3xl:fixed:max-w-48 relative h-[30px] w-fit overflow-visible border border-transparent text-[0.8rem] font-medium after:absolute after:inset-x-0 after:-inset-y-1 after:z-0 after:rounded-md" href="/docs/components/radix/typography"><span class="absolute inset-0 flex w-(--sidebar-menu-width) bg-transparent"></span>Typography</a></li></ul></div></div><div data-slot="sidebar-group" data-sidebar="group" class="relative flex w-full min-w-0 flex-col p-2"><div data-slot="sidebar-group-label" data-sidebar="group-label" class="ring-sidebar-ring flex h-8 shrink-0 items-center rounded-md px-2 text-xs outline-hidden transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0 text-muted-foreground font-medium">Get Started</div><div data-slot="sidebar-group-content" data-sidebar="group-content" class="w-full text-sm"><ul data-slot="sidebar-menu" data-sidebar="menu" class="flex w-full min-w-0 flex-col gap-0.5"><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="true" class="peer/menu-button flex items-center gap-2 rounded-md p-2 text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground data-[active=true]:bg-accent data-[active=true]:border-accent 3xl:fixed:w-full 3xl:fixed:max-w-48 relative h-[30px] w-fit overflow-visible border border-transparent text-[0.8rem] font-medium after:absolute after:inset-x-0 after:-inset-y-1 after:z-0 after:rounded-md" href="/docs/installation"><span class="absolute inset-0 flex w-(--sidebar-menu-width) bg-transparent"></span>Installation</a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" class="peer/menu-button flex items-center gap-2 rounded-md p-2 text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground data-[active=true]:bg-accent data-[active=true]:border-accent 3xl:fixed:w-full 3xl:fixed:max-w-48 relative h-[30px] w-fit overflow-visible border border-transparent text-[0.8rem] font-medium after:absolute after:inset-x-0 after:-inset-y-1 after:z-0 after:rounded-md" href="/docs/components-json"><span class="absolute inset-0 flex w-(--sidebar-menu-width) bg-transparent"></span>components.json</a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" class="peer/menu-button flex items-center gap-2 rounded-md p-2 text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground data-[active=true]:bg-accent data-[active=true]:border-accent 3xl:fixed:w-full 3xl:fixed:max-w-48 relative h-[30px] w-fit overflow-visible border border-transparent text-[0.8rem] font-medium after:absolute after:inset-x-0 after:-inset-y-1 after:z-0 after:rounded-md" href="/docs/theming"><span class="absolute inset-0 flex w-(--sidebar-menu-width) bg-transparent"></span>Theming</a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" class="peer/menu-button flex items-center gap-2 rounded-md p-2 text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground data-[active=true]:bg-accent data-[active=true]:border-accent 3xl:fixed:w-full 3xl:fixed:max-w-48 relative h-[30px] w-fit overflow-visible border border-transparent text-[0.8rem] font-medium after:absolute after:inset-x-0 after:-inset-y-1 after:z-0 after:rounded-md" href="/docs/dark-mode"><span class="absolute inset-0 flex w-(--sidebar-menu-width) bg-transparent"></span>Dark Mode</a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" class="peer/menu-button flex items-center gap-2 rounded-md p-2 text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground data-[active=true]:bg-accent data-[active=true]:border-accent 3xl:fixed:w-full 3xl:fixed:max-w-48 relative h-[30px] w-fit overflow-visible border border-transparent text-[0.8rem] font-medium after:absolute after:inset-x-0 after:-inset-y-1 after:z-0 after:rounded-md" href="/docs/cli"><span class="absolute inset-0 flex w-(--sidebar-menu-width) bg-transparent"></span>CLI</a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" class="peer/menu-button flex items-center gap-2 rounded-md p-2 text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground data-[active=true]:bg-accent data-[active=true]:border-accent 3xl:fixed:w-full 3xl:fixed:max-w-48 relative h-[30px] w-fit overflow-visible border border-transparent text-[0.8rem] font-medium after:absolute after:inset-x-0 after:-inset-y-1 after:z-0 after:rounded-md" href="/docs/monorepo"><span class="absolute inset-0 flex w-(--sidebar-menu-width) bg-transparent"></span>Monorepo</a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" class="peer/menu-button flex items-center gap-2 rounded-md p-2 text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground data-[active=true]:bg-accent data-[active=true]:border-accent 3xl:fixed:w-full 3xl:fixed:max-w-48 relative h-[30px] w-fit overflow-visible border border-transparent text-[0.8rem] font-medium after:absolute after:inset-x-0 after:-inset-y-1 after:z-0 after:rounded-md" href="/docs/v0"><span class="absolute inset-0 flex w-(--sidebar-menu-width) bg-transparent"></span>Open in v0</a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" class="peer/menu-button flex items-center gap-2 rounded-md p-2 text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground data-[active=true]:bg-accent data-[active=true]:border-accent 3xl:fixed:w-full 3xl:fixed:max-w-48 relative h-[30px] w-fit overflow-visible border border-transparent text-[0.8rem] font-medium after:absolute after:inset-x-0 after:-inset-y-1 after:z-0 after:rounded-md" href="/docs/javascript"><span class="absolute inset-0 flex w-(--sidebar-menu-width) bg-transparent"></span>JavaScript</a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" class="peer/menu-button flex items-center gap-2 rounded-md p-2 text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground data-[active=true]:bg-accent data-[active=true]:border-accent 3xl:fixed:w-full 3xl:fixed:max-w-48 relative h-[30px] w-fit overflow-visible border border-transparent text-[0.8rem] font-medium after:absolute after:inset-x-0 after:-inset-y-1 after:z-0 after:rounded-md" href="/docs/blocks"><span class="absolute inset-0 flex w-(--sidebar-menu-width) bg-transparent"></span>Blocks</a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" class="peer/menu-button flex items-center gap-2 rounded-md p-2 text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground data-[active=true]:bg-accent data-[active=true]:border-accent 3xl:fixed:w-full 3xl:fixed:max-w-48 relative h-[30px] w-fit overflow-visible border border-transparent text-[0.8rem] font-medium after:absolute after:inset-x-0 after:-inset-y-1 after:z-0 after:rounded-md" href="/docs/figma"><span class="absolute inset-0 flex w-(--sidebar-menu-width) bg-transparent"></span>Figma</a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" class="peer/menu-button flex items-center gap-2 rounded-md p-2 text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground data-[active=true]:bg-accent data-[active=true]:border-accent 3xl:fixed:w-full 3xl:fixed:max-w-48 relative h-[30px] w-fit overflow-visible border border-transparent text-[0.8rem] font-medium after:absolute after:inset-x-0 after:-inset-y-1 after:z-0 after:rounded-md" href="/llms.txt"><span class="absolute inset-0 flex w-(--sidebar-menu-width) bg-transparent"></span>llms.txt</a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" class="peer/menu-button flex items-center gap-2 rounded-md p-2 text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground data-[active=true]:bg-accent data-[active=true]:border-accent 3xl:fixed:w-full 3xl:fixed:max-w-48 relative h-[30px] w-fit overflow-visible border border-transparent text-[0.8rem] font-medium after:absolute after:inset-x-0 after:-inset-y-1 after:z-0 after:rounded-md" href="/docs/legacy"><span class="absolute inset-0 flex w-(--sidebar-menu-width) bg-transparent"></span>Legacy Docs</a></li></ul></div></div><div data-slot="sidebar-group" data-sidebar="group" class="relative flex w-full min-w-0 flex-col p-2"><div data-slot="sidebar-group-label" data-sidebar="group-label" class="ring-sidebar-ring flex h-8 shrink-0 items-center rounded-md px-2 text-xs outline-hidden transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0 text-muted-foreground font-medium">Forms</div><div data-slot="sidebar-group-content" data-sidebar="group-content" class="w-full text-sm"><ul data-slot="sidebar-menu" data-sidebar="menu" class="flex w-full min-w-0 flex-col gap-0.5"><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" class="peer/menu-button flex items-center gap-2 rounded-md p-2 text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground data-[active=true]:bg-accent data-[active=true]:border-accent 3xl:fixed:w-full 3xl:fixed:max-w-48 relative h-[30px] w-fit overflow-visible border border-transparent text-[0.8rem] font-medium after:absolute after:inset-x-0 after:-inset-y-1 after:z-0 after:rounded-md" href="/docs/forms/react-hook-form"><span class="absolute inset-0 flex w-(--sidebar-menu-width) bg-transparent"></span>React Hook Form</a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" class="peer/menu-button flex items-center gap-2 rounded-md p-2 text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground data-[active=true]:bg-accent data-[active=true]:border-accent 3xl:fixed:w-full 3xl:fixed:max-w-48 relative h-[30px] w-fit overflow-visible border border-transparent text-[0.8rem] font-medium after:absolute after:inset-x-0 after:-inset-y-1 after:z-0 after:rounded-md" href="/docs/forms/tanstack-form"><span class="absolute inset-0 flex w-(--sidebar-menu-width) bg-transparent"></span>TanStack Form</a></li></ul></div></div><div data-slot="sidebar-group" data-sidebar="group" class="relative flex w-full min-w-0 flex-col p-2"><div data-slot="sidebar-group-label" data-sidebar="group-label" class="ring-sidebar-ring flex h-8 shrink-0 items-center rounded-md px-2 text-xs outline-hidden transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0 text-muted-foreground font-medium">Registry</div><div data-slot="sidebar-group-content" data-sidebar="group-content" class="w-full text-sm"><ul data-slot="sidebar-menu" data-sidebar="menu" class="flex w-full min-w-0 flex-col gap-0.5"><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" class="peer/menu-button flex items-center gap-2 rounded-md p-2 text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground data-[active=true]:bg-accent data-[active=true]:border-accent 3xl:fixed:w-full 3xl:fixed:max-w-48 relative h-[30px] w-fit overflow-visible border border-transparent text-[0.8rem] font-medium after:absolute after:inset-x-0 after:-inset-y-1 after:z-0 after:rounded-md" href="/docs/registry"><span class="absolute inset-0 flex w-(--sidebar-menu-width) bg-transparent"></span>Introduction</a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" class="peer/menu-button flex items-center gap-2 rounded-md p-2 text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground data-[active=true]:bg-accent data-[active=true]:border-accent 3xl:fixed:w-full 3xl:fixed:max-w-48 relative h-[30px] w-fit overflow-visible border border-transparent text-[0.8rem] font-medium after:absolute after:inset-x-0 after:-inset-y-1 after:z-0 after:rounded-md" href="/docs/registry/getting-started"><span class="absolute inset-0 flex w-(--sidebar-menu-width) bg-transparent"></span>Getting Started</a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" class="peer/menu-button flex items-center gap-2 rounded-md p-2 text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground data-[active=true]:bg-accent data-[active=true]:border-accent 3xl:fixed:w-full 3xl:fixed:max-w-48 relative h-[30px] w-fit overflow-visible border border-transparent text-[0.8rem] font-medium after:absolute after:inset-x-0 after:-inset-y-1 after:z-0 after:rounded-md" href="/docs/registry/namespace"><span class="absolute inset-0 flex w-(--sidebar-menu-width) bg-transparent"></span>Namespaces</a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" class="peer/menu-button flex items-center gap-2 rounded-md p-2 text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground data-[active=true]:bg-accent data-[active=true]:border-accent 3xl:fixed:w-full 3xl:fixed:max-w-48 relative h-[30px] w-fit overflow-visible border border-transparent text-[0.8rem] font-medium after:absolute after:inset-x-0 after:-inset-y-1 after:z-0 after:rounded-md" href="/docs/registry/authentication"><span class="absolute inset-0 flex w-(--sidebar-menu-width) bg-transparent"></span>Authentication</a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" class="peer/menu-button flex items-center gap-2 rounded-md p-2 text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground data-[active=true]:bg-accent data-[active=true]:border-accent 3xl:fixed:w-full 3xl:fixed:max-w-48 relative h-[30px] w-fit overflow-visible border border-transparent text-[0.8rem] font-medium after:absolute after:inset-x-0 after:-inset-y-1 after:z-0 after:rounded-md" href="/docs/registry/examples"><span class="absolute inset-0 flex w-(--sidebar-menu-width) bg-transparent"></span>Examples</a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" class="peer/menu-button flex items-center gap-2 rounded-md p-2 text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground data-[active=true]:bg-accent data-[active=true]:border-accent 3xl:fixed:w-full 3xl:fixed:max-w-48 relative h-[30px] w-fit overflow-visible border border-transparent text-[0.8rem] font-medium after:absolute after:inset-x-0 after:-inset-y-1 after:z-0 after:rounded-md" href="/docs/registry/mcp"><span class="absolute inset-0 flex w-(--sidebar-menu-width) bg-transparent"></span>MCP Server</a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" class="peer/menu-button flex items-center gap-2 rounded-md p-2 text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground data-[active=true]:bg-accent data-[active=true]:border-accent 3xl:fixed:w-full 3xl:fixed:max-w-48 relative h-[30px] w-fit overflow-visible border border-transparent text-[0.8rem] font-medium after:absolute after:inset-x-0 after:-inset-y-1 after:z-0 after:rounded-md" href="/docs/registry/registry-index"><span class="absolute inset-0 flex w-(--sidebar-menu-width) bg-transparent"></span>Add a Registry</a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" class="peer/menu-button flex items-center gap-2 rounded-md p-2 text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground data-[active=true]:bg-accent data-[active=true]:border-accent 3xl:fixed:w-full 3xl:fixed:max-w-48 relative h-[30px] w-fit overflow-visible border border-transparent text-[0.8rem] font-medium after:absolute after:inset-x-0 after:-inset-y-1 after:z-0 after:rounded-md" href="/docs/registry/open-in-v0"><span class="absolute inset-0 flex w-(--sidebar-menu-width) bg-transparent"></span>Open in v0</a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" class="peer/menu-button flex items-center gap-2 rounded-md p-2 text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground data-[active=true]:bg-accent data-[active=true]:border-accent 3xl:fixed:w-full 3xl:fixed:max-w-48 relative h-[30px] w-fit overflow-visible border border-transparent text-[0.8rem] font-medium after:absolute after:inset-x-0 after:-inset-y-1 after:z-0 after:rounded-md" href="/docs/registry/registry-json"><span class="absolute inset-0 flex w-(--sidebar-menu-width) bg-transparent"></span>registry.json</a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" class="peer/menu-button flex items-center gap-2 rounded-md p-2 text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground data-[active=true]:bg-accent data-[active=true]:border-accent 3xl:fixed:w-full 3xl:fixed:max-w-48 relative h-[30px] w-fit overflow-visible border border-transparent text-[0.8rem] font-medium after:absolute after:inset-x-0 after:-inset-y-1 after:z-0 after:rounded-md" href="/docs/registry/registry-item-json"><span class="absolute inset-0 flex w-(--sidebar-menu-width) bg-transparent"></span>registry-item.json</a></li></ul></div></div><div class="from-background via-background/80 to-background/50 sticky -bottom-1 z-10 h-16 shrink-0 bg-gradient-to-t blur-xs"></div></div></div><div class="h-full w-full"><div data-slot="docs" class="flex scroll-mt-24 items-stretch pb-8 text-[1.05rem] sm:text-[15px] xl:w-full"><div class="flex min-w-0 flex-1 flex-col"><div class="h-(--top-spacing) shrink-0"></div><div class="mx-auto flex w-full max-w-[40rem] min-w-0 flex-1 flex-col gap-6 px-4 py-6 text-neutral-800 md:px-0 lg:py-8 dark:text-neutral-300"><div class="flex flex-col gap-2"><div class="flex flex-col gap-2"><div class="flex items-center justify-between md:items-start"><h1 class="scroll-m-24 text-3xl font-semibold tracking-tight sm:text-3xl">Installation</h1><div class="docs-nav flex items-center gap-2"><div class="hidden sm:block"><div class="bg-secondary group/buttons relative flex rounded-lg *:[[data-slot=button]]:focus-visible:relative *:[[data-slot=button]]:focus-visible:z-10"><div data-slot="popover-anchor"></div><button data-slot="button" data-variant="secondary" data-size="sm" class="inline-flex items-center justify-center whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive bg-secondary text-secondary-foreground hover:bg-secondary/80 rounded-md gap-1.5 px-3 has-[&gt;svg]:px-2.5 h-8 shadow-none md:h-7 md:text-[0.8rem]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-copy "><path d="M7 7m0 2.667a2.667 2.667 0 0 1 2.667 -2.667h8.666a2.667 2.667 0 0 1 2.667 2.667v8.666a2.667 2.667 0 0 1 -2.667 2.667h-8.666a2.667 2.667 0 0 1 -2.667 -2.667z"></path><path d="M4.012 16.737a2.005 2.005 0 0 1 -1.012 -1.737v-10c0 -1.1 .9 -2 2 -2h10c.75 0 1.158 .385 1.5 1"></path></svg>Copy Page</button><button data-slot="dropdown-menu-trigger" data-variant="secondary" data-size="sm" class="items-center justify-center whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive bg-secondary text-secondary-foreground hover:bg-secondary/80 rounded-md gap-1.5 px-3 has-[&gt;svg]:px-2.5 hidden sm:flex peer -ml-0.5 size-8 shadow-none md:size-7 md:text-[0.8rem]" type="button" id="radix-_R_1r5ilubt5uiuplb_" aria-haspopup="menu" aria-expanded="false" data-state="closed"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-chevron-down rotate-180 sm:rotate-0"><path d="M6 9l6 6l6 -6"></path></svg></button><div data-orientation="vertical" role="none" data-slot="separator" class="bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px !bg-foreground/5 absolute top-1 right-8 z-0 !h-6 peer-focus-visible:opacity-0 sm:right-7 sm:!h-5"></div><button data-slot="popover-trigger" data-variant="secondary" data-size="sm" class="items-center justify-center whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive bg-secondary text-secondary-foreground hover:bg-secondary/80 rounded-md gap-1.5 px-3 has-[&gt;svg]:px-2.5 flex sm:hidden peer -ml-0.5 size-8 shadow-none md:size-7 md:text-[0.8rem]" type="button" aria-haspopup="dialog" aria-expanded="false" aria-controls="radix-_R_35ilubt5uiuplb_" data-state="closed"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-chevron-down rotate-180 sm:rotate-0"><path d="M6 9l6 6l6 -6"></path></svg></button></div></div><div class="ml-auto flex gap-2"><a data-slot="button" data-variant="secondary" data-size="icon" class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive bg-secondary text-secondary-foreground hover:bg-secondary/80 extend-touch-target size-8 shadow-none md:size-7" href="/docs"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-arrow-left "><path d="M5 12l14 0"></path><path d="M5 12l6 6"></path><path d="M5 12l6 -6"></path></svg><span class="sr-only">Previous</span></a><a data-slot="button" data-variant="secondary" data-size="icon" class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive bg-secondary text-secondary-foreground hover:bg-secondary/80 extend-touch-target size-8 shadow-none md:size-7" href="/docs/components-json"><span class="sr-only">Next</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-arrow-right "><path d="M5 12l14 0"></path><path d="M13 18l6 -6"></path><path d="M13 6l6 6"></path></svg></a></div></div></div><p class="text-muted-foreground text-[1.05rem] sm:text-base sm:text-balance md:max-w-[80%]">How to install dependencies and structure your app.</p></div></div><div class="w-full flex-1 pb-16 *:data-[slot=alert]:first:mt-0 sm:pb-0"><div data-slot="alert" role="alert" class="relative border px-4 py-3 text-sm grid has-[&gt;svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[&gt;svg]:gap-x-3 gap-y-0.5 items-start [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:translate-y-0.5 [&amp;&gt;svg]:text-current text-surface-foreground mt-6 w-auto rounded-xl md:-mx-1 **:[code]:border mb-6 border-emerald-600 bg-emerald-100 dark:border-emerald-400 dark:bg-emerald-900" data-variant="default"><div data-slot="alert-description" class="col-start-2 grid justify-items-start gap-1 text-sm [&amp;_p]:leading-relaxed text-card-foreground/80"><p class="leading-relaxed [&amp;:not(:first-child)]:mt-6"><strong class="font-medium">Starting a new project?</strong> Use <a class="font-medium underline underline-offset-4" href="/create">shadcn/create</a> to scaffold a complete app with custom themes, components, and presets. Works with Next.js, Vite, and TanStack Start.</p></div></div>
<h2 id="quick-start" class="font-heading [&amp;+]*:[code]:text-xl mt-10 scroll-m-28 text-xl font-medium tracking-tight first:mt-0 lg:mt-12 [&amp;+.steps]:!mt-0 [&amp;+.steps&gt;h3]:!mt-4 [&amp;+h3]:!mt-6 [&amp;+p]:!mt-4">Quick Start</h2> <p class="leading-relaxed [&amp;:not(:first-child)]:mt-6">Run the following command to create a new project with shadcn/ui:</p> <figure class="" data-rehype-pretty-code-figure=""><pre class="no-scrollbar min-w-0 overflow-x-auto overflow-y-auto overscroll-x-contain overscroll-y-auto px-4 py-3.5 outline-none has-[[data-highlighted-line]]:px-0 has-[[data-line-numbers]]:px-0 has-[[data-slot=tabs]]:p-0" style="--shiki-dark:#e1e4e8;--shiki-light:#1f2328;--shiki-dark-bg:#24292e;--shiki-light-bg:#ffffff" tabindex="0" data-language="bash" data-theme="github-dark github-light-default"><div class="overflow-x-auto"><div dir="ltr" data-orientation="horizontal" data-slot="tabs" class="group/tabs flex data-[orientation=horizontal]:flex-col gap-0"><div class="border-border/50 flex items-center gap-2 border-b px-3 py-1"><div class="bg-foreground flex size-4 items-center justify-center rounded-[1px] opacity-70"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-terminal text-code size-3"><path d="M5 7l5 5l-5 5"></path><path d="M12 19l7 0"></path></svg></div><div role="tablist" aria-orientation="horizontal" data-slot="tabs-list" data-variant="default" class="group-data-[orientation=horizontal]/tabs:h-9 data-[variant=line]:rounded-none group/tabs-list text-muted-foreground inline-flex w-fit items-center justify-center group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col rounded-none bg-transparent p-0" tabindex="-1" data-orientation="horizontal" style="outline:none"><button type="button" role="tab" aria-selected="true" aria-controls="radix-_R_bqilubt5uiuplb_-content-pnpm" data-state="active" id="radix-_R_bqilubt5uiuplb_-trigger-pnpm" data-slot="tabs-trigger" class="focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring text-foreground/60 hover:text-foreground dark:text-muted-foreground dark:hover:text-foreground relative inline-flex flex-1 items-center justify-center gap-1.5 rounded-md px-2 py-1 text-sm font-medium whitespace-nowrap transition-all group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 group-data-[variant=default]/tabs-list:data-[state=active]:shadow-sm group-data-[variant=line]/tabs-list:data-[state=active]:shadow-none [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent dark:group-data-[variant=line]/tabs-list:data-[state=active]:border-transparent dark:group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent data-[state=active]:bg-background dark:data-[state=active]:text-foreground dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 data-[state=active]:text-foreground after:bg-foreground after:absolute after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-[state=active]:after:opacity-100 data-[state=active]:bg-background! data-[state=active]:border-input h-7 border border-transparent pt-0.5 shadow-none!" tabindex="-1" data-orientation="horizontal" data-radix-collection-item="">pnpm</button><button type="button" role="tab" aria-selected="false" aria-controls="radix-_R_bqilubt5uiuplb_-content-npm" data-state="inactive" id="radix-_R_bqilubt5uiuplb_-trigger-npm" data-slot="tabs-trigger" class="focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring text-foreground/60 hover:text-foreground dark:text-muted-foreground dark:hover:text-foreground relative inline-flex flex-1 items-center justify-center gap-1.5 rounded-md px-2 py-1 text-sm font-medium whitespace-nowrap transition-all group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 group-data-[variant=default]/tabs-list:data-[state=active]:shadow-sm group-data-[variant=line]/tabs-list:data-[state=active]:shadow-none [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent dark:group-data-[variant=line]/tabs-list:data-[state=active]:border-transparent dark:group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent data-[state=active]:bg-background dark:data-[state=active]:text-foreground dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 data-[state=active]:text-foreground after:bg-foreground after:absolute after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-[state=active]:after:opacity-100 data-[state=active]:bg-background! data-[state=active]:border-input h-7 border border-transparent pt-0.5 shadow-none!" tabindex="-1" data-orientation="horizontal" data-radix-collection-item="">npm</button><button type="button" role="tab" aria-selected="false" aria-controls="radix-_R_bqilubt5uiuplb_-content-yarn" data-state="inactive" id="radix-_R_bqilubt5uiuplb_-trigger-yarn" data-slot="tabs-trigger" class="focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring text-foreground/60 hover:text-foreground dark:text-muted-foreground dark:hover:text-foreground relative inline-flex flex-1 items-center justify-center gap-1.5 rounded-md px-2 py-1 text-sm font-medium whitespace-nowrap transition-all group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 group-data-[variant=default]/tabs-list:data-[state=active]:shadow-sm group-data-[variant=line]/tabs-list:data-[state=active]:shadow-none [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent dark:group-data-[variant=line]/tabs-list:data-[state=active]:border-transparent dark:group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent data-[state=active]:bg-background dark:data-[state=active]:text-foreground dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 data-[state=active]:text-foreground after:bg-foreground after:absolute after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-[state=active]:after:opacity-100 data-[state=active]:bg-background! data-[state=active]:border-input h-7 border border-transparent pt-0.5 shadow-none!" tabindex="-1" data-orientation="horizontal" data-radix-collection-item="">yarn</button><button type="button" role="tab" aria-selected="false" aria-controls="radix-_R_bqilubt5uiuplb_-content-bun" data-state="inactive" id="radix-_R_bqilubt5uiuplb_-trigger-bun" data-slot="tabs-trigger" class="focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring text-foreground/60 hover:text-foreground dark:text-muted-foreground dark:hover:text-foreground relative inline-flex flex-1 items-center justify-center gap-1.5 rounded-md px-2 py-1 text-sm font-medium whitespace-nowrap transition-all group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 group-data-[variant=default]/tabs-list:data-[state=active]:shadow-sm group-data-[variant=line]/tabs-list:data-[state=active]:shadow-none [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent dark:group-data-[variant=line]/tabs-list:data-[state=active]:border-transparent dark:group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent data-[state=active]:bg-background dark:data-[state=active]:text-foreground dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 data-[state=active]:text-foreground after:bg-foreground after:absolute after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-[state=active]:after:opacity-100 data-[state=active]:bg-background! data-[state=active]:border-input h-7 border border-transparent pt-0.5 shadow-none!" tabindex="-1" data-orientation="horizontal" data-radix-collection-item="">bun</button></div></div><div class="no-scrollbar overflow-x-auto"><div data-state="active" data-orientation="horizontal" role="tabpanel" aria-labelledby="radix-_R_bqilubt5uiuplb_-trigger-pnpm" id="radix-_R_bqilubt5uiuplb_-content-pnpm" tabindex="0" data-slot="tabs-content" class="flex-1 outline-none mt-0 px-4 py-3.5" style="animation-duration:0s"><pre><code class="relative font-mono text-sm leading-none" data-language="bash">pnpm dlx shadcn@latest create</code></pre></div><div data-state="inactive" data-orientation="horizontal" role="tabpanel" aria-labelledby="radix-_R_bqilubt5uiuplb_-trigger-npm" hidden="" id="radix-_R_bqilubt5uiuplb_-content-npm" tabindex="0" data-slot="tabs-content" class="flex-1 outline-none mt-0 px-4 py-3.5"></div><div data-state="inactive" data-orientation="horizontal" role="tabpanel" aria-labelledby="radix-_R_bqilubt5uiuplb_-trigger-yarn" hidden="" id="radix-_R_bqilubt5uiuplb_-content-yarn" tabindex="0" data-slot="tabs-content" class="flex-1 outline-none mt-0 px-4 py-3.5"></div><div data-state="inactive" data-orientation="horizontal" role="tabpanel" aria-labelledby="radix-_R_bqilubt5uiuplb_-trigger-bun" hidden="" id="radix-_R_bqilubt5uiuplb_-content-bun" tabindex="0" data-slot="tabs-content" class="flex-1 outline-none mt-0 px-4 py-3.5"></div></div></div><button data-slot="copy-button" data-variant="ghost" data-size="icon" class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50 absolute top-2 right-2 z-10 size-7 opacity-70 hover:opacity-100 focus-visible:opacity-100"><span class="sr-only">Copy</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-copy "><path d="M7 7m0 2.667a2.667 2.667 0 0 1 2.667 -2.667h8.666a2.667 2.667 0 0 1 2.667 2.667v8.666a2.667 2.667 0 0 1 -2.667 2.667h-8.666a2.667 2.667 0 0 1 -2.667 -2.667z"></path><path d="M4.012 16.737a2.005 2.005 0 0 1 -1.012 -1.737v-10c0 -1.1 .9 -2 2 -2h10c.75 0 1.158 .385 1.5 1"></path></svg></button></div></pre></figure> <p class="leading-relaxed [&amp;:not(:first-child)]:mt-6">This will guide you through the process of creating a new project with shadcn/ui with your preferred framework, icon library, and theme.</p> <h2 id="pick-your-framework" class="font-heading [&amp;+]*:[code]:text-xl mt-10 scroll-m-28 text-xl font-medium tracking-tight first:mt-0 lg:mt-12 [&amp;+.steps]:!mt-0 [&amp;+.steps&gt;h3]:!mt-4 [&amp;+h3]:!mt-6 [&amp;+p]:!mt-4">Pick Your Framework</h2> <p class="leading-relaxed [&amp;:not(:first-child)]:mt-6">Start by selecting your framework of choice. Then follow the instructions to install the dependencies and structure your app. shadcn/ui is built to work with all React frameworks.</p> <div class="mt-8 grid gap-4 sm:grid-cols-2 sm:gap-6"><a class="bg-surface text-surface-foreground hover:bg-surface/80 flex w-full flex-col items-center rounded-xl p-6 transition-colors sm:p-10" href="/docs/installation/next"><svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="h-10 w-10" fill="currentColor"><title>Next.js</title><path d="M11.5725 0c-.1763 0-.3098.0013-.3584.0067-.0516.0053-.2159.021-.3636.0328-3.4088.3073-6.6017 2.1463-8.624 4.9728C1.1004 6.584.3802 8.3666.1082 10.255c-.0962.659-.108.8537-.108 1.7474s.012 1.0884.108 1.7476c.652 4.506 3.8591 8.2919 8.2087 9.6945.7789.2511 1.6.4223 2.5337.5255.3636.04 1.9354.04 2.299 0 1.6117-.1783 2.9772-.577 4.3237-1.2643.2065-.1056.2464-.1337.2183-.1573-.0188-.0139-.8987-1.1938-1.9543-2.62l-1.919-2.592-2.4047-3.5583c-1.3231-1.9564-2.4117-3.556-2.4211-3.556-.0094-.0026-.0187 1.5787-.0235 3.509-.0067 3.3802-.0093 3.5162-.0516 3.596-.061.115-.108.1618-.2064.2134-.075.0374-.1408.0445-.495.0445h-.406l-.1078-.068a.4383.4383 0 01-.1572-.1712l-.0493-.1056.0053-4.703.0067-4.7054.0726-.0915c.0376-.0493.1174-.1125.1736-.143.0962-.047.1338-.0517.5396-.0517.4787 0 .5584.0187.6827.1547.0353.0377 1.3373 1.9987 2.895 4.3608a10760.433 10760.433 0 004.7344 7.1706l1.9002 2.8782.096-.0633c.8518-.5536 1.7525-1.3418 2.4657-2.1627 1.5179-1.7429 2.4963-3.868 2.8247-6.134.0961-.6591.1078-.854.1078-1.7475 0-.8937-.012-1.0884-.1078-1.7476-.6522-4.506-3.8592-8.2919-8.2087-9.6945-.7672-.2487-1.5836-.42-2.4985-.5232-.169-.0176-1.0835-.0366-1.6123-.037zm4.0685 7.217c.3473 0 .4082.0053.4857.047.1127.0562.204.1642.237.2767.0186.061.0234 1.3653.0186 4.3044l-.0067 4.2175-.7436-1.14-.7461-1.14v-3.066c0-1.982.0093-3.0963.0234-3.1502.0375-.1313.1196-.2346.2323-.2955.0961-.0494.1313-.054.4997-.054z"></path></svg><p class="mt-2 font-medium">Next.js</p></a><a class="bg-surface text-surface-foreground hover:bg-surface/80 flex w-full flex-col items-center rounded-xl p-6 transition-colors sm:p-10" href="/docs/installation/vite"><svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="h-10 w-10" fill="currentColor"><title>Vite</title><path d="m8.286 10.578.512-8.657a.306.306 0 0 1 .247-.282L17.377.006a.306.306 0 0 1 .353.385l-1.558 5.403a.306.306 0 0 0 .352.385l2.388-.46a.306.306 0 0 1 .332.438l-6.79 13.55-.123.19a.294.294 0 0 1-.252.14c-.177 0-.35-.152-.305-.369l1.095-5.301a.306.306 0 0 0-.388-.355l-1.433.435a.306.306 0 0 1-.389-.354l.69-3.375a.306.306 0 0 0-.37-.36l-2.32.536a.306.306 0 0 1-.374-.316zm14.976-7.926L17.284 3.74l-.544 1.887 2.077-.4a.8.8 0 0 1 .84.369.8.8 0 0 1 .034.783L12.9 19.93l-.013.025-.015.023-.122.19a.801.801 0 0 1-.672.37.826.826 0 0 1-.634-.302.8.8 0 0 1-.16-.67l1.029-4.981-1.12.34a.81.81 0 0 1-.86-.262.802.802 0 0 1-.165-.67l.63-3.08-2.027.468a.808.808 0 0 1-.768-.233.81.81 0 0 1-.217-.6l.389-6.57-7.44-1.33a.612.612 0 0 0-.64.906L11.58 23.691a.612.612 0 0 0 1.066-.004l11.26-20.135a.612.612 0 0 0-.644-.9z"></path></svg><p class="mt-2 font-medium">Vite</p></a><a class="bg-surface text-surface-foreground hover:bg-surface/80 flex w-full flex-col items-center rounded-xl p-6 transition-colors sm:p-10" href="/docs/installation/laravel"><svg role="img" viewBox="0 0 62 65" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="h-10 w-10"><path d="M61.8548 14.6253C61.8778 14.7102 61.8895 14.7978 61.8897 14.8858V28.5615C61.8898 28.737 61.8434 28.9095 61.7554 29.0614C61.6675 29.2132 61.5409 29.3392 61.3887 29.4265L49.9104 36.0351V49.1337C49.9104 49.4902 49.7209 49.8192 49.4118 49.9987L25.4519 63.7916C25.3971 63.8227 25.3372 63.8427 25.2774 63.8639C25.255 63.8714 25.2338 63.8851 25.2101 63.8913C25.0426 63.9354 24.8666 63.9354 24.6991 63.8913C24.6716 63.8838 24.6467 63.8689 24.6205 63.8589C24.5657 63.8389 24.5084 63.8215 24.456 63.7916L0.501061 49.9987C0.348882 49.9113 0.222437 49.7853 0.134469 49.6334C0.0465019 49.4816 0.000120578 49.3092 0 49.1337L0 8.10652C0 8.01678 0.0124642 7.92953 0.0348998 7.84477C0.0423783 7.8161 0.0598282 7.78993 0.0697995 7.76126C0.0884958 7.70891 0.105946 7.65531 0.133367 7.6067C0.152063 7.5743 0.179485 7.54812 0.20192 7.51821C0.230588 7.47832 0.256763 7.43719 0.290416 7.40229C0.319084 7.37362 0.356476 7.35243 0.388883 7.32751C0.425029 7.29759 0.457436 7.26518 0.498568 7.2415L12.4779 0.345059C12.6296 0.257786 12.8015 0.211853 12.9765 0.211853C13.1515 0.211853 13.3234 0.257786 13.475 0.345059L25.4531 7.2415H25.4556C25.4955 7.26643 25.5292 7.29759 25.5653 7.32626C25.5977 7.35119 25.6339 7.37362 25.6625 7.40104C25.6974 7.43719 25.7224 7.47832 25.7523 7.51821C25.7735 7.54812 25.8021 7.5743 25.8196 7.6067C25.8483 7.65656 25.8645 7.70891 25.8844 7.76126C25.8944 7.78993 25.9118 7.8161 25.9193 7.84602C25.9423 7.93096 25.954 8.01853 25.9542 8.10652V33.7317L35.9355 27.9844V14.8846C35.9355 14.7973 35.948 14.7088 35.9704 14.6253C35.9792 14.5954 35.9954 14.5692 36.0053 14.5405C36.0253 14.4882 36.0427 14.4346 36.0702 14.386C36.0888 14.3536 36.1163 14.3274 36.1375 14.2975C36.1674 14.2576 36.1923 14.2165 36.2272 14.1816C36.2559 14.1529 36.292 14.1317 36.3244 14.1068C36.3618 14.0769 36.3942 14.0445 36.4341 14.0208L48.4147 7.12434C48.5663 7.03694 48.7383 6.99094 48.9133 6.99094C49.0883 6.99094 49.2602 7.03694 49.4118 7.12434L61.3899 14.0208C61.4323 14.0457 61.4647 14.0769 61.5021 14.1055C61.5333 14.1305 61.5694 14.1529 61.5981 14.1803C61.633 14.2165 61.6579 14.2576 61.6878 14.2975C61.7103 14.3274 61.7377 14.3536 61.7551 14.386C61.7838 14.4346 61.8 14.4882 61.8199 14.5405C61.8312 14.5692 61.8474 14.5954 61.8548 14.6253ZM59.893 27.9844V16.6121L55.7013 19.0252L49.9104 22.3593V33.7317L59.8942 27.9844H59.893ZM47.9149 48.5566V37.1768L42.2187 40.4299L25.953 49.7133V61.2003L47.9149 48.5566ZM1.99677 9.83281V48.5566L23.9562 61.199V49.7145L12.4841 43.2219L12.4804 43.2194L12.4754 43.2169C12.4368 43.1945 12.4044 43.1621 12.3682 43.1347C12.3371 43.1097 12.3009 43.0898 12.2735 43.0624L12.271 43.0586C12.2386 43.0275 12.2162 42.9888 12.1887 42.9539C12.1638 42.9203 12.1339 42.8916 12.114 42.8567L12.1127 42.853C12.0903 42.8156 12.0766 42.7707 12.0604 42.7283C12.0442 42.6909 12.023 42.656 12.013 42.6161C12.0005 42.5688 11.998 42.5177 11.9931 42.4691C11.9881 42.4317 11.9781 42.3943 11.9781 42.3569V15.5801L6.18848 12.2446L1.99677 9.83281ZM12.9777 2.36177L2.99764 8.10652L12.9752 13.8513L22.9541 8.10527L12.9752 2.36177H12.9777ZM18.1678 38.2138L23.9574 34.8809V9.83281L19.7657 12.2459L13.9749 15.5801V40.6281L18.1678 38.2138ZM48.9133 9.14105L38.9344 14.8858L48.9133 20.6305L58.8909 14.8846L48.9133 9.14105ZM47.9149 22.3593L42.124 19.0252L37.9323 16.6121V27.9844L43.7219 31.3174L47.9149 33.7317V22.3593ZM24.9533 47.987L39.59 39.631L46.9065 35.4555L36.9352 29.7145L25.4544 36.3242L14.9907 42.3482L24.9533 47.987Z"></path></svg><p class="mt-2 font-medium">Laravel</p></a><a class="bg-surface text-surface-foreground hover:bg-surface/80 flex w-full flex-col items-center rounded-xl p-6 transition-colors sm:p-10" href="/docs/installation/react-router"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="h-10 w-10" fill="currentColor"><path d="M12.118 5.466a2.306 2.306 0 0 0-.623.08c-.278.067-.702.332-.953.583-.41.423-.49.609-.662 1.469-.08.423.41 1.43.847 1.734.45.317 1.085.502 2.065.608 1.429.16 1.84.636 1.84 2.197 0 1.377-.385 1.747-1.96 1.906-1.707.172-2.58.834-2.765 2.117-.106.781.41 1.76 1.125 2.091 1.627.768 3.15-.198 3.467-2.196.211-1.284.622-1.642 1.998-1.747 1.588-.133 2.409-.675 2.713-1.787.278-1.02-.304-2.157-1.297-2.554-.264-.106-.873-.238-1.35-.291-1.495-.16-1.879-.424-2.038-1.39-.225-1.337-.317-1.562-.794-2.09a2.174 2.174 0 0 0-1.613-.73zm-4.785 4.36a2.145 2.145 0 0 0-.497.048c-1.469.318-2.17 2.051-1.35 3.295 1.178 1.774 3.944.953 3.97-1.177.012-1.193-.98-2.143-2.123-2.166zM2.089 14.19a2.22 2.22 0 0 0-.427.052c-2.158.476-2.237 3.626-.106 4.182.53.145.582.145 1.111.013 1.191-.318 1.866-1.456 1.549-2.607-.278-1.02-1.144-1.664-2.127-1.64zm19.824.008c-.233.002-.477.058-.784.162-1.39.477-1.866 2.092-.98 3.336.557.794 1.96 1.058 2.82.516 1.416-.874 1.363-3.057-.093-3.746-.38-.186-.663-.271-.963-.268z"></path></svg><p class="mt-2 font-medium">React Router</p></a><a class="bg-surface text-surface-foreground hover:bg-surface/80 flex w-full flex-col items-center rounded-xl p-6 transition-colors sm:p-10" href="/docs/installation/astro"><svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="h-10 w-10" fill="currentColor"><title>Astro</title><path d="M16.074 16.86C15.354 17.476 13.917 17.895 12.262 17.895C10.23 17.895 8.527 17.263 8.075 16.412C7.914 16.9 7.877 17.458 7.877 17.814C7.877 17.814 7.771 19.564 8.988 20.782C8.988 20.15 9.501 19.637 10.133 19.637C11.216 19.637 11.215 20.582 11.214 21.349V21.418C11.214 22.582 11.925 23.579 12.937 24C12.7812 23.6794 12.7005 23.3275 12.701 22.971C12.701 21.861 13.353 21.448 14.111 20.968C14.713 20.585 15.383 20.161 15.844 19.308C16.0926 18.8493 16.2225 18.3357 16.222 17.814C16.2221 17.4903 16.1722 17.1685 16.074 16.86ZM15.551 0.6C15.747 0.844 15.847 1.172 16.047 1.829L20.415 16.176C18.7743 15.3246 17.0134 14.7284 15.193 14.408L12.35 4.8C12.3273 4.72337 12.2803 4.65616 12.2162 4.60844C12.152 4.56072 12.0742 4.53505 11.9943 4.53528C11.9143 4.5355 11.8366 4.56161 11.7727 4.60969C11.7089 4.65777 11.6623 4.72524 11.64 4.802L8.83 14.405C7.00149 14.724 5.23264 15.3213 3.585 16.176L7.974 1.827C8.174 1.171 8.274 0.843 8.471 0.6C8.64406 0.385433 8.86922 0.218799 9.125 0.116C9.415 0 9.757 0 10.443 0H13.578C14.264 0 14.608 0 14.898 0.117C15.1529 0.219851 15.3783 0.386105 15.551 0.6Z" fill="currentColor"></path></svg><p class="mt-2 font-medium">Astro</p></a><a class="bg-surface text-surface-foreground hover:bg-surface/80 flex w-full flex-col items-center rounded-xl p-6 transition-colors sm:p-10" href="/docs/installation/tanstack"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="h-10 w-10" fill="currentColor"><path d="M6.93 13.688a.343.343 0 0 1 .468.132l.063.106c.48.851.98 1.66 1.5 2.426a35.65 35.65 0 0 0 2.074 2.742.345.345 0 0 1-.039.484l-.074.066c-2.543 2.223-4.191 2.665-4.953 1.333-.746-1.305-.477-3.672.808-7.11a.344.344 0 0 1 .153-.18ZM17.75 16.3a.34.34 0 0 1 .395.27l.02.1c.628 3.286.187 4.93-1.325 4.93-1.48 0-3.36-1.402-5.649-4.203a.327.327 0 0 1-.074-.222c0-.188.156-.34.344-.34h.121a32.984 32.984 0 0 0 2.809-.098c1.07-.086 2.191-.23 3.359-.437zm.871-6.977a.353.353 0 0 1 .445-.21l.102.034c3.262 1.11 4.504 2.332 3.719 3.664-.766 1.305-2.993 2.254-6.684 2.848a.362.362 0 0 1-.238-.047.343.343 0 0 1-.125-.476l.062-.106a34.07 34.07 0 0 0 1.367-2.523c.477-.989.93-2.051 1.352-3.184zM7.797 8.34a.362.362 0 0 1 .238.047.343.343 0 0 1 .125.476l-.062.106a34.088 34.088 0 0 0-1.367 2.523c-.477.988-.93 2.051-1.352 3.184a.353.353 0 0 1-.445.21l-.102-.034C1.57 13.742.328 12.52 1.113 11.188 1.88 9.883 4.106 8.934 7.797 8.34Zm5.281-3.984c2.543-2.223 4.192-2.664 4.953-1.332.746 1.304.477 3.671-.808 7.109a.344.344 0 0 1-.153.18.343.343 0 0 1-.468-.133l-.063-.106a34.64 34.64 0 0 0-1.5-2.426 35.65 35.65 0 0 0-2.074-2.742.345.345 0 0 1 .039-.484ZM7.285 2.274c1.48 0 3.364 1.402 5.649 4.203a.349.349 0 0 1 .078.218.348.348 0 0 1-.348.344l-.117-.004a34.584 34.584 0 0 0-2.809.102 35.54 35.54 0 0 0-3.363.437.343.343 0 0 1-.394-.273l-.02-.098c-.629-3.285-.188-4.93 1.324-4.93Zm2.871 5.812h3.688a.638.638 0 0 1 .55.316l1.848 3.22a.644.644 0 0 1 0 .628l-1.847 3.223a.638.638 0 0 1-.551.316h-3.688a.627.627 0 0 1-.547-.316L7.758 12.25a.644.644 0 0 1 0-.629L9.61 8.402a.627.627 0 0 1 .546-.316Zm3.23.793a.638.638 0 0 1 .552.316l1.39 2.426a.644.644 0 0 1 0 .629l-1.39 2.43a.638.638 0 0 1-.551.316h-2.774a.627.627 0 0 1-.546-.316l-1.395-2.43a.644.644 0 0 1 0-.629l1.395-2.426a.627.627 0 0 1 .546-.316Zm-.491.867h-1.79a.624.624 0 0 0-.546.316l-.899 1.56a.644.644 0 0 0 0 .628l.899 1.563a.632.632 0 0 0 .547.316h1.789a.632.632 0 0 0 .547-.316l.898-1.563a.644.644 0 0 0 0-.629l-.898-1.558a.624.624 0 0 0-.547-.317Zm-.477.828c.227 0 .438.121.547.317l.422.73a.625.625 0 0 1 0 .629l-.422.734a.627.627 0 0 1-.547.317h-.836a.632.632 0 0 1-.547-.317l-.422-.734a.625.625 0 0 1 0-.629l.422-.73a.632.632 0 0 1 .547-.317zm-.418.817a.548.548 0 0 0-.473.273.547.547 0 0 0 0 .547.544.544 0 0 0 .473.27.544.544 0 0 0 .473-.27.547.547 0 0 0 0-.547.548.548 0 0 0-.473-.273Zm-4.422.546h.98M18.98 7.75c.391-1.895.477-3.344.223-4.398-.148-.63-.422-1.137-.84-1.508-.441-.39-1-.582-1.625-.582-1.035 0-2.12.472-3.281 1.367a14.9 14.9 0 0 0-1.473 1.316 1.206 1.206 0 0 0-.136-.144c-1.446-1.285-2.66-2.082-3.7-2.39-.617-.184-1.195-.2-1.722-.024-.559.187-1.004.574-1.317 1.117-.515.894-.652 2.074-.46 3.527.078.59.214 1.235.402 1.934a1.119 1.119 0 0 0-.215.047C3.008 8.62 1.71 9.269.926 10.015c-.465.442-.77.938-.883 1.481-.113.578 0 1.156.312 1.7.516.894 1.465 1.597 2.817 2.155.543.223 1.156.426 1.844.61a1.023 1.023 0 0 0-.07.226c-.391 1.891-.477 3.344-.223 4.395.148.629.425 1.14.84 1.508.44.39 1 .582 1.625.582 1.035 0 2.12-.473 3.28-1.364.477-.37.973-.816 1.489-1.336a1.2 1.2 0 0 0 .195.227c1.446 1.285 2.66 2.082 3.7 2.39.617.184 1.195.2 1.722.024.559-.187 1.004-.574 1.317-1.117.515-.894.652-2.074.46-3.527a14.941 14.941 0 0 0-.425-2.012 1.225 1.225 0 0 0 .238-.047c1.828-.61 3.125-1.258 3.91-2.004.465-.441.77-.937.883-1.48.113-.578 0-1.157-.313-1.7-.515-.894-1.464-1.597-2.816-2.156a14.576 14.576 0 0 0-1.906-.625.865.865 0 0 0 .059-.195z"></path></svg><p class="mt-2 font-medium">TanStack Start</p></a><a class="bg-surface text-surface-foreground hover:bg-surface/80 flex w-full flex-col items-center rounded-xl p-6 transition-colors sm:p-10" href="/docs/installation/tanstack-router"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="h-10 w-10" fill="currentColor"><path d="M6.93 13.688a.343.343 0 0 1 .468.132l.063.106c.48.851.98 1.66 1.5 2.426a35.65 35.65 0 0 0 2.074 2.742.345.345 0 0 1-.039.484l-.074.066c-2.543 2.223-4.191 2.665-4.953 1.333-.746-1.305-.477-3.672.808-7.11a.344.344 0 0 1 .153-.18ZM17.75 16.3a.34.34 0 0 1 .395.27l.02.1c.628 3.286.187 4.93-1.325 4.93-1.48 0-3.36-1.402-5.649-4.203a.327.327 0 0 1-.074-.222c0-.188.156-.34.344-.34h.121a32.984 32.984 0 0 0 2.809-.098c1.07-.086 2.191-.23 3.359-.437zm.871-6.977a.353.353 0 0 1 .445-.21l.102.034c3.262 1.11 4.504 2.332 3.719 3.664-.766 1.305-2.993 2.254-6.684 2.848a.362.362 0 0 1-.238-.047.343.343 0 0 1-.125-.476l.062-.106a34.07 34.07 0 0 0 1.367-2.523c.477-.989.93-2.051 1.352-3.184zM7.797 8.34a.362.362 0 0 1 .238.047.343.343 0 0 1 .125.476l-.062.106a34.088 34.088 0 0 0-1.367 2.523c-.477.988-.93 2.051-1.352 3.184a.353.353 0 0 1-.445.21l-.102-.034C1.57 13.742.328 12.52 1.113 11.188 1.88 9.883 4.106 8.934 7.797 8.34Zm5.281-3.984c2.543-2.223 4.192-2.664 4.953-1.332.746 1.304.477 3.671-.808 7.109a.344.344 0 0 1-.153.18.343.343 0 0 1-.468-.133l-.063-.106a34.64 34.64 0 0 0-1.5-2.426 35.65 35.65 0 0 0-2.074-2.742.345.345 0 0 1 .039-.484ZM7.285 2.274c1.48 0 3.364 1.402 5.649 4.203a.349.349 0 0 1 .078.218.348.348 0 0 1-.348.344l-.117-.004a34.584 34.584 0 0 0-2.809.102 35.54 35.54 0 0 0-3.363.437.343.343 0 0 1-.394-.273l-.02-.098c-.629-3.285-.188-4.93 1.324-4.93Zm2.871 5.812h3.688a.638.638 0 0 1 .55.316l1.848 3.22a.644.644 0 0 1 0 .628l-1.847 3.223a.638.638 0 0 1-.551.316h-3.688a.627.627 0 0 1-.547-.316L7.758 12.25a.644.644 0 0 1 0-.629L9.61 8.402a.627.627 0 0 1 .546-.316Zm3.23.793a.638.638 0 0 1 .552.316l1.39 2.426a.644.644 0 0 1 0 .629l-1.39 2.43a.638.638 0 0 1-.551.316h-2.774a.627.627 0 0 1-.546-.316l-1.395-2.43a.644.644 0 0 1 0-.629l1.395-2.426a.627.627 0 0 1 .546-.316Zm-.491.867h-1.79a.624.624 0 0 0-.546.316l-.899 1.56a.644.644 0 0 0 0 .628l.899 1.563a.632.632 0 0 0 .547.316h1.789a.632.632 0 0 0 .547-.316l.898-1.563a.644.644 0 0 0 0-.629l-.898-1.558a.624.624 0 0 0-.547-.317Zm-.477.828c.227 0 .438.121.547.317l.422.73a.625.625 0 0 1 0 .629l-.422.734a.627.627 0 0 1-.547.317h-.836a.632.632 0 0 1-.547-.317l-.422-.734a.625.625 0 0 1 0-.629l.422-.73a.632.632 0 0 1 .547-.317zm-.418.817a.548.548 0 0 0-.473.273.547.547 0 0 0 0 .547.544.544 0 0 0 .473.27.544.544 0 0 0 .473-.27.547.547 0 0 0 0-.547.548.548 0 0 0-.473-.273Zm-4.422.546h.98M18.98 7.75c.391-1.895.477-3.344.223-4.398-.148-.63-.422-1.137-.84-1.508-.441-.39-1-.582-1.625-.582-1.035 0-2.12.472-3.281 1.367a14.9 14.9 0 0 0-1.473 1.316 1.206 1.206 0 0 0-.136-.144c-1.446-1.285-2.66-2.082-3.7-2.39-.617-.184-1.195-.2-1.722-.024-.559.187-1.004.574-1.317 1.117-.515.894-.652 2.074-.46 3.527.078.59.214 1.235.402 1.934a1.119 1.119 0 0 0-.215.047C3.008 8.62 1.71 9.269.926 10.015c-.465.442-.77.938-.883 1.481-.113.578 0 1.156.312 1.7.516.894 1.465 1.597 2.817 2.155.543.223 1.156.426 1.844.61a1.023 1.023 0 0 0-.07.226c-.391 1.891-.477 3.344-.223 4.395.148.629.425 1.14.84 1.508.44.39 1 .582 1.625.582 1.035 0 2.12-.473 3.28-1.364.477-.37.973-.816 1.489-1.336a1.2 1.2 0 0 0 .195.227c1.446 1.285 2.66 2.082 3.7 2.39.617.184 1.195.2 1.722.024.559-.187 1.004-.574 1.317-1.117.515-.894.652-2.074.46-3.527a14.941 14.941 0 0 0-.425-2.012 1.225 1.225 0 0 0 .238-.047c1.828-.61 3.125-1.258 3.91-2.004.465-.441.77-.937.883-1.48.113-.578 0-1.157-.313-1.7-.515-.894-1.464-1.597-2.816-2.156a14.576 14.576 0 0 0-1.906-.625.865.865 0 0 0 .059-.195z"></path></svg><p class="mt-2 font-medium">TanStack Router</p></a><a class="bg-surface text-surface-foreground hover:bg-surface/80 flex w-full flex-col items-center rounded-xl p-6 transition-colors sm:p-10" href="/docs/installation/manual"><svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="h-10 w-10" fill="currentColor"><title>React</title><path d="M14.23 12.004a2.236 2.236 0 0 1-2.235 2.236 2.236 2.236 0 0 1-2.236-2.236 2.236 2.236 0 0 1 2.235-2.236 2.236 2.236 0 0 1 2.236 2.236zm2.648-10.69c-1.346 0-3.107.96-4.888 2.622-1.78-1.653-3.542-2.602-4.887-2.602-.41 0-.783.093-1.106.278-1.375.793-1.683 3.264-.973 6.365C1.98 8.917 0 10.42 0 12.004c0 1.59 1.99 3.097 5.043 4.03-.704 3.113-.39 5.588.988 6.38.32.187.69.275 1.102.275 1.345 0 3.107-.96 4.888-2.624 1.78 1.654 3.542 2.603 4.887 2.603.41 0 .783-.09 1.106-.275 1.374-.792 1.683-3.263.973-6.365C22.02 15.096 24 13.59 24 12.004c0-1.59-1.99-3.097-5.043-4.032.704-3.11.39-5.587-.988-6.38-.318-.184-.688-.277-1.092-.278zm-.005 1.09v.006c.225 0 .406.044.558.127.666.382.955 1.835.73 3.704-.054.46-.142.945-.25 1.44-.96-.236-2.006-.417-3.107-.534-.66-.905-1.345-1.727-2.035-2.447 1.592-1.48 3.087-2.292 4.105-2.295zm-9.77.02c1.012 0 2.514.808 4.11 2.28-.686.72-1.37 1.537-2.02 2.442-1.107.117-2.154.298-3.113.538-.112-.49-.195-.964-.254-1.42-.23-1.868.054-3.32.714-3.707.19-.09.4-.127.563-.132zm4.882 3.05c.455.468.91.992 1.36 1.564-.44-.02-.89-.034-1.345-.034-.46 0-.915.01-1.36.034.44-.572.895-1.096 1.345-1.565zM12 8.1c.74 0 1.477.034 2.202.093.406.582.802 1.203 1.183 1.86.372.64.71 1.29 1.018 1.946-.308.655-.646 1.31-1.013 1.95-.38.66-.773 1.288-1.18 1.87-.728.063-1.466.098-2.21.098-.74 0-1.477-.035-2.202-.093-.406-.582-.802-1.204-1.183-1.86-.372-.64-.71-1.29-1.018-1.946.303-.657.646-1.313 1.013-1.954.38-.66.773-1.286 1.18-1.868.728-.064 1.466-.098 2.21-.098zm-3.635.254c-.24.377-.48.763-.704 1.16-.225.39-.435.782-.635 1.174-.265-.656-.49-1.31-.676-1.947.64-.15 1.315-.283 2.015-.386zm7.26 0c.695.103 1.365.23 2.006.387-.18.632-.405 1.282-.66 1.933-.2-.39-.41-.783-.64-1.174-.225-.392-.465-.774-.705-1.146zm3.063.675c.484.15.944.317 1.375.498 1.732.74 2.852 1.708 2.852 2.476-.005.768-1.125 1.74-2.857 2.475-.42.18-.88.342-1.355.493-.28-.958-.646-1.956-1.1-2.98.45-1.017.81-2.01 1.085-2.964zm-13.395.004c.278.96.645 1.957 1.1 2.98-.45 1.017-.812 2.01-1.086 2.964-.484-.15-.944-.318-1.37-.5-1.732-.737-2.852-1.706-2.852-2.474 0-.768 1.12-1.742 2.852-2.476.42-.18.88-.342 1.356-.494zm11.678 4.28c.265.657.49 1.312.676 1.948-.64.157-1.316.29-2.016.39.24-.375.48-.762.705-1.158.225-.39.435-.788.636-1.18zm-9.945.02c.2.392.41.783.64 1.175.23.39.465.772.705 1.143-.695-.102-1.365-.23-2.006-.386.18-.63.406-1.282.66-1.933zM17.92 16.32c.112.493.2.968.254 1.423.23 1.868-.054 3.32-.714 3.708-.147.09-.338.128-.563.128-1.012 0-2.514-.807-4.11-2.28.686-.72 1.37-1.536 2.02-2.44 1.107-.118 2.154-.3 3.113-.54zm-11.83.01c.96.234 2.006.415 3.107.532.66.905 1.345 1.727 2.035 2.446-1.595 1.483-3.092 2.295-4.11 2.295-.22-.005-.406-.05-.553-.132-.666-.38-.955-1.834-.73-3.703.054-.46.142-.944.25-1.438zm4.56.64c.44.02.89.034 1.345.034.46 0 .915-.01 1.36-.034-.44.572-.895 1.095-1.345 1.565-.455-.47-.91-.993-1.36-1.565z"></path></svg><p class="mt-2 font-medium">Manual</p></a></div></div><div class="hidden h-16 w-full items-center gap-2 px-4 sm:flex sm:px-0"><a data-slot="button" data-variant="secondary" data-size="sm" class="inline-flex items-center justify-center whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive bg-secondary text-secondary-foreground hover:bg-secondary/80 h-8 rounded-md gap-1.5 px-3 has-[&gt;svg]:px-2.5 shadow-none" href="/docs"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-arrow-left "><path d="M5 12l14 0"></path><path d="M5 12l6 6"></path><path d="M5 12l6 -6"></path></svg> <!-- -->Introduction</a><a data-slot="button" data-variant="secondary" data-size="sm" class="inline-flex items-center justify-center whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive bg-secondary text-secondary-foreground hover:bg-secondary/80 h-8 rounded-md gap-1.5 px-3 has-[&gt;svg]:px-2.5 ml-auto shadow-none" href="/docs/components-json">components.json<!-- --> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-arrow-right "><path d="M5 12l14 0"></path><path d="M13 18l6 -6"></path><path d="M13 6l6 6"></path></svg></a></div></div></div><div class="sticky top-[calc(var(--header-height)+1px)] z-30 ml-auto hidden h-[90svh] w-(--sidebar-width) flex-col gap-4 overflow-hidden overscroll-none pb-8 xl:flex"><div class="h-(--top-spacing) shrink-0"></div><div class="no-scrollbar flex flex-col gap-8 overflow-y-auto px-8"><div class="flex flex-col gap-2 p-4 pt-0 text-sm"><p class="text-muted-foreground bg-background sticky top-0 h-6 text-xs font-medium">On This Page</p><a href="#quick-start" class="text-muted-foreground hover:text-foreground data-[active=true]:text-foreground text-[0.8rem] no-underline transition-colors data-[active=true]:font-medium data-[depth=3]:pl-4 data-[depth=4]:pl-6" data-active="false" data-depth="2">Quick Start</a><a href="#pick-your-framework" class="text-muted-foreground hover:text-foreground data-[active=true]:text-foreground text-[0.8rem] no-underline transition-colors data-[active=true]:font-medium data-[depth=3]:pl-4 data-[depth=4]:pl-6" data-active="false" data-depth="2">Pick Your Framework</a></div></div><div class="hidden flex-1 flex-col gap-6 px-6 xl:flex"><div class="group bg-surface text-surface-foreground relative flex flex-col gap-2 rounded-lg p-6 text-sm"><div class="text-base leading-tight font-semibold text-balance group-hover:underline">Deploy your shadcn/ui app on Vercel</div><div class="text-muted-foreground">Trusted by OpenAI, Sonos, Adobe, and more.</div><div class="text-muted-foreground">Vercel provides tools and infrastructure to deploy apps and features at scale.</div><button data-slot="button" data-variant="default" data-size="sm" class="inline-flex items-center justify-center whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive bg-primary text-primary-foreground hover:bg-primary/90 h-8 rounded-md gap-1.5 px-3 has-[&gt;svg]:px-2.5 mt-2 w-fit">Deploy Now</button><a href="https://vercel.com/new?utm_source=shadcn_site&amp;utm_medium=web&amp;utm_campaign=docs_cta_deploy_now_callout" target="_blank" rel="noreferrer" class="absolute inset-0"><span class="sr-only">Deploy to Vercel</span></a></div></div></div></div><!--$--><!--/$--></div></div></div></main><footer class="group-has-[.section-soft]/body:bg-surface/40 3xl:fixed:bg-transparent dark:group-has-[.section-soft]/body:bg-surface/40 group-has-[.docs-nav]/body:pb-20 group-has-[[data-slot=designer]]/body:hidden group-has-[[data-slot=docs]]/body:hidden group-has-[.docs-nav]/body:sm:pb-0 dark:bg-transparent"><div class="container-wrapper px-4 xl:px-6"><div class="flex h-(--footer-height) items-center justify-between"><div class="text-muted-foreground w-full px-1 text-center text-xs leading-loose sm:text-sm">Built by<!-- --> <a href="https://twitter.com/shadcn" target="_blank" rel="noreferrer" class="font-medium underline underline-offset-4">shadcn</a> <!-- -->at<!-- --> <a href="https://vercel.com/new?utm_source=shadcn_site&amp;utm_medium=web&amp;utm_campaign=docs_cta_deploy_now_callout" target="_blank" rel="noreferrer" class="font-medium underline underline-offset-4">Vercel</a>. The source code is available on<!-- --> <a href="https://github.com/shadcn-ui/ui" target="_blank" rel="noreferrer" class="font-medium underline underline-offset-4">GitHub</a>.</div></div></div></footer></div><section aria-label="Notifications alt+T" tabindex="-1" aria-live="polite" aria-relevant="additions text" aria-atomic="false"></section><script src="/_next/static/chunks/fb786058e5d96bbb.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4" id="_R_" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[812082,[\"/_next/static/chunks/c0c328f74b1afdd4.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/dfea32fc06084d7e.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/68ec6ad249f53515.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/4845f28a38827bf8.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/494816266b042607.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/86a81d4e556f4fb4.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/6e3e15edf0cfc6e2.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/35c9137b8cbb78c8.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/a343177e96b642e0.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/9729b9e19a9118b1.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\"],\"ThemeProvider\"]\n3:I[293142,[\"/_next/static/chunks/c0c328f74b1afdd4.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/dfea32fc06084d7e.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/68ec6ad249f53515.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/4845f28a38827bf8.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/494816266b042607.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/86a81d4e556f4fb4.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/6e3e15edf0cfc6e2.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/35c9137b8cbb78c8.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/a343177e96b642e0.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/9729b9e19a9118b1.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\"],\"LayoutProvider\"]\n4:I[679662,[\"/_next/static/chunks/c0c328f74b1afdd4.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/dfea32fc06084d7e.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/68ec6ad249f53515.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/4845f28a38827bf8.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/494816266b042607.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/86a81d4e556f4fb4.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/6e3e15edf0cfc6e2.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/35c9137b8cbb78c8.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/a343177e96b642e0.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/9729b9e19a9118b1.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\"],\"ActiveThemeProvider\"]\n5:I[760926,[\"/_next/static/chunks/c0c328f74b1afdd4.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/dfea32fc06084d7e.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/68ec6ad249f53515.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/4845f28a38827bf8.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/494816266b042607.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/86a81d4e556f4fb4.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/6e3e15edf0cfc6e2.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/35c9137b8cbb78c8.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/a343177e96b642e0.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/9729b9e19a9118b1.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\"],\"NuqsAdapter\"]\n"])</script><script>self.__next_f.push([1,"6:I[723755,[\"/_next/static/chunks/c0c328f74b1afdd4.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/dfea32fc06084d7e.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/68ec6ad249f53515.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/4845f28a38827bf8.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/494816266b042607.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/86a81d4e556f4fb4.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/6e3e15edf0cfc6e2.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/35c9137b8cbb78c8.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/a343177e96b642e0.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/9729b9e19a9118b1.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/bb2dcbb3fd61b481.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/65270c1ff8109f4a.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/20217023e054f396.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/6ee8269473c5bff6.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/8e326d6a1595c144.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/894c68e14aea6afc.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/cd6f419679baf453.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/8d3cf8fe3e8a38a3.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/fa3b452dad220e27.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/6cb8ebea3eae1c0c.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/74e0a6d2cb9a02d5.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/85bfa227f5664a40.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/5f867feae37cf15f.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/84d5b4d574fd280a.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/92cd095cff569021.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/4dbd8afdc2bba112.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/af08c178eb3576cf.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/ab09ea05f2fdd688.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/d464d7eb1bd6ee43.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/2adbbdf9861c4ace.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/a9e568638f83107e.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/6744d088cf64b1b2.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/5371350f5cb67a07.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/9240a67087fb6388.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/20079538a430aae7.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/7557f9eb52c82644.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/117fe184d0efd056.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/fd544009deb208c4.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/71e80d62c4ca498f.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/3fb2eef39980623d.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/55496bee7d653cda.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/97812a5a6a0f31b1.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/eaa51bec82f1f470.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/234afb69f591e643.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/87b930f139bd5a79.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/ac4c6f721d6ca795.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/df93dc3a1b441d2e.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/7c310bf9604fdcb1.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/03d671ba0a7ef1a9.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\"],\"TooltipProvider\"]\n"])</script><script>self.__next_f.push([1,"7:I[49609,[\"/_next/static/chunks/c0c328f74b1afdd4.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/dfea32fc06084d7e.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/68ec6ad249f53515.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/4845f28a38827bf8.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/494816266b042607.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/86a81d4e556f4fb4.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/6e3e15edf0cfc6e2.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/35c9137b8cbb78c8.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/a343177e96b642e0.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/9729b9e19a9118b1.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/bb2dcbb3fd61b481.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/65270c1ff8109f4a.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/20217023e054f396.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/6ee8269473c5bff6.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/8e326d6a1595c144.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/894c68e14aea6afc.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/cd6f419679baf453.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/8d3cf8fe3e8a38a3.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/fa3b452dad220e27.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/6cb8ebea3eae1c0c.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/74e0a6d2cb9a02d5.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/85bfa227f5664a40.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/5f867feae37cf15f.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/84d5b4d574fd280a.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/92cd095cff569021.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/4dbd8afdc2bba112.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/af08c178eb3576cf.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/ab09ea05f2fdd688.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/d464d7eb1bd6ee43.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/2adbbdf9861c4ace.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/a9e568638f83107e.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/6744d088cf64b1b2.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/5371350f5cb67a07.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/9240a67087fb6388.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/20079538a430aae7.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/7557f9eb52c82644.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/117fe184d0efd056.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/fd544009deb208c4.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/71e80d62c4ca498f.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/3fb2eef39980623d.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/55496bee7d653cda.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/97812a5a6a0f31b1.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/eaa51bec82f1f470.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/234afb69f591e643.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/87b930f139bd5a79.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/ac4c6f721d6ca795.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/df93dc3a1b441d2e.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/7c310bf9604fdcb1.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/03d671ba0a7ef1a9.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\"],\"TooltipProvider\"]\n"])</script><script>self.__next_f.push([1,"8:I[533553,[\"/_next/static/chunks/4a92d72bf0b9948c.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/4d9a8044be29d711.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\"],\"default\"]\n9:I[89927,[\"/_next/static/chunks/4a92d72bf0b9948c.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/4d9a8044be29d711.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\"],\"default\"]\n14:I[387869,[\"/_next/static/chunks/4a92d72bf0b9948c.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/4d9a8044be29d711.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\"],\"default\"]\n:HL[\"/_next/static/chunks/571e6ac1a2e2ba12.css?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"style\"]\n:HL[\"/_next/static/chunks/4167d040d56504a1.css?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"style\"]\n:HL[\"/_next/static/media/14a9d8930cac1a04-s.p.84f01aea.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/1b99372b3eaef0c8-s.p.758e15a8.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/5c285b27cdda1fe8-s.p.a62025f2.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/64c5f24155ea0bd5-s.p.591f1055.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/70bc3e132a0a741e-s.p.15008bfb.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/797e433ab948586e-s.p.dbea232f.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/83afe278b6a6bb3c-s.p.3a6ba036.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/9d1f839a878dd09a-s.p.1f23126b.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/c825fd02acae0153-s.p.1692d83b.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/caa3a2e1cccd8315-s.p.853070df.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/ce62453a442c7f35-s.p.124b2306.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/dc6d2a64e9dbf3bc-s.p.4b9eb7a1.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/f141b5b7abe57afc-s.p.0de3c900.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/f1d25eabcf1db66d-s.p.c041a43b.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/f7aa21714c1c53f8-s.p.e3544bb0.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/fa0520225c6f3d07-s.p.d28ba1c8.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/chunks/7eec642335dbea70.css?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"style\"]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"rXYWRj59Lf3m7o8fsfJtE\",\"c\":[\"\",\"docs\",\"installation\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"(app)\",{\"children\":[\"docs\",{\"children\":[[\"slug\",\"installation\",\"oc\"],{\"children\":[\"__PAGE__\",{}]}]}]}]},\"$undefined\",\"$undefined\",true],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/571e6ac1a2e2ba12.css?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/4167d040d56504a1.css?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/c0c328f74b1afdd4.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/dfea32fc06084d7e.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/68ec6ad249f53515.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-3\",{\"src\":\"/_next/static/chunks/4845f28a38827bf8.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-4\",{\"src\":\"/_next/static/chunks/494816266b042607.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-5\",{\"src\":\"/_next/static/chunks/86a81d4e556f4fb4.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-6\",{\"src\":\"/_next/static/chunks/6e3e15edf0cfc6e2.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-7\",{\"src\":\"/_next/static/chunks/35c9137b8cbb78c8.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-8\",{\"src\":\"/_next/static/chunks/a343177e96b642e0.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-9\",{\"src\":\"/_next/static/chunks/9729b9e19a9118b1.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"suppressHydrationWarning\":true,\"className\":\"geist_798ff10f-module__HGtJha__variable geist_mono_3f173115-module__-5hxnG__variable inter_67b4815f-module__2iy6kW__variable noto_sans_arabic_43e4c719-module__-KZrLG__variable noto_sans_hebrew_1a1cc4a4-module__bpro2a__variable\",\"children\":[[\"$\",\"head\",null,{\"children\":[[\"$\",\"script\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"\\n try {\\n if (localStorage.theme === 'dark' || ((!('theme' in localStorage) || localStorage.theme === 'system') \u0026\u0026 window.matchMedia('(prefers-color-scheme: dark)').matches)) {\\n document.querySelector('meta[name=\\\"theme-color\\\"]').setAttribute('content', '#09090b')\\n }\\n if (localStorage.layout) {\\n document.documentElement.classList.add('layout-' + localStorage.layout)\\n }\\n } catch (_) {}\\n \"}}],[\"$\",\"meta\",null,{\"name\":\"theme-color\",\"content\":\"#ffffff\"}]]}],[\"$\",\"body\",null,{\"className\":\"group/body overscroll-none antialiased [--footer-height:calc(var(--spacing)*14)] [--header-height:calc(var(--spacing)*14)] xl:[--footer-height:calc(var(--spacing)*24)]\",\"children\":[\"$\",\"$L2\",null,{\"children\":[\"$\",\"$L3\",null,{\"children\":[\"$\",\"$L4\",null,{\"children\":[[\"$\",\"$L5\",null,{\"children\":[\"$\",\"$L6\",null,{\"delay\":0,\"children\":[\"$\",\"$L7\",null,{\"delayDuration\":0,\"children\":[[\"$\",\"$L8\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L9\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"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)}}\"}}],\"$La\",\"$Lb\"]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}],\"$Lc\"]}]}]}],\"$Ld\",\"$Le\"]}]}]}]}]]}]]}],{\"children\":[\"$Lf\",{\"children\":[\"$L10\",{\"children\":[\"$L11\",{\"children\":[\"$L12\",{},null,false,false]},null,false,false]},null,false,false]},null,false,false]},null,false,false],\"$L13\",false]],\"m\":\"$undefined\",\"G\":[\"$14\",[]],\"S\":true}\n"])</script><script>self.__next_f.push([1,"15:I[624403,[\"/_next/static/chunks/c0c328f74b1afdd4.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/dfea32fc06084d7e.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/68ec6ad249f53515.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/4845f28a38827bf8.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/494816266b042607.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/86a81d4e556f4fb4.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/6e3e15edf0cfc6e2.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/35c9137b8cbb78c8.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/a343177e96b642e0.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/9729b9e19a9118b1.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/bb2dcbb3fd61b481.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/65270c1ff8109f4a.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/20217023e054f396.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/6ee8269473c5bff6.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/8e326d6a1595c144.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/894c68e14aea6afc.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/cd6f419679baf453.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/8d3cf8fe3e8a38a3.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/fa3b452dad220e27.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/6cb8ebea3eae1c0c.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/74e0a6d2cb9a02d5.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/85bfa227f5664a40.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/5f867feae37cf15f.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/84d5b4d574fd280a.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/92cd095cff569021.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/4dbd8afdc2bba112.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/af08c178eb3576cf.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/ab09ea05f2fdd688.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/d464d7eb1bd6ee43.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/2adbbdf9861c4ace.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/a9e568638f83107e.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/6744d088cf64b1b2.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/5371350f5cb67a07.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/9240a67087fb6388.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/20079538a430aae7.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/7557f9eb52c82644.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/117fe184d0efd056.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/fd544009deb208c4.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/71e80d62c4ca498f.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/3fb2eef39980623d.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/55496bee7d653cda.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/97812a5a6a0f31b1.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/eaa51bec82f1f470.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/234afb69f591e643.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/87b930f139bd5a79.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/ac4c6f721d6ca795.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/df93dc3a1b441d2e.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/7c310bf9604fdcb1.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/03d671ba0a7ef1a9.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\"],\"Toaster\"]\n"])</script><script>self.__next_f.push([1,"16:I[993205,[\"/_next/static/chunks/c0c328f74b1afdd4.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/dfea32fc06084d7e.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/68ec6ad249f53515.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/4845f28a38827bf8.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/494816266b042607.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/86a81d4e556f4fb4.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/6e3e15edf0cfc6e2.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/35c9137b8cbb78c8.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/a343177e96b642e0.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/9729b9e19a9118b1.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\"],\"Analytics\"]\n17:I[599664,[\"/_next/static/chunks/c0c328f74b1afdd4.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/dfea32fc06084d7e.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/68ec6ad249f53515.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/4845f28a38827bf8.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/494816266b042607.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/86a81d4e556f4fb4.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/6e3e15edf0cfc6e2.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/35c9137b8cbb78c8.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/a343177e96b642e0.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/9729b9e19a9118b1.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/bb2dcbb3fd61b481.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/65270c1ff8109f4a.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\"],\"MobileNav\"]\n"])</script><script>self.__next_f.push([1,"1d:I[402556,[\"/_next/static/chunks/c0c328f74b1afdd4.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/dfea32fc06084d7e.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/68ec6ad249f53515.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/4845f28a38827bf8.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/494816266b042607.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/86a81d4e556f4fb4.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/6e3e15edf0cfc6e2.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/35c9137b8cbb78c8.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/a343177e96b642e0.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/9729b9e19a9118b1.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/bb2dcbb3fd61b481.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/65270c1ff8109f4a.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/20217023e054f396.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/6ee8269473c5bff6.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/8e326d6a1595c144.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/894c68e14aea6afc.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/cd6f419679baf453.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/8d3cf8fe3e8a38a3.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/fa3b452dad220e27.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/6cb8ebea3eae1c0c.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/74e0a6d2cb9a02d5.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/85bfa227f5664a40.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/5f867feae37cf15f.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/84d5b4d574fd280a.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/92cd095cff569021.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/4dbd8afdc2bba112.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/af08c178eb3576cf.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/ab09ea05f2fdd688.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/d464d7eb1bd6ee43.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/2adbbdf9861c4ace.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/a9e568638f83107e.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/6744d088cf64b1b2.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/5371350f5cb67a07.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/9240a67087fb6388.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/20079538a430aae7.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/7557f9eb52c82644.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/117fe184d0efd056.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/fd544009deb208c4.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/71e80d62c4ca498f.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/3fb2eef39980623d.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/55496bee7d653cda.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/97812a5a6a0f31b1.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/eaa51bec82f1f470.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/234afb69f591e643.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/87b930f139bd5a79.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/ac4c6f721d6ca795.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/df93dc3a1b441d2e.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/7c310bf9604fdcb1.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/03d671ba0a7ef1a9.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\"],\"SidebarProvider\"]\n"])</script><script>self.__next_f.push([1,"1e:I[5327,[\"/_next/static/chunks/c0c328f74b1afdd4.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/dfea32fc06084d7e.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/68ec6ad249f53515.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/4845f28a38827bf8.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/494816266b042607.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/86a81d4e556f4fb4.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/6e3e15edf0cfc6e2.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/35c9137b8cbb78c8.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/a343177e96b642e0.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/9729b9e19a9118b1.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/bb2dcbb3fd61b481.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/65270c1ff8109f4a.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/20217023e054f396.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\"],\"DocsSidebar\"]\n29:I[407065,[\"/_next/static/chunks/4a92d72bf0b9948c.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/4d9a8044be29d711.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\"],\"ViewportBoundary\"]\n2b:I[407065,[\"/_next/static/chunks/4a92d72bf0b9948c.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/4d9a8044be29d711.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\"],\"MetadataBoundary\"]\n2c:\"$Sreact.suspense\"\na:[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}]\nb:[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]\nc:[\"$\",\"$L15\",null,{\"position\":\"top-center\"}]\nd:null\ne:[\"$\",\"$L16\",null,{}]\n"])</script><script>self.__next_f.push([1,"f:[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/bb2dcbb3fd61b481.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/65270c1ff8109f4a.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"div\",null,{\"data-slot\":\"layout\",\"className\":\"bg-background relative z-10 flex min-h-svh flex-col\",\"children\":[[\"$\",\"header\",null,{\"className\":\"bg-background sticky top-0 z-50 w-full\",\"children\":[\"$\",\"div\",null,{\"className\":\"container-wrapper 3xl:fixed:px-0 px-6\",\"children\":[\"$\",\"div\",null,{\"className\":\"3xl:fixed:container flex h-(--header-height) items-center **:data-[slot=separator]:!h-4\",\"children\":[[\"$\",\"$L17\",null,{\"tree\":{\"$id\":\"root\",\"name\":\"Docs\",\"children\":[{\"type\":\"folder\",\"name\":\"Components\",\"icon\":\"$undefined\",\"root\":\"$undefined\",\"defaultOpen\":\"$undefined\",\"description\":\"$undefined\",\"index\":{\"$id\":\"components/index.mdx\",\"type\":\"page\",\"name\":\"Components\",\"description\":\"Here you can find all the components available in the library. We are working on adding more components.\",\"icon\":\"$undefined\",\"url\":\"/docs/components\",\"$ref\":{\"file\":\"components/index.mdx\"}},\"children\":[{\"type\":\"folder\",\"name\":\"Base UI\",\"icon\":\"$undefined\",\"root\":\"$undefined\",\"defaultOpen\":\"$undefined\",\"description\":\"$undefined\",\"index\":\"$undefined\",\"children\":[{\"$id\":\"components/base/accordion.mdx\",\"type\":\"page\",\"name\":\"Accordion\",\"description\":\"A vertically stacked set of interactive headings that each reveal a section of content.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/base/accordion\",\"$ref\":{\"file\":\"components/base/accordion.mdx\"}},{\"$id\":\"components/base/alert.mdx\",\"type\":\"page\",\"name\":\"Alert\",\"description\":\"Displays a callout for user attention.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/base/alert\",\"$ref\":{\"file\":\"components/base/alert.mdx\"}},{\"$id\":\"components/base/alert-dialog.mdx\",\"type\":\"page\",\"name\":\"Alert Dialog\",\"description\":\"A modal dialog that interrupts the user with important content and expects a response.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/base/alert-dialog\",\"$ref\":{\"file\":\"components/base/alert-dialog.mdx\"}},{\"$id\":\"components/base/aspect-ratio.mdx\",\"type\":\"page\",\"name\":\"Aspect Ratio\",\"description\":\"Displays content within a desired ratio.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/base/aspect-ratio\",\"$ref\":{\"file\":\"components/base/aspect-ratio.mdx\"}},{\"$id\":\"components/base/avatar.mdx\",\"type\":\"page\",\"name\":\"Avatar\",\"description\":\"An image element with a fallback for representing the user.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/base/avatar\",\"$ref\":{\"file\":\"components/base/avatar.mdx\"}},{\"$id\":\"components/base/badge.mdx\",\"type\":\"page\",\"name\":\"Badge\",\"description\":\"Displays a badge or a component that looks like a badge.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/base/badge\",\"$ref\":{\"file\":\"components/base/badge.mdx\"}},{\"$id\":\"components/base/breadcrumb.mdx\",\"type\":\"page\",\"name\":\"Breadcrumb\",\"description\":\"Displays the path to the current resource using a hierarchy of links.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/base/breadcrumb\",\"$ref\":{\"file\":\"components/base/breadcrumb.mdx\"}},{\"$id\":\"components/base/button.mdx\",\"type\":\"page\",\"name\":\"Button\",\"description\":\"Displays a button or a component that looks like a button.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/base/button\",\"$ref\":{\"file\":\"components/base/button.mdx\"}},{\"$id\":\"components/base/button-group.mdx\",\"type\":\"page\",\"name\":\"Button Group\",\"description\":\"A container that groups related buttons together with consistent styling.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/base/button-group\",\"$ref\":{\"file\":\"components/base/button-group.mdx\"}},{\"$id\":\"components/base/calendar.mdx\",\"type\":\"page\",\"name\":\"Calendar\",\"description\":\"A calendar component that allows users to select a date or a range of dates.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/base/calendar\",\"$ref\":{\"file\":\"components/base/calendar.mdx\"}},{\"$id\":\"components/base/card.mdx\",\"type\":\"page\",\"name\":\"Card\",\"description\":\"Displays a card with header, content, and footer.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/base/card\",\"$ref\":{\"file\":\"components/base/card.mdx\"}},{\"$id\":\"components/base/carousel.mdx\",\"type\":\"page\",\"name\":\"Carousel\",\"description\":\"A carousel with motion and swipe built using Embla.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/base/carousel\",\"$ref\":{\"file\":\"components/base/carousel.mdx\"}},{\"$id\":\"components/base/chart.mdx\",\"type\":\"page\",\"name\":\"Chart\",\"description\":\"Beautiful charts. Built using Recharts. Copy and paste into your apps.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/base/chart\",\"$ref\":{\"file\":\"components/base/chart.mdx\"}},{\"$id\":\"components/base/checkbox.mdx\",\"type\":\"page\",\"name\":\"Checkbox\",\"description\":\"A control that allows the user to toggle between checked and not checked.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/base/checkbox\",\"$ref\":{\"file\":\"components/base/checkbox.mdx\"}},{\"$id\":\"components/base/collapsible.mdx\",\"type\":\"page\",\"name\":\"Collapsible\",\"description\":\"An interactive component which expands/collapses a panel.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/base/collapsible\",\"$ref\":{\"file\":\"components/base/collapsible.mdx\"}},{\"$id\":\"components/base/combobox.mdx\",\"type\":\"page\",\"name\":\"Combobox\",\"description\":\"Autocomplete input with a list of suggestions.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/base/combobox\",\"$ref\":{\"file\":\"components/base/combobox.mdx\"}},{\"$id\":\"components/base/command.mdx\",\"type\":\"page\",\"name\":\"Command\",\"description\":\"Command menu for search and quick actions.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/base/command\",\"$ref\":{\"file\":\"components/base/command.mdx\"}},{\"$id\":\"components/base/context-menu.mdx\",\"type\":\"page\",\"name\":\"Context Menu\",\"description\":\"Displays a menu of actions triggered by a right click.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/base/context-menu\",\"$ref\":{\"file\":\"components/base/context-menu.mdx\"}},{\"$id\":\"components/base/data-table.mdx\",\"type\":\"page\",\"name\":\"Data Table\",\"description\":\"Powerful table and datagrids built using TanStack Table.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/base/data-table\",\"$ref\":{\"file\":\"components/base/data-table.mdx\"}},{\"$id\":\"components/base/date-picker.mdx\",\"type\":\"page\",\"name\":\"Date Picker\",\"description\":\"A date picker component with range and presets.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/base/date-picker\",\"$ref\":{\"file\":\"components/base/date-picker.mdx\"}},{\"$id\":\"components/base/dialog.mdx\",\"type\":\"page\",\"name\":\"Dialog\",\"description\":\"A window overlaid on either the primary window or another dialog window, rendering the content underneath inert.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/base/dialog\",\"$ref\":{\"file\":\"components/base/dialog.mdx\"}},{\"$id\":\"components/base/direction.mdx\",\"type\":\"page\",\"name\":\"Direction\",\"description\":\"A provider component that sets the text direction for your application.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/base/direction\",\"$ref\":{\"file\":\"components/base/direction.mdx\"}},{\"$id\":\"components/base/drawer.mdx\",\"type\":\"page\",\"name\":\"Drawer\",\"description\":\"A drawer component for React.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/base/drawer\",\"$ref\":{\"file\":\"components/base/drawer.mdx\"}},{\"$id\":\"components/base/dropdown-menu.mdx\",\"type\":\"page\",\"name\":\"Dropdown Menu\",\"description\":\"Displays a menu to the user — such as a set of actions or functions — triggered by a button.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/base/dropdown-menu\",\"$ref\":{\"file\":\"components/base/dropdown-menu.mdx\"}},{\"$id\":\"components/base/empty.mdx\",\"type\":\"page\",\"name\":\"Empty\",\"description\":\"Use the Empty component to display an empty state.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/base/empty\",\"$ref\":{\"file\":\"components/base/empty.mdx\"}},{\"$id\":\"components/base/field.mdx\",\"type\":\"page\",\"name\":\"Field\",\"description\":\"Combine labels, controls, and help text to compose accessible form fields and grouped inputs.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/base/field\",\"$ref\":{\"file\":\"components/base/field.mdx\"}},{\"$id\":\"components/base/hover-card.mdx\",\"type\":\"page\",\"name\":\"Hover Card\",\"description\":\"For sighted users to preview content available behind a link.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/base/hover-card\",\"$ref\":{\"file\":\"components/base/hover-card.mdx\"}},{\"$id\":\"components/base/input.mdx\",\"type\":\"page\",\"name\":\"Input\",\"description\":\"A text input component for forms and user data entry with built-in styling and accessibility features.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/base/input\",\"$ref\":{\"file\":\"components/base/input.mdx\"}},{\"$id\":\"components/base/input-group.mdx\",\"type\":\"page\",\"name\":\"Input Group\",\"description\":\"Add addons, buttons, and helper content to inputs.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/base/input-group\",\"$ref\":{\"file\":\"components/base/input-group.mdx\"}},{\"$id\":\"components/base/input-otp.mdx\",\"type\":\"page\",\"name\":\"Input OTP\",\"description\":\"Accessible one-time password component with copy paste functionality.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/base/input-otp\",\"$ref\":{\"file\":\"components/base/input-otp.mdx\"}},{\"$id\":\"components/base/item.mdx\",\"type\":\"page\",\"name\":\"Item\",\"description\":\"A versatile component for displaying content with media, title, description, and actions.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/base/item\",\"$ref\":{\"file\":\"components/base/item.mdx\"}},{\"$id\":\"components/base/kbd.mdx\",\"type\":\"page\",\"name\":\"Kbd\",\"description\":\"Used to display textual user input from keyboard.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/base/kbd\",\"$ref\":{\"file\":\"components/base/kbd.mdx\"}},{\"$id\":\"components/base/label.mdx\",\"type\":\"page\",\"name\":\"Label\",\"description\":\"Renders an accessible label associated with controls.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/base/label\",\"$ref\":{\"file\":\"components/base/label.mdx\"}},{\"$id\":\"components/base/menubar.mdx\",\"type\":\"page\",\"name\":\"Menubar\",\"description\":\"A visually persistent menu common in desktop applications that provides quick access to a consistent set of commands.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/base/menubar\",\"$ref\":{\"file\":\"components/base/menubar.mdx\"}},{\"$id\":\"components/base/native-select.mdx\",\"type\":\"page\",\"name\":\"Native Select\",\"description\":\"A styled native HTML select element with consistent design system integration.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/base/native-select\",\"$ref\":{\"file\":\"components/base/native-select.mdx\"}},{\"$id\":\"components/base/navigation-menu.mdx\",\"type\":\"page\",\"name\":\"Navigation Menu\",\"description\":\"A collection of links for navigating websites.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/base/navigation-menu\",\"$ref\":{\"file\":\"components/base/navigation-menu.mdx\"}},{\"$id\":\"components/base/pagination.mdx\",\"type\":\"page\",\"name\":\"Pagination\",\"description\":\"Pagination with page navigation, next and previous links.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/base/pagination\",\"$ref\":{\"file\":\"components/base/pagination.mdx\"}},{\"$id\":\"components/base/popover.mdx\",\"type\":\"page\",\"name\":\"Popover\",\"description\":\"Displays rich content in a portal, triggered by a button.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/base/popover\",\"$ref\":{\"file\":\"components/base/popover.mdx\"}},{\"$id\":\"components/base/progress.mdx\",\"type\":\"page\",\"name\":\"Progress\",\"description\":\"Displays an indicator showing the completion progress of a task, typically displayed as a progress bar.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/base/progress\",\"$ref\":{\"file\":\"components/base/progress.mdx\"}},{\"$id\":\"components/base/radio-group.mdx\",\"type\":\"page\",\"name\":\"Radio Group\",\"description\":\"A set of checkable buttons—known as radio buttons—where no more than one of the buttons can be checked at a time.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/base/radio-group\",\"$ref\":{\"file\":\"components/base/radio-group.mdx\"}},{\"$id\":\"components/base/resizable.mdx\",\"type\":\"page\",\"name\":\"Resizable\",\"description\":\"Accessible resizable panel groups and layouts with keyboard support.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/base/resizable\",\"$ref\":{\"file\":\"components/base/resizable.mdx\"}},{\"$id\":\"components/base/scroll-area.mdx\",\"type\":\"page\",\"name\":\"Scroll Area\",\"description\":\"Augments native scroll functionality for custom, cross-browser styling.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/base/scroll-area\",\"$ref\":{\"file\":\"components/base/scroll-area.mdx\"}},{\"$id\":\"components/base/select.mdx\",\"type\":\"page\",\"name\":\"Select\",\"description\":\"Displays a list of options for the user to pick from—triggered by a button.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/base/select\",\"$ref\":{\"file\":\"components/base/select.mdx\"}},{\"$id\":\"components/base/separator.mdx\",\"type\":\"page\",\"name\":\"Separator\",\"description\":\"Visually or semantically separates content.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/base/separator\",\"$ref\":{\"file\":\"components/base/separator.mdx\"}},{\"$id\":\"components/base/sheet.mdx\",\"type\":\"page\",\"name\":\"Sheet\",\"description\":\"Extends the Dialog component to display content that complements the main content of the screen.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/base/sheet\",\"$ref\":{\"file\":\"components/base/sheet.mdx\"}},{\"$id\":\"components/base/sidebar.mdx\",\"type\":\"page\",\"name\":\"Sidebar\",\"description\":\"A composable, themeable and customizable sidebar component.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/base/sidebar\",\"$ref\":{\"file\":\"components/base/sidebar.mdx\"}},{\"$id\":\"components/base/skeleton.mdx\",\"type\":\"page\",\"name\":\"Skeleton\",\"description\":\"Use to show a placeholder while content is loading.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/base/skeleton\",\"$ref\":{\"file\":\"components/base/skeleton.mdx\"}},{\"$id\":\"components/base/slider.mdx\",\"type\":\"page\",\"name\":\"Slider\",\"description\":\"An input where the user selects a value from within a given range.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/base/slider\",\"$ref\":{\"file\":\"components/base/slider.mdx\"}},{\"$id\":\"components/base/sonner.mdx\",\"type\":\"page\",\"name\":\"Sonner\",\"description\":\"An opinionated toast component for React.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/base/sonner\",\"$ref\":{\"file\":\"components/base/sonner.mdx\"}},{\"$id\":\"components/base/spinner.mdx\",\"type\":\"page\",\"name\":\"Spinner\",\"description\":\"An indicator that can be used to show a loading state.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/base/spinner\",\"$ref\":{\"file\":\"components/base/spinner.mdx\"}},{\"$id\":\"components/base/switch.mdx\",\"type\":\"page\",\"name\":\"Switch\",\"description\":\"A control that allows the user to toggle between checked and not checked.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/base/switch\",\"$ref\":{\"file\":\"components/base/switch.mdx\"}},{\"$id\":\"components/base/table.mdx\",\"type\":\"page\",\"name\":\"Table\",\"description\":\"A responsive table component.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/base/table\",\"$ref\":{\"file\":\"components/base/table.mdx\"}},{\"$id\":\"components/base/tabs.mdx\",\"type\":\"page\",\"name\":\"Tabs\",\"description\":\"A set of layered sections of content—known as tab panels—that are displayed one at a time.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/base/tabs\",\"$ref\":{\"file\":\"components/base/tabs.mdx\"}},{\"$id\":\"components/base/textarea.mdx\",\"type\":\"page\",\"name\":\"Textarea\",\"description\":\"Displays a form textarea or a component that looks like a textarea.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/base/textarea\",\"$ref\":{\"file\":\"components/base/textarea.mdx\"}},{\"$id\":\"components/base/toast.mdx\",\"type\":\"page\",\"name\":\"Toast\",\"description\":\"A succinct message that is displayed temporarily.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/base/toast\",\"$ref\":{\"file\":\"components/base/toast.mdx\"}},{\"$id\":\"components/base/toggle.mdx\",\"type\":\"page\",\"name\":\"Toggle\",\"description\":\"A two-state button that can be either on or off.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/base/toggle\",\"$ref\":{\"file\":\"components/base/toggle.mdx\"}},{\"$id\":\"components/base/toggle-group.mdx\",\"type\":\"page\",\"name\":\"Toggle Group\",\"description\":\"A set of two-state buttons that can be toggled on or off.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/base/toggle-group\",\"$ref\":{\"file\":\"components/base/toggle-group.mdx\"}},{\"$id\":\"components/base/tooltip.mdx\",\"type\":\"page\",\"name\":\"Tooltip\",\"description\":\"A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/base/tooltip\",\"$ref\":{\"file\":\"components/base/tooltip.mdx\"}},{\"$id\":\"components/base/typography.mdx\",\"type\":\"page\",\"name\":\"Typography\",\"description\":\"Styles for headings, paragraphs, lists...etc\",\"icon\":\"$undefined\",\"url\":\"/docs/components/base/typography\",\"$ref\":{\"file\":\"components/base/typography.mdx\"}}],\"$id\":\"components/base\",\"$ref\":{\"metaFile\":\"components/base/meta.json\"}},{\"type\":\"folder\",\"name\":\"Radix UI\",\"icon\":\"$undefined\",\"root\":\"$undefined\",\"defaultOpen\":\"$undefined\",\"description\":\"$undefined\",\"index\":\"$undefined\",\"children\":[{\"$id\":\"components/radix/accordion.mdx\",\"type\":\"page\",\"name\":\"Accordion\",\"description\":\"A vertically stacked set of interactive headings that each reveal a section of content.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/radix/accordion\",\"$ref\":{\"file\":\"components/radix/accordion.mdx\"}},{\"$id\":\"components/radix/alert.mdx\",\"type\":\"page\",\"name\":\"Alert\",\"description\":\"Displays a callout for user attention.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/radix/alert\",\"$ref\":{\"file\":\"components/radix/alert.mdx\"}},{\"$id\":\"components/radix/alert-dialog.mdx\",\"type\":\"page\",\"name\":\"Alert Dialog\",\"description\":\"A modal dialog that interrupts the user with important content and expects a response.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/radix/alert-dialog\",\"$ref\":{\"file\":\"components/radix/alert-dialog.mdx\"}},{\"$id\":\"components/radix/aspect-ratio.mdx\",\"type\":\"page\",\"name\":\"Aspect Ratio\",\"description\":\"Displays content within a desired ratio.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/radix/aspect-ratio\",\"$ref\":{\"file\":\"components/radix/aspect-ratio.mdx\"}},{\"$id\":\"components/radix/avatar.mdx\",\"type\":\"page\",\"name\":\"Avatar\",\"description\":\"An image element with a fallback for representing the user.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/radix/avatar\",\"$ref\":{\"file\":\"components/radix/avatar.mdx\"}},{\"$id\":\"components/radix/badge.mdx\",\"type\":\"page\",\"name\":\"Badge\",\"description\":\"Displays a badge or a component that looks like a badge.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/radix/badge\",\"$ref\":{\"file\":\"components/radix/badge.mdx\"}},{\"$id\":\"components/radix/breadcrumb.mdx\",\"type\":\"page\",\"name\":\"Breadcrumb\",\"description\":\"Displays the path to the current resource using a hierarchy of links.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/radix/breadcrumb\",\"$ref\":{\"file\":\"components/radix/breadcrumb.mdx\"}},{\"$id\":\"components/radix/button.mdx\",\"type\":\"page\",\"name\":\"Button\",\"description\":\"Displays a button or a component that looks like a button.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/radix/button\",\"$ref\":{\"file\":\"components/radix/button.mdx\"}},{\"$id\":\"components/radix/button-group.mdx\",\"type\":\"page\",\"name\":\"Button Group\",\"description\":\"A container that groups related buttons together with consistent styling.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/radix/button-group\",\"$ref\":{\"file\":\"components/radix/button-group.mdx\"}},{\"$id\":\"components/radix/calendar.mdx\",\"type\":\"page\",\"name\":\"Calendar\",\"description\":\"A calendar component that allows users to select a date or a range of dates.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/radix/calendar\",\"$ref\":{\"file\":\"components/radix/calendar.mdx\"}},{\"$id\":\"components/radix/card.mdx\",\"type\":\"page\",\"name\":\"Card\",\"description\":\"Displays a card with header, content, and footer.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/radix/card\",\"$ref\":{\"file\":\"components/radix/card.mdx\"}},{\"$id\":\"components/radix/carousel.mdx\",\"type\":\"page\",\"name\":\"Carousel\",\"description\":\"A carousel with motion and swipe built using Embla.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/radix/carousel\",\"$ref\":{\"file\":\"components/radix/carousel.mdx\"}},{\"$id\":\"components/radix/chart.mdx\",\"type\":\"page\",\"name\":\"Chart\",\"description\":\"Beautiful charts. Built using Recharts. Copy and paste into your apps.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/radix/chart\",\"$ref\":{\"file\":\"components/radix/chart.mdx\"}},{\"$id\":\"components/radix/checkbox.mdx\",\"type\":\"page\",\"name\":\"Checkbox\",\"description\":\"A control that allows the user to toggle between checked and not checked.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/radix/checkbox\",\"$ref\":{\"file\":\"components/radix/checkbox.mdx\"}},{\"$id\":\"components/radix/collapsible.mdx\",\"type\":\"page\",\"name\":\"Collapsible\",\"description\":\"An interactive component which expands/collapses a panel.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/radix/collapsible\",\"$ref\":{\"file\":\"components/radix/collapsible.mdx\"}},{\"$id\":\"components/radix/combobox.mdx\",\"type\":\"page\",\"name\":\"Combobox\",\"description\":\"Autocomplete input with a list of suggestions.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/radix/combobox\",\"$ref\":{\"file\":\"components/radix/combobox.mdx\"}},{\"$id\":\"components/radix/command.mdx\",\"type\":\"page\",\"name\":\"Command\",\"description\":\"Command menu for search and quick actions.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/radix/command\",\"$ref\":{\"file\":\"components/radix/command.mdx\"}},{\"$id\":\"components/radix/context-menu.mdx\",\"type\":\"page\",\"name\":\"Context Menu\",\"description\":\"Displays a menu of actions triggered by a right click.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/radix/context-menu\",\"$ref\":{\"file\":\"components/radix/context-menu.mdx\"}},{\"$id\":\"components/radix/data-table.mdx\",\"type\":\"page\",\"name\":\"Data Table\",\"description\":\"Powerful table and datagrids built using TanStack Table.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/radix/data-table\",\"$ref\":{\"file\":\"components/radix/data-table.mdx\"}},{\"$id\":\"components/radix/date-picker.mdx\",\"type\":\"page\",\"name\":\"Date Picker\",\"description\":\"A date picker component with range and presets.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/radix/date-picker\",\"$ref\":{\"file\":\"components/radix/date-picker.mdx\"}},{\"$id\":\"components/radix/dialog.mdx\",\"type\":\"page\",\"name\":\"Dialog\",\"description\":\"A window overlaid on either the primary window or another dialog window, rendering the content underneath inert.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/radix/dialog\",\"$ref\":{\"file\":\"components/radix/dialog.mdx\"}},{\"$id\":\"components/radix/direction.mdx\",\"type\":\"page\",\"name\":\"Direction\",\"description\":\"A provider component that sets the text direction for your application.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/radix/direction\",\"$ref\":{\"file\":\"components/radix/direction.mdx\"}},{\"$id\":\"components/radix/drawer.mdx\",\"type\":\"page\",\"name\":\"Drawer\",\"description\":\"A drawer component for React.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/radix/drawer\",\"$ref\":{\"file\":\"components/radix/drawer.mdx\"}},{\"$id\":\"components/radix/dropdown-menu.mdx\",\"type\":\"page\",\"name\":\"Dropdown Menu\",\"description\":\"Displays a menu to the user — such as a set of actions or functions — triggered by a button.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/radix/dropdown-menu\",\"$ref\":{\"file\":\"components/radix/dropdown-menu.mdx\"}},{\"$id\":\"components/radix/empty.mdx\",\"type\":\"page\",\"name\":\"Empty\",\"description\":\"Use the Empty component to display an empty state.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/radix/empty\",\"$ref\":{\"file\":\"components/radix/empty.mdx\"}},{\"$id\":\"components/radix/field.mdx\",\"type\":\"page\",\"name\":\"Field\",\"description\":\"Combine labels, controls, and help text to compose accessible form fields and grouped inputs.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/radix/field\",\"$ref\":{\"file\":\"components/radix/field.mdx\"}},{\"$id\":\"components/radix/hover-card.mdx\",\"type\":\"page\",\"name\":\"Hover Card\",\"description\":\"For sighted users to preview content available behind a link.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/radix/hover-card\",\"$ref\":{\"file\":\"components/radix/hover-card.mdx\"}},{\"$id\":\"components/radix/input.mdx\",\"type\":\"page\",\"name\":\"Input\",\"description\":\"A text input component for forms and user data entry with built-in styling and accessibility features.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/radix/input\",\"$ref\":{\"file\":\"components/radix/input.mdx\"}},{\"$id\":\"components/radix/input-group.mdx\",\"type\":\"page\",\"name\":\"Input Group\",\"description\":\"Add addons, buttons, and helper content to inputs.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/radix/input-group\",\"$ref\":{\"file\":\"components/radix/input-group.mdx\"}},{\"$id\":\"components/radix/input-otp.mdx\",\"type\":\"page\",\"name\":\"Input OTP\",\"description\":\"Accessible one-time password component with copy paste functionality.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/radix/input-otp\",\"$ref\":{\"file\":\"components/radix/input-otp.mdx\"}},{\"$id\":\"components/radix/item.mdx\",\"type\":\"page\",\"name\":\"Item\",\"description\":\"A versatile component for displaying content with media, title, description, and actions.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/radix/item\",\"$ref\":{\"file\":\"components/radix/item.mdx\"}},{\"$id\":\"components/radix/kbd.mdx\",\"type\":\"page\",\"name\":\"Kbd\",\"description\":\"Used to display textual user input from keyboard.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/radix/kbd\",\"$ref\":{\"file\":\"components/radix/kbd.mdx\"}},{\"$id\":\"components/radix/label.mdx\",\"type\":\"page\",\"name\":\"Label\",\"description\":\"Renders an accessible label associated with controls.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/radix/label\",\"$ref\":{\"file\":\"components/radix/label.mdx\"}},{\"$id\":\"components/radix/menubar.mdx\",\"type\":\"page\",\"name\":\"Menubar\",\"description\":\"A visually persistent menu common in desktop applications that provides quick access to a consistent set of commands.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/radix/menubar\",\"$ref\":{\"file\":\"components/radix/menubar.mdx\"}},{\"$id\":\"components/radix/native-select.mdx\",\"type\":\"page\",\"name\":\"Native Select\",\"description\":\"A styled native HTML select element with consistent design system integration.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/radix/native-select\",\"$ref\":{\"file\":\"components/radix/native-select.mdx\"}},{\"$id\":\"components/radix/navigation-menu.mdx\",\"type\":\"page\",\"name\":\"Navigation Menu\",\"description\":\"A collection of links for navigating websites.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/radix/navigation-menu\",\"$ref\":{\"file\":\"components/radix/navigation-menu.mdx\"}},{\"$id\":\"components/radix/pagination.mdx\",\"type\":\"page\",\"name\":\"Pagination\",\"description\":\"Pagination with page navigation, next and previous links.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/radix/pagination\",\"$ref\":{\"file\":\"components/radix/pagination.mdx\"}},{\"$id\":\"components/radix/popover.mdx\",\"type\":\"page\",\"name\":\"Popover\",\"description\":\"Displays rich content in a portal, triggered by a button.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/radix/popover\",\"$ref\":{\"file\":\"components/radix/popover.mdx\"}},{\"$id\":\"components/radix/progress.mdx\",\"type\":\"page\",\"name\":\"Progress\",\"description\":\"Displays an indicator showing the completion progress of a task, typically displayed as a progress bar.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/radix/progress\",\"$ref\":{\"file\":\"components/radix/progress.mdx\"}},{\"$id\":\"components/radix/radio-group.mdx\",\"type\":\"page\",\"name\":\"Radio Group\",\"description\":\"A set of checkable buttons—known as radio buttons—where no more than one of the buttons can be checked at a time.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/radix/radio-group\",\"$ref\":{\"file\":\"components/radix/radio-group.mdx\"}},{\"$id\":\"components/radix/resizable.mdx\",\"type\":\"page\",\"name\":\"Resizable\",\"description\":\"Accessible resizable panel groups and layouts with keyboard support.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/radix/resizable\",\"$ref\":{\"file\":\"components/radix/resizable.mdx\"}},{\"$id\":\"components/radix/scroll-area.mdx\",\"type\":\"page\",\"name\":\"Scroll Area\",\"description\":\"Augments native scroll functionality for custom, cross-browser styling.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/radix/scroll-area\",\"$ref\":{\"file\":\"components/radix/scroll-area.mdx\"}},{\"$id\":\"components/radix/select.mdx\",\"type\":\"page\",\"name\":\"Select\",\"description\":\"Displays a list of options for the user to pick from—triggered by a button.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/radix/select\",\"$ref\":{\"file\":\"components/radix/select.mdx\"}},{\"$id\":\"components/radix/separator.mdx\",\"type\":\"page\",\"name\":\"Separator\",\"description\":\"Visually or semantically separates content.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/radix/separator\",\"$ref\":{\"file\":\"components/radix/separator.mdx\"}},{\"$id\":\"components/radix/sheet.mdx\",\"type\":\"page\",\"name\":\"Sheet\",\"description\":\"Extends the Dialog component to display content that complements the main content of the screen.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/radix/sheet\",\"$ref\":{\"file\":\"components/radix/sheet.mdx\"}},{\"$id\":\"components/radix/sidebar.mdx\",\"type\":\"page\",\"name\":\"Sidebar\",\"description\":\"A composable, themeable and customizable sidebar component.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/radix/sidebar\",\"$ref\":{\"file\":\"components/radix/sidebar.mdx\"}},{\"$id\":\"components/radix/skeleton.mdx\",\"type\":\"page\",\"name\":\"Skeleton\",\"description\":\"Use to show a placeholder while content is loading.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/radix/skeleton\",\"$ref\":{\"file\":\"components/radix/skeleton.mdx\"}},{\"$id\":\"components/radix/slider.mdx\",\"type\":\"page\",\"name\":\"Slider\",\"description\":\"An input where the user selects a value from within a given range.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/radix/slider\",\"$ref\":{\"file\":\"components/radix/slider.mdx\"}},{\"$id\":\"components/radix/sonner.mdx\",\"type\":\"page\",\"name\":\"Sonner\",\"description\":\"An opinionated toast component for React.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/radix/sonner\",\"$ref\":{\"file\":\"components/radix/sonner.mdx\"}},{\"$id\":\"components/radix/spinner.mdx\",\"type\":\"page\",\"name\":\"Spinner\",\"description\":\"An indicator that can be used to show a loading state.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/radix/spinner\",\"$ref\":{\"file\":\"components/radix/spinner.mdx\"}},{\"$id\":\"components/radix/switch.mdx\",\"type\":\"page\",\"name\":\"Switch\",\"description\":\"A control that allows the user to toggle between checked and not checked.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/radix/switch\",\"$ref\":{\"file\":\"components/radix/switch.mdx\"}},{\"$id\":\"components/radix/table.mdx\",\"type\":\"page\",\"name\":\"Table\",\"description\":\"A responsive table component.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/radix/table\",\"$ref\":{\"file\":\"components/radix/table.mdx\"}},{\"$id\":\"components/radix/tabs.mdx\",\"type\":\"page\",\"name\":\"Tabs\",\"description\":\"A set of layered sections of content—known as tab panels—that are displayed one at a time.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/radix/tabs\",\"$ref\":{\"file\":\"components/radix/tabs.mdx\"}},{\"$id\":\"components/radix/textarea.mdx\",\"type\":\"page\",\"name\":\"Textarea\",\"description\":\"Displays a form textarea or a component that looks like a textarea.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/radix/textarea\",\"$ref\":{\"file\":\"components/radix/textarea.mdx\"}},{\"$id\":\"components/radix/toast.mdx\",\"type\":\"page\",\"name\":\"Toast\",\"description\":\"A succinct message that is displayed temporarily.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/radix/toast\",\"$ref\":{\"file\":\"components/radix/toast.mdx\"}},{\"$id\":\"components/radix/toggle.mdx\",\"type\":\"page\",\"name\":\"Toggle\",\"description\":\"A two-state button that can be either on or off.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/radix/toggle\",\"$ref\":{\"file\":\"components/radix/toggle.mdx\"}},{\"$id\":\"components/radix/toggle-group.mdx\",\"type\":\"page\",\"name\":\"Toggle Group\",\"description\":\"A set of two-state buttons that can be toggled on or off.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/radix/toggle-group\",\"$ref\":{\"file\":\"components/radix/toggle-group.mdx\"}},{\"$id\":\"components/radix/tooltip.mdx\",\"type\":\"page\",\"name\":\"Tooltip\",\"description\":\"A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it.\",\"icon\":\"$undefined\",\"url\":\"/docs/components/radix/tooltip\",\"$ref\":{\"file\":\"components/radix/tooltip.mdx\"}},{\"$id\":\"components/radix/typography.mdx\",\"type\":\"page\",\"name\":\"Typography\",\"description\":\"Styles for headings, paragraphs, lists...etc\",\"icon\":\"$undefined\",\"url\":\"/docs/components/radix/typography\",\"$ref\":{\"file\":\"components/radix/typography.mdx\"}}],\"$id\":\"components/radix\",\"$ref\":{\"metaFile\":\"components/radix/meta.json\"}}],\"$id\":\"components\",\"$ref\":{\"metaFile\":\"components/meta.json\"}},{\"type\":\"folder\",\"name\":\"Get Started\",\"icon\":\"$undefined\",\"root\":\"$undefined\",\"defaultOpen\":\"$undefined\",\"description\":\"$undefined\",\"index\":\"$undefined\",\"children\":[{\"$id\":\"(root)/index.mdx\",\"type\":\"page\",\"name\":\"Introduction\",\"description\":\"shadcn/ui is a set of beautifully-designed, accessible components and a code distribution platform. Works with your favorite frameworks and AI models. Open Source. Open Code.\",\"icon\":\"$undefined\",\"url\":\"/docs\",\"$ref\":{\"file\":\"(root)/index.mdx\"}},{\"type\":\"page\",\"icon\":\"$undefined\",\"name\":\"Installation\",\"url\":\"/docs/installation\",\"external\":\"$undefined\"},{\"$id\":\"(root)/components-json.mdx\",\"type\":\"page\",\"name\":\"components.json\",\"description\":\"Configuration for your project.\",\"icon\":\"$undefined\",\"url\":\"/docs/components-json\",\"$ref\":{\"file\":\"(root)/components-json.mdx\"}},{\"$id\":\"(root)/theming.mdx\",\"type\":\"page\",\"name\":\"Theming\",\"description\":\"Using CSS Variables and color utilities for theming.\",\"icon\":\"$undefined\",\"url\":\"/docs/theming\",\"$ref\":{\"file\":\"(root)/theming.mdx\"}},{\"type\":\"page\",\"icon\":\"$undefined\",\"name\":\"Dark Mode\",\"url\":\"/docs/dark-mode\",\"external\":\"$undefined\"},{\"type\":\"page\",\"icon\":\"$undefined\",\"name\":\"RTL\",\"url\":\"/docs/rtl\",\"external\":\"$undefined\"},{\"type\":\"page\",\"icon\":\"$undefined\",\"name\":\"CLI\",\"url\":\"/docs/cli\",\"external\":\"$undefined\"},{\"$id\":\"(root)/monorepo.mdx\",\"type\":\"page\",\"name\":\"Monorepo\",\"description\":\"Using shadcn/ui components and CLI in a monorepo.\",\"icon\":\"$undefined\",\"url\":\"/docs/monorepo\",\"$ref\":{\"file\":\"(root)/monorepo.mdx\"}},{\"$id\":\"(root)/v0.mdx\",\"type\":\"page\",\"name\":\"Open in v0\",\"description\":\"Open components in v0 for customization.\",\"icon\":\"$undefined\",\"url\":\"/docs/v0\",\"$ref\":{\"file\":\"(root)/v0.mdx\"}},{\"$id\":\"(root)/javascript.mdx\",\"type\":\"page\",\"name\":\"JavaScript\",\"description\":\"How to use shadcn/ui with JavaScript\",\"icon\":\"$undefined\",\"url\":\"/docs/javascript\",\"$ref\":{\"file\":\"(root)/javascript.mdx\"}},{\"$id\":\"(root)/blocks.mdx\",\"type\":\"page\",\"name\":\"Blocks\",\"description\":\"Contribute components to the blocks library.\",\"icon\":\"$undefined\",\"url\":\"/docs/blocks\",\"$ref\":{\"file\":\"(root)/blocks.mdx\"}},{\"$id\":\"(root)/figma.mdx\",\"type\":\"page\",\"name\":\"Figma\",\"description\":\"Every component recreated in Figma. With customizable props, typography and icons.\",\"icon\":\"$undefined\",\"url\":\"/docs/figma\",\"$ref\":{\"file\":\"(root)/figma.mdx\"}},{\"type\":\"page\",\"icon\":\"$undefined\",\"name\":\"Changelog\",\"url\":\"/docs/changelog\",\"external\":\"$undefined\"},{\"type\":\"page\",\"icon\":\"$undefined\",\"name\":\"llms.txt\",\"url\":\"/llms.txt\",\"external\":\"$undefined\"},{\"$id\":\"(root)/legacy.mdx\",\"type\":\"page\",\"name\":\"Legacy Docs\",\"description\":\"View the legacy docs for shadcn/ui and Tailwind v3.\",\"icon\":\"$undefined\",\"url\":\"/docs/legacy\",\"$ref\":{\"file\":\"(root)/legacy.mdx\"}}],\"$id\":\"(root)\",\"$ref\":{\"metaFile\":\"(root)/meta.json\"}},{\"type\":\"folder\",\"name\":\"Changelog\",\"icon\":\"$undefined\",\"root\":\"$undefined\",\"defaultOpen\":\"$undefined\",\"description\":\"$undefined\",\"index\":{\"$id\":\"changelog/index.mdx\",\"type\":\"page\",\"name\":\"Changelog\",\"description\":\"Latest updates and announcements.\",\"icon\":\"$undefined\",\"url\":\"/docs/changelog\",\"$ref\":{\"file\":\"changelog/index.mdx\"}},\"children\":[],\"$id\":\"changelog\",\"$ref\":{\"metaFile\":\"changelog/meta.json\"}},{\"type\":\"folder\",\"name\":\"Forms\",\"icon\":\"$undefined\",\"root\":\"$undefined\",\"defaultOpen\":\"$undefined\",\"description\":\"$undefined\",\"index\":{\"$id\":\"forms/index.mdx\",\"type\":\"page\",\"name\":\"Forms\",\"description\":\"Build forms with React and shadcn/ui.\",\"icon\":\"$undefined\",\"url\":\"/docs/forms\",\"$ref\":{\"file\":\"forms/index.mdx\"}},\"children\":[{\"$id\":\"forms/react-hook-form.mdx\",\"type\":\"page\",\"name\":\"React Hook Form\",\"description\":\"Build forms in React using React Hook Form and Zod.\",\"icon\":\"$undefined\",\"url\":\"/docs/forms/react-hook-form\",\"$ref\":{\"file\":\"forms/react-hook-form.mdx\"}},{\"$id\":\"forms/tanstack-form.mdx\",\"type\":\"page\",\"name\":\"TanStack Form\",\"description\":\"Build forms in React using TanStack Form and Zod.\",\"icon\":\"$undefined\",\"url\":\"/docs/forms/tanstack-form\",\"$ref\":{\"file\":\"forms/tanstack-form.mdx\"}}],\"$id\":\"forms\",\"$ref\":{\"metaFile\":\"forms/meta.json\"}},{\"type\":\"folder\",\"name\":\"Installation\",\"icon\":\"$undefined\",\"root\":\"$undefined\",\"defaultOpen\":\"$undefined\",\"description\":\"$undefined\",\"index\":{\"$id\":\"installation/index.mdx\",\"type\":\"page\",\"name\":\"Installation\",\"description\":\"How to install dependencies and structure your app.\",\"icon\":\"$undefined\",\"url\":\"/docs/installation\",\"$ref\":{\"file\":\"installation/index.mdx\"}},\"children\":[{\"$id\":\"installation/next.mdx\",\"type\":\"page\",\"name\":\"Next.js\",\"description\":\"Install and configure shadcn/ui for Next.js.\",\"icon\":\"$undefined\",\"url\":\"/docs/installation/next\",\"$ref\":{\"file\":\"installation/next.mdx\"}},{\"$id\":\"installation/vite.mdx\",\"type\":\"page\",\"name\":\"Vite\",\"description\":\"Install and configure shadcn/ui for Vite.\",\"icon\":\"$undefined\",\"url\":\"/docs/installation/vite\",\"$ref\":{\"file\":\"installation/vite.mdx\"}},{\"$id\":\"installation/laravel.mdx\",\"type\":\"page\",\"name\":\"Laravel\",\"description\":\"Install and configure shadcn/ui for Laravel\",\"icon\":\"$undefined\",\"url\":\"/docs/installation/laravel\",\"$ref\":{\"file\":\"installation/laravel.mdx\"}},{\"$id\":\"installation/react-router.mdx\",\"type\":\"page\",\"name\":\"React Router\",\"description\":\"Install and configure shadcn/ui for React Router.\",\"icon\":\"$undefined\",\"url\":\"/docs/installation/react-router\",\"$ref\":{\"file\":\"installation/react-router.mdx\"}},{\"$id\":\"installation/remix.mdx\",\"type\":\"page\",\"name\":\"Remix\",\"description\":\"Install and configure shadcn/ui for Remix.\",\"icon\":\"$undefined\",\"url\":\"/docs/installation/remix\",\"$ref\":{\"file\":\"installation/remix.mdx\"}},{\"$id\":\"installation/astro.mdx\",\"type\":\"page\",\"name\":\"Astro\",\"description\":\"Install and configure shadcn/ui for Astro\",\"icon\":\"$undefined\",\"url\":\"/docs/installation/astro\",\"$ref\":{\"file\":\"installation/astro.mdx\"}},{\"$id\":\"installation/tanstack.mdx\",\"type\":\"page\",\"name\":\"TanStack Start\",\"description\":\"Install and configure shadcn/ui for TanStack Start.\",\"icon\":\"$undefined\",\"url\":\"/docs/installation/tanstack\",\"$ref\":{\"file\":\"installation/tanstack.mdx\"}},{\"$id\":\"installation/tanstack-router.mdx\",\"type\":\"page\",\"name\":\"TanStack Router\",\"description\":\"Install and configure shadcn/ui for TanStack Router.\",\"icon\":\"$undefined\",\"url\":\"/docs/installation/tanstack-router\",\"$ref\":{\"file\":\"installation/tanstack-router.mdx\"}},{\"$id\":\"installation/manual.mdx\",\"type\":\"page\",\"name\":\"Manual Installation\",\"description\":\"Add dependencies to your project manually.\",\"icon\":\"$undefined\",\"url\":\"/docs/installation/manual\",\"$ref\":{\"file\":\"installation/manual.mdx\"}}],\"$id\":\"installation\",\"$ref\":{\"metaFile\":\"installation/meta.json\"}},{\"type\":\"folder\",\"name\":\"Dark mode\",\"icon\":\"$undefined\",\"root\":\"$undefined\",\"defaultOpen\":\"$undefined\",\"description\":\"$undefined\",\"index\":\"$undefined\",\"children\":[{\"$id\":\"dark-mode/index.mdx\",\"type\":\"page\",\"name\":\"Dark Mode\",\"description\":\"Adding dark mode to your site.\",\"icon\":\"$undefined\",\"url\":\"/docs/dark-mode\",\"$ref\":{\"file\":\"dark-mode/index.mdx\"}},{\"$id\":\"dark-mode/next.mdx\",\"type\":\"page\",\"name\":\"Next.js\",\"description\":\"Adding dark mode to your next app.\",\"icon\":\"$undefined\",\"url\":\"/docs/dark-mode/next\",\"$ref\":{\"file\":\"dark-mode/next.mdx\"}},{\"$id\":\"dark-mode/vite.mdx\",\"type\":\"page\",\"name\":\"Vite\",\"description\":\"Adding dark mode to your vite app.\",\"icon\":\"$undefined\",\"url\":\"/docs/dark-mode/vite\",\"$ref\":{\"file\":\"dark-mode/vite.mdx\"}},{\"$id\":\"dark-mode/astro.mdx\",\"type\":\"page\",\"name\":\"Astro\",\"description\":\"Adding dark mode to your astro app.\",\"icon\":\"$undefined\",\"url\":\"/docs/dark-mode/astro\",\"$ref\":{\"file\":\"dark-mode/astro.mdx\"}},{\"$id\":\"dark-mode/remix.mdx\",\"type\":\"page\",\"name\":\"Remix\",\"description\":\"Adding dark mode to your remix app.\",\"icon\":\"$undefined\",\"url\":\"/docs/dark-mode/remix\",\"$ref\":{\"file\":\"dark-mode/remix.mdx\"}}],\"$id\":\"dark-mode\",\"$ref\":{\"metaFile\":\"dark-mode/meta.json\"}},{\"type\":\"folder\",\"name\":\"RTL\",\"icon\":\"$undefined\",\"root\":\"$undefined\",\"defaultOpen\":\"$undefined\",\"description\":\"$undefined\",\"index\":\"$undefined\",\"children\":[{\"$id\":\"rtl/index.mdx\",\"type\":\"page\",\"name\":\"RTL\",\"description\":\"Right-to-left support for shadcn/ui components.\",\"icon\":\"$undefined\",\"url\":\"/docs/rtl\",\"$ref\":{\"file\":\"rtl/index.mdx\"}},{\"$id\":\"rtl/next.mdx\",\"type\":\"page\",\"name\":\"Next.js\",\"description\":\"Create a new Next.js project with RTL support.\",\"icon\":\"$undefined\",\"url\":\"/docs/rtl/next\",\"$ref\":{\"file\":\"rtl/next.mdx\"}},{\"$id\":\"rtl/vite.mdx\",\"type\":\"page\",\"name\":\"Vite\",\"description\":\"Create a new Vite project with RTL support.\",\"icon\":\"$undefined\",\"url\":\"/docs/rtl/vite\",\"$ref\":{\"file\":\"rtl/vite.mdx\"}},{\"$id\":\"rtl/start.mdx\",\"type\":\"page\",\"name\":\"TanStack Start\",\"description\":\"Create a new TanStack Start project with RTL support.\",\"icon\":\"$undefined\",\"url\":\"/docs/rtl/start\",\"$ref\":{\"file\":\"rtl/start.mdx\"}}],\"$id\":\"rtl\",\"$ref\":{\"metaFile\":\"rtl/meta.json\"}},{\"type\":\"folder\",\"name\":\"Registry\",\"icon\":\"$undefined\",\"root\":\"$undefined\",\"defaultOpen\":\"$undefined\",\"description\":\"$undefined\",\"index\":\"$undefined\",\"children\":[{\"$id\":\"registry/index.mdx\",\"type\":\"page\",\"name\":\"Introduction\",\"description\":\"Run your own code registry.\",\"icon\":\"$undefined\",\"url\":\"/docs/registry\",\"$ref\":{\"file\":\"registry/index.mdx\"}},{\"$id\":\"registry/getting-started.mdx\",\"type\":\"page\",\"name\":\"Getting Started\",\"description\":\"Learn how to get setup and run your own component registry.\",\"icon\":\"$undefined\",\"url\":\"/docs/registry/getting-started\",\"$ref\":{\"file\":\"registry/getting-started.mdx\"}},{\"$id\":\"registry/namespace.mdx\",\"type\":\"page\",\"name\":\"Namespaces\",\"description\":\"Configure and use multiple resource registries with namespace support.\",\"icon\":\"$undefined\",\"url\":\"/docs/registry/namespace\",\"$ref\":{\"file\":\"registry/namespace.mdx\"}},{\"$id\":\"registry/authentication.mdx\",\"type\":\"page\",\"name\":\"Authentication\",\"description\":\"Secure your registry with authentication for private and personalized components.\",\"icon\":\"$undefined\",\"url\":\"/docs/registry/authentication\",\"$ref\":{\"file\":\"registry/authentication.mdx\"}},{\"$id\":\"registry/examples.mdx\",\"type\":\"page\",\"name\":\"Examples\",\"description\":\"Examples of registry items: styles, components, css vars, etc.\",\"icon\":\"$undefined\",\"url\":\"/docs/registry/examples\",\"$ref\":{\"file\":\"registry/examples.mdx\"}},{\"$id\":\"registry/mcp.mdx\",\"type\":\"page\",\"name\":\"MCP Server\",\"description\":\"MCP support for registry developers\",\"icon\":\"$undefined\",\"url\":\"/docs/registry/mcp\",\"$ref\":{\"file\":\"registry/mcp.mdx\"}},{\"$id\":\"registry/registry-index.mdx\",\"type\":\"page\",\"name\":\"Add a Registry\",\"description\":\"Open Source Registry Index\",\"icon\":\"$undefined\",\"url\":\"/docs/registry/registry-index\",\"$ref\":{\"file\":\"registry/registry-index.mdx\"}},{\"$id\":\"registry/open-in-v0.mdx\",\"type\":\"page\",\"name\":\"Open in v0\",\"description\":\"Integrate your registry with Open in v0.\",\"icon\":\"$undefined\",\"url\":\"/docs/registry/open-in-v0\",\"$ref\":{\"file\":\"registry/open-in-v0.mdx\"}},{\"$id\":\"registry/registry-json.mdx\",\"type\":\"page\",\"name\":\"registry.json\",\"description\":\"Schema for running your own component registry.\",\"icon\":\"$undefined\",\"url\":\"/docs/registry/registry-json\",\"$ref\":{\"file\":\"registry/registry-json.mdx\"}},{\"$id\":\"registry/registry-item-json.mdx\",\"type\":\"page\",\"name\":\"registry-item.json\",\"description\":\"Specification for registry items.\",\"icon\":\"$undefined\",\"url\":\"/docs/registry/registry-item-json\",\"$ref\":{\"file\":\"registry/registry-item-json.mdx\"}}],\"$id\":\"registry\",\"$ref\":{\"metaFile\":\"registry/meta.json\"}}],\"fallback\":{\"$id\":\"fallback-root-root\",\"name\":\"Docs\",\"children\":[{\"type\":\"folder\",\"name\":\"Root\",\"icon\":\"$undefined\",\"root\":\"$undefined\",\"defaultOpen\":\"$undefined\",\"description\":\"$undefined\",\"index\":\"$undefined\",\"children\":[{\"$id\":\"(root)/cli.mdx\",\"type\":\"page\",\"name\":\"shadcn\",\"description\":\"Use the shadcn CLI to add components to your project.\",\"icon\":\"$undefined\",\"url\":\"/docs/cli\",\"$ref\":{\"file\":\"(root)/cli.mdx\"}},{\"$id\":\"(root)/directory.mdx\",\"type\":\"page\",\"name\":\"Registry Directory\",\"description\":\"Discover community registries for shadcn/ui components and blocks.\",\"icon\":\"$undefined\",\"url\":\"/docs/directory\",\"$ref\":{\"file\":\"(root)/directory.mdx\"}},{\"$id\":\"(root)/mcp.mdx\",\"type\":\"page\",\"name\":\"MCP Server\",\"description\":\"Use the shadcn MCP server to browse, search, and install components from registries.\",\"icon\":\"$undefined\",\"url\":\"/docs/mcp\",\"$ref\":{\"file\":\"(root)/mcp.mdx\"}},{\"$id\":\"(root)/react-19.mdx\",\"type\":\"page\",\"name\":\"Next.js 15 + React 19\",\"description\":\"Using shadcn/ui with Next.js 15 and React 19.\",\"icon\":\"$undefined\",\"url\":\"/docs/react-19\",\"$ref\":{\"file\":\"(root)/react-19.mdx\"}},{\"$id\":\"(root)/tailwind-v4.mdx\",\"type\":\"page\",\"name\":\"Tailwind v4\",\"description\":\"How to use shadcn/ui with Tailwind v4 and React 19.\",\"icon\":\"$undefined\",\"url\":\"/docs/tailwind-v4\",\"$ref\":{\"file\":\"(root)/tailwind-v4.mdx\"}}],\"$id\":\"(root)\",\"$ref\":\"$undefined\"},{\"type\":\"folder\",\"name\":\"Changelog\",\"icon\":\"$undefined\",\"root\":\"$undefined\",\"defaultOpen\":\"$undefined\",\"description\":\"$undefined\",\"index\":\"$undefined\",\"children\":[{\"$id\":\"changelog/2023-06-new-cli.mdx\",\"type\":\"page\",\"name\":\"June 2023 - New CLI, Styles and more\",\"description\":\"Complete CLI rewrite with new styles, theming options, and more.\",\"icon\":\"$undefined\",\"url\":\"/docs/changelog/2023-06-new-cli\",\"$ref\":{\"file\":\"changelog/2023-06-new-cli.mdx\"}},{\"$id\":\"changelog/2023-07-javascript.mdx\",\"type\":\"page\",\"name\":\"July 2023 - JavaScript\",\"description\":\"JavaScript version of components available via the CLI.\",\"icon\":\"$undefined\",\"url\":\"/docs/changelog/2023-07-javascript\",\"$ref\":{\"file\":\"changelog/2023-07-javascript.mdx\"}},{\"$id\":\"changelog/2023-12-new-components.mdx\",\"type\":\"page\",\"name\":\"December 2023 - New Components\",\"description\":\"Carousel, Drawer, Pagination, Resizable, Sonner, and CLI updates.\",\"icon\":\"$undefined\",\"url\":\"/docs/changelog/2023-12-new-components\",\"$ref\":{\"file\":\"changelog/2023-12-new-components.mdx\"}},{\"$id\":\"changelog/2024-03-blocks.mdx\",\"type\":\"page\",\"name\":\"March 2024 - Introducing Blocks\",\"description\":\"Ready-made components for dashboards and authentication pages.\",\"icon\":\"$undefined\",\"url\":\"/docs/changelog/2024-03-blocks\",\"$ref\":{\"file\":\"changelog/2024-03-blocks.mdx\"}},{\"$id\":\"changelog/2024-03-breadcrumb-otp.mdx\",\"type\":\"page\",\"name\":\"March 2024 - Breadcrumb and Input OTP\",\"description\":\"New Breadcrumb and Input OTP components.\",\"icon\":\"$undefined\",\"url\":\"/docs/changelog/2024-03-breadcrumb-otp\",\"$ref\":{\"file\":\"changelog/2024-03-breadcrumb-otp.mdx\"}},{\"$id\":\"changelog/2024-04-lift-mode.mdx\",\"type\":\"page\",\"name\":\"April 2024 - Lift Mode\",\"description\":\"A new mode for Blocks to lift smaller components for copy and paste.\",\"icon\":\"$undefined\",\"url\":\"/docs/changelog/2024-04-lift-mode\",\"$ref\":{\"file\":\"changelog/2024-04-lift-mode.mdx\"}},{\"$id\":\"changelog/2024-08-npx-shadcn-init.mdx\",\"type\":\"page\",\"name\":\"August 2024 - npx shadcn init\",\"description\":\"Complete CLI rewrite with support for all major React frameworks.\",\"icon\":\"$undefined\",\"url\":\"/docs/changelog/2024-08-npx-shadcn-init\",\"$ref\":{\"file\":\"changelog/2024-08-npx-shadcn-init.mdx\"}},{\"$id\":\"changelog/2024-10-react-19.mdx\",\"type\":\"page\",\"name\":\"October 2024 - React 19\",\"description\":\"shadcn/ui is now compatible with React 19 and Next.js 15.\",\"icon\":\"$undefined\",\"url\":\"/docs/changelog/2024-10-react-19\",\"$ref\":{\"file\":\"changelog/2024-10-react-19.mdx\"}},{\"$id\":\"changelog/2024-10-sidebar.mdx\",\"type\":\"page\",\"name\":\"October 2024 - Sidebar\",\"description\":\"25 components to help you build all kinds of sidebars.\",\"icon\":\"$undefined\",\"url\":\"/docs/changelog/2024-10-sidebar\",\"$ref\":{\"file\":\"changelog/2024-10-sidebar.mdx\"}},{\"$id\":\"changelog/2024-11-icons.mdx\",\"type\":\"page\",\"name\":\"November 2024 - Icons\",\"description\":\"The new-york style now uses Lucide as the default icon set.\",\"icon\":\"$undefined\",\"url\":\"/docs/changelog/2024-11-icons\",\"$ref\":{\"file\":\"changelog/2024-11-icons.mdx\"}},{\"$id\":\"changelog/2024-12-monorepo.mdx\",\"type\":\"page\",\"name\":\"December 2024 - Monorepo Support\",\"description\":\"New monorepo support in the CLI.\",\"icon\":\"$undefined\",\"url\":\"/docs/changelog/2024-12-monorepo\",\"$ref\":{\"file\":\"changelog/2024-12-monorepo.mdx\"}},{\"$id\":\"changelog/2025-01-blocks.mdx\",\"type\":\"page\",\"name\":\"January 2025 - Blocks Community\",\"description\":\"Inviting the community to contribute to the blocks library.\",\"icon\":\"$undefined\",\"url\":\"/docs/changelog/2025-01-blocks\",\"$ref\":{\"file\":\"changelog/2025-01-blocks.mdx\"}},{\"$id\":\"changelog/2025-02-registry-schema.mdx\",\"type\":\"page\",\"name\":\"February 2025 - Updated Registry Schema\",\"description\":\"Updated registry schema to support more features.\",\"icon\":\"$undefined\",\"url\":\"/docs/changelog/2025-02-registry-schema\",\"$ref\":{\"file\":\"changelog/2025-02-registry-schema.mdx\"}},{\"$id\":\"changelog/2025-02-tailwind-v4.mdx\",\"type\":\"page\",\"name\":\"February 2025 - Tailwind v4\",\"description\":\"First preview of Tailwind v4 and React 19 support.\",\"icon\":\"$undefined\",\"url\":\"/docs/changelog/2025-02-tailwind-v4\",\"$ref\":{\"file\":\"changelog/2025-02-tailwind-v4.mdx\"}},{\"$id\":\"changelog/2025-04-cross-framework.mdx\",\"type\":\"page\",\"name\":\"March 2025 - Cross-framework Route Support\",\"description\":\"The shadcn CLI can now auto-detect your framework and adapts routes for you.\",\"icon\":\"$undefined\",\"url\":\"/docs/changelog/2025-04-cross-framework\",\"$ref\":{\"file\":\"changelog/2025-04-cross-framework.mdx\"}},{\"$id\":\"changelog/2025-04-mcp.mdx\",\"type\":\"page\",\"name\":\"April 2025 - MCP\",\"description\":\"Zero-config MCP support for shadcn/ui registry.\",\"icon\":\"$undefined\",\"url\":\"/docs/changelog/2025-04-mcp\",\"$ref\":{\"file\":\"changelog/2025-04-mcp.mdx\"}},{\"$id\":\"changelog/2025-04-shadcn-2-5.mdx\",\"type\":\"page\",\"name\":\"March 2025 - shadcn 2.5.0\",\"description\":\"Resolve anywhere - registries can now place files anywhere in an app.\",\"icon\":\"$undefined\",\"url\":\"/docs/changelog/2025-04-shadcn-2-5\",\"$ref\":{\"file\":\"changelog/2025-04-shadcn-2-5.mdx\"}},{\"$id\":\"changelog/2025-05-new-site.mdx\",\"type\":\"page\",\"name\":\"May 2025 - New Site\",\"description\":\"Upgraded ui.shadcn.com to Next.js 15.3 and Tailwind v4.\",\"icon\":\"$undefined\",\"url\":\"/docs/changelog/2025-05-new-site\",\"$ref\":{\"file\":\"changelog/2025-05-new-site.mdx\"}},{\"$id\":\"changelog/2025-06-calendar.mdx\",\"type\":\"page\",\"name\":\"June 2025 - Calendar Component\",\"description\":\"Upgraded Calendar component with React DayPicker and 30+ calendar blocks.\",\"icon\":\"$undefined\",\"url\":\"/docs/changelog/2025-06-calendar\",\"$ref\":{\"file\":\"changelog/2025-06-calendar.mdx\"}},{\"$id\":\"changelog/2025-06-radix-ui.mdx\",\"type\":\"page\",\"name\":\"June 2025 - radix-ui Migration\",\"description\":\"A new command to migrate to the new radix-ui package.\",\"icon\":\"$undefined\",\"url\":\"/docs/changelog/2025-06-radix-ui\",\"$ref\":{\"file\":\"changelog/2025-06-radix-ui.mdx\"}},{\"$id\":\"changelog/2025-07-local-file-support.mdx\",\"type\":\"page\",\"name\":\"July 2025 - Local File Support\",\"description\":\"Initialize projects and add components from local JSON files.\",\"icon\":\"$undefined\",\"url\":\"/docs/changelog/2025-07-local-file-support\",\"$ref\":{\"file\":\"changelog/2025-07-local-file-support.mdx\"}},{\"$id\":\"changelog/2025-07-universal-registry.mdx\",\"type\":\"page\",\"name\":\"July 2025 - Universal Registry Items\",\"description\":\"Create registry items that can be distributed to any project.\",\"icon\":\"$undefined\",\"url\":\"/docs/changelog/2025-07-universal-registry\",\"$ref\":{\"file\":\"changelog/2025-07-universal-registry.mdx\"}},{\"$id\":\"changelog/2025-08-cli-3-mcp.mdx\",\"type\":\"page\",\"name\":\"August 2025 - shadcn CLI 3.0 and MCP Server\",\"description\":\"Namespaced registries, advanced authentication, new commands and a completely rewritten registry engine.\",\"icon\":\"$undefined\",\"url\":\"/docs/changelog/2025-08-cli-3-mcp\",\"$ref\":{\"file\":\"changelog/2025-08-cli-3-mcp.mdx\"}},{\"$id\":\"changelog/2025-09-registry-index.mdx\",\"type\":\"page\",\"name\":\"September 2025 - Registry Index\",\"description\":\"An index of open source registries that you can install items from.\",\"icon\":\"$undefined\",\"url\":\"/docs/changelog/2025-09-registry-index\",\"$ref\":{\"file\":\"changelog/2025-09-registry-index.mdx\"}},{\"$id\":\"changelog/2025-10-new-components.mdx\",\"type\":\"page\",\"name\":\"October 2025 - New Components\",\"description\":\"Spinner, Kbd, Button Group, Input Group, Field, Item, and Empty components.\",\"icon\":\"$undefined\",\"url\":\"/docs/changelog/2025-10-new-components\",\"$ref\":{\"file\":\"changelog/2025-10-new-components.mdx\"}},{\"$id\":\"changelog/2025-10-registry-directory.mdx\",\"type\":\"page\",\"name\":\"October 2025 - Registry Directory\",\"description\":\"A list of code registries you can browse and pull code and components from.\",\"icon\":\"$undefined\",\"url\":\"/docs/changelog/2025-10-registry-directory\",\"$ref\":{\"file\":\"changelog/2025-10-registry-directory.mdx\"}},{\"$id\":\"changelog/2025-12-shadcn-create.mdx\",\"type\":\"page\",\"name\":\"December 2025 - npx shadcn create\",\"description\":\"Customize everything. Pick your component library, icons, base color, theme, fonts and create your own version of shadcn/ui.\",\"icon\":\"$undefined\",\"url\":\"/docs/changelog/2025-12-shadcn-create\",\"$ref\":{\"file\":\"changelog/2025-12-shadcn-create.mdx\"}},{\"$id\":\"changelog/2026-01-base-ui.mdx\",\"type\":\"page\",\"name\":\"January 2026 - Base UI Documentation\",\"description\":\"Full documentation for Base UI components.\",\"icon\":\"$undefined\",\"url\":\"/docs/changelog/2026-01-base-ui\",\"$ref\":{\"file\":\"changelog/2026-01-base-ui.mdx\"}},{\"$id\":\"changelog/2026-01-inline-side-styles.mdx\",\"type\":\"page\",\"name\":\"January 2026 - Inline Start and End Styles\",\"description\":\"We've updated the styles for Base UI components to support inline-start and inline-end side values.\",\"icon\":\"$undefined\",\"url\":\"/docs/changelog/2026-01-inline-side-styles\",\"$ref\":{\"file\":\"changelog/2026-01-inline-side-styles.mdx\"}},{\"$id\":\"changelog/2026-01-rtl.mdx\",\"type\":\"page\",\"name\":\"January 2026 - RTL Support\",\"description\":\"The shadcn CLI now supports RTL (right-to-left) layouts by automatically converting physical CSS classes to logical equivalents.\",\"icon\":\"$undefined\",\"url\":\"/docs/changelog/2026-01-rtl\",\"$ref\":{\"file\":\"changelog/2026-01-rtl.mdx\"}},{\"$id\":\"changelog/2026-02-blocks.mdx\",\"type\":\"page\",\"name\":\"February 2026 - Blocks for Radix and Base UI\",\"description\":\"All blocks are now available for both Radix and Base UI.\",\"icon\":\"$undefined\",\"url\":\"/docs/changelog/2026-02-blocks\",\"$ref\":{\"file\":\"changelog/2026-02-blocks.mdx\"}},{\"$id\":\"changelog/2026-02-radix-ui.mdx\",\"type\":\"page\",\"name\":\"February 2026 - Unified Radix UI Package\",\"description\":\"The new-york style now uses the unified radix-ui package.\",\"icon\":\"$undefined\",\"url\":\"/docs/changelog/2026-02-radix-ui\",\"$ref\":{\"file\":\"changelog/2026-02-radix-ui.mdx\"}}],\"$id\":\"changelog\",\"$ref\":\"$undefined\"},{\"type\":\"folder\",\"name\":\"Forms\",\"icon\":\"$undefined\",\"root\":\"$undefined\",\"defaultOpen\":\"$undefined\",\"description\":\"$undefined\",\"index\":\"$undefined\",\"children\":[{\"$id\":\"forms/next.mdx\",\"type\":\"page\",\"name\":\"Next.js\",\"description\":\"Build forms in React using useActionState and Server Actions.\",\"icon\":\"$undefined\",\"url\":\"/docs/forms/next\",\"$ref\":{\"file\":\"forms/next.mdx\"}}],\"$id\":\"forms\",\"$ref\":\"$undefined\"},{\"type\":\"folder\",\"name\":\"Installation\",\"icon\":\"$undefined\",\"root\":\"$undefined\",\"defaultOpen\":\"$undefined\",\"description\":\"$undefined\",\"index\":\"$undefined\",\"children\":[{\"$id\":\"installation/gatsby.mdx\",\"type\":\"page\",\"name\":\"Gatsby\",\"description\":\"Install and configure Gatsby.\",\"icon\":\"$undefined\",\"url\":\"/docs/installation/gatsby\",\"$ref\":{\"file\":\"installation/gatsby.mdx\"}}],\"$id\":\"installation\",\"$ref\":\"$undefined\"},{\"type\":\"folder\",\"name\":\"Registry\",\"icon\":\"$undefined\",\"root\":\"$undefined\",\"defaultOpen\":\"$undefined\",\"description\":\"$undefined\",\"index\":\"$undefined\",\"children\":[{\"$id\":\"registry/faq.mdx\",\"type\":\"page\",\"name\":\"FAQ\",\"description\":\"Frequently asked questions about running a registry.\",\"icon\":\"$undefined\",\"url\":\"/docs/registry/faq\",\"$ref\":{\"file\":\"registry/faq.mdx\"}}],\"$id\":\"registry\",\"$ref\":\"$undefined\"}]}},\"items\":[{\"href\":\"/docs/installation\",\"label\":\"Docs\"},{\"href\":\"/docs/components\",\"label\":\"Components\"},{\"href\":\"/blocks\",\"label\":\"Blocks\"},{\"href\":\"/charts/area\",\"label\":\"Charts\"},{\"href\":\"/docs/directory\",\"label\":\"Directory\"},{\"href\":\"/create\",\"label\":\"Create\"}],\"className\":\"flex lg:hidden\"}],\"$L18\",\"$L19\",\"$L1a\"]}]}]}],\"$L1b\",\"$L1c\"]}]]}]\n"])</script><script>self.__next_f.push([1,"10:[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/20217023e054f396.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"div\",null,{\"className\":\"container-wrapper flex flex-1 flex-col px-2\",\"children\":[\"$\",\"$L1d\",null,{\"className\":\"3xl:fixed:container 3xl:fixed:px-3 min-h-min flex-1 items-start px-0 [--top-spacing:0] lg:grid lg:grid-cols-[var(--sidebar-width)_minmax(0,1fr)] lg:[--top-spacing:calc(var(--spacing)*4)]\",\"style\":{\"--sidebar-width\":\"calc(var(--spacing) * 72)\"},\"children\":[[\"$\",\"$L1e\",null,{\"tree\":\"$f:props:children:1:props:children:0:props:children:props:children:props:children:0:props:tree\"}],[\"$\",\"div\",null,{\"className\":\"h-full w-full\",\"children\":[\"$\",\"$L8\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L9\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]]}]}]]}]\n11:[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L8\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L9\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}]\n"])</script><script>self.__next_f.push([1,"12:[\"$\",\"$1\",\"c\",{\"children\":[\"$L1f\",[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/7eec642335dbea70.css?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/6ee8269473c5bff6.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/8e326d6a1595c144.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/894c68e14aea6afc.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-3\",{\"src\":\"/_next/static/chunks/cd6f419679baf453.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-4\",{\"src\":\"/_next/static/chunks/8d3cf8fe3e8a38a3.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-5\",{\"src\":\"/_next/static/chunks/fa3b452dad220e27.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-6\",{\"src\":\"/_next/static/chunks/6cb8ebea3eae1c0c.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-7\",{\"src\":\"/_next/static/chunks/74e0a6d2cb9a02d5.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-8\",{\"src\":\"/_next/static/chunks/85bfa227f5664a40.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-9\",{\"src\":\"/_next/static/chunks/5f867feae37cf15f.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-10\",{\"src\":\"/_next/static/chunks/84d5b4d574fd280a.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-11\",{\"src\":\"/_next/static/chunks/92cd095cff569021.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-12\",{\"src\":\"/_next/static/chunks/4dbd8afdc2bba112.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-13\",{\"src\":\"/_next/static/chunks/af08c178eb3576cf.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-14\",{\"src\":\"/_next/static/chunks/ab09ea05f2fdd688.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-15\",{\"src\":\"/_next/static/chunks/d464d7eb1bd6ee43.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-16\",{\"src\":\"/_next/static/chunks/2adbbdf9861c4ace.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-17\",{\"src\":\"/_next/static/chunks/a9e568638f83107e.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-18\",{\"src\":\"/_next/static/chunks/6744d088cf64b1b2.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-19\",{\"src\":\"/_next/static/chunks/5371350f5cb67a07.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-20\",{\"src\":\"/_next/static/chunks/9240a67087fb6388.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-21\",{\"src\":\"/_next/static/chunks/20079538a430aae7.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-22\",{\"src\":\"/_next/static/chunks/7557f9eb52c82644.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-23\",{\"src\":\"/_next/static/chunks/117fe184d0efd056.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-24\",{\"src\":\"/_next/static/chunks/fd544009deb208c4.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-25\",{\"src\":\"/_next/static/chunks/71e80d62c4ca498f.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-26\",{\"src\":\"/_next/static/chunks/3fb2eef39980623d.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-27\",{\"src\":\"/_next/static/chunks/55496bee7d653cda.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"async\":true,\"nonce\":\"$undefined\"}],\"$L20\",\"$L21\",\"$L22\",\"$L23\",\"$L24\",\"$L25\",\"$L26\",\"$L27\"],\"$L28\"]}]\n"])</script><script>self.__next_f.push([1,"13:[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$L29\",null,{\"children\":\"$L2a\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$L2b\",null,{\"children\":[\"$\",\"$2c\",null,{\"name\":\"Next.Metadata\",\"children\":\"$L2d\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}]\n"])</script><script>self.__next_f.push([1,"2e:I[339438,[\"/_next/static/chunks/c0c328f74b1afdd4.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/dfea32fc06084d7e.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/68ec6ad249f53515.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/4845f28a38827bf8.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/494816266b042607.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/86a81d4e556f4fb4.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/6e3e15edf0cfc6e2.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/35c9137b8cbb78c8.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/a343177e96b642e0.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/9729b9e19a9118b1.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/bb2dcbb3fd61b481.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/65270c1ff8109f4a.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/20217023e054f396.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/6ee8269473c5bff6.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/8e326d6a1595c144.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/894c68e14aea6afc.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/cd6f419679baf453.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/8d3cf8fe3e8a38a3.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/fa3b452dad220e27.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/6cb8ebea3eae1c0c.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/74e0a6d2cb9a02d5.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/85bfa227f5664a40.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/5f867feae37cf15f.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/84d5b4d574fd280a.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/92cd095cff569021.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/4dbd8afdc2bba112.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/af08c178eb3576cf.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/ab09ea05f2fdd688.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/d464d7eb1bd6ee43.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/2adbbdf9861c4ace.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/a9e568638f83107e.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/6744d088cf64b1b2.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/5371350f5cb67a07.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/9240a67087fb6388.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/20079538a430aae7.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/7557f9eb52c82644.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/117fe184d0efd056.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/fd544009deb208c4.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/71e80d62c4ca498f.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/3fb2eef39980623d.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/55496bee7d653cda.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/97812a5a6a0f31b1.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/eaa51bec82f1f470.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/234afb69f591e643.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/87b930f139bd5a79.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/ac4c6f721d6ca795.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/df93dc3a1b441d2e.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/7c310bf9604fdcb1.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/03d671ba0a7ef1a9.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\"],\"\"]\n"])</script><script>self.__next_f.push([1,"2f:I[995559,[\"/_next/static/chunks/c0c328f74b1afdd4.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/dfea32fc06084d7e.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/68ec6ad249f53515.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/4845f28a38827bf8.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/494816266b042607.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/86a81d4e556f4fb4.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/6e3e15edf0cfc6e2.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/35c9137b8cbb78c8.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/a343177e96b642e0.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/9729b9e19a9118b1.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/bb2dcbb3fd61b481.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/65270c1ff8109f4a.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\"],\"MainNav\"]\n30:I[731438,[\"/_next/static/chunks/c0c328f74b1afdd4.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/dfea32fc06084d7e.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/68ec6ad249f53515.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/4845f28a38827bf8.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/494816266b042607.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/86a81d4e556f4fb4.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/6e3e15edf0cfc6e2.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/35c9137b8cbb78c8.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/a343177e96b642e0.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/9729b9e19a9118b1.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/bb2dcbb3fd61b481.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/65270c1ff8109f4a.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\"],\"CommandMenu\"]\n3a:I[407065,[\"/_next/static/chunks/4a92d72bf0b9948c.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/4d9a8044be29d711.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\"],\"OutletBoundary\"]\n18:[\"$\",\"$L2e\",null,{\"href\":\"/\",\"children\":[[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"viewBox\":\"0 0 256 256\",\"className\":\"size-5\",\"children\":[[\"$\",\"rect\",null,{\"width\":\"256\",\"height\":\"256\",\"fill\":\"none\"}],[\"$\",\"line\",null,{\"x1\":\"208\",\"y1\":\"128\",\"x2\":\"128\",\"y2\":\"208\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"strokeWidth\":\"32\"}],[\"$\",\"line\",null,{\"x1\":\"192\",\"y1\":\"40\",\"x2\":\"40\",\"y2\":\"192\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"strokeWidth\":\"32\"}]]}],[\"$\",\"span\",null,{\"className\":\"sr-only\",\"children\":\"shadcn/ui\"}]],\"data-slot\":\"button\",\"data-variant\":\"ghost\",\"data-size\":\"icon\",\"className\":\"items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [\u0026_svg]:pointer-events-none [\u0026_svg:not([class*='size-'])]:size-4 shrink-0 [\u0026_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50 hidden size-8 lg:flex\",\"ref\":null}]\n19:[\"$\",\"$L2f\",null,{\"items\":\"$f:props:children:1:props:children:0:props:children:props:children:props:children:0:props:items\",\"className\":\"hidden lg:flex\"}]\n"])</script><script>self.__next_f.push([1,"1a:[\"$\",\"div\",null,{\"className\":\"ml-auto flex items-center gap-2 md:flex-1 md:justify-end\",\"children\":[[\"$\",\"div\",null,{\"className\":\"hidden w-full flex-1 md:flex md:w-auto md:flex-none\",\"children\":[\"$\",\"$L30\",null,{\"tree\":\"$f:props:children:1:props:children:0:props:children:props:children:props:children:0:props:tree\",\"colors\":[{\"name\":\"neutral\",\"colors\":[{\"name\":\"neutral\",\"id\":\"neutral-50\",\"scale\":50,\"className\":\"neutral-50\",\"hex\":\"#fafafa\",\"rgb\":\"250 250 250\",\"hsl\":\"0 0% 98%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.99 0.00 0)\",\"var\":\"--color-neutral-50\"},{\"name\":\"neutral\",\"id\":\"neutral-100\",\"scale\":100,\"className\":\"neutral-100\",\"hex\":\"#f5f5f5\",\"rgb\":\"245 245 245\",\"hsl\":\"0 0% 96.1%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.97 0.00 0)\",\"var\":\"--color-neutral-100\"},{\"name\":\"neutral\",\"id\":\"neutral-200\",\"scale\":200,\"className\":\"neutral-200\",\"hex\":\"#e5e5e5\",\"rgb\":\"229 229 229\",\"hsl\":\"0 0% 89.8%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.92 0.00 0)\",\"var\":\"--color-neutral-200\"},{\"name\":\"neutral\",\"id\":\"neutral-300\",\"scale\":300,\"className\":\"neutral-300\",\"hex\":\"#d4d4d4\",\"rgb\":\"212 212 212\",\"hsl\":\"0 0% 83.1%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.87 0.00 0)\",\"var\":\"--color-neutral-300\"},{\"name\":\"neutral\",\"id\":\"neutral-400\",\"scale\":400,\"className\":\"neutral-400\",\"hex\":\"#a3a3a3\",\"rgb\":\"163 163 163\",\"hsl\":\"0 0% 63.9%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.72 0.00 0)\",\"var\":\"--color-neutral-400\"},{\"name\":\"neutral\",\"id\":\"neutral-500\",\"scale\":500,\"className\":\"neutral-500\",\"hex\":\"#737373\",\"rgb\":\"115 115 115\",\"hsl\":\"0 0% 45.1%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.56 0.00 0)\",\"var\":\"--color-neutral-500\"},{\"name\":\"neutral\",\"id\":\"neutral-600\",\"scale\":600,\"className\":\"neutral-600\",\"hex\":\"#525252\",\"rgb\":\"82 82 82\",\"hsl\":\"0 0% 32.2%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.44 0.00 0)\",\"var\":\"--color-neutral-600\"},{\"name\":\"neutral\",\"id\":\"neutral-700\",\"scale\":700,\"className\":\"neutral-700\",\"hex\":\"#404040\",\"rgb\":\"64 64 64\",\"hsl\":\"0 0% 25.1%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.37 0.00 0)\",\"var\":\"--color-neutral-700\"},{\"name\":\"neutral\",\"id\":\"neutral-800\",\"scale\":800,\"className\":\"neutral-800\",\"hex\":\"#262626\",\"rgb\":\"38 38 38\",\"hsl\":\"0 0% 14.9%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.27 0.00 0)\",\"var\":\"--color-neutral-800\"},{\"name\":\"neutral\",\"id\":\"neutral-900\",\"scale\":900,\"className\":\"neutral-900\",\"hex\":\"#171717\",\"rgb\":\"23 23 23\",\"hsl\":\"0 0% 9%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.20 0.00 0)\",\"var\":\"--color-neutral-900\"},{\"name\":\"neutral\",\"id\":\"neutral-950\",\"scale\":950,\"className\":\"neutral-950\",\"hex\":\"#0a0a0a\",\"rgb\":\"10 10 10\",\"hsl\":\"0 0% 3.9%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.14 0.00 0)\",\"var\":\"--color-neutral-950\"}]},{\"name\":\"stone\",\"colors\":[{\"name\":\"stone\",\"id\":\"stone-50\",\"scale\":50,\"className\":\"stone-50\",\"hex\":\"#fafaf9\",\"rgb\":\"250 250 249\",\"hsl\":\"60 9.1% 97.8%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.98 0.00 106)\",\"var\":\"--color-stone-50\"},{\"name\":\"stone\",\"id\":\"stone-100\",\"scale\":100,\"className\":\"stone-100\",\"hex\":\"#f5f5f4\",\"rgb\":\"245 245 244\",\"hsl\":\"60 4.8% 95.9%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.97 0.00 106)\",\"var\":\"--color-stone-100\"},{\"name\":\"stone\",\"id\":\"stone-200\",\"scale\":200,\"className\":\"stone-200\",\"hex\":\"#e7e5e4\",\"rgb\":\"231 229 228\",\"hsl\":\"20 5.9% 90%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.92 0.00 49)\",\"var\":\"--color-stone-200\"},{\"name\":\"stone\",\"id\":\"stone-300\",\"scale\":300,\"className\":\"stone-300\",\"hex\":\"#d6d3d1\",\"rgb\":\"214 211 209\",\"hsl\":\"24 5.7% 82.9%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.87 0.00 56)\",\"var\":\"--color-stone-300\"},{\"name\":\"stone\",\"id\":\"stone-400\",\"scale\":400,\"className\":\"stone-400\",\"hex\":\"#a8a29e\",\"rgb\":\"168 162 158\",\"hsl\":\"24 5.4% 63.9%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.72 0.01 56)\",\"var\":\"--color-stone-400\"},{\"name\":\"stone\",\"id\":\"stone-500\",\"scale\":500,\"className\":\"stone-500\",\"hex\":\"#78716c\",\"rgb\":\"120 113 108\",\"hsl\":\"25 5.3% 44.7%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.55 0.01 58)\",\"var\":\"--color-stone-500\"},{\"name\":\"stone\",\"id\":\"stone-600\",\"scale\":600,\"className\":\"stone-600\",\"hex\":\"#57534e\",\"rgb\":\"87 83 78\",\"hsl\":\"33.3 5.5% 32.4%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.44 0.01 74)\",\"var\":\"--color-stone-600\"},{\"name\":\"stone\",\"id\":\"stone-700\",\"scale\":700,\"className\":\"stone-700\",\"hex\":\"#44403c\",\"rgb\":\"68 64 60\",\"hsl\":\"30 6.3% 25.1%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.37 0.01 68)\",\"var\":\"--color-stone-700\"},{\"name\":\"stone\",\"id\":\"stone-800\",\"scale\":800,\"className\":\"stone-800\",\"hex\":\"#292524\",\"rgb\":\"41 37 36\",\"hsl\":\"12 6.5% 15.1%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.27 0.01 34)\",\"var\":\"--color-stone-800\"},{\"name\":\"stone\",\"id\":\"stone-900\",\"scale\":900,\"className\":\"stone-900\",\"hex\":\"#1c1917\",\"rgb\":\"28 25 23\",\"hsl\":\"24 9.8% 10%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.22 0.01 56)\",\"var\":\"--color-stone-900\"},{\"name\":\"stone\",\"id\":\"stone-950\",\"scale\":950,\"className\":\"stone-950\",\"hex\":\"#0c0a09\",\"rgb\":\"12 10 9\",\"hsl\":\"20 14.3% 4.1%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.15 0.00 49)\",\"var\":\"--color-stone-950\"}]},{\"name\":\"zinc\",\"colors\":[{\"name\":\"zinc\",\"id\":\"zinc-50\",\"scale\":50,\"className\":\"zinc-50\",\"hex\":\"#fafafa\",\"rgb\":\"250 250 250\",\"hsl\":\"0 0% 98%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.99 0.00 0)\",\"var\":\"--color-zinc-50\"},{\"name\":\"zinc\",\"id\":\"zinc-100\",\"scale\":100,\"className\":\"zinc-100\",\"hex\":\"#f4f4f5\",\"rgb\":\"244 244 245\",\"hsl\":\"240 4.8% 95.9%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.97 0.00 286)\",\"var\":\"--color-zinc-100\"},{\"name\":\"zinc\",\"id\":\"zinc-200\",\"scale\":200,\"className\":\"zinc-200\",\"hex\":\"#e4e4e7\",\"rgb\":\"228 228 231\",\"hsl\":\"240 5.9% 90%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.92 0.00 286)\",\"var\":\"--color-zinc-200\"},{\"name\":\"zinc\",\"id\":\"zinc-300\",\"scale\":300,\"className\":\"zinc-300\",\"hex\":\"#d4d4d8\",\"rgb\":\"212 212 216\",\"hsl\":\"240 4.9% 83.9%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.87 0.01 286)\",\"var\":\"--color-zinc-300\"},{\"name\":\"zinc\",\"id\":\"zinc-400\",\"scale\":400,\"className\":\"zinc-400\",\"hex\":\"#a1a1aa\",\"rgb\":\"161 161 170\",\"hsl\":\"240 5% 64.9%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.71 0.01 286)\",\"var\":\"--color-zinc-400\"},{\"name\":\"zinc\",\"id\":\"zinc-500\",\"scale\":500,\"className\":\"zinc-500\",\"hex\":\"#71717a\",\"rgb\":\"113 113 122\",\"hsl\":\"240 3.8% 46.1%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.55 0.01 286)\",\"var\":\"--color-zinc-500\"},{\"name\":\"zinc\",\"id\":\"zinc-600\",\"scale\":600,\"className\":\"zinc-600\",\"hex\":\"#52525b\",\"rgb\":\"82 82 91\",\"hsl\":\"240 5.2% 33.9%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.44 0.01 286)\",\"var\":\"--color-zinc-600\"},{\"name\":\"zinc\",\"id\":\"zinc-700\",\"scale\":700,\"className\":\"zinc-700\",\"hex\":\"#3f3f46\",\"rgb\":\"63 63 70\",\"hsl\":\"240 5.3% 26.1%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.37 0.01 286)\",\"var\":\"--color-zinc-700\"},{\"name\":\"zinc\",\"id\":\"zinc-800\",\"scale\":800,\"className\":\"zinc-800\",\"hex\":\"#27272a\",\"rgb\":\"39 39 42\",\"hsl\":\"240 3.7% 15.9%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.27 0.01 286)\",\"var\":\"--color-zinc-800\"},{\"name\":\"zinc\",\"id\":\"zinc-900\",\"scale\":900,\"className\":\"zinc-900\",\"hex\":\"#18181b\",\"rgb\":\"24 24 27\",\"hsl\":\"240 5.9% 10%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.21 0.01 286)\",\"var\":\"--color-zinc-900\"},{\"name\":\"zinc\",\"id\":\"zinc-950\",\"scale\":950,\"className\":\"zinc-950\",\"hex\":\"#09090b\",\"rgb\":\"9 9 11\",\"hsl\":\"240 10% 3.9%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.14 0.00 286)\",\"var\":\"--color-zinc-950\"}]},{\"name\":\"slate\",\"colors\":[{\"name\":\"slate\",\"id\":\"slate-50\",\"scale\":50,\"className\":\"slate-50\",\"hex\":\"#f8fafc\",\"rgb\":\"248 250 252\",\"hsl\":\"210 40% 98%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.98 0.00 248)\",\"var\":\"--color-slate-50\"},{\"name\":\"slate\",\"id\":\"slate-100\",\"scale\":100,\"className\":\"slate-100\",\"hex\":\"#f1f5f9\",\"rgb\":\"241 245 249\",\"hsl\":\"210 40% 96.1%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.97 0.01 248)\",\"var\":\"--color-slate-100\"},{\"name\":\"slate\",\"id\":\"slate-200\",\"scale\":200,\"className\":\"slate-200\",\"hex\":\"#e2e8f0\",\"rgb\":\"226 232 240\",\"hsl\":\"214.3 31.8% 91.4%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.93 0.01 256)\",\"var\":\"--color-slate-200\"},{\"name\":\"slate\",\"id\":\"slate-300\",\"scale\":300,\"className\":\"slate-300\",\"hex\":\"#cbd5e1\",\"rgb\":\"203 213 225\",\"hsl\":\"212.7 26.8% 83.9%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.87 0.02 253)\",\"var\":\"--color-slate-300\"},{\"name\":\"slate\",\"id\":\"slate-400\",\"scale\":400,\"className\":\"slate-400\",\"hex\":\"#94a3b8\",\"rgb\":\"148 163 184\",\"hsl\":\"215 20.2% 65.1%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.71 0.04 257)\",\"var\":\"--color-slate-400\"},{\"name\":\"slate\",\"id\":\"slate-500\",\"scale\":500,\"className\":\"slate-500\",\"hex\":\"#64748b\",\"rgb\":\"100 116 139\",\"hsl\":\"215.4 16.3% 46.9%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.55 0.04 257)\",\"var\":\"--color-slate-500\"},{\"name\":\"slate\",\"id\":\"slate-600\",\"scale\":600,\"className\":\"slate-600\",\"hex\":\"#475569\",\"rgb\":\"71 85 105\",\"hsl\":\"215.3 19.3% 34.5%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.45 0.04 257)\",\"var\":\"--color-slate-600\"},{\"name\":\"slate\",\"id\":\"slate-700\",\"scale\":700,\"className\":\"slate-700\",\"hex\":\"#334155\",\"rgb\":\"51 65 85\",\"hsl\":\"215.3 25% 26.7%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.37 0.04 257)\",\"var\":\"--color-slate-700\"},{\"name\":\"slate\",\"id\":\"slate-800\",\"scale\":800,\"className\":\"slate-800\",\"hex\":\"#1e293b\",\"rgb\":\"30 41 59\",\"hsl\":\"217.2 32.6% 17.5%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.28 0.04 260)\",\"var\":\"--color-slate-800\"},{\"name\":\"slate\",\"id\":\"slate-900\",\"scale\":900,\"className\":\"slate-900\",\"hex\":\"#0f172a\",\"rgb\":\"15 23 42\",\"hsl\":\"222.2 47.4% 11.2%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.21 0.04 266)\",\"var\":\"--color-slate-900\"},{\"name\":\"slate\",\"id\":\"slate-950\",\"scale\":950,\"className\":\"slate-950\",\"hex\":\"#020617\",\"rgb\":\"2 6 23\",\"hsl\":\"222.2 84% 4.9%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.13 0.04 265)\",\"var\":\"--color-slate-950\"}]},{\"name\":\"gray\",\"colors\":[{\"name\":\"gray\",\"id\":\"gray-50\",\"scale\":50,\"className\":\"gray-50\",\"hex\":\"#f9fafb\",\"rgb\":\"249 250 251\",\"hsl\":\"210 20% 98%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.98 0.00 248)\",\"var\":\"--color-gray-50\"},{\"name\":\"gray\",\"id\":\"gray-100\",\"scale\":100,\"className\":\"gray-100\",\"hex\":\"#f3f4f6\",\"rgb\":\"243 244 246\",\"hsl\":\"220 14.3% 95.9%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.97 0.00 265)\",\"var\":\"--color-gray-100\"},{\"name\":\"gray\",\"id\":\"gray-200\",\"scale\":200,\"className\":\"gray-200\",\"hex\":\"#e5e7eb\",\"rgb\":\"229 231 235\",\"hsl\":\"220 13% 91%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.93 0.01 265)\",\"var\":\"--color-gray-200\"},{\"name\":\"gray\",\"id\":\"gray-300\",\"scale\":300,\"className\":\"gray-300\",\"hex\":\"#d1d5db\",\"rgb\":\"209 213 219\",\"hsl\":\"216 12.2% 83.9%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.87 0.01 258)\",\"var\":\"--color-gray-300\"},{\"name\":\"gray\",\"id\":\"gray-400\",\"scale\":400,\"className\":\"gray-400\",\"hex\":\"#9ca3af\",\"rgb\":\"156 163 175\",\"hsl\":\"217.9 10.6% 64.9%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.71 0.02 261)\",\"var\":\"--color-gray-400\"},{\"name\":\"gray\",\"id\":\"gray-500\",\"scale\":500,\"className\":\"gray-500\",\"hex\":\"#6b7280\",\"rgb\":\"107 114 128\",\"hsl\":\"220 8.9% 46.1%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.55 0.02 264)\",\"var\":\"--color-gray-500\"},{\"name\":\"gray\",\"id\":\"gray-600\",\"scale\":600,\"className\":\"gray-600\",\"hex\":\"#4b5563\",\"rgb\":\"75 85 99\",\"hsl\":\"215 13.8% 34.1%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.45 0.03 257)\",\"var\":\"--color-gray-600\"},{\"name\":\"gray\",\"id\":\"gray-700\",\"scale\":700,\"className\":\"gray-700\",\"hex\":\"#374151\",\"rgb\":\"55 65 81\",\"hsl\":\"216.9 19.1% 26.7%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.37 0.03 260)\",\"var\":\"--color-gray-700\"},{\"name\":\"gray\",\"id\":\"gray-800\",\"scale\":800,\"className\":\"gray-800\",\"hex\":\"#1f2937\",\"rgb\":\"31 41 55\",\"hsl\":\"215 27.9% 16.9%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.28 0.03 257)\",\"var\":\"--color-gray-800\"},{\"name\":\"gray\",\"id\":\"gray-900\",\"scale\":900,\"className\":\"gray-900\",\"hex\":\"#111827\",\"rgb\":\"17 24 39\",\"hsl\":\"220.9 39.3% 11%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.21 0.03 265)\",\"var\":\"--color-gray-900\"},{\"name\":\"gray\",\"id\":\"gray-950\",\"scale\":950,\"className\":\"gray-950\",\"hex\":\"#030712\",\"rgb\":\"3 7 18\",\"hsl\":\"224 71.4% 4.1%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.13 0.03 262)\",\"var\":\"--color-gray-950\"}]},{\"name\":\"red\",\"colors\":[{\"name\":\"red\",\"id\":\"red-50\",\"scale\":50,\"className\":\"red-50\",\"hex\":\"#fef2f2\",\"rgb\":\"254 242 242\",\"hsl\":\"0 85.7% 97.3%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.97 0.01 17)\",\"var\":\"--color-red-50\"},{\"name\":\"red\",\"id\":\"red-100\",\"scale\":100,\"className\":\"red-100\",\"hex\":\"#fee2e2\",\"rgb\":\"254 226 226\",\"hsl\":\"0 93.3% 94.1%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.94 0.03 18)\",\"var\":\"--color-red-100\"},{\"name\":\"red\",\"id\":\"red-200\",\"scale\":200,\"className\":\"red-200\",\"hex\":\"#fecaca\",\"rgb\":\"254 202 202\",\"hsl\":\"0 96.3% 89.4%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.88 0.06 18)\",\"var\":\"--color-red-200\"},{\"name\":\"red\",\"id\":\"red-300\",\"scale\":300,\"className\":\"red-300\",\"hex\":\"#fca5a5\",\"rgb\":\"252 165 165\",\"hsl\":\"0 93.5% 81.8%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.81 0.10 20)\",\"var\":\"--color-red-300\"},{\"name\":\"red\",\"id\":\"red-400\",\"scale\":400,\"className\":\"red-400\",\"hex\":\"#f87171\",\"rgb\":\"248 113 113\",\"hsl\":\"0 90.6% 70.8%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.71 0.17 22)\",\"var\":\"--color-red-400\"},{\"name\":\"red\",\"id\":\"red-500\",\"scale\":500,\"className\":\"red-500\",\"hex\":\"#ef4444\",\"rgb\":\"239 68 68\",\"hsl\":\"0 84.2% 60.2%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.64 0.21 25)\",\"var\":\"--color-red-500\"},{\"name\":\"red\",\"id\":\"red-600\",\"scale\":600,\"className\":\"red-600\",\"hex\":\"#dc2626\",\"rgb\":\"220 38 38\",\"hsl\":\"0 72.2% 50.6%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.58 0.22 27)\",\"var\":\"--color-red-600\"},{\"name\":\"red\",\"id\":\"red-700\",\"scale\":700,\"className\":\"red-700\",\"hex\":\"#b91c1c\",\"rgb\":\"185 28 28\",\"hsl\":\"0 73.7% 41.8%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.51 0.19 28)\",\"var\":\"--color-red-700\"},{\"name\":\"red\",\"id\":\"red-800\",\"scale\":800,\"className\":\"red-800\",\"hex\":\"#991b1b\",\"rgb\":\"153 27 27\",\"hsl\":\"0 70% 35.3%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.44 0.16 27)\",\"var\":\"--color-red-800\"},{\"name\":\"red\",\"id\":\"red-900\",\"scale\":900,\"className\":\"red-900\",\"hex\":\"#7f1d1d\",\"rgb\":\"127 29 29\",\"hsl\":\"0 62.8% 30.6%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.40 0.13 26)\",\"var\":\"--color-red-900\"},{\"name\":\"red\",\"id\":\"red-950\",\"scale\":950,\"className\":\"red-950\",\"hex\":\"#450a0a\",\"rgb\":\"69 10 10\",\"hsl\":\"0 74.7% 15.5%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.26 0.09 26)\",\"var\":\"--color-red-950\"}]},{\"name\":\"orange\",\"colors\":[{\"name\":\"orange\",\"id\":\"orange-50\",\"scale\":50,\"className\":\"orange-50\",\"hex\":\"#fff7ed\",\"rgb\":\"255 247 237\",\"hsl\":\"33.3 100% 96.5%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.98 0.02 74)\",\"var\":\"--color-orange-50\"},{\"name\":\"orange\",\"id\":\"orange-100\",\"scale\":100,\"className\":\"orange-100\",\"hex\":\"#ffedd5\",\"rgb\":\"255 237 213\",\"hsl\":\"34.3 100% 91.8%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.95 0.04 75)\",\"var\":\"--color-orange-100\"},{\"name\":\"orange\",\"id\":\"orange-200\",\"scale\":200,\"className\":\"orange-200\",\"hex\":\"#fed7aa\",\"rgb\":\"254 215 170\",\"hsl\":\"32.1 97.7% 83.1%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.90 0.07 71)\",\"var\":\"--color-orange-200\"},{\"name\":\"orange\",\"id\":\"orange-300\",\"scale\":300,\"className\":\"orange-300\",\"hex\":\"#fdba74\",\"rgb\":\"253 186 116\",\"hsl\":\"30.7 97.2% 72.4%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.84 0.12 66)\",\"var\":\"--color-orange-300\"},{\"name\":\"orange\",\"id\":\"orange-400\",\"scale\":400,\"className\":\"orange-400\",\"hex\":\"#fb923c\",\"rgb\":\"251 146 60\",\"hsl\":\"27 96% 61%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.76 0.16 56)\",\"var\":\"--color-orange-400\"},{\"name\":\"orange\",\"id\":\"orange-500\",\"scale\":500,\"className\":\"orange-500\",\"hex\":\"#f97316\",\"rgb\":\"249 115 22\",\"hsl\":\"24.6 95% 53.1%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.70 0.19 48)\",\"var\":\"--color-orange-500\"},{\"name\":\"orange\",\"id\":\"orange-600\",\"scale\":600,\"className\":\"orange-600\",\"hex\":\"#ea580c\",\"rgb\":\"234 88 12\",\"hsl\":\"20.5 90.2% 48.2%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.65 0.19 41)\",\"var\":\"--color-orange-600\"},{\"name\":\"orange\",\"id\":\"orange-700\",\"scale\":700,\"className\":\"orange-700\",\"hex\":\"#c2410c\",\"rgb\":\"194 65 12\",\"hsl\":\"17.5 88.3% 40.4%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.55 0.17 38)\",\"var\":\"--color-orange-700\"},{\"name\":\"orange\",\"id\":\"orange-800\",\"scale\":800,\"className\":\"orange-800\",\"hex\":\"#9a3412\",\"rgb\":\"154 52 18\",\"hsl\":\"15 79.1% 33.7%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.47 0.14 37)\",\"var\":\"--color-orange-800\"},{\"name\":\"orange\",\"id\":\"orange-900\",\"scale\":900,\"className\":\"orange-900\",\"hex\":\"#7c2d12\",\"rgb\":\"124 45 18\",\"hsl\":\"15.3 74.6% 27.8%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.41 0.12 38)\",\"var\":\"--color-orange-900\"},{\"name\":\"orange\",\"id\":\"orange-950\",\"scale\":950,\"className\":\"orange-950\",\"hex\":\"#431407\",\"rgb\":\"67 20 7\",\"hsl\":\"13 81.1% 14.5%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.27 0.08 36)\",\"var\":\"--color-orange-950\"}]},{\"name\":\"amber\",\"colors\":[{\"name\":\"amber\",\"id\":\"amber-50\",\"scale\":50,\"className\":\"amber-50\",\"hex\":\"#fffbeb\",\"rgb\":\"255 251 235\",\"hsl\":\"48 100% 96.1%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.99 0.02 95)\",\"var\":\"--color-amber-50\"},{\"name\":\"amber\",\"id\":\"amber-100\",\"scale\":100,\"className\":\"amber-100\",\"hex\":\"#fef3c7\",\"rgb\":\"254 243 199\",\"hsl\":\"48 96.5% 88.8%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.96 0.06 96)\",\"var\":\"--color-amber-100\"},{\"name\":\"amber\",\"id\":\"amber-200\",\"scale\":200,\"className\":\"amber-200\",\"hex\":\"#fde68a\",\"rgb\":\"253 230 138\",\"hsl\":\"48 96.6% 76.7%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.92 0.12 96)\",\"var\":\"--color-amber-200\"},{\"name\":\"amber\",\"id\":\"amber-300\",\"scale\":300,\"className\":\"amber-300\",\"hex\":\"#fcd34d\",\"rgb\":\"252 211 77\",\"hsl\":\"45.9 96.7% 64.5%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.88 0.15 92)\",\"var\":\"--color-amber-300\"},{\"name\":\"amber\",\"id\":\"amber-400\",\"scale\":400,\"className\":\"amber-400\",\"hex\":\"#fbbf24\",\"rgb\":\"251 191 36\",\"hsl\":\"43.3 96.4% 56.3%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.84 0.16 84)\",\"var\":\"--color-amber-400\"},{\"name\":\"amber\",\"id\":\"amber-500\",\"scale\":500,\"className\":\"amber-500\",\"hex\":\"#f59e0b\",\"rgb\":\"245 158 11\",\"hsl\":\"37.7 92.1% 50.2%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.77 0.16 70)\",\"var\":\"--color-amber-500\"},{\"name\":\"amber\",\"id\":\"amber-600\",\"scale\":600,\"className\":\"amber-600\",\"hex\":\"#d97706\",\"rgb\":\"217 119 6\",\"hsl\":\"32.1 94.6% 43.7%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.67 0.16 58)\",\"var\":\"--color-amber-600\"},{\"name\":\"amber\",\"id\":\"amber-700\",\"scale\":700,\"className\":\"amber-700\",\"hex\":\"#b45309\",\"rgb\":\"180 83 9\",\"hsl\":\"26 90.5% 37.1%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.56 0.15 49)\",\"var\":\"--color-amber-700\"},{\"name\":\"amber\",\"id\":\"amber-800\",\"scale\":800,\"className\":\"amber-800\",\"hex\":\"#92400e\",\"rgb\":\"146 64 14\",\"hsl\":\"22.7 82.5% 31.4%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.47 0.12 46)\",\"var\":\"--color-amber-800\"},{\"name\":\"amber\",\"id\":\"amber-900\",\"scale\":900,\"className\":\"amber-900\",\"hex\":\"#78350f\",\"rgb\":\"120 53 15\",\"hsl\":\"21.7 77.8% 26.5%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.41 0.11 46)\",\"var\":\"--color-amber-900\"},{\"name\":\"amber\",\"id\":\"amber-950\",\"scale\":950,\"className\":\"amber-950\",\"hex\":\"#451a03\",\"rgb\":\"69 26 3\",\"hsl\":\"20.9 91.7% 14.1%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.28 0.07 46)\",\"var\":\"--color-amber-950\"}]},{\"name\":\"yellow\",\"colors\":[{\"name\":\"yellow\",\"id\":\"yellow-50\",\"scale\":50,\"className\":\"yellow-50\",\"hex\":\"#fefce8\",\"rgb\":\"254 252 232\",\"hsl\":\"54.5 91.7% 95.3%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.99 0.03 102)\",\"var\":\"--color-yellow-50\"},{\"name\":\"yellow\",\"id\":\"yellow-100\",\"scale\":100,\"className\":\"yellow-100\",\"hex\":\"#fef9c3\",\"rgb\":\"254 249 195\",\"hsl\":\"54.9 96.7% 88%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.97 0.07 103)\",\"var\":\"--color-yellow-100\"},{\"name\":\"yellow\",\"id\":\"yellow-200\",\"scale\":200,\"className\":\"yellow-200\",\"hex\":\"#fef08a\",\"rgb\":\"254 240 138\",\"hsl\":\"52.8 98.3% 76.9%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.95 0.12 102)\",\"var\":\"--color-yellow-200\"},{\"name\":\"yellow\",\"id\":\"yellow-300\",\"scale\":300,\"className\":\"yellow-300\",\"hex\":\"#fde047\",\"rgb\":\"253 224 71\",\"hsl\":\"50.4 97.8% 63.5%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.91 0.17 98)\",\"var\":\"--color-yellow-300\"},{\"name\":\"yellow\",\"id\":\"yellow-400\",\"scale\":400,\"className\":\"yellow-400\",\"hex\":\"#facc15\",\"rgb\":\"250 204 21\",\"hsl\":\"47.9 95.8% 53.1%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.86 0.17 92)\",\"var\":\"--color-yellow-400\"},{\"name\":\"yellow\",\"id\":\"yellow-500\",\"scale\":500,\"className\":\"yellow-500\",\"hex\":\"#eab308\",\"rgb\":\"234 179 8\",\"hsl\":\"45.4 93.4% 47.5%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.80 0.16 86)\",\"var\":\"--color-yellow-500\"},{\"name\":\"yellow\",\"id\":\"yellow-600\",\"scale\":600,\"className\":\"yellow-600\",\"hex\":\"#ca8a04\",\"rgb\":\"202 138 4\",\"hsl\":\"40.6 96.1% 40.4%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.68 0.14 76)\",\"var\":\"--color-yellow-600\"},{\"name\":\"yellow\",\"id\":\"yellow-700\",\"scale\":700,\"className\":\"yellow-700\",\"hex\":\"#a16207\",\"rgb\":\"161 98 7\",\"hsl\":\"35.5 91.7% 32.9%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.55 0.12 66)\",\"var\":\"--color-yellow-700\"},{\"name\":\"yellow\",\"id\":\"yellow-800\",\"scale\":800,\"className\":\"yellow-800\",\"hex\":\"#854d0e\",\"rgb\":\"133 77 14\",\"hsl\":\"31.8 81% 28.8%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.48 0.10 62)\",\"var\":\"--color-yellow-800\"},{\"name\":\"yellow\",\"id\":\"yellow-900\",\"scale\":900,\"className\":\"yellow-900\",\"hex\":\"#713f12\",\"rgb\":\"113 63 18\",\"hsl\":\"28.4 72.5% 25.7%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.42 0.09 58)\",\"var\":\"--color-yellow-900\"},{\"name\":\"yellow\",\"id\":\"yellow-950\",\"scale\":950,\"className\":\"yellow-950\",\"hex\":\"#422006\",\"rgb\":\"66 32 6\",\"hsl\":\"26 83.3% 14.1%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.29 0.06 54)\",\"var\":\"--color-yellow-950\"}]},{\"name\":\"lime\",\"colors\":[{\"name\":\"lime\",\"id\":\"lime-50\",\"scale\":50,\"className\":\"lime-50\",\"hex\":\"#f7fee7\",\"rgb\":\"247 254 231\",\"hsl\":\"78.3 92% 95.1%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.99 0.03 121)\",\"var\":\"--color-lime-50\"},{\"name\":\"lime\",\"id\":\"lime-100\",\"scale\":100,\"className\":\"lime-100\",\"hex\":\"#ecfccb\",\"rgb\":\"236 252 203\",\"hsl\":\"79.6 89.1% 89.2%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.97 0.07 122)\",\"var\":\"--color-lime-100\"},{\"name\":\"lime\",\"id\":\"lime-200\",\"scale\":200,\"className\":\"lime-200\",\"hex\":\"#d9f99d\",\"rgb\":\"217 249 157\",\"hsl\":\"80.9 88.5% 79.6%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.94 0.12 124)\",\"var\":\"--color-lime-200\"},{\"name\":\"lime\",\"id\":\"lime-300\",\"scale\":300,\"className\":\"lime-300\",\"hex\":\"#bef264\",\"rgb\":\"190 242 100\",\"hsl\":\"82 84.5% 67.1%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.90 0.18 127)\",\"var\":\"--color-lime-300\"},{\"name\":\"lime\",\"id\":\"lime-400\",\"scale\":400,\"className\":\"lime-400\",\"hex\":\"#a3e635\",\"rgb\":\"163 230 53\",\"hsl\":\"82.7 78% 55.5%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.85 0.21 129)\",\"var\":\"--color-lime-400\"},{\"name\":\"lime\",\"id\":\"lime-500\",\"scale\":500,\"className\":\"lime-500\",\"hex\":\"#84cc16\",\"rgb\":\"132 204 22\",\"hsl\":\"83.7 80.5% 44.3%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.77 0.20 131)\",\"var\":\"--color-lime-500\"},{\"name\":\"lime\",\"id\":\"lime-600\",\"scale\":600,\"className\":\"lime-600\",\"hex\":\"#65a30d\",\"rgb\":\"101 163 13\",\"hsl\":\"84.8 85.2% 34.5%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.65 0.18 132)\",\"var\":\"--color-lime-600\"},{\"name\":\"lime\",\"id\":\"lime-700\",\"scale\":700,\"className\":\"lime-700\",\"hex\":\"#4d7c0f\",\"rgb\":\"77 124 15\",\"hsl\":\"85.9 78.4% 27.3%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.53 0.14 132)\",\"var\":\"--color-lime-700\"},{\"name\":\"lime\",\"id\":\"lime-800\",\"scale\":800,\"className\":\"lime-800\",\"hex\":\"#3f6212\",\"rgb\":\"63 98 18\",\"hsl\":\"86.3 69% 22.7%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.45 0.11 131)\",\"var\":\"--color-lime-800\"},{\"name\":\"lime\",\"id\":\"lime-900\",\"scale\":900,\"className\":\"lime-900\",\"hex\":\"#365314\",\"rgb\":\"54 83 20\",\"hsl\":\"87.6 61.2% 20.2%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.41 0.10 131)\",\"var\":\"--color-lime-900\"},{\"name\":\"lime\",\"id\":\"lime-950\",\"scale\":950,\"className\":\"lime-950\",\"hex\":\"#1a2e05\",\"rgb\":\"26 46 5\",\"hsl\":\"89.3 80.4% 10%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.27 0.07 132)\",\"var\":\"--color-lime-950\"}]},{\"name\":\"green\",\"colors\":[{\"name\":\"green\",\"id\":\"green-50\",\"scale\":50,\"className\":\"green-50\",\"hex\":\"#f0fdf4\",\"rgb\":\"240 253 244\",\"hsl\":\"138.5 76.5% 96.7%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.98 0.02 156)\",\"var\":\"--color-green-50\"},{\"name\":\"green\",\"id\":\"green-100\",\"scale\":100,\"className\":\"green-100\",\"hex\":\"#dcfce7\",\"rgb\":\"220 252 231\",\"hsl\":\"140.6 84.2% 92.5%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.96 0.04 157)\",\"var\":\"--color-green-100\"},{\"name\":\"green\",\"id\":\"green-200\",\"scale\":200,\"className\":\"green-200\",\"hex\":\"#bbf7d0\",\"rgb\":\"187 247 208\",\"hsl\":\"141 78.9% 85.1%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.93 0.08 156)\",\"var\":\"--color-green-200\"},{\"name\":\"green\",\"id\":\"green-300\",\"scale\":300,\"className\":\"green-300\",\"hex\":\"#86efac\",\"rgb\":\"134 239 172\",\"hsl\":\"141.7 76.6% 73.1%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.87 0.14 154)\",\"var\":\"--color-green-300\"},{\"name\":\"green\",\"id\":\"green-400\",\"scale\":400,\"className\":\"green-400\",\"hex\":\"#4ade80\",\"rgb\":\"74 222 128\",\"hsl\":\"141.9 69.2% 58%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.80 0.18 152)\",\"var\":\"--color-green-400\"},{\"name\":\"green\",\"id\":\"green-500\",\"scale\":500,\"className\":\"green-500\",\"hex\":\"#22c55e\",\"rgb\":\"34 197 94\",\"hsl\":\"142.1 70.6% 45.3%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.72 0.19 150)\",\"var\":\"--color-green-500\"},{\"name\":\"green\",\"id\":\"green-600\",\"scale\":600,\"className\":\"green-600\",\"hex\":\"#16a34a\",\"rgb\":\"22 163 74\",\"hsl\":\"142.1 76.2% 36.3%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.63 0.17 149)\",\"var\":\"--color-green-600\"},{\"name\":\"green\",\"id\":\"green-700\",\"scale\":700,\"className\":\"green-700\",\"hex\":\"#15803d\",\"rgb\":\"21 128 61\",\"hsl\":\"142.4 71.8% 29.2%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.53 0.14 150)\",\"var\":\"--color-green-700\"},{\"name\":\"green\",\"id\":\"green-800\",\"scale\":800,\"className\":\"green-800\",\"hex\":\"#166534\",\"rgb\":\"22 101 52\",\"hsl\":\"142.8 64.2% 24.1%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.45 0.11 151)\",\"var\":\"--color-green-800\"},{\"name\":\"green\",\"id\":\"green-900\",\"scale\":900,\"className\":\"green-900\",\"hex\":\"#14532d\",\"rgb\":\"20 83 45\",\"hsl\":\"143.8 61.2% 20.2%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.39 0.09 153)\",\"var\":\"--color-green-900\"},{\"name\":\"green\",\"id\":\"green-950\",\"scale\":950,\"className\":\"green-950\",\"hex\":\"#052e16\",\"rgb\":\"5 46 22\",\"hsl\":\"144.9 80.4% 10%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.27 0.06 153)\",\"var\":\"--color-green-950\"}]},{\"name\":\"emerald\",\"colors\":[{\"name\":\"emerald\",\"id\":\"emerald-50\",\"scale\":50,\"className\":\"emerald-50\",\"hex\":\"#ecfdf5\",\"rgb\":\"236 253 245\",\"hsl\":\"151.8 81% 95.9%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.98 0.02 166)\",\"var\":\"--color-emerald-50\"},{\"name\":\"emerald\",\"id\":\"emerald-100\",\"scale\":100,\"className\":\"emerald-100\",\"hex\":\"#d1fae5\",\"rgb\":\"209 250 229\",\"hsl\":\"149.3 80.4% 90%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.95 0.05 163)\",\"var\":\"--color-emerald-100\"},{\"name\":\"emerald\",\"id\":\"emerald-200\",\"scale\":200,\"className\":\"emerald-200\",\"hex\":\"#a7f3d0\",\"rgb\":\"167 243 208\",\"hsl\":\"152.4 76% 80.4%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.90 0.09 164)\",\"var\":\"--color-emerald-200\"},{\"name\":\"emerald\",\"id\":\"emerald-300\",\"scale\":300,\"className\":\"emerald-300\",\"hex\":\"#6ee7b7\",\"rgb\":\"110 231 183\",\"hsl\":\"156.2 71.6% 66.9%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.85 0.13 165)\",\"var\":\"--color-emerald-300\"},{\"name\":\"emerald\",\"id\":\"emerald-400\",\"scale\":400,\"className\":\"emerald-400\",\"hex\":\"#34d399\",\"rgb\":\"52 211 153\",\"hsl\":\"158.1 64.4% 51.6%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.77 0.15 163)\",\"var\":\"--color-emerald-400\"},{\"name\":\"emerald\",\"id\":\"emerald-500\",\"scale\":500,\"className\":\"emerald-500\",\"hex\":\"#10b981\",\"rgb\":\"16 185 129\",\"hsl\":\"160.1 84.1% 39.4%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.70 0.15 162)\",\"var\":\"--color-emerald-500\"},{\"name\":\"emerald\",\"id\":\"emerald-600\",\"scale\":600,\"className\":\"emerald-600\",\"hex\":\"#059669\",\"rgb\":\"5 150 105\",\"hsl\":\"161.4 93.5% 30.4%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.60 0.13 163)\",\"var\":\"--color-emerald-600\"},{\"name\":\"emerald\",\"id\":\"emerald-700\",\"scale\":700,\"className\":\"emerald-700\",\"hex\":\"#047857\",\"rgb\":\"4 120 87\",\"hsl\":\"162.9 93.5% 24.3%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.51 0.10 166)\",\"var\":\"--color-emerald-700\"},{\"name\":\"emerald\",\"id\":\"emerald-800\",\"scale\":800,\"className\":\"emerald-800\",\"hex\":\"#065f46\",\"rgb\":\"6 95 70\",\"hsl\":\"163.1 88.1% 19.8%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.43 0.09 167)\",\"var\":\"--color-emerald-800\"},{\"name\":\"emerald\",\"id\":\"emerald-900\",\"scale\":900,\"className\":\"emerald-900\",\"hex\":\"#064e3b\",\"rgb\":\"6 78 59\",\"hsl\":\"164.2 85.7% 16.5%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.38 0.07 169)\",\"var\":\"--color-emerald-900\"},{\"name\":\"emerald\",\"id\":\"emerald-950\",\"scale\":950,\"className\":\"emerald-950\",\"hex\":\"#022c22\",\"rgb\":\"2 44 34\",\"hsl\":\"165.7 91.3% 9%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.26 0.05 173)\",\"var\":\"--color-emerald-950\"}]},{\"name\":\"teal\",\"colors\":[{\"name\":\"teal\",\"id\":\"teal-50\",\"scale\":50,\"className\":\"teal-50\",\"hex\":\"#f0fdfa\",\"rgb\":\"240 253 250\",\"hsl\":\"166.2 76.5% 96.7%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.98 0.01 181)\",\"var\":\"--color-teal-50\"},{\"name\":\"teal\",\"id\":\"teal-100\",\"scale\":100,\"className\":\"teal-100\",\"hex\":\"#ccfbf1\",\"rgb\":\"204 251 241\",\"hsl\":\"167.2 85.5% 89.2%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.95 0.05 181)\",\"var\":\"--color-teal-100\"},{\"name\":\"teal\",\"id\":\"teal-200\",\"scale\":200,\"className\":\"teal-200\",\"hex\":\"#99f6e4\",\"rgb\":\"153 246 228\",\"hsl\":\"168.4 83.8% 78.2%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.91 0.09 180)\",\"var\":\"--color-teal-200\"},{\"name\":\"teal\",\"id\":\"teal-300\",\"scale\":300,\"className\":\"teal-300\",\"hex\":\"#5eead4\",\"rgb\":\"94 234 212\",\"hsl\":\"170.6 76.9% 64.3%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.85 0.13 181)\",\"var\":\"--color-teal-300\"},{\"name\":\"teal\",\"id\":\"teal-400\",\"scale\":400,\"className\":\"teal-400\",\"hex\":\"#2dd4bf\",\"rgb\":\"45 212 191\",\"hsl\":\"172.5 66% 50.4%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.78 0.13 182)\",\"var\":\"--color-teal-400\"},{\"name\":\"teal\",\"id\":\"teal-500\",\"scale\":500,\"className\":\"teal-500\",\"hex\":\"#14b8a6\",\"rgb\":\"20 184 166\",\"hsl\":\"173.4 80.4% 40%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.70 0.12 183)\",\"var\":\"--color-teal-500\"},{\"name\":\"teal\",\"id\":\"teal-600\",\"scale\":600,\"className\":\"teal-600\",\"hex\":\"#0d9488\",\"rgb\":\"13 148 136\",\"hsl\":\"174.7 83.9% 31.6%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.60 0.10 185)\",\"var\":\"--color-teal-600\"},{\"name\":\"teal\",\"id\":\"teal-700\",\"scale\":700,\"className\":\"teal-700\",\"hex\":\"#0f766e\",\"rgb\":\"15 118 110\",\"hsl\":\"175.3 77.4% 26.1%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.51 0.09 186)\",\"var\":\"--color-teal-700\"},{\"name\":\"teal\",\"id\":\"teal-800\",\"scale\":800,\"className\":\"teal-800\",\"hex\":\"#115e59\",\"rgb\":\"17 94 89\",\"hsl\":\"176.1 69.4% 21.8%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.44 0.07 188)\",\"var\":\"--color-teal-800\"},{\"name\":\"teal\",\"id\":\"teal-900\",\"scale\":900,\"className\":\"teal-900\",\"hex\":\"#134e4a\",\"rgb\":\"19 78 74\",\"hsl\":\"175.9 60.8% 19%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.39 0.06 188)\",\"var\":\"--color-teal-900\"},{\"name\":\"teal\",\"id\":\"teal-950\",\"scale\":950,\"className\":\"teal-950\",\"hex\":\"#042f2e\",\"rgb\":\"4 47 46\",\"hsl\":\"178.6 84.3% 10%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.28 0.04 193)\",\"var\":\"--color-teal-950\"}]},{\"name\":\"cyan\",\"colors\":[{\"name\":\"cyan\",\"id\":\"cyan-50\",\"scale\":50,\"className\":\"cyan-50\",\"hex\":\"#ecfeff\",\"rgb\":\"236 254 255\",\"hsl\":\"183.2 100% 96.3%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.98 0.02 201)\",\"var\":\"--color-cyan-50\"},{\"name\":\"cyan\",\"id\":\"cyan-100\",\"scale\":100,\"className\":\"cyan-100\",\"hex\":\"#cffafe\",\"rgb\":\"207 250 254\",\"hsl\":\"185.1 95.9% 90.4%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.96 0.04 203)\",\"var\":\"--color-cyan-100\"},{\"name\":\"cyan\",\"id\":\"cyan-200\",\"scale\":200,\"className\":\"cyan-200\",\"hex\":\"#a5f3fc\",\"rgb\":\"165 243 252\",\"hsl\":\"186.2 93.5% 81.8%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.92 0.08 205)\",\"var\":\"--color-cyan-200\"},{\"name\":\"cyan\",\"id\":\"cyan-300\",\"scale\":300,\"className\":\"cyan-300\",\"hex\":\"#67e8f9\",\"rgb\":\"103 232 249\",\"hsl\":\"187 92.4% 69%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.87 0.12 207)\",\"var\":\"--color-cyan-300\"},{\"name\":\"cyan\",\"id\":\"cyan-400\",\"scale\":400,\"className\":\"cyan-400\",\"hex\":\"#22d3ee\",\"rgb\":\"34 211 238\",\"hsl\":\"187.9 85.7% 53.3%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.80 0.13 212)\",\"var\":\"--color-cyan-400\"},{\"name\":\"cyan\",\"id\":\"cyan-500\",\"scale\":500,\"className\":\"cyan-500\",\"hex\":\"#06b6d4\",\"rgb\":\"6 182 212\",\"hsl\":\"188.7 94.5% 42.7%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.71 0.13 215)\",\"var\":\"--color-cyan-500\"},{\"name\":\"cyan\",\"id\":\"cyan-600\",\"scale\":600,\"className\":\"cyan-600\",\"hex\":\"#0891b2\",\"rgb\":\"8 145 178\",\"hsl\":\"191.6 91.4% 36.5%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.61 0.11 222)\",\"var\":\"--color-cyan-600\"},{\"name\":\"cyan\",\"id\":\"cyan-700\",\"scale\":700,\"className\":\"cyan-700\",\"hex\":\"#0e7490\",\"rgb\":\"14 116 144\",\"hsl\":\"192.9 82.3% 31%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.52 0.09 223)\",\"var\":\"--color-cyan-700\"},{\"name\":\"cyan\",\"id\":\"cyan-800\",\"scale\":800,\"className\":\"cyan-800\",\"hex\":\"#155e75\",\"rgb\":\"21 94 117\",\"hsl\":\"194.4 69.6% 27.1%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.45 0.08 224)\",\"var\":\"--color-cyan-800\"},{\"name\":\"cyan\",\"id\":\"cyan-900\",\"scale\":900,\"className\":\"cyan-900\",\"hex\":\"#164e63\",\"rgb\":\"22 78 99\",\"hsl\":\"196.4 63.6% 23.7%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.40 0.07 227)\",\"var\":\"--color-cyan-900\"},{\"name\":\"cyan\",\"id\":\"cyan-950\",\"scale\":950,\"className\":\"cyan-950\",\"hex\":\"#083344\",\"rgb\":\"8 51 68\",\"hsl\":\"197 78.9% 14.9%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.30 0.05 230)\",\"var\":\"--color-cyan-950\"}]},{\"name\":\"sky\",\"colors\":[{\"name\":\"sky\",\"id\":\"sky-50\",\"scale\":50,\"className\":\"sky-50\",\"hex\":\"#f0f9ff\",\"rgb\":\"240 249 255\",\"hsl\":\"204 100% 97.1%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.98 0.01 237)\",\"var\":\"--color-sky-50\"},{\"name\":\"sky\",\"id\":\"sky-100\",\"scale\":100,\"className\":\"sky-100\",\"hex\":\"#e0f2fe\",\"rgb\":\"224 242 254\",\"hsl\":\"204 93.8% 93.7%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.95 0.03 237)\",\"var\":\"--color-sky-100\"},{\"name\":\"sky\",\"id\":\"sky-200\",\"scale\":200,\"className\":\"sky-200\",\"hex\":\"#bae6fd\",\"rgb\":\"186 230 253\",\"hsl\":\"200.6 94.4% 86.1%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.90 0.06 231)\",\"var\":\"--color-sky-200\"},{\"name\":\"sky\",\"id\":\"sky-300\",\"scale\":300,\"className\":\"sky-300\",\"hex\":\"#7dd3fc\",\"rgb\":\"125 211 252\",\"hsl\":\"199.4 95.5% 73.9%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.83 0.10 230)\",\"var\":\"--color-sky-300\"},{\"name\":\"sky\",\"id\":\"sky-400\",\"scale\":400,\"className\":\"sky-400\",\"hex\":\"#38bdf8\",\"rgb\":\"56 189 248\",\"hsl\":\"198.4 93.2% 59.6%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.75 0.14 233)\",\"var\":\"--color-sky-400\"},{\"name\":\"sky\",\"id\":\"sky-500\",\"scale\":500,\"className\":\"sky-500\",\"hex\":\"#0ea5e9\",\"rgb\":\"14 165 233\",\"hsl\":\"198.6 88.7% 48.4%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.68 0.15 237)\",\"var\":\"--color-sky-500\"},{\"name\":\"sky\",\"id\":\"sky-600\",\"scale\":600,\"className\":\"sky-600\",\"hex\":\"#0284c7\",\"rgb\":\"2 132 199\",\"hsl\":\"200.4 98% 39.4%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.59 0.14 242)\",\"var\":\"--color-sky-600\"},{\"name\":\"sky\",\"id\":\"sky-700\",\"scale\":700,\"className\":\"sky-700\",\"hex\":\"#0369a1\",\"rgb\":\"3 105 161\",\"hsl\":\"201.3 96.3% 32.2%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.50 0.12 243)\",\"var\":\"--color-sky-700\"},{\"name\":\"sky\",\"id\":\"sky-800\",\"scale\":800,\"className\":\"sky-800\",\"hex\":\"#075985\",\"rgb\":\"7 89 133\",\"hsl\":\"201 90% 27.5%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.44 0.10 241)\",\"var\":\"--color-sky-800\"},{\"name\":\"sky\",\"id\":\"sky-900\",\"scale\":900,\"className\":\"sky-900\",\"hex\":\"#0c4a6e\",\"rgb\":\"12 74 110\",\"hsl\":\"202 80.3% 23.9%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.39 0.08 241)\",\"var\":\"--color-sky-900\"},{\"name\":\"sky\",\"id\":\"sky-950\",\"scale\":950,\"className\":\"sky-950\",\"hex\":\"#082f49\",\"rgb\":\"8 47 73\",\"hsl\":\"204 80.2% 15.9%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.29 0.06 243)\",\"var\":\"--color-sky-950\"}]},{\"name\":\"blue\",\"colors\":[{\"name\":\"blue\",\"id\":\"blue-50\",\"scale\":50,\"className\":\"blue-50\",\"hex\":\"#eff6ff\",\"rgb\":\"239 246 255\",\"hsl\":\"213.8 100% 96.9%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.97 0.01 255)\",\"var\":\"--color-blue-50\"},{\"name\":\"blue\",\"id\":\"blue-100\",\"scale\":100,\"className\":\"blue-100\",\"hex\":\"#dbeafe\",\"rgb\":\"219 234 254\",\"hsl\":\"214.3 94.6% 92.7%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.93 0.03 256)\",\"var\":\"--color-blue-100\"},{\"name\":\"blue\",\"id\":\"blue-200\",\"scale\":200,\"className\":\"blue-200\",\"hex\":\"#bfdbfe\",\"rgb\":\"191 219 254\",\"hsl\":\"213.3 96.9% 87.3%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.88 0.06 254)\",\"var\":\"--color-blue-200\"},{\"name\":\"blue\",\"id\":\"blue-300\",\"scale\":300,\"className\":\"blue-300\",\"hex\":\"#93c5fd\",\"rgb\":\"147 197 253\",\"hsl\":\"211.7 96.4% 78.4%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.81 0.10 252)\",\"var\":\"--color-blue-300\"},{\"name\":\"blue\",\"id\":\"blue-400\",\"scale\":400,\"className\":\"blue-400\",\"hex\":\"#60a5fa\",\"rgb\":\"96 165 250\",\"hsl\":\"213.1 93.9% 67.8%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.71 0.14 255)\",\"var\":\"--color-blue-400\"},{\"name\":\"blue\",\"id\":\"blue-500\",\"scale\":500,\"className\":\"blue-500\",\"hex\":\"#3b82f6\",\"rgb\":\"59 130 246\",\"hsl\":\"217.2 91.2% 59.8%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.62 0.19 260)\",\"var\":\"--color-blue-500\"},{\"name\":\"blue\",\"id\":\"blue-600\",\"scale\":600,\"className\":\"blue-600\",\"hex\":\"#2563eb\",\"rgb\":\"37 99 235\",\"hsl\":\"221.2 83.2% 53.3%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.55 0.22 263)\",\"var\":\"--color-blue-600\"},{\"name\":\"blue\",\"id\":\"blue-700\",\"scale\":700,\"className\":\"blue-700\",\"hex\":\"#1d4ed8\",\"rgb\":\"29 78 216\",\"hsl\":\"224.3 76.3% 48%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.49 0.22 264)\",\"var\":\"--color-blue-700\"},{\"name\":\"blue\",\"id\":\"blue-800\",\"scale\":800,\"className\":\"blue-800\",\"hex\":\"#1e40af\",\"rgb\":\"30 64 175\",\"hsl\":\"225.9 70.7% 40.2%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.42 0.18 266)\",\"var\":\"--color-blue-800\"},{\"name\":\"blue\",\"id\":\"blue-900\",\"scale\":900,\"className\":\"blue-900\",\"hex\":\"#1e3a8a\",\"rgb\":\"30 58 138\",\"hsl\":\"224.4 64.3% 32.9%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.38 0.14 266)\",\"var\":\"--color-blue-900\"},{\"name\":\"blue\",\"id\":\"blue-950\",\"scale\":950,\"className\":\"blue-950\",\"hex\":\"#172554\",\"rgb\":\"23 37 84\",\"hsl\":\"226.2 57% 21%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.28 0.09 268)\",\"var\":\"--color-blue-950\"}]},{\"name\":\"indigo\",\"colors\":[{\"name\":\"indigo\",\"id\":\"indigo-50\",\"scale\":50,\"className\":\"indigo-50\",\"hex\":\"#eef2ff\",\"rgb\":\"238 242 255\",\"hsl\":\"225.9 100% 96.7%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.96 0.02 272)\",\"var\":\"--color-indigo-50\"},{\"name\":\"indigo\",\"id\":\"indigo-100\",\"scale\":100,\"className\":\"indigo-100\",\"hex\":\"#e0e7ff\",\"rgb\":\"224 231 255\",\"hsl\":\"226.5 100% 93.9%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.93 0.03 273)\",\"var\":\"--color-indigo-100\"},{\"name\":\"indigo\",\"id\":\"indigo-200\",\"scale\":200,\"className\":\"indigo-200\",\"hex\":\"#c7d2fe\",\"rgb\":\"199 210 254\",\"hsl\":\"228 96.5% 88.8%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.87 0.06 274)\",\"var\":\"--color-indigo-200\"},{\"name\":\"indigo\",\"id\":\"indigo-300\",\"scale\":300,\"className\":\"indigo-300\",\"hex\":\"#a5b4fc\",\"rgb\":\"165 180 252\",\"hsl\":\"229.7 93.5% 81.8%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.79 0.10 275)\",\"var\":\"--color-indigo-300\"},{\"name\":\"indigo\",\"id\":\"indigo-400\",\"scale\":400,\"className\":\"indigo-400\",\"hex\":\"#818cf8\",\"rgb\":\"129 140 248\",\"hsl\":\"234.5 89.5% 73.9%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.68 0.16 277)\",\"var\":\"--color-indigo-400\"},{\"name\":\"indigo\",\"id\":\"indigo-500\",\"scale\":500,\"className\":\"indigo-500\",\"hex\":\"#6366f1\",\"rgb\":\"99 102 241\",\"hsl\":\"238.7 83.5% 66.7%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.59 0.20 277)\",\"var\":\"--color-indigo-500\"},{\"name\":\"indigo\",\"id\":\"indigo-600\",\"scale\":600,\"className\":\"indigo-600\",\"hex\":\"#4f46e5\",\"rgb\":\"79 70 229\",\"hsl\":\"243.4 75.4% 58.6%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.51 0.23 277)\",\"var\":\"--color-indigo-600\"},{\"name\":\"indigo\",\"id\":\"indigo-700\",\"scale\":700,\"className\":\"indigo-700\",\"hex\":\"#4338ca\",\"rgb\":\"67 56 202\",\"hsl\":\"244.5 57.9% 50.6%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.46 0.21 277)\",\"var\":\"--color-indigo-700\"},{\"name\":\"indigo\",\"id\":\"indigo-800\",\"scale\":800,\"className\":\"indigo-800\",\"hex\":\"#3730a3\",\"rgb\":\"55 48 163\",\"hsl\":\"243.7 54.5% 41.4%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.40 0.18 277)\",\"var\":\"--color-indigo-800\"},{\"name\":\"indigo\",\"id\":\"indigo-900\",\"scale\":900,\"className\":\"indigo-900\",\"hex\":\"#312e81\",\"rgb\":\"49 46 129\",\"hsl\":\"242.2 47.4% 34.3%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.36 0.14 279)\",\"var\":\"--color-indigo-900\"},{\"name\":\"indigo\",\"id\":\"indigo-950\",\"scale\":950,\"className\":\"indigo-950\",\"hex\":\"#1e1b4b\",\"rgb\":\"30 27 75\",\"hsl\":\"243.8 47.1% 20%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.26 0.09 281)\",\"var\":\"--color-indigo-950\"}]},{\"name\":\"violet\",\"colors\":[{\"name\":\"violet\",\"id\":\"violet-50\",\"scale\":50,\"className\":\"violet-50\",\"hex\":\"#f5f3ff\",\"rgb\":\"245 243 255\",\"hsl\":\"250 100% 97.6%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.97 0.02 294)\",\"var\":\"--color-violet-50\"},{\"name\":\"violet\",\"id\":\"violet-100\",\"scale\":100,\"className\":\"violet-100\",\"hex\":\"#ede9fe\",\"rgb\":\"237 233 254\",\"hsl\":\"251.4 91.3% 95.5%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.94 0.03 295)\",\"var\":\"--color-violet-100\"},{\"name\":\"violet\",\"id\":\"violet-200\",\"scale\":200,\"className\":\"violet-200\",\"hex\":\"#ddd6fe\",\"rgb\":\"221 214 254\",\"hsl\":\"250.5 95.2% 91.8%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.89 0.05 293)\",\"var\":\"--color-violet-200\"},{\"name\":\"violet\",\"id\":\"violet-300\",\"scale\":300,\"className\":\"violet-300\",\"hex\":\"#c4b5fd\",\"rgb\":\"196 181 253\",\"hsl\":\"252.5 94.7% 85.1%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.81 0.10 294)\",\"var\":\"--color-violet-300\"},{\"name\":\"violet\",\"id\":\"violet-400\",\"scale\":400,\"className\":\"violet-400\",\"hex\":\"#a78bfa\",\"rgb\":\"167 139 250\",\"hsl\":\"255.1 91.7% 76.3%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.71 0.16 294)\",\"var\":\"--color-violet-400\"},{\"name\":\"violet\",\"id\":\"violet-500\",\"scale\":500,\"className\":\"violet-500\",\"hex\":\"#8b5cf6\",\"rgb\":\"139 92 246\",\"hsl\":\"258.3 89.5% 66.3%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.61 0.22 293)\",\"var\":\"--color-violet-500\"},{\"name\":\"violet\",\"id\":\"violet-600\",\"scale\":600,\"className\":\"violet-600\",\"hex\":\"#7c3aed\",\"rgb\":\"124 58 237\",\"hsl\":\"262.1 83.3% 57.8%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.54 0.25 293)\",\"var\":\"--color-violet-600\"},{\"name\":\"violet\",\"id\":\"violet-700\",\"scale\":700,\"className\":\"violet-700\",\"hex\":\"#6d28d9\",\"rgb\":\"109 40 217\",\"hsl\":\"263.4 70% 50.4%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.49 0.24 293)\",\"var\":\"--color-violet-700\"},{\"name\":\"violet\",\"id\":\"violet-800\",\"scale\":800,\"className\":\"violet-800\",\"hex\":\"#5b21b6\",\"rgb\":\"91 33 182\",\"hsl\":\"263.4 69.3% 42.2%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.43 0.21 293)\",\"var\":\"--color-violet-800\"},{\"name\":\"violet\",\"id\":\"violet-900\",\"scale\":900,\"className\":\"violet-900\",\"hex\":\"#4c1d95\",\"rgb\":\"76 29 149\",\"hsl\":\"263.5 67.4% 34.9%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.38 0.18 294)\",\"var\":\"--color-violet-900\"},{\"name\":\"violet\",\"id\":\"violet-950\",\"scale\":950,\"className\":\"violet-950\",\"hex\":\"#1e1b4b\",\"rgb\":\"46 16 101\",\"hsl\":\"261.2 72.6% 22.9%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.28 0.14 291)\",\"var\":\"--color-violet-950\"}]},{\"name\":\"purple\",\"colors\":[{\"name\":\"purple\",\"id\":\"purple-50\",\"scale\":50,\"className\":\"purple-50\",\"hex\":\"#faf5ff\",\"rgb\":\"250 245 255\",\"hsl\":\"270 100% 98%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.98 0.01 308)\",\"var\":\"--color-purple-50\"},{\"name\":\"purple\",\"id\":\"purple-100\",\"scale\":100,\"className\":\"purple-100\",\"hex\":\"#f3e8ff\",\"rgb\":\"243 232 255\",\"hsl\":\"268.7 100% 95.5%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.95 0.03 307)\",\"var\":\"--color-purple-100\"},{\"name\":\"purple\",\"id\":\"purple-200\",\"scale\":200,\"className\":\"purple-200\",\"hex\":\"#e9d5ff\",\"rgb\":\"233 213 255\",\"hsl\":\"268.6 100% 91.8%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.90 0.06 307)\",\"var\":\"--color-purple-200\"},{\"name\":\"purple\",\"id\":\"purple-300\",\"scale\":300,\"className\":\"purple-300\",\"hex\":\"#d8b4fe\",\"rgb\":\"216 180 254\",\"hsl\":\"269.2 97.4% 85.1%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.83 0.11 306)\",\"var\":\"--color-purple-300\"},{\"name\":\"purple\",\"id\":\"purple-400\",\"scale\":400,\"className\":\"purple-400\",\"hex\":\"#c084fc\",\"rgb\":\"192 132 252\",\"hsl\":\"270 95.2% 75.3%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.72 0.18 306)\",\"var\":\"--color-purple-400\"},{\"name\":\"purple\",\"id\":\"purple-500\",\"scale\":500,\"className\":\"purple-500\",\"hex\":\"#a855f7\",\"rgb\":\"168 85 247\",\"hsl\":\"270.7 91% 65.1%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.63 0.23 304)\",\"var\":\"--color-purple-500\"},{\"name\":\"purple\",\"id\":\"purple-600\",\"scale\":600,\"className\":\"purple-600\",\"hex\":\"#9333ea\",\"rgb\":\"147 51 234\",\"hsl\":\"271.5 81.3% 55.9%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.56 0.25 302)\",\"var\":\"--color-purple-600\"},{\"name\":\"purple\",\"id\":\"purple-700\",\"scale\":700,\"className\":\"purple-700\",\"hex\":\"#7e22ce\",\"rgb\":\"126 34 206\",\"hsl\":\"272.1 71.7% 47.1%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.50 0.24 302)\",\"var\":\"--color-purple-700\"},{\"name\":\"purple\",\"id\":\"purple-800\",\"scale\":800,\"className\":\"purple-800\",\"hex\":\"#6b21a8\",\"rgb\":\"107 33 168\",\"hsl\":\"272.9 67.2% 39.4%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.44 0.20 304)\",\"var\":\"--color-purple-800\"},{\"name\":\"purple\",\"id\":\"purple-900\",\"scale\":900,\"className\":\"purple-900\",\"hex\":\"#581c87\",\"rgb\":\"88 28 135\",\"hsl\":\"273.6 65.6% 32%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.38 0.17 305)\",\"var\":\"--color-purple-900\"},{\"name\":\"purple\",\"id\":\"purple-950\",\"scale\":950,\"className\":\"purple-950\",\"hex\":\"#3b0764\",\"rgb\":\"59 7 100\",\"hsl\":\"273.5 86.9% 21%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.29 0.14 303)\",\"var\":\"--color-purple-950\"}]},{\"name\":\"fuchsia\",\"colors\":[{\"name\":\"fuchsia\",\"id\":\"fuchsia-50\",\"scale\":50,\"className\":\"fuchsia-50\",\"hex\":\"#fdf4ff\",\"rgb\":\"253 244 255\",\"hsl\":\"289.1 100% 97.8%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.98 0.02 320)\",\"var\":\"--color-fuchsia-50\"},{\"name\":\"fuchsia\",\"id\":\"fuchsia-100\",\"scale\":100,\"className\":\"fuchsia-100\",\"hex\":\"#fae8ff\",\"rgb\":\"250 232 255\",\"hsl\":\"287 100% 95.5%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.95 0.04 319)\",\"var\":\"--color-fuchsia-100\"},{\"name\":\"fuchsia\",\"id\":\"fuchsia-200\",\"scale\":200,\"className\":\"fuchsia-200\",\"hex\":\"#f5d0fe\",\"rgb\":\"245 208 254\",\"hsl\":\"288.3 95.8% 90.6%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.90 0.07 320)\",\"var\":\"--color-fuchsia-200\"},{\"name\":\"fuchsia\",\"id\":\"fuchsia-300\",\"scale\":300,\"className\":\"fuchsia-300\",\"hex\":\"#f0abfc\",\"rgb\":\"240 171 252\",\"hsl\":\"291.1 93.1% 82.9%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.83 0.13 321)\",\"var\":\"--color-fuchsia-300\"},{\"name\":\"fuchsia\",\"id\":\"fuchsia-400\",\"scale\":400,\"className\":\"fuchsia-400\",\"hex\":\"#e879f9\",\"rgb\":\"232 121 249\",\"hsl\":\"292 91.4% 72.5%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.75 0.21 322)\",\"var\":\"--color-fuchsia-400\"},{\"name\":\"fuchsia\",\"id\":\"fuchsia-500\",\"scale\":500,\"className\":\"fuchsia-500\",\"hex\":\"#d946ef\",\"rgb\":\"217 70 239\",\"hsl\":\"292.2 84.1% 60.6%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.67 0.26 322)\",\"var\":\"--color-fuchsia-500\"},{\"name\":\"fuchsia\",\"id\":\"fuchsia-600\",\"scale\":600,\"className\":\"fuchsia-600\",\"hex\":\"#c026d3\",\"rgb\":\"192 38 211\",\"hsl\":\"293.4 69.5% 48.8%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.59 0.26 323)\",\"var\":\"--color-fuchsia-600\"},{\"name\":\"fuchsia\",\"id\":\"fuchsia-700\",\"scale\":700,\"className\":\"fuchsia-700\",\"hex\":\"#a21caf\",\"rgb\":\"162 28 175\",\"hsl\":\"294.7 72.4% 39.8%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.52 0.23 324)\",\"var\":\"--color-fuchsia-700\"},{\"name\":\"fuchsia\",\"id\":\"fuchsia-800\",\"scale\":800,\"className\":\"fuchsia-800\",\"hex\":\"#86198f\",\"rgb\":\"134 25 143\",\"hsl\":\"295.4 70.2% 32.9%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.45 0.19 325)\",\"var\":\"--color-fuchsia-800\"},{\"name\":\"fuchsia\",\"id\":\"fuchsia-900\",\"scale\":900,\"className\":\"fuchsia-900\",\"hex\":\"#701a75\",\"rgb\":\"112 26 117\",\"hsl\":\"296.7 63.6% 28%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.40 0.16 326)\",\"var\":\"--color-fuchsia-900\"},{\"name\":\"fuchsia\",\"id\":\"fuchsia-950\",\"scale\":950,\"className\":\"fuchsia-950\",\"hex\":\"#4a044e\",\"rgb\":\"74 4 78\",\"hsl\":\"296.8 90.2% 16.1%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.29 0.13 326)\",\"var\":\"--color-fuchsia-950\"}]},{\"name\":\"pink\",\"colors\":[{\"name\":\"pink\",\"id\":\"pink-50\",\"scale\":50,\"className\":\"pink-50\",\"hex\":\"#fdf2f8\",\"rgb\":\"253 242 248\",\"hsl\":\"327.3 73.3% 97.1%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.97 0.01 343)\",\"var\":\"--color-pink-50\"},{\"name\":\"pink\",\"id\":\"pink-100\",\"scale\":100,\"className\":\"pink-100\",\"hex\":\"#fce7f3\",\"rgb\":\"252 231 243\",\"hsl\":\"325.7 77.8% 94.7%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.95 0.03 342)\",\"var\":\"--color-pink-100\"},{\"name\":\"pink\",\"id\":\"pink-200\",\"scale\":200,\"className\":\"pink-200\",\"hex\":\"#fbcfe8\",\"rgb\":\"251 207 232\",\"hsl\":\"325.9 84.6% 89.8%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.90 0.06 343)\",\"var\":\"--color-pink-200\"},{\"name\":\"pink\",\"id\":\"pink-300\",\"scale\":300,\"className\":\"pink-300\",\"hex\":\"#f9a8d4\",\"rgb\":\"249 168 212\",\"hsl\":\"327.4 87.1% 81.8%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.82 0.11 346)\",\"var\":\"--color-pink-300\"},{\"name\":\"pink\",\"id\":\"pink-400\",\"scale\":400,\"className\":\"pink-400\",\"hex\":\"#f472b6\",\"rgb\":\"244 114 182\",\"hsl\":\"328.6 85.5% 70.2%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.73 0.18 350)\",\"var\":\"--color-pink-400\"},{\"name\":\"pink\",\"id\":\"pink-500\",\"scale\":500,\"className\":\"pink-500\",\"hex\":\"#ec4899\",\"rgb\":\"236 72 153\",\"hsl\":\"330.4 81.2% 60.4%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.66 0.21 354)\",\"var\":\"--color-pink-500\"},{\"name\":\"pink\",\"id\":\"pink-600\",\"scale\":600,\"className\":\"pink-600\",\"hex\":\"#db2777\",\"rgb\":\"219 39 119\",\"hsl\":\"333.3 71.4% 50.6%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.59 0.22 1)\",\"var\":\"--color-pink-600\"},{\"name\":\"pink\",\"id\":\"pink-700\",\"scale\":700,\"className\":\"pink-700\",\"hex\":\"#be185d\",\"rgb\":\"190 24 93\",\"hsl\":\"335.1 77.6% 42%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.52 0.20 4)\",\"var\":\"--color-pink-700\"},{\"name\":\"pink\",\"id\":\"pink-800\",\"scale\":800,\"className\":\"pink-800\",\"hex\":\"#9d174d\",\"rgb\":\"157 23 77\",\"hsl\":\"335.8 74.4% 35.3%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.46 0.17 4)\",\"var\":\"--color-pink-800\"},{\"name\":\"pink\",\"id\":\"pink-900\",\"scale\":900,\"className\":\"pink-900\",\"hex\":\"#831843\",\"rgb\":\"131 24 67\",\"hsl\":\"335.9 69% 30.4%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.41 0.14 2)\",\"var\":\"--color-pink-900\"},{\"name\":\"pink\",\"id\":\"pink-950\",\"scale\":950,\"className\":\"pink-950\",\"hex\":\"#500724\",\"rgb\":\"80 7 36\",\"hsl\":\"336.2 83.9% 17.1%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.28 0.10 4)\",\"var\":\"--color-pink-950\"}]},{\"name\":\"rose\",\"colors\":[{\"name\":\"rose\",\"id\":\"rose-50\",\"scale\":50,\"className\":\"rose-50\",\"hex\":\"#fff1f2\",\"rgb\":\"255 241 242\",\"hsl\":\"355.7 100% 97.3%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.97 0.02 12)\",\"var\":\"--color-rose-50\"},{\"name\":\"rose\",\"id\":\"rose-100\",\"scale\":100,\"className\":\"rose-100\",\"hex\":\"#ffe4e6\",\"rgb\":\"255 228 230\",\"hsl\":\"355.6 100% 94.7%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.94 0.03 13)\",\"var\":\"--color-rose-100\"},{\"name\":\"rose\",\"id\":\"rose-200\",\"scale\":200,\"className\":\"rose-200\",\"hex\":\"#fecdd3\",\"rgb\":\"254 205 211\",\"hsl\":\"352.7 96.1% 90%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.89 0.06 10)\",\"var\":\"--color-rose-200\"},{\"name\":\"rose\",\"id\":\"rose-300\",\"scale\":300,\"className\":\"rose-300\",\"hex\":\"#fda4af\",\"rgb\":\"253 164 175\",\"hsl\":\"352.6 95.7% 81.8%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.81 0.11 12)\",\"var\":\"--color-rose-300\"},{\"name\":\"rose\",\"id\":\"rose-400\",\"scale\":400,\"className\":\"rose-400\",\"hex\":\"#fb7185\",\"rgb\":\"251 113 133\",\"hsl\":\"351.3 94.5% 71.4%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.72 0.17 13)\",\"var\":\"--color-rose-400\"},{\"name\":\"rose\",\"id\":\"rose-500\",\"scale\":500,\"className\":\"rose-500\",\"hex\":\"#f43f5e\",\"rgb\":\"244 63 94\",\"hsl\":\"349.7 89.2% 60.2%\",\"foreground\":\"#000\",\"oklch\":\"oklch(0.65 0.22 16)\",\"var\":\"--color-rose-500\"},{\"name\":\"rose\",\"id\":\"rose-600\",\"scale\":600,\"className\":\"rose-600\",\"hex\":\"#e11d48\",\"rgb\":\"225 29 72\",\"hsl\":\"346.8 77.2% 49.8%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.59 0.22 18)\",\"var\":\"--color-rose-600\"},{\"name\":\"rose\",\"id\":\"rose-700\",\"scale\":700,\"className\":\"rose-700\",\"hex\":\"#be123c\",\"rgb\":\"190 18 60\",\"hsl\":\"345.3 82.7% 40.8%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.51 0.20 17)\",\"var\":\"--color-rose-700\"},{\"name\":\"rose\",\"id\":\"rose-800\",\"scale\":800,\"className\":\"rose-800\",\"hex\":\"#9f1239\",\"rgb\":\"159 18 57\",\"hsl\":\"343.4 79.7% 34.7%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.45 0.17 14)\",\"var\":\"--color-rose-800\"},{\"name\":\"rose\",\"id\":\"rose-900\",\"scale\":900,\"className\":\"rose-900\",\"hex\":\"#881337\",\"rgb\":\"136 19 55\",\"hsl\":\"341.5 75.5% 30.4%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.41 0.15 10)\",\"var\":\"--color-rose-900\"},{\"name\":\"rose\",\"id\":\"rose-950\",\"scale\":950,\"className\":\"rose-950\",\"hex\":\"#4c0519\",\"rgb\":\"76 5 25\",\"hsl\":\"343.1 87.7% 15.9%\",\"foreground\":\"#fff\",\"oklch\":\"oklch(0.27 0.10 12)\",\"var\":\"--color-rose-950\"}]}],\"navItems\":\"$f:props:children:1:props:children:0:props:children:props:children:props:children:0:props:items\"}]}],\"$L31\",\"$L32\",\"$L33\",\"$L34\",\"$L35\",\"$L36\",\"$L37\",\"$L38\",\"$L39\"]}]\n"])</script><script>self.__next_f.push([1,"1b:[\"$\",\"main\",null,{\"className\":\"flex flex-1 flex-col\",\"children\":[\"$\",\"$L8\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L9\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":\"$0:f:0:1:0:props:children:1:props:children:1:props:children:props:children:props:children:props:children:0:props:children:props:children:props:children:0:props:notFound:0:1:props:style\",\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"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)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":\"$a:props:style\",\"children\":404}],[\"$\",\"div\",null,{\"style\":\"$b:props:style\",\"children\":[\"$\",\"h2\",null,{\"style\":\"$b:props:children:props:style\",\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]\n1c:[\"$\",\"footer\",null,{\"className\":\"group-has-[.section-soft]/body:bg-surface/40 3xl:fixed:bg-transparent dark:group-has-[.section-soft]/body:bg-surface/40 group-has-[.docs-nav]/body:pb-20 group-has-[[data-slot=designer]]/body:hidden group-has-[[data-slot=docs]]/body:hidden group-has-[.docs-nav]/body:sm:pb-0 dark:bg-transparent\",\"children\":[\"$\",\"div\",null,{\"className\":\"container-wrapper px-4 xl:px-6\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex h-(--footer-height) items-center justify-between\",\"children\":[\"$\",\"div\",null,{\"className\":\"text-muted-foreground w-full px-1 text-center text-xs leading-loose sm:text-sm\",\"children\":[\"Built by\",\" \",[\"$\",\"a\",null,{\"href\":\"https://twitter.com/shadcn\",\"target\":\"_blank\",\"rel\":\"noreferrer\",\"className\":\"font-medium underline underline-offset-4\",\"children\":\"shadcn\"}],\" \",\"at\",\" \",[\"$\",\"a\",null,{\"href\":\"https://vercel.com/new?utm_source=shadcn_site\u0026utm_medium=web\u0026utm_campaign=docs_cta_deploy_now_callout\",\"target\":\"_blank\",\"rel\":\"noreferrer\",\"className\":\"font-medium underline underline-offset-4\",\"children\":\"Vercel\"}],\". The source code is available on\",\" \",[\"$\",\"a\",null,{\"href\":\"https://github.com/shadcn-ui/ui\",\"target\":\"_blank\",\"rel\":\"noreferrer\",\"className\":\"font-medium underline underline-offset-4\",\"children\":\"GitHub\"}],\".\"]}]}]}]}]\n20:[\"$\",\"script\",\"script-28\",{\"src\":\"/_next/static/chunks/97812a5a6a0f31b1.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"async\":true,\"nonce\":\"$undefined\"}]\n21:[\"$\",\"script\",\"script-29\",{\"src\":\"/_next/static/chunks/eaa51bec82f1f470.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"async\":true,\"nonce\":\"$undefined\"}]\n22:[\"$\",\"script\",\"script-30\",{\"src\":\"/_next/static/chunks/234afb69f591e643.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"async\":true,\"nonce\":\"$undefined\"}]\n23:[\"$\",\"script\",\"script-31\",{\"src\":\"/_next/static/chunks/87b930f139bd5a79.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"async\":true,\"nonce\":\"$undefined\"}]\n24:[\"$\",\"script\",\"script-32\",{\"src\":\"/_next/static/chunks/ac4c6f721d6ca795.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"async\":true,\"nonce\":\"$undefined\"}]\n25:[\"$\",\"script\",\"script-33\",{\"src\":\"/_next/static/chunks/df93dc3a1b441d2e.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"async\":true,\"nonce\":\"$undefined\"}]\n26:[\"$\",\"script\",\"script-34\",{\"src\":\"/_next/static/chunks/7c310bf9604fdcb1.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"async\":true,\"nonce\":\"$undefined\"}]\n27:[\"$\",\"script\",\"script-35\",{\"src\":\"/_next/static/chunks/03d671ba0a7ef1a9.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"async\":true,\"nonce\":\"$undefined\"}]\n28:[\"$\",\"$L3a\",null,{\"children\":[\"$\",\"$2c\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@3b\"}]}]\n"])</script><script>self.__next_f.push([1,"3c:I[621237,[\"/_next/static/chunks/c0c328f74b1afdd4.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/dfea32fc06084d7e.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/68ec6ad249f53515.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/4845f28a38827bf8.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/494816266b042607.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/86a81d4e556f4fb4.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/6e3e15edf0cfc6e2.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/35c9137b8cbb78c8.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/a343177e96b642e0.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/9729b9e19a9118b1.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/bb2dcbb3fd61b481.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/65270c1ff8109f4a.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/20217023e054f396.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/6ee8269473c5bff6.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/8e326d6a1595c144.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/894c68e14aea6afc.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/cd6f419679baf453.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/8d3cf8fe3e8a38a3.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/fa3b452dad220e27.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/6cb8ebea3eae1c0c.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/74e0a6d2cb9a02d5.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/85bfa227f5664a40.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/5f867feae37cf15f.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/84d5b4d574fd280a.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/92cd095cff569021.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/4dbd8afdc2bba112.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/af08c178eb3576cf.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/ab09ea05f2fdd688.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/d464d7eb1bd6ee43.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/2adbbdf9861c4ace.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/a9e568638f83107e.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/6744d088cf64b1b2.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/5371350f5cb67a07.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/9240a67087fb6388.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/20079538a430aae7.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/7557f9eb52c82644.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/117fe184d0efd056.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/fd544009deb208c4.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/71e80d62c4ca498f.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/3fb2eef39980623d.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/55496bee7d653cda.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/97812a5a6a0f31b1.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/eaa51bec82f1f470.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/234afb69f591e643.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/87b930f139bd5a79.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/ac4c6f721d6ca795.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/df93dc3a1b441d2e.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/7c310bf9604fdcb1.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/03d671ba0a7ef1a9.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\"],\"Separator\"]\n"])</script><script>self.__next_f.push([1,"3f:I[320119,[\"/_next/static/chunks/c0c328f74b1afdd4.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/dfea32fc06084d7e.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/68ec6ad249f53515.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/4845f28a38827bf8.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/494816266b042607.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/86a81d4e556f4fb4.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/6e3e15edf0cfc6e2.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/35c9137b8cbb78c8.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/a343177e96b642e0.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/9729b9e19a9118b1.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/bb2dcbb3fd61b481.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/65270c1ff8109f4a.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\"],\"SiteConfig\"]\n40:I[138039,[\"/_next/static/chunks/c0c328f74b1afdd4.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/dfea32fc06084d7e.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/68ec6ad249f53515.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/4845f28a38827bf8.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/494816266b042607.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/86a81d4e556f4fb4.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/6e3e15edf0cfc6e2.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/35c9137b8cbb78c8.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/a343177e96b642e0.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/9729b9e19a9118b1.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/bb2dcbb3fd61b481.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/65270c1ff8109f4a.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\"],\"ModeSwitcher\"]\n31:[\"$\",\"$L3c\",null,{\"orientation\":\"vertical\",\"className\":\"ml-2 hidden lg:block\"}]\n3d:T843,"])</script><script>self.__next_f.push([1,"M409.132 114.573c-19.608-33.596-46.205-60.194-79.798-79.8-33.598-19.607-70.277-29.408-110.063-29.408-39.781 0-76.472 9.804-110.063 29.408-33.596 19.605-60.192 46.204-79.8 79.8C9.803 148.168 0 184.854 0 224.63c0 47.78 13.94 90.745 41.827 128.906 27.884 38.164 63.906 64.572 108.063 79.227 5.14.954 8.945.283 11.419-1.996 2.475-2.282 3.711-5.14 3.711-8.562 0-.571-.049-5.708-.144-15.417a2549.81 2549.81 0 01-.144-25.406l-6.567 1.136c-4.187.767-9.469 1.092-15.846 1-6.374-.089-12.991-.757-19.842-1.999-6.854-1.231-13.229-4.086-19.13-8.559-5.898-4.473-10.085-10.328-12.56-17.556l-2.855-6.57c-1.903-4.374-4.899-9.233-8.992-14.559-4.093-5.331-8.232-8.945-12.419-10.848l-1.999-1.431c-1.332-.951-2.568-2.098-3.711-3.429-1.142-1.331-1.997-2.663-2.568-3.997-.572-1.335-.098-2.43 1.427-3.289 1.525-.859 4.281-1.276 8.28-1.276l5.708.853c3.807.763 8.516 3.042 14.133 6.851 5.614 3.806 10.229 8.754 13.846 14.842 4.38 7.806 9.657 13.754 15.846 17.847 6.184 4.093 12.419 6.136 18.699 6.136 6.28 0 11.704-.476 16.274-1.423 4.565-.952 8.848-2.383 12.847-4.285 1.713-12.758 6.377-22.559 13.988-29.41-10.848-1.14-20.601-2.857-29.264-5.14-8.658-2.286-17.605-5.996-26.835-11.14-9.235-5.137-16.896-11.516-22.985-19.126-6.09-7.614-11.088-17.61-14.987-29.979-3.901-12.374-5.852-26.648-5.852-42.826 0-23.035 7.52-42.637 22.557-58.817-7.044-17.318-6.379-36.732 1.997-58.24 5.52-1.715 13.706-.428 24.554 3.853 10.85 4.283 18.794 7.952 23.84 10.994 5.046 3.041 9.089 5.618 12.135 7.708 17.705-4.947 35.976-7.421 54.818-7.421s37.117 2.474 54.823 7.421l10.849-6.849c7.419-4.57 16.18-8.758 26.262-12.565 10.088-3.805 17.802-4.853 23.134-3.138 8.562 21.509 9.325 40.922 2.279 58.24 15.036 16.18 22.559 35.787 22.559 58.817 0 16.178-1.958 30.497-5.853 42.966-3.9 12.471-8.941 22.457-15.125 29.979-6.191 7.521-13.901 13.85-23.131 18.986-9.232 5.14-18.182 8.85-26.84 11.136-8.662 2.286-18.415 4.004-29.263 5.146 9.894 8.562 14.842 22.077 14.842 40.539v60.237c0 3.422 1.19 6.279 3.572 8.562 2.379 2.279 6.136 2.95 11.276 1.995 44.163-14.653 80.185-41.062 108.068-79.226 27.88-38.161 41.825-81.126 41.825-128.906-.01-39.771-9.818-76.454-29.414-110.049z"])</script><script>self.__next_f.push([1,"32:[\"$\",\"$L2e\",null,{\"href\":\"https://github.com/shadcn-ui/ui\",\"target\":\"_blank\",\"rel\":\"noreferrer\",\"children\":[[\"$\",\"svg\",null,{\"viewBox\":\"0 0 438.549 438.549\",\"children\":[\"$\",\"path\",null,{\"fill\":\"currentColor\",\"d\":\"$3d\"}]}],[\"$\",\"$2c\",null,{\"fallback\":[\"$\",\"div\",null,{\"data-slot\":\"skeleton\",\"className\":\"bg-accent animate-pulse rounded-md h-4 w-[42px]\"}],\"children\":\"$L3e\"}]],\"data-slot\":\"button\",\"data-variant\":\"ghost\",\"data-size\":\"sm\",\"className\":\"inline-flex items-center justify-center whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [\u0026_svg]:pointer-events-none [\u0026_svg:not([class*='size-'])]:size-4 shrink-0 [\u0026_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50 rounded-md gap-1.5 px-3 has-[\u003esvg]:px-2.5 h-8 shadow-none\",\"ref\":null}]\n33:[\"$\",\"$L3c\",null,{\"orientation\":\"vertical\",\"className\":\"3xl:flex hidden\"}]\n34:[\"$\",\"$L3f\",null,{\"className\":\"3xl:flex hidden\"}]\n35:[\"$\",\"$L3c\",null,{\"orientation\":\"vertical\"}]\n36:[\"$\",\"$L40\",null,{}]\n37:[\"$\",\"$L3c\",null,{\"orientation\":\"vertical\",\"className\":\"mr-2\"}]\n38:[\"$\",\"$L2e\",null,{\"href\":\"/create\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"color\":\"currentColor\",\"className\":\"\",\"children\":[[\"$\",\"path\",\"0\",{\"d\":\"M12 4V20M20 12H4\",\"stroke\":\"currentColor\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"strokeWidth\":\"1.5\",\"opacity\":\"$undefined\"}]]}],\"New Project\"],\"data-slot\":\"button\",\"data-variant\":\"default\",\"data-size\":\"sm\",\"className\":\"items-center justify-center whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [\u0026_svg]:pointer-events-none [\u0026_svg:not([class*='size-'])]:size-4 shrink-0 [\u0026_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive bg-primary text-primary-foreground hover:bg-primary/90 gap-1.5 px-3 has-[\u003esvg]:px-2.5 hidden h-[31px] rounded-lg sm:flex\",\"ref\":null}]\n39:[\"$\",\"$L2e\",null,{\"href\":\"/create\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"color\":\"currentColor\",\"className\":\"\",\"children\":[[\"$\",\"path\",\"0\",{\"d\":\"M12 4V20M20 12H4\",\"stroke\":\"currentColor\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"strokeWidth\":\"1.5\",\"opacity\":\"$undefined\"}]]}],\"New\"],\"data-slot\":\"button\",\"data-variant\":\"default\",\"data-size\":\"sm\",\"className\":\"inline-flex items-center justify-center whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [\u0026_svg]:pointer-events-none [\u0026_svg:not([class*='size-'])]:size-4 shrink-0 [\u0026_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive bg-primary text-primary-foreground hover:bg-primary/90 gap-1.5 px-3 has-[\u003esvg]:px-2.5 h-[31px] rounded-lg sm:hidden\",\"ref\":null}]\n"])</script><script>self.__next_f.push([1,"3e:[\"$\",\"span\",null,{\"className\":\"text-muted-foreground w-fit text-xs tabular-nums\",\"children\":\"107k\"}]\n"])</script><script>self.__next_f.push([1,"2a:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script><script>self.__next_f.push([1,"41:I[503720,[\"/_next/static/chunks/4a92d72bf0b9948c.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/4d9a8044be29d711.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\"],\"IconMark\"]\n"])</script><script>self.__next_f.push([1,"2d:[[\"$\",\"title\",\"0\",{\"children\":\"Installation - shadcn/ui\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"How to install dependencies and structure your app.\"}],[\"$\",\"link\",\"2\",{\"rel\":\"author\",\"href\":\"https://shadcn.com\"}],[\"$\",\"meta\",\"3\",{\"name\":\"author\",\"content\":\"shadcn\"}],[\"$\",\"link\",\"4\",{\"rel\":\"manifest\",\"href\":\"https://ui.shadcn.com/site.webmanifest\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"meta\",\"5\",{\"name\":\"keywords\",\"content\":\"Next.js,React,Tailwind CSS,Components,shadcn\"}],[\"$\",\"meta\",\"6\",{\"name\":\"creator\",\"content\":\"shadcn\"}],[\"$\",\"link\",\"7\",{\"rel\":\"alternate\",\"type\":\"application/rss+xml\",\"href\":\"https://ui.shadcn.com/rss.xml\"}],[\"$\",\"meta\",\"8\",{\"property\":\"og:title\",\"content\":\"Installation\"}],[\"$\",\"meta\",\"9\",{\"property\":\"og:description\",\"content\":\"How to install dependencies and structure your app.\"}],[\"$\",\"meta\",\"10\",{\"property\":\"og:url\",\"content\":\"https://ui.shadcn.com/docs/installation\"}],[\"$\",\"meta\",\"11\",{\"property\":\"og:image\",\"content\":\"https://ui.shadcn.com/og?title=Installation\u0026description=How%20to%20install%20dependencies%20and%20structure%20your%20app.\"}],[\"$\",\"meta\",\"12\",{\"property\":\"og:type\",\"content\":\"article\"}],[\"$\",\"meta\",\"13\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"14\",{\"name\":\"twitter:creator\",\"content\":\"@shadcn\"}],[\"$\",\"meta\",\"15\",{\"name\":\"twitter:title\",\"content\":\"Installation\"}],[\"$\",\"meta\",\"16\",{\"name\":\"twitter:description\",\"content\":\"How to install dependencies and structure your app.\"}],[\"$\",\"meta\",\"17\",{\"name\":\"twitter:image\",\"content\":\"https://ui.shadcn.com/og?title=Installation\u0026description=How%20to%20install%20dependencies%20and%20structure%20your%20app.\"}],[\"$\",\"link\",\"18\",{\"rel\":\"shortcut icon\",\"href\":\"/favicon-16x16.png\"}],[\"$\",\"link\",\"19\",{\"rel\":\"icon\",\"href\":\"/favicon.ico\"}],[\"$\",\"link\",\"20\",{\"rel\":\"apple-touch-icon\",\"href\":\"/apple-touch-icon.png\"}],[\"$\",\"$L41\",\"21\",{}]]\n"])</script><script>self.__next_f.push([1,"3b:null\n"])</script><script>self.__next_f.push([1,"42:I[967375,[\"/_next/static/chunks/c0c328f74b1afdd4.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/dfea32fc06084d7e.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/68ec6ad249f53515.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/4845f28a38827bf8.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/494816266b042607.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/86a81d4e556f4fb4.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/6e3e15edf0cfc6e2.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/35c9137b8cbb78c8.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/a343177e96b642e0.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/9729b9e19a9118b1.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/bb2dcbb3fd61b481.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/65270c1ff8109f4a.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/20217023e054f396.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/6ee8269473c5bff6.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/8e326d6a1595c144.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/894c68e14aea6afc.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/cd6f419679baf453.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/8d3cf8fe3e8a38a3.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/fa3b452dad220e27.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/6cb8ebea3eae1c0c.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/74e0a6d2cb9a02d5.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/85bfa227f5664a40.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/5f867feae37cf15f.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/84d5b4d574fd280a.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/92cd095cff569021.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/4dbd8afdc2bba112.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/af08c178eb3576cf.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/ab09ea05f2fdd688.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/d464d7eb1bd6ee43.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/2adbbdf9861c4ace.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/a9e568638f83107e.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/6744d088cf64b1b2.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/5371350f5cb67a07.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/9240a67087fb6388.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/20079538a430aae7.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/7557f9eb52c82644.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/117fe184d0efd056.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/fd544009deb208c4.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/71e80d62c4ca498f.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/3fb2eef39980623d.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/55496bee7d653cda.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/97812a5a6a0f31b1.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/eaa51bec82f1f470.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/234afb69f591e643.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/87b930f139bd5a79.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/ac4c6f721d6ca795.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/df93dc3a1b441d2e.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/7c310bf9604fdcb1.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/03d671ba0a7ef1a9.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\"],\"DocsCopyPage\"]\n"])</script><script>self.__next_f.push([1,"43:T50d4,"])</script><script>self.__next_f.push([1,"---\ntitle: Installation\ndescription: How to install dependencies and structure your app.\n---\n\n\u003cCallout className=\"mb-6 border-emerald-600 bg-emerald-100 dark:border-emerald-400 dark:bg-emerald-900\"\u003e\n\n**Starting a new project?** Use [shadcn/create](/create) to scaffold a complete app with custom themes, components, and presets. Works with Next.js, Vite, and TanStack Start.\n\n\u003c/Callout\u003e\n\n## Quick Start\n\nRun the following command to create a new project with shadcn/ui:\n\n```bash\nnpx shadcn@latest create\n```\n\nThis will guide you through the process of creating a new project with shadcn/ui with your preferred framework, icon library, and theme.\n\n## Pick Your Framework\n\nStart by selecting your framework of choice. Then follow the instructions to install the dependencies and structure your app. shadcn/ui is built to work with all React frameworks.\n\n\u003cdiv className=\"mt-8 grid gap-4 sm:grid-cols-2 sm:gap-6\"\u003e\n \u003cLinkedCard href=\"/docs/installation/next\"\u003e\n \u003csvg\n role=\"img\"\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n className=\"h-10 w-10\"\n fill=\"currentColor\"\n \u003e\n \u003ctitle\u003eNext.js\u003c/title\u003e\n \u003cpath d=\"M11.5725 0c-.1763 0-.3098.0013-.3584.0067-.0516.0053-.2159.021-.3636.0328-3.4088.3073-6.6017 2.1463-8.624 4.9728C1.1004 6.584.3802 8.3666.1082 10.255c-.0962.659-.108.8537-.108 1.7474s.012 1.0884.108 1.7476c.652 4.506 3.8591 8.2919 8.2087 9.6945.7789.2511 1.6.4223 2.5337.5255.3636.04 1.9354.04 2.299 0 1.6117-.1783 2.9772-.577 4.3237-1.2643.2065-.1056.2464-.1337.2183-.1573-.0188-.0139-.8987-1.1938-1.9543-2.62l-1.919-2.592-2.4047-3.5583c-1.3231-1.9564-2.4117-3.556-2.4211-3.556-.0094-.0026-.0187 1.5787-.0235 3.509-.0067 3.3802-.0093 3.5162-.0516 3.596-.061.115-.108.1618-.2064.2134-.075.0374-.1408.0445-.495.0445h-.406l-.1078-.068a.4383.4383 0 01-.1572-.1712l-.0493-.1056.0053-4.703.0067-4.7054.0726-.0915c.0376-.0493.1174-.1125.1736-.143.0962-.047.1338-.0517.5396-.0517.4787 0 .5584.0187.6827.1547.0353.0377 1.3373 1.9987 2.895 4.3608a10760.433 10760.433 0 004.7344 7.1706l1.9002 2.8782.096-.0633c.8518-.5536 1.7525-1.3418 2.4657-2.1627 1.5179-1.7429 2.4963-3.868 2.8247-6.134.0961-.6591.1078-.854.1078-1.7475 0-.8937-.012-1.0884-.1078-1.7476-.6522-4.506-3.8592-8.2919-8.2087-9.6945-.7672-.2487-1.5836-.42-2.4985-.5232-.169-.0176-1.0835-.0366-1.6123-.037zm4.0685 7.217c.3473 0 .4082.0053.4857.047.1127.0562.204.1642.237.2767.0186.061.0234 1.3653.0186 4.3044l-.0067 4.2175-.7436-1.14-.7461-1.14v-3.066c0-1.982.0093-3.0963.0234-3.1502.0375-.1313.1196-.2346.2323-.2955.0961-.0494.1313-.054.4997-.054z\" /\u003e\n \u003c/svg\u003e\n \u003cp className=\"mt-2 font-medium\"\u003eNext.js\u003c/p\u003e\n \u003c/LinkedCard\u003e\n \u003cLinkedCard href=\"/docs/installation/vite\"\u003e\n \u003csvg\n role=\"img\"\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n className=\"h-10 w-10\"\n fill=\"currentColor\"\n \u003e\n \u003ctitle\u003eVite\u003c/title\u003e\n \u003cpath d=\"m8.286 10.578.512-8.657a.306.306 0 0 1 .247-.282L17.377.006a.306.306 0 0 1 .353.385l-1.558 5.403a.306.306 0 0 0 .352.385l2.388-.46a.306.306 0 0 1 .332.438l-6.79 13.55-.123.19a.294.294 0 0 1-.252.14c-.177 0-.35-.152-.305-.369l1.095-5.301a.306.306 0 0 0-.388-.355l-1.433.435a.306.306 0 0 1-.389-.354l.69-3.375a.306.306 0 0 0-.37-.36l-2.32.536a.306.306 0 0 1-.374-.316zm14.976-7.926L17.284 3.74l-.544 1.887 2.077-.4a.8.8 0 0 1 .84.369.8.8 0 0 1 .034.783L12.9 19.93l-.013.025-.015.023-.122.19a.801.801 0 0 1-.672.37.826.826 0 0 1-.634-.302.8.8 0 0 1-.16-.67l1.029-4.981-1.12.34a.81.81 0 0 1-.86-.262.802.802 0 0 1-.165-.67l.63-3.08-2.027.468a.808.808 0 0 1-.768-.233.81.81 0 0 1-.217-.6l.389-6.57-7.44-1.33a.612.612 0 0 0-.64.906L11.58 23.691a.612.612 0 0 0 1.066-.004l11.26-20.135a.612.612 0 0 0-.644-.9z\" /\u003e\n \u003c/svg\u003e\n \u003cp className=\"mt-2 font-medium\"\u003eVite\u003c/p\u003e\n \u003c/LinkedCard\u003e\n \u003cLinkedCard href=\"/docs/installation/laravel\"\u003e\n \u003csvg\n role=\"img\"\n viewBox=\"0 0 62 65\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n className=\"h-10 w-10\"\n \u003e\n \u003cpath d=\"M61.8548 14.6253C61.8778 14.7102 61.8895 14.7978 61.8897 14.8858V28.5615C61.8898 28.737 61.8434 28.9095 61.7554 29.0614C61.6675 29.2132 61.5409 29.3392 61.3887 29.4265L49.9104 36.0351V49.1337C49.9104 49.4902 49.7209 49.8192 49.4118 49.9987L25.4519 63.7916C25.3971 63.8227 25.3372 63.8427 25.2774 63.8639C25.255 63.8714 25.2338 63.8851 25.2101 63.8913C25.0426 63.9354 24.8666 63.9354 24.6991 63.8913C24.6716 63.8838 24.6467 63.8689 24.6205 63.8589C24.5657 63.8389 24.5084 63.8215 24.456 63.7916L0.501061 49.9987C0.348882 49.9113 0.222437 49.7853 0.134469 49.6334C0.0465019 49.4816 0.000120578 49.3092 0 49.1337L0 8.10652C0 8.01678 0.0124642 7.92953 0.0348998 7.84477C0.0423783 7.8161 0.0598282 7.78993 0.0697995 7.76126C0.0884958 7.70891 0.105946 7.65531 0.133367 7.6067C0.152063 7.5743 0.179485 7.54812 0.20192 7.51821C0.230588 7.47832 0.256763 7.43719 0.290416 7.40229C0.319084 7.37362 0.356476 7.35243 0.388883 7.32751C0.425029 7.29759 0.457436 7.26518 0.498568 7.2415L12.4779 0.345059C12.6296 0.257786 12.8015 0.211853 12.9765 0.211853C13.1515 0.211853 13.3234 0.257786 13.475 0.345059L25.4531 7.2415H25.4556C25.4955 7.26643 25.5292 7.29759 25.5653 7.32626C25.5977 7.35119 25.6339 7.37362 25.6625 7.40104C25.6974 7.43719 25.7224 7.47832 25.7523 7.51821C25.7735 7.54812 25.8021 7.5743 25.8196 7.6067C25.8483 7.65656 25.8645 7.70891 25.8844 7.76126C25.8944 7.78993 25.9118 7.8161 25.9193 7.84602C25.9423 7.93096 25.954 8.01853 25.9542 8.10652V33.7317L35.9355 27.9844V14.8846C35.9355 14.7973 35.948 14.7088 35.9704 14.6253C35.9792 14.5954 35.9954 14.5692 36.0053 14.5405C36.0253 14.4882 36.0427 14.4346 36.0702 14.386C36.0888 14.3536 36.1163 14.3274 36.1375 14.2975C36.1674 14.2576 36.1923 14.2165 36.2272 14.1816C36.2559 14.1529 36.292 14.1317 36.3244 14.1068C36.3618 14.0769 36.3942 14.0445 36.4341 14.0208L48.4147 7.12434C48.5663 7.03694 48.7383 6.99094 48.9133 6.99094C49.0883 6.99094 49.2602 7.03694 49.4118 7.12434L61.3899 14.0208C61.4323 14.0457 61.4647 14.0769 61.5021 14.1055C61.5333 14.1305 61.5694 14.1529 61.5981 14.1803C61.633 14.2165 61.6579 14.2576 61.6878 14.2975C61.7103 14.3274 61.7377 14.3536 61.7551 14.386C61.7838 14.4346 61.8 14.4882 61.8199 14.5405C61.8312 14.5692 61.8474 14.5954 61.8548 14.6253ZM59.893 27.9844V16.6121L55.7013 19.0252L49.9104 22.3593V33.7317L59.8942 27.9844H59.893ZM47.9149 48.5566V37.1768L42.2187 40.4299L25.953 49.7133V61.2003L47.9149 48.5566ZM1.99677 9.83281V48.5566L23.9562 61.199V49.7145L12.4841 43.2219L12.4804 43.2194L12.4754 43.2169C12.4368 43.1945 12.4044 43.1621 12.3682 43.1347C12.3371 43.1097 12.3009 43.0898 12.2735 43.0624L12.271 43.0586C12.2386 43.0275 12.2162 42.9888 12.1887 42.9539C12.1638 42.9203 12.1339 42.8916 12.114 42.8567L12.1127 42.853C12.0903 42.8156 12.0766 42.7707 12.0604 42.7283C12.0442 42.6909 12.023 42.656 12.013 42.6161C12.0005 42.5688 11.998 42.5177 11.9931 42.4691C11.9881 42.4317 11.9781 42.3943 11.9781 42.3569V15.5801L6.18848 12.2446L1.99677 9.83281ZM12.9777 2.36177L2.99764 8.10652L12.9752 13.8513L22.9541 8.10527L12.9752 2.36177H12.9777ZM18.1678 38.2138L23.9574 34.8809V9.83281L19.7657 12.2459L13.9749 15.5801V40.6281L18.1678 38.2138ZM48.9133 9.14105L38.9344 14.8858L48.9133 20.6305L58.8909 14.8846L48.9133 9.14105ZM47.9149 22.3593L42.124 19.0252L37.9323 16.6121V27.9844L43.7219 31.3174L47.9149 33.7317V22.3593ZM24.9533 47.987L39.59 39.631L46.9065 35.4555L36.9352 29.7145L25.4544 36.3242L14.9907 42.3482L24.9533 47.987Z\" /\u003e\n \u003c/svg\u003e\n \u003cp className=\"mt-2 font-medium\"\u003eLaravel\u003c/p\u003e\n \u003c/LinkedCard\u003e\n \u003cLinkedCard href=\"/docs/installation/react-router\"\u003e\n \u003csvg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\"\n className=\"h-10 w-10\"\n fill=\"currentColor\"\n \u003e\n \u003cpath d=\"M12.118 5.466a2.306 2.306 0 0 0-.623.08c-.278.067-.702.332-.953.583-.41.423-.49.609-.662 1.469-.08.423.41 1.43.847 1.734.45.317 1.085.502 2.065.608 1.429.16 1.84.636 1.84 2.197 0 1.377-.385 1.747-1.96 1.906-1.707.172-2.58.834-2.765 2.117-.106.781.41 1.76 1.125 2.091 1.627.768 3.15-.198 3.467-2.196.211-1.284.622-1.642 1.998-1.747 1.588-.133 2.409-.675 2.713-1.787.278-1.02-.304-2.157-1.297-2.554-.264-.106-.873-.238-1.35-.291-1.495-.16-1.879-.424-2.038-1.39-.225-1.337-.317-1.562-.794-2.09a2.174 2.174 0 0 0-1.613-.73zm-4.785 4.36a2.145 2.145 0 0 0-.497.048c-1.469.318-2.17 2.051-1.35 3.295 1.178 1.774 3.944.953 3.97-1.177.012-1.193-.98-2.143-2.123-2.166zM2.089 14.19a2.22 2.22 0 0 0-.427.052c-2.158.476-2.237 3.626-.106 4.182.53.145.582.145 1.111.013 1.191-.318 1.866-1.456 1.549-2.607-.278-1.02-1.144-1.664-2.127-1.64zm19.824.008c-.233.002-.477.058-.784.162-1.39.477-1.866 2.092-.98 3.336.557.794 1.96 1.058 2.82.516 1.416-.874 1.363-3.057-.093-3.746-.38-.186-.663-.271-.963-.268z\" /\u003e\n \u003c/svg\u003e\n \u003cp className=\"mt-2 font-medium\"\u003eReact Router\u003c/p\u003e\n \u003c/LinkedCard\u003e\n \u003cLinkedCard href=\"/docs/installation/astro\"\u003e\n \u003csvg\n role=\"img\"\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n className=\"h-10 w-10\"\n fill=\"currentColor\"\n \u003e\n \u003ctitle\u003eAstro\u003c/title\u003e\n \u003cpath\n d=\"M16.074 16.86C15.354 17.476 13.917 17.895 12.262 17.895C10.23 17.895 8.527 17.263 8.075 16.412C7.914 16.9 7.877 17.458 7.877 17.814C7.877 17.814 7.771 19.564 8.988 20.782C8.988 20.15 9.501 19.637 10.133 19.637C11.216 19.637 11.215 20.582 11.214 21.349V21.418C11.214 22.582 11.925 23.579 12.937 24C12.7812 23.6794 12.7005 23.3275 12.701 22.971C12.701 21.861 13.353 21.448 14.111 20.968C14.713 20.585 15.383 20.161 15.844 19.308C16.0926 18.8493 16.2225 18.3357 16.222 17.814C16.2221 17.4903 16.1722 17.1685 16.074 16.86ZM15.551 0.6C15.747 0.844 15.847 1.172 16.047 1.829L20.415 16.176C18.7743 15.3246 17.0134 14.7284 15.193 14.408L12.35 4.8C12.3273 4.72337 12.2803 4.65616 12.2162 4.60844C12.152 4.56072 12.0742 4.53505 11.9943 4.53528C11.9143 4.5355 11.8366 4.56161 11.7727 4.60969C11.7089 4.65777 11.6623 4.72524 11.64 4.802L8.83 14.405C7.00149 14.724 5.23264 15.3213 3.585 16.176L7.974 1.827C8.174 1.171 8.274 0.843 8.471 0.6C8.64406 0.385433 8.86922 0.218799 9.125 0.116C9.415 0 9.757 0 10.443 0H13.578C14.264 0 14.608 0 14.898 0.117C15.1529 0.219851 15.3783 0.386105 15.551 0.6Z\"\n fill=\"currentColor\"\n /\u003e\n \u003c/svg\u003e\n \u003cp className=\"mt-2 font-medium\"\u003eAstro\u003c/p\u003e\n \u003c/LinkedCard\u003e\n \u003cLinkedCard href=\"/docs/installation/tanstack\"\u003e\n \u003csvg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\"\n className=\"h-10 w-10\"\n fill=\"currentColor\"\n \u003e\n \u003cpath d=\"M6.93 13.688a.343.343 0 0 1 .468.132l.063.106c.48.851.98 1.66 1.5 2.426a35.65 35.65 0 0 0 2.074 2.742.345.345 0 0 1-.039.484l-.074.066c-2.543 2.223-4.191 2.665-4.953 1.333-.746-1.305-.477-3.672.808-7.11a.344.344 0 0 1 .153-.18ZM17.75 16.3a.34.34 0 0 1 .395.27l.02.1c.628 3.286.187 4.93-1.325 4.93-1.48 0-3.36-1.402-5.649-4.203a.327.327 0 0 1-.074-.222c0-.188.156-.34.344-.34h.121a32.984 32.984 0 0 0 2.809-.098c1.07-.086 2.191-.23 3.359-.437zm.871-6.977a.353.353 0 0 1 .445-.21l.102.034c3.262 1.11 4.504 2.332 3.719 3.664-.766 1.305-2.993 2.254-6.684 2.848a.362.362 0 0 1-.238-.047.343.343 0 0 1-.125-.476l.062-.106a34.07 34.07 0 0 0 1.367-2.523c.477-.989.93-2.051 1.352-3.184zM7.797 8.34a.362.362 0 0 1 .238.047.343.343 0 0 1 .125.476l-.062.106a34.088 34.088 0 0 0-1.367 2.523c-.477.988-.93 2.051-1.352 3.184a.353.353 0 0 1-.445.21l-.102-.034C1.57 13.742.328 12.52 1.113 11.188 1.88 9.883 4.106 8.934 7.797 8.34Zm5.281-3.984c2.543-2.223 4.192-2.664 4.953-1.332.746 1.304.477 3.671-.808 7.109a.344.344 0 0 1-.153.18.343.343 0 0 1-.468-.133l-.063-.106a34.64 34.64 0 0 0-1.5-2.426 35.65 35.65 0 0 0-2.074-2.742.345.345 0 0 1 .039-.484ZM7.285 2.274c1.48 0 3.364 1.402 5.649 4.203a.349.349 0 0 1 .078.218.348.348 0 0 1-.348.344l-.117-.004a34.584 34.584 0 0 0-2.809.102 35.54 35.54 0 0 0-3.363.437.343.343 0 0 1-.394-.273l-.02-.098c-.629-3.285-.188-4.93 1.324-4.93Zm2.871 5.812h3.688a.638.638 0 0 1 .55.316l1.848 3.22a.644.644 0 0 1 0 .628l-1.847 3.223a.638.638 0 0 1-.551.316h-3.688a.627.627 0 0 1-.547-.316L7.758 12.25a.644.644 0 0 1 0-.629L9.61 8.402a.627.627 0 0 1 .546-.316Zm3.23.793a.638.638 0 0 1 .552.316l1.39 2.426a.644.644 0 0 1 0 .629l-1.39 2.43a.638.638 0 0 1-.551.316h-2.774a.627.627 0 0 1-.546-.316l-1.395-2.43a.644.644 0 0 1 0-.629l1.395-2.426a.627.627 0 0 1 .546-.316Zm-.491.867h-1.79a.624.624 0 0 0-.546.316l-.899 1.56a.644.644 0 0 0 0 .628l.899 1.563a.632.632 0 0 0 .547.316h1.789a.632.632 0 0 0 .547-.316l.898-1.563a.644.644 0 0 0 0-.629l-.898-1.558a.624.624 0 0 0-.547-.317Zm-.477.828c.227 0 .438.121.547.317l.422.73a.625.625 0 0 1 0 .629l-.422.734a.627.627 0 0 1-.547.317h-.836a.632.632 0 0 1-.547-.317l-.422-.734a.625.625 0 0 1 0-.629l.422-.73a.632.632 0 0 1 .547-.317zm-.418.817a.548.548 0 0 0-.473.273.547.547 0 0 0 0 .547.544.544 0 0 0 .473.27.544.544 0 0 0 .473-.27.547.547 0 0 0 0-.547.548.548 0 0 0-.473-.273Zm-4.422.546h.98M18.98 7.75c.391-1.895.477-3.344.223-4.398-.148-.63-.422-1.137-.84-1.508-.441-.39-1-.582-1.625-.582-1.035 0-2.12.472-3.281 1.367a14.9 14.9 0 0 0-1.473 1.316 1.206 1.206 0 0 0-.136-.144c-1.446-1.285-2.66-2.082-3.7-2.39-.617-.184-1.195-.2-1.722-.024-.559.187-1.004.574-1.317 1.117-.515.894-.652 2.074-.46 3.527.078.59.214 1.235.402 1.934a1.119 1.119 0 0 0-.215.047C3.008 8.62 1.71 9.269.926 10.015c-.465.442-.77.938-.883 1.481-.113.578 0 1.156.312 1.7.516.894 1.465 1.597 2.817 2.155.543.223 1.156.426 1.844.61a1.023 1.023 0 0 0-.07.226c-.391 1.891-.477 3.344-.223 4.395.148.629.425 1.14.84 1.508.44.39 1 .582 1.625.582 1.035 0 2.12-.473 3.28-1.364.477-.37.973-.816 1.489-1.336a1.2 1.2 0 0 0 .195.227c1.446 1.285 2.66 2.082 3.7 2.39.617.184 1.195.2 1.722.024.559-.187 1.004-.574 1.317-1.117.515-.894.652-2.074.46-3.527a14.941 14.941 0 0 0-.425-2.012 1.225 1.225 0 0 0 .238-.047c1.828-.61 3.125-1.258 3.91-2.004.465-.441.77-.937.883-1.48.113-.578 0-1.157-.313-1.7-.515-.894-1.464-1.597-2.816-2.156a14.576 14.576 0 0 0-1.906-.625.865.865 0 0 0 .059-.195z\" /\u003e\n \u003c/svg\u003e\n \u003cp className=\"mt-2 font-medium\"\u003eTanStack Start\u003c/p\u003e\n \u003c/LinkedCard\u003e\n \u003cLinkedCard href=\"/docs/installation/tanstack-router\"\u003e\n \u003csvg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\"\n className=\"h-10 w-10\"\n fill=\"currentColor\"\n \u003e\n \u003cpath d=\"M6.93 13.688a.343.343 0 0 1 .468.132l.063.106c.48.851.98 1.66 1.5 2.426a35.65 35.65 0 0 0 2.074 2.742.345.345 0 0 1-.039.484l-.074.066c-2.543 2.223-4.191 2.665-4.953 1.333-.746-1.305-.477-3.672.808-7.11a.344.344 0 0 1 .153-.18ZM17.75 16.3a.34.34 0 0 1 .395.27l.02.1c.628 3.286.187 4.93-1.325 4.93-1.48 0-3.36-1.402-5.649-4.203a.327.327 0 0 1-.074-.222c0-.188.156-.34.344-.34h.121a32.984 32.984 0 0 0 2.809-.098c1.07-.086 2.191-.23 3.359-.437zm.871-6.977a.353.353 0 0 1 .445-.21l.102.034c3.262 1.11 4.504 2.332 3.719 3.664-.766 1.305-2.993 2.254-6.684 2.848a.362.362 0 0 1-.238-.047.343.343 0 0 1-.125-.476l.062-.106a34.07 34.07 0 0 0 1.367-2.523c.477-.989.93-2.051 1.352-3.184zM7.797 8.34a.362.362 0 0 1 .238.047.343.343 0 0 1 .125.476l-.062.106a34.088 34.088 0 0 0-1.367 2.523c-.477.988-.93 2.051-1.352 3.184a.353.353 0 0 1-.445.21l-.102-.034C1.57 13.742.328 12.52 1.113 11.188 1.88 9.883 4.106 8.934 7.797 8.34Zm5.281-3.984c2.543-2.223 4.192-2.664 4.953-1.332.746 1.304.477 3.671-.808 7.109a.344.344 0 0 1-.153.18.343.343 0 0 1-.468-.133l-.063-.106a34.64 34.64 0 0 0-1.5-2.426 35.65 35.65 0 0 0-2.074-2.742.345.345 0 0 1 .039-.484ZM7.285 2.274c1.48 0 3.364 1.402 5.649 4.203a.349.349 0 0 1 .078.218.348.348 0 0 1-.348.344l-.117-.004a34.584 34.584 0 0 0-2.809.102 35.54 35.54 0 0 0-3.363.437.343.343 0 0 1-.394-.273l-.02-.098c-.629-3.285-.188-4.93 1.324-4.93Zm2.871 5.812h3.688a.638.638 0 0 1 .55.316l1.848 3.22a.644.644 0 0 1 0 .628l-1.847 3.223a.638.638 0 0 1-.551.316h-3.688a.627.627 0 0 1-.547-.316L7.758 12.25a.644.644 0 0 1 0-.629L9.61 8.402a.627.627 0 0 1 .546-.316Zm3.23.793a.638.638 0 0 1 .552.316l1.39 2.426a.644.644 0 0 1 0 .629l-1.39 2.43a.638.638 0 0 1-.551.316h-2.774a.627.627 0 0 1-.546-.316l-1.395-2.43a.644.644 0 0 1 0-.629l1.395-2.426a.627.627 0 0 1 .546-.316Zm-.491.867h-1.79a.624.624 0 0 0-.546.316l-.899 1.56a.644.644 0 0 0 0 .628l.899 1.563a.632.632 0 0 0 .547.316h1.789a.632.632 0 0 0 .547-.316l.898-1.563a.644.644 0 0 0 0-.629l-.898-1.558a.624.624 0 0 0-.547-.317Zm-.477.828c.227 0 .438.121.547.317l.422.73a.625.625 0 0 1 0 .629l-.422.734a.627.627 0 0 1-.547.317h-.836a.632.632 0 0 1-.547-.317l-.422-.734a.625.625 0 0 1 0-.629l.422-.73a.632.632 0 0 1 .547-.317zm-.418.817a.548.548 0 0 0-.473.273.547.547 0 0 0 0 .547.544.544 0 0 0 .473.27.544.544 0 0 0 .473-.27.547.547 0 0 0 0-.547.548.548 0 0 0-.473-.273Zm-4.422.546h.98M18.98 7.75c.391-1.895.477-3.344.223-4.398-.148-.63-.422-1.137-.84-1.508-.441-.39-1-.582-1.625-.582-1.035 0-2.12.472-3.281 1.367a14.9 14.9 0 0 0-1.473 1.316 1.206 1.206 0 0 0-.136-.144c-1.446-1.285-2.66-2.082-3.7-2.39-.617-.184-1.195-.2-1.722-.024-.559.187-1.004.574-1.317 1.117-.515.894-.652 2.074-.46 3.527.078.59.214 1.235.402 1.934a1.119 1.119 0 0 0-.215.047C3.008 8.62 1.71 9.269.926 10.015c-.465.442-.77.938-.883 1.481-.113.578 0 1.156.312 1.7.516.894 1.465 1.597 2.817 2.155.543.223 1.156.426 1.844.61a1.023 1.023 0 0 0-.07.226c-.391 1.891-.477 3.344-.223 4.395.148.629.425 1.14.84 1.508.44.39 1 .582 1.625.582 1.035 0 2.12-.473 3.28-1.364.477-.37.973-.816 1.489-1.336a1.2 1.2 0 0 0 .195.227c1.446 1.285 2.66 2.082 3.7 2.39.617.184 1.195.2 1.722.024.559-.187 1.004-.574 1.317-1.117.515-.894.652-2.074.46-3.527a14.941 14.941 0 0 0-.425-2.012 1.225 1.225 0 0 0 .238-.047c1.828-.61 3.125-1.258 3.91-2.004.465-.441.77-.937.883-1.48.113-.578 0-1.157-.313-1.7-.515-.894-1.464-1.597-2.816-2.156a14.576 14.576 0 0 0-1.906-.625.865.865 0 0 0 .059-.195z\" /\u003e\n \u003c/svg\u003e\n \u003cp className=\"mt-2 font-medium\"\u003eTanStack Router\u003c/p\u003e\n \u003c/LinkedCard\u003e\n \u003cLinkedCard href=\"/docs/installation/manual\"\u003e\n \u003csvg\n role=\"img\"\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n className=\"h-10 w-10\"\n fill=\"currentColor\"\n \u003e\n \u003ctitle\u003eReact\u003c/title\u003e\n \u003cpath d=\"M14.23 12.004a2.236 2.236 0 0 1-2.235 2.236 2.236 2.236 0 0 1-2.236-2.236 2.236 2.236 0 0 1 2.235-2.236 2.236 2.236 0 0 1 2.236 2.236zm2.648-10.69c-1.346 0-3.107.96-4.888 2.622-1.78-1.653-3.542-2.602-4.887-2.602-.41 0-.783.093-1.106.278-1.375.793-1.683 3.264-.973 6.365C1.98 8.917 0 10.42 0 12.004c0 1.59 1.99 3.097 5.043 4.03-.704 3.113-.39 5.588.988 6.38.32.187.69.275 1.102.275 1.345 0 3.107-.96 4.888-2.624 1.78 1.654 3.542 2.603 4.887 2.603.41 0 .783-.09 1.106-.275 1.374-.792 1.683-3.263.973-6.365C22.02 15.096 24 13.59 24 12.004c0-1.59-1.99-3.097-5.043-4.032.704-3.11.39-5.587-.988-6.38-.318-.184-.688-.277-1.092-.278zm-.005 1.09v.006c.225 0 .406.044.558.127.666.382.955 1.835.73 3.704-.054.46-.142.945-.25 1.44-.96-.236-2.006-.417-3.107-.534-.66-.905-1.345-1.727-2.035-2.447 1.592-1.48 3.087-2.292 4.105-2.295zm-9.77.02c1.012 0 2.514.808 4.11 2.28-.686.72-1.37 1.537-2.02 2.442-1.107.117-2.154.298-3.113.538-.112-.49-.195-.964-.254-1.42-.23-1.868.054-3.32.714-3.707.19-.09.4-.127.563-.132zm4.882 3.05c.455.468.91.992 1.36 1.564-.44-.02-.89-.034-1.345-.034-.46 0-.915.01-1.36.034.44-.572.895-1.096 1.345-1.565zM12 8.1c.74 0 1.477.034 2.202.093.406.582.802 1.203 1.183 1.86.372.64.71 1.29 1.018 1.946-.308.655-.646 1.31-1.013 1.95-.38.66-.773 1.288-1.18 1.87-.728.063-1.466.098-2.21.098-.74 0-1.477-.035-2.202-.093-.406-.582-.802-1.204-1.183-1.86-.372-.64-.71-1.29-1.018-1.946.303-.657.646-1.313 1.013-1.954.38-.66.773-1.286 1.18-1.868.728-.064 1.466-.098 2.21-.098zm-3.635.254c-.24.377-.48.763-.704 1.16-.225.39-.435.782-.635 1.174-.265-.656-.49-1.31-.676-1.947.64-.15 1.315-.283 2.015-.386zm7.26 0c.695.103 1.365.23 2.006.387-.18.632-.405 1.282-.66 1.933-.2-.39-.41-.783-.64-1.174-.225-.392-.465-.774-.705-1.146zm3.063.675c.484.15.944.317 1.375.498 1.732.74 2.852 1.708 2.852 2.476-.005.768-1.125 1.74-2.857 2.475-.42.18-.88.342-1.355.493-.28-.958-.646-1.956-1.1-2.98.45-1.017.81-2.01 1.085-2.964zm-13.395.004c.278.96.645 1.957 1.1 2.98-.45 1.017-.812 2.01-1.086 2.964-.484-.15-.944-.318-1.37-.5-1.732-.737-2.852-1.706-2.852-2.474 0-.768 1.12-1.742 2.852-2.476.42-.18.88-.342 1.356-.494zm11.678 4.28c.265.657.49 1.312.676 1.948-.64.157-1.316.29-2.016.39.24-.375.48-.762.705-1.158.225-.39.435-.788.636-1.18zm-9.945.02c.2.392.41.783.64 1.175.23.39.465.772.705 1.143-.695-.102-1.365-.23-2.006-.386.18-.63.406-1.282.66-1.933zM17.92 16.32c.112.493.2.968.254 1.423.23 1.868-.054 3.32-.714 3.708-.147.09-.338.128-.563.128-1.012 0-2.514-.807-4.11-2.28.686-.72 1.37-1.536 2.02-2.44 1.107-.118 2.154-.3 3.113-.54zm-11.83.01c.96.234 2.006.415 3.107.532.66.905 1.345 1.727 2.035 2.446-1.595 1.483-3.092 2.295-4.11 2.295-.22-.005-.406-.05-.553-.132-.666-.38-.955-1.834-.73-3.703.054-.46.142-.944.25-1.438zm4.56.64c.44.02.89.034 1.345.034.46 0 .915-.01 1.36-.034-.44.572-.895 1.095-1.345 1.565-.455-.47-.91-.993-1.36-1.565z\" /\u003e\n \u003c/svg\u003e\n \u003cp className=\"mt-2 font-medium\"\u003eManual\u003c/p\u003e\n \u003c/LinkedCard\u003e\n\u003c/div\u003e\n"])</script><script>self.__next_f.push([1,"1f:[\"$\",\"div\",null,{\"data-slot\":\"docs\",\"className\":\"flex scroll-mt-24 items-stretch pb-8 text-[1.05rem] sm:text-[15px] xl:w-full\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex min-w-0 flex-1 flex-col\",\"children\":[[\"$\",\"div\",null,{\"className\":\"h-(--top-spacing) shrink-0\"}],[\"$\",\"div\",null,{\"className\":\"mx-auto flex w-full max-w-[40rem] min-w-0 flex-1 flex-col gap-6 px-4 py-6 text-neutral-800 md:px-0 lg:py-8 dark:text-neutral-300\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-2\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-2\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center justify-between md:items-start\",\"children\":[[\"$\",\"h1\",null,{\"className\":\"scroll-m-24 text-3xl font-semibold tracking-tight sm:text-3xl\",\"children\":\"Installation\"}],[\"$\",\"div\",null,{\"className\":\"docs-nav flex items-center gap-2\",\"children\":[[\"$\",\"div\",null,{\"className\":\"hidden sm:block\",\"children\":[\"$\",\"$L42\",null,{\"page\":\"$43\",\"url\":\"https://ui.shadcn.com/docs/installation\"}]}],\"$L44\"]}]]}],\"$L45\"]}]}],\"$L46\",\"$L47\"]}]]}],\"$L48\"]}]\n"])</script><script>self.__next_f.push([1,"49:I[6623,[\"/_next/static/chunks/c0c328f74b1afdd4.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/dfea32fc06084d7e.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/68ec6ad249f53515.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/4845f28a38827bf8.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/494816266b042607.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/86a81d4e556f4fb4.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/6e3e15edf0cfc6e2.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/35c9137b8cbb78c8.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/a343177e96b642e0.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/9729b9e19a9118b1.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/bb2dcbb3fd61b481.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/65270c1ff8109f4a.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/20217023e054f396.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/6ee8269473c5bff6.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/8e326d6a1595c144.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/894c68e14aea6afc.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/cd6f419679baf453.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/8d3cf8fe3e8a38a3.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/fa3b452dad220e27.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/6cb8ebea3eae1c0c.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/74e0a6d2cb9a02d5.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/85bfa227f5664a40.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/5f867feae37cf15f.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/84d5b4d574fd280a.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/92cd095cff569021.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/4dbd8afdc2bba112.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/af08c178eb3576cf.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/ab09ea05f2fdd688.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/d464d7eb1bd6ee43.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/2adbbdf9861c4ace.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/a9e568638f83107e.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/6744d088cf64b1b2.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/5371350f5cb67a07.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/9240a67087fb6388.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/20079538a430aae7.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/7557f9eb52c82644.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/117fe184d0efd056.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/fd544009deb208c4.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/71e80d62c4ca498f.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/3fb2eef39980623d.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/55496bee7d653cda.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/97812a5a6a0f31b1.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/eaa51bec82f1f470.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/234afb69f591e643.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/87b930f139bd5a79.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/ac4c6f721d6ca795.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/df93dc3a1b441d2e.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/7c310bf9604fdcb1.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/03d671ba0a7ef1a9.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\"],\"CodeBlockCommand\"]\n"])</script><script>self.__next_f.push([1,"53:I[787279,[\"/_next/static/chunks/c0c328f74b1afdd4.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/dfea32fc06084d7e.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/68ec6ad249f53515.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/4845f28a38827bf8.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/494816266b042607.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/86a81d4e556f4fb4.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/6e3e15edf0cfc6e2.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/35c9137b8cbb78c8.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/a343177e96b642e0.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/9729b9e19a9118b1.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/bb2dcbb3fd61b481.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/65270c1ff8109f4a.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/20217023e054f396.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/6ee8269473c5bff6.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/8e326d6a1595c144.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/894c68e14aea6afc.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/cd6f419679baf453.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/8d3cf8fe3e8a38a3.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/fa3b452dad220e27.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/6cb8ebea3eae1c0c.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/74e0a6d2cb9a02d5.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/85bfa227f5664a40.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/5f867feae37cf15f.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/84d5b4d574fd280a.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/92cd095cff569021.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/4dbd8afdc2bba112.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/af08c178eb3576cf.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/ab09ea05f2fdd688.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/d464d7eb1bd6ee43.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/2adbbdf9861c4ace.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/a9e568638f83107e.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/6744d088cf64b1b2.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/5371350f5cb67a07.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/9240a67087fb6388.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/20079538a430aae7.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/7557f9eb52c82644.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/117fe184d0efd056.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/fd544009deb208c4.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/71e80d62c4ca498f.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/3fb2eef39980623d.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/55496bee7d653cda.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/97812a5a6a0f31b1.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/eaa51bec82f1f470.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/234afb69f591e643.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/87b930f139bd5a79.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/ac4c6f721d6ca795.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/df93dc3a1b441d2e.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/7c310bf9604fdcb1.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\",\"/_next/static/chunks/03d671ba0a7ef1a9.js?dpl=dpl_Ca1cB4gnznpLr3BX25KiZwXhsKi4\"],\"DocsTableOfContents\"]\n"])</script><script>self.__next_f.push([1,"44:[\"$\",\"div\",null,{\"className\":\"ml-auto flex gap-2\",\"children\":[[\"$\",\"$L2e\",null,{\"href\":\"/docs\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"tabler-icon tabler-icon-arrow-left \",\"children\":[\"$undefined\",[\"$\",\"path\",\"svg-0\",{\"d\":\"M5 12l14 0\"}],[\"$\",\"path\",\"svg-1\",{\"d\":\"M5 12l6 6\"}],[\"$\",\"path\",\"svg-2\",{\"d\":\"M5 12l6 -6\"}],\"$undefined\"]}],[\"$\",\"span\",null,{\"className\":\"sr-only\",\"children\":\"Previous\"}]],\"data-slot\":\"button\",\"data-variant\":\"secondary\",\"data-size\":\"icon\",\"className\":\"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [\u0026_svg]:pointer-events-none [\u0026_svg:not([class*='size-'])]:size-4 shrink-0 [\u0026_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive bg-secondary text-secondary-foreground hover:bg-secondary/80 extend-touch-target size-8 shadow-none md:size-7\",\"ref\":null}],[\"$\",\"$L2e\",null,{\"href\":\"/docs/components-json\",\"children\":[[\"$\",\"span\",null,{\"className\":\"sr-only\",\"children\":\"Next\"}],[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"tabler-icon tabler-icon-arrow-right \",\"children\":[\"$undefined\",[\"$\",\"path\",\"svg-0\",{\"d\":\"M5 12l14 0\"}],[\"$\",\"path\",\"svg-1\",{\"d\":\"M13 18l6 -6\"}],[\"$\",\"path\",\"svg-2\",{\"d\":\"M13 6l6 6\"}],\"$undefined\"]}]],\"data-slot\":\"button\",\"data-variant\":\"secondary\",\"data-size\":\"icon\",\"className\":\"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [\u0026_svg]:pointer-events-none [\u0026_svg:not([class*='size-'])]:size-4 shrink-0 [\u0026_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive bg-secondary text-secondary-foreground hover:bg-secondary/80 extend-touch-target size-8 shadow-none md:size-7\",\"ref\":null}]]}]\n"])</script><script>self.__next_f.push([1,"45:[\"$\",\"p\",null,{\"className\":\"text-muted-foreground text-[1.05rem] sm:text-base sm:text-balance md:max-w-[80%]\",\"children\":\"How to install dependencies and structure your app.\"}]\n4a:T578,"])</script><script>self.__next_f.push([1,"M11.5725 0c-.1763 0-.3098.0013-.3584.0067-.0516.0053-.2159.021-.3636.0328-3.4088.3073-6.6017 2.1463-8.624 4.9728C1.1004 6.584.3802 8.3666.1082 10.255c-.0962.659-.108.8537-.108 1.7474s.012 1.0884.108 1.7476c.652 4.506 3.8591 8.2919 8.2087 9.6945.7789.2511 1.6.4223 2.5337.5255.3636.04 1.9354.04 2.299 0 1.6117-.1783 2.9772-.577 4.3237-1.2643.2065-.1056.2464-.1337.2183-.1573-.0188-.0139-.8987-1.1938-1.9543-2.62l-1.919-2.592-2.4047-3.5583c-1.3231-1.9564-2.4117-3.556-2.4211-3.556-.0094-.0026-.0187 1.5787-.0235 3.509-.0067 3.3802-.0093 3.5162-.0516 3.596-.061.115-.108.1618-.2064.2134-.075.0374-.1408.0445-.495.0445h-.406l-.1078-.068a.4383.4383 0 01-.1572-.1712l-.0493-.1056.0053-4.703.0067-4.7054.0726-.0915c.0376-.0493.1174-.1125.1736-.143.0962-.047.1338-.0517.5396-.0517.4787 0 .5584.0187.6827.1547.0353.0377 1.3373 1.9987 2.895 4.3608a10760.433 10760.433 0 004.7344 7.1706l1.9002 2.8782.096-.0633c.8518-.5536 1.7525-1.3418 2.4657-2.1627 1.5179-1.7429 2.4963-3.868 2.8247-6.134.0961-.6591.1078-.854.1078-1.7475 0-.8937-.012-1.0884-.1078-1.7476-.6522-4.506-3.8592-8.2919-8.2087-9.6945-.7672-.2487-1.5836-.42-2.4985-.5232-.169-.0176-1.0835-.0366-1.6123-.037zm4.0685 7.217c.3473 0 .4082.0053.4857.047.1127.0562.204.1642.237.2767.0186.061.0234 1.3653.0186 4.3044l-.0067 4.2175-.7436-1.14-.7461-1.14v-3.066c0-1.982.0093-3.0963.0234-3.1502.0375-.1313.1196-.2346.2323-.2955.0961-.0494.1313-.054.4997-.054z"])</script><script>self.__next_f.push([1,"46:[\"$\",\"div\",null,{\"className\":\"w-full flex-1 pb-16 *:data-[slot=alert]:first:mt-0 sm:pb-0\",\"children\":[false,[[\"$\",\"div\",null,{\"data-slot\":\"alert\",\"role\":\"alert\",\"className\":\"relative border px-4 py-3 text-sm grid has-[\u003esvg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[\u003esvg]:gap-x-3 gap-y-0.5 items-start [\u0026\u003esvg]:size-4 [\u0026\u003esvg]:translate-y-0.5 [\u0026\u003esvg]:text-current text-surface-foreground mt-6 w-auto rounded-xl md:-mx-1 **:[code]:border mb-6 border-emerald-600 bg-emerald-100 dark:border-emerald-400 dark:bg-emerald-900\",\"data-variant\":\"default\",\"children\":[\"$undefined\",\"$undefined\",[\"$\",\"div\",null,{\"data-slot\":\"alert-description\",\"className\":\"col-start-2 grid justify-items-start gap-1 text-sm [\u0026_p]:leading-relaxed text-card-foreground/80\",\"children\":[\"$\",\"p\",null,{\"className\":\"leading-relaxed [\u0026:not(:first-child)]:mt-6\",\"children\":[[\"$\",\"strong\",null,{\"className\":\"font-medium\",\"children\":\"Starting a new project?\"}],\" Use \",[\"$\",\"a\",null,{\"className\":\"font-medium underline underline-offset-4\",\"href\":\"/create\",\"children\":\"shadcn/create\"}],\" to scaffold a complete app with custom themes, components, and presets. Works with Next.js, Vite, and TanStack Start.\"]}]}]]}],\"\\n\",[\"$\",\"h2\",null,{\"id\":\"quick-start\",\"className\":\"font-heading [\u0026+]*:[code]:text-xl mt-10 scroll-m-28 text-xl font-medium tracking-tight first:mt-0 lg:mt-12 [\u0026+.steps]:!mt-0 [\u0026+.steps\u003eh3]:!mt-4 [\u0026+h3]:!mt-6 [\u0026+p]:!mt-4\",\"children\":\"Quick Start\"}],\"\\n\",[\"$\",\"p\",null,{\"className\":\"leading-relaxed [\u0026:not(:first-child)]:mt-6\",\"children\":\"Run the following command to create a new project with shadcn/ui:\"}],\"\\n\",[\"$\",\"figure\",null,{\"className\":\"\",\"data-rehype-pretty-code-figure\":\"\",\"children\":[\"$\",\"pre\",null,{\"className\":\"no-scrollbar min-w-0 overflow-x-auto overflow-y-auto overscroll-x-contain overscroll-y-auto px-4 py-3.5 outline-none has-[[data-highlighted-line]]:px-0 has-[[data-line-numbers]]:px-0 has-[[data-slot=tabs]]:p-0\",\"style\":{\"--shiki-dark\":\"#e1e4e8\",\"--shiki-light\":\"#1f2328\",\"--shiki-dark-bg\":\"#24292e\",\"--shiki-light-bg\":\"#ffffff\"},\"tabIndex\":\"0\",\"data-language\":\"bash\",\"data-theme\":\"github-dark github-light-default\",\"children\":[\"$\",\"$L49\",null,{\"__npm__\":\"npx shadcn@latest create\",\"__yarn__\":\"yarn shadcn@latest create\",\"__pnpm__\":\"pnpm dlx shadcn@latest create\",\"__bun__\":\"bunx --bun shadcn@latest create\"}]}]}],\"\\n\",[\"$\",\"p\",null,{\"className\":\"leading-relaxed [\u0026:not(:first-child)]:mt-6\",\"children\":\"This will guide you through the process of creating a new project with shadcn/ui with your preferred framework, icon library, and theme.\"}],\"\\n\",[\"$\",\"h2\",null,{\"id\":\"pick-your-framework\",\"className\":\"font-heading [\u0026+]*:[code]:text-xl mt-10 scroll-m-28 text-xl font-medium tracking-tight first:mt-0 lg:mt-12 [\u0026+.steps]:!mt-0 [\u0026+.steps\u003eh3]:!mt-4 [\u0026+h3]:!mt-6 [\u0026+p]:!mt-4\",\"children\":\"Pick Your Framework\"}],\"\\n\",[\"$\",\"p\",null,{\"className\":\"leading-relaxed [\u0026:not(:first-child)]:mt-6\",\"children\":\"Start by selecting your framework of choice. Then follow the instructions to install the dependencies and structure your app. shadcn/ui is built to work with all React frameworks.\"}],\"\\n\",[\"$\",\"div\",null,{\"className\":\"mt-8 grid gap-4 sm:grid-cols-2 sm:gap-6\",\"children\":[[\"$\",\"$L2e\",null,{\"className\":\"bg-surface text-surface-foreground hover:bg-surface/80 flex w-full flex-col items-center rounded-xl p-6 transition-colors sm:p-10\",\"href\":\"/docs/installation/next\",\"children\":[[\"$\",\"svg\",null,{\"role\":\"img\",\"viewBox\":\"0 0 24 24\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"className\":\"h-10 w-10\",\"fill\":\"currentColor\",\"children\":[[\"$\",\"title\",null,{\"children\":\"Next.js\"}],[\"$\",\"path\",null,{\"d\":\"$4a\"}]]}],\"$L4b\"]}],\"$L4c\",\"$L4d\",\"$L4e\",\"$L4f\",\"$L50\",\"$L51\",\"$L52\"]}]]]}]\n"])</script><script>self.__next_f.push([1,"47:[\"$\",\"div\",null,{\"className\":\"hidden h-16 w-full items-center gap-2 px-4 sm:flex sm:px-0\",\"children\":[[\"$\",\"$L2e\",null,{\"href\":\"/docs\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"tabler-icon tabler-icon-arrow-left \",\"children\":[\"$undefined\",[\"$\",\"path\",\"svg-0\",{\"d\":\"M5 12l14 0\"}],[\"$\",\"path\",\"svg-1\",{\"d\":\"M5 12l6 6\"}],[\"$\",\"path\",\"svg-2\",{\"d\":\"M5 12l6 -6\"}],\"$undefined\"]}],\" \",\"Introduction\"],\"data-slot\":\"button\",\"data-variant\":\"secondary\",\"data-size\":\"sm\",\"className\":\"inline-flex items-center justify-center whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [\u0026_svg]:pointer-events-none [\u0026_svg:not([class*='size-'])]:size-4 shrink-0 [\u0026_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive bg-secondary text-secondary-foreground hover:bg-secondary/80 h-8 rounded-md gap-1.5 px-3 has-[\u003esvg]:px-2.5 shadow-none\",\"ref\":null}],[\"$\",\"$L2e\",null,{\"href\":\"/docs/components-json\",\"children\":[\"components.json\",\" \",[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"tabler-icon tabler-icon-arrow-right \",\"children\":[\"$undefined\",[\"$\",\"path\",\"svg-0\",{\"d\":\"M5 12l14 0\"}],[\"$\",\"path\",\"svg-1\",{\"d\":\"M13 18l6 -6\"}],[\"$\",\"path\",\"svg-2\",{\"d\":\"M13 6l6 6\"}],\"$undefined\"]}]],\"data-slot\":\"button\",\"data-variant\":\"secondary\",\"data-size\":\"sm\",\"className\":\"inline-flex items-center justify-center whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [\u0026_svg]:pointer-events-none [\u0026_svg:not([class*='size-'])]:size-4 shrink-0 [\u0026_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive bg-secondary text-secondary-foreground hover:bg-secondary/80 h-8 rounded-md gap-1.5 px-3 has-[\u003esvg]:px-2.5 ml-auto shadow-none\",\"ref\":null}]]}]\n"])</script><script>self.__next_f.push([1,"48:[\"$\",\"div\",null,{\"className\":\"sticky top-[calc(var(--header-height)+1px)] z-30 ml-auto hidden h-[90svh] w-(--sidebar-width) flex-col gap-4 overflow-hidden overscroll-none pb-8 xl:flex\",\"children\":[[\"$\",\"div\",null,{\"className\":\"h-(--top-spacing) shrink-0\"}],[\"$\",\"div\",null,{\"className\":\"no-scrollbar flex flex-col gap-8 overflow-y-auto px-8\",\"children\":[\"$\",\"$L53\",null,{\"toc\":[{\"depth\":2,\"url\":\"#quick-start\",\"title\":\"Quick Start\"},{\"depth\":2,\"url\":\"#pick-your-framework\",\"title\":\"Pick Your Framework\"}]}]}],[\"$\",\"div\",null,{\"className\":\"hidden flex-1 flex-col gap-6 px-6 xl:flex\",\"children\":[\"$\",\"div\",null,{\"className\":\"group bg-surface text-surface-foreground relative flex flex-col gap-2 rounded-lg p-6 text-sm\",\"children\":[[\"$\",\"div\",null,{\"className\":\"text-base leading-tight font-semibold text-balance group-hover:underline\",\"children\":\"Deploy your shadcn/ui app on Vercel\"}],[\"$\",\"div\",null,{\"className\":\"text-muted-foreground\",\"children\":\"Trusted by OpenAI, Sonos, Adobe, and more.\"}],[\"$\",\"div\",null,{\"className\":\"text-muted-foreground\",\"children\":\"Vercel provides tools and infrastructure to deploy apps and features at scale.\"}],[\"$\",\"button\",null,{\"data-slot\":\"button\",\"data-variant\":\"default\",\"data-size\":\"sm\",\"className\":\"inline-flex items-center justify-center whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [\u0026_svg]:pointer-events-none [\u0026_svg:not([class*='size-'])]:size-4 shrink-0 [\u0026_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive bg-primary text-primary-foreground hover:bg-primary/90 h-8 rounded-md gap-1.5 px-3 has-[\u003esvg]:px-2.5 mt-2 w-fit\",\"children\":\"Deploy Now\"}],[\"$\",\"a\",null,{\"href\":\"https://vercel.com/new?utm_source=shadcn_site\u0026utm_medium=web\u0026utm_campaign=docs_cta_deploy_now_callout\",\"target\":\"_blank\",\"rel\":\"noreferrer\",\"className\":\"absolute inset-0\",\"children\":[\"$\",\"span\",null,{\"className\":\"sr-only\",\"children\":\"Deploy to Vercel\"}]}]]}]}]]}]\n"])</script><script>self.__next_f.push([1,"4b:[\"$\",\"p\",null,{\"className\":\"mt-2 font-medium\",\"children\":\"Next.js\"}]\n4c:[\"$\",\"$L2e\",null,{\"className\":\"bg-surface text-surface-foreground hover:bg-surface/80 flex w-full flex-col items-center rounded-xl p-6 transition-colors sm:p-10\",\"href\":\"/docs/installation/vite\",\"children\":[[\"$\",\"svg\",null,{\"role\":\"img\",\"viewBox\":\"0 0 24 24\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"className\":\"h-10 w-10\",\"fill\":\"currentColor\",\"children\":[[\"$\",\"title\",null,{\"children\":\"Vite\"}],[\"$\",\"path\",null,{\"d\":\"m8.286 10.578.512-8.657a.306.306 0 0 1 .247-.282L17.377.006a.306.306 0 0 1 .353.385l-1.558 5.403a.306.306 0 0 0 .352.385l2.388-.46a.306.306 0 0 1 .332.438l-6.79 13.55-.123.19a.294.294 0 0 1-.252.14c-.177 0-.35-.152-.305-.369l1.095-5.301a.306.306 0 0 0-.388-.355l-1.433.435a.306.306 0 0 1-.389-.354l.69-3.375a.306.306 0 0 0-.37-.36l-2.32.536a.306.306 0 0 1-.374-.316zm14.976-7.926L17.284 3.74l-.544 1.887 2.077-.4a.8.8 0 0 1 .84.369.8.8 0 0 1 .034.783L12.9 19.93l-.013.025-.015.023-.122.19a.801.801 0 0 1-.672.37.826.826 0 0 1-.634-.302.8.8 0 0 1-.16-.67l1.029-4.981-1.12.34a.81.81 0 0 1-.86-.262.802.802 0 0 1-.165-.67l.63-3.08-2.027.468a.808.808 0 0 1-.768-.233.81.81 0 0 1-.217-.6l.389-6.57-7.44-1.33a.612.612 0 0 0-.64.906L11.58 23.691a.612.612 0 0 0 1.066-.004l11.26-20.135a.612.612 0 0 0-.644-.9z\"}]]}],[\"$\",\"p\",null,{\"className\":\"mt-2 font-medium\",\"children\":\"Vite\"}]]}]\n54:Td4b,"])</script><script>self.__next_f.push([1,"M61.8548 14.6253C61.8778 14.7102 61.8895 14.7978 61.8897 14.8858V28.5615C61.8898 28.737 61.8434 28.9095 61.7554 29.0614C61.6675 29.2132 61.5409 29.3392 61.3887 29.4265L49.9104 36.0351V49.1337C49.9104 49.4902 49.7209 49.8192 49.4118 49.9987L25.4519 63.7916C25.3971 63.8227 25.3372 63.8427 25.2774 63.8639C25.255 63.8714 25.2338 63.8851 25.2101 63.8913C25.0426 63.9354 24.8666 63.9354 24.6991 63.8913C24.6716 63.8838 24.6467 63.8689 24.6205 63.8589C24.5657 63.8389 24.5084 63.8215 24.456 63.7916L0.501061 49.9987C0.348882 49.9113 0.222437 49.7853 0.134469 49.6334C0.0465019 49.4816 0.000120578 49.3092 0 49.1337L0 8.10652C0 8.01678 0.0124642 7.92953 0.0348998 7.84477C0.0423783 7.8161 0.0598282 7.78993 0.0697995 7.76126C0.0884958 7.70891 0.105946 7.65531 0.133367 7.6067C0.152063 7.5743 0.179485 7.54812 0.20192 7.51821C0.230588 7.47832 0.256763 7.43719 0.290416 7.40229C0.319084 7.37362 0.356476 7.35243 0.388883 7.32751C0.425029 7.29759 0.457436 7.26518 0.498568 7.2415L12.4779 0.345059C12.6296 0.257786 12.8015 0.211853 12.9765 0.211853C13.1515 0.211853 13.3234 0.257786 13.475 0.345059L25.4531 7.2415H25.4556C25.4955 7.26643 25.5292 7.29759 25.5653 7.32626C25.5977 7.35119 25.6339 7.37362 25.6625 7.40104C25.6974 7.43719 25.7224 7.47832 25.7523 7.51821C25.7735 7.54812 25.8021 7.5743 25.8196 7.6067C25.8483 7.65656 25.8645 7.70891 25.8844 7.76126C25.8944 7.78993 25.9118 7.8161 25.9193 7.84602C25.9423 7.93096 25.954 8.01853 25.9542 8.10652V33.7317L35.9355 27.9844V14.8846C35.9355 14.7973 35.948 14.7088 35.9704 14.6253C35.9792 14.5954 35.9954 14.5692 36.0053 14.5405C36.0253 14.4882 36.0427 14.4346 36.0702 14.386C36.0888 14.3536 36.1163 14.3274 36.1375 14.2975C36.1674 14.2576 36.1923 14.2165 36.2272 14.1816C36.2559 14.1529 36.292 14.1317 36.3244 14.1068C36.3618 14.0769 36.3942 14.0445 36.4341 14.0208L48.4147 7.12434C48.5663 7.03694 48.7383 6.99094 48.9133 6.99094C49.0883 6.99094 49.2602 7.03694 49.4118 7.12434L61.3899 14.0208C61.4323 14.0457 61.4647 14.0769 61.5021 14.1055C61.5333 14.1305 61.5694 14.1529 61.5981 14.1803C61.633 14.2165 61.6579 14.2576 61.6878 14.2975C61.7103 14.3274 61.7377 14.3536 61.7551 14.386C61.7838 14.4346 61.8 14.4882 61.8199 14.5405C61.8312 14.5692 61.8474 14.5954 61.8548 14.6253ZM59.893 27.9844V16.6121L55.7013 19.0252L49.9104 22.3593V33.7317L59.8942 27.9844H59.893ZM47.9149 48.5566V37.1768L42.2187 40.4299L25.953 49.7133V61.2003L47.9149 48.5566ZM1.99677 9.83281V48.5566L23.9562 61.199V49.7145L12.4841 43.2219L12.4804 43.2194L12.4754 43.2169C12.4368 43.1945 12.4044 43.1621 12.3682 43.1347C12.3371 43.1097 12.3009 43.0898 12.2735 43.0624L12.271 43.0586C12.2386 43.0275 12.2162 42.9888 12.1887 42.9539C12.1638 42.9203 12.1339 42.8916 12.114 42.8567L12.1127 42.853C12.0903 42.8156 12.0766 42.7707 12.0604 42.7283C12.0442 42.6909 12.023 42.656 12.013 42.6161C12.0005 42.5688 11.998 42.5177 11.9931 42.4691C11.9881 42.4317 11.9781 42.3943 11.9781 42.3569V15.5801L6.18848 12.2446L1.99677 9.83281ZM12.9777 2.36177L2.99764 8.10652L12.9752 13.8513L22.9541 8.10527L12.9752 2.36177H12.9777ZM18.1678 38.2138L23.9574 34.8809V9.83281L19.7657 12.2459L13.9749 15.5801V40.6281L18.1678 38.2138ZM48.9133 9.14105L38.9344 14.8858L48.9133 20.6305L58.8909 14.8846L48.9133 9.14105ZM47.9149 22.3593L42.124 19.0252L37.9323 16.6121V27.9844L43.7219 31.3174L47.9149 33.7317V22.3593ZM24.9533 47.987L39.59 39.631L46.9065 35.4555L36.9352 29.7145L25.4544 36.3242L14.9907 42.3482L24.9533 47.987Z"])</script><script>self.__next_f.push([1,"4d:[\"$\",\"$L2e\",null,{\"className\":\"bg-surface text-surface-foreground hover:bg-surface/80 flex w-full flex-col items-center rounded-xl p-6 transition-colors sm:p-10\",\"href\":\"/docs/installation/laravel\",\"children\":[[\"$\",\"svg\",null,{\"role\":\"img\",\"viewBox\":\"0 0 62 65\",\"fill\":\"currentColor\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"className\":\"h-10 w-10\",\"children\":[\"$\",\"path\",null,{\"d\":\"$54\"}]}],\"$L55\"]}]\n"])</script><script>self.__next_f.push([1,"4e:[\"$\",\"$L2e\",null,{\"className\":\"bg-surface text-surface-foreground hover:bg-surface/80 flex w-full flex-col items-center rounded-xl p-6 transition-colors sm:p-10\",\"href\":\"/docs/installation/react-router\",\"children\":[[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"viewBox\":\"0 0 24 24\",\"className\":\"h-10 w-10\",\"fill\":\"currentColor\",\"children\":[\"$\",\"path\",null,{\"d\":\"M12.118 5.466a2.306 2.306 0 0 0-.623.08c-.278.067-.702.332-.953.583-.41.423-.49.609-.662 1.469-.08.423.41 1.43.847 1.734.45.317 1.085.502 2.065.608 1.429.16 1.84.636 1.84 2.197 0 1.377-.385 1.747-1.96 1.906-1.707.172-2.58.834-2.765 2.117-.106.781.41 1.76 1.125 2.091 1.627.768 3.15-.198 3.467-2.196.211-1.284.622-1.642 1.998-1.747 1.588-.133 2.409-.675 2.713-1.787.278-1.02-.304-2.157-1.297-2.554-.264-.106-.873-.238-1.35-.291-1.495-.16-1.879-.424-2.038-1.39-.225-1.337-.317-1.562-.794-2.09a2.174 2.174 0 0 0-1.613-.73zm-4.785 4.36a2.145 2.145 0 0 0-.497.048c-1.469.318-2.17 2.051-1.35 3.295 1.178 1.774 3.944.953 3.97-1.177.012-1.193-.98-2.143-2.123-2.166zM2.089 14.19a2.22 2.22 0 0 0-.427.052c-2.158.476-2.237 3.626-.106 4.182.53.145.582.145 1.111.013 1.191-.318 1.866-1.456 1.549-2.607-.278-1.02-1.144-1.664-2.127-1.64zm19.824.008c-.233.002-.477.058-.784.162-1.39.477-1.866 2.092-.98 3.336.557.794 1.96 1.058 2.82.516 1.416-.874 1.363-3.057-.093-3.746-.38-.186-.663-.271-.963-.268z\"}]}],[\"$\",\"p\",null,{\"className\":\"mt-2 font-medium\",\"children\":\"React Router\"}]]}]\n"])</script><script>self.__next_f.push([1,"56:T439,M16.074 16.86C15.354 17.476 13.917 17.895 12.262 17.895C10.23 17.895 8.527 17.263 8.075 16.412C7.914 16.9 7.877 17.458 7.877 17.814C7.877 17.814 7.771 19.564 8.988 20.782C8.988 20.15 9.501 19.637 10.133 19.637C11.216 19.637 11.215 20.582 11.214 21.349V21.418C11.214 22.582 11.925 23.579 12.937 24C12.7812 23.6794 12.7005 23.3275 12.701 22.971C12.701 21.861 13.353 21.448 14.111 20.968C14.713 20.585 15.383 20.161 15.844 19.308C16.0926 18.8493 16.2225 18.3357 16.222 17.814C16.2221 17.4903 16.1722 17.1685 16.074 16.86ZM15.551 0.6C15.747 0.844 15.847 1.172 16.047 1.829L20.415 16.176C18.7743 15.3246 17.0134 14.7284 15.193 14.408L12.35 4.8C12.3273 4.72337 12.2803 4.65616 12.2162 4.60844C12.152 4.56072 12.0742 4.53505 11.9943 4.53528C11.9143 4.5355 11.8366 4.56161 11.7727 4.60969C11.7089 4.65777 11.6623 4.72524 11.64 4.802L8.83 14.405C7.00149 14.724 5.23264 15.3213 3.585 16.176L7.974 1.827C8.174 1.171 8.274 0.843 8.471 0.6C8.64406 0.385433 8.86922 0.218799 9.125 0.116C9.415 0 9.757 0 10.443 0H13.578C14.264 0 14.608 0 14.898 0.117C15.1529 0.219851 15.3783 0.386105 15.551 0.6Z4f:[\"$\",\"$L2e\",null,{\"className\":\"bg-surface text-surface-foreground hover:bg-surface/80 flex w-full flex-col items-center rounded-xl p-6 transition-colors sm:p-10\",\"href\":\"/docs/installation/astro\",\"children\":[[\"$\",\"svg\",null,{\"role\":\"img\",\"viewBox\":\"0 0 24 24\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"className\":\"h-10 w-10\",\"fill\":\"currentColor\",\"children\":[[\"$\",\"title\",null,{\"children\":\"Astro\"}],[\"$\",\"path\",null,{\"d\":\"$56\",\"fill\":\"currentColor\"}]]}],[\"$\",\"p\",null,{\"className\":\"mt-2 font-medium\",\"children\":\"Astro\"}]]}]\n57:Td45,"])</script><script>self.__next_f.push([1,"M6.93 13.688a.343.343 0 0 1 .468.132l.063.106c.48.851.98 1.66 1.5 2.426a35.65 35.65 0 0 0 2.074 2.742.345.345 0 0 1-.039.484l-.074.066c-2.543 2.223-4.191 2.665-4.953 1.333-.746-1.305-.477-3.672.808-7.11a.344.344 0 0 1 .153-.18ZM17.75 16.3a.34.34 0 0 1 .395.27l.02.1c.628 3.286.187 4.93-1.325 4.93-1.48 0-3.36-1.402-5.649-4.203a.327.327 0 0 1-.074-.222c0-.188.156-.34.344-.34h.121a32.984 32.984 0 0 0 2.809-.098c1.07-.086 2.191-.23 3.359-.437zm.871-6.977a.353.353 0 0 1 .445-.21l.102.034c3.262 1.11 4.504 2.332 3.719 3.664-.766 1.305-2.993 2.254-6.684 2.848a.362.362 0 0 1-.238-.047.343.343 0 0 1-.125-.476l.062-.106a34.07 34.07 0 0 0 1.367-2.523c.477-.989.93-2.051 1.352-3.184zM7.797 8.34a.362.362 0 0 1 .238.047.343.343 0 0 1 .125.476l-.062.106a34.088 34.088 0 0 0-1.367 2.523c-.477.988-.93 2.051-1.352 3.184a.353.353 0 0 1-.445.21l-.102-.034C1.57 13.742.328 12.52 1.113 11.188 1.88 9.883 4.106 8.934 7.797 8.34Zm5.281-3.984c2.543-2.223 4.192-2.664 4.953-1.332.746 1.304.477 3.671-.808 7.109a.344.344 0 0 1-.153.18.343.343 0 0 1-.468-.133l-.063-.106a34.64 34.64 0 0 0-1.5-2.426 35.65 35.65 0 0 0-2.074-2.742.345.345 0 0 1 .039-.484ZM7.285 2.274c1.48 0 3.364 1.402 5.649 4.203a.349.349 0 0 1 .078.218.348.348 0 0 1-.348.344l-.117-.004a34.584 34.584 0 0 0-2.809.102 35.54 35.54 0 0 0-3.363.437.343.343 0 0 1-.394-.273l-.02-.098c-.629-3.285-.188-4.93 1.324-4.93Zm2.871 5.812h3.688a.638.638 0 0 1 .55.316l1.848 3.22a.644.644 0 0 1 0 .628l-1.847 3.223a.638.638 0 0 1-.551.316h-3.688a.627.627 0 0 1-.547-.316L7.758 12.25a.644.644 0 0 1 0-.629L9.61 8.402a.627.627 0 0 1 .546-.316Zm3.23.793a.638.638 0 0 1 .552.316l1.39 2.426a.644.644 0 0 1 0 .629l-1.39 2.43a.638.638 0 0 1-.551.316h-2.774a.627.627 0 0 1-.546-.316l-1.395-2.43a.644.644 0 0 1 0-.629l1.395-2.426a.627.627 0 0 1 .546-.316Zm-.491.867h-1.79a.624.624 0 0 0-.546.316l-.899 1.56a.644.644 0 0 0 0 .628l.899 1.563a.632.632 0 0 0 .547.316h1.789a.632.632 0 0 0 .547-.316l.898-1.563a.644.644 0 0 0 0-.629l-.898-1.558a.624.624 0 0 0-.547-.317Zm-.477.828c.227 0 .438.121.547.317l.422.73a.625.625 0 0 1 0 .629l-.422.734a.627.627 0 0 1-.547.317h-.836a.632.632 0 0 1-.547-.317l-.422-.734a.625.625 0 0 1 0-.629l.422-.73a.632.632 0 0 1 .547-.317zm-.418.817a.548.548 0 0 0-.473.273.547.547 0 0 0 0 .547.544.544 0 0 0 .473.27.544.544 0 0 0 .473-.27.547.547 0 0 0 0-.547.548.548 0 0 0-.473-.273Zm-4.422.546h.98M18.98 7.75c.391-1.895.477-3.344.223-4.398-.148-.63-.422-1.137-.84-1.508-.441-.39-1-.582-1.625-.582-1.035 0-2.12.472-3.281 1.367a14.9 14.9 0 0 0-1.473 1.316 1.206 1.206 0 0 0-.136-.144c-1.446-1.285-2.66-2.082-3.7-2.39-.617-.184-1.195-.2-1.722-.024-.559.187-1.004.574-1.317 1.117-.515.894-.652 2.074-.46 3.527.078.59.214 1.235.402 1.934a1.119 1.119 0 0 0-.215.047C3.008 8.62 1.71 9.269.926 10.015c-.465.442-.77.938-.883 1.481-.113.578 0 1.156.312 1.7.516.894 1.465 1.597 2.817 2.155.543.223 1.156.426 1.844.61a1.023 1.023 0 0 0-.07.226c-.391 1.891-.477 3.344-.223 4.395.148.629.425 1.14.84 1.508.44.39 1 .582 1.625.582 1.035 0 2.12-.473 3.28-1.364.477-.37.973-.816 1.489-1.336a1.2 1.2 0 0 0 .195.227c1.446 1.285 2.66 2.082 3.7 2.39.617.184 1.195.2 1.722.024.559-.187 1.004-.574 1.317-1.117.515-.894.652-2.074.46-3.527a14.941 14.941 0 0 0-.425-2.012 1.225 1.225 0 0 0 .238-.047c1.828-.61 3.125-1.258 3.91-2.004.465-.441.77-.937.883-1.48.113-.578 0-1.157-.313-1.7-.515-.894-1.464-1.597-2.816-2.156a14.576 14.576 0 0 0-1.906-.625.865.865 0 0 0 .059-.195z"])</script><script>self.__next_f.push([1,"50:[\"$\",\"$L2e\",null,{\"className\":\"bg-surface text-surface-foreground hover:bg-surface/80 flex w-full flex-col items-center rounded-xl p-6 transition-colors sm:p-10\",\"href\":\"/docs/installation/tanstack\",\"children\":[[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"viewBox\":\"0 0 24 24\",\"className\":\"h-10 w-10\",\"fill\":\"currentColor\",\"children\":[\"$\",\"path\",null,{\"d\":\"$57\"}]}],\"$L58\"]}]\n59:Td45,"])</script><script>self.__next_f.push([1,"M6.93 13.688a.343.343 0 0 1 .468.132l.063.106c.48.851.98 1.66 1.5 2.426a35.65 35.65 0 0 0 2.074 2.742.345.345 0 0 1-.039.484l-.074.066c-2.543 2.223-4.191 2.665-4.953 1.333-.746-1.305-.477-3.672.808-7.11a.344.344 0 0 1 .153-.18ZM17.75 16.3a.34.34 0 0 1 .395.27l.02.1c.628 3.286.187 4.93-1.325 4.93-1.48 0-3.36-1.402-5.649-4.203a.327.327 0 0 1-.074-.222c0-.188.156-.34.344-.34h.121a32.984 32.984 0 0 0 2.809-.098c1.07-.086 2.191-.23 3.359-.437zm.871-6.977a.353.353 0 0 1 .445-.21l.102.034c3.262 1.11 4.504 2.332 3.719 3.664-.766 1.305-2.993 2.254-6.684 2.848a.362.362 0 0 1-.238-.047.343.343 0 0 1-.125-.476l.062-.106a34.07 34.07 0 0 0 1.367-2.523c.477-.989.93-2.051 1.352-3.184zM7.797 8.34a.362.362 0 0 1 .238.047.343.343 0 0 1 .125.476l-.062.106a34.088 34.088 0 0 0-1.367 2.523c-.477.988-.93 2.051-1.352 3.184a.353.353 0 0 1-.445.21l-.102-.034C1.57 13.742.328 12.52 1.113 11.188 1.88 9.883 4.106 8.934 7.797 8.34Zm5.281-3.984c2.543-2.223 4.192-2.664 4.953-1.332.746 1.304.477 3.671-.808 7.109a.344.344 0 0 1-.153.18.343.343 0 0 1-.468-.133l-.063-.106a34.64 34.64 0 0 0-1.5-2.426 35.65 35.65 0 0 0-2.074-2.742.345.345 0 0 1 .039-.484ZM7.285 2.274c1.48 0 3.364 1.402 5.649 4.203a.349.349 0 0 1 .078.218.348.348 0 0 1-.348.344l-.117-.004a34.584 34.584 0 0 0-2.809.102 35.54 35.54 0 0 0-3.363.437.343.343 0 0 1-.394-.273l-.02-.098c-.629-3.285-.188-4.93 1.324-4.93Zm2.871 5.812h3.688a.638.638 0 0 1 .55.316l1.848 3.22a.644.644 0 0 1 0 .628l-1.847 3.223a.638.638 0 0 1-.551.316h-3.688a.627.627 0 0 1-.547-.316L7.758 12.25a.644.644 0 0 1 0-.629L9.61 8.402a.627.627 0 0 1 .546-.316Zm3.23.793a.638.638 0 0 1 .552.316l1.39 2.426a.644.644 0 0 1 0 .629l-1.39 2.43a.638.638 0 0 1-.551.316h-2.774a.627.627 0 0 1-.546-.316l-1.395-2.43a.644.644 0 0 1 0-.629l1.395-2.426a.627.627 0 0 1 .546-.316Zm-.491.867h-1.79a.624.624 0 0 0-.546.316l-.899 1.56a.644.644 0 0 0 0 .628l.899 1.563a.632.632 0 0 0 .547.316h1.789a.632.632 0 0 0 .547-.316l.898-1.563a.644.644 0 0 0 0-.629l-.898-1.558a.624.624 0 0 0-.547-.317Zm-.477.828c.227 0 .438.121.547.317l.422.73a.625.625 0 0 1 0 .629l-.422.734a.627.627 0 0 1-.547.317h-.836a.632.632 0 0 1-.547-.317l-.422-.734a.625.625 0 0 1 0-.629l.422-.73a.632.632 0 0 1 .547-.317zm-.418.817a.548.548 0 0 0-.473.273.547.547 0 0 0 0 .547.544.544 0 0 0 .473.27.544.544 0 0 0 .473-.27.547.547 0 0 0 0-.547.548.548 0 0 0-.473-.273Zm-4.422.546h.98M18.98 7.75c.391-1.895.477-3.344.223-4.398-.148-.63-.422-1.137-.84-1.508-.441-.39-1-.582-1.625-.582-1.035 0-2.12.472-3.281 1.367a14.9 14.9 0 0 0-1.473 1.316 1.206 1.206 0 0 0-.136-.144c-1.446-1.285-2.66-2.082-3.7-2.39-.617-.184-1.195-.2-1.722-.024-.559.187-1.004.574-1.317 1.117-.515.894-.652 2.074-.46 3.527.078.59.214 1.235.402 1.934a1.119 1.119 0 0 0-.215.047C3.008 8.62 1.71 9.269.926 10.015c-.465.442-.77.938-.883 1.481-.113.578 0 1.156.312 1.7.516.894 1.465 1.597 2.817 2.155.543.223 1.156.426 1.844.61a1.023 1.023 0 0 0-.07.226c-.391 1.891-.477 3.344-.223 4.395.148.629.425 1.14.84 1.508.44.39 1 .582 1.625.582 1.035 0 2.12-.473 3.28-1.364.477-.37.973-.816 1.489-1.336a1.2 1.2 0 0 0 .195.227c1.446 1.285 2.66 2.082 3.7 2.39.617.184 1.195.2 1.722.024.559-.187 1.004-.574 1.317-1.117.515-.894.652-2.074.46-3.527a14.941 14.941 0 0 0-.425-2.012 1.225 1.225 0 0 0 .238-.047c1.828-.61 3.125-1.258 3.91-2.004.465-.441.77-.937.883-1.48.113-.578 0-1.157-.313-1.7-.515-.894-1.464-1.597-2.816-2.156a14.576 14.576 0 0 0-1.906-.625.865.865 0 0 0 .059-.195z"])</script><script>self.__next_f.push([1,"51:[\"$\",\"$L2e\",null,{\"className\":\"bg-surface text-surface-foreground hover:bg-surface/80 flex w-full flex-col items-center rounded-xl p-6 transition-colors sm:p-10\",\"href\":\"/docs/installation/tanstack-router\",\"children\":[[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"viewBox\":\"0 0 24 24\",\"className\":\"h-10 w-10\",\"fill\":\"currentColor\",\"children\":[\"$\",\"path\",null,{\"d\":\"$59\"}]}],\"$L5a\"]}]\n5b:Tb01,"])</script><script>self.__next_f.push([1,"M14.23 12.004a2.236 2.236 0 0 1-2.235 2.236 2.236 2.236 0 0 1-2.236-2.236 2.236 2.236 0 0 1 2.235-2.236 2.236 2.236 0 0 1 2.236 2.236zm2.648-10.69c-1.346 0-3.107.96-4.888 2.622-1.78-1.653-3.542-2.602-4.887-2.602-.41 0-.783.093-1.106.278-1.375.793-1.683 3.264-.973 6.365C1.98 8.917 0 10.42 0 12.004c0 1.59 1.99 3.097 5.043 4.03-.704 3.113-.39 5.588.988 6.38.32.187.69.275 1.102.275 1.345 0 3.107-.96 4.888-2.624 1.78 1.654 3.542 2.603 4.887 2.603.41 0 .783-.09 1.106-.275 1.374-.792 1.683-3.263.973-6.365C22.02 15.096 24 13.59 24 12.004c0-1.59-1.99-3.097-5.043-4.032.704-3.11.39-5.587-.988-6.38-.318-.184-.688-.277-1.092-.278zm-.005 1.09v.006c.225 0 .406.044.558.127.666.382.955 1.835.73 3.704-.054.46-.142.945-.25 1.44-.96-.236-2.006-.417-3.107-.534-.66-.905-1.345-1.727-2.035-2.447 1.592-1.48 3.087-2.292 4.105-2.295zm-9.77.02c1.012 0 2.514.808 4.11 2.28-.686.72-1.37 1.537-2.02 2.442-1.107.117-2.154.298-3.113.538-.112-.49-.195-.964-.254-1.42-.23-1.868.054-3.32.714-3.707.19-.09.4-.127.563-.132zm4.882 3.05c.455.468.91.992 1.36 1.564-.44-.02-.89-.034-1.345-.034-.46 0-.915.01-1.36.034.44-.572.895-1.096 1.345-1.565zM12 8.1c.74 0 1.477.034 2.202.093.406.582.802 1.203 1.183 1.86.372.64.71 1.29 1.018 1.946-.308.655-.646 1.31-1.013 1.95-.38.66-.773 1.288-1.18 1.87-.728.063-1.466.098-2.21.098-.74 0-1.477-.035-2.202-.093-.406-.582-.802-1.204-1.183-1.86-.372-.64-.71-1.29-1.018-1.946.303-.657.646-1.313 1.013-1.954.38-.66.773-1.286 1.18-1.868.728-.064 1.466-.098 2.21-.098zm-3.635.254c-.24.377-.48.763-.704 1.16-.225.39-.435.782-.635 1.174-.265-.656-.49-1.31-.676-1.947.64-.15 1.315-.283 2.015-.386zm7.26 0c.695.103 1.365.23 2.006.387-.18.632-.405 1.282-.66 1.933-.2-.39-.41-.783-.64-1.174-.225-.392-.465-.774-.705-1.146zm3.063.675c.484.15.944.317 1.375.498 1.732.74 2.852 1.708 2.852 2.476-.005.768-1.125 1.74-2.857 2.475-.42.18-.88.342-1.355.493-.28-.958-.646-1.956-1.1-2.98.45-1.017.81-2.01 1.085-2.964zm-13.395.004c.278.96.645 1.957 1.1 2.98-.45 1.017-.812 2.01-1.086 2.964-.484-.15-.944-.318-1.37-.5-1.732-.737-2.852-1.706-2.852-2.474 0-.768 1.12-1.742 2.852-2.476.42-.18.88-.342 1.356-.494zm11.678 4.28c.265.657.49 1.312.676 1.948-.64.157-1.316.29-2.016.39.24-.375.48-.762.705-1.158.225-.39.435-.788.636-1.18zm-9.945.02c.2.392.41.783.64 1.175.23.39.465.772.705 1.143-.695-.102-1.365-.23-2.006-.386.18-.63.406-1.282.66-1.933zM17.92 16.32c.112.493.2.968.254 1.423.23 1.868-.054 3.32-.714 3.708-.147.09-.338.128-.563.128-1.012 0-2.514-.807-4.11-2.28.686-.72 1.37-1.536 2.02-2.44 1.107-.118 2.154-.3 3.113-.54zm-11.83.01c.96.234 2.006.415 3.107.532.66.905 1.345 1.727 2.035 2.446-1.595 1.483-3.092 2.295-4.11 2.295-.22-.005-.406-.05-.553-.132-.666-.38-.955-1.834-.73-3.703.054-.46.142-.944.25-1.438zm4.56.64c.44.02.89.034 1.345.034.46 0 .915-.01 1.36-.034-.44.572-.895 1.095-1.345 1.565-.455-.47-.91-.993-1.36-1.565z"])</script><script>self.__next_f.push([1,"52:[\"$\",\"$L2e\",null,{\"className\":\"bg-surface text-surface-foreground hover:bg-surface/80 flex w-full flex-col items-center rounded-xl p-6 transition-colors sm:p-10\",\"href\":\"/docs/installation/manual\",\"children\":[[\"$\",\"svg\",null,{\"role\":\"img\",\"viewBox\":\"0 0 24 24\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"className\":\"h-10 w-10\",\"fill\":\"currentColor\",\"children\":[[\"$\",\"title\",null,{\"children\":\"React\"}],[\"$\",\"path\",null,{\"d\":\"$5b\"}]]}],[\"$\",\"p\",null,{\"className\":\"mt-2 font-medium\",\"children\":\"Manual\"}]]}]\n"])</script><script>self.__next_f.push([1,"55:[\"$\",\"p\",null,{\"className\":\"mt-2 font-medium\",\"children\":\"Laravel\"}]\n58:[\"$\",\"p\",null,{\"className\":\"mt-2 font-medium\",\"children\":\"TanStack Start\"}]\n5a:[\"$\",\"p\",null,{\"className\":\"mt-2 font-medium\",\"children\":\"TanStack Router\"}]\n"])</script></body></html>