first commit

resources/js/components/ui/dialog/Dialog.svelte

@@ -0,0 +1,23 @@
+<script lang="ts">
+    import type { Snippet } from 'svelte';
+    import { setContext } from 'svelte';
+    import { DIALOG_CONTEXT, type DialogContext } from './context';
+
+    let {
+        open = $bindable(false),
+        onOpenChange,
+        children,
+    }: { open?: boolean; onOpenChange?: (value: boolean) => void; children?: Snippet } = $props();
+
+    const context: DialogContext = {
+        open: () => open,
+        setOpen: (value: boolean) => {
+            open = value;
+            onOpenChange?.(value);
+        },
+    };
+
+    setContext(DIALOG_CONTEXT, context);
+</script>
+
+{@render children?.()}