https://sv-efferd.pages.dev/_app/immutable/chunks/BM0Xs4Xk.js

1const t=`export { default as GridPattern } from "./grid-pattern.svelte";
2`,n=`<script lang="ts">
3	import { cn } from "$lib/utils";
4	import type { SVGAttributes } from "svelte/elements";
5
6	interface GridPatternProps extends SVGAttributes<SVGSVGElement> {
7		width?: number;
8		height?: number;
9		/**
10		 * The x-offset of the pattern
11		 */
12		x?: number;
13		/**
14		 * The y-offset of the pattern
15		 */
16		y?: number;
17		/**
18		 * Array of [x, y] coordinates for highlighted squares
19		 */
20		squares?: Array<[x: number, y: number]>;
21		/**
22		 * Stroke dash array for dashed lines
23		 */
24		strokeDashArray?: string;
25		class?: string;
26	}
27
28	let {
29		width = 40,
30		height = 40,
31		x = -1,
32		y = -1,
33		strokeDashArray = "0",
34		squares,
35		class: className,
36		...props
37	}: GridPatternProps = $props();
38
39	const id = $props.id();
40<\/script>
41
42<svg
43	aria-hidden="true"
44	class={cn(
45		"pointer-events-none absolute inset-0 h-full w-full fill-gray-400/30 stroke-gray-400/30",
46		className
47	)}
48	{...props}
49>
50	<defs>
51		<pattern {id} {width} {height} patternUnits="userSpaceOnUse" {x} {y}>
52			<path d={\`M.5 \${height}V.5H\${width}\`} fill="none" stroke-dasharray={strokeDashArray} />
53		</pattern>
54	</defs>
55	<rect width="100%" height="100%" stroke-width={0} fill={\`url(#\${id})\`} />
56	{#if squares}
57		<svg {x} {y} class="overflow-visible">
58			{#each squares as [squareX, squareY], i (\`\${squareX}-\${squareY}-\${i}\`)}
59				<rect
60					stroke-width="0"
61					width={width - 1}
62					height={height - 1}
63					x={squareX * width + 1}
64					y={squareY * height + 1}
65				/>
66			{/each}
67		</svg>
68	{/if}
69</svg>
70`;export{n as a,t as g};