first commit

resources/js/components/ui/pagination/pagination-next.svelte

@@ -0,0 +1,20 @@
+<script lang="ts">
+	import type { ComponentProps } from "svelte";
+	import { cn } from "@/lib/utils.js";
+	import { PaginationLink } from "./index.js";
+	import ChevronRightIcon from '@lucide/svelte/icons/chevron-right';
+
+	type PaginationNextProps = ComponentProps<typeof PaginationLink>;
+
+	let { class: className, ...restProps }: PaginationNextProps = $props();
+</script>
+
+<PaginationLink
+	aria-label="Go to next page"
+	size="default"
+	class={cn("pr-1.5!", className)}
+	{...restProps}
+>
+	<span class="cn-pagination-next-text hidden sm:block">Next</span>
+	<ChevronRightIcon data-icon="inline-end" />
+</PaginationLink>