💄 Add dialog UI component

src/ui/dialog/dialog-overlay.svelte

@@ -0,0 +1,24 @@
+<script lang="ts">
+  import { Dialog as DialogPrimitive } from 'bits-ui';
+  import { cn } from '@/utils/cn';
+  import { fade } from 'svelte/transition';
+
+  type $$Props = DialogPrimitive.OverlayProps;
+
+  let className: $$Props['class'] = undefined;
+  export let transition: $$Props['transition'] = fade;
+  export let transitionConfig: $$Props['transitionConfig'] = {
+    duration: 150
+  };
+  export { className as class };
+</script>
+
+<DialogPrimitive.Overlay
+  {transition}
+  {transitionConfig}
+  class={cn(
+    'fixed inset-0 z-50 bg-neutral-100/80 dark:bg-neutral-900/80 backdrop-blur-sm',
+    className
+  )}
+  {...$$restProps}
+/>