fix: polish kumo dialog and select styling

components/ui/dialog.tsx

@@ -17,6 +17,9 @@ type DialogProps = {
   className?: string;
 };
 
+const kumoBackdropClassNames =
+  "fixed inset-0 bg-kumo-recessed opacity-80 transition-all duration-150 data-ending-style:opacity-0 data-starting-style:opacity-0";
+
 export function Dialog({
   open,
   title,
@@ -37,14 +40,16 @@ export function Dialog({
     >
       <KumoDialog
         className={cn(
-          "flex max-h-[92svh] w-[min(calc(100vw-1.5rem),48rem)] flex-col overflow-hidden rounded-lg border border-kumo-line bg-kumo-base p-0 shadow-xl",
+          "dialog-panel-enter fixed left-1/2 top-1/2 z-50 flex max-h-[min(92svh,52rem)] w-[min(calc(100vw-1.5rem),48rem)] -translate-x-1/2 -translate-y-1/2 flex-col overflow-hidden rounded-lg border border-kumo-line bg-kumo-base p-0 shadow-xl outline-none ring-1 ring-kumo-line",
+          "data-ending-style:scale-95 data-ending-style:opacity-0 data-starting-style:scale-95 data-starting-style:opacity-0",
           className,
         )}
+        data-kumo-backdrop-classes={kumoBackdropClassNames}
         size="xl"
       >
-        <header className="flex shrink-0 items-start justify-between gap-4 border-b border-kumo-line p-5">
+        <header className="flex shrink-0 items-start justify-between gap-4 border-b border-kumo-line bg-kumo-base p-5">
           <div className="min-w-0">
-            <KumoDialog.Title>{title}</KumoDialog.Title>
+            <KumoDialog.Title className="text-lg font-semibold leading-7 text-kumo-strong">{title}</KumoDialog.Title>
             {description ? <KumoDialog.Description className="mt-1">{description}</KumoDialog.Description> : null}
           </div>
           <Button aria-label="关闭弹窗" onClick={onClose} size="icon" type="button" variant="outline">

components/ui/select.tsx

@@ -36,7 +36,14 @@ export function Select({
 }: SelectProps): React.ReactElement {
   return (
     <KumoSelect<string>
-      className={cn("w-full", className)}
+      className={cn(
+        "min-h-10 w-full rounded-md border border-input bg-card px-3 py-2 text-left text-sm font-medium text-foreground shadow-sm",
+        "transition-colors hover:border-primary/45 hover:bg-secondary/35",
+        "focus-visible:border-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/25",
+        "disabled:cursor-not-allowed disabled:opacity-50",
+        "[&_[data-placeholder]]:text-muted-foreground [&_svg]:text-primary",
+        className,
+      )}
       defaultValue={defaultValue}
       onValueChange={(nextValue) => onValueChange?.(String(nextValue))}
       placeholder={placeholder}