{
	"$schema": "https://shadcn-svelte.com/schema/registry-item.json",
	"name": "page-layout",
	"title": "Page Layout",
	"type": "registry:component",
	"description": "A responsive application page container with default, compact, and unpadded workspace spacing.",
	"files": [
		{
			"content": "<script lang=\"ts\">\n\timport type { HTMLAttributes } from 'svelte/elements';\n\n\timport { cn } from '$UTILS$.js';\n\n\ttype PageSpacing = 'compact' | 'default' | 'none';\n\n\tlet {\n\t\tclass: className,\n\t\tchildren,\n\t\tspacing = 'default',\n\t\t...restProps\n\t}: HTMLAttributes<HTMLDivElement> & { spacing?: PageSpacing } = $props();\n</script>\n\n<div\n\tdata-slot=\"page\"\n\tdata-spacing={spacing}\n\tclass={cn(\n\t\t'@container/main flex flex-1 flex-col',\n\t\tspacing === 'default' && 'gap-6 p-4 md:p-6',\n\t\tspacing === 'compact' && 'gap-4 p-4 md:p-6',\n\t\tclassName\n\t)}\n\t{...restProps}\n>\n\t{@render children?.()}\n</div>\n",
			"type": "registry:file",
			"target": "layout/page.svelte"
		},
		{
			"content": "export { default as Page } from './page.svelte';\n",
			"type": "registry:file",
			"target": "layout/index.ts"
		}
	]
}