From 2fcb502527368cb006981c1de47309d5b6ac9176 Mon Sep 17 00:00:00 2001
From: SquidSpirit <squid@squidspirit.com>
Date: Tue, 14 Oct 2025 00:01:25 +0800
Subject: [PATCH] style: pnpm format

---
 .../components/ui/dialog/dialog-close.svelte  |  2 +-
 .../ui/dialog/dialog-content.svelte           | 14 +++++-----
 .../ui/dialog/dialog-description.svelte       |  6 ++---
 .../components/ui/dialog/dialog-footer.svelte |  6 ++---
 .../components/ui/dialog/dialog-header.svelte |  6 ++---
 .../ui/dialog/dialog-overlay.svelte           |  6 ++---
 .../components/ui/dialog/dialog-title.svelte  |  6 ++---
 .../ui/dialog/dialog-trigger.svelte           |  2 +-
 .../framework/components/ui/dialog/index.ts   | 18 ++++++-------
 .../framework/components/ui/input/index.ts    |  2 +-
 .../components/ui/input/input.svelte          | 26 +++++++++----------
 .../framework/components/ui/label/index.ts    |  2 +-
 .../components/ui/label/label.svelte          |  6 ++---
 .../framework/ui/DashboardNavbar.svelte       |  2 +-
 14 files changed, 52 insertions(+), 52 deletions(-)

diff --git a/frontend/src/lib/common/framework/components/ui/dialog/dialog-close.svelte b/frontend/src/lib/common/framework/components/ui/dialog/dialog-close.svelte
index 840b2f6..e8a96a7 100644
--- a/frontend/src/lib/common/framework/components/ui/dialog/dialog-close.svelte
+++ b/frontend/src/lib/common/framework/components/ui/dialog/dialog-close.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { Dialog as DialogPrimitive } from "bits-ui";
+	import { Dialog as DialogPrimitive } from 'bits-ui';
 
 	let { ref = $bindable(null), ...restProps }: DialogPrimitive.CloseProps = $props();
 </script>
diff --git a/frontend/src/lib/common/framework/components/ui/dialog/dialog-content.svelte b/frontend/src/lib/common/framework/components/ui/dialog/dialog-content.svelte
index 73e0019..0eee489 100644
--- a/frontend/src/lib/common/framework/components/ui/dialog/dialog-content.svelte
+++ b/frontend/src/lib/common/framework/components/ui/dialog/dialog-content.svelte
@@ -1,9 +1,9 @@
 <script lang="ts">
-	import { Dialog as DialogPrimitive } from "bits-ui";
-	import XIcon from "@lucide/svelte/icons/x";
-	import type { Snippet } from "svelte";
-	import * as Dialog from "./index.js";
-	import { cn, type WithoutChildrenOrChild } from "$lib/common/framework/components/utils.js";
+	import { Dialog as DialogPrimitive } from 'bits-ui';
+	import XIcon from '@lucide/svelte/icons/x';
+	import type { Snippet } from 'svelte';
+	import * as Dialog from './index.js';
+	import { cn, type WithoutChildrenOrChild } from '$lib/common/framework/components/utils.js';
 
 	let {
 		ref = $bindable(null),
@@ -25,7 +25,7 @@
 		bind:ref
 		data-slot="dialog-content"
 		class={cn(
-			"bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed left-[50%] top-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",
+			'fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border bg-background p-6 shadow-lg duration-200 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 sm:max-w-lg',
 			className
 		)}
 		{...restProps}
@@ -33,7 +33,7 @@
 		{@render children?.()}
 		{#if showCloseButton}
 			<DialogPrimitive.Close
-				class="ring-offset-background focus:ring-ring rounded-xs focus:outline-hidden absolute end-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"
+				class="absolute end-4 top-4 rounded-xs opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4"
 			>
 				<XIcon />
 				<span class="sr-only">Close</span>
diff --git a/frontend/src/lib/common/framework/components/ui/dialog/dialog-description.svelte b/frontend/src/lib/common/framework/components/ui/dialog/dialog-description.svelte
index 78a2f7f..4e02e22 100644
--- a/frontend/src/lib/common/framework/components/ui/dialog/dialog-description.svelte
+++ b/frontend/src/lib/common/framework/components/ui/dialog/dialog-description.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-	import { Dialog as DialogPrimitive } from "bits-ui";
-	import { cn } from "$lib/common/framework/components/utils.js";
+	import { Dialog as DialogPrimitive } from 'bits-ui';
+	import { cn } from '$lib/common/framework/components/utils.js';
 
 	let {
 		ref = $bindable(null),
@@ -12,6 +12,6 @@
 <DialogPrimitive.Description
 	bind:ref
 	data-slot="dialog-description"
-	class={cn("text-muted-foreground text-sm", className)}
+	class={cn('text-sm text-muted-foreground', className)}
 	{...restProps}
 />
diff --git a/frontend/src/lib/common/framework/components/ui/dialog/dialog-footer.svelte b/frontend/src/lib/common/framework/components/ui/dialog/dialog-footer.svelte
index 478b1bd..81d4175 100644
--- a/frontend/src/lib/common/framework/components/ui/dialog/dialog-footer.svelte
+++ b/frontend/src/lib/common/framework/components/ui/dialog/dialog-footer.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-	import { cn, type WithElementRef } from "$lib/common/framework/components/utils.js";
-	import type { HTMLAttributes } from "svelte/elements";
+	import { cn, type WithElementRef } from '$lib/common/framework/components/utils.js';
+	import type { HTMLAttributes } from 'svelte/elements';
 
 	let {
 		ref = $bindable(null),
@@ -13,7 +13,7 @@
 <div
 	bind:this={ref}
 	data-slot="dialog-footer"
-	class={cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className)}
+	class={cn('flex flex-col-reverse gap-2 sm:flex-row sm:justify-end', className)}
 	{...restProps}
 >
 	{@render children?.()}
diff --git a/frontend/src/lib/common/framework/components/ui/dialog/dialog-header.svelte b/frontend/src/lib/common/framework/components/ui/dialog/dialog-header.svelte
index a9a86ef..21f5851 100644
--- a/frontend/src/lib/common/framework/components/ui/dialog/dialog-header.svelte
+++ b/frontend/src/lib/common/framework/components/ui/dialog/dialog-header.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-	import type { HTMLAttributes } from "svelte/elements";
-	import { cn, type WithElementRef } from "$lib/common/framework/components/utils.js";
+	import type { HTMLAttributes } from 'svelte/elements';
+	import { cn, type WithElementRef } from '$lib/common/framework/components/utils.js';
 
 	let {
 		ref = $bindable(null),
@@ -13,7 +13,7 @@
 <div
 	bind:this={ref}
 	data-slot="dialog-header"
-	class={cn("flex flex-col gap-2 text-center sm:text-left", className)}
+	class={cn('flex flex-col gap-2 text-center sm:text-left', className)}
 	{...restProps}
 >
 	{@render children?.()}
diff --git a/frontend/src/lib/common/framework/components/ui/dialog/dialog-overlay.svelte b/frontend/src/lib/common/framework/components/ui/dialog/dialog-overlay.svelte
index 01d7a94..12048f7 100644
--- a/frontend/src/lib/common/framework/components/ui/dialog/dialog-overlay.svelte
+++ b/frontend/src/lib/common/framework/components/ui/dialog/dialog-overlay.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-	import { Dialog as DialogPrimitive } from "bits-ui";
-	import { cn } from "$lib/common/framework/components/utils.js";
+	import { Dialog as DialogPrimitive } from 'bits-ui';
+	import { cn } from '$lib/common/framework/components/utils.js';
 
 	let {
 		ref = $bindable(null),
@@ -13,7 +13,7 @@
 	bind:ref
 	data-slot="dialog-overlay"
 	class={cn(
-		"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
+		'fixed inset-0 z-50 bg-black/50 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0',
 		className
 	)}
 	{...restProps}
diff --git a/frontend/src/lib/common/framework/components/ui/dialog/dialog-title.svelte b/frontend/src/lib/common/framework/components/ui/dialog/dialog-title.svelte
index 9fa6c42..ed83677 100644
--- a/frontend/src/lib/common/framework/components/ui/dialog/dialog-title.svelte
+++ b/frontend/src/lib/common/framework/components/ui/dialog/dialog-title.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-	import { Dialog as DialogPrimitive } from "bits-ui";
-	import { cn } from "$lib/common/framework/components/utils.js";
+	import { Dialog as DialogPrimitive } from 'bits-ui';
+	import { cn } from '$lib/common/framework/components/utils.js';
 
 	let {
 		ref = $bindable(null),
@@ -12,6 +12,6 @@
 <DialogPrimitive.Title
 	bind:ref
 	data-slot="dialog-title"
-	class={cn("text-lg font-semibold leading-none", className)}
+	class={cn('text-lg leading-none font-semibold', className)}
 	{...restProps}
 />
diff --git a/frontend/src/lib/common/framework/components/ui/dialog/dialog-trigger.svelte b/frontend/src/lib/common/framework/components/ui/dialog/dialog-trigger.svelte
index 9d1e801..ac04d9f 100644
--- a/frontend/src/lib/common/framework/components/ui/dialog/dialog-trigger.svelte
+++ b/frontend/src/lib/common/framework/components/ui/dialog/dialog-trigger.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { Dialog as DialogPrimitive } from "bits-ui";
+	import { Dialog as DialogPrimitive } from 'bits-ui';
 
 	let { ref = $bindable(null), ...restProps }: DialogPrimitive.TriggerProps = $props();
 </script>
diff --git a/frontend/src/lib/common/framework/components/ui/dialog/index.ts b/frontend/src/lib/common/framework/components/ui/dialog/index.ts
index dce1d9d..bb19a72 100644
--- a/frontend/src/lib/common/framework/components/ui/dialog/index.ts
+++ b/frontend/src/lib/common/framework/components/ui/dialog/index.ts
@@ -1,13 +1,13 @@
-import { Dialog as DialogPrimitive } from "bits-ui";
+import { Dialog as DialogPrimitive } from 'bits-ui';
 
-import Title from "./dialog-title.svelte";
-import Footer from "./dialog-footer.svelte";
-import Header from "./dialog-header.svelte";
-import Overlay from "./dialog-overlay.svelte";
-import Content from "./dialog-content.svelte";
-import Description from "./dialog-description.svelte";
-import Trigger from "./dialog-trigger.svelte";
-import Close from "./dialog-close.svelte";
+import Title from './dialog-title.svelte';
+import Footer from './dialog-footer.svelte';
+import Header from './dialog-header.svelte';
+import Overlay from './dialog-overlay.svelte';
+import Content from './dialog-content.svelte';
+import Description from './dialog-description.svelte';
+import Trigger from './dialog-trigger.svelte';
+import Close from './dialog-close.svelte';
 
 const Root = DialogPrimitive.Root;
 const Portal = DialogPrimitive.Portal;
diff --git a/frontend/src/lib/common/framework/components/ui/input/index.ts b/frontend/src/lib/common/framework/components/ui/input/index.ts
index f47b6d3..88bf92d 100644
--- a/frontend/src/lib/common/framework/components/ui/input/index.ts
+++ b/frontend/src/lib/common/framework/components/ui/input/index.ts
@@ -1,4 +1,4 @@
-import Root from "./input.svelte";
+import Root from './input.svelte';
 
 export {
 	Root,
diff --git a/frontend/src/lib/common/framework/components/ui/input/input.svelte b/frontend/src/lib/common/framework/components/ui/input/input.svelte
index 36e3e2a..cc86c50 100644
--- a/frontend/src/lib/common/framework/components/ui/input/input.svelte
+++ b/frontend/src/lib/common/framework/components/ui/input/input.svelte
@@ -1,12 +1,12 @@
 <script lang="ts">
-	import type { HTMLInputAttributes, HTMLInputTypeAttribute } from "svelte/elements";
-	import { cn, type WithElementRef } from "$lib/common/framework/components/utils.js";
+	import type { HTMLInputAttributes, HTMLInputTypeAttribute } from 'svelte/elements';
+	import { cn, type WithElementRef } from '$lib/common/framework/components/utils.js';
 
-	type InputType = Exclude<HTMLInputTypeAttribute, "file">;
+	type InputType = Exclude<HTMLInputTypeAttribute, 'file'>;
 
 	type Props = WithElementRef<
-		Omit<HTMLInputAttributes, "type"> &
-			({ type: "file"; files?: FileList } | { type?: InputType; files?: undefined })
+		Omit<HTMLInputAttributes, 'type'> &
+			({ type: 'file'; files?: FileList } | { type?: InputType; files?: undefined })
 	>;
 
 	let {
@@ -15,19 +15,19 @@
 		type,
 		files = $bindable(),
 		class: className,
-		"data-slot": dataSlot = "input",
+		'data-slot': dataSlot = 'input',
 		...restProps
 	}: Props = $props();
 </script>
 
-{#if type === "file"}
+{#if type === 'file'}
 	<input
 		bind:this={ref}
 		data-slot={dataSlot}
 		class={cn(
-			"selection:bg-primary dark:bg-input/30 selection:text-primary-foreground border-input ring-offset-background placeholder:text-muted-foreground shadow-xs flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 pt-1.5 text-sm font-medium outline-none transition-[color,box-shadow] disabled:cursor-not-allowed disabled:opacity-50",
-			"focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
-			"aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+			'flex h-9 w-full min-w-0 rounded-md border border-input bg-transparent px-3 pt-1.5 text-sm font-medium shadow-xs ring-offset-background transition-[color,box-shadow] outline-none selection:bg-primary selection:text-primary-foreground placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50 dark:bg-input/30',
+			'focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50',
+			'aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40',
 			className
 		)}
 		type="file"
@@ -40,9 +40,9 @@
 		bind:this={ref}
 		data-slot={dataSlot}
 		class={cn(
-			"border-input bg-background selection:bg-primary dark:bg-input/30 selection:text-primary-foreground ring-offset-background placeholder:text-muted-foreground shadow-xs flex h-9 w-full min-w-0 rounded-md border px-3 py-1 text-base outline-none transition-[color,box-shadow] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
-			"focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
-			"aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+			'flex h-9 w-full min-w-0 rounded-md border border-input bg-background px-3 py-1 text-base shadow-xs ring-offset-background transition-[color,box-shadow] outline-none selection:bg-primary selection:text-primary-foreground placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50 md:text-sm dark:bg-input/30',
+			'focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50',
+			'aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40',
 			className
 		)}
 		{type}
diff --git a/frontend/src/lib/common/framework/components/ui/label/index.ts b/frontend/src/lib/common/framework/components/ui/label/index.ts
index 8bfca0b..64bfc83 100644
--- a/frontend/src/lib/common/framework/components/ui/label/index.ts
+++ b/frontend/src/lib/common/framework/components/ui/label/index.ts
@@ -1,4 +1,4 @@
-import Root from "./label.svelte";
+import Root from './label.svelte';
 
 export {
 	Root,
diff --git a/frontend/src/lib/common/framework/components/ui/label/label.svelte b/frontend/src/lib/common/framework/components/ui/label/label.svelte
index b849a5f..af1db2d 100644
--- a/frontend/src/lib/common/framework/components/ui/label/label.svelte
+++ b/frontend/src/lib/common/framework/components/ui/label/label.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-	import { Label as LabelPrimitive } from "bits-ui";
-	import { cn } from "$lib/common/framework/components/utils.js";
+	import { Label as LabelPrimitive } from 'bits-ui';
+	import { cn } from '$lib/common/framework/components/utils.js';
 
 	let {
 		ref = $bindable(null),
@@ -13,7 +13,7 @@
 	bind:ref
 	data-slot="label"
 	class={cn(
-		"flex select-none items-center gap-2 text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-50 group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50",
+		'flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50',
 		className
 	)}
 	{...restProps}
diff --git a/frontend/src/lib/dashboard/framework/ui/DashboardNavbar.svelte b/frontend/src/lib/dashboard/framework/ui/DashboardNavbar.svelte
index a34a8a9..9863ecf 100644
--- a/frontend/src/lib/dashboard/framework/ui/DashboardNavbar.svelte
+++ b/frontend/src/lib/dashboard/framework/ui/DashboardNavbar.svelte
@@ -5,7 +5,7 @@
 	const { links }: { links: DashboardLink[] } = $props();
 </script>
 
-<div class="border-true-gray-300 w-3xs border-e p-8">
+<div class="w-3xs border-e border-true-gray-300 p-8">
 	<div class="mb-3 font-bold">Dashboard</div>
 	<div class="flex flex-col">
 		{#each links as link (link.href)}