chore(deps): update shadcn components again & deps

WarningImHack3r · WarningImHack3r · commit a63462db3952 · 2025-06-08T13:21:57.000+02:00
diff --git a/package.json b/package.json
@@ -15,7 +15,7 @@
 	},
 	"devDependencies": {
 		"@eslint/js": "^9.28.0",
-		"@fontsource/dm-serif-display": "^5.2.5",
+		"@fontsource/dm-serif-display": "^5.2.6",
 		"@fontsource/pretendard": "^5.2.5",
 		"@internationalized/date": "^3.8.2",
 		"@lucide/svelte": "^0.513.0",
@@ -38,7 +38,7 @@
 		"@types/semver": "^7.7.0",
 		"@upstash/redis": "^1.35.0",
 		"@vercel/speed-insights": "^1.2.0",
-		"bits-ui": "^2.4.1",
+		"bits-ui": "^2.5.0",
 		"clsx": "^2.1.1",
 		"eslint": "^9.28.0",
 		"eslint-config-prettier": "^10.1.5",
@@ -58,7 +58,7 @@
 		"runed": "^0.28.0",
 		"semver": "^7.7.2",
 		"shiki": "^3.6.0",
-		"svelte": "^5.33.17",
+		"svelte": "^5.33.18",
 		"svelte-check": "^4.2.1",
 		"svelte-exmarkdown": "^5.0.1",
 		"svelte-meta-tags": "^4.4.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/lib/components/ui/accordion/accordion-content.svelte b/src/lib/components/ui/accordion/accordion-content.svelte
@@ -13,13 +13,10 @@
 <AccordionPrimitive.Content
 	bind:ref
 	data-slot="accordion-content"
-	class={cn(
-		"data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm",
-		className
-	)}
+	class="data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm"
 	{...restProps}
 >
-	<div class="pb-4 pt-0">
+	<div class={cn("pb-4 pt-0", className)}>
 		{@render children?.()}
 	</div>
 </AccordionPrimitive.Content>
diff --git a/src/lib/components/ui/accordion/accordion.svelte b/src/lib/components/ui/accordion/accordion.svelte
diff --git a/src/lib/components/ui/accordion/index.ts b/src/lib/components/ui/accordion/index.ts
@@ -1,4 +1,4 @@
-import Root from "./accordion-root.svelte";
+import Root from "./accordion.svelte";
 import Content from "./accordion-content.svelte";
 import Item from "./accordion-item.svelte";
 import Trigger from "./accordion-trigger.svelte";
diff --git a/src/lib/components/ui/collapsible/collapsible.svelte b/src/lib/components/ui/collapsible/collapsible.svelte
@@ -8,4 +8,4 @@
 	}: CollapsiblePrimitive.RootProps = $props();
 </script>
 
-<CollapsiblePrimitive.Root bind:ref data-slot="collapsible" {...restProps} />
+<CollapsiblePrimitive.Root bind:ref bind:open data-slot="collapsible" {...restProps} />
diff --git a/src/lib/components/ui/collapsible/index.ts b/src/lib/components/ui/collapsible/index.ts
@@ -1,8 +1,6 @@
-import { Collapsible as CollapsiblePrimitive } from "bits-ui";
-
-const Root = CollapsiblePrimitive.Root;
-const Trigger = CollapsiblePrimitive.Trigger;
-const Content = CollapsiblePrimitive.Content;
+import Root from "./collapsible.svelte";
+import Trigger from "./collapsible-trigger.svelte";
+import Content from "./collapsible-content.svelte";
 
 export {
 	Root,
diff --git a/src/lib/components/ui/dialog/dialog-content.svelte b/src/lib/components/ui/dialog/dialog-content.svelte
@@ -10,10 +10,12 @@
 		class: className,
 		portalProps,
 		children,
+		showCloseButton = true,
 		...restProps
 	}: WithoutChildrenOrChild<DialogPrimitive.ContentProps> & {
 		portalProps?: DialogPrimitive.PortalProps;
 		children: Snippet;
+		showCloseButton?: boolean;
 	} = $props();
 </script>
 
@@ -29,11 +31,13 @@
 		{...restProps}
 	>
 		{@render children?.()}
-		<DialogPrimitive.Close
-			class="ring-offset-background focus:ring-ring rounded-xs focus:outline-hidden absolute right-4 top-4 opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 disabled:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0"
-		>
-			<XIcon />
-			<span class="sr-only">Close</span>
-		</DialogPrimitive.Close>
+		{#if showCloseButton}
+			<DialogPrimitive.Close
+				class="ring-offset-background focus:ring-ring rounded-xs focus:outline-hidden absolute right-4 top-4 opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 disabled:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0"
+			>
+				<XIcon />
+				<span class="sr-only">Close</span>
+			</DialogPrimitive.Close>
+		{/if}
 	</DialogPrimitive.Content>
 </Dialog.Portal>
diff --git a/src/lib/components/ui/separator/separator.svelte b/src/lib/components/ui/separator/separator.svelte
@@ -11,7 +11,7 @@
 
 <SeparatorPrimitive.Root
 	bind:ref
-	data-slot="separator-root"
+	data-slot="separator"
 	class={cn(
 		"bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=vertical]:h-full data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-px",
 		className
diff --git a/src/routes/[pid=pid]/[org]/[repo]/[id=number]/PageRenderer.svelte b/src/routes/[pid=pid]/[org]/[repo]/[id=number]/PageRenderer.svelte
@@ -274,7 +274,7 @@
 	<Accordion.Root type="single" class="mb-12">
 		{#each linkedEntities as entity (entity.number)}
 			<Accordion.Item value={entity.number.toString()}>
-				<Accordion.Trigger class="group hover:no-underline [&>svg:last-child]:flex-shrink-0">
+				<Accordion.Trigger class="group hover:no-underline [&>svg:last-child]:shrink-0">
 					<div class="mr-2 flex w-full flex-col gap-4 xs:gap-2 md:flex-row md:gap-14">
 						<!-- Title -->
 						<span class="text-left group-hover:*:underline">
diff --git a/src/routes/package/[...package]/ReleaseCard.svelte b/src/routes/package/[...package]/ReleaseCard.svelte
@@ -156,7 +156,7 @@
 <Accordion.Item
 	value={release.id.toString()}
 	class={[
-		"rounded-lg border-b-0 shadow-lg outline outline-transparent transition-colors duration-300 data-[state=open]:outline-muted-foreground/20",
+		"rounded-lg border-b-0 shadow-lg outline outline-transparent transition-colors duration-300 data-[state=open]:outline-muted-foreground/20 [&>[data-accordion-content]]:bg-accent/30",
 		{ "rounded-xl border border-primary": isMajorRelease && index < 3 }
 	]}
 >
@@ -240,7 +240,7 @@
 			</div>
 		</div>
 	</Accordion.Trigger>
-	<Accordion.Content class="rounded-b-xl bg-accent/30 px-6">
+	<Accordion.Content class="px-6">
 		<div class="relative mt-4 flex flex-col gap-2">
 			<MarkdownRenderer
 				markdown={releaseBody}

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import Root from "./accordion-root.svelte";`
	`1`	`+import Root from "./accordion.svelte";`
`2`	`2`	`import Content from "./accordion-content.svelte";`
`3`	`3`	`import Item from "./accordion-item.svelte";`
`4`	`4`	`import Trigger from "./accordion-trigger.svelte";`