{
	"$schema": "https://shadcn-svelte.com/schema/registry-item.json",
	"name": "comparator-one",
	"type": "registry:block",
	"description": "Before/after image comparison slider block",
	"devDependencies": [
		"@lucide/svelte"
	],
	"files": [
		{
			"content": "<script lang=\"ts\">\n\timport Button from \"$COMPONENTS$/ui/button/button.svelte\";\n\timport Cpu from \"@lucide/svelte/icons/cpu\";\n\timport Sparkles from \"@lucide/svelte/icons/sparkles\";\n\n\ttype TableData = {\n\t\tfeature: string;\n\t\tfree: string | boolean;\n\t\tpro: string | boolean;\n\t\tstartup: string | boolean;\n\t};\n\n\tlet tableData: TableData[] = [\n\t\t{\n\t\t\tfeature: \"Feature 1\",\n\t\t\tfree: true,\n\t\t\tpro: true,\n\t\t\tstartup: true,\n\t\t},\n\t\t{\n\t\t\tfeature: \"Feature 2\",\n\t\t\tfree: true,\n\t\t\tpro: true,\n\t\t\tstartup: true,\n\t\t},\n\t\t{\n\t\t\tfeature: \"Feature 3\",\n\t\t\tfree: false,\n\t\t\tpro: true,\n\t\t\tstartup: true,\n\t\t},\n\t\t{\n\t\t\tfeature: \"Tokens\",\n\t\t\tfree: \"\",\n\t\t\tpro: \"20 Users\",\n\t\t\tstartup: \"Unlimited\",\n\t\t},\n\t\t{\n\t\t\tfeature: \"Video calls\",\n\t\t\tfree: \"\",\n\t\t\tpro: \"12 Weeks\",\n\t\t\tstartup: \"56\",\n\t\t},\n\t\t{\n\t\t\tfeature: \"Support\",\n\t\t\tfree: \"\",\n\t\t\tpro: \"Secondes\",\n\t\t\tstartup: \"Unlimited\",\n\t\t},\n\t\t{\n\t\t\tfeature: \"Security\",\n\t\t\tfree: \"\",\n\t\t\tpro: \"20 Users\",\n\t\t\tstartup: \"Unlimited\",\n\t\t},\n\t];\n</script>\n\n<section class=\"py-16 md:py-32\">\n\t<div class=\"mx-auto max-w-5xl px-6\">\n\t\t<div class=\"w-full overflow-auto lg:overflow-visible\">\n\t\t\t<table\n\t\t\t\tclass=\"w-[200vw] border-separate border-spacing-x-3 md:w-full dark:[--color-muted:var(--color-zinc-900)]\"\n\t\t\t>\n\t\t\t\t<thead class=\"sticky top-0 bg-background\">\n\t\t\t\t\t<tr class=\"*:py-4 *:text-left *:font-medium\">\n\t\t\t\t\t\t<th class=\"lg:w-2/5\"></th>\n\t\t\t\t\t\t<th class=\"space-y-3\">\n\t\t\t\t\t\t\t<span class=\"block\">Free</span>\n\n\t\t\t\t\t\t\t<Button variant=\"outline\" size=\"sm\">Get Started</Button>\n\t\t\t\t\t\t</th>\n\t\t\t\t\t\t<th class=\"space-y-3 rounded-t-(--radius) bg-muted px-4\">\n\t\t\t\t\t\t\t<span class=\"block\">Pro</span>\n\t\t\t\t\t\t\t<Button size=\"sm\">Get Started</Button>\n\t\t\t\t\t\t</th>\n\t\t\t\t\t\t<th class=\"space-y-3\">\n\t\t\t\t\t\t\t<span class=\"block\">Startup</span>\n\t\t\t\t\t\t\t<Button variant=\"outline\" size=\"sm\">Get Started</Button>\n\t\t\t\t\t\t</th>\n\t\t\t\t\t</tr>\n\t\t\t\t</thead>\n\t\t\t\t<tbody class=\"text-caption text-sm\">\n\t\t\t\t\t<tr class=\"*:py-3\">\n\t\t\t\t\t\t<td class=\"flex items-center gap-2 font-medium\">\n\t\t\t\t\t\t\t<Cpu class=\"size-4\" />\n\t\t\t\t\t\t\t<span>Features</span>\n\t\t\t\t\t\t</td>\n\t\t\t\t\t\t<td></td>\n\t\t\t\t\t\t<td class=\"border-none bg-muted px-4\"></td>\n\t\t\t\t\t\t<td></td>\n\t\t\t\t\t</tr>\n\t\t\t\t\t{#each tableData.slice(-4) as row, index}\n\t\t\t\t\t\t<tr class=\"*:border-b *:py-3\">\n\t\t\t\t\t\t\t<td class=\"text-muted-foreground\">{row.feature}</td>\n\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t{#if typeof row.free === \"boolean\" && row.free}\n\t\t\t\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\t\t\t\tfill=\"currentColor\"\n\t\t\t\t\t\t\t\t\t\tclass=\"size-4\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\t\t\t\tfill-rule=\"evenodd\"\n\t\t\t\t\t\t\t\t\t\t\td=\"M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm13.36-1.814a.75.75 0 1 0-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.14-.094l3.75-5.25Z\"\n\t\t\t\t\t\t\t\t\t\t\tclip-rule=\"evenodd\"\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t{:else}\n\t\t\t\t\t\t\t\t\t{row.free}\n\t\t\t\t\t\t\t\t{/if}\n\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t<td class=\"border-none bg-muted px-4\">\n\t\t\t\t\t\t\t\t<div class=\"-mb-3 border-b py-3\">\n\t\t\t\t\t\t\t\t\t{#if typeof row.pro === \"boolean\" && row.pro}\n\t\t\t\t\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\t\t\t\t\tfill=\"currentColor\"\n\t\t\t\t\t\t\t\t\t\t\tclass=\"size-4\"\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\t\t\t\t\tfill-rule=\"evenodd\"\n\t\t\t\t\t\t\t\t\t\t\t\td=\"M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm13.36-1.814a.75.75 0 1 0-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.14-.094l3.75-5.25Z\"\n\t\t\t\t\t\t\t\t\t\t\t\tclip-rule=\"evenodd\"\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t\t{:else}\n\t\t\t\t\t\t\t\t\t\t{row.pro}\n\t\t\t\t\t\t\t\t\t{/if}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t{#if typeof row.startup === \"boolean\" && row.startup}\n\t\t\t\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\t\t\t\tfill=\"currentColor\"\n\t\t\t\t\t\t\t\t\t\tclass=\"size-4\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\t\t\t\tfill-rule=\"evenodd\"\n\t\t\t\t\t\t\t\t\t\t\td=\"M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm13.36-1.814a.75.75 0 1 0-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.14-.094l3.75-5.25Z\"\n\t\t\t\t\t\t\t\t\t\t\tclip-rule=\"evenodd\"\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t{:else}\n\t\t\t\t\t\t\t\t\t{row.startup}\n\t\t\t\t\t\t\t\t{/if}\n\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t</tr>\n\t\t\t\t\t{/each}\n\t\t\t\t\t<tr class=\"*:pt-8 *:pb-3\">\n\t\t\t\t\t\t<td class=\"flex items-center gap-2 font-medium\">\n\t\t\t\t\t\t\t<Sparkles class=\"size-4\" />\n\t\t\t\t\t\t\t<span>AI Models</span>\n\t\t\t\t\t\t</td>\n\t\t\t\t\t\t<td></td>\n\t\t\t\t\t\t<td class=\"border-none bg-muted px-4\"></td>\n\t\t\t\t\t\t<td></td>\n\t\t\t\t\t</tr>\n\t\t\t\t\t{#each tableData as row}\n\t\t\t\t\t\t<tr class=\"*:border-b *:py-3\">\n\t\t\t\t\t\t\t<td class=\"text-muted-foreground\">{row.feature}</td>\n\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t{#if typeof row.free === \"boolean\" && row.free}\n\t\t\t\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\t\t\t\tfill=\"currentColor\"\n\t\t\t\t\t\t\t\t\t\tclass=\"size-4\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\t\t\t\tfill-rule=\"evenodd\"\n\t\t\t\t\t\t\t\t\t\t\td=\"M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm13.36-1.814a.75.75 0 1 0-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.14-.094l3.75-5.25Z\"\n\t\t\t\t\t\t\t\t\t\t\tclip-rule=\"evenodd\"\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t{/if}\n\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t<td class=\"border-none bg-muted px-4\">\n\t\t\t\t\t\t\t\t<div class=\"-mb-3 border-b py-3\">\n\t\t\t\t\t\t\t\t\t{#if typeof row.pro === \"boolean\" && row.pro}\n\t\t\t\t\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\t\t\t\t\tfill=\"currentColor\"\n\t\t\t\t\t\t\t\t\t\t\tclass=\"size-4\"\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\t\t\t\t\tfill-rule=\"evenodd\"\n\t\t\t\t\t\t\t\t\t\t\t\td=\"M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm13.36-1.814a.75.75 0 1 0-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.14-.094l3.75-5.25Z\"\n\t\t\t\t\t\t\t\t\t\t\t\tclip-rule=\"evenodd\"\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t\t{:else}\n\t\t\t\t\t\t\t\t\t\t{row.pro}\n\t\t\t\t\t\t\t\t\t{/if}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t{#if typeof row.startup === \"boolean\" && row.startup}\n\t\t\t\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\t\t\t\tfill=\"currentColor\"\n\t\t\t\t\t\t\t\t\t\tclass=\"size-4\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\t\t\t\tfill-rule=\"evenodd\"\n\t\t\t\t\t\t\t\t\t\t\td=\"M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm13.36-1.814a.75.75 0 1 0-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.14-.094l3.75-5.25Z\"\n\t\t\t\t\t\t\t\t\t\t\tclip-rule=\"evenodd\"\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t{:else}\n\t\t\t\t\t\t\t\t\t{row.startup}\n\t\t\t\t\t\t\t\t{/if}\n\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t</tr>\n\t\t\t\t\t{/each}\n\t\t\t\t\t<tr class=\"*:py-6\">\n\t\t\t\t\t\t<td></td>\n\t\t\t\t\t\t<td></td>\n\t\t\t\t\t\t<td class=\"rounded-b-(--radius) border-none bg-muted px-4\"></td>\n\t\t\t\t\t\t<td></td>\n\t\t\t\t\t</tr>\n\t\t\t\t</tbody>\n\t\t\t</table>\n\t\t</div>\n\t</div>\n</section>\n",
			"type": "registry:component",
			"target": "blocks/comparator/comparator-one.svelte"
		}
	]
}