PageSourceSearch

https://shadcn-svelte-extras.com/

html shadcn-svelte-extras.com collected 2026-09-25 21:55:29 UTC 214,048 bytes, 89 lines download raw bytes

1<!doctype html>
2<html lang="en">
3	<head>
4		<meta charset="utf-8" />
5		<link rel="icon" href="./favicon.png" />
6		<meta name="viewport" content="width=device-width, initial-scale=1" />
7		
7<script>
8			const USER_CONFIG_COOKIE_NAME = 'extras_user_config';
9			const cookieMap = {};
10			document.cookie.split(';').forEach((pair) => {
11				const [key, value] = pair.trim().split('=');
12				cookieMap[key] = value;
13			});
14			const userConfigCookie = cookieMap[USER_CONFIG_COOKIE_NAME];
15			if (userConfigCookie) {
16				try {
17					const userConfig = JSON.parse(decodeURIComponent(userConfigCookie));
18					if (userConfig.layout) {
19						document.documentElement.classList.add(`layout-${userConfig.layout}`);
20					}
21				} catch (e) {
22					console.error('Error parsing user config cookie:', e);
23				}
24			}
25		</script>
25
26		<!--1wkuaxi--><!--[0--><!--]--> <!--[0--><meta name="robots" content="index,follow"/><!--]--> <!--[0--><meta name="description" content="Finish your app with awesome svelte components like phone-input, tags-input, star-rating, file-drop-zone and more"/><!--]--> <!--[0--><link rel="canonical" href="https://shadcn-svelte-extras.com/"/><!--]--> <!--[0--><meta name="keywords" content="shadcn-svelte, extras, svelte, components, cli, jsrepo, mcp, phone-input, tags-input, star-rating, file-drop-zone"/><!--]--> <!--[-1--><!--]--> <!--[-1--><!--]--> <!--[0--><!--[0--><meta name="twitter:card" content="summary_large_image"/><!--]--> <!--[-1--><!--]--> <!--[0--><meta name="twitter:title" content="shadcn-svelte-extras"/><!--]--> <!--[0--><meta name="twitter:description" content="Finish your app with awesome svelte components like phone-input, tags-input, star-rating, file-drop-zone and more"/><!--]--> <!--[0--><meta name="twitter:creator" content="@ieeeedan"/><!--]--> <!--[-1--><!--]--> <!--[0--><meta name="twitter:image" content="https://shadcn-svelte-extras.com/og.png"/><!--]--> <!--[-1--><!--]--> <!--[-1--><!--]--> <!--[-1--><!--]--> <!--[-1--><!--]--> <!--[-1--><!--]--> <!--[-1--><!--]--> <!--[-1--><!--]--> <!--[-1--><!--]--> <!--[-1--><!--]--> <!--[-1--><!--]--> <!--[-1--><!--]--> <!--[-1--><!--]--> <!--[-1--><!--]--> <!--[-1--><!--]--><!--]--> <!--[-1--><!--]--> <!--[0--><!--[0--><meta property="og:url" content="https://shadcn-svelte-extras.com/"/><!--]--> <!--[0--><meta property="og:type" content="website"/> <!--[-1--><!--]--><!--]--> <!--[0--><meta property="og:title" content="shadcn-svelte-extras"/><!--]--> <!--[0--><meta property="og:description" content="Finish your app with awesome svelte components like phone-input, tags-input, star-rating, file-drop-zone and more"/><!--]--> <!--[0--><!--[--><meta property="og:image" content="https://shadcn-svelte-extras.com/og.png"/> <!--[0--><meta property="og:image:alt" content="shadcn-svelte-extras - Finish your app."/><!--]--> <!--[0--><meta property="og:image:width" content="2014"/><!--]--> <!--[0--><meta property="og:image:height" content="1143"/><!--]--> <!--[-1--><!--]--> <!--[-1--><!--]--><!--]--><!--]--> <!--[-1--><!--]--> <!--[-1--><!--]--> <!--[-1--><!--]--> <!--[0--><meta property="og:site_name" content="shadcn-svelte-extras"/><!--]--><!--]--> <!--[-1--><!--]--> <!--[-1--><!--]--><!----><!--11r53i1--><!--[0-->
26<script async="" defer="" id="umami_analytics_script" data-testid="umami_analytics_script" src="https://cloud.umami.is/script.js" data-website-id="07b288db-9239-4fbf-9d68-4f2ca9b63f89" onload="this.__e=event" onerror="this.__e=event"></script>
26<!----><!--]--><!----><!--qtw3e4--><!--[-1--><!--]--> <!---->
26<script>(function setInitialMode({ defaultMode = "system", themeColors: themeColors2, darkClassNames: darkClassNames2 = ["dark"], lightClassNames: lightClassNames2 = [], defaultTheme = "", modeStorageKey: modeStorageKey2 = "mode-watcher-mode", themeStorageKey: themeStorageKey2 = "mode-watcher-theme" }) {
27  const rootEl = document.documentElement;
28  const mode = localStorage.getItem(modeStorageKey2) ?? defaultMode;
29  const theme = localStorage.getItem(themeStorageKey2) ?? defaultTheme;
30  const light = mode === "light" || mode === "system" && window.matchMedia("(prefers-color-scheme: light)").matches;
31  if (light) {
32    if (darkClassNames2.length) rootEl.classList.remove(...darkClassNames2.filter(Boolean));
33    if (lightClassNames2.length) rootEl.classList.add(...lightClassNames2.filter(Boolean));
34  } else {
35    if (lightClassNames2.length) rootEl.classList.remove(...lightClassNames2.filter(Boolean));
36    if (darkClassNames2.length) rootEl.classList.add(...darkClassNames2.filter(Boolean));
37  }
38  rootEl.style.colorScheme = light ? "light" : "dark";
39  if (themeColors2) {
40    const themeMetaEl = document.querySelector('meta[name="theme-color"]');
41    if (themeMetaEl) themeMetaEl.setAttribute("content", mode === "light" ? themeColors2.light : themeColors2.dark);
42  }
43  if (theme) {
44    rootEl.setAttribute("data-theme", theme);
45    localStorage.setItem(themeStorageKey2, theme);
46  }
47  localStorage.setItem(modeStorageKey2, mode);
48})({"defaultMode":"system","darkClassNames":["dark"],"lightClassNames":[],"defaultTheme":"","modeStorageKey":"mode-watcher-mode","themeStorageKey":"mode-watcher-theme"});</script>
48<!----><!----><title>shadcn-svelte-extras</title>
49		<link href="./_app/immutable/assets/0.fPQkAPqR.css" rel="stylesheet">
50		<link href="./_app/immutable/assets/code.ByImkd_6.css" rel="stylesheet">
51		<link href="./_app/immutable/assets/api-reference.CaiVD4av.css" rel="stylesheet">
52		<link href="./_app/immutable/assets/jsrepo-command.C7fkmYKA.css" rel="stylesheet">
53		<link href="./_app/immutable/assets/chat.InmS10Ff.css" rel="stylesheet">
54		<link href="./_app/immutable/assets/phone-input.ClAralx7.css" rel="stylesheet">
55		<link href="./_app/immutable/assets/select.CV-KWLNP.css" rel="stylesheet">
56		<link href="./_app/immutable/assets/ipv4address-input.DmQWfVl1.css" rel="stylesheet">
57		<link href="./_app/immutable/assets/pm-command.Do5hLWKy.css" rel="stylesheet">
58	</head>
59	<body data-sveltekit-preload-data="hover" class="[--header-height:56px]">
60		<div style="display: contents"><!--[--><!--[0--><!--[--><!----> <!--[0--><!--]--> <!--[-1--><!--]--><!----> <section aria-label="Notifications alt+T" tabindex="-1" aria-live="polite" aria-relevant="additions text" aria-atomic="false" class="svelte-r9tb13"><!--[-1--><!--]--></section><!----> <!--[--><!--[0--><!--[--><!--[--><!--[--><!--[-1--><!--]--><!--]--><!----><!--]--><!----> <header class="bg-background sticky top-0 z-10 flex flex-col items-center"><div class="site-container flex h-(--header-height) w-full items-center justify-between"><!--[--><!--[--><!--[--><!--[--><!--$s1--><!--[-1--><button data-slot="sheet-trigger" class="flex items-center gap-2 md:hidden" id="bits-s1" aria-haspopup="dialog" aria-expanded="false" data-dialog-trigger="" data-state="closed"><!--[-1--><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-icon lucide lucide-menu size-5"><!--[--><!----><path d="M4 5h16"><!----></path><!----><!----><path d="M4 12h16"><!----></path><!----><!----><path d="M4 19h16"><!----></path><!----><!--]--><!----><!----></svg><!--]--> Menu<!----></button><!--]--><!--]--><!--]--> <!--[--><!--[--><!--[-1--><!--]--><!--]--><!--]--><!----><!--]--><!--]--><!----> <div class="hidden items-center md:flex"><a href="/"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="mr-2 size-6"><rect x="3" y="11.4853" width="12" height="1.5" rx="0.75" transform="rotate(-45 3 11.4853)" fill="#C2410C"></rect><rect x="7" y="12.6569" width="8" height="1.5" rx="0.75" transform="rotate(-45 7 12.6569)" fill="#C2410C"></rect><rect x="10.25" y="14" width="6" height="1.5" rx="0.75" transform="rotate(-90 10.25 14)" fill="black" class="dark:fill-white"></rect><rect x="8" y="10.25" width="6" height="1.5" rx="0.75" fill="black" class="dark:fill-white"></rect></svg><!----></a> <a href="/docs" class="hover:bg-secondary flex h-7 items-center justify-center rounded-md px-2.5 text-sm transition-all">Docs</a><!----> <a href="/components" class="hover:bg-secondary flex h-7 items-center justify-center rounded-md px-2.5 text-sm transition-all">Components</a><!----> <a href="/hooks" class="hover:bg-secondary flex h-7 items-center justify-center rounded-md px-2.5 text-sm transition-all">Hooks</a><!----> <a href="/actions" class="hover:bg-secondary flex h-7 items-center justify-center rounded-md px-2.5 text-sm transition-all">Actions</a><!----></div> <div class="flex items-center gap-2 **:data-[slot=separator]:h-4!"><!--[0--><a data-slot="button" class="focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 group/button inline-flex shrink-0 items-center justify-center border border-transparent bg-clip-padding font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:ring-3 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:ring-3 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;_svg:not([class*='size-'])]:size-4 hover:bg-muted hover:text-foreground dark:hover:bg-muted/50 aria-expanded:bg-muted aria-expanded:text-foreground h-8 rounded-[min(var(--radius-md),10px)] px-2.5 in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&amp;_span]:text-muted-foreground gap-2 font-mono text-xs" href="https://github.com/ieedan/shadcn-svelte-extras"><!--[-1--><!--]--> <svg class="text-foreground size-4 shrink-0 fill-current" viewBox="0 0 256 250" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" aria-hidden="true"><path d="M128.001 0C57.317 0 0 57.307 0 128.001c0 56.554 36.676 104.535 87.535 121.46 6.397 1.185 8.746-2.777 8.746-6.158 0-3.052-.12-13.135-.174-23.83-35.61 7.742-43.124-15.103-43.124-15.103-5.823-14.795-14.213-18.73-14.213-18.73-11.613-7.944.876-7.78.876-7.78 12.853.902 19.621 13.19 19.621 13.19 11.417 19.568 29.945 13.911 37.249 10.64 1.149-8.272 4.466-13.92 8.127-17.116-28.431-3.236-58.318-14.212-58.318-63.258 0-13.975 5-25.394 13.188-34.358-1.329-3.224-5.71-16.242 1.24-33.874 0 0 10.749-3.44 35.21 13.121 10.21-2.836 21.16-4.258 32.038-4.307 10.878.049 21.837 1.47 32.066 4.307 24.431-16.56 35.165-13.12 35.165-13.12 6.967 17.63 2.584 30.65 1.255 33.873 8.207 8.964 13.173 20.383 13.173 34.358 0 49.163-29.944 59.988-58.447 63.157 4.591 3.972 8.682 11.762 8.682 23.704 0 17.126-.148 30.91-.148 35.126 0 3.407 2.304 7.398 8.792 6.14C219.37 232.5 256 184.537 256 128.002 256 57.307 198.691 0 128.001 0Zm-80.06 182.34c-.282.636-1.283.827-2.194.39-.929-.417-1.45-1.284-1.15-1.922.276-.655 1.279-.838 2.205-.399.93.418 1.46 1.293 1.139 1.931Zm6.296 5.618c-.61.566-1.804.303-2.614-.591-.837-.892-.994-2.086-.375-2.66.63-.566 1.787-.301 2.626.591.838.903 
601 2.088.363 2.66Zm4.32 7.188c-.785.545-2.067.034-2.86-1.104-.784-1.138-.784-2.503.017-3.05.795-.547 2.058-.055 2.861 1.075.782 1.157.782 2.522-.019 3.08Zm7.304 8.325c-.701.774-2.196.566-3.29-.49-1.119-1.032-1.43-2.496-.726-3.27.71-.776 2.213-.558 3.315.49 1.11 1.03 1.45 2.505.701 3.27Zm9.442 2.81c-.31 1.003-1.75 1.459-3.199 1.033-1.448-.439-2.395-1.613-2.103-2.626.301-1.01 1.747-1.484 3.207-1.028 1.446.436 2.396 1.602 2.095 2.622Zm10.744 1.193c.036 1.055-1.193 1.93-2.715 1.95-1.53.034-2.769-.82-2.786-1.86 0-1.065 1.202-1.932 2.733-1.958 1.522-.03 2.768.818 2.768 1.868Zm10.555-.405c.182 1.03-.875 2.088-2.387 2.37-1.485.271-2.861-.365-3.05-1.386-.184-1.056.893-2.114 2.376-2.387 1.514-.263 2.868.356 3.061 1.403Z"></path></svg> <!--[0--><span aria-label="Stars on GitHub" class="tabular-nums">525</span><!--]--><!----><!----></a><!--]--><!----> <!--[--><!--$s2--><!--[-1--><div data-slot="separator" class="bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-px data-[orientation=vertical]:h-full" id="bits-s2" role="separator" aria-orientation="vertical" data-orientation="vertical" data-separator-root=""><!----></div><!--]--><!--]--><!----> <!--[-1--><button data-slot="button" class="focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 group/button shrink-0 items-center justify-center rounded-md border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:ring-3 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:ring-3 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;_svg:not([class*='size-'])]:size-4 hover:bg-muted hover:text-foreground dark:hover:bg-muted/50 aria-expanded:bg-muted aria-expanded:text-foreground size-9 hidden xl:flex" type="button" title="Toggle layout"><!--[-1--><!--]--> <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-icon 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><!--]--><!----> <!--[--><!--$s3--><!--[-1--><div data-slot="separator" class="bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-px data-[orientation=vertical]:h-full hidden xl:block" id="bits-s3" role="separator" aria-orientation="vertical" data-orientation="vertical" data-separator-root=""><!----></div><!--]--><!--]--><!----> <!--[-1--><button data-slot="button" class="focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 group/button inline-flex shrink-0 items-center justify-center border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:ring-3 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:ring-3 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;_svg:not([class*='size-'])]:size-4 hover:bg-muted hover:text-foreground dark:hover:bg-muted/50 aria-expanded:bg-muted aria-expanded:text-foreground size-8 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-md" type="button"><!--[-1--><!--]--> <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-icon lucide lucide-sun scale-100 rotate-0 !transition-all dark:scale-0 dark:-rotate-90"><!--[--><!----><circle cx="12" cy="12" r="4"><!----></circle><!----><!----><path d="M12 2v2"><!----></path><!----><!----><path d="M12 20v2"><!----></path><!----><!----><path d="m4.93 4.93 1.41 1.41"><!----></path><!----><!----><path d="m17.66 17.66 1.41 1.41"><!----></path><!----><!----><path d="M2 12h2"><!----></path><!----><!----><path d="M20 12h2"><!----></path><!----><!----><path d="m6.34 17.66-1.41 1.41"><!----></path><!----><!----><path d="m19.07 4.93-1.41 1.41"><!----></path><!----><!--]--><!----><!----></svg><!----> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-moon absolute scale-0 rotate-90 !transition-all dark:scale-100 dar
60k:rotate-0"><!--[--><!----><path d="M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401"><!----></path><!----><!--]--><!----><!----></svg><!----> <span class="sr-only">Toggle theme</span><!----><!----></button><!--]--><!----></div></div></header><!----> <div class="flex flex-col items-center"><div class="site-container"><!--[-1--><!--[--><div class="flex flex-col items-center gap-8"><div class="flex flex-col items-center gap-2 py-6 md:py-10 lg:py-20"><!----><a data-slot="badge" href="/docs/components/split-button" class="focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-colors focus-visible:ring-[3px] has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&amp;>svg]:pointer-events-none [&amp;>svg]:size-3! bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80 rounded-full"><!---->🎉 New Component: Split Button <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-icon lucide lucide-arrow-right size-4 shrink-0"><!--[--><!----><path d="M5 12h14"><!----></path><!----><!----><path d="m12 5 7 7-7 7"><!----></path><!----><!--]--><!----><!----></svg><!----><!----><!----></a><!----><!----> <h1 class="text-center text-5xl font-medium">shadcn-svelte-extras</h1> <p class="text-center text-lg">Finish your component library with beautiful, composable components.</p> <div class="mt-2 flex place-items-center gap-2"><!--[0--><a data-slot="button" class="focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 group/button inline-flex shrink-0 items-center justify-center rounded-md border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:ring-3 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:ring-3 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;_svg:not([class*='size-'])]:size-4 bg-primary text-primary-foreground hover:bg-primary/80 h-9 gap-1.5 px-2.5 in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2" href="/docs/installation"><!--[-1--><!--]--> <!---->Get Started<!----><!----></a><!--]--><!----> <!--[0--><a data-slot="button" class="focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 group/button inline-flex shrink-0 items-center justify-center rounded-md border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:ring-3 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:ring-3 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;_svg:not([class*='size-'])]:size-4 hover:bg-muted hover:text-foreground dark:hover:bg-muted/50 aria-expanded:bg-muted aria-expanded:text-foreground h-9 gap-1.5 px-2.5 in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2" href="/components"><!--[-1--><!--]--> <!---->Browse Components<!----><!----></a><!--]--><!----></div></div> <div class="container grid grid-cols-1 gap-4 lg:grid-cols-2 2xl:grid-cols-3"><div class="flex flex-col gap-4 lg:col-start-1"><div class="border-border w-full border"><div class="bg-background flex place-items-center justify-between border-b p-2"><div class="flex place-items-center gap-2"><!--[--><!--[--><!--$s4--><!--[-1--><div data-slot="avatar" data-size="default" class="after:border-border group/avatar relative flex size-8 shrink-0 rounded-full select-none after:absolute after:inset-0 after:rounded-full after:border after:mix-blend-darken data-[size=lg]:size-10 data-[size=sm]:size-6 dark:after:mix-blend-lighten" id="bits-s4" data-avatar-root="" data-status="loading"><!--[--><!--[--><!--$s5-->
60<!--[-1--><img data-slot="avatar-image" class="aspect-square size-full rounded-full object-cover" alt="@johndoe" id="bits-s5" style="display: none;" data-status="loading" data-avatar-image="" src="https://images.freeimages.com/images/large-previews/fdd/man-avatar-1632964.jpg?fmt=webp&amp;h=35" onload="this.__e=event" onerror="this.__e=event"/><!--]--><!--]--><!--]--> <!--[--><!--[--><!--$s6--><!--[-1--><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full text-sm group-data-[size=sm]/avatar:text-xs" data-status="loading" data-avatar-fallback=""><!---->JD<!----></span><!--]--><!--]--><!--]--><!----></div><!--]--><!--]--><!--]--> <div class="flex flex-col"><span class="text-sm font-medium">John Doe</span> <span class="text-xs">Active 2 mins ago</span></div></div> <div class="flex place-items-center"><!--[-1--><button data-slot="button" class="focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 group/button inline-flex shrink-0 items-center justify-center border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:ring-3 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:ring-3 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;_svg:not([class*='size-'])]:size-4 hover:bg-muted hover:text-foreground dark:hover:bg-muted/50 aria-expanded:bg-muted aria-expanded:text-foreground size-9 rounded-full" type="button"><!--[-1--><!--]--> <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-icon lucide lucide-phone"><!--[--><!----><path d="M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384"><!----></path><!----><!--]--><!----><!----></svg><!----><!----></button><!--]--><!----> <!--[-1--><button data-slot="button" class="focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 group/button inline-flex shrink-0 items-center justify-center border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:ring-3 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:ring-3 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;_svg:not([class*='size-'])]:size-4 hover:bg-muted hover:text-foreground dark:hover:bg-muted/50 aria-expanded:bg-muted aria-expanded:text-foreground size-9 rounded-full" type="button"><!--[-1--><!--]--> <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-icon lucide lucide-video"><!--[--><!----><path d="m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5"><!----></path><!----><!----><rect x="2" y="6" width="14" height="12" rx="2"><!----></rect><!----><!--]--><!----><!----></svg><!----><!----></button><!--]--><!----> <!--[-1--><button data-slot="button" class="focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 group/button inline-flex shrink-0 items-center justify-center border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:ring-3 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:ring-3 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;_svg:not([class*='size-'])]:size-4 hover:bg-muted hover:text-foreground dark:hover:bg-muted/50 aria-expanded:bg-muted aria-expanded:text-foreground size-9 rounded-full" t
60ype="button"><!--[-1--><!--]--> <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-icon lucide lucide-info"><!--[--><!----><circle cx="12" cy="12" r="10"><!----></circle><!----><!----><path d="M12 16v-4"><!----></path><!----><!----><path d="M12 8h.01"><!----></path><!----><!--]--><!----><!----></svg><!----><!----></button><!--]--><!----></div></div> <!--[--><div class="relative"><div class="no-scrollbar flex h-full w-full flex-col gap-4 overflow-y-auto p-4 max-h-[400px]"><!--[--><!--[--><div class="group/chat-bubble flex max-w-[80%] flex-row place-items-end gap-2 data-[variant='sent']:place-self-end" data-variant="sent"><!--[--><!--[--><!--$s7--><!--[-1--><div data-slot="avatar" data-size="default" class="after:border-border group/avatar relative flex size-8 shrink-0 rounded-full select-none after:absolute after:inset-0 after:rounded-full after:border after:mix-blend-darken data-[size=lg]:size-10 data-[size=sm]:size-6 dark:after:mix-blend-lighten order-1 group-data-[variant='sent']/chat-bubble:order-2" id="bits-s7" data-avatar-root="" data-status="loading"><!--[--><!--[--><!--$s8--><!--[-1--><img data-slot="avatar-image" class="aspect-square size-full rounded-full object-cover" alt="@janedoe" id="bits-s8" style="display: none;" data-status="loading" data-avatar-image="" src="https://images.freeimages.com/images/large-previews/971/basic-shape-avatar-1632968.jpg?fmt=webp&amp;h=350" onload="this.__e=event" onerror="this.__e=event"/><!--]--><!--]--><!--]--> <!--[--><!--[--><!--$s9--><!--[-1--><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full text-sm group-data-[size=sm]/avatar:text-xs" data-status="loading" data-avatar-fallback=""><!---->JD<!----></span><!--]--><!--]--><!--]--><!----></div><!--]--><!--]--><!--]--> <!--[--><div class="bg-secondary group-data-[variant='sent']/chat-bubble:bg-primary group-data-[variant='sent']/chat-bubble:text-primary-foreground order-2 rounded-lg p-4 text-sm group-data-[variant='received']/chat-bubble:rounded-bl-none group-data-[variant='sent']/chat-bubble:order-1 group-data-[variant='sent']/chat-bubble:rounded-br-none flex flex-col gap-1"><!--[-1--><p>Hey, did you see Svelte 5 just got released?</p> <div class="w-full text-xs group-data-[variant='sent']/chat-bubble:text-end">9:30 PM</div><!----><!--]--></div><!--]--><!----></div><!--]--><!--[--><div class="group/chat-bubble flex max-w-[80%] flex-row place-items-end gap-2 data-[variant='sent']:place-self-end" data-variant="received"><!--[--><!--[--><!--$s10--><!--[-1--><div data-slot="avatar" data-size="default" class="after:border-border group/avatar relative flex size-8 shrink-0 rounded-full select-none after:absolute after:inset-0 after:rounded-full after:border after:mix-blend-darken data-[size=lg]:size-10 data-[size=sm]:size-6 dark:after:mix-blend-lighten order-1 group-data-[variant='sent']/chat-bubble:order-2" id="bits-s10" data-avatar-root="" data-status="loading"><!--[--><!--[--><!--$s11--><!--[-1--><img data-slot="avatar-image" class="aspect-square size-full rounded-full object-cover" alt="@johndoe" id="bits-s11" style="display: none;" data-status="loading" data-avatar-image="" src="https://images.freeimages.com/images/large-previews/fdd/man-avatar-1632964.jpg?fmt=webp&amp;h=35" onload="this.__e=event" onerror="this.__e=event"/><!--]--><!--]--><!--]--> <!--[--><!--[--><!--$s12--><!--[-1--><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full text-sm group-data-[size=sm]/avatar:text-xs" data-status="loading" data-avatar-fallback=""><!---->JD<!----></span><!--]--><!--]--><!--]--><!----></div><!--]--><!--]--><!--]--> <!--[--><div class="bg-secondary group-data-[variant='sent']/chat-bubble:bg-primary group-data-[variant='sent']/chat-bubble:text-primary-foreground order-2 rounded-lg p-4 text-sm group-data-[variant='received']/chat-bubble:rounded-bl-none group-data-[variant='sent']/chat-bubble:order-1 group-data-[variant='sent']/chat-bubble:rounded-br-none flex flex-col gap-1"><!--[-1--><p>Yes! The runes system looks really interesting!</p> <div class="w-full text-xs group-data-[variant='sent']/chat-bubble:text-end">9:33 PM</div><!----><!--]--></div><!--]--><!----></div><!--]--><!--[--><div class="group/chat-bubble flex max-w-[80%] flex-row place-items-end gap-2 data-[variant='sent']:place-self-end" data-variant="sent"><!--[--><!--[--><!--$s13--><!--[-1--><div data-slot="avatar" data-size="default" class="after:border-border group/avatar relative flex size-8 shrink-0 rounded-full select-none after:absolute after:inset-0 after:rounded-full after:border after:mix-blend-darken data-[size=lg]:size-10 data-[size=sm]:size-6 dark:after:mix-blend-lighten order-1 group-data-[variant='sent']/chat-bubble:order-2" id="bits-s13" data-avatar-root="" data-status="loading"><!--[--><!--[--><!--$s14--><!--[-1--><img data-slot="avatar-image" class="aspect-square size-full rounded-full object-cover" alt="@janedoe" id="bits-s14" style="display: none;" data-status="loading" data-avatar-image="" src="https://images.freeimages.com/images/large-previews/971/basic-shape-avatar-1632968.jpg?fmt=webp&amp;h=350" onload="this.__e=event" onerror="this.__e=event"/><!--]--><!--]--><!--]--> <!--[--><!--[--><!--$s15--><!--[-1--><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full text-sm group-data-[size=sm]/avatar:text-xs" data-status="loading" data-avatar-fallback=""><!---->JD<!----></span><!--]--><!--]--><!--]--><!----></div><!--]--><!--]--><!--]--> <!--[--><div class="bg-secondary group-data-[variant='sent']/chat-bubble:bg-primary group-data-[variant='sent']/chat-bubble:text-primary-foreground order-2 rounded-lg p-4 text-sm group-data-[variant='received']/chat-bubble:rounded-bl-none group-data-[variant='sent']/chat-bubble:order-1 group-data-[variant='sent']/chat-bubble:rounded-br-none flex flex-col gap-1"><!--[-1--><p>Right? Such a big change from the previous reactive system</p> <div class="w-full text-xs group-data-[variant='sent']/chat-bubble:text-end">9:35 PM</div><!----><!--]--></div><!--]--><!----></div><!--]--><!--[--><div class="group/chat-bubble flex max-w-[80%] flex-row place-items-end gap-2 data-[variant='sent']:place-self-end" data-variant="received"><!--[--><!--[--><!--$s16--><!--[-1--><div data-slot="avatar" data-size="default" class="after:border-border group/avatar relative flex size-8 shrink-0 rounded-full select-none after:absolute after:inset-0 after:rounded-full after:border after:mix-blend-darken data-[size=lg]:size-10 data-[size=sm]:size-6 dark:after:mix-blend-lighten order-1 group-data-[variant='sent']/chat-bubble:order-2" id="bits-s16" data-avatar-root="" data-status="loading"><!--[--><!--[--><!--$s17--><!--[-1--><img data-slot="avatar-image" class="aspect-square size-full rounded-full object-cover" alt="@johndoe" id="bits-s17" style="display: none;" data-status="loading" data-avatar-image="" src="https://images.freeimages.com/images/large-previews/fdd/man-avatar-1632964.jpg?fmt=webp&amp;h=35" onload="this.__e=event" onerror="this.__e=event"/><!--]--><!--]--><!--]--> <!--[--><!--[--><!--$s18--><!--[-1--><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full text-sm group-data-[size=sm]/avatar:text-xs" data-status="loading" data-avatar-fallback=""><!---->JD<!----></span><!--]--><!--]--><!--]--><!----></div><!--]--><!--]--><!--]--> <!--[--><div class="bg-secondary group-data-[variant='sent']/chat-bubble:bg-primary group-data-[variant='sent']/chat-bubble:text-primary-foreground order-2 rounded-lg p-4 text-sm group-data-[variant='received']/chat-bubble:rounded-bl-none group-data-[variant='sent']/chat-bubble:order-1 group-data-[variant='sent']/chat-bubble:rounded-br-none flex flex-col gap-1"><!--[-1--><p>Have you tried migrating any projects to it yet?</p> <div class="w-full text-xs group-data-[variant='sent']/chat-bubble:text-end">9:38 PM</div><!----><!--]--></div><!--]--><!----></div><!--]--><!--[--><div class="group/chat-bubble flex max-w-[80%] flex-row place-items-end gap-2 data-[variant='sent']:place-self-end" data-variant="sent"><!--[--><!--[--><!--$s19--><!--[-1--><div data-slot="avatar" data-size="default" class="after:border-border group/avatar relative flex size-8 shrink-0 rounded-full select-none after:absolute after:inset-0 after:rounded-full after:border after:mix-blend-darken data-[size=lg]:size-10 data-[size=sm]:size-6 dark:after:mix-blend-lighten order-1 group-data-[variant='sent']/chat-bubble:order-2" id="bits-s19" data-avatar-root="" data-status="loading"><!--[--><!--[--><!--$s20--><!--[-1--><img data-slot="avatar-image" class="aspect-square size-full rounded-full object-cover" alt="@janedoe" id="bits-s20" style="display: none;" data-status="loading" data-avatar-image="" src="https://images.freeimages.com/images/large-previews/971/basic-shape-avatar-1632968.jpg?fmt=webp&amp;h=350" onload="this.__e=event" onerror="this.__e=event"/><!--]--><!--]--><!--]--> <!--[--><!--[--><!--$s21--><!--[-1--><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full text-sm group-data-[size=sm]/avatar:text-xs" data-status="loading" data-avatar-fallback=""><!---->JD<!----></span><!--]--><!--]--><!--]--><!----></div><!--]--><!--]--><!--]--> <!--[--><div class="bg-secondary group-data-[variant='sent']/chat-bubble:bg-primary group-data-[variant='sent']/chat-bubble:text-primary-foreground order-2 rounded-lg p-4 text-sm group-data-[variant='received']/chat-bubble:rounded-bl-none group-data-[variant='sent']/chat-bubble:order-1 group-data-[variant='sent']/chat-bubble:rounded-br-none flex flex-col gap-1"><!--[-1--><p>Just started with a small one. The migration guide is super helpful</p> <div class="w-full text-xs group-data-[variant='sent']/chat-bubble:text-end">9:40 PM</div><!----><!--]--></div><!--]--><!----></div><!--]--><!--[--><div class="group/chat-bubble flex max-w-[80%] flex-row place-items-end gap-2 data-[variant='sent']:place-self-end" data-variant="received"><!--[--><!--[--><!--$s22--><!--[-1--><div data-slot="avatar" data-size="default" class="after:border-border group/avatar relative flex size-8 shrink-0 rounded-full select-none after:absolute after:inset-0 after:rounded-full after:border after:mix-blend-darken data-[size=lg]:size-10 data-[size=sm]:size-6 dark:after:mix-blend-lighten order-1 group-data-[variant='sent']/chat-bubble:order-2" id="bits-s22" data-avatar-root="" data-status="loading"><!--[--><!--[--><!--$s23--><!--[-1--><img data-slot="avatar-image" class="aspect-square size-full rounded-full object-cover" alt="@johndoe" id="bits-s23" style="display: none;" data-status="loading" data-avatar-image="" src="https://images.freeimages.com/images/large-previews/fdd/man-avatar-1632964.jpg?fmt=webp&amp;h=35" onload="this.__e=event" onerror="this.__e=event"/><!--]--><!--]--><!--]--> <!--[--><!--[--><!--$s24--><!--[-1--><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full text-sm group-data-[size=sm]/avatar:text-xs" data-status="loading" data-avatar-fallback=""><!---->JD<!----></span><!--]--><!--]--><!--]--><!----></div><!--]--><!--]--><!--]--> <!--[--><div class="bg-secondary group-data-[variant='sent']/chat-bubble:bg-primary group-data-[variant='sent']/chat-bubble:text-primary-foreground order-2 rounded-lg p-4 text-sm group-data-[variant='received']/chat-bubble:rounded-bl-none group-data-[variant='sent']/chat-bubble:order-1 group-data-[variant='sent']/chat-bubble:rounded-br-none flex flex-col gap-1"><!--[-1--><p>Any breaking changes causing issues?</p> <div class="w-full text-xs group-data-[variant='sent']/chat-bubble:text-end">9:43 PM</div><!----><!--]--></div><!--]--><!----></div><!--]--><!--[--><div class="group/chat-bubble flex max-w-[80%] flex-row place-items-end gap-2 data-[variant='sent']:place-self-end" data-variant="sent"><!--[--><!--[--><!--$s25--><!--[-1--><div data-slot="avatar" data-size="default" class="after:border-border group/avatar relative flex size-8 shrink-0 rounded-full select-none after:absolute after:inset-0 after:rounded-full after:border after:mix-blend-darken data-[size=lg]:size-10 data-[size=sm]:size-6 dark:after:mix-blend-lighten order-1 group-data-[variant='sent']/chat-bubble:order-2" id="bits-s25" data-avatar-root="" data-status="loading"><!--[--><!--[--><!--$s26--><!--[-1--><img data-slot="avatar-image" class="aspect-square size-full rounded-full object-cover" alt="@janedoe" id="bits-s26" style="display: none;" data-status="loading" data-avatar-image="" src="https://images.freeimages.com/images/large-previews/971/basic-shape-avatar-1632968.jpg?fmt=webp&amp;h=350" onload="this.__e=event" onerror="this.__e=event"/><!--]--><!--]--><!--]--> <!--[--><!--[--><!--$s27--><!--[-1--><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full text-sm group-data-[size=sm]/avatar:text-xs" data-status="loading" data-avatar-fallback=""><!---->JD<!----></span><!--]--><!--]--><!--]--><!----></div><!--]--><!--]--><!--]--> <!--[--><div class="bg-secondary group-data-[variant='sent']/chat-bubble:bg-primary group-data-[variant='sent']/chat-bubble:text-primary-foreground order-2 rounded-lg p-4 text-sm group-data-[variant='received']/chat-bubble:rounded-bl-none group-data-[variant='sent']/chat-bubble:order-1 group-data-[variant='sent']/chat-bubble:rounded-br-none flex flex-col gap-1"><!--[-1--><p>The new $state syntax took some getting used to, but its cleaner now</p> <div class="w-full text-xs group-data-[variant='sent']/chat-bubble:text-end">9:45 PM</div><!----><!--]--></div><!--]--><!----></div><!--]--><!--[--><div class="group/chat-bubble flex max-w-[80%] flex-row place-items-end gap-2 data-[variant='sent']:place-self-end" data-variant="received"><!--[--><!--[--><!--$s28--><!--[-1--><div data-slot="avatar" data-size="default" class="after:border-border group/avatar relative flex size-8 shrink-0 rounded-full select-none after:absolute after:inset-0 after:rounded-full after:border after:mix-blend-darken data-[size=lg]:size-10 data-[size=sm]:size-6 dark:after:mix-blend-lighten order-1 group-data-[variant='sent']/chat-bubble:order-2" id="bits-s28" data-avatar-root="" data-status="loading"><!--[--><!--[--><!--$s29--><!--[-1--><img data-slot="avatar-image" class="aspect-square size-full rounded-full object-cover" alt="@johndoe" id="bits-s29" style="display: none;" data-status="loading" data-avatar-image="" src="https://images.freeimages.com/images/large-previews/fdd/man-avatar-1632964.jpg?fmt=webp&amp;h=35" onload="this.__e=event" onerror="this.__e=event"/><!--]--><!--]--><!--]--> <!--[--><!--[--><!--$s30--><!--[-1--><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full text-sm group-data-[size=sm]/avatar:text-xs" data-status="loading" data-avatar-fallback=""><!---->JD<!----></span><!--]--><!--]--><!--]--><!----></div><!--]--><!--]--><!--]--> <!--[--><div class="bg-secondary group-data-[variant='sent']/chat-bubble:bg-primary group-data-[variant='sent']/chat-bubble:text-primary-foreground order-2 rounded-lg p-4 text-sm group-data-[variant='received']/chat-bubble:rounded-bl-none group-data-[variant='sent']/chat-bubble:order-1 group-data-[variant='sent']/chat-bubble:rounded-br-none flex flex-col gap-1"><!--[-1--><p>The performance improvements are impressive too</p> <div class="w-full text-xs group-data-[variant='sent']/chat-bubble:text-end">9:48 PM</div><!----><!--]--></div><!--]--><!----></div><!--]--><!--[--><div class="group/chat-bubble flex max-w-[80%] flex-row place-items-end gap-2 data-[variant='sent']:place-self-end" data-variant="sent"><!--[--><!--[--><!--$s31--><!--[-1--><div data-slot="avatar" data-size="default" class="after:border-border group/avatar relative flex size-8 shrink-0 rounded-full select-none after:absolute after:inset-0 after:rounded-full after:border after:mix-blend-darken data-[size=lg]:size-10 data-[size=sm]:size-6 dark:after:mix-blend-lighten 
60order-1 group-data-[variant='sent']/chat-bubble:order-2" id="bits-s31" data-avatar-root="" data-status="loading"><!--[--><!--[--><!--$s32--><!--[-1--><img data-slot="avatar-image" class="aspect-square size-full rounded-full object-cover" alt="@janedoe" id="bits-s32" style="display: none;" data-status="loading" data-avatar-image="" src="https://images.freeimages.com/images/large-previews/971/basic-shape-avatar-1632968.jpg?fmt=webp&amp;h=350" onload="this.__e=event" onerror="this.__e=event"/><!--]--><!--]--><!--]--> <!--[--><!--[--><!--$s33--><!--[-1--><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full text-sm group-data-[size=sm]/avatar:text-xs" data-status="loading" data-avatar-fallback=""><!---->JD<!----></span><!--]--><!--]--><!--]--><!----></div><!--]--><!--]--><!--]--> <!--[--><div class="bg-secondary group-data-[variant='sent']/chat-bubble:bg-primary group-data-[variant='sent']/chat-bubble:text-primary-foreground order-2 rounded-lg p-4 text-sm group-data-[variant='received']/chat-bubble:rounded-bl-none group-data-[variant='sent']/chat-bubble:order-1 group-data-[variant='sent']/chat-bubble:rounded-br-none flex flex-col gap-1"><!--[-1--><p>Yeah, the compiler optimizations are amazing. Much faster now</p> <div class="w-full text-xs group-data-[variant='sent']/chat-bubble:text-end">9:50 PM</div><!----><!--]--></div><!--]--><!----></div><!--]--><!--[--><div class="group/chat-bubble flex max-w-[80%] flex-row place-items-end gap-2 data-[variant='sent']:place-self-end" data-variant="received"><!--[--><!--[--><!--$s34--><!--[-1--><div data-slot="avatar" data-size="default" class="after:border-border group/avatar relative flex size-8 shrink-0 rounded-full select-none after:absolute after:inset-0 after:rounded-full after:border after:mix-blend-darken data-[size=lg]:size-10 data-[size=sm]:size-6 dark:after:mix-blend-lighten order-1 group-data-[variant='sent']/chat-bubble:order-2" id="bits-s34" data-avatar-root="" data-status="loading"><!--[--><!--[--><!--$s35--><!--[-1--><img data-slot="avatar-image" class="aspect-square size-full rounded-full object-cover" alt="@johndoe" id="bits-s35" style="display: none;" data-status="loading" data-avatar-image="" src="https://images.freeimages.com/images/large-previews/fdd/man-avatar-1632964.jpg?fmt=webp&amp;h=35" onload="this.__e=event" onerror="this.__e=event"/><!--]--><!--]--><!--]--> <!--[--><!--[--><!--$s36--><!--[-1--><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full text-sm group-data-[size=sm]/avatar:text-xs" data-status="loading" data-avatar-fallback=""><!---->JD<!----></span><!--]--><!--]--><!--]--><!----></div><!--]--><!--]--><!--]--> <!--[--><div class="bg-secondary group-data-[variant='sent']/chat-bubble:bg-primary group-data-[variant='sent']/chat-bubble:text-primary-foreground order-2 rounded-lg p-4 text-sm group-data-[variant='received']/chat-bubble:rounded-bl-none group-data-[variant='sent']/chat-bubble:order-1 group-data-[variant='sent']/chat-bubble:rounded-br-none flex flex-col gap-1"><!--[-1--><p>Looking forward to using it in my next project!</p> <div class="w-full text-xs group-data-[variant='sent']/chat-bubble:text-end">9:53 PM</div><!----><!--]--></div><!--]--><!----></div><!--]--><!--]--> <!--[--><div class="group/chat-bubble flex max-w-[80%] flex-row place-items-end gap-2 data-[variant='sent']:place-self-end" data-variant="received"><!--[--><!--[--><!--$s37--><!--[-1--><div data-slot="avatar" data-size="default" class="after:border-border group/avatar relative flex size-8 shrink-0 rounded-full select-none after:absolute after:inset-0 after:rounded-full after:border after:mix-blend-darken data-[size=lg]:size-10 data-[size=sm]:size-6 dark:after:mix-blend-lighten order-1 group-data-[variant='sent']/chat-bubble:order-2" id="bits-s37" data-avatar-root="" data-status="loading"><!--[--><!--[--><!--$s38--><!--[-1--><img data-slot="avatar-image" class="aspect-square size-full rounded-full object-cover" alt="@johndoe" id="bits-s38" style="display: none;" data-status="loading" data-avatar-image="" src="https://images.freeimages.com/images/large-previews/fdd/man-avatar-1632964.jpg?fmt=webp&amp;h=35" onload="this.__e=event" onerror="this.__e=event"/><!--]--><!--]--><!--]--> <!--[--><!--[--><!--$s39--><!--[-1--><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full text-sm group-data-[size=sm]/avatar:text-xs" data-status="loading" data-avatar-fallback=""><!---->JD<!----></span><!--]--><!--]--><!--]--><!----></div><!--]--><!--]--><!--]--> <!--[--><div class="bg-secondary group-data-[variant='sent']/chat-bubble:bg-primary group-data-[variant='sent']/chat-bubble:text-primary-foreground order-2 rounded-lg p-4 text-sm group-data-[variant='received']/chat-bubble:rounded-bl-none group-data-[variant='sent']/chat-bubble:order-1 group-data-[variant='sent']/chat-bubble:rounded-br-none"><!--[0--><div class="flex size-full place-items-center justify-center"><div class="inline-flex items-center gap-1 svelte-k2x6sv" style="--loading-dots-size: 4px;"><!--[--><span class="bg-primary inline-block size-(--loading-dots-size) rounded-full svelte-k2x6sv"></span><span class="bg-primary inline-block size-(--loading-dots-size) rounded-full svelte-k2x6sv"></span><span class="bg-primary inline-block size-(--loading-dots-size) rounded-full svelte-k2x6sv"></span><!--]--></div><!----></div><!--]--></div><!--]--><!----></div><!--]--><!----></div> <!--[-1--><!--]--></div><!--]--> <form class="flex place-items-center gap-2 p-2"><!--[--><!--[--><!--$s40--><!--[-1--><div class="max-w-[232px]" id="bits-s40" role="application" data-command-root="" tabindex="-1"><!--$s41--><label id="bits-s41" data-command-input-label="" style="position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; transform: translateX(-100%);"><!----><!----></label><!----> <!--[--><!--[--><!--[--><!--[--><!--$s42--><!--[-1--><button data-slot="popover-trigger" class="focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 group/button inline-flex items-center justify-center border bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:ring-3 active:not-aria-[haspopup]:translate-y-
60px disabled:pointer-events-none disabled:opacity-50 aria-invalid:ring-3 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;_svg:not([class*='size-'])]:size-4 border-border bg-background hover:bg-muted hover:text-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 aria-expanded:bg-muted aria-expanded:text-foreground shadow-xs size-9 shrink-0 rounded-full" id="bits-s42" aria-haspopup="dialog" aria-expanded="false" data-state="closed" data-popover-trigger="" type="button"><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-icon lucide lucide-smile-plus"><!--[--><!----><path d="M22 11v1a10 10 0 1 1-9-10"><!----></path><!----><!----><path d="M8 14s1.5 2 4 2 4-2 4-2"><!----></path><!----><!----><line x1="9" x2="9.01" y1="9" y2="9"><!----></line><!----><!----><line x1="15" x2="15.01" y1="9" y2="9"><!----></line><!----><!----><path d="M16 5h6"><!----></path><!----><!----><path d="M19 2v6"><!----></path><!----><!--]--><!----><!----></svg><!----></button><!--]--><!----><!--]--><!--]--> <!--[--><!--[--><!--[-1--><!--]--><!--]--><!--]--><!----><!----><!--]--><!--]--><!----><!----></div><!--]--><!--]--><!--]--> <!--[-1--><input data-slot="input" class="dark:bg-input/30 border-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 file:text-foreground placeholder:text-muted-foreground h-9 w-full min-w-0 border bg-transparent px-2.5 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:ring-3 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:ring-3 md:text-sm rounded-full" value="" placeholder="Type a message..."/><!--]--><!----> <!--[-1--><button data-slot="button" class="focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 group/button inline-flex items-center justify-center border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:ring-3 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:ring-3 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;_svg:not([class*='size-'])]:size-4 bg-primary text-primary-foreground hover:bg-primary/80 size-9 shrink-0 rounded-full" type="submit" disabled=""><!--[-1--><!--]--> <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-icon lucide lucide-send"><!--[--><!----><path d="M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z"><!----></path><!----><!----><path d="m21.854 2.147-10.94 10.939"><!----></path><!----><!--]--><!----><!----></svg><!----><!----></button><!--]--><!----></form></div><!----> <div class="bg-card text-card-foreground relative flex flex-col overflow-hidden rounded-lg border shadow-xs"><div class="flex items-start gap-3 p-4"><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-icon lucide lucide-circle-dashed mt-0.5 size-5 shrink-0 text-green-500"><!--[--><!----><path d="M10.1 2.182a10 10 0 0 1 3.8 0"><!----></path><!----><!----><path d="M13.9 21.818a10 10 0 0 1-3.8 0"><!----></path><!----><!----><path d="M17.609 3.721a10 10 0 0 1 2.69 2.7"><!----></path><!----><!----><path d="M2.182 13.9a10 10 0 0 1 0-3.8"><!----></path><!----><!----><path d="M20.279 17.609a10 10 0 0 1-2.7 2.69"><!----></path><!----><!----><path d="M21.818 10.1a10 10 0 0 1 0 3.8"><!----></path><!----><!----><path d="M3.721 6.391a10 10 0 0 1 2.7-2.69"><!----></path><!----><!----><path d="M6.391 20.279a10 10 0 0 1-2.69-2.7"><!----></path><!----><!--]--><!----><!----></svg><!----> <div class="flex-1"><h3 class="text-sm font-semibold">All checks have passed</h3> <p class="text-muted-foreground text-xs">1 skipped, 6 successful checks</p></div></div> <!--[--><!--$s43--><!--[-1--><div data-slot="separator" class="bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-px data-[orientation=vertical]:h-full" id="bits-s43" role="separator" aria-orientation="horizontal" data-orientation="horizontal" data-separator-root=""><!----></div><!--]--><!--]--><!----> <div class="flex items-start gap-3 p-4"><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-icon lucide lucide-circle-check mt-0.5 size-5 shrink-0 fill-green-500/15 text-green-500"><!--[--><!----><circle cx="12" cy="12" r="10"><!----></circle><!----><!----><path d="m9 12 2 2 4-4"><!----></path><!----><!--]--><!----><!----></svg><!----> <div class="flex-1"><h3 class="text-sm font-semibold">No conflicts with base branch</h3> <p class="text-muted-foreground text-xs">It's <span class="text-foreground underline underline-offset-2">12 commits</span> behind (base commit: <code class="text-xs">28c320c</code>)</p></div> <!--[--><div role="group" data-slot="button-group" data-orientation="horizontal" class="flex w-fit items-stretch has-[>[data-slot=button-group]]:gap-2 [&amp;>*]:focus-visible:relative [&amp;>*]:focus-visible:z-10 has-[select[aria-hidden=true]:last-child]:[&amp;>[data-slot=select-trigger]:last-of-type]:rounded-r-md [&amp;>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&amp;>input]:flex-1 [&amp;>[data-slot]]:rounded-r-none [&amp;>[data-slot]:not(:has(~[data-slot]))]:rounded-r-md! [&amp;>[data-slot]~[data-slot]]:rounded-l-none [&amp;>[data-slot]~[data-slot]]:border-l-0"><!--[--><!--[0--><!--[-1--><button data-slot="button" class="focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 group/button inline-flex shrink-0 items-center justify-center border bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:ring-3 active:not-aria-[haspopup]:translate-y-
60px disabled:pointer-events-none disabled:opacity-50 aria-invalid:ring-3 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;_svg:not([class*='size-'])]:size-4 border-border bg-background hover:bg-muted hover:text-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 aria-expanded:bg-muted aria-expanded:text-foreground shadow-xs h-8 gap-1 rounded-[min(var(--radius-md),10px)] px-2.5 in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5" type="button"><!--[-1--><!--]--> <!---->Update branch<!----><!----><!----></button><!--]--><!--]--><!--]--> <!--[--><!--[-1--><!--]--><!--]--> <!--[--><!--[--><!--[--><!--[--><!--$s44--><!--[--><!--[-1--><button data-slot="split-button-select-trigger" class="focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 group/button inline-flex shrink-0 items-center justify-center border bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:ring-3 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:ring-3 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;_svg:not([class*='size-'])]:size-4 border-border bg-background hover:bg-muted hover:text-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 aria-expanded:bg-muted aria-expanded:text-foreground shadow-xs h-8 gap-1 rounded-[min(var(--radius-md),10px)] px-2.5 in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5" id="bits-s44" aria-haspopup="listbox" aria-expanded="false" data-state="closed" data-select-trigger="" type="button"><!--[-1--><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-icon lucide lucide-chevron-down"><!--[--><!----><path d="m6 9 6 6 6-6"><!----></path><!----><!--]--><!----><!----></svg><!--]--><!----></button><!--]--><!----><!--]--><!--]--><!--]--> <!--[--><!--[--><!--[-1--><!--]--><!--]--><!--]--><!----><!----><!----><!----> <!--[-1--><!--[-1--><!--]--><!--]--><!--]--><!--]--><!----><!----></div><!--]--></div> <!--[--><!--$s45--><!--[-1--><div data-slot="separator" class="bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-px data-[orientation=vertical]:h-full" id="bits-s45" role="separator" aria-orientation="horizontal" data-orientation="horizontal" data-separator-root=""><!----></div><!--]--><!--]--><!----> <div class="flex flex-wrap items-center gap-3 p-4"><!--[--><div role="group" data-slot="button-group" data-orientation="horizontal" class="flex w-fit items-stretch has-[>[data-slot=button-group]]:gap-2 [&amp;>*]:focus-visible:relative [&amp;>*]:focus-visible:z-10 has-[select[aria-hidden=true]:last-child]:[&amp;>[data-slot=select-trigger]:last-of-type]:rounded-r-md [&amp;>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&amp;>input]:flex-1 [&amp;>[data-slot]]:rounded-r-none [&amp;>[data-slot]:not(:has(~[data-slot]))]:rounded-r-md! [&amp;>[data-slot]~[data-slot]]:rounded-l-none [&amp;>[data-slot]~[data-slot]]:border-l-0"><!--[--><!--[-1--><!--]--><!--]--> <!--[--><!--[0--><!--[-1--><button data-slot="button" class="focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 group/button inline-flex shrink-0 items-center justify-center rounded-md border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:ring-3 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:ring-3 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;_svg:not([class*='size-'])]:size-4 bg-primary text-primary-foreground hover:bg-primary/80 h-9 gap-1.5 px-2.5 in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2" type="button"><!--[-1--><!--]--> <!---->Squash and merge<!----><!----><!----></button><!--]--><!--]--><!--]--> <!--[--><!--[-1--><!--]--><!--]--> <!--[--><!--[--><!--[--><!--[--><!--$s46--><!--[--><!--[-1--><button data-slot="split-button-select-trigger" class="focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 group/button inline-flex shrink-0 items-center justify-center rounded-md border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:ring-3 active:not-aria-[haspopup]:translate-y-
60px disabled:pointer-events-none disabled:opacity-50 aria-invalid:ring-3 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;_svg:not([class*='size-'])]:size-4 bg-primary text-primary-foreground hover:bg-primary/80 size-9" id="bits-s46" aria-haspopup="listbox" aria-expanded="false" data-state="closed" data-select-trigger="" type="button"><!--[-1--><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-icon lucide lucide-chevron-down"><!--[--><!----><path d="m6 9 6 6 6-6"><!----></path><!----><!--]--><!----><!----></svg><!--]--><!----></button><!--]--><!----><!--]--><!--]--><!--]--> <!--[--><!--[--><!--[-1--><!--]--><!--]--><!--]--><!----><!----><!----><!----> <!--[-1--><!--[-1--><!--]--><!--]--><!--]--><!--]--><!----><!----></div><!--]--> <p class="text-muted-foreground flex-1 text-xs">You can also merge this with the command line. <a href="#/" class="text-foreground underline underline-offset-2">View command line instructions.</a></p></div> <div class="text-muted-foreground flex justify-end px-4 pb-3 text-xs">Still in progress? <a href="#/" class="underline underline-offset-2">Convert to draft</a></div></div><!----> <!--$s47--><div class="border-input bg-background selection:bg-primary dark:bg-input/30 relative flex min-h-[36px] w-full flex-wrap place-items-center gap-1 rounded-md border py-0.5 pr-1 pl-1 disabled:opacity-50 aria-disabled:cursor-not-allowed" aria-disabled="false"><!--[--><div class="bg-secondary ring-offset-background hover:bg-secondary/90 aria-selected:bg-secondary/90 aria-selected:ring-ring flex place-items-center gap-2 rounded-md px-2 py-0.5 transition-all hover:cursor-default aria-selected:ring-2 aria-selected:ring-offset-2" aria-selected="false"><span>shadcn-svelte</span> <button type="button"><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-icon lucide lucide-x size-4"><!--[--><!----><path d="M18 6 6 18"><!----></path><!----><!----><path d="m6 6 12 12"><!----></path><!----><!--]--><!----><!----></svg><!----></button></div><div class="bg-secondary ring-offset-background hover:bg-secondary/90 aria-selected:bg-secondary/90 aria-selected:ring-ring flex place-items-center gap-2 rounded-md px-2 py-0.5 transition-all hover:cursor-default aria-selected:ring-2 aria-selected:ring-offset-2" aria-selected="false"><span>extras</span> <button type="button"><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-icon lucide lucide-x size-4"><!--[--><!----><path d="M18 6 6 18"><!----></path><!----><!----><path d="m6 6 12 12"><!----></path><!----><!--]--><!----><!----></svg><!----></button></div><!--]--> <input value="" placeholder="Add a tag" data-invalid="false" class="placeholder:text-muted-foreground min-w-16 shrink grow basis-0 border-none bg-transparent px-2 outline-hidden focus:outline-hidden disabled:cursor-not-allowed data-[invalid=true]:text-red-500 md:text-sm"/> <!--[-1--><!--]--></div><!----> <!--[--><div data-slot="card" data-size="default" class="ring-foreground/10 bg-card text-card-foreground group/card overflow-card flex flex-col gap-6 rounded-xl py-6 text-sm shadow-xs ring-1 has-[>img:first-child]:pt-0 data-[size=sm]:gap-4 data-[size=sm]:py-4 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl"><!--[--><div data-slot="card-header" class="group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-6 group-data-[size=sm]/card:px-4 has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-6 group-data-[size=sm]/card:[.border-b]:pb-4"><!--[--><div data-slot="card-title" class="text-base leading-normal font-medium group-data-[size=sm]/card:text-sm"><!---->Write a Review<!----></div><!--]--> <!--[--><p data-slot="card-description" class="text-muted-foreground text-sm"><!---->Tell us about your experience using acme.com<!----></p><!--]--><!----></div><!--]--> <!--[-->
60<div data-slot="card-content" class="px-6 group-data-[size=sm]/card:px-4 flex flex-col gap-4"><!--[--><div data-slot="field-group" class="group/field-group @container/field-group flex w-full flex-col gap-7 data-[slot=checkbox-group]:gap-3 *:data-[slot=field-group]:gap-4"><!--[--><div role="group" data-slot="field" data-orientation="vertical" class="data-[invalid=true]:text-destructive group/field flex w-full gap-3 cn-field-orientation-vertical flex-col [&amp;>*]:w-full [&amp;>.sr-only]:w-auto"><!--[--><!--$s48--><!--[-1--><label data-slot="label" class="flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50" id="bits-s48" data-label-root=""><!---->Comment<!----></label><!--]--><!--]--><!----> <textarea data-slot="textarea" class="border-input dark:bg-input/30 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 placeholder:text-muted-foreground flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-2.5 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-3 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:ring-3 md:text-sm" placeholder="Tell us about your experience..."></textarea><!----><!----></div><!--]--> <!--[--><div role="group" data-slot="field" data-orientation="vertical" class="data-[invalid=true]:text-destructive group/field flex w-full gap-3 cn-field-orientation-vertical flex-col [&amp;>*]:w-full [&amp;>.sr-only]:w-auto"><!--[--><!--$s49--><!--[-1--><label data-slot="label" class="flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50" id="bits-s49" data-label-root=""><!---->Overall Rating<!----></label><!--]--><!--]--><!----> <!--[--><!--[--><!--$s50--><!--[-1--><div class="group flex w-fit place-items-center gap-1 rounded-md outline-hidden" id="bits-s50" role="slider" aria-valuenow="1" aria-valuemin="0" aria-valuemax="5" aria-valuetext="1 out of 5" aria-orientation="horizontal" aria-required="false" aria-label="Rating" data-orientation="horizontal" tabindex="0" data-rating-group-root=""><!--[--><!--[--><!--[--><!--$s51--><!--[-1--><div class="ring-ring text-primary ring-offset-background group/item size-5 rounded-md ring-offset-2 outline-hidden group-aria-disabled:opacity-50 focus-visible:ring-2" id="bits-s51" role="presentation" data-value="1" data-orientation="horizontal" data-state="active" data-rating-group-item=""><div class="relative size-full"><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-icon lucide lucide-star size-full transition-all fill-current"><!--[--><!----><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"><!----></path><!----><!--]--><!----><!----></svg><!----> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-star-half absolute top-0 left-0 size-full fill-transparent transition-all group-data-[state=active]/item:fill-current"><!--[--><!----><path d="M12 18.338a2.1 2.1 0 0 0-.987.244L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.12 2.12 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.12 2.12 0 0 0 1.597-1.16l2.309-4.679A.53.53 0 0 1 12 2"><!----></path><!----><!--]--><!----><!----></svg><!----> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-star-half absolute top-0 right-0 size-full scale-x-[-1] fill-transparent transition-all group-data-[state=active]/item:fill-current"><!--[--><!----><path d="M12 18.338a2.1 2.1 0 0 0-.987.244L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.12 2.12 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.12 2.12 0 0 0 1.597-1.16l2.309-4.679A.53.53 0 0 1 12 2"><!----></path><!----><!--]--><!----><!----></svg><!----></div><!----></div><!--]--><!--]--><!--]--><!--[--><!--[--><!--$s52--><!--[-1--><div class="ring-ring text-primary ring-offset-background group/item size-5 rounded-md ring-offset-2 outline-hidden group-aria-disabled:opacity-50 focus-visible:ring-2" id="bits-s52" role="presentation" data-value="2" data-orientation="horizontal" data-state="inactive" data-rating-group-item=""><div class="relative size-full"><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-icon lucide lucide-star size-full fill-transparent transition-all"><!--[--><!----><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"><!----></path><!----><!--]--><!----><!----></svg><!----> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-star-half absolute top-0 left-0 size-full fill-transparent transition-all group-data-[state=active]/item:fill-current"><!--[--><!----><path d="M12 18.338a2.1 2.1 0 0 0-.987.244L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.12 2.12 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.12 2.12 0 0 0 1.597-1.16l2.309-4.679A.53.53 0 0 1 12 2"><!----></path><!----><!--]--><!----><!----></svg><!----> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-star-half absolute top-0 right-0 size-full scale-x-[-1] fill-transparent transition-all group-data-[state=active]/item:fill-current"><!--[--><!----><path d="M12 18.338a2.1 2.1 0 0 0-.987.244L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.12 2.12 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.12 2.12 0 0 0 1.597-1.16l2.309-4.679A.53.53 0 0 1 12 2"><!----></path><!----><!--]--><!----><!----></svg><!----></div><!----></div><!--]--><!--]--><!--]--><!--[--><!--[--><!--$s53--><!--[-1--><div class="ring-ring text-primary ring-offset-background group/item size-5 rounded-md ring-offset-2 outline-hidden group-aria-disabled:opacity-50 focus-visible:ring-2" id="bits-s53" role="presentation" data-value="3" data-orientation="horizontal" data-state="inactive" data-rating-group-item=""><div class="relative size-full"><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-icon lucide lucide-star size-full fill-transparent transition-all"><!--[--><!----><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"><!----></path><!----><!--]--><!----><!----></svg><!----> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-star-half absolute top-0 left-0 size-full fill-transparent transition-all group-data-[state=active]/item:fill-current"><!--[--><!----><path d="M12 18.338a2.1 2.1 0 0 0-.987.244L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.12 2.12 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.12 2.12 0 0 0 1.597-1.16l2.309-4.679A.53.53 0 0 1 12 2"><!----></path><!----><!--]--><!----><!----></svg><!----> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-star-half absolute top-0 right-0 size-full scale-x-[-1] fill-transparent transition-all group-data-[state=active]/item:fill-current"><!--[--><!----><path d="M12 18.338a2.1 2.1 0 0 0-.987.244L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.12 2.12 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.12 2.12 0 0 0 1.597-1.16l2.309-4.679A.53.53 0 0 1 12 2"><!----></path><!----><!--]--><!----><!----></svg><!----></div><!----></div><!--]--><!--]--><!--]--><!--[--><!--[--><!--$s54--><!--[-1--><div class="ring-ring text-primary ring-offset-background group/item size-5 rounded-md ring-offset-2 outline-hidden group-aria-disabled:opacity-50 focus-visible:ring-2" id="bits-s54" role="presentation" data-value="4" data-orientation="horizontal" data-state="inactive" data-rating-group-item=""><div class="relative size-full"><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-icon lucide lucide-star size-full fill-transparent transition-all"><!--[--><!----><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"><!----></path><!----><!--]--><!----><!----></svg><!----> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-star-half absolute top-0 left-0 size-full fill-transparent transition-all group-data-[state=active]/item:fill-current"><!--[--><!----><path d="M12 18.338a2.1 2.1 0 0 0-.987.244L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.12 2.12 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.12 2.12 0 0 0 1.597-1.16l2.309-4.679A.53.53 0 0 1 12 2"><!----></path><!----><!--]--><!----><!----></svg><!----> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-star-half absolute top-0 right-0 size-full scale-x-[-1] fill-transparent transition-all group-data-[state=active]/item:fill-current"><!--[--><!----><path d="M12 18.338a2.1 2.1 0 0 0-.987.244L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.12 2.12 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.12 2.12 0 0 0 1.597-1.16l2.309-4.679A.53.53 0 0 1 12 2"><!----></path><!----><!--]--><!----><!----></svg><!----></div><!----></div><!--]--><!--]--><!--]--><!--[--><!--[--><!--$s55--><!--[-1--><div class="ring-ring text-primary ring-offset-background group/item size-5 rounded-md ring-offset-2 outline-hidden group-aria-disabled:opacity-50 focus-visible:ring-2" id="bits-s55" role="presentation" data-value="5" data-orientation="horizontal" data-state="inactive" data-rating-group-item=""><div class="relative size-full"><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-icon lucide lucide-star size-full fill-transparent transition-all"><!--[--><!----><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"><!----></path><!----><!--]--><!----><!----></svg><!----> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-star-half absolute top-0 left-0 size-full fill-transparent transition-all group-data-[state=active]/item:fill-current"><!--[--><!----><path d="M12 18.338a2.1 2.1 0 0 0-.987.244L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.12 2.12 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.12 2.12 0 0 0 1.597-1.16l2.309-4.679A.53.53 0 0 1 12 2"><!----></path><!----><!--]--><!----><!----></svg><!----> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-star-half absolute top-0 right-0 size-full scale-x-[-1] fill-transparent transition-all group-data-[state=active]/item:fill-current"><!--[--><!----><path d="M12 18.338a2.1 2.1 0 0 0-.987.244L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.12 2.12 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.12 2.12 0 0 0 1.597-1.16l2.309-4.679A.53.53 0 0 1 12 2"><!----></path><!----><!--]--><!----><!----></svg><!----></div><!----></div><!--]--><!--]--><!--]--><!--]--><!----></div><!--]--> <!--[-1--><!--]--><!----><!--]--><!--]--><!----></div><!--]--><!----></div><!--]--> <!--[-1--><button data-slot="button" class="focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 group/button inline-flex shrink-0 items-center justify-center rounded-md border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:ring-3 active:not-aria-[haspopup]:translate-y-
60px disabled:pointer-events-none disabled:opacity-50 aria-invalid:ring-3 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;_svg:not([class*='size-'])]:size-4 bg-primary text-primary-foreground hover:bg-primary/80 h-9 gap-1.5 px-2.5 in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2 w-full" type="button"><!--[-1--><!--]--> <!---->Submit<!----><!----></button><!--]--><!----><!----></div><!--]--><!----></div><!--]--><!----> <!--[-1--><button data-slot="button" class="focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 group/button shrink-0 items-center rounded-md border bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:ring-3 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:ring-3 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;_svg:not([class*='size-'])]:size-4 border-border bg-background hover:bg-muted hover:text-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 aria-expanded:bg-muted aria-expanded:text-foreground shadow-xs h-9 gap-1.5 in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2 flex w-full place-items-center justify-between px-2" type="button"><!--[-1--><!--]--> <span class="text-muted-foreground flex place-items-center gap-2"><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-icon lucide lucide-search inline size-4"><!--[--><!----><path d="m21 21-4.34-4.34"><!----></path><!----><!----><circle cx="11" cy="11" r="8"><!----></circle><!----><!--]--><!----><!----></svg><!----> Search</span> <kbd data-slot="kbd-group" class="inline-flex items-center gap-1"><kbd data-slot="kbd" class="bg-muted text-muted-foreground in-data-[slot=tooltip-content]:bg-background/20 in-data-[slot=tooltip-content]:text-background dark:in-data-[slot=tooltip-content]:bg-background/10 pointer-events-none inline-flex h-5 w-fit min-w-5 items-center justify-center gap-1 rounded-sm px-1 font-sans text-xs font-medium select-none [&amp;_svg:not([class*='size-'])]:size-3"><!---->Ctrl<!----></kbd><!----> <span>+</span> <kbd data-slot="kbd" class="bg-muted text-muted-foreground in-data-[slot=tooltip-content]:bg-background/20 in-data-[slot=tooltip-content]:text-background dark:in-data-[slot=tooltip-content]:bg-background/10 pointer-events-none inline-flex h-5 w-fit min-w-5 items-center justify-center gap-1 rounded-sm px-1 font-sans text-xs font-medium select-none [&amp;_svg:not([class*='size-'])]:size-3"><!---->K<!----></kbd><!----><!----></kbd><!----><!----><!----></button><!--]--><!----> <div class="flex flex-col gap-4 2xl:hidden"><!--[--><div data-slot="card" data-size="default" class="ring-foreground/10 bg-card text-card-foreground group/card overflow-card flex flex-col gap-6 rounded-xl py-6 text-sm shadow-xs ring-1 has-[>img:first-child]:pt-0 data-[size=sm]:gap-4 data-[size=sm]:py-4 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl"><!--[--><div data-slot="card-header" class="group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-6 group-data-[size=sm]/card:px-4 has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-6 group-data-[size=sm]/card:[.border-b]:pb-4"><!--[--><div data-slot="card-title" class="text-base leading-normal font-medium group-data-[size=sm]/card:text-sm"><!---->Create an account<!----></div><!--]--> <!--[--><p data-slot="card-description" class="text-muted-foreground text-sm"><!---->Enter your email below to create your account<!----></p><!--]--><!----></div><!--]--> <!--[--><div data-slot="card-content" class="px-6 group-data-[size=sm]/card:px-4 flex flex-col gap-4"><form method="POST" class="flex flex-col gap-4"><!--[--><div data-slot="field-group" class="group/field-group @container/field-group flex w-full flex-col gap-7 data-[slot=checkbox-group]:gap-3 *:data-[slot=field-group]:gap-4"><!--[--><div role="group" data-slot="field" data-orientation="vertical" class="data-[invalid=true]:text-destructive group/field flex w-full gap-3 cn-field-orientation-vertical flex-col [&amp;>*]:w-full [&amp;>.sr-only]:w-auto"><!--[--><!--$s56--><!--[-1--><label data-slot="label" class="flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50" id="bits-s56" data-label-root=""><!---->Email<!----></label><!--]--><!--]--><!----> <!--[-1--><input data-slot="input" class="dark:bg-input/30 border-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 file:text-foreground placeholder:text-muted-foreground h-9 w-full min-w-0 rounded-md border bg-transparent px-2.5 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:ring-3 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:ring-3 md:text-sm" type="email" name="email" placeholder="[email protected]" required=""/><!--]--><!----><!----></div><!--]--> <!--[--><div role="group" data-slot="field" data-orientation="vertical" class="data-[invalid=true]:text-destructive group/field flex w-full gap-3 cn-field-orientation-vertical flex-col [&amp;>*]:w-full [&amp;>.sr-only]:w-auto"><!--[--><!--$s57--><!--[-1--><label data-slot="label" class="flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50" id="bits-s57" data-label-root=""><!---->Password<!----></label><!--]--><!--]--><!----> <!--[--><div class="flex flex-col gap-2"><!--[--><div class="relative"><!--[-1--><input data-slot="input" class="dark:bg-input/30 border-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 file:text-foreground placeholder:text-muted-foreground h-9 w-full min-w-0 rounded-md border bg-transparent px-2.5 py-1 text-base shadow-xs outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:ring-3 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:ring-3 md:text-sm transition-[width]" type="password" value="" name="password" required="" placeholder="Password" aria-invalid="false"/><!--]--><!----> <!--[--><!--[--><!--$s58--><!--[-1--><button data-slot="toggle" class="hover:text-foreground aria-pressed:bg-muted focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive group/toggle hover:bg-muted inline-flex items-center justify-center gap-1 rounded-md text-sm font-medium whitespace-nowrap transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;_svg:not([class*='size-'])]:size-4 bg-transparent has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2 data-[state=off]:text-muted-foreground data-[state=on]:text-muted-foreground hover:data-[state=off]:text-accent-foreground hover:data-[state=on]:text-accent-foreground absolute top-1/2 right-0 size-9 min-w-0 -translate-y-1/2 p-0 hover:!bg-transparent data-[state=on]:bg-transparent" aria-label="Show password" tabindex="-1" data-toggle-root="" id="bits-s58" aria-pressed="true" data-state="on" type="button"><!--[0--><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-icon lucide lucide-eye size-4"><!--[--><!----><path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0"><!----></path><!----><!----><circle cx="12" cy="12" r="3"><!----></circle><!----><!--]--><!----><!----></svg><!--]--><!----></button><!--]--><!--]--><!--]--><!----></div><!--]--> <!--[--><!--[--><!--$s59--><!--[-1--><div class="bg-accent relative h-[6px] w-full gap-1 overflow-hidden rounded-full" role="meter" value="
600" aria-valuemin="0" aria-valuemax="4" aria-valuenow="0" data-value="0" data-max="4" data-min="0" data-meter-root=""><div class="h-full transition-all duration-500 bg-red-500" style="width: 0%;"></div> <div class="absolute top-0 left-0 z-10 flex h-[6px] w-full place-items-center gap-1"><!--[--><div class="ring-background h-[6px] w-1/4 rounded-full ring-3"></div><div class="ring-background h-[6px] w-1/4 rounded-full ring-3"></div><div class="ring-background h-[6px] w-1/4 rounded-full ring-3"></div><div class="ring-background h-[6px] w-1/4 rounded-full ring-3"></div><!--]--></div><!----></div><!--]--><!--]--><!--]--><!----></div><!--]--><!----></div><!--]--><!----></div><!--]--> <!--[-1--><button data-slot="button" class="focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 group/button inline-flex shrink-0 items-center justify-center rounded-md border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:ring-3 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:ring-3 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;_svg:not([class*='size-'])]:size-4 bg-primary text-primary-foreground hover:bg-primary/80 h-9 gap-1.5 px-2.5 in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2 w-full" type="submit"><!--[-1--><!--]--> <!---->Create account<!----><!----></button><!--]--><!----></form><!----></div><!--]--><!----></div><!--]--><!----> <div class="border-border h-[825px] w-full border"><div role="tree" class="flex flex-col p-4"><!--[--><!--[--><!--$s60--><!--[-1--><div data-slot="collapsible" id="bits-s60" data-state="closed" data-collapsible-root=""><!--[--><!--[--><!--$s61--><!--[-1--><button data-slot="collapsible-trigger" class="flex place-items-center gap-1" id="bits-s61" type="button" aria-expanded="false" data-state="closed" data-collapsible-trigger=""><!--[-1--><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-icon lucide lucide-folder size-4"><!--[--><!----><path d="M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z"><!----></path><!----><!--]--><!----><!----></svg><!--]--> <span>.github</span><!----></button><!--]--><!--]--><!--]--> <!--[--><!--[--><!--$s62--><!--[-1--><div data-slot="collapsible-content" class="ml-2 border-l" id="bits-s62" style="--bits-collapsible-content-height: undefined; --bits-collapsible-content-width: undefined;" hidden="" data-state="closed" data-collapsible-content=""><div class="relative flex place-items-start"><div class="bg-border mx-2 h-full w-px"></div> <div class="flex flex-1 flex-col"><!--[--><!--[--><!--$s63--><!--[-1--><div data-slot="collapsible" id="bits-s63" data-state="open" data-collapsible-root=""><!--[--><!--[--><!--$s64--><!--[-1--><button data-slot="collapsible-trigger" class="flex place-items-center gap-1" id="bits-s64" type="button" aria-expanded="true" data-state="open" data-collapsible-trigger=""><!--[1--><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-icon lucide lucide-folder-open size-4"><!--[--><!----><path d="m6 14 1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2"><!----></path><!----><!--]--><!----><!----></svg><!--]--> <span>workflows</span><!----></button><!--]--><!--]--><!--]--> <!--[--><!--[--><!--$s65--><!--[-1--><div data-slot="collapsible-content" class="ml-2 border-l" id="bits-s65" style="--bits-collapsible-content-height: undefined; --bits-collapsible-content-width: undefined;" data-state="open" data-collapsible-content=""><div class="relative flex place-items-start"><div class="bg-border mx-2 h-full w-px"></div> <div class="flex flex-1 flex-col"><button type="button" class="flex place-items-center gap-1 pl-[3px]"><!--[-1--><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-icon lucide lucide-file size-4"><!--[--><!----><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"><!----></path><!----><!----><path d="M14 2v5a1 1 0 0 0 1 1h5"><!----></path><!----><!--]--><!----><!----></svg><!--]--> <span>ci.yml</span></button><!----></div></div><!----></div><!--]--><!--]--><!--]--><!----></div><!--]--><!--]--><!--]--><!----></div></div><!----></div><!--]--><!--]--><!--]--><!----></div><!--]--><!--]--><!--]--><!----> <!--[--><!--[--><!--$s66--><!--[-1--><div data-slot="collapsible" id="bits-s66" data-state="closed" data-collapsible-root=""><!--[--><!--[--><!--$s67--><!--[-1--><button data-slot="collapsible-trigger" class="flex place-items-center gap-1 text-muted-foreground" id="bits-s67" type="button" aria-expanded="false" data-state="closed" data-collapsible-trigger=""><!--[-1--><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-icon lucide lucide-folder size-4"><!--[--><!----><path d="M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z"><!----></path><!----><!--]--><!----><!----></svg><!--]--> <span>.svelte-kit</span><!----></button><!--]--><!--]--><!--]--> <!--[--><!--[--><!--$s68--><!--[-1-->
60<div data-slot="collapsible-content" class="ml-2 border-l" id="bits-s68" style="--bits-collapsible-content-height: undefined; --bits-collapsible-content-width: undefined;" hidden="" data-state="closed" data-collapsible-content=""><div class="relative flex place-items-start"><div class="bg-border mx-2 h-full w-px"></div> <div class="flex flex-1 flex-col"><!----></div></div><!----></div><!--]--><!--]--><!--]--><!----></div><!--]--><!--]--><!--]--><!----> <!--[--><!--[--><!--$s69--><!--[-1--><div data-slot="collapsible" id="bits-s69" data-state="closed" data-collapsible-root=""><!--[--><!--[--><!--$s70--><!--[-1--><button data-slot="collapsible-trigger" class="flex place-items-center gap-1 text-muted-foreground" id="bits-s70" type="button" aria-expanded="false" data-state="closed" data-collapsible-trigger=""><!--[-1--><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-icon lucide lucide-folder size-4"><!--[--><!----><path d="M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z"><!----></path><!----><!--]--><!----><!----></svg><!--]--> <span>node_modules</span><!----></button><!--]--><!--]--><!--]--> <!--[--><!--[--><!--$s71--><!--[-1--><div data-slot="collapsible-content" class="ml-2 border-l" id="bits-s71" style="--bits-collapsible-content-height: undefined; --bits-collapsible-content-width: undefined;" hidden="" data-state="closed" data-collapsible-content=""><div class="relative flex place-items-start"><div class="bg-border mx-2 h-full w-px"></div> <div class="flex flex-1 flex-col"><!--[--><!--[--><!--$s72--><!--[-1--><div data-slot="collapsible" id="bits-s72" data-state="open" data-collapsible-root=""><!--[--><!--[--><!--$s73--><!--[-1--><button data-slot="collapsible-trigger" class="flex place-items-center gap-1" id="bits-s73" type="button" aria-expanded="true" data-state="open" data-collapsible-trigger=""><!--[1--><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-icon lucide lucide-folder-open size-4"><!--[--><!----><path d="m6 14 1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2"><!----></path><!----><!--]--><!----><!----></svg><!--]--> <span>bits-ui</span><!----></button><!--]--><!--]--><!--]--> <!--[--><!--[--><!--$s74--><!--[-1--><div data-slot="collapsible-content" class="ml-2 border-l" id="bits-s74" style="--bits-collapsible-content-height: undefined; --bits-collapsible-content-width: undefined;" data-state="open" data-collapsible-content=""><div class="relative flex place-items-start"><div class="bg-border mx-2 h-full w-px"></div> <div class="flex flex-1 flex-col"><!----></div></div><!----></div><!--]--><!--]--><!--]--><!----></div><!--]--><!--]--><!--]--><!----></div></div><!----></div><!--]--><!--]--><!--]--><!----></div><!--]--><!--]--><!--]--><!----> <!--[--><!--[--><!--$s75--><!--[-1--><div data-slot="collapsible" id="bits-s75" data-state="open" data-collapsible-root=""><!--[--><!--[--><!--$s76--><!--[-1--><button data-slot="collapsible-trigger" class="flex place-items-center gap-1" id="bits-s76" type="button" aria-expanded="true" data-state="open" data-collapsible-trigger=""><!--[1--><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-icon lucide lucide-folder-open size-4"><!--[--><!----><path d="m6 14 1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2"><!----></path><!----><!--]--><!----><!----></svg><!--]--> <span>src</span><!----></button><!--]--><!--]--><!--]--> <!--[--><!--[--><!--$s77--><!--[-1-->
60<div data-slot="collapsible-content" class="ml-2 border-l" id="bits-s77" style="--bits-collapsible-content-height: undefined; --bits-collapsible-content-width: undefined;" data-state="open" data-collapsible-content=""><div class="relative flex place-items-start"><div class="bg-border mx-2 h-full w-px"></div> <div class="flex flex-1 flex-col"><!--[--><!--[--><!--$s78--><!--[-1--><div data-slot="collapsible" id="bits-s78" data-state="open" data-collapsible-root=""><!--[--><!--[--><!--$s79--><!--[-1--><button data-slot="collapsible-trigger" class="flex place-items-center gap-1" id="bits-s79" type="button" aria-expanded="true" data-state="open" data-collapsible-trigger=""><!--[1--><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-icon lucide lucide-folder-open size-4"><!--[--><!----><path d="m6 14 1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2"><!----></path><!----><!--]--><!----><!----></svg><!--]--> <span>lib</span><!----></button><!--]--><!--]--><!--]--> <!--[--><!--[--><!--$s80--><!--[-1--><div data-slot="collapsible-content" class="ml-2 border-l" id="bits-s80" style="--bits-collapsible-content-height: undefined; --bits-collapsible-content-width: undefined;" data-state="open" data-collapsible-content=""><div class="relative flex place-items-start"><div class="bg-border mx-2 h-full w-px"></div> <div class="flex flex-1 flex-col"><!--[--><!--[--><!--$s81--><!--[-1--><div data-slot="collapsible" id="bits-s81" data-state="open" data-collapsible-root=""><!--[--><!--[--><!--$s82--><!--[-1--><button data-slot="collapsible-trigger" class="flex place-items-center gap-1" id="bits-s82" type="button" aria-expanded="true" data-state="open" data-collapsible-trigger=""><!--[1--><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-icon lucide lucide-folder-open size-4"><!--[--><!----><path d="m6 14 1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2"><!----></path><!----><!--]--><!----><!----></svg><!--]--> <span>components</span><!----></button><!--]--><!--]--><!--]--> <!--[--><!--[--><!--$s83--><!--[-1--><div data-slot="collapsible-content" class="ml-2 border-l" id="bits-s83" style="--bits-collapsible-content-height: undefined; --bits-collapsible-content-width: undefined;" data-state="open" data-collapsible-content=""><div class="relative flex place-items-start"><div class="bg-border mx-2 h-full w-px"></div> <div class="flex flex-1 flex-col"><!--[--><!--[--><!--$s84--><!--[-1--><div data-slot="collapsible" id="bits-s84" data-state="open" data-collapsible-root=""><!--[--><!--[--><!--$s85--><!--[-1--><button data-slot="collapsible-trigger" class="flex place-items-center gap-1" id="bits-s85" type="button" aria-expanded="true" data-state="open" data-collapsible-trigger=""><!--[1--><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-icon lucide lucide-folder-open size-4"><!--[--><!----><path d="m6 14 1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2"><!----></path><!----><!--]--><!----><!----></svg><!--]--> <span>ui</span><!----></button><!--]--><!--]--><!--]--> <!--[--><!--[--><!--$s86--><!--[-1--><div data-slot="collapsible-content" class="ml-2 border-l" id="bits-s86" style="--bits-collapsible-content-height: undefined; --bits-collapsible-content-width: undefined;" data-state="open" data-collapsible-content=""><div class="relative flex place-items-start"><div class="bg-border mx-2 h-full w-px"></div> <div class="flex flex-1 flex-col"><!--[--><!--[--><!--$s87--><!--[-1--><div data-slot="collapsible" id="bits-s87" data-state="closed" data-collapsible-root=""><!--[--><!--[--><!--$s88--><!--[-1--><button data-slot="collapsible-trigger" class="flex place-items-center gap-1" id="bits-s88" type="button" aria-expanded="false" data-state="closed" data-collapsible-trigger=""><!--[-1--><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-icon lucide lucide-folder size-4"><!--[--><!----><path d="M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z"><!----></path><!----><!--]--><!----><!----></svg><!--]--> <span>collapsible</span><!----></button><!--]--><!--]--><!--]--> <!--[--><!--[--><!--$s89--><!--[-1-->
60<div data-slot="collapsible-content" class="ml-2 border-l" id="bits-s89" style="--bits-collapsible-content-height: undefined; --bits-collapsible-content-width: undefined;" hidden="" data-state="closed" data-collapsible-content=""><div class="relative flex place-items-start"><div class="bg-border mx-2 h-full w-px"></div> <div class="flex flex-1 flex-col"><!----></div></div><!----></div><!--]--><!--]--><!--]--><!----></div><!--]--><!--]--><!--]--><!----> <!--[--><!--[--><!--$s90--><!--[-1--><div data-slot="collapsible" id="bits-s90" data-state="closed" data-collapsible-root=""><!--[--><!--[--><!--$s91--><!--[-1--><button data-slot="collapsible-trigger" class="flex place-items-center gap-1" id="bits-s91" type="button" aria-expanded="false" data-state="closed" data-collapsible-trigger=""><!--[-1--><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-icon lucide lucide-folder size-4"><!--[--><!----><path d="M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z"><!----></path><!----><!--]--><!----><!----></svg><!--]--> <span>tree-view</span><!----></button><!--]--><!--]--><!--]--> <!--[--><!--[--><!--$s92--><!--[-1--><div data-slot="collapsible-content" class="ml-2 border-l" id="bits-s92" style="--bits-collapsible-content-height: undefined; --bits-collapsible-content-width: undefined;" hidden="" data-state="closed" data-collapsible-content=""><div class="relative flex place-items-start"><div class="bg-border mx-2 h-full w-px"></div> <div class="flex flex-1 flex-col"><!----></div></div><!----></div><!--]--><!--]--><!--]--><!----></div><!--]--><!--]--><!--]--><!----><!----></div></div><!----></div><!--]--><!--]--><!--]--><!----></div><!--]--><!--]--><!--]--><!----></div></div><!----></div><!--]--><!--]--><!--]--><!----></div><!--]--><!--]--><!--]--><!----> <!--[--><!--[--><!--$s93--><!--[-1--><div data-slot="collapsible" id="bits-s93" data-state="open" data-collapsible-root=""><!--[--><!--[--><!--$s94--><!--[-1--><button data-slot="collapsible-trigger" class="flex place-items-center gap-1" id="bits-s94" type="button" aria-expanded="true" data-state="open" data-collapsible-trigger=""><!--[1--><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-icon lucide lucide-folder-open size-4"><!--[--><!----><path d="m6 14 1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2"><!----></path><!----><!--]--><!----><!----></svg><!--]--> <span>utils</span><!----></button><!--]--><!--]--><!--]--> <!--[--><!--[--><!--$s95--><!--[-1--><div data-slot="collapsible-content" class="ml-2 border-l" id="bits-s95" style="--bits-collapsible-content-height: undefined; --bits-collapsible-content-width: undefined;" data-state="open" data-collapsible-content=""><div class="relative flex place-items-start"><div class="bg-border mx-2 h-full w-px"></div> <div class="flex flex-1 flex-col"><button type="button" class="flex place-items-center gap-1 pl-[3px]"><!--[-1--><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-icon lucide lucide-file size-4"><!--[--><!----><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"><!----></path><!----><!----><path d="M14 2v5a1 1 0 0 0 1 1h5"><!----></path><!----><!--]--><!----><!----></svg><!--]--> <span>utils.ts</span></button><!----></div></div><!----></div><!--]--><!--]--><!--]--><!----></div><!--]--><!--]--><!--]--><!----><!----></div></div><!----></div><!--]--><!--]--><!--]--><!----></div><!--]--><!--]--><!--]--><!----> <!--[--><!--[--><!--$s96--><!--[-1--><div data-slot="collapsible" id="bits-s96" data-state="open" data-collapsible-root=""><!--[--><!--[--><!--$s97--><!--[-1--><button data-slot="collapsible-trigger" class="flex place-items-center gap-1" id="bits-s97" type="button" aria-expanded="true" data-state="open" data-collapsible-trigger=""><!--[1--><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-icon lucide lucide-folder-open size-4"><!--[--><!----><path d="m6 14 1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2"><!----></path><!----><!--]--><!----><!----></svg><!--]--> <span>routes</span><!----></button><!--]--><!--]--><!--]--> <!--[--><!--[--><!--$s98--><!--[-1-->
60<div data-slot="collapsible-content" class="ml-2 border-l" id="bits-s98" style="--bits-collapsible-content-height: undefined; --bits-collapsible-content-width: undefined;" data-state="open" data-collapsible-content=""><div class="relative flex place-items-start"><div class="bg-border mx-2 h-full w-px"></div> <div class="flex flex-1 flex-col"><button type="button" class="flex place-items-center gap-1 pl-[3px]"><!--[-1--><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-icon lucide lucide-file size-4"><!--[--><!----><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"><!----></path><!----><!----><path d="M14 2v5a1 1 0 0 0 1 1h5"><!----></path><!----><!--]--><!----><!----></svg><!--]--> <span>+layout.svelte</span></button><!----> <button type="button" class="flex place-items-center gap-1 pl-[3px]"><!--[-1--><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-icon lucide lucide-file size-4"><!--[--><!----><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"><!----></path><!----><!----><path d="M14 2v5a1 1 0 0 0 1 1h5"><!----></path><!----><!--]--><!----><!----></svg><!--]--> <span>+page.svelte</span></button><!----><!----></div></div><!----></div><!--]--><!--]--><!--]--><!----></div><!--]--><!--]--><!--]--><!----> <button type="button" class="flex place-items-center gap-1 pl-[3px]"><!--[-1--><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-icon lucide lucide-file size-4"><!--[--><!----><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"><!----></path><!----><!----><path d="M14 2v5a1 1 0 0 0 1 1h5"><!----></path><!----><!--]--><!----><!----></svg><!--]--> <span>app.css</span></button><!----> <button type="button" class="flex place-items-center gap-1 pl-[3px]"><!--[-1--><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-icon lucide lucide-file size-4"><!--[--><!----><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"><!----></path><!----><!----><path d="M14 2v5a1 1 0 0 0 1 1h5"><!----></path><!----><!--]--><!----><!----></svg><!--]--> <span>app.d.ts</span></button><!----> <button type="button" class="flex place-items-center gap-1 pl-[3px]"><!--[-1--><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-icon lucide lucide-file size-4"><!--[--><!----><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"><!----></path><!----><!----><path d="M14 2v5a1 1 0 0 0 1 1h5"><!----></path><!----><!--]--><!----><!----></svg><!--]--> <span>app.html</span></button><!----><!----></div></div><!----></div><!--]--><!--]--><!--]--><!----></div><!--]--><!--]--><!--]--><!----> <!--[--><!--[--><!--$s99--><!--[-1--><div data-slot="collapsible" id="bits-s99" data-state="closed" data-collapsible-root=""><!--[--><!--[--><!--$s100--><!--[-1--><button data-slot="collapsible-trigger" class="flex place-items-center gap-1" id="bits-s100" type="button" aria-expanded="false" data-state="closed" data-collapsible-trigger=""><!--[-1--><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-icon lucide lucide-folder size-4"><!--[--><!----><path d="M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z"><!----></path><!----><!--]--><!----><!----></svg><!--]--> <span>static</span><!----></button><!--]--><!--]--><!--]--> <!--[--><!--[--><!--$s101--><!--[-1-->
60<div data-slot="collapsible-content" class="ml-2 border-l" id="bits-s101" style="--bits-collapsible-content-height: undefined; --bits-collapsible-content-width: undefined;" hidden="" data-state="closed" data-collapsible-content=""><div class="relative flex place-items-start"><div class="bg-border mx-2 h-full w-px"></div> <div class="flex flex-1 flex-col"><button type="button" class="flex place-items-center gap-1 pl-[3px]"><!--[-1--><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-icon lucide lucide-file size-4"><!--[--><!----><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"><!----></path><!----><!----><path d="M14 2v5a1 1 0 0 0 1 1h5"><!----></path><!----><!--]--><!----><!----></svg><!--]--> <span>favicon.png</span></button><!----></div></div><!----></div><!--]--><!--]--><!--]--><!----></div><!--]--><!--]--><!--]--><!----> <button type="button" class="flex place-items-center gap-1 pl-[3px]"><!--[-1--><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-icon lucide lucide-file size-4"><!--[--><!----><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"><!----></path><!----><!----><path d="M14 2v5a1 1 0 0 0 1 1h5"><!----></path><!----><!--]--><!----><!----></svg><!--]--> <span>.gitignore</span></button><!----> <button type="button" class="flex place-items-center gap-1 pl-[3px]"><!--[-1--><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-icon lucide lucide-file size-4"><!--[--><!----><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"><!----></path><!----><!----><path d="M14 2v5a1 1 0 0 0 1 1h5"><!----></path><!----><!--]--><!----><!----></svg><!--]--> <span>.npmrc</span></button><!----> <button type="button" class="flex place-items-center gap-1 pl-[3px]"><!--[-1--><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-icon lucide lucide-file size-4"><!--[--><!----><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"><!----></path><!----><!----><path d="M14 2v5a1 1 0 0 0 1 1h5"><!----></path><!----><!--]--><!----><!----></svg><!--]--> <span>.prettierignore</span></button><!----> <button type="button" class="flex place-items-center gap-1 pl-[3px]"><!--[-1--><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-icon lucide lucide-file size-4"><!--[--><!----><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"><!----></path><!----><!----><path d="M14 2v5a1 1 0 0 0 1 1h5"><!----></path><!----><!--]--><!----><!----></svg><!--]--> <span>.prettierrc</span></button><!----> <button type="button" class="flex place-items-center gap-1 pl-[3px]"><!--[-1--><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-icon lucide lucide-file size-4"><!--[--><!----><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"><!----></path><!----><!----><path d="M14 2v5a1 1 0 0 0 1 1h5"><!----></path><!----><!--]--><!----><!----></svg><!--]--> <span>components.json</span></button><!----> <button type="button" class="flex place-items-center gap-1 pl-[3px]"><!--[-1--><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-icon lucide lucide-file size-4"><!--[--><!----><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"><!----></path><!----><!----><path d="M14 2v5a1 1 0 0 0 1 1h5"><!----></path><!----><!--]--><!----><!----></svg><!--]--> <span>eslint.config.js</span></button><!----> <button type="button" class="flex place-items-center gap-1 pl-[3px]"><!--[-1--><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-icon lucide lucide-file size-4"><!--[--><!----><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"><!----></path><!----><!----><path d="M14 2v5a1 1 0 0 0 1 1h5"><!----></path><!----><!--]--><!----><!----></svg><!--]--> <span>LICENSE</span></button><!----> <button type="button" class="flex place-items-center gap-1 pl-[3px]"><!--[-1--><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-icon lucide lucide-file size-4"><!--[--><!----><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"><!----></path><!----><!----><path d="M14 2v5a1 1 0 0 0 1 1h5"><!----></path><!----><!--]--><!----><!----></svg><!--]--> <span>package.json</span></button><!----> <button type="button" class="flex place-items-center gap-1 pl-[3px]"><!--[-1--><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-icon lucide lucide-file size-4"><!--[--><!----><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"><!----></path><!----><!----><path d="M14 2v5a1 1 0 0 0 1 1h5"><!----></path><!----><!--]--><!----><!----></svg><!--]--> <span>pnpm-lock.yaml</span></button><!----> <button type="button" class="flex place-items-center gap-1 pl-[3px]"><!--[-1--><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-icon lucide lucide-file size-4"><!--[--><!----><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"><!----></path><!----><!----><path d="M14 2v5a1 1 0 0 0 1 1h5"><!----></path><!----><!--]--><!----><!----></svg><!--]--> <span>postcss.config.js</span></button><!----> <button type="button" class="flex place-items-center gap-1 pl-[3px]"><!--[-1--><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-icon lucide lucide-file size-4"><!--[--><!----><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"><!----></path><!----><!----><path d="M14 2v5a1 1 0 0 0 1 1h5"><!----></path><!----><!--]--><!----><!----></svg><!--]--> <span>README.md</span></button><!----> <button type="button" class="flex place-items-center gap-1 pl-[3px]"><!--[-1--><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-icon lucide lucide-file size-4"><!--[--><!----><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"><!----></path><!----><!----><path d="M14 2v5a1 1 0 0 0 1 1h5"><!----></path><!----><!--]--><!----><!----></svg><!--]--> <span>svelte.config.js</span></button><!----> <button type="button" class="flex place-items-center gap-1 pl-[3px]"><!--[-1--><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-icon lucide lucide-file size-4"><!--[--><!----><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"><!----></path><!----><!----><path d="M14 2v5a1 1 0 0 0 1 1h5"><!----></path><!----><!--]--><!----><!----></svg><!--]--> <span>tsconfig.json</span></button><!----> <button type="button" class="flex place-items-center gap-1 pl-[3px]"><!--[-1--><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-icon lucide lucide-file size-4"><!--[--><!----><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"><!----></path><!----><!----><path d="M14 2v5a1 1 0 0 0 1 1h5"><!----></path><!----><!--]--><!----><!----></svg><!--]--> <span>vite.config.ts</span></button><!----> <button type="button" class="flex place-items-center gap-1 pl-[3px]"><!--[-1--><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-icon lucide lucide-file size-4"><!--[--><!----><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"><!----></path><!----><!----><path d="M14 2v5a1 1 0 0 0 1 1h5"><!----></path><!----><!--]--><!----><!----></svg><!--]--> <span>tailwind.config.ts</span></button><!----><!----></div><!----></div><!----></div></div> <div class="flex flex-col gap-4 lg:col-start-2"><!--[--><div class="flex h-fit w-full flex-col rounded-lg border border-border bg-card"><!--[--><div class="p-6 flex flex-col gap-2"><!--[--><div role="heading" aria-level="3" class="text-2xl leading-none font-semibold tracking-tight"><!---->Phone Number<!----></div><!--]--> <div class="flex place-items-center"><!--[--><!--[--><!--[--><!--[--><!--$s102--><!--[0--><!--[-1--><button data-slot="popover-trigger" class="focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 group/button items-center justify-center rounded-md border bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:ring-3 active:not-aria-[haspopup]:translate-y-
60px disabled:pointer-events-none disabled:opacity-50 aria-invalid:ring-3 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;_svg:not([class*='size-'])]:size-4 border-border bg-background hover:bg-muted hover:text-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 aria-expanded:bg-muted aria-expanded:text-foreground shadow-xs h-9 in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2 flex shrink-0 gap-1 rounded-l-lg rounded-r-none px-3" type="button" id="bits-s102" aria-haspopup="dialog" aria-expanded="false" data-state="closed" data-popover-trigger=""><!--[-1--><!--]--> <span class="bg-foreground/20 flex h-4 w-6 shrink-0 overflow-clip rounded-sm [&amp;>svg]:h-4! [&amp;>svg]:w-6!"><!--[--><!--]--></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-icon lucide lucide-chevrons-up-down -mr-2 h-4 w-4 opacity-100"><!--[--><!----><path d="m7 15 5 5 5-5"><!----></path><!----><!----><path d="m7 9 5-5 5 5"><!----></path><!----><!--]--><!----><!----></svg><!----><!----><!----></button><!--]--><!----><!--]--><!----><!--]--><!--]--> <!--[--><!--[--><!--[-1--><!--]--><!--]--><!--]--><!----><!----><!--]--><!--]--><!----> <input data-testid="tel-input" class="border-input border-l-none bg-background selection:bg-primary dark:bg-input/30 selection:text-primary-foreground ring-offset-background placeholder:text-muted-foreground flex h-9 w-full min-w-0 rounded-l-none rounded-r-md border-y border-r px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm 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" type="tel" value="+1 418 543 8090"/><!----></div><!----><!----></div><!--]--> <!--[--><div class="border-t border-inherit px-6 py-3 flex place-items-center justify-between"><span class="text-muted-foreground text-sm">Add your phone number.</span> <!--[-1--><button data-slot="button" class="focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 group/button inline-flex shrink-0 items-center justify-center border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:ring-3 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:ring-3 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;_svg:not([class*='size-'])]:size-4 bg-primary text-primary-foreground hover:bg-primary/80 h-8 gap-1 rounded-[min(var(--radius-md),10px)] px-2.5 in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5" type="button"><!--[-1--><!--]--> <!---->Save<!----><!----></button><!--]--><!----><!----></div><!--]--><!----></div><!--]--><!----> <div class="border-border bg-card overflow-hidden rounded-lg border"><div class="border-border flex place-items-center justify-between border-b p-2"><div class="flex place-items-center gap-2"><svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 107 128"><title>svelte-logo</title><path d="M94.1566,22.8189c-10.4-14.8851-30.94-19.2971-45.7914-9.8348L22.2825,29.6078A29.9234,29.9234,0,0,0,8.7639,49.6506a31.5136,31.5136,0,0,0,3.1076,20.2318A30.0061,30.0061,0,0,0,7.3953,81.0653a31.8886,31.8886,0,0,0,5.4473,24.1157c10.4022,14.8865,30.9423,19.2966,45.7914,9.8348L84.7167,98.3921A29.9177,29.9177,0,0,0,98.2353,78.3493,31.5263,31.5263,0,0,0,95.13,58.117a30,30,0,0,0,4.4743-11.1824,31.88,31.88,0,0,0-5.4473-24.1157" style="fill:#ff3e00"></path><path d="M45.8171,106.5815A20.7182,20.7182,0,0,1,23.58,98.3389a19.1739,19.1739,0,0,1-3.2766-14.5025,18.1886,18.1886,0,0,1,.6233-2.4357l.4912-1.4978,1.3363.9815a33.6443,33.6443,0,0,0,10.203,5.0978l.9694.2941-.0893.9675a5.8474,5.8474,0,0,0,1.052,3.8781,6.2389,6.2389,0,0,0,6.6952,2.485,5.7449,5.7449,0,0,0,1.6021-.7041L69.27,76.281a5.4306,5.4306,0,0,0,2.4506-3.631,5.7948,5.7948,0,0,0-.9875-4.3712,6.2436,6.2436,0,0,0-6.6978-2.4864,5.7427,5.7427,0,0,0-1.6.7036l-9.9532,6.3449a19.0329,19.0329,0,0,1-5.2965,2.3259,20.7181,20.7181,0,0,1-22.2368-8.2427,19.1725,19.1725,0,0,1-3.2766-14.5024,17.9885,17.9885,0,0,1,8.13-12.0513L55.8833,23.7472a19.0038,19.0038,0,0,1,5.3-2.3287A20.7182,20.7182,0,0,1,83.42,29.6611a19.1739,19.1739,0,0,1,3.2766,14.5025,18.4,18.4,0,0,1-.6233,2.4357l-.4912,1.4978-1.3356-.98a33.6175,33.6175,0,0,0-10.2037-5.1l-.9694-.2942.0893-.9
60675a5.8588,5.8588,0,0,0-1.052-3.878,6.2389,6.2389,0,0,0-6.6952-2.485,5.7449,5.7449,0,0,0-1.6021.7041L37.73,51.719a5.4218,5.4218,0,0,0-2.4487,3.63,5.7862,5.7862,0,0,0,.9856,4.3717,6.2437,6.2437,0,0,0,6.6978,2.4864,5.7652,5.7652,0,0,0,1.602-.7041l9.9519-6.3425a18.978,18.978,0,0,1,5.2959-2.3278,20.7181,20.7181,0,0,1,22.2368,8.2427,19.1725,19.1725,0,0,1,3.2766,14.5024,17.9977,17.9977,0,0,1-8.13,12.0532L51.1167,104.2528a19.0038,19.0038,0,0,1-5.3,2.3287" style="fill:#fff"></path></svg><!----> <span class="text-muted-foreground font-mono text-sm font-light">src/routes/+layout.svelte</span></div> <!--[-1--><button data-slot="button" class="focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 group/button shrink-0 justify-center rounded-md border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:ring-3 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:ring-3 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;_svg:not([class*='size-'])]:size-4 hover:bg-muted hover:text-foreground dark:hover:bg-muted/50 aria-expanded:bg-muted aria-expanded:text-foreground flex items-center gap-2 size-7" type="button" tabindex="-1" name="copy"><!--[-1--><!--]--> <!--[-1--><div><!--[-1--><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" tabindex="-1" class="lucide-icon lucide lucide-copy"><!--[--><!----><rect width="14" height="14" x="8" y="8" rx="2" ry="2"><!----></rect><!----><!----><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"><!----></path><!----><!--]--><!----><!----></svg><!--]--> <span class="sr-only">Copy</span></div><!--]--> <!----><!----><!----></button><!--]--><!----></div> <div class="not-prose relative h-full overflow-auto rounded-lg border border-border bg-card border-none"><!----><!----> <!----></div><!----></div><!----> <!--[--><div data-slot="card" data-size="default" class="ring-foreground/10 bg-card text-card-foreground group/card overflow-card flex flex-col gap-6 rounded-xl py-6 text-sm shadow-xs ring-1 has-[>img:first-child]:pt-0 data-[size=sm]:gap-4 data-[size=sm]:py-4 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl"><!--[--><div data-slot="card-header" class="group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-6 group-data-[size=sm]/card:px-4 has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-6 group-data-[size=sm]/card:[.border-b]:pb-4"><!--[--><div data-slot="card-title" class="text-base leading-normal font-medium group-data-[size=sm]/card:text-sm"><!---->Network Configuration<!----></div><!--]--> <!--[--><p data-slot="card-description" class="text-muted-foreground text-sm"><!---->Configure device network settings.<!----></p><!--]--><!----></div><!--]--> <!--[--><div data-slot="card-content" class="px-6 group-data-[size=sm]/card:px-4 flex flex-col gap-4"><div class="flex flex-col gap-2"><div class="flex place-items-center justify-between gap-2"><!--[--><!--$s103--><!--[-1--><label data-slot="label" class="flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50" id="bits-s103" data-label-root=""><!---->IP Address<!----></label><!--]--><!--]--><!----> <div aria-invalid="true" class="ring-offset-background border-input bg-background selection:bg-primary dark:bg-input/30 focus-within:ring-ring flex h-9 w-fit place-items-center rounded-md border px-3 font-mono font-light ring-2 ring-transparent focus-within:ring-offset-2"><input min="0" max="255" maxlength="3" value="172" type="text" class="hide-ramp placeholder:text-muted-foreground h-full w-9 border-0 bg-transparent text-center outline-hidden focu
60s:outline-hidden svelte-4rkmot"/><!----> <span class="font-mono">.</span> <input min="0" max="255" maxlength="3" value="16" type="text" class="hide-ramp placeholder:text-muted-foreground h-full w-9 border-0 bg-transparent text-center outline-hidden focus:outline-hidden svelte-4rkmot" tabindex="-1"/><!----> <span class="font-mono">.</span> <input min="0" max="255" maxlength="3" value="230" type="text" class="hide-ramp placeholder:text-muted-foreground h-full w-9 border-0 bg-transparent text-center outline-hidden focus:outline-hidden svelte-4rkmot" tabindex="-1"/><!----> <span class="font-mono">.</span> <input min="0" max="255" maxlength="3" value="22" type="text" class="hide-ramp placeholder:text-muted-foreground h-full w-9 border-0 bg-transparent text-center outline-hidden focus:outline-hidden svelte-4rkmot" tabindex="-1"/><!----></div> <input class="hidden" tabindex="-1" value="172 16 230 22"/><!----></div> <div class="flex place-items-center justify-between gap-2"><!--[--><!--$s104--><!--[-1--><label data-slot="label" class="flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50" id="bits-s104" data-label-root=""><!---->Subnet Mask<!----></label><!--]--><!--]--><!----> <div aria-invalid="true" class="ring-offset-background border-input bg-background selection:bg-primary dark:bg-input/30 focus-within:ring-ring flex h-9 w-fit place-items-center rounded-md border px-3 font-mono font-light ring-2 ring-transparent focus-within:ring-offset-2"><input min="0" max="255" maxlength="3" value="255" type="text" class="hide-ramp placeholder:text-muted-foreground h-full w-9 border-0 bg-transparent text-center outline-hidden focus:outline-hidden svelte-4rkmot"/><!----> <span class="font-mono">.</span> <input min="0" max="255" maxlength="3" value="255" type="text" class="hide-ramp placeholder:text-muted-foreground h-full w-9 border-0 bg-transparent text-center outline-hidden focus:outline-hidden svelte-4rkmot" tabindex="-1"/><!----> <span class="font-mono">.</span> <input min="0" max="255" maxlength="3" value="255" type="text" class="hide-ramp placeholder:text-muted-foreground h-full w-9 border-0 bg-transparent text-center outline-hidden focus:outline-hidden svelte-4rkmot" tabindex="-1"/><!----> <span class="font-mono">.</span> <input min="0" max="255" maxlength="3" value="0" type="text" class="hide-ramp placeholder:text-muted-foreground h-full w-9 border-0 bg-transparent text-center outline-hidden focus:outline-hidden svelte-4rkmot" tabindex="-1"/><!----></div> <input class="hidden" tabindex="-1" value="255 255 255 0"/><!----></div> <div class="flex place-items-center justify-between gap-2"><!--[--><!--$s105--><!--[-1--><label data-slot="label" class="flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50" id="bits-s105" data-label-root=""><!---->Gateway<!----></label><!--]--><!--]--><!----> <div aria-invalid="true" class="ring-offset-background border-input bg-background selection:bg-primary dark:bg-input/30 focus-within:ring-ring flex h-9 w-fit place-items-center rounded-md border px-3 font-mono font-light ring-2 ring-transparent focus-within:ring-offset-2"><input min="0" max="255" maxlength="3" type="text" class="hide-ramp placeholder:text-muted-foreground h-full w-9 border-0 bg-transparent text-center outline-hidden focus:outline-hidden svelte-4rkmot" placeholder="0"/><!----> <span class="font-mono">.</span> <input min="0" max="255" maxlength="3" type="text" class="hide-ramp placeholder:text-muted-foreground h-full w-9 border-0 bg-transparent text-center outline-hidden focus:outline-hidden svelte-4rkmot" tabindex="-1" placeholder="0"/><!----> <span class="font-mono">.</span> <input min="0" max="255" maxlength="3" type="text" class="hide-ramp placeholder:text-muted-foreground h-full w-9 border-0 bg-transparent text-center outline-hidden focu
60s:outline-hidden svelte-4rkmot" tabindex="-1" placeholder="0"/><!----> <span class="font-mono">.</span> <input min="0" max="255" maxlength="3" type="text" class="hide-ramp placeholder:text-muted-foreground h-full w-9 border-0 bg-transparent text-center outline-hidden focus:outline-hidden svelte-4rkmot" tabindex="-1" placeholder="0"/><!----></div> <input class="hidden" tabindex="-1"/><!----></div></div> <!--[-1--><button data-slot="button" class="focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 group/button inline-flex shrink-0 items-center justify-center rounded-md border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:ring-3 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:ring-3 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;_svg:not([class*='size-'])]:size-4 bg-primary text-primary-foreground hover:bg-primary/80 h-9 gap-1.5 px-2.5 in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2 w-full" type="button"><!--[-1--><!--]--> <!---->Configure<!----><!----></button><!--]--><!----><!----></div><!--]--><!----></div><!--]--><!----> <div class="rounded-lg border p-6"><!--[--><!--[--><div data-slot="stepper-nav" class="group/stepper-nav flex flex-row w-full justify-between px-4" aria-orientation="horizontal" data-orientation="horizontal"><!--[--><!--[--><!--$s106--><div data-slot="stepper-item" class="group/stepper-item relative flex" id="s106" data-step="s106" data-state="active"><!--[--><button data-slot="stepper-trigger" class="group/stepper-trigger z-1 outline-none group-data-[orientation=horizontal]/stepper-nav:flex-col group-data-[orientation=vertical]/stepper-nav:flex-row group-data-[orientation=vertical]/stepper-nav:gap-4 flex max-w-[150px] flex-col items-center" id="s106-trigger" data-state="active" aria-selected="true"><!--[--><div data-slot="stepper-indicator" class="bg-primary text-primary-foreground z-1 flex size-7 shrink-0 items-center justify-center rounded-full ring-3 transition-colors select-none [&amp;_svg]:size-4 group-data-[state=inactive]/stepper-trigger:text-muted-foreground group-data-[state=inactive]/stepper-trigger:bg-muted ring-background group-focus-visible/stepper-trigger:ring-ring/50"><!--[--><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-icon lucide lucide-search"><!--[--><!----><path d="m21 21-4.34-4.34"><!----></path><!----><!----><circle cx="11" cy="11" r="8"><!----></circle><!----><!--]--><!----><!----></svg><!--]--><!----></div><!--]--> <div class="flex flex-col"></div><!----></button><!--]--> <!--[--><div data-slot="stepper-separator" class="bg-muted data-[state=completed]:bg-primary absolute shrink-0 transition-colors group-data-[orientation=horizontal]/stepper-nav:top-[12px] group-data-[orientation=horizontal]/stepper-nav:h-1 group-data-[orientation=horizontal]/stepper-nav:w-full group-data-[orientation=vertical]/stepper-nav:top-[28px] group-data-[orientation=vertical]/stepper-nav:left-[12px] group-data-[orientation=vertical]/stepper-nav:h-full group-data-[orientation=vertical]/stepper-nav:w-1 hidden" data-state="active"><!----></div><!--]--><!----></div><!--]--><!--[--><!--$s107--><div data-slot="stepper-item" class="group/stepper-item relative flex" id="s107" data-step="s107" data-state="inactive"><!--[--><button data-slot="stepper-trigger" class="group/stepper-trigger z-1 outline-none group-data-[orientation=horizontal]/stepper-nav:flex-col group-data-[orientation=vertical]/stepper-nav:flex-row group-data-[orientation=vertical]/stepper-nav:gap-4 flex max-w-[150px] flex-col items-center" id="s107-trigger" data-state="inactive" aria-selected="false"><!--[--><div data-slot="stepper-indicator" class="bg-primary text-primary-foreground z-1 flex size-7 shrink-0 items-center justify-center rounded-full ring-3 transition-colors select-none [&amp;_svg]:size-4 group-data-[state=inactive]/stepper-trigger:text-muted-foreground group-data-[state=inactive]/stepper-trigger:bg-muted ring-background group-focus-visible/stepper-trigger:ring-ring/50"><!--[--><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-icon lucide lucide-download"><!--[--><!----><path d="M12 15V3"><!----></path><!----><!----><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"><!----></path><!----><!----><path d="m7 10 5 5 5-5"><!----></path><!----><!--]--><!----><!----></svg><!--]--><!----></div><!--]--> <div class="flex flex-col"></div><!----></button><!--]--> <!--[--><div data-slot="stepper-separator" class="bg-muted data-[state=completed]:bg-primary absolute shrink-0 transition-colors group-data-[orientation=horizontal]/stepper-nav:top-[12px] group-data-[orientation=horizontal]/stepper-nav:h-1 group-data-[orientation=horizontal]/stepper-nav:w-full group-data-[orientation=vertical]/stepper-nav:top-[28px] group-data-[orientation=vertical]/stepper-nav:left-[12px] group-data-[orientation=vertical]/stepper-nav:h-full group-data-[orientation=vertical]/stepper-nav:w-1 hidden" data-state="inactive"><!----></div><!--]--><!----></div><!--]--><!--[--><!--$s108--><div data-slot="stepper-item" class="group/stepper-item relative flex" id="s108" data-step="s108" data-state="inactive"><!--[--><button data-slot="stepper-trigger" class="group/stepper-trigger z-1 outline-none group-data-[orientation=horizontal]/stepper-nav:flex-col group-data-[orientation=vertical]/stepper-nav:flex-row group-data-[orientation=vertical]/stepper-nav:gap-4 flex max-w-[150px] flex-col items-center" id="s108-trigger" data-state="inactive" aria-selected="false"><!--[--><div data-slot="stepper-indicator" class="bg-primary text-primary-foreground z-1 flex size-7 shrink-0 items-center justify-center rounded-full ring-3 transition-colors select-none [&amp;_svg]:size-4 group-data-[state=inactive]/stepper-trigger:text-muted-foreground group-data-[state=inactive]/stepper-trigger:bg-muted ring-background group-focus-visible/stepper-trigger:ring-ring/50"><!--[--><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-icon lucide lucide-code"><!--[--><!----><path d="m16 18 6-6-6-6"><!----></path><!----><!----><path d="m8 6-6 6 6 6"><!----></path><!----><!--]--><!----><!----></svg><!--]--><!----></div><!--]--> <div class="flex flex-col"></div><!----></button><!--]--> <!--[--><div data-slot="stepper-separator" class="bg-muted data-[state=completed]:bg-primary absolute shrink-0 transition-colors group-data-[orientation=horizontal]/stepper-nav:top-[12px] group-data-[orientation=horizontal]/stepper-nav:h-1 group-data-[orientation=horizontal]/stepper-nav:w-full group-data-[orientation=vertical]/stepper-nav:top-[28px] group-data-[orientation=vertical]/stepper-nav:left-[12px] group-data-[orientation=vertical]/stepper-nav:h-full group-data-[orientation=vertical]/stepper-nav:w-1 hidden" data-state="inactive"><!----></div><!--]--><!----></div><!--]--><!--]--><!----></div><!--]--><!----><!--]--></div><!----> <div class="relative w-full max-w-full rounded-md border py-2.5 pr-12 pl-3 border-border bg-card"><!--[0--><pre class="overflow-y-auto text-left font-mono text-sm font-light whitespace-nowrap">
61			npx shadcn-svelte@next init
62		</pre><!--]--> <!--[-1--><button data-slot="button" class="focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 group/button shrink-0 justify-center rounded-md border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap outline-none select-none focus-visible:ring-3 active:not-aria-[haspopup]:translate-y-
62px disabled:pointer-events-none disabled:opacity-50 aria-invalid:ring-3 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;_svg:not([class*='size-'])]:size-4 aria-expanded:bg-muted aria-expanded:text-foreground flex items-center gap-2 hover:text-opacity-80 absolute top-1/2 right-2 size-7 -translate-y-1/2 transition-opacity ease-in-out hover:bg-transparent dark:hover:bg-transparent" type="button" name="copy"><!--[-1--><!--]--> <!--[-1--><div><!--[-1--><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" tabindex="-1" class="lucide-icon lucide lucide-copy"><!--[--><!----><rect width="14" height="14" x="8" y="8" rx="2" ry="2"><!----></rect><!----><!----><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"><!----></path><!----><!--]--><!----><!----></svg><!--]--> <span class="sr-only">Copy</span></div><!--]--> <!----><!----><!----></button><!--]--><!----></div><!----> <div class="flex w-full flex-col gap-2"><!--[--><!--$s109--><input class="hidden" id="s109" accept="image/*" multiple="" type="file"/> <!--[--><label class="group/file-drop-zone-trigger" for="s109" aria-disabled="false"><!--[-1--><div class="hover:bg-accent/25 flex h-48 flex-col place-items-center justify-center gap-2 rounded-lg border border-dashed p-6 transition-all group-aria-disabled/file-drop-zone-trigger:opacity-50 hover:cursor-pointer group-aria-disabled/file-drop-zone-trigger:hover:cursor-not-allowed"><div class="border-border text-muted-foreground flex size-14 place-items-center justify-center rounded-full border border-dashed"><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-icon lucide lucide-upload size-7"><!--[--><!----><path d="M12 3v12"><!----></path><!----><!----><path d="m17 8-5-5-5 5"><!----></path><!----><!----><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"><!----></path><!----><!--]--><!----><!----></svg><!----></div> <div class="flex flex-col gap-0.5 text-center"><span class="text-muted-foreground font-medium">Drag 'n' drop files here, or click to select files</span> <!--[0--><span class="text-muted-foreground/75 text-sm"><!--[0--><span>You can upload 4 files</span><!--]--> <!--[0--><span>(up to 3 MB each)</span><!--]--> <!--[-1--><!--]--></span><!--]--></div></div><!--]--></label><!--]--><!----><!--]--> <div class="flex flex-col gap-2"><!--[--><!--]--></div></div><!----> <div class="flex flex-col gap-4 2xl:hidden"><!----><div class="border-border bg-background aspect-video w-full rounded-lg border font-mono text-sm font-light h-[275px] leading-5"><div class="border-b border-inherit p-4"><div class="flex items-center gap-2"><div class="size-2 rounded-full bg-[#ef4444]"></div> <div class="size-2 rounded-full bg-[#eab308]"></div> <div class="size-2 rounded-full bg-[#22c55e]"></div></div></div> <div class="p-4"><!--[-1--><!--]--><!----> <br/> <!--[-1--><!--]--><!----> <!--[-1--><!--]--><!----> <!--[-1--><!--]--><!----> <!--[-1--><!--]--><!----> <!--[-1--><!--]--><!----> <!--[-1--><!--]--><!----> <!--[-1--><!--]--><!----><!----><!----></div></div><!----><!----><!----> <div data-slot="pm-command" class="border-border w-full rounded-lg border bg-card svelte-1l21zmq"><div class="border-border flex place-items-center justify-between gap-2 border-b py-1 pr-2"><div class="flex place-items-center gap-2 px-2"><div class="bg-foreground flex size-4 place-items-center justify-center opacity-50"><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-icon lucide lucide-terminal text-background size-3"><!--[--><!----><path d="M12 19h8"><!----></path><!----><!----><path d="m4 17 6-6-6-6"><!----></path><!----><!--]--><!----><!----></svg><!----></div> <!--[--><!--[--><!--$s110--><!--[-1--><div data-slot="tabs" class="group/tabs flex gap-2 data-[orientation=horizontal]:flex-col" id="bits-s110" data-orientation="horizontal" data-tabs-root=""><!--[--><!--[--><!--$s111--><!--[-1--><div data-slot="tabs-list" data-variant="default" class="group/tabs-list text-muted-foreground inline-flex w-fit items-center justify-center rounded-lg group-data-horizontal/tabs:h-9 group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col data-[variant=line]:rounded-none cn-tabs-list-variant-default h-auto bg-transparent p-0" id="bits-s111" role="tablist" aria-orientation="horizontal" data-orientation="horizontal" data-tabs-list=""><!--[--><!--[--><!--[--><!--$s112--><!--[-1--><button data-slot="tabs-trigger" class="focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring text-foreground
62/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 border border-transparent px-2 py-1 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 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 group-data-[variant=default]/tabs-list:data-active:shadow-sm group-data-[variant=line]/tabs-list:data-active:shadow-none [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;_svg:not([class*='size-'])]:size-4 group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent data-active:bg-background dark:data-active:text-foreground dark:data-active:border-input dark:data-active:bg-input/30 data-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-active:after:opacity-100 h-7 font-mono text-sm font-light" id="bits-s112" role="tab" data-state="active" data-value="npm" data-orientation="horizontal" aria-selected="true" data-tabs-trigger="" tabindex="0" type="button"><!---->npm<!----></button><!--]--><!--]--><!--]--><!--[--><!--[--><!--$s113--><!--[-1--><button 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 border border-transparent px-2 py-1 
62whitespace-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 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 group-data-[variant=default]/tabs-list:data-active:shadow-sm group-data-[variant=line]/tabs-list:data-active:shadow-none [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;_svg:not([class*='size-'])]:size-4 group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent data-active:bg-background dark:data-active:text-foreground dark:data-active:border-input dark:data-active:bg-input/30 data-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-active:after:opacity-100 h-7 font-mono text-sm font-light" id="bits-s113" role="tab" data-state="inactive" data-value="pnpm" data-orientation="horizontal" aria-selected="false" data-tabs-trigger="" tabindex="0" type="button"><!---->pnpm<!----></button><!--]--><!--]--><!--]--><!--[--><!--[--><!--$s114--><!--[-1--><button 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 border border-transparent px-2 py-1 
62whitespace-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 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 group-data-[variant=default]/tabs-list:data-active:shadow-sm group-data-[variant=line]/tabs-list:data-active:shadow-none [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;_svg:not([class*='size-'])]:size-4 group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent data-active:bg-background dark:data-active:text-foreground dark:data-active:border-input dark:data-active:bg-input/30 data-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-active:after:opacity-100 h-7 font-mono text-sm font-light" id="bits-s114" role="tab" data-state="inactive" data-value="yarn" data-orientation="horizontal" aria-selected="false" data-tabs-trigger="" tabindex="0" type="button"><!---->yarn<!----></button><!--]--><!--]--><!--]--><!--[--><!--[--><!--$s115--><!--[-1--><button 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 border border-transparent px-2 py-1 
62whitespace-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 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 group-data-[variant=default]/tabs-list:data-active:shadow-sm group-data-[variant=line]/tabs-list:data-active:shadow-none [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;_svg:not([class*='size-'])]:size-4 group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent data-active:bg-background dark:data-active:text-foreground dark:data-active:border-input dark:data-active:bg-input/30 data-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-active:after:opacity-100 h-7 font-mono text-sm font-light" id="bits-s115" role="tab" data-state="inactive" data-value="bun" data-orientation="horizontal" aria-selected="false" data-tabs-trigger="" tabindex="0" type="button"><!---->bun<!----></button><!--]--><!--]--><!--]--><!--]--><!----></div><!--]--><!--]--><!--]--><!----></div><!--]--><!--]--><!--]--></div> <!--[--><!--[--><!--[--><!--[--><!--[--><!--[--><!--[--><!--$s116--><!--[0--><!--[-1--><button data-slot="tooltip-trigger" class="focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 group/button shrink-0 justify-center rounded-md border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:ring-3 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:ring-3 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;_svg:not([class*='size-'])]:size-4 hover:bg-muted hover:text-foreground dark:hover:bg-muted/50 aria-expanded:bg-muted aria-expanded:text-foreground flex items-center gap-2 size-6 [&amp;_svg]:size-3" type="button" tabindex="-1" name="copy" id="bits-s116" data-state="closed" data-delay-duration="0" data-tooltip-trigger=""><!--[-1--><!--]--> <!--[-1--><div><!--[0--><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-icon lucide lucide-clipboard"><!--[--><!----><rect width="8" height="4" x="8" y="2" rx="1" ry="1"><!----></rect><!----><!----><path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"><!----></path><!----><!--]--><!----><!----></svg><!----><!--]--> <span class="sr-only">Copy</span></div><!--]--> <!----><!----><!----></button><!--]--><!----><!--]--><!--]--><!--]--> <!--[--><!--[--><!--[-1--><!--]--><!--]--><!--]--><!----><!----><!--]--><!----><!--]--><!--]--><!----><!--]--><!--]--></div> <div class="no-scrollbar overflow-x-auto p-3 svelte-1l21zmq"><span class="text-muted-foreground font-mono text-sm leading-none font-light text-nowrap">npx jsrepo add ui/pm-command</span></div></div><!----></div></div> <div class="hidden flex-col gap-4 2xl:col-start-3 2xl:flex"><!----><div class="border-border bg-background aspect-video w-full rounded-lg border font-mono text-sm font-light h-[275px] leading-5"><div class="border-b border-inherit p-4"><div class="flex items-center gap-2"><div class="size-2 rounded-full bg-[#ef4444]"></div> <div class="size-2 rounded-full bg-[#eab308]"></div>
62 <div class="size-2 rounded-full bg-[#22c55e]"></div></div></div> <div class="p-4"><!--[-1--><!--]--><!----> <br/> <!--[-1--><!--]--><!----> <!--[-1--><!--]--><!----> <!--[-1--><!--]--><!----> <!--[-1--><!--]--><!----> <!--[-1--><!--]--><!----> <!--[-1--><!--]--><!----> <!--[-1--><!--]--><!----><!----><!----></div></div><!----><!----><!----> <div data-slot="pm-command" class="border-border w-full rounded-lg border bg-card svelte-1l21zmq"><div class="border-border flex place-items-center justify-between gap-2 border-b py-1 pr-2"><div class="flex place-items-center gap-2 px-2"><div class="bg-foreground flex size-4 place-items-center justify-center opacity-50"><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-icon lucide lucide-terminal text-background size-3"><!--[--><!----><path d="M12 19h8"><!----></path><!----><!----><path d="m4 17 6-6-6-6"><!----></path><!----><!--]--><!----><!----></svg><!----></div> <!--[--><!--[--><!--$s117--><!--[-1--><div data-slot="tabs" class="group/tabs flex gap-2 data-[orientation=horizontal]:flex-col" id="bits-s117" data-orientation="horizontal" data-tabs-root=""><!--[--><!--[--><!--$s118--><!--[-1--><div data-slot="tabs-list" data-variant="default" class="group/tabs-list text-muted-foreground inline-flex w-fit items-center justify-center rounded-lg group-data-horizontal/tabs:h-9 group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col data-[variant=line]:rounded-none cn-tabs-list-variant-default h-auto bg-transparent p-0" id="bits-s118" role="tablist" aria-orientation="horizontal" data-orientation="horizontal" data-tabs-list=""><!--[--><!--[--><!--[--><!--$s119--><!--[-1--><button 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 border border-transparent px-2 py-1 
62whitespace-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 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 group-data-[variant=default]/tabs-list:data-active:shadow-sm group-data-[variant=line]/tabs-list:data-active:shadow-none [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;_svg:not([class*='size-'])]:size-4 group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent data-active:bg-background dark:data-active:text-foreground dark:data-active:border-input dark:data-active:bg-input/30 data-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-active:after:opacity-100 h-7 font-mono text-sm font-light" id="bits-s119" role="tab" data-state="active" data-value="npm" data-orientation="horizontal" aria-selected="true" data-tabs-trigger="" tabindex="0" type="button"><!---->npm<!----></button><!--]--><!--]--><!--]--><!--[--><!--[--><!--$s120--><!--[-1--><button 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 border border-transparent px-2 py-1 
62whitespace-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 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 group-data-[variant=default]/tabs-list:data-active:shadow-sm group-data-[variant=line]/tabs-list:data-active:shadow-none [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;_svg:not([class*='size-'])]:size-4 group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent data-active:bg-background dark:data-active:text-foreground dark:data-active:border-input dark:data-active:bg-input/30 data-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-active:after:opacity-100 h-7 font-mono text-sm font-light" id="bits-s120" role="tab" data-state="inactive" data-value="pnpm" data-orientation="horizontal" aria-selected="false" data-tabs-trigger="" tabindex="0" type="button"><!---->pnpm<!----></button><!--]--><!--]--><!--]--><!--[--><!--[--><!--$s121--><!--[-1--><button 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 border border-transparent px-2 py-1 
62whitespace-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 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 group-data-[variant=default]/tabs-list:data-active:shadow-sm group-data-[variant=line]/tabs-list:data-active:shadow-none [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;_svg:not([class*='size-'])]:size-4 group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent data-active:bg-background dark:data-active:text-foreground dark:data-active:border-input dark:data-active:bg-input/30 data-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-active:after:opacity-100 h-7 font-mono text-sm font-light" id="bits-s121" role="tab" data-state="inactive" data-value="yarn" data-orientation="horizontal" aria-selected="false" data-tabs-trigger="" tabindex="0" type="button"><!---->yarn<!----></button><!--]--><!--]--><!--]--><!--[--><!--[--><!--$s122--><!--[-1--><button 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 border border-transparent px-2 py-1 
62whitespace-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 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 group-data-[variant=default]/tabs-list:data-active:shadow-sm group-data-[variant=line]/tabs-list:data-active:shadow-none [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;_svg:not([class*='size-'])]:size-4 group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent data-active:bg-background dark:data-active:text-foreground dark:data-active:border-input dark:data-active:bg-input/30 data-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-active:after:opacity-100 h-7 font-mono text-sm font-light" id="bits-s122" role="tab" data-state="inactive" data-value="bun" data-orientation="horizontal" aria-selected="false" data-tabs-trigger="" tabindex="0" type="button"><!---->bun<!----></button><!--]--><!--]--><!--]--><!--]--><!----></div><!--]--><!--]--><!--]--><!----></div><!--]--><!--]--><!--]--></div> <!--[--><!--[--><!--[--><!--[--><!--[--><!--[--><!--[--><!--$s123--><!--[0--><!--[-1--><button data-slot="tooltip-trigger" class="focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 group/button shrink-0 justify-center rounded-md border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:ring-3 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:ring-3 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;_svg:not([class*='size-'])]:size-4 hover:bg-muted hover:text-foreground dark:hover:bg-muted/50 aria-expanded:bg-muted aria-expanded:text-foreground flex items-center gap-2 size-6 [&amp;_svg]:size-3" type="button" tabindex="-1" name="copy" id="bits-s123" data-state="closed" data-delay-duration="0" data-tooltip-trigger=""><!--[-1--><!--]--> <!--[-1--><div><!--[0--><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-icon lucide lucide-clipboard"><!--[--><!----><rect width="8" height="4" x="8" y="2" rx="1" ry="1"><!----></rect><!----><!----><path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"><!----></path><!----><!--]--><!----><!----></svg><!----><!--]--> <span class="sr-only">Copy</span></div><!--]--> <!----><!----><!----></button><!--]--><!----><!--]--><!--]--><!--]--> <!--[--><!--[--><!--[-1--><!--]--><!--]--><!--]--><!----><!----><!--]--><!----><!--]--><!--]--><!----><!--]--><!--]--></div> <div class="no-scrollbar overflow-x-auto p-3 svelte-1l21zmq"><span class="text-muted-foreground font-mono text-sm leading-none font-light text-nowrap">npx jsrepo add ui/pm-command</span></div></div><!----> <!--[--><div data-slot="card" data-size="default" class="ring-foreground/10 bg-card text-card-foreground group/card overflow-card flex flex-col gap-6 rounded-xl py-6 text-sm shadow-xs ring-1 has-[>img:first-child]:pt-0 data-[size=sm]:gap-4 data-[size=sm]:py-4 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl"><!--[--><div data-slot="card-header" class="group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-6 group-data-[size=sm]/card:px-4 has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-6 group-data-[size=sm]/card:[.border-b]:pb-4"><!--[--><div data-slot="card-title" class="text-base leading-normal font-medium group-data-[size=sm]/card:text-sm"><!---->Create an account<!----></div><!--]--> <!--[--><p data-slot="card-description" class="text-muted-foreground text-sm"><!---->Enter your email below to create your account<!----></p><!--]--><!----></div><!--]--> <!--[-->
62<div data-slot="card-content" class="px-6 group-data-[size=sm]/card:px-4 flex flex-col gap-4"><form method="POST" class="flex flex-col gap-4"><!--[--><div data-slot="field-group" class="group/field-group @container/field-group flex w-full flex-col gap-7 data-[slot=checkbox-group]:gap-3 *:data-[slot=field-group]:gap-4"><!--[--><div role="group" data-slot="field" data-orientation="vertical" class="data-[invalid=true]:text-destructive group/field flex w-full gap-3 cn-field-orientation-vertical flex-col [&amp;>*]:w-full [&amp;>.sr-only]:w-auto"><!--[--><!--$s124--><!--[-1--><label data-slot="label" class="flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50" id="bits-s124" data-label-root=""><!---->Email<!----></label><!--]--><!--]--><!----> <!--[-1--><input data-slot="input" class="dark:bg-input/30 border-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 file:text-foreground placeholder:text-muted-foreground h-9 w-full min-w-0 rounded-md border bg-transparent px-2.5 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:ring-3 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:ring-3 md:text-sm" type="email" name="email" placeholder="[email protected]" required=""/><!--]--><!----><!----></div><!--]--> <!--[--><div role="group" data-slot="field" data-orientation="vertical" class="data-[invalid=true]:text-destructive group/field flex w-full gap-3 cn-field-orientation-vertical flex-col [&amp;>*]:w-full [&amp;>.sr-only]:w-auto"><!--[--><!--$s125--><!--[-1--><label data-slot="label" class="flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50" id="bits-s125" data-label-root=""><!---->Password<!----></label><!--]--><!--]--><!----> <!--[--><div class="flex flex-col gap-2"><!--[--><div class="relative"><!--[-1--><input data-slot="input" class="dark:bg-input/30 border-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 file:text-foreground placeholder:text-muted-foreground h-9 w-full min-w-0 rounded-md border bg-transparent px-2.5 py-1 text-base shadow-xs outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:ring-3 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:ring-3 md:text-sm transition-[width] pr-9" type="password" value="" name="password" required="" placeholder="Password" aria-invalid="false"/><!--]--><!----> <!--[--><!--[--><!--$s126--><!--[-1--><button data-slot="toggle" class="hover:text-foreground aria-pressed:bg-muted focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive group/toggle hover:bg-muted inline-flex items-center justify-center gap-1 rounded-md text-sm font-medium whitespace-nowrap transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;_svg:not([class*='size-'])]:size-4 bg-transparent has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2 data-[state=off]:text-muted-foreground data-[state=on]:text-muted-foreground hover:data-[state=off]:text-accent-foreground hover:data-[state=on]:text-accent-foreground absolute top-1/2 right-0 size-9 min-w-0 -translate-y-1/2 p-0 hover:!bg-transparent data-[state=on]:bg-transparent" aria-label="Show password" tabindex="-1" data-toggle-root="" id="bits-s126" aria-pressed="true" data-state="on" type="button"><!--[0--><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-icon lucide lucide-eye size-4"><!--[--><!----><path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0"><!----></path><!----><!----><circle cx="12" cy="12" r="3"><!----></circle><!----><!--]--><!----><!----></svg><!--]--><!----></button><!--]--><!--]--><!--]--><!----></div><!--]--> <!--[--><!--[--><!--$s127--><!--[-1--><div class="bg-accent relative h-[6px] w-full gap-1 overflow-hidden rounded-full" role="meter" value="
620" aria-valuemin="0" aria-valuemax="4" aria-valuenow="0" data-value="0" data-max="4" data-min="0" data-meter-root=""><div class="h-full transition-all duration-500 bg-red-500" style="width: 0%;"></div> <div class="absolute top-0 left-0 z-10 flex h-[6px] w-full place-items-center gap-1"><!--[--><div class="ring-background h-[6px] w-1/4 rounded-full ring-3"></div><div class="ring-background h-[6px] w-1/4 rounded-full ring-3"></div><div class="ring-background h-[6px] w-1/4 rounded-full ring-3"></div><div class="ring-background h-[6px] w-1/4 rounded-full ring-3"></div><!--]--></div><!----></div><!--]--><!--]--><!--]--><!----></div><!--]--><!----></div><!--]--><!----></div><!--]--> <!--[-1--><button data-slot="button" class="focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 group/button inline-flex shrink-0 items-center justify-center rounded-md border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:ring-3 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:ring-3 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;_svg:not([class*='size-'])]:size-4 bg-primary text-primary-foreground hover:bg-primary/80 h-9 gap-1.5 px-2.5 in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2 w-full" type="submit"><!--[-1--><!--]--> <!---->Create account<!----><!----></button><!--]--><!----></form><!----></div><!--]--><!----></div><!--]--><!----> <div class="border-border h-[825px] w-full border"><div role="tree" class="flex flex-col p-4"><!--[--><!--[--><!--$s128--><!--[-1--><div data-slot="collapsible" id="bits-s128" data-state="closed" data-collapsible-root=""><!--[--><!--[--><!--$s129--><!--[-1--><button data-slot="collapsible-trigger" class="flex place-items-center gap-1" id="bits-s129" type="button" aria-expanded="false" data-state="closed" data-collapsible-trigger=""><!--[-1--><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-icon lucide lucide-folder size-4"><!--[--><!----><path d="M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z"><!----></path><!----><!--]--><!----><!----></svg><!--]--> <span>.github</span><!----></button><!--]--><!--]--><!--]--> <!--[--><!--[--><!--$s130--><!--[-1--><div data-slot="collapsible-content" class="ml-2 border-l" id="bits-s130" style="--bits-collapsible-content-height: undefined; --bits-collapsible-content-width: undefined;" hidden="" data-state="closed" data-collapsible-content=""><div class="relative flex place-items-start"><div class="bg-border mx-2 h-full w-px"></div> <div class="flex flex-1 flex-col"><!--[--><!--[--><!--$s131--><!--[-1--><div data-slot="collapsible" id="bits-s131" data-state="open" data-collapsible-root=""><!--[--><!--[--><!--$s132--><!--[-1--><button data-slot="collapsible-trigger" class="flex place-items-center gap-1" id="bits-s132" type="button" aria-expanded="true" data-state="open" data-collapsible-trigger=""><!--[1--><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-icon lucide lucide-folder-open size-4"><!--[--><!----><path d="m6 14 1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2"><!----></path><!----><!--]--><!----><!----></svg><!--]--> <span>workflows</span><!----></button><!--]--><!--]--><!--]--> <!--[--><!--[--><!--$s133--><!--[-1--><div data-slot="collapsible-content" class="ml-2 border-l" id="bits-s133" style="--bits-collapsible-content-height: undefined; --bits-collapsible-content-width: undefined;" data-state="open" data-collapsible-content=""><div class="relative flex place-items-start"><div class="bg-border mx-2 h-full w-px"></div> <div class="flex flex-1 flex-col"><button type="button" class="flex place-items-center gap-1 pl-[3px]"><!--[-1--><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-icon lucide lucide-file size-4"><!--[--><!----><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"><!----></path><!----><!----><path d="M14 2v5a1 1 0 0 0 1 1h5"><!----></path><!----><!--]--><!----><!----></svg><!--]--> <span>ci.yml</span></button><!----></div></div><!----></div><!--]--><!--]--><!--]--><!----></div><!--]--><!--]--><!--]--><!----></div></div><!----></div><!--]--><!--]--><!--]--><!----></div><!--]--><!--]--><!--]--><!----> <!--[--><!--[--><!--$s134--><!--[-1--><div data-slot="collapsible" id="bits-s134" data-state="closed" data-collapsible-root=""><!--[--><!--[--><!--$s135--><!--[-1--><button data-slot="collapsible-trigger" class="flex place-items-center gap-1 text-muted-foreground" id="bits-s135" type="button" aria-expanded="false" data-state="closed" data-collapsible-trigger=""><!--[-1--><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-icon lucide lucide-folder size-4"><!--[--><!----><path d="M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z"><!----></path><!----><!--]--><!----><!----></svg><!--]--> <span>.svelte-kit</span><!----></button><!--]--><!--]--><!--]--> <!--[--><!--[--><!--$s136--><!--[-1-->
62<div data-slot="collapsible-content" class="ml-2 border-l" id="bits-s136" style="--bits-collapsible-content-height: undefined; --bits-collapsible-content-width: undefined;" hidden="" data-state="closed" data-collapsible-content=""><div class="relative flex place-items-start"><div class="bg-border mx-2 h-full w-px"></div> <div class="flex flex-1 flex-col"><!----></div></div><!----></div><!--]--><!--]--><!--]--><!----></div><!--]--><!--]--><!--]--><!----> <!--[--><!--[--><!--$s137--><!--[-1--><div data-slot="collapsible" id="bits-s137" data-state="closed" data-collapsible-root=""><!--[--><!--[--><!--$s138--><!--[-1--><button data-slot="collapsible-trigger" class="flex place-items-center gap-1 text-muted-foreground" id="bits-s138" type="button" aria-expanded="false" data-state="closed" data-collapsible-trigger=""><!--[-1--><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-icon lucide lucide-folder size-4"><!--[--><!----><path d="M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z"><!----></path><!----><!--]--><!----><!----></svg><!--]--> <span>node_modules</span><!----></button><!--]--><!--]--><!--]--> <!--[--><!--[--><!--$s139--><!--[-1--><div data-slot="collapsible-content" class="ml-2 border-l" id="bits-s139" style="--bits-collapsible-content-height: undefined; --bits-collapsible-content-width: undefined;" hidden="" data-state="closed" data-collapsible-content=""><div class="relative flex place-items-start"><div class="bg-border mx-2 h-full w-px"></div> <div class="flex flex-1 flex-col"><!--[--><!--[--><!--$s140--><!--[-1--><div data-slot="collapsible" id="bits-s140" data-state="open" data-collapsible-root=""><!--[--><!--[--><!--$s141--><!--[-1--><button data-slot="collapsible-trigger" class="flex place-items-center gap-1" id="bits-s141" type="button" aria-expanded="true" data-state="open" data-collapsible-trigger=""><!--[1--><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-icon lucide lucide-folder-open size-4"><!--[--><!----><path d="m6 14 1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2"><!----></path><!----><!--]--><!----><!----></svg><!--]--> <span>bits-ui</span><!----></button><!--]--><!--]--><!--]--> <!--[--><!--[--><!--$s142--><!--[-1--><div data-slot="collapsible-content" class="ml-2 border-l" id="bits-s142" style="--bits-collapsible-content-height: undefined; --bits-collapsible-content-width: undefined;" data-state="open" data-collapsible-content=""><div class="relative flex place-items-start"><div class="bg-border mx-2 h-full w-px"></div> <div class="flex flex-1 flex-col"><!----></div></div><!----></div><!--]--><!--]--><!--]--><!----></div><!--]--><!--]--><!--]--><!----></div></div><!----></div><!--]--><!--]--><!--]--><!----></div><!--]--><!--]--><!--]--><!----> <!--[--><!--[--><!--$s143--><!--[-1--><div data-slot="collapsible" id="bits-s143" data-state="open" data-collapsible-root=""><!--[--><!--[--><!--$s144--><!--[-1--><button data-slot="collapsible-trigger" class="flex place-items-center gap-1" id="bits-s144" type="button" aria-expanded="true" data-state="open" data-collapsible-trigger=""><!--[1--><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-icon lucide lucide-folder-open size-4"><!--[--><!----><path d="m6 14 1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2"><!----></path><!----><!--]--><!----><!----></svg><!--]--> <span>src</span><!----></button><!--]--><!--]--><!--]--> <!--[--><!--[--><!--$s145--><!--[-1-->
62<div data-slot="collapsible-content" class="ml-2 border-l" id="bits-s145" style="--bits-collapsible-content-height: undefined; --bits-collapsible-content-width: undefined;" data-state="open" data-collapsible-content=""><div class="relative flex place-items-start"><div class="bg-border mx-2 h-full w-px"></div> <div class="flex flex-1 flex-col"><!--[--><!--[--><!--$s146--><!--[-1--><div data-slot="collapsible" id="bits-s146" data-state="open" data-collapsible-root=""><!--[--><!--[--><!--$s147--><!--[-1--><button data-slot="collapsible-trigger" class="flex place-items-center gap-1" id="bits-s147" type="button" aria-expanded="true" data-state="open" data-collapsible-trigger=""><!--[1--><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-icon lucide lucide-folder-open size-4"><!--[--><!----><path d="m6 14 1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2"><!----></path><!----><!--]--><!----><!----></svg><!--]--> <span>lib</span><!----></button><!--]--><!--]--><!--]--> <!--[--><!--[--><!--$s148--><!--[-1--><div data-slot="collapsible-content" class="ml-2 border-l" id="bits-s148" style="--bits-collapsible-content-height: undefined; --bits-collapsible-content-width: undefined;" data-state="open" data-collapsible-content=""><div class="relative flex place-items-start"><div class="bg-border mx-2 h-full w-px"></div> <div class="flex flex-1 flex-col"><!--[--><!--[--><!--$s149--><!--[-1--><div data-slot="collapsible" id="bits-s149" data-state="open" data-collapsible-root=""><!--[--><!--[--><!--$s150--><!--[-1--><button data-slot="collapsible-trigger" class="flex place-items-center gap-1" id="bits-s150" type="button" aria-expanded="true" data-state="open" data-collapsible-trigger=""><!--[1--><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-icon lucide lucide-folder-open size-4"><!--[--><!----><path d="m6 14 1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2"><!----></path><!----><!--]--><!----><!----></svg><!--]--> <span>components</span><!----></button><!--]--><!--]--><!--]--> <!--[--><!--[--><!--$s151--><!--[-1--><div data-slot="collapsible-content" class="ml-2 border-l" id="bits-s151" style="--bits-collapsible-content-height: undefined; --bits-collapsible-content-width: undefined;" data-state="open" data-collapsible-content=""><div class="relative flex place-items-start"><div class="bg-border mx-2 h-full w-px"></div> <div class="flex flex-1 flex-col"><!--[--><!--[--><!--$s152--><!--[-1--><div data-slot="collapsible" id="bits-s152" data-state="open" data-collapsible-root=""><!--[--><!--[--><!--$s153--><!--[-1--><button data-slot="collapsible-trigger" class="flex place-items-center gap-1" id="bits-s153" type="button" aria-expanded="true" data-state="open" data-collapsible-trigger=""><!--[1--><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-icon lucide lucide-folder-open size-4"><!--[--><!----><path d="m6 14 1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2"><!----></path><!----><!--]--><!----><!----></svg><!--]--> <span>ui</span><!----></button><!--]--><!--]--><!--]--> <!--[--><!--[--><!--$s154--><!--[-1--><div data-slot="collapsible-content" class="ml-2 border-l" id="bits-s154" style="--bits-collapsible-content-height: undefined; --bits-collapsible-content-width: undefined;" data-state="open" data-collapsible-content=""><div class="relative flex place-items-start"><div class="bg-border mx-2 h-full w-px"></div> <div class="flex flex-1 flex-col"><!--[--><!--[--><!--$s155--><!--[-1-->
62<div data-slot="collapsible" id="bits-s155" data-state="closed" data-collapsible-root=""><!--[--><!--[--><!--$s156--><!--[-1--><button data-slot="collapsible-trigger" class="flex place-items-center gap-1" id="bits-s156" type="button" aria-expanded="false" data-state="closed" data-collapsible-trigger=""><!--[-1--><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-icon lucide lucide-folder size-4"><!--[--><!----><path d="M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z"><!----></path><!----><!--]--><!----><!----></svg><!--]--> <span>collapsible</span><!----></button><!--]--><!--]--><!--]--> <!--[--><!--[--><!--$s157--><!--[-1--><div data-slot="collapsible-content" class="ml-2 border-l" id="bits-s157" style="--bits-collapsible-content-height: undefined; --bits-collapsible-content-width: undefined;" hidden="" data-state="closed" data-collapsible-content=""><div class="relative flex place-items-start"><div class="bg-border mx-2 h-full w-px"></div> <div class="flex flex-1 flex-col"><!----></div></div><!----></div><!--]--><!--]--><!--]--><!----></div><!--]--><!--]--><!--]--><!----> <!--[--><!--[--><!--$s158--><!--[-1--><div data-slot="collapsible" id="bits-s158" data-state="closed" data-collapsible-root=""><!--[--><!--[--><!--$s159--><!--[-1--><button data-slot="collapsible-trigger" class="flex place-items-center gap-1" id="bits-s159" type="button" aria-expanded="false" data-state="closed" data-collapsible-trigger=""><!--[-1--><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-icon lucide lucide-folder size-4"><!--[--><!----><path d="M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z"><!----></path><!----><!--]--><!----><!----></svg><!--]--> <span>tree-view</span><!----></button><!--]--><!--]--><!--]--> <!--[--><!--[--><!--$s160--><!--[-1--><div data-slot="collapsible-content" class="ml-2 border-l" id="bits-s160" style="--bits-collapsible-content-height: undefined; --bits-collapsible-content-width: undefined;" hidden="" data-state="closed" data-collapsible-content=""><div class="relative flex place-items-start"><div class="bg-border mx-2 h-full w-px"></div> <div class="flex flex-1 flex-col"><!----></div></div><!----></div><!--]--><!--]--><!--]--><!----></div><!--]--><!--]--><!--]--><!----><!----></div></div><!----></div><!--]--><!--]--><!--]--><!----></div><!--]--><!--]--><!--]--><!----></div></div><!----></div><!--]--><!--]--><!--]--><!----></div><!--]--><!--]--><!--]--><!----> <!--[--><!--[--><!--$s161--><!--[-1--><div data-slot="collapsible" id="bits-s161" data-state="open" data-collapsible-root=""><!--[--><!--[--><!--$s162--><!--[-1--><button data-slot="collapsible-trigger" class="flex place-items-center gap-1" id="bits-s162" type="button" aria-expanded="true" data-state="open" data-collapsible-trigger=""><!--[1--><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-icon lucide lucide-folder-open size-4"><!--[--><!----><path d="m6 14 1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2"><!----></path><!----><!--]--><!----><!----></svg><!--]--> <span>utils</span><!----></button><!--]--><!--]--><!--]--> <!--[--><!--[--><!--$s163--><!--[-1--><div data-slot="collapsible-content" class="ml-2 border-l" id="bits-s163" style="--bits-collapsible-content-height: undefined; --bits-collapsible-content-width: undefined;" data-state="open" data-collapsible-content=""><div class="relative flex place-items-start"><div class="bg-border mx-2 h-full w-px"></div> <div class="flex flex-1 flex-col"><button type="button" class="flex place-items-center gap-1 pl-[3px]"><!--[-1--><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-icon lucide lucide-file size-4"><!--[--><!----><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"><!----></path><!----><!----><path d="M14 2v5a1 1 0 0 0 1 1h5"><!----></path><!----><!--]--><!----><!----></svg><!--]--> <span>utils.ts</span></button><!----></div></div><!----></div><!--]--><!--]--><!--]--><!----></div><!--]--><!--]--><!--]--><!----><!----></div></div><!----></div><!--]--><!--]--><!--]--><!----></div><!--]--><!--]--><!--]--><!----> <!--[--><!--[--><!--$s164--><!--[-1--><div data-slot="collapsible" id="bits-s164" data-state="open" data-collapsible-root=""><!--[--><!--[--><!--$s165--><!--[-1--><button data-slot="collapsible-trigger" class="flex place-items-center gap-1" id="bits-s165" type="button" aria-expanded="true" data-state="open" data-collapsible-trigger=""><!--[1--><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-icon lucide lucide-folder-open size-4"><!--[--><!----><path d="m6 14 1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2"><!----></path><!----><!--]--><!----><!----></svg><!--]--> <span>routes</span><!----></button><!--]--><!--]--><!--]--> <!--[--><!--[--><!--$s166--><!--[-1-->
62<div data-slot="collapsible-content" class="ml-2 border-l" id="bits-s166" style="--bits-collapsible-content-height: undefined; --bits-collapsible-content-width: undefined;" data-state="open" data-collapsible-content=""><div class="relative flex place-items-start"><div class="bg-border mx-2 h-full w-px"></div> <div class="flex flex-1 flex-col"><button type="button" class="flex place-items-center gap-1 pl-[3px]"><!--[-1--><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-icon lucide lucide-file size-4"><!--[--><!----><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"><!----></path><!----><!----><path d="M14 2v5a1 1 0 0 0 1 1h5"><!----></path><!----><!--]--><!----><!----></svg><!--]--> <span>+layout.svelte</span></button><!----> <button type="button" class="flex place-items-center gap-1 pl-[3px]"><!--[-1--><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-icon lucide lucide-file size-4"><!--[--><!----><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"><!----></path><!----><!----><path d="M14 2v5a1 1 0 0 0 1 1h5"><!----></path><!----><!--]--><!----><!----></svg><!--]--> <span>+page.svelte</span></button><!----><!----></div></div><!----></div><!--]--><!--]--><!--]--><!----></div><!--]--><!--]--><!--]--><!----> <button type="button" class="flex place-items-center gap-1 pl-[3px]"><!--[-1--><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-icon lucide lucide-file size-4"><!--[--><!----><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"><!----></path><!----><!----><path d="M14 2v5a1 1 0 0 0 1 1h5"><!----></path><!----><!--]--><!----><!----></svg><!--]--> <span>app.css</span></button><!----> <button type="button" class="flex place-items-center gap-1 pl-[3px]"><!--[-1--><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-icon lucide lucide-file size-4"><!--[--><!----><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"><!----></path><!----><!----><path d="M14 2v5a1 1 0 0 0 1 1h5"><!----></path><!----><!--]--><!----><!----></svg><!--]--> <span>app.d.ts</span></button><!----> <button type="button" class="flex place-items-center gap-1 pl-[3px]"><!--[-1--><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-icon lucide lucide-file size-4"><!--[--><!----><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"><!----></path><!----><!----><path d="M14 2v5a1 1 0 0 0 1 1h5"><!----></path><!----><!--]--><!----><!----></svg><!--]--> <span>app.html</span></button><!----><!----></div></div><!----></div><!--]--><!--]--><!--]--><!----></div><!--]--><!--]--><!--]--><!----> <!--[--><!--[--><!--$s167--><!--[-1--><div data-slot="collapsible" id="bits-s167" data-state="closed" data-collapsible-root=""><!--[--><!--[--><!--$s168--><!--[-1--><button data-slot="collapsible-trigger" class="flex place-items-center gap-1" id="bits-s168" type="button" aria-expanded="false" data-state="closed" data-collapsible-trigger=""><!--[-1--><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-icon lucide lucide-folder size-4"><!--[--><!----><path d="M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z"><!----></path><!----><!--]--><!----><!----></svg><!--]--> <span>static</span><!----></button><!--]--><!--]--><!--]--> <!--[--><!--[--><!--$s169--><!--[-1-->
62<div data-slot="collapsible-content" class="ml-2 border-l" id="bits-s169" style="--bits-collapsible-content-height: undefined; --bits-collapsible-content-width: undefined;" hidden="" data-state="closed" data-collapsible-content=""><div class="relative flex place-items-start"><div class="bg-border mx-2 h-full w-px"></div> <div class="flex flex-1 flex-col"><button type="button" class="flex place-items-center gap-1 pl-[3px]"><!--[-1--><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-icon lucide lucide-file size-4"><!--[--><!----><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"><!----></path><!----><!----><path d="M14 2v5a1 1 0 0 0 1 1h5"><!----></path><!----><!--]--><!----><!----></svg><!--]--> <span>favicon.png</span></button><!----></div></div><!----></div><!--]--><!--]--><!--]--><!----></div><!--]--><!--]--><!--]--><!----> <button type="button" class="flex place-items-center gap-1 pl-[3px]"><!--[-1--><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-icon lucide lucide-file size-4"><!--[--><!----><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"><!----></path><!----><!----><path d="M14 2v5a1 1 0 0 0 1 1h5"><!----></path><!----><!--]--><!----><!----></svg><!--]--> <span>.gitignore</span></button><!----> <button type="button" class="flex place-items-center gap-1 pl-[3px]"><!--[-1--><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-icon lucide lucide-file size-4"><!--[--><!----><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"><!----></path><!----><!----><path d="M14 2v5a1 1 0 0 0 1 1h5"><!----></path><!----><!--]--><!----><!----></svg><!--]--> <span>.npmrc</span></button><!----> <button type="button" class="flex place-items-center gap-1 pl-[3px]"><!--[-1--><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-icon lucide lucide-file size-4"><!--[--><!----><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"><!----></path><!----><!----><path d="M14 2v5a1 1 0 0 0 1 1h5"><!----></path><!----><!--]--><!----><!----></svg><!--]--> <span>.prettierignore</span></button><!----> <button type="button" class="flex place-items-center gap-1 pl-[3px]"><!--[-1--><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-icon lucide lucide-file size-4"><!--[--><!----><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"><!----></path><!----><!----><path d="M14 2v5a1 1 0 0 0 1 1h5"><!----></path><!----><!--]--><!----><!----></svg><!--]--> <span>.prettierrc</span></button><!----> <button type="button" class="flex place-items-center gap-1 pl-[3px]"><!--[-1--><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-icon lucide lucide-file size-4"><!--[--><!----><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"><!----></path><!----><!----><path d="M14 2v5a1 1 0 0 0 1 1h5"><!----></path><!----><!--]--><!----><!----></svg><!--]--> <span>components.json</span></button><!----> <button type="button" class="flex place-items-center gap-1 pl-[3px]"><!--[-1--><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-icon lucide lucide-file size-4"><!--[--><!----><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"><!----></path><!----><!----><path d="M14 2v5a1 1 0 0 0 1 1h5"><!----></path><!----><!--]--><!----><!----></svg><!--]--> <span>eslint.config.js</span></button><!----> <button type="button" class="flex place-items-center gap-1 pl-[3px]"><!--[-1--><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-icon lucide lucide-file size-4"><!--[--><!----><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"><!----></path><!----><!----><path d="M14 2v5a1 1 0 0 0 1 1h5"><!----></path><!----><!--]--><!----><!----></svg><!--]--> <span>LICENSE</span></button><!----> <button type="button" class="flex place-items-center gap-1 pl-[3px]"><!--[-1--><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-icon lucide lucide-file size-4"><!--[--><!----><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"><!----></path><!----><!----><path d="M14 2v5a1 1 0 0 0 1 1h5"><!----></path><!----><!--]--><!----><!----></svg><!--]--> <span>package.json</span></button><!----> <button type="button" class="flex place-items-center gap-1 pl-[3px]"><!--[-1--><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-icon lucide lucide-file size-4"><!--[--><!----><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"><!----></path><!----><!----><path d="M14 2v5a1 1 0 0 0 1 1h5"><!----></path><!----><!--]--><!----><!----></svg><!--]--> <span>pnpm-lock.yaml</span></button><!----> <button type="button" class="flex place-items-center gap-1 pl-[3px]"><!--[-1--><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-icon lucide lucide-file size-4"><!--[--><!----><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"><!----></path><!----><!----><path d="M14 2v5a1 1 0 0 0 1 1h5"><!----></path><!----><!--]--><!----><!----></svg><!--]--> <span>postcss.config.js</span></button><!----> <button type="button" class="flex place-items-center gap-1 pl-[3px]"><!--[-1--><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-icon lucide lucide-file size-4"><!--[--><!----><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"><!----></path><!----><!----><path d="M14 2v5a1 1 0 0 0 1 1h5"><!----></path><!----><!--]--><!----><!----></svg><!--]--> <span>README.md</span></button><!----> <button type="button" class="flex place-items-center gap-1 pl-[3px]"><!--[-1--><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-icon lucide lucide-file size-4"><!--[--><!----><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"><!----></path><!----><!----><path d="M14 2v5a1 1 0 0 0 1 1h5"><!----></path><!----><!--]--><!----><!----></svg><!--]--> <span>svelte.config.js</span></button><!----> <button type="button" class="flex place-items-center gap-1 pl-[3px]"><!--[-1--><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-icon lucide lucide-file size-4"><!--[--><!----><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"><!----></path><!----><!----><path d="M14 2v5a1 1 0 0 0 1 1h5"><!----></path><!----><!--]--><!----><!----></svg><!--]--> <span>tsconfig.json</span></button><!----> <button type="button" class="flex place-items-center gap-1 pl-[3px]"><!--[-1--><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-icon lucide lucide-file size-4"><!--[--><!----><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"><!----></path><!----><!----><path d="M14 2v5a1 1 0 0 0 1 1h5"><!----></path><!----><!--]--><!----><!----></svg><!--]--> <span>vite.config.ts</span></button><!----> <button type="button" class="flex place-items-center gap-1 pl-[3px]"><!--[-1--><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-icon lucide lucide-file size-4"><!--[--><!----><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"><!----></path><!----><!----><path d="M14 2v5a1 1 0 0 0 1 1h5"><!----></path><!----><!--]--><!----><!----></svg><!--]--> <span>tailwind.config.ts</span></button><!----><!----></div><!----></div><!----></div></div></div><!--]--><!--]--><!----></div></div><!--]--><!--]--><!----><!----><!--]--><!--]--><!--]--> <!--[-1--><!--]--><!--]-->
63			
64			
64<script>
65				{
66					__sveltekit_18tczyy = {
67						base: new URL(".", location).pathname.slice(0, -1),
68						env: {}
69					};
70
71					const element = document.currentScript.parentElement;
72
73					Promise.all([
74						import("./_app/immutable/entry/start.3nNo7FPP.js"),
75						import("./_app/immutable/entry/app.DzG3HGWb.js")
76					]).then(([kit, app]) => {
77						kit.start(app, element, {
78							node_ids: [0, 2, 5],
79							data: [{type:"data",data:{baseMetaTags:{title:"shadcn-svelte-extras",description:"Finish your app with awesome svelte components",canonical:"https://shadcn-svelte-extras.com/",keywords:["shadcn-svelte","extras","svelte","components","cli","jsrepo","mcp","phone-input","tags-input","star-rating","file-drop-zone"],openGraph:{type:"website",url:"https://shadcn-svelte-extras.com/",title:"shadcn-svelte-extras",description:"Finish your app with awesome svelte components",siteName:"shadcn-svelte-extras",images:[{url:"https://shadcn-svelte-extras.com/og.png",width:2014,height:1143,alt:"shadcn-svelte-extras - Finish your app."}]},twitter:{cardType:"summary_large_image",title:"shadcn-svelte-extras",description:"Finish your app with awesome svelte components",image:"https://shadcn-svelte-extras.com/og.png",creator:"@ieeeedan"}},userConfig:{layout:"full",packageManager:"pnpm"}},uses:{url:1}},null,null],
80							form: null,
81							error: null
82						});
83					});
84				}
85			</script>
85
86		</div>
87	
87<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"438e95cf01034f83830f8d7729370afe","r":1,"spa":2}' crossorigin="anonymous"></script>
87
88</body>
89</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.